:root{
  color-scheme:light;
  --navy:#071a33;--navy2:#0d2a50;--blue:#1463ff;--cyan:#21b7ff;--gold:#d4af37;
  --bg:#f3f6fb;--surface:#fff;--surface-soft:#f8faff;--surface-raised:#fff;
  --text:#102039;--muted:#667085;--border:#e3e8f1;--input:#fff;
  --green:#15955d;--red:#b42318;--shadow:#10203914;--sidebar-text:#c9d6e8;
  --sidebar:linear-gradient(180deg,#020914,#071a33 56%,#0a2a51);--topbar:#fff;
  --access:linear-gradient(135deg,#eef5ff,#dbeafe 55%,#cbdffc);--overlay:#00152d66;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#070c14;--surface:#0d1725;--surface-soft:#111e30;--surface-raised:#132238;
  --text:#edf5ff;--muted:#9fb0c7;--border:#26364c;--input:#101d2d;
  --green:#48d597;--red:#ff8178;--shadow:#0009;--sidebar-text:#d7e5f8;
  --sidebar:linear-gradient(180deg,#02060c,#06152b 58%,#092847);--topbar:#0b1421;
  --access:radial-gradient(circle at 85% 15%,#0e4ea855,transparent 32%),linear-gradient(135deg,#02060d,#071a33 60%,#0b315d);--overlay:#000b;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;font-family:Inter,Arial,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);transition:background .2s ease,color .2s ease}
a{text-decoration:none;color:inherit}input,select,textarea,button{font:inherit}
.layout{min-height:100vh;display:grid;grid-template-columns:250px 1fr}
.sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:18px 14px;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid #2987ff24}
.sidebar-brand{display:block;height:72px;overflow:hidden;border-radius:13px;border:1px solid #2584ff35;background:#01050d;box-shadow:0 10px 28px #0008}
.sidebar-brand img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 30%}
.sidebar nav{margin-top:18px;display:grid;gap:4px}.sidebar a:not(.sidebar-brand){padding:10px 12px;border-radius:8px;font-size:13px}.sidebar a:not(.sidebar-brand):hover,.sidebar a.ativo{background:linear-gradient(90deg,#155de8,#247cf3);color:#fff}.sidebar .provedor{margin-top:14px;border:1px solid #d4af3766;color:#f4d46d}
.content{min-width:0}.topbar{min-height:68px;background:var(--topbar);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:10px 28px;position:sticky;top:0;z-index:20;box-shadow:0 4px 20px var(--shadow)}.topbar .user{display:flex;align-items:center;gap:10px}.company-name{color:var(--muted);font-size:12px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#1b65e822;color:#3486ff;font-weight:bold;border:1px solid #3486ff33}.page{padding:26px;max-width:1500px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}.page-head h1{margin:4px 0}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--blue);font-weight:bold}.muted{color:var(--muted)!important}.section{margin-top:16px}
.theme-toggle{width:42px;height:42px;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft);color:var(--text);border:1px solid var(--border);box-shadow:none;font-size:18px}.theme-toggle:hover{border-color:var(--blue);transform:translateY(-1px)}.theme-toggle .theme-dark-icon{display:none}:root[data-theme="dark"] .theme-toggle .theme-light-icon{display:none}:root[data-theme="dark"] .theme-toggle .theme-dark-icon{display:inline}
.cards{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 5px 16px var(--shadow)}.soft-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;padding:14px}.metric small{color:var(--muted);font-weight:bold}.metric strong{display:block;font-size:23px;margin-top:12px}.metric span,.positive{color:var(--green);font-size:12px}.negative{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.module-icon{font-size:24px;color:#247cf3}
.table-wrap{overflow:auto;border-radius:10px}.table{width:100%;border-collapse:collapse;background:var(--surface)}.table td,.table th{padding:11px;border-bottom:1px solid var(--border);text-align:left;font-size:13px;white-space:nowrap}.table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:var(--surface-soft)}.table tr:hover td{background:color-mix(in srgb,var(--blue) 5%,var(--surface))}.badge{display:inline-block;padding:5px 8px;border-radius:20px;background:#15955d1d;color:var(--green);font-size:11px;border:1px solid #15955d28}.badge.warn{background:#d4af371c;color:#a47c00;border-color:#d4af3735}.badge.danger{background:#b423181c;color:var(--red);border-color:#b4231833}
.btn,button{display:inline-block;border:0;border-radius:8px;background:linear-gradient(135deg,#155de8,#247cf3);color:#fff;padding:10px 15px;font-weight:bold;cursor:pointer;transition:filter .15s ease,transform .15s ease}.btn:hover,button:hover{filter:brightness(1.08)}.btn.secondary,button.secondary{background:var(--surface-soft);color:var(--blue);border:1px solid var(--border)}.btn.danger,button.danger{background:#b42318}.back{display:inline-block;color:var(--blue);margin-bottom:12px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.messages{list-style:none;padding:0}.messages li{background:#15955d1d;color:var(--green);padding:11px 14px;border-radius:8px;margin-bottom:8px;border:1px solid #15955d2a}.messages li.error{background:#b423181c;color:var(--red);border-color:#b4231830}
.form-card{max-width:800px}.form-card form p,.card form p{margin:12px 0}.form-card label,.card form label{font-weight:600;font-size:13px}.form-card input,.form-card select,.form-card textarea,.card form input,.card form select,.card form textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--input);color:var(--text)}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.card form input:focus,.card form select:focus,.card form textarea:focus,.access-body input:focus,.access-body select:focus{outline:2px solid #247cf366;border-color:var(--blue)}.form-card input[type=checkbox],.card form input[type=checkbox]{width:auto}.helptext{display:block;font-size:11px;color:var(--muted)}.errorlist{color:var(--red);font-size:12px}.item-row{padding:12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;margin-bottom:10px}.check-grid ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check-grid label{display:block;background:var(--surface-soft);border:1px solid var(--border);padding:12px;border-radius:8px}.timeline{list-style:none;padding:0}.timeline li{border-left:3px solid color-mix(in srgb,var(--blue) 25%,var(--border));padding:4px 0 14px 14px}.scan-panel{background:linear-gradient(135deg,#071a33,#0d3a6b);color:#fff;padding:24px;border-radius:14px}.scan-panel input{font-size:20px;padding:14px;background:#fff;color:#102039;border:0;border-radius:8px}.gold-line{width:220px;height:1px;background:var(--gold);margin:20px auto}
.access-bg{min-height:100vh;background:var(--access);padding:32px}.access-shell{min-height:calc(100vh - 64px);display:grid;grid-template-columns:minmax(360px,430px) 1fr;max-width:1280px;margin:auto;border-radius:18px;overflow:hidden;box-shadow:0 25px 70px var(--overlay);border:1px solid #2f86ff2b}.access-card{background:var(--surface)}.access-logo{padding:20px 26px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-mini{display:flex;align-items:baseline;gap:7px;color:var(--text);letter-spacing:.5px}.brand-mini strong{font-size:21px;color:var(--blue)}.brand-mini span{font-size:13px;letter-spacing:4px}.access-actions{display:flex;align-items:center;gap:8px}.access-body{padding:30px}.access-body h1{margin-bottom:5px}.access-body label{display:block;font-size:12px;font-weight:bold;margin-top:13px}.access-body input,.access-body select{width:100%;padding:11px;border:1px solid var(--border);border-radius:6px;background:var(--input);color:var(--text);margin-top:5px}.access-body button[type="submit"]{width:100%;margin-top:20px}.access-body .remember{display:flex;align-items:center;gap:7px;font-weight:normal}.access-body .remember input{width:auto;margin:0}.access-foot{margin-top:28px;color:var(--muted);font-size:11px}.access-hero{background:#020812;color:#fff;display:grid;place-items:center;text-align:center;padding:32px;overflow:hidden}.access-brand-image{width:min(100%,800px);height:auto;display:block;filter:drop-shadow(0 18px 55px #0073ff2b)}.access-hero h2{font-size:26px;margin:12px 0 8px}.access-hero p{color:#cbd5e1;max-width:650px}.hero-flow{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-flow span{border:1px solid #38bdf866;padding:10px 15px;border-radius:24px;background:#0d2a50}.alert-error{background:#b423181c;color:var(--red);padding:12px;border-radius:8px;margin:14px 0;border:1px solid #b4231830}.alert-warning{background:#d4af371c;color:#a47c00;padding:12px;border-radius:8px;border:1px solid #d4af3735}.environment-shell{min-height:calc(100vh - 64px);display:grid;place-items:center}.environment-card{width:min(560px,100%);border-radius:18px;overflow:hidden;box-shadow:0 25px 70px var(--overlay)}
.error-page{min-height:100vh;display:grid;place-items:center;padding:24px}.error-card{max-width:560px;text-align:center}.error-logo{width:min(100%,360px);border-radius:14px;margin-bottom:18px}
.kanban{display:grid;grid-template-columns:repeat(7,minmax(230px,1fr));gap:14px;overflow-x:auto;align-items:start}.kanban>article{min-height:220px}.kanban a.card{display:block;padding:12px}.chart-bars{height:300px;display:grid;grid-template-columns:repeat(12,minmax(45px,1fr));gap:10px;align-items:end;padding-top:40px;overflow-x:auto}.chart-column{height:250px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:45px}.chart-bar{width:70%;min-height:2px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--cyan),var(--blue))}.chart-value{font-size:10px;color:var(--muted);white-space:nowrap;transform:rotate(-35deg);transform-origin:center}.badge.success{background:#15955d1d;color:var(--green);border-color:#15955d28}
@media(max-width:1000px){.layout{grid-template-columns:76px 1fr}.sidebar .label{display:none}.sidebar-brand{height:52px}.sidebar-brand img{object-position:18% 30%}.cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.triple{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.split,.dashboard-grid,.triple,.access-shell{grid-template-columns:1fr}.access-hero{display:none}.access-bg{padding:12px}.access-shell{min-height:calc(100vh - 24px)}.topbar{padding:8px 14px}.page{padding:16px}.company-name{display:none}.access-actions .badge{display:none}}
@media(max-width:500px){.cards{grid-template-columns:1fr}.topbar .user>div:nth-of-type(2){display:none}.check-grid ul{grid-template-columns:1fr}.topbar{gap:8px}.topbar .user{gap:6px}.topbar .badge{display:none}}

/* Experiência de acesso WPD NEXUS 20.1 */
.nexus-access{min-height:100vh;background:radial-gradient(circle at 45% 45%,#fff 0,#f4f9ff 43%,#e9f3ff 100%);color:#071a43}.access-window{height:36px;padding:8px 18px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edf6;font-size:13px}.nexus-access-grid{min-height:calc(100vh - 36px);padding:34px 4vw;display:grid;grid-template-columns:minmax(260px,1fr) minmax(520px,700px) minmax(250px,1fr);gap:40px;align-items:center}.access-presentation{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:35px 0 25px;position:relative;overflow:hidden}.access-presentation:after{content:"";position:absolute;width:470px;height:470px;left:-230px;bottom:-250px;transform:rotate(45deg);border-radius:60px;background:linear-gradient(145deg,#1db3ff,#0752b5 62%,#042966);box-shadow:90px -80px 0 -22px #0c65bb}.access-wordmark{font-size:42px;font-weight:900;letter-spacing:-2px;color:#071a43}.access-wordmark b{color:#0874dc}.access-wordmark small{display:block;margin:8px 0 0 65px;color:#62718b;font-size:11px;line-height:1.55;letter-spacing:4px}.access-presentation i{display:block;width:48px;border-top:3px solid #087be2}.access-presentation h2{font-size:36px;line-height:1.05;margin:26px 0 16px}.access-presentation p{color:#63728c;font-size:19px;line-height:1.45}.access-presentation>small{z-index:1;max-width:130px;color:#d9efff;letter-spacing:3px;line-height:1.5}.nexus-access-card{background:#fffc;border:1px solid #d8e2ef;border-radius:24px;padding:48px 54px;box-shadow:0 25px 65px #13539916;backdrop-filter:blur(16px)}.nexus-access-card>.eyebrow{text-align:center;letter-spacing:5px}.nexus-access-card h1{text-align:center;font-size:38px;margin:10px 0 6px;color:#061339}.nexus-access-card>p{text-align:center;color:#71809a;font-size:17px;margin:0 0 30px}.nexus-access-card label{display:block;font-weight:700;margin:18px 0 7px}.nexus-access-card input,.nexus-access-card select,.nexus-access-card textarea{width:100%;padding:14px 16px;border:1px solid #bdcbe0;border-radius:7px;background:#fff;color:#102039}.nexus-access-card form>button,.access-buttons button{display:block;width:45%;margin:32px 0 0 auto;padding:15px;border:0;border-radius:8px;background:linear-gradient(135deg,#0b91ed,#075ac6);color:#fff;font-weight:800}.password-control{position:relative}.password-control button{position:absolute;right:8px;top:7px;width:auto;margin:0;padding:8px;background:transparent;color:#53709e;border:0}.access-options{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:26px}.access-options label{display:flex;align-items:center;gap:9px;margin:0;font-weight:400}.access-options input{width:28px;height:28px;margin:0}.access-options a,.access-help a,.access-back{color:#0672d8;font-weight:700;text-decoration:underline}.access-help{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:18px 0 25px;color:#0b2451}.access-help nav{display:flex;gap:18px;justify-content:flex-end;align-items:center;white-space:nowrap}.access-help nav a{text-decoration:none}.help-card{border:1px solid #cfdbea;border-radius:14px;padding:28px;margin-top:60px;align-self:stretch}.help-card p{color:#71809a;line-height:1.45}.access-help>small{align-self:flex-end;max-width:160px;letter-spacing:3px;line-height:1.5}.environment-choice{padding-top:38px;padding-bottom:38px}.environment-choice h1{font-size:35px}.environment-choice label{margin-top:10px}.environment-choice input,.environment-choice select{padding:10px 13px}.paired-input{display:grid;grid-template-columns:100px 1fr;gap:12px}.access-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.access-buttons .btn,.access-buttons button{width:150px;margin:0;text-align:center;padding:13px}.standalone-access{min-height:calc(100vh - 36px);display:grid;place-items:center;padding:25px}.standalone-access .nexus-access-card{width:min(620px,100%)}.standalone-access .nexus-access-card form>button{width:100%}.access-back{display:inline-block;margin-top:22px}.support-chat .chat-user,.support-chat .chat-agent{padding:12px 15px;border-radius:12px;margin:12px 0;line-height:1.45}.chat-user{background:#eaf3ff;margin-left:15%!important}.chat-agent{background:#eef9f4;margin-right:15%!important}.chat-agent span{display:block;font-size:10px;font-weight:800;color:#087552;letter-spacing:2px;margin-bottom:5px}
@media(max-width:1100px){.nexus-access-grid{grid-template-columns:220px minmax(480px,650px)}.access-help{display:none}}
@media(max-width:760px){.nexus-access-grid{display:block;padding:20px}.access-presentation{display:none}.nexus-access-card{padding:30px 24px}.nexus-access-card h1{font-size:29px}.access-options{align-items:flex-start;flex-direction:column}.nexus-access-card form>button{width:100%}}
.work-tabs{min-height:45px;display:flex;align-items:stretch;gap:6px;padding:5px 12px;background:var(--surface-soft);border-bottom:1px solid var(--border);position:sticky;top:68px;z-index:18}.work-tabs-home{width:52px;border-radius:8px;background:#071a33;overflow:hidden;flex:0 0 52px}.work-tabs-home img{width:100%;height:100%;object-fit:cover;object-position:18% 43%}.work-tabs>[data-work-tabs-list]{display:flex;gap:5px;align-items:center;overflow-x:auto}.work-tab{height:34px;display:flex;align-items:center;border:1px solid var(--border);border-radius:7px;background:var(--surface);white-space:nowrap}.work-tab.active{border-color:var(--blue);box-shadow:inset 0 -2px var(--blue)}.work-tab a{padding:8px 10px;font-size:12px}.work-tab button{border:0;background:transparent;color:var(--muted);padding:7px 9px}.module-switch{font-size:12px;white-space:nowrap}

/* Seletor profissional de ambientes */
.environment-shell{min-height:calc(100vh - 36px);padding:34px;background:linear-gradient(145deg,#f5f9ff,#eaf3ff)}.environment-panel{max-width:1280px;margin:auto;background:#fff;border:1px solid #d6e1ef;border-radius:18px;box-shadow:0 22px 60px #173b6717;padding:30px}.environment-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.environment-heading h1{font-size:32px;margin:7px 0}.environment-heading p{color:#63728c;margin:0}.environment-heading a{color:#0672d8;font-weight:700}.environment-context{display:grid;grid-template-columns:1fr 1.3fr 1.5fr 1fr 1fr;gap:15px;margin:26px 0 20px}.environment-context label,.environment-search label{font-weight:700}.environment-context input,.environment-context select,.environment-search input{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #bdcbe0;border-radius:7px;background:#fff}.environment-context .paired-input{display:grid;margin-top:6px}.environment-context .paired-input input{margin:0}.environment-search{max-width:520px;margin:0 0 15px}.environment-table{overflow:auto;border:1px solid #dbe4ef;border-radius:10px}.environment-table table{width:100%;border-collapse:collapse;min-width:800px}.environment-table th{text-align:left;padding:12px 14px;background:#102743;color:#fff}.environment-table td{padding:14px;border-top:1px solid #e3eaf2;vertical-align:top}.environment-table tbody tr{cursor:pointer}.environment-table tbody tr:hover,.environment-table tbody tr.selected{background:#eaf4ff}.environment-table td:first-child{width:75px;color:#0874dc}.environment-table td:nth-child(2){width:210px}.environment-table td:nth-child(2) span{display:block;color:#5f7187;margin-top:3px}.environment-table td p{margin:0 0 5px}.environment-table td small{color:#65758a;line-height:1.45}.environment-table td button{padding:8px 12px;border:1px solid #0a74ce;border-radius:6px;background:#fff;color:#0868b8;font-weight:700}.environment-table tr.selected td button{background:#0874d1;color:#fff}.environment-panel .access-buttons .secondary{border:1px solid #9eb0c5;color:#233952;border-radius:8px;text-decoration:none}.environment-panel .access-buttons button{border:0;border-radius:8px;background:#0874d1;color:#fff;font-weight:800}@media(max-width:900px){.environment-shell{padding:14px}.environment-panel{padding:20px}.environment-context{grid-template-columns:1fr 1fr}.environment-heading{display:block}.environment-heading a{display:inline-block;margin-top:12px}}

/* WPD NEXUS 21.0 */
.top-search{display:flex;gap:8px;align-items:center;min-width:260px;max-width:480px;flex:1;margin:0 18px}.top-search input,.global-search-page input{width:100%;min-width:0}.notification-link{position:relative;text-decoration:none;font-size:20px;line-height:1}.notification-link span{position:absolute;right:-9px;top:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:12px;background:#c62828;color:#fff;font-size:11px;display:grid;place-items:center}.global-search-page{display:flex;gap:10px;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label{display:grid;gap:5px}.form-grid input,.form-grid select,.form-grid textarea{width:100%}@media(max-width:980px){.top-search{display:none}.form-grid{grid-template-columns:1fr}}