:root{--bg:#0b0f14;--panel:#111720;--panel2:#151d27;--line:#24303d;--text:#f3f6fa;--muted:#8d9aaa;--accent:#4da3ff;--ok:#35d07f;--danger:#ff5d67;--blue:#1976d2;--blue2:#55b4ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,Segoe UI,Arial,sans-serif}a{color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:#0d1219;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:10}.brand{display:flex;gap:11px;align-items:center;padding:4px 10px 30px}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#1976d2,#55b4ff);display:grid;place-items:center;font-weight:800}.brand strong{display:block;letter-spacing:1px}.brand span{color:var(--accent);font-size:10px;letter-spacing:2px}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--muted);padding:13px 12px;border-radius:9px}.nav-item span{width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:#172231;color:#fff}.sidebar-bottom{margin-top:auto;color:#687687;font-size:11px;padding:12px}.user-mini{display:flex;align-items:center;gap:9px;padding:8px}.avatar{width:32px;height:32px;border-radius:50%;background:#253244;display:grid;place-items:center;font-weight:700;color:#fff}.user-mini strong{display:block;color:#dce6f1}.user-mini small{color:#687687}.logout{display:block;margin-top:6px;text-decoration:none;color:#9aa9ba;padding:8px}.main{margin-left:245px;flex:1;min-width:0}.content{max-width:1250px;margin:0 auto;padding:30px 34px}.mobile-top{display:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:11px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:7px}.page-head h1{font-size:27px;margin:0 0 5px;letter-spacing:-.02em}.page-head p{margin:0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:#17212d;color:#dce6f1;border-radius:7px;padding:9px 12px;text-decoration:none;cursor:pointer;font:inherit}.btn:hover{border-color:#42647f}.btn.primary,.btn:not(.secondary):not(.dark):not(.danger){background:#1976d2;border-color:#1976d2;color:#fff}.btn.secondary{background:#151d27;color:#dce6f1}.btn.dark{background:#111720}.btn.danger{background:#8e2830;border-color:#8e2830;color:#fff}.btn.small{padding:7px 9px;font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 5px 20px #0002;margin-top:18px}.panel h2{margin:0 0 8px;font-size:17px}.panel p{margin:0;color:#aab6c4;line-height:1.55}.grid6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;min-height:125px}.stat-top{display:flex;align-items:center;gap:9px;color:#dbe4ed}.stat-icon{font-size:21px}.stat .num{font-size:30px;font-weight:800;margin-top:12px}.stat small{display:block;color:#718095;margin-top:3px}.quick{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#718095;background:#0d131b}.table th,.table td{padding:11px;border-bottom:1px solid var(--line);text-align:left}.table td{color:#d7e0e9}.actions{white-space:nowrap}.actions a{margin-right:7px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;font-size:12px;font-weight:700;color:#aeb9c7;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#0b1016;color:#fff;outline:none;font:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:#397bb6;box-shadow:0 0 0 3px #397bb622}.field.full{grid-column:1/-1}.form-actions{display:flex;gap:9px;margin-top:15px}.notice{padding:11px 13px;border-radius:9px;background:#172e62;color:#cfe1ff;margin-bottom:15px;font-size:13px}.notice.error{background:#431a1f;color:#ffc5ca}.empty{padding:45px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#17365a;color:#8ec5ff;font-size:11px;font-weight:700}.hint{color:#718095;font-size:11px}.login-body{min-height:100vh;background:linear-gradient(135deg,#07101e,#111b2d);display:grid;place-items:center}.login-box{width:min(430px,calc(100% - 36px));background:#111827;border:1px solid #26334a;padding:32px;border-radius:20px;box-shadow:0 20px 70px #0006;color:#fff}.login-brand{font-size:25px;font-weight:850;margin-bottom:7px}.login-sub{color:#9eabc0;margin-bottom:25px}.login-box .field label{color:#cbd5e1}.login-box .field input{background:#0b1220;border-color:#334155;color:#fff}.login-box .btn{width:100%;margin-top:8px}
/* Credenciais: visual inspirado no protótipo aprovado */
.company-selector{margin-top:0}.selector-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.selector-head h2{margin:0 0 5px;font-size:18px}.selector-head p{margin:0;color:var(--muted)}.search-box{display:flex;align-items:center;gap:8px;width:min(390px,100%);background:#0b1016;border:1px solid var(--line);border-radius:10px;padding:0 12px}.search-box span{font-size:20px;color:#718095}.search-box input{border:0;outline:0;width:100%;padding:11px 2px;background:transparent;color:#fff;font:inherit}.search-box input::placeholder{color:#66778a}.company-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.company-card{display:flex;align-items:center;gap:12px;min-height:112px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:16px;text-decoration:none;color:var(--text);transition:.15s;min-width:0}.company-card:hover{transform:translateY(-2px);border-color:#36516b;background:#141e29}.company-icon{width:38px;height:38px;border-radius:9px;background:#172b3f;display:grid;place-items:center;flex:0 0 auto;font-size:20px}.company-card-main{min-width:0;flex:1}.company-card-main strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-card-main span{display:block;color:#91a3b7;font-size:12px;margin-top:7px}.company-arrow{font-size:25px;color:#718095}.company-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.selected-company{display:flex;align-items:center;gap:10px}.selected-company strong{display:block;font-size:18px}.selected-company small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.credential-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 5px 20px #0002}.credential-head{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:13px}.credential-head h2{margin:5px 0 0;font-size:18px}.credential-category{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.credential-lock{font-size:21px}.credential-info{padding:8px 0}.info-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid #1c2733;font-size:13px}.info-row>span{color:#8191a4}.info-row strong{font-weight:600;text-align:right;word-break:break-word;color:#e0e7ee}.info-row a{color:#69b3ff;font-weight:600}.password-value{display:flex;align-items:center;gap:7px}.masked{font-family:ui-monospace,monospace;letter-spacing:1px;max-width:260px;word-break:break-all}.eye-btn{border:1px solid #2b3a4a;background:#17212d;color:#dce6f1;border-radius:7px;width:34px;height:30px;cursor:pointer;font-size:16px}.eye-btn:hover{border-color:#42647f}.credential-notes{margin-top:11px;padding:10px 11px;border-radius:9px;background:#0d131b;border:1px solid #1c2733}.credential-notes>span{font-size:10px;font-weight:800;color:#718095;text-transform:uppercase;letter-spacing:.05em}.credential-notes p{margin:5px 0 0;font-size:12px;color:#aeb9c7;line-height:1.5}.credential-actions{display:flex;gap:8px;margin-top:12px}.credential-actions .btn{flex:0 0 auto}
/* Dashboard */.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-lower{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.idea-list{display:grid;gap:11px}.idea-list div{display:flex;gap:10px;align-items:center;color:#d7e0e9}.idea-list span{color:#aab6c4}.progress-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #1c2733;color:#c5cfda}.progress-row:last-child{border-bottom:0}.secondary-contact{display:block;color:#b9c6d5;font-size:11px;margin-top:4px}
@media(max-width:1100px){.company-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.grid6{grid-template-columns:repeat(2,minmax(0,1fr))}.credential-grid{grid-template-columns:1fr}.dashboard-lower{grid-template-columns:1fr}}
@media(max-width:750px){.sidebar{width:66px;padding:14px 8px}.brand{padding:4px 6px 25px;justify-content:center}.brand>div:last-child,.nav-item:not(.active) span+*{display:none}.nav-item{justify-content:center}.sidebar-bottom{display:none}.main{margin-left:66px}.content{padding:20px 18px}.page-head{display:block}.page-head .btn{margin-top:12px}.grid6,.dashboard-grid{grid-template-columns:1fr}.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selector-head{display:block}.search-box{width:100%;margin-top:14px}.company-card{min-height:94px;padding:13px}.credential-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.company-toolbar{align-items:flex-start;flex-wrap:wrap}.credential-card{padding:15px}.info-row{align-items:flex-start}.info-row>span{flex:0 0 105px}.info-row strong,.info-row a{max-width:60%;text-align:right}}
@media(max-width:500px){.company-grid{grid-template-columns:1fr}.company-card{min-height:88px}.search-box{width:100%}}

/* V5 - detalhe da empresa inspirado no layout operacional aprovado */
.client-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 26px}.client-meta-card{background:#111821;border:1px solid #283646;border-radius:12px;padding:17px 18px;min-height:80px}.client-meta-card span,.technical-grid span{display:block;color:#91a3b7;font-size:13px;margin-bottom:8px}.client-meta-card strong,.technical-grid strong{display:block;color:#f3f6fa;font-size:14px;word-break:break-word}.technical-summary{margin-bottom:18px}.section-label{color:#91a3b7;font-size:12px;letter-spacing:.09em;font-weight:700;margin:0 0 12px;text-transform:uppercase}.technical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#111821;border:1px solid #283646;border-radius:12px;overflow:hidden}.technical-grid>div{padding:17px 18px;border-right:1px solid #283646}.technical-grid>div:last-child{border-right:0}.company-credential-search{display:flex;align-items:center;gap:10px;background:#111821;border:1px solid #283646;border-radius:12px;padding:0 15px;margin:18px 0 28px}.company-credential-search span{font-size:16px}.company-credential-search input{width:100%;border:0;outline:0;background:transparent;color:#f3f6fa;padding:13px 0;font:inherit}.company-credential-search input::placeholder{color:#718095}.credential-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.credential-list{display:flex;flex-direction:column;gap:10px}.credential-row{display:grid;grid-template-columns:minmax(240px,1.25fr) minmax(150px,.75fr) auto;align-items:center;gap:18px;background:#111821;border:1px solid #283646;border-radius:12px;padding:17px 18px}.credential-row-title strong{font-size:14px;color:#f4f7fb}.credential-row-title span{color:#91a3b7;font-size:11px}.credential-info-line{display:flex;align-items:baseline;gap:6px;line-height:1.45;margin:2px 0}.credential-info-label{color:#6f8297!important;font-size:10px!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.credential-row-user{color:#aeb9c7;font-size:12px;margin-top:6px}.credential-row-password{font-family:ui-monospace,monospace;color:#e5edf6;letter-spacing:1px;min-width:0;overflow-wrap:anywhere}.credential-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.credential-extra{display:flex;gap:14px;flex-wrap:wrap;background:#0d131b;border:1px solid #1f2b38;border-top:0;border-radius:0 0 10px 10px;padding:9px 14px;color:#91a3b7;font-size:11px;margin-top:-10px}.eye-action{min-width:78px}
@media(max-width:900px){.technical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-grid>div:nth-child(2){border-right:0}.technical-grid>div:nth-child(-n+2){border-bottom:1px solid #283646}.credential-row{grid-template-columns:1fr;gap:10px}.credential-row-actions{justify-content:flex-start}}
@media(max-width:600px){.client-overview{grid-template-columns:1fr}.technical-grid{grid-template-columns:1fr}.technical-grid>div{border-right:0!important;border-bottom:1px solid #283646}.technical-grid>div:last-child{border-bottom:0}.credential-row{padding:15px}.credential-section-head{align-items:flex-start;gap:10px;flex-wrap:wrap}}
/* V6 acabamento visual: identidade Info VF | SecurityNet + dashboard operacional */
.brand{padding:4px 6px 30px;justify-content:flex-start}.brand-logo-wrap{width:100%;text-align:center}.brand-logo{display:block;width:210px;max-width:100%;height:auto;margin:0 auto}.brand-vault{margin-top:-2px;color:#9eb3c9;font-size:11px;letter-spacing:7px;font-weight:800;text-align:center;padding-left:7px}.ownership{color:#657486;font-size:10px;line-height:1.45;padding:0 8px 10px;text-align:left}.ownership span{color:#566576}.sidebar-bottom .user-mini{border-top:1px solid #1e2834;padding-top:10px}.operational-panel{padding:20px}.panel-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel-title-row h2{margin:0 0 5px}.panel-title-row p{margin:0;color:#93a2b3;line-height:1.5}.operational-badge{font-size:9px;letter-spacing:.08em;color:#62caff;border:1px solid #244a63;background:#0d1c29;border-radius:999px;padding:6px 9px;white-space:nowrap}.operational-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.operational-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border:1px solid #1f2d3b;border-radius:10px;background:#0d141c;color:#d9e2eb}.operational-item span{font-size:12px;color:#aebaca}.operational-item strong{font-size:21px;color:#66bfff}.operational-item.alert strong{color:#ff737b}.next-indicators{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.next-indicators>div{border:1px solid #1f2d3b;border-radius:10px;background:#0d141c;padding:14px}.next-indicators b{display:block;font-size:12px;color:#e7eef6;margin-bottom:7px}.next-indicators span{display:block;color:#7f91a5;font-size:11px;line-height:1.45}.dashboard-table strong{color:#eef4fa}.dashboard-table td{font-size:12px}
@media(max-width:1100px){.operational-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.next-indicators{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.brand-logo-wrap{display:none}.brand{padding-bottom:25px}.sidebar-bottom .ownership{display:none}.operational-grid,.next-indicators{grid-template-columns:1fr}.panel-title-row{display:block}.operational-badge{display:inline-block;margin-top:10px}}

/* V7 - ações de usuários e marca no cabeçalho do dashboard */
.actions form{display:inline}.dashboard-head{align-items:center}.dashboard-brand{margin-left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:250px;padding:4px 8px 0}.dashboard-brand img{display:block;width:250px;max-width:100%;height:auto}.dashboard-brand span{margin-top:-1px;color:#9eb3c9;font-size:10px;letter-spacing:6px;font-weight:800;padding-left:6px}.actions .btn.danger{min-width:94px}
@media(max-width:750px){.dashboard-head{align-items:flex-start}.dashboard-brand{min-width:0;width:190px;margin-top:4px}.dashboard-brand img{width:190px}.dashboard-brand span{font-size:9px;letter-spacing:5px}}
@media(max-width:520px){.dashboard-head{display:block}.dashboard-brand{width:210px;margin:18px 0 0}.dashboard-brand img{width:210px}}

.client-meta-wide{grid-column:1 / -1}
@media (max-width: 760px){.client-meta-wide{grid-column:auto}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions .btn.small{margin:0}}

/* V10 - organização visual das credenciais por grupo */
.credential-group{margin:0 0 22px}.credential-group:last-child{margin-bottom:0}.credential-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px 9px;border-bottom:1px solid #263443;margin-bottom:10px}.credential-group-head>div{display:flex;align-items:center;gap:9px}.credential-group-head strong{font-size:13px;color:#e9f0f7;text-transform:uppercase;letter-spacing:.05em}.credential-group-icon{font-size:16px}.credential-group-count{font-size:11px;color:#718095;background:#111821;border:1px solid #283646;border-radius:999px;padding:5px 9px}.credential-group-list{display:flex;flex-direction:column;gap:10px}.credential-item{display:block}.credential-item[style*="display: none"]{display:none!important}
@media(max-width:600px){.credential-group-head{align-items:flex-start}.credential-group-head strong{font-size:12px}.credential-group-count{font-size:10px}}

/* V11 - formulário de credenciais: categorias fechadas e mais espaço visual */
#nova{padding:26px 28px 24px;margin-top:20px}
#nova h2{font-size:19px;margin-bottom:18px}
#nova .form-grid{gap:20px 22px}
#nova .field label{margin-bottom:8px;font-size:12px}
#nova .field input,#nova .field select,#nova .field textarea{padding:13px 13px;min-height:44px}
#nova .field textarea{min-height:125px;resize:vertical;line-height:1.5}
#nova .form-actions{margin-top:20px}
#nova .field select{cursor:pointer}
@media(max-width:750px){#nova{padding:22px 20px}.form-grid{gap:16px}.field input,.field select,.field textarea{min-height:44px}}

/* V12 - legendas e valores sempre na mesma linha */
.credential-row-main{min-width:0}
.credential-row-title{display:flex;flex-direction:column;gap:3px}
.credential-info-line{display:flex!important;align-items:baseline!important;gap:7px!important;line-height:1.5!important;margin:0!important;min-width:0}
.credential-info-label{flex:0 0 auto!important;white-space:nowrap!important}
.credential-info-line strong,.credential-info-line>span:not(.credential-info-label){min-width:0;word-break:break-word}
.credential-row-user{display:flex!important;align-items:baseline!important;gap:7px!important;margin-top:4px!important;line-height:1.5}
.credential-row-user .credential-info-label{flex:0 0 auto!important}
@media(max-width:900px){.credential-row-title{gap:4px}.credential-row-user{margin-top:2px!important}}

/* V12 FIX - legend and value always side-by-side */
.credential-row-title{display:block!important;min-width:0}
.credential-info-line{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;align-items:baseline!important;column-gap:7px!important;line-height:1.5!important;margin:0!important;min-width:0}
.credential-info-line strong,.credential-info-line>span:not(.credential-info-label){min-width:0!important;display:block!important;word-break:break-word!important;overflow-wrap:anywhere!important}
.credential-row-user{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;align-items:baseline!important;column-gap:7px!important;margin-top:4px!important;line-height:1.5!important;min-width:0}
.credential-row-user .credential-info-label{flex:initial!important}
@media(max-width:600px){.credential-info-line,.credential-row-user{grid-template-columns:max-content minmax(0,1fr)!important}}

/* V13 - garantia visual: legenda e valor lado a lado */
.credential-row .credential-row-main .credential-row-title .credential-info-line{display:flex !important; flex-direction:row !important; align-items:baseline !important; flex-wrap:nowrap !important; gap:7px !important; width:100% !important;}
.credential-row .credential-row-main .credential-row-title .credential-info-line .credential-info-label{display:inline-block !important; flex:0 0 auto !important; width:auto !important; white-space:nowrap !important;}
.credential-row .credential-row-main .credential-row-title .credential-info-line strong,.credential-row .credential-row-main .credential-row-title .credential-info-line > span:not(.credential-info-label){display:inline !important; flex:1 1 auto !important; min-width:0 !important; width:auto !important; word-break:break-word !important; overflow-wrap:anywhere !important;}
.credential-row .credential-row-main .credential-row-user{display:flex !important; flex-direction:row !important; align-items:baseline !important; flex-wrap:nowrap !important; gap:7px !important; width:100% !important;}
.credential-row .credential-row-main .credential-row-user .credential-info-label{display:inline-block !important; flex:0 0 auto !important; width:auto !important; white-space:nowrap !important;}
@media(max-width:600px){.credential-row .credential-row-main .credential-info-line,.credential-row .credential-row-main .credential-row-user{flex-wrap:nowrap !important;}}


/* INFO VF 2.0 | camada visual unificada, sem alterar logica */
:root{--bg:#081426;--panel:#11243b;--panel2:#162d49;--line:#274765;--text:#eef7ff;--muted:#9fb6cf;--accent:#38bdf8;--brand:#258df1;--shadow:0 16px 42px rgba(0,5,18,.28)}
html{color-scheme:dark}body{background:radial-gradient(ellipse at 88% 0%,rgba(26,97,164,.17),transparent 36%),linear-gradient(155deg,#081426,#0b1b2f 65%,#081426)!important;color:#eef7ff!important;font-family:Inter,Segoe UI,Arial,sans-serif!important}
.sidebar,.side,.topbar{background:linear-gradient(180deg,#0d2037,#0a192b)!important;border-color:#23435f!important}
.card,.panel,.box,.stat,.stat-card,.metric,.kpi,.tile,.table-wrap,.calendar,.day,.event,.modal-content,.content-card{border-color:#294c6b!important;box-shadow:0 12px 30px rgba(0,8,24,.18);}
.card,.panel,.box,.stat,.stat-card,.metric,.kpi,.tile,.table-wrap,.content-card{background:linear-gradient(145deg,rgba(24,49,78,.96),rgba(15,34,56,.98))!important;border-radius:15px!important}
nav a,.nav a,.sidebar a,.sidebar nav a{transition:background .18s ease,border-color .18s ease,transform .18s ease;border-radius:10px}
nav a:hover,.nav a:hover,.sidebar a:hover,.sidebar nav a:hover{background:#1a3856!important;color:#e7f7ff!important;transform:translateX(2px)}
button,.btn,input[type=submit],.button{border-radius:10px!important;transition:filter .2s ease,transform .2s ease,box-shadow .2s ease}
button:hover,.btn:hover,input[type=submit]:hover,.button:hover{filter:brightness(1.1)}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#0d2036!important;color:#f0f7ff!important;border:1px solid #315474!important;border-radius:10px!important;outline-color:#38bdf8!important}
input:focus,select:focus,textarea:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px rgba(56,189,248,.12)!important}
table{border-collapse:separate;border-spacing:0}th{background:#183551!important;color:#c8e7fb!important;font-weight:650!important}td{border-color:#28425e!important}tbody tr{transition:background .15s ease}tbody tr:hover{background:rgba(61,152,228,.08)!important}
h1,h2,h3{letter-spacing:-.025em}a:focus-visible,button:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}
@media(max-width:768px){.card,.panel,.box,.stat,.stat-card,.metric,.kpi,.tile{border-radius:12px!important}button,.btn{min-height:38px}}


/* INFO VF 2.0 V12.2 — modernizacao real de interface; somente apresentacao */
:root{--vf-bg:#071426;--vf-surface:#112641;--vf-surface2:#172f4d;--vf-border:#284969;--vf-text:#edf6ff;--vf-muted:#9eb7d1;--vf-glow:0 0 0 1px rgba(75,169,244,.08),0 16px 40px rgba(0,8,28,.24)}
html{color-scheme:dark}body{background:radial-gradient(ellipse at 85% -10%,rgba(30,100,181,.2),transparent 42%),#071426!important;color:var(--vf-text)!important;font-family:Inter,'Segoe UI',Arial,sans-serif!important}
.vf-icon{display:inline-block;flex:none;vertical-align:middle;width:19px;height:19px;stroke:currentColor}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#0c2038!important;color:#eff8ff!important;border:1px solid #345576!important;border-radius:11px!important;transition:border-color .18s,box-shadow .18s}
input:focus,select:focus,textarea:focus{outline:0!important;border-color:#4ca9f7!important;box-shadow:0 0 0 3px rgba(62,164,255,.15)!important}
button,.btn,input[type=submit]{border-radius:11px!important;transition:transform .16s,filter .16s,box-shadow .16s}
button:hover,.btn:hover,input[type=submit]:hover{filter:brightness(1.12)}
table{border-collapse:separate!important;border-spacing:0!important}th{background:#193551!important;color:#bcdaf3!important;font-size:11px!important;letter-spacing:.045em}td{border-color:#284866!important}tbody tr:hover{background:rgba(60,142,219,.08)!important}
.card,.panel,.stat,.table-wrap,.tablewrap{box-shadow:var(--vf-glow)!important;border-color:var(--vf-border)!important;border-radius:17px!important}
h1,h2,h3{letter-spacing:-.025em}a:focus-visible,button:focus-visible{outline:2px solid #57b8ff;outline-offset:3px}
@media(max-width:760px){.card,.panel,.stat,.table-wrap,.tablewrap{border-radius:13px!important}button,.btn{min-height:38px}}


/* Vault: menu profissional, dashboard e cadastros modernizados */
:root{--bg:#071426;--panel:#132b45;--panel2:#19344f;--line:#294a69;--text:#edf6ff;--muted:#9eb7d1;--accent:#4ab9ff}
.sidebar{background:linear-gradient(180deg,#0c2139,#09172b)!important;border-right:1px solid #274766!important;width:254px!important;padding:22px 13px!important}
.brand{padding-bottom:22px!important}.brand-vault{letter-spacing:.18em!important;color:#6dc8ff!important}
.nav{display:flex!important;flex-direction:column!important;gap:5px!important}.nav-item{display:flex!important;align-items:center!important;gap:11px!important;padding:12px 13px!important;border:1px solid transparent!important;border-radius:11px!important;font-weight:650!important;color:#c5d9ed!important;transition:background .18s,border-color .18s}
.nav-item:hover,.nav-item.active{background:#1b3a5b!important;border-color:#315b80!important;color:#fff!important}.vf-nav-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#68c3ff!important;width:21px!important}.vf-nav-icon .vf-icon{width:18px;height:18px}
.main{background:transparent!important;min-width:0!important}.content{max-width:1650px!important;margin:0 auto!important}.vault-top-actions{border-bottom:1px solid rgba(57,102,140,.3);padding-bottom:15px!important}
.page-head{border-bottom:1px solid #2c4e6c!important;padding-bottom:17px!important;margin-bottom:24px!important}.page-head h1{letter-spacing:-.045em!important}
.stat,.panel,.operational-item,.next-indicators>div{background:linear-gradient(145deg,#193451,#10263e)!important;border:1px solid #2a4b6b!important;border-radius:16px!important;box-shadow:var(--vf-glow)!important}
.stat{padding:20px!important}.stat .num{font-size:34px!important;letter-spacing:-.045em!important}.stat-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:#234666!important;padding:7px!important}
.table-wrap{background:#142b45!important}.btn{box-shadow:0 5px 15px rgba(8,82,157,.14)}
@media(max-width:850px){.sidebar{width:215px!important}.content{padding:17px!important}}
@media(max-width:650px){.sidebar{width:100%!important;position:static!important;min-height:auto!important}.app{display:block!important}.nav{flex-direction:row!important;flex-wrap:wrap!important}.nav-item{font-size:12px!important;padding:9px!important}.sidebar-bottom{display:none!important}.content{padding:14px!important}}

/* INFO VF V12.3 — navegação unificada (referência: Financeiro) */
.sidebar{background:linear-gradient(165deg,#10243c 0%,#08182b 60%,#071426 100%)!important;border-right:1px solid #244360!important;box-shadow:8px 0 38px #0002!important}
.vf-unified-brand{display:flex!important;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:7px 7px 16px;border-bottom:1px solid #284763;margin-bottom:13px;flex-shrink:0}
.vf-unified-brand img{display:block;width:100%;max-width:210px;height:auto;max-height:75px;object-fit:contain}
.vf-unified-brand .vf-module{font-size:11px;font-weight:800;letter-spacing:.34em;color:#e6f0fb;padding-left:.34em;margin-top:2px}
.vf-unified-brand .vf-description{font-size:11px;color:#8fa7c1;letter-spacing:0;line-height:1.5}
.vf-unified-bottom{margin-top:auto!important;padding:14px 8px 5px!important;border-top:1px solid #284763;display:flex!important;flex-direction:column;gap:5px;flex-shrink:0}
.vf-unified-bottom .vf-account{padding:3px 7px 9px;display:flex;flex-direction:column;gap:3px;color:#e5f1ff;font-size:13px}
.vf-unified-bottom .vf-account small{font-size:12px;color:#91a9c2}
.vf-unified-bottom a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;color:#bfd5e9!important;font-size:13px;font-weight:600;text-decoration:none!important}
.vf-unified-bottom a:hover{background:#1b3856!important;color:white!important}
.vf-unified-bottom svg{width:18px;height:18px;flex-shrink:0;color:#66c9ff}
.sidebar a.active,.sidebar a.vf-active{background:linear-gradient(95deg,#164a79,#173b5f)!important;border:1px solid #2874a7!important;color:#fff!important;box-shadow:inset 3px 0 #4cc6ff,0 4px 18px #07152470!important}
@media(max-width:850px){.vf-unified-brand{padding:10px 8px}.vf-unified-brand img{max-width:165px}.vf-unified-bottom{width:100%;margin-top:10px!important}.vf-unified-bottom .vf-account{display:none}}

.sidebar .vf-unified-brand{padding:6px 5px 17px!important;margin:0 0 14px!important}.sidebar .vf-unified-brand img{max-width:210px!important}
.sidebar .vf-unified-bottom{margin-top:auto!important}.sidebar .nav{flex:0 0 auto!important}
@media(max-width:750px){.sidebar .vf-unified-brand{display:flex!important}.sidebar .vf-unified-bottom{display:flex!important}.sidebar .vf-unified-brand img{max-width:160px!important}}