:root{
  --bg:#0e0f11;--bg2:#141518;--bg3:#1c1d21;--b:#2a2b30;--b2:#363740;
  --t:#f0f0f0;--t2:#a0a1a8;--t3:#606168;
  --ac:#4f8ef7;--tl:#2dd4bf;--gr:#3ecf8e;--am:#f5a623;--rd:#f75454;
  --f:'DM Sans',sans-serif;
  --sh:0 2px 12px rgba(0,0,0,.4);
}
:root.light{
  --bg:#f3f6f8;--bg2:#ffffff;--bg3:#edf2f4;--b:#d9e2e5;--b2:#b9cbd0;
  --t:#14232b;--t2:#52666e;--t3:#8a9ba1;
  --ac:#087f8c;--tl:#11a6a0;--gr:#2f9d72;--am:#c77b17;--rd:#d84b4b;
  --sh:0 10px 30px rgba(23,53,62,.08);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s,border-color .2s,color .15s}
html,body{margin:0;padding:0;background:var(--bg);font-family:var(--f);height:100vh;overflow:hidden;color:var(--t)}
#lg{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
#lg.gone{display:none!important}
#loadscr{position:fixed;inset:0;background:var(--bg);z-index:9999;display:none;align-items:center;justify-content:center}
#loadscr.on{display:flex}
#loadscr img{width:130px;height:auto;animation:loadscr-pulse 1.3s ease-in-out infinite}
@keyframes loadscr-pulse{0%,100%{opacity:.45}50%{opacity:1}}
.lw{background:var(--bg2);border:1px solid var(--b);border-radius:20px;padding:44px 38px 36px;width:100%;max-width:380px;text-align:center;box-shadow:var(--sh)}
.li{width:62px;height:62px;border-radius:14px;margin:0 auto 16px;background:linear-gradient(135deg,#4f8ef7,#2dd4bf);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#000}
.lt{font-size:22px;font-weight:700;margin-bottom:3px}
.ls2{font-size:13px;color:var(--t3);margin-bottom:28px}
.lf{margin-bottom:12px;text-align:left}
.lf label{display:block;font-size:12px;font-weight:500;color:var(--t2);margin-bottom:5px}
.lf input{width:100%;background:var(--bg3);border:1.5px solid var(--b2);border-radius:9px;color:var(--t);font-size:14px;padding:11px 13px;font-family:var(--f);outline:none;transition:border-color .15s,background .2s}
.lf input:focus{border-color:var(--ac);box-shadow:0 0 0 3px rgba(79,142,247,.1)}
.lf input::placeholder{color:var(--t3)}
.lb{width:100%;background:var(--ac);color:#fff;border:none;border-radius:9px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--f);margin-top:6px}
.lb:hover{filter:brightness(1.1)}
.le{font-size:12px;color:var(--rd);min-height:18px;margin-top:10px}
.lft{margin-top:20px;padding-top:14px;border-top:1px solid var(--b);font-size:11px;color:var(--t3)}
#tb{position:fixed;top:0;left:0;right:0;height:64px;background:var(--bg2);border-bottom:1px solid var(--b);display:flex;align-items:center;padding:0 22px;gap:8px;z-index:100}
.tl{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--t);margin-right:10px;padding-right:12px;border-right:1px solid var(--b);flex-shrink:0}
.ti{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#4f8ef7,#2dd4bf);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#000}
.tab{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;border:1.5px solid transparent;font-family:var(--f);transition:all .15s;color:var(--t2);background:transparent;white-space:nowrap}
.tab:hover{background:var(--bg3);color:var(--t)}
.tab.ar{background:rgba(79,142,247,.14);color:#4f8ef7;border-color:rgba(79,142,247,.35);font-weight:600}
.tab.as{background:rgba(45,212,191,.14);color:#2dd4bf;border-color:rgba(45,212,191,.35);font-weight:600}
.tab.ac{background:rgba(62,207,142,.14);color:#3ecf8e;border-color:rgba(62,207,142,.35);font-weight:600}
.tab.acamp{background:rgba(167,139,250,.14);color:#a78bfa;border-color:rgba(167,139,250,.35);font-weight:600}
.tab.aenc{background:rgba(251,146,60,.14);color:#fb923c;border-color:rgba(251,146,60,.35);font-weight:600}
.tab.aorc2{background:rgba(99,102,241,.14);color:#818cf8;border-color:rgba(99,102,241,.35);font-weight:600}
.tab.aetiq{background:rgba(34,197,94,.14);color:#22c55e;border-color:rgba(34,197,94,.35);font-weight:600}
.tab.afat{background:rgba(52,211,153,.18);color:#34d399;border-color:rgba(52,211,153,.35);font-weight:600}
.tab.aadm{background:rgba(245,158,11,.18);color:#f59e0b;border-color:rgba(245,158,11,.4);font-weight:700}
.tab.aadm{background:rgba(245,158,11,.14);color:#f59e0b;border-color:rgba(245,158,11,.35);font-weight:600}
.adm-st{background:var(--bg2);border:1px solid var(--b2);border-radius:8px;color:var(--t2);font-size:12px;font-weight:500;padding:7px 14px;cursor:pointer;font-family:var(--f);transition:all .15s}
.adm-st:hover{background:var(--bg3);color:var(--t)}
.adm-st.on{background:rgba(245,158,11,.14);color:#f59e0b;border-color:rgba(245,158,11,.3);font-weight:600}
.adm-sec{animation:fi .18s ease}
/* PANE SHARED */
.pane{position:absolute;inset:0;overflow-y:auto;padding:24px;background:var(--bg);display:none}
.pane.on{display:block}
.ph{margin-bottom:18px}
.pt2{font-size:19px;font-weight:700;letter-spacing:-.3px}
.ps2{font-size:13px;color:var(--t3);margin-top:3px}
.pcard{background:var(--bg2);border:1px solid var(--b);border-radius:13px;overflow:hidden;margin-bottom:14px}
.pcardh{padding:12px 16px;border-bottom:1px solid var(--b);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between}
.pcardb{padding:16px}
.p2col{display:grid;grid-template-columns:1fr 340px;gap:14px;align-items:start}
.pfg2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.pfg3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}
.pfc2{grid-column:1/-1}
.pfi{display:flex;flex-direction:column;gap:5px}
.pfi label{font-size:12px;font-weight:500;color:var(--t2)}
.pfi input,.pfi select,.pfi textarea{background:var(--bg3);border:1px solid var(--b2);border-radius:8px;color:var(--t);font-size:13px;padding:8px 11px;font-family:var(--f);outline:none;transition:border-color .15s}
.pfi input:focus,.pfi select:focus,.pfi textarea:focus{border-color:var(--ac)}
.pfi input::placeholder,.pfi textarea::placeholder{color:var(--t3)}
.pfi textarea{resize:vertical;min-height:60px;line-height:1.5}
.pbtn{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:var(--f);transition:filter .15s;white-space:nowrap}
.pbtn:hover{filter:brightness(1.1)}
.pbtn-pr{background:var(--am);color:#000}
.pbtn-sc{background:var(--bg3);color:var(--t);border:1px solid var(--b2)!important;border:none}
.pbtn-rd{background:rgba(247,84,84,.12);color:var(--rd);border:1px solid rgba(247,84,84,.25)!important;border:none}
.pbtn-sm{padding:5px 10px;font-size:12px}
.psel{background:var(--bg2);border:1px solid var(--b2);border-radius:8px;color:var(--t2);font-size:12px;padding:6px 9px;cursor:pointer;font-family:var(--f);outline:none}
.psi{display:flex;align-items:center;gap:7px;background:var(--bg2);border:1px solid var(--b2);border-radius:8px;padding:0 9px;max-width:240px;flex:1}
.psi svg{width:13px;height:13px;color:var(--t3);flex-shrink:0}
.psi input{background:none;border:none;outline:none;color:var(--t);font-size:13px;padding:6px 0;width:100%;font-family:var(--f)}
.psi input::placeholder{color:var(--t3)}
.pkpis3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.pkpis4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.pkpi{background:var(--bg2);border:1px solid var(--b);border-radius:13px;padding:14px 16px}
.pkpi-l{font-size:12px;color:var(--t2);margin-bottom:6px}
.pkpi-v{font-size:22px;font-weight:700;letter-spacing:-.5px;line-height:1;margin-bottom:2px}
.pkpi-s{font-size:11px;color:var(--t3)}
.ptw{overflow-x:auto}
.ptw table{width:100%;border-collapse:collapse;font-size:13px}
.ptw thead th{padding:9px 13px;text-align:left;font-size:11px;font-weight:600;color:var(--t3);border-bottom:1px solid var(--b);background:var(--bg3);white-space:nowrap}
.ptw tbody td{padding:10px 13px;border-bottom:1px solid var(--b);vertical-align:middle;color:var(--t2)}
.ptw tbody tr:last-child td{border-bottom:none}
.ptw tbody tr:hover td{background:rgba(128,128,128,.05)}
.pbdg{display:inline-flex;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}
.pbdg-gr{background:rgba(62,207,142,.12);color:var(--gr)}
.pbdg-am{background:rgba(245,166,35,.12);color:var(--am)}
.pbdg-rd{background:rgba(247,84,84,.12);color:var(--rd)}
.pbdg-ac{background:rgba(79,142,247,.12);color:var(--ac)}
.pbdg-gy{background:var(--bg3);color:var(--t3)}
/* MODAL */
.pov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:5000;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
.pov.on{display:flex}
.pmo{background:var(--bg2);border:1px solid var(--b);border-radius:18px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 48px rgba(0,0,0,.6)}
.pmoh{padding:17px 22px;border-bottom:1px solid var(--b);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg2);z-index:1}
.pmoh h3{font-size:15px;font-weight:600;margin:0}
.pmob{padding:20px 22px}
.pmof{padding:13px 22px;border-bottom:1px solid var(--b);border-top:1px solid var(--b);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:var(--bg2)}
.pmox{background:var(--bg3);border:1px solid var(--b);border-radius:6px;color:var(--t2);font-size:18px;padding:2px 8px;cursor:pointer;line-height:1}
/* TOAST */
#ptc{position:fixed;bottom:24px;right:24px;z-index:9998;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.pto{background:var(--bg2);border:1px solid var(--b2);border-radius:10px;padding:10px 15px;display:flex;align-items:center;gap:8px;font-size:13px;box-shadow:var(--sh);transform:translateX(120%);transition:transform .25s ease;min-width:200px}
.pto.show{transform:translateX(0)}
/* CAL */
.cday{min-height:68px;background:var(--bg3);border-radius:7px;padding:5px;border:1px solid var(--b);cursor:pointer}
.cday:hover{border-color:var(--am)}
.cday.today{border-color:#22d3ee;background:rgba(34,211,238,.04)}
.cday.om{opacity:.3}
.cdn{font-size:11px;font-weight:600;color:var(--t3);margin-bottom:2px}
.cday.today .cdn{color:#22d3ee}
.cev{font-size:10px;padding:1px 4px;border-radius:3px;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cev-r{background:rgba(79,142,247,.2);color:var(--ac)}
.cev-m{background:rgba(62,207,142,.2);color:var(--gr)}
.cev-e{background:rgba(245,166,35,.2);color:var(--am)}
@media(max-width:900px){.p2col{grid-template-columns:1fr}.pkpis4{grid-template-columns:1fr 1fr}.pfg3{grid-template-columns:1fr 1fr}}
.td{width:1px;height:20px;background:var(--b);margin:0 2px}
#main{position:fixed;top:64px;left:0;right:0;bottom:0;z-index:150}
iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:none}
iframe.on{display:block}
#pc{position:absolute;inset:0;overflow-y:auto;padding:26px;background:var(--bg);display:none}
#pc.on{display:block}
.ck{background:var(--bg2);border:1px solid var(--b);border-radius:13px;padding:15px 17px}
.ck-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.ck-l{font-size:12px;color:var(--t2)}
.ck-v{font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1;margin-bottom:2px}
.ck-s{font-size:11px;color:var(--t3)}
.sb{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--b2);border-radius:8px;padding:0 9px;flex:1;max-width:270px}
.sb svg{width:13px;height:13px;color:var(--t3);flex-shrink:0}
.sb input{background:none;border:none;outline:none;color:var(--t);font-size:13px;padding:6px 0;width:100%;font-family:var(--f)}
.sb input::placeholder{color:var(--t3)}
.fs{background:var(--bg2);border:1px solid var(--b2);border-radius:8px;color:var(--t2);font-size:12px;padding:6px 9px;cursor:pointer;font-family:var(--f);outline:none}
.cc{background:var(--bg2);border:1px solid var(--b);border-radius:13px;overflow:hidden}
.cc-h{padding:13px 16px;border-bottom:1px solid var(--b);display:flex;align-items:center;justify-content:space-between}
.cc-t{font-size:13px;font-weight:600}
table{width:100%;border-collapse:collapse;font-size:13px}
thead th{padding:9px 13px;text-align:left;font-size:11px;font-weight:600;color:var(--t3);border-bottom:1px solid var(--b);background:var(--bg3);white-space:nowrap}
tbody td{padding:10px 13px;border-bottom:1px solid var(--b);vertical-align:middle;color:var(--t2)}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover td{background:rgba(128,128,128,.04)}
@media(max-width:700px){#pc{padding:14px}}

.avnew-logo{filter:invert(1);transition:filter .2s}
:root.light .avnew-logo{filter:invert(0)}

/* ── ADMIN CSS CLASSES ───────────────────────────────────────────────── */
.adm-hdr{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.adm-hdr-l{display:flex;align-items:center;gap:14px}
.adm-hdr-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* ── MOBILE RESPONSIVE ──────────────────────────────────────────────── */

/* Hamburger button (hidden on desktop) */
#mob-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--t2);padding:6px;border-radius:8px;font-size:20px;line-height:1;flex-shrink:0}
#mob-current-tab{display:none}
#mob-menu-btn:active{background:var(--bg3)}

/* Mobile tab drawer overlay */
#mob-drawer{display:none}

@media(max-width:900px){.p2col{grid-template-columns:1fr}.pkpis4{grid-template-columns:1fr 1fr}.pfg3{grid-template-columns:1fr 1fr}#adm-kpis-main{grid-template-columns:repeat(3,1fr)!important}#adm-kpis-sec,#adm-stockstore-kpis,#forn-kpis,#adm-orc-kpis{grid-template-columns:repeat(2,1fr)!important}.adm-3col-g,.adm-3col{grid-template-columns:1fr 1fr!important}.adm-13col-g,.adm-13col{grid-template-columns:1fr!important}}

@media(max-width:700px){
  /* ── PAGES ── */
  #pc{padding:12px !important}
  
  /* ── MOBILE DRAWER ── */
  #mob-drawer{
    display:block;
    position:fixed;
    top:56px;left:0;right:0;bottom:0;
    background:rgba(0,0,0,.55);
    z-index:200;
    opacity:0;
    pointer-events:none;
    transition:opacity .2s
  }
  #mob-drawer.open{opacity:1;pointer-events:all}
  
  #mob-nav{
    position:absolute;
    top:0;left:0;
    width:72%;
    max-width:280px;
    height:100%;
    background:var(--bg2);
    border-right:1px solid var(--b);
    padding:12px 10px;
    display:flex;
    flex-direction:column;
    gap:4px;
    transform:translateX(-100%);
    transition:transform .22s cubic-bezier(.4,0,.2,1);
    overflow-y:auto
  }
  #mob-drawer.open #mob-nav{transform:translateX(0)}
  
  .mob-tab{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border-radius:10px;
    cursor:pointer;
    font-size:14px;
    font-weight:500;
    color:var(--t2);
    border:none;
    background:none;
    font-family:var(--f);
    width:100%;
    text-align:left;
    transition:background .12s
  }
  .mob-tab:active,.mob-tab:hover{background:var(--bg3)}
  .mob-tab.ar{background:rgba(79,142,247,.14);color:#4f8ef7;font-weight:600}
  .mob-tab.as{background:rgba(45,212,191,.14);color:#2dd4bf;font-weight:600}
  .mob-tab.ac{background:rgba(62,207,142,.14);color:#3ecf8e;font-weight:600}
  .mob-tab.acamp{background:rgba(167,139,250,.14);color:#a78bfa;font-weight:600}
  .mob-tab.aenc{background:rgba(251,146,60,.14);color:#fb923c;font-weight:600}
  .mob-tab.aorc2{background:rgba(99,102,241,.14);color:#818cf8;font-weight:600}
  .mob-tab.aetiq{background:rgba(34,197,94,.14);color:#22c55e;font-weight:600}
  .mob-tab.aadm{background:rgba(245,158,11,.14);color:#f59e0b;font-weight:600}
  
  .mob-divider{height:1px;background:var(--b);margin:4px 0}
  
  /* Current tab label in toolbar */
  #mob-current-tab{
    flex:1;
    font-size:13px;
    font-weight:600;
    color:var(--t);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
  }
  
  /* ── TABLES scroll horizontal ── */
  .ptw{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{font-size:12px !important;min-width:500px}
  thead th{padding:7px 9px !important;font-size:10px !important}
  tbody td{padding:8px 9px !important;font-size:12px !important}
  
  /* ── CARDS ── */
  .ck{padding:12px 13px}
  .ck-v{font-size:20px}
  
  /* ── MODALS full-screen on mobile ── */
  .pmo{width:100% !important;max-width:100% !important;max-height:90vh;border-radius:16px 16px 0 0 !important}
  
  /* ── PANES padding ── */
  .pane{padding:12px !important}
  
  /* ── LOGIN ── */
  .lw{padding:28px 20px !important;max-width:100% !important;margin:20px !important}
  
  /* ── GRIDS ── */
  .p2col,.pkpis4,.pfg3{grid-template-columns:1fr !important}
  
  /* ── ADM sub tabs ── */
  .adm-st-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap !important;gap:4px}
  .adm-st{white-space:nowrap;font-size:11px !important;padding:6px 10px !important}
  
  /* ── Search box ── */
  .sb{max-width:100% !important}
  
  /* ── Buttons row ── */
  .cc-h{flex-wrap:wrap;gap:8px}
  
  /* ── pcard ── */
  .pcard{margin-bottom:10px}
  
  /* ── Export buttons ── */
  button[onclick*="exportTbl"]{font-size:10px !important;padding:4px 7px !important}

  /* iOS zoom prevention */
  input,select,textarea{font-size:16px !important;-webkit-text-size-adjust:100%}
  .lf input,.lf select{font-size:16px !important}
  /* Touch improvements */
  .tab,.mob-tab,button{touch-action:manipulation}
  /* Better tap targets */
  .tab{min-height:44px}
  
  /* ── ADMIN mobile ── */
  #padm{padding:10px !important}
  /* Admin header stacks on mobile */
  .adm-hdr{flex-direction:column !important;align-items:flex-start !important;gap:8px !important;margin-bottom:12px}
  .adm-hdr-r{width:100%}
  /* Nav tabs: horizontal scroll, no wrap */
  #adm-sec-tabs{flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin-bottom:12px;gap:4px}
  .adm-st{white-space:nowrap;flex-shrink:0;font-size:11px !important;padding:6px 9px !important}
  /* KPI grids: 2 col on mobile */
  #adm-kpis-main,#adm-kpis-sec,#adm-fin-kpis,#adm-orc-kpis,#adm-enc-kpis,
  #adm-stock-kpis,#adm-stockstore-kpis,#adm-prec-kpis,#forn-kpis,#adm-tec-grid{
    grid-template-columns:1fr 1fr !important
  }
  /* 2-col/3-col/1fr-320px → 1 col on mobile */
  .adm-2col,.adm-3col,.adm-13col,
  .adm-2col-g,.adm-3col-g,.adm-13col-g{grid-template-columns:1fr !important}
  /* Catch-all for any remaining inline grids inside admin sections */
  #padm div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
  #padm div[style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:1fr !important}
  #padm div[style*="grid-template-columns:1fr 320px"]{grid-template-columns:1fr !important}
  #padm div[style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr 1fr !important}
  #padm div[style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr 1fr !important}
  #padm div[style*="grid-template-columns:repeat(5"]{grid-template-columns:1fr 1fr !important}
  /* Table scroll */
  #adm-rep-tb,#adm-vnd-tb,#adm-tec-tb,#adm-stock-tb,#adm-stockstore-tb,
  #adm-prec-tb,#forn-tb,#forn-enc-tb{font-size:11px;min-width:400px}
  .adm-tw,#padm .ptw{overflow-x:auto;-webkit-overflow-scrolling:touch}
  /* Filter rows wrap */
  #padm div[style*="display:flex"][style*="align-items:center"]{flex-wrap:wrap !important;gap:6px !important}

}

@media(max-width:480px){
  #tb{height:50px;padding:0 8px}
  .tl img{height:22px !important}
  #mob-nav{width:85%;max-width:320px}
  .mob-tab{font-size:15px;padding:13px 14px}
  table{font-size:11px !important}
  thead th{font-size:9px !important;padding:6px 7px !important}
  tbody td{padding:7px 7px !important;font-size:11px !important}
  .ck-v{font-size:18px}
}

.avnew-logo{filter:invert(1);transition:filter .2s}
:root.light .avnew-logo{filter:invert(0)}

/* ── MODO CLARO — refinamentos "profissional" (antes em modern.css) ── */
.light #lg { background: radial-gradient(circle at 15% 15%, #d9f1ee 0, transparent 32%), var(--bg); }
.light .lw {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(8, 127, 140, .16);
  border-radius: 18px;
  padding: 42px 38px 34px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 24px 70px rgba(23, 53, 62, .15);
}
.light .lw::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: "";
  background: linear-gradient(90deg, var(--ac), var(--tl));
}
.light .ls2 { color: var(--t2); }
.light .lf label { color: var(--t2); font-weight: 600; }
.light .lf input { border-color: var(--b); background: #f7fafb; }
.light .lf input:focus { border-color: var(--ac); box-shadow: 0 0 0 4px rgba(8, 127, 140, .12); }
.light .lb { background: var(--ac); border-radius: 9px; padding: 13px; box-shadow: 0 8px 18px rgba(8, 127, 140, .2); }
.light .lb:hover { background: #066b76; filter: none; transform: translateY(-1px); }

.light #tb {
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 2px 12px rgba(23, 53, 62, .05);
  backdrop-filter: blur(14px);
}
.light .tl { gap: 10px; margin-right: 14px; color: var(--t); border-color: var(--b); }
.light .tab { color: var(--t2); font-weight: 600; }
.light .tab:hover { color: var(--ac); background: #e8f4f3; }
.light .tab.ar, .light .tab.as, .light .tab.ac, .light .tab.acamp, .light .tab.aenc, .light .tab.aorc2, .light .tab.aetiq, .light .tab.afat, .light .tab.aadm {
  border-color: rgba(8, 127, 140, .22);
  color: var(--ac);
  background: #e8f4f3;
}
.light #theme-btn { border-color: var(--b) !important; color: var(--t2) !important; background: var(--bg3) !important; }
.light .pane, .light #pc { padding: 28px; background: var(--bg); }
.light .pcard, .light .cc, .light .ck { border-color: var(--b); border-radius: 12px; box-shadow: var(--sh); }
.light .pcardh, .light .cc-h, .light .ch { background: rgba(255, 255, 255, .65); }
.light .pfi input, .light .pfi select, .light .pfi textarea, .light .sb input, .light .psi input { background: #f8fbfb; border-color: var(--b); }
.light .pbtn-pr { background: var(--ac); color: #fff; }