
:root{
  --paper:#F6F2EF; --surface:#FFFFFF; --surface-2:#FBF8F6; --ink:#262626; --muted:#6B6461; --line:#E6DDD7; --line-strong:#D2C6BE;
  --accent:#F15A25; --accent-hover:#E04A17; --accent-ink:#1F1F1F; --accent-soft:#FCE3D8; --accent-text:#B83A16;
  --up:#1D5CA3; --up-soft:#E1EBF7; --down:#8C2F5A; --down-soft:#F6E3EC;
  --new:#1C7438; --new-soft:#E0F2E5; --gone:#B0271C; --gone-soft:#FBE3E0; --same:#6B6461; --same-soft:#EFE9E5;
  --carvao:#262626; --grafite:#4C4C4C;
  --shadow:0 1px 2px rgba(38,38,38,.06),0 6px 20px rgba(38,38,38,.06);
  --f-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-body:"IBM Plex Sans","Segoe UI",Roboto,Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  /* ---- design system WFtec (02/10/2026): escalas comuns a todas as telas ----
     Use estes tokens em CSS novo, em vez de números soltos. As cores ficam acima (e mudam no modo escuro);
     as escalas não mudam com o tema. */
  --r-xs:4px; --r-sm:6px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-pill:999px;              /* cantos */
  --fs-xs:11.5px; --fs-sm:12.5px; --fs-md:14px; --fs-lg:16px; --fs-xl:20px; --fs-2xl:28px;   /* texto */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;               /* espaços */
  --ok:var(--new); --ok-soft:var(--new-soft); --erro:var(--gone); --erro-soft:var(--gone-soft);
  --atencao:#8A5A00; --atencao-soft:#FDF1DC;
  --foco:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --paper:#1C1B1A; --surface:#262626; --surface-2:#2E2D2C; --ink:#F1ECE8; --muted:#A89F99; --line:#3A3735; --line-strong:#4C4845;
    --accent:#F15A25; --accent-hover:#F36F40; --accent-ink:#1F1F1F; --accent-soft:#3A2319; --accent-text:#F58A63;
    --up:#7FB0EE; --up-soft:#142A42; --down:#E48BB5; --down-soft:#3A1A29;
    --new:#6BD08A; --new-soft:#143322; --gone:#F2857B; --gone-soft:#3D1916; --same:#A89F99; --same-soft:#302D2B;
    --carvao:#141312; --grafite:#4C4C4C; --atencao:#E5B45E; --atencao-soft:#33280F;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.25);
  }
}
:root[data-theme="dark"]{
    color-scheme:dark;
    --paper:#1C1B1A; --surface:#262626; --surface-2:#2E2D2C; --ink:#F1ECE8; --muted:#A89F99; --line:#3A3735; --line-strong:#4C4845;
    --accent:#F15A25; --accent-hover:#F36F40; --accent-ink:#1F1F1F; --accent-soft:#3A2319; --accent-text:#F58A63;
    --up:#7FB0EE; --up-soft:#142A42; --down:#E48BB5; --down-soft:#3A1A29;
    --new:#6BD08A; --new-soft:#143322; --gone:#F2857B; --gone-soft:#3D1916; --same:#A89F99; --same-soft:#302D2B;
    --carvao:#141312; --grafite:#4C4C4C; --atencao:#E5B45E; --atencao-soft:#33280F;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:14px;line-height:1.5;padding-inline:16px;padding-block:0 48px}
.wrap{max-width:1280px;margin:0 auto}
h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0}
button,select,input{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}

/* top bar */
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}
.mark{width:44px;height:44px;flex:none;display:block}
.brand-name{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:26px;letter-spacing:-.6px;line-height:1}
.brand-name span{color:var(--accent-text)}
.brand-sub{font-size:12px;color:var(--muted);letter-spacing:.02em}
.privacy{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}
.privacy svg{flex:none}

/* heading */
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:28px 18px}
.head h1{font-size:clamp(28px,4.4vw,44px);font-weight:900;font-style:italic;letter-spacing:-1.2px;line-height:1.02}
.comp{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:15px;margin-top:8px;color:var(--muted)}
.comp b{color:var(--ink);font-weight:600}
.head-actions{display:flex;gap:8px;flex-wrap:wrap}

.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:500;font-size:13.5px;transition:background .15s,border-color .15s}
.btn:hover{border-color:var(--accent)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.primary:hover{background:var(--accent-hover)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn.ghost{background:transparent;border-color:transparent;color:var(--muted);padding-inline:8px}
.btn.ghost:hover{color:var(--ink)}

.banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--up-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--up) 30%,transparent);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:13.5px}
.banner b{color:var(--up)}

/* uploads */
.uploads{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}
.arrow{display:grid;place-items:center;color:var(--muted)}
.slot{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.slot-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.slot-label{font-family:var(--f-display);font-size:16px;font-weight:800;color:var(--ink)}
.slot input[type=month]{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;padding:4px 8px;font-family:var(--f-mono);font-size:13px}
.drop{border:1.5px dashed var(--line-strong);border-radius:10px;padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .15s,background .15s;background:var(--surface-2)}
.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft)}
.drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.drop-ico{width:36px;height:36px;border-radius:8px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;flex:none;color:var(--accent-text)}
.drop-t{font-weight:600;font-size:13.5px;word-break:break-all}
.drop-s{font-size:12px;color:var(--muted)}
.meta-line{font-size:12.5px;color:var(--muted);display:flex;gap:6px 14px;flex-wrap:wrap}
.meta-line b{color:var(--ink);font-weight:600}
.err{color:var(--gone);font-size:12.5px}
.check{font-size:12.5px;border-radius:8px;padding:6px 10px}
.check.ok{background:var(--new-soft);color:var(--new)}
.check.warn{background:var(--up-soft);color:var(--up)}
.company{font-size:15px;color:var(--ink);font-weight:500;margin-top:4px}
.sub{display:block;font-size:11.5px;color:var(--muted);font-weight:400}
.info{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:12px;color:var(--muted);padding:10px 10px 4px}
.info b{color:var(--ink);font-weight:500}
.info .note{flex-basis:100%;color:var(--up)}
.ccsel{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 8px;font-size:13px;max-width:220px}
details.cfg summary{cursor:pointer;font-size:12.5px;color:var(--accent-text);font-weight:500;list-style:none}
details.cfg summary::-webkit-details-marker{display:none}
details.cfg summary::before{content:"▸ ";}
details.cfg[open] summary::before{content:"▾ ";}
.cfg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px}
.cfg-grid label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted)}
.cfg-grid select,.cfg-grid input{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;padding:5px 6px;font-size:12.5px;max-width:100%}
.cfg-note{font-size:12px;color:var(--muted);margin-top:8px}

/* KPIs */
.section-t{font-family:var(--f-display);font-size:20px;font-weight:800;color:var(--ink);margin:36px 0 12px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.kpi-l{font-size:12px;color:var(--muted);font-weight:500}
.kpi-v{font-family:var(--f-mono);font-size:21px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.kpi-row .num{color:var(--ink)}
.status-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sbtn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px 5px 6px;cursor:pointer;font-size:13px}
.sbtn[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.sbtn .n{font-family:var(--f-mono);font-weight:600;border-radius:999px;padding:1px 8px;font-size:12px}

/* chips */
.chip{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;letter-spacing:.01em}
.s-alterado{background:var(--accent-soft);color:var(--accent-text)}
.s-novo{background:var(--new-soft);color:var(--new)}
.s-saiu{background:var(--gone-soft);color:var(--gone)}
.s-igual{background:var(--same-soft);color:var(--same)}
.t-P{background:var(--new-soft);color:var(--new)}
.t-D{background:var(--gone-soft);color:var(--gone)}
.t-I{background:var(--same-soft);color:var(--same)}
button.chip{border:0;cursor:pointer}
button.chip:hover{box-shadow:inset 0 0 0 1px currentColor}

/* toolbar + tabs */
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:28px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.tabs{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:3px}
.tab{border:0;background:transparent;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:500;font-size:13.5px;color:var(--muted)}
.tab[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.search{flex:1 1 220px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 10px}
.search input{border:0;background:transparent;outline:none;width:100%;font-size:13.5px}
.toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer;user-select:none}
.toggle input{accent-color:var(--accent);width:16px;height:16px}
.tol{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.tol input{width:70px;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:4px 6px;font-family:var(--f-mono);font-size:12.5px}
.count-line{font-size:12.5px;color:var(--muted);padding-block:10px}

/* tables */
.tbl-wrap{overflow:auto;max-height:72vh;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}
th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
thead th{position:sticky;top:0;z-index:1;background:var(--surface-2);font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;cursor:pointer;user-select:none}
thead th:hover{color:var(--ink)}
thead th.sorted{color:var(--accent-text)}
th.r,td.r{text-align:right}
tbody tr:hover>td{background:var(--surface-2)}
tr.emp{cursor:pointer}
tr.emp td:first-child{width:28px;color:var(--muted)}
tr.emp.open>td{background:var(--accent-soft)}
tr.detail>td{background:var(--surface-2);padding:0 0 0 38px}
tr.detail:hover>td{background:var(--surface-2)}
.inner{margin:4px 0 14px;border-left:2px solid var(--accent)}
.inner table{font-size:12.5px}
.inner th{position:static;background:transparent;cursor:default}
.inner td,.inner th{padding:5px 10px}
.inner tfoot td{font-weight:600;border-bottom:0}
.d-pos{color:var(--up)} .d-neg{color:var(--down)} .d-zero{color:var(--muted)}
.muted{color:var(--muted)}
.strike{text-decoration:line-through;color:var(--muted)}
.name{font-weight:500}
.more{display:flex;justify-content:center;padding:12px}
.empty{padding:40px 16px;text-align:center;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:9px 16px;border-radius:8px;font-size:13px;z-index:30;box-shadow:var(--shadow)}
.foot{margin-top:28px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

@media (max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){
  .uploads{grid-template-columns:1fr}
  .arrow{transform:rotate(90deg);height:20px}
}
@media (max-width:440px){.kpis{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---- app ---- */
.top-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nav{display:flex;gap:4px}
.navbtn{border:1px solid transparent;background:transparent;border-radius:8px;padding:6px 12px;cursor:pointer;font-weight:500;color:var(--muted)}
.navbtn[aria-pressed="true"]{background:var(--surface);border-color:var(--line);color:var(--ink)}
.empsel{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:7px 10px;font-weight:500;max-width:340px}
.user{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
.user a{color:var(--accent-text);text-decoration:none;font-weight:500}
.user a:hover{text-decoration:underline}
.loading{padding:40px 0;color:var(--muted)}
.empty-state{max-width:560px;margin:80px auto;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}
.empty-state h2{font-size:22px}
.empty-state p{color:var(--muted)}
.empty{padding:28px 16px;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:12px}
.tbl-wrap.short{max-height:none}
.upload{margin-bottom:8px}
.save-row,.pair,.row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.pair{padding:4px 0 8px}
.pair .arrow{padding-bottom:8px}
.spacer{flex:1}
.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:500}
.field input,.field select,.add-acc input{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:7px 10px;font-size:14px;color:var(--ink);min-width:0}
.field select{font-family:var(--f-mono);min-width:130px}
.field.grow{flex:1 1 260px}
.btn.danger{color:var(--gone)}
.btn.danger:hover{color:var(--gone);background:var(--gone-soft)}
.note-box{background:var(--accent-soft);border-radius:10px;padding:12px 14px;font-size:13.5px;margin-bottom:16px;max-width:820px}
.new-emp{margin-bottom:8px}
.emp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}
.emp-card{gap:12px}
.emp-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.emp-name{font-family:var(--f-display);font-weight:700;font-size:16px}
.emp-actions{display:flex;gap:2px}
.acessos{display:flex;flex-wrap:wrap;gap:6px}
.pill{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:2px 4px 2px 10px;font-size:12.5px}
.pill button{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:15px;line-height:1;padding:0 5px;border-radius:999px}
.pill button:hover{color:var(--gone);background:var(--gone-soft)}
.add-acc input{flex:1 1 200px}
@media (max-width:440px){.emp-list{grid-template-columns:1fr}}
.head .comp.muted{font-family:var(--f-body);font-size:14px}

.linkbtn{border:0;background:transparent;color:var(--accent-text);font-weight:500;cursor:pointer;padding:2px 0;font-size:12.5px}
.linkbtn:hover{text-decoration:underline}
.login{max-width:400px;margin:56px auto;gap:14px}
.login h1{font-size:26px}
.login p{margin:0}
.login .small{font-size:12.5px}
.login .btn.primary{justify-content:center;padding-block:10px}
.cred-wrap{position:fixed;inset:0;background:rgba(10,20,22,.45);display:grid;place-items:center;padding:16px;z-index:20}
.cred{max-width:520px;width:100%}
.cred p{margin:0;color:var(--muted)}
.cred pre{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:12px;white-space:pre-wrap;word-break:break-all;font-family:var(--f-mono);font-size:12.5px;margin:0;user-select:all}

/* ---- WFtec identidade ---- */
.btn.primary{font-family:var(--f-display);font-weight:800;letter-spacing:.1px}
.brand-sub{font-size:12.5px;color:var(--muted);letter-spacing:0}
.login-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:calc(100vh - 170px);margin-top:24px;border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.login-side{background:var(--carvao);color:#F1ECE8;padding:56px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.login-side h1{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:clamp(40px,5.4vw,72px);line-height:.98;letter-spacing:-2px;color:#FFFFFF;margin:0}
.login-side p{font-size:18px;line-height:1.5;color:#D6D0CC;max-width:30em;margin:0}
.login-side .big-mark{width:132px;height:132px}
.login-side .tags{display:flex;gap:10px;flex-wrap:wrap}
.login-side .tags span{border:1px solid #F15A25;color:#F58A63;border-radius:999px;padding:5px 13px;font-size:13.5px;font-weight:500}
.login-main{display:flex;align-items:center;justify-content:center;padding:48px 24px}
.login-split .login{margin:0;box-shadow:none;border:0;width:100%;max-width:380px;padding:0;background:transparent}
.login h1{font-family:var(--f-display);font-weight:800;font-size:32px}
@media (max-width:820px){.login-split{grid-template-columns:1fr;min-height:0}.login-side{padding:32px 24px}.login-side .big-mark{width:84px;height:84px}}

.comp-field{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted)}
.comp-field input{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;padding:4px 8px;font-family:var(--f-mono);font-size:13px}
.acts{white-space:nowrap}
.acts .btn{padding:6px 8px;font-size:13px}
.uploads{margin-top:4px}

.crumb{font-size:13px;color:var(--muted);padding-top:20px}
.crumb a{color:var(--accent-text);text-decoration:none;font-weight:500}
.crumb a:hover{text-decoration:underline}
.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:8px}
.tool{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;cursor:pointer;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}
.tool:hover{border-color:var(--accent)}
.tool-ico{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#262626;display:grid;place-items:center}
.tool-t{font-family:var(--f-display);font-weight:800;font-size:22px;color:var(--ink)}
.tool-d{font-size:14.5px;line-height:1.5;color:var(--muted)}
.tool-go{margin-top:6px;font-family:var(--f-display);font-weight:800;color:var(--accent-text)}
.imp{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--accent-soft);border:1px solid var(--accent);border-radius:10px;padding:10px 14px;margin-top:16px;font-size:14px}
.vpick{flex:1 1 260px}
tr.vrow{cursor:pointer}
.vlink{border-bottom:1px dashed var(--line-strong)}
tr.vrow:hover .vlink{color:var(--accent-text);border-bottom-color:var(--accent-text)}
.verba-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:12px}
.verba-head h3{font-size:22px;font-weight:800;margin-top:6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vd-sum{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.vd-sum b{color:var(--ink)}

.sit-ativo{background:var(--new-soft);color:var(--new)}
.sit-admitido{background:var(--up-soft);color:var(--up)}
.sit-entrou{background:var(--same-soft);color:var(--ink)}
.sit-desligado{background:var(--gone-soft);color:var(--gone)}
.sit-ferias{background:var(--accent-soft);color:var(--accent-text)}
.sit-afastado{background:var(--down-soft);color:var(--down)}

.login-side{position:relative;overflow:hidden;isolation:isolate}
.login-side canvas.fx{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.login-side::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(38,38,38,.88) 0%,rgba(38,38,38,.72) 42%,rgba(38,38,38,.2) 70%,rgba(38,38,38,0) 90%)}
.login-side > :not(canvas){position:relative;z-index:1}
@media (max-width:820px){.login-side::after{background:linear-gradient(90deg,rgba(38,38,38,.9) 0%,rgba(38,38,38,.7) 55%,rgba(38,38,38,.35) 100%)}}

.comp-badge{font-size:12.5px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.comp-badge b{color:var(--ink);font-weight:600}
.dif-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}
.dif-btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:500;color:var(--ink)}
.dif-btn .dif-n{font-family:var(--f-display);font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}
.dif-btn.is-dif .dif-n{color:var(--accent-text)}
.dif-btn.is-igual .dif-n{color:var(--new)}
.dif-btn[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.dif-note{font-size:13px;color:var(--muted);margin-left:auto}

/* ---- chat IA ---- */
.chat-fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:125;display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:14px 20px;background:var(--carvao);color:#fff;font-family:var(--f-display);font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.chat-fab svg{color:#F15A25}
.chat-fab:hover{background:#000}
.chat-pane{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:126;width:min(430px,calc(100vw - 32px));height:min(640px,calc(100vh - 120px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden}
.chat-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;background:var(--carvao);color:#fff}
.chat-h b{font-family:var(--f-display);font-size:17px;display:block}
.chat-h .muted{color:#BDB6B1;font-size:12px}
.chat-h .btn.ghost{color:#fff}
.chat-msgs{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface-2)}
.msg{max-width:88%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.msg.user{align-self:flex-end;background:var(--accent);color:#1F1F1F;border-bottom-right-radius:4px;white-space:pre-wrap}
.msg.assistant{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg p{margin:0 0 6px}.msg p:last-child{margin:0}
.msg ul{margin:4px 0;padding-left:18px}.msg li{margin:2px 0}
.msg.busy{color:var(--muted);display:flex;align-items:center;gap:8px}
.dots{display:inline-flex;gap:3px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 1s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
.chat-hello p{margin:0 0 8px;color:var(--muted);font-size:13.5px}
.chat-sug{display:block;width:100%;text-align:left;margin-bottom:6px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 12px;font-size:13.5px;cursor:pointer;color:var(--ink)}
.chat-sug:hover{border-color:var(--accent)}
.chat-f{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--surface)}
.chat-f textarea{flex:1;resize:none;border:1px solid var(--line-strong);border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;background:var(--surface);color:var(--ink)}
.chat-note{margin:0;padding:0 12px 10px;font-size:11.5px;color:var(--muted);background:var(--surface)}
@media (prefers-reduced-motion:reduce){.dots i{animation:none;opacity:.7}}

.th-sit{padding:0 6px!important}
.sit-open{display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--line-strong);background:var(--surface);color:inherit;font:inherit;font-size:12.5px;font-weight:600;border-radius:8px;padding:5px 9px;cursor:pointer}
.sit-open:hover{border-color:var(--accent);color:var(--ink)}
.th-sit.sorted .sit-open{border-style:solid;border-color:var(--accent);color:var(--accent-text)}
.sit-count{background:var(--accent);color:#1F1F1F;border-radius:999px;font-size:11px;padding:0 6px;font-family:var(--f-mono)}
.sit-menu{position:absolute;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.18);padding:12px;min-width:250px;display:flex;flex-direction:column;gap:4px}
.sit-menu-h{font-family:var(--f-display);font-weight:800;font-size:15px;padding:2px 4px 8px}
.sit-opt{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:8px;cursor:pointer;font-size:14px}
.sit-opt:hover{background:var(--surface-2)}
.sit-opt input{width:17px;height:17px;accent-color:var(--accent)}
.sit-opt .num{margin-left:auto}
.sit-menu-f{display:flex;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--line);margin-top:4px}

.c-conf{text-align:center!important;width:84px}
.conf-lbl{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:8px}
.conf-lbl:hover{background:var(--accent-soft)}
.conf-cb{width:19px;height:19px;accent-color:var(--new);cursor:pointer}
.conf-cb:disabled{cursor:not-allowed;opacity:.6}
.dif-btn.is-conf .dif-n{color:var(--new)}
.dif-btn.is-conf{border-style:dashed}
.dif-btn.is-conf[aria-pressed="true"]{border-style:solid}

/* filtros com caixinhas */
.fbtn-w{display:inline-flex;align-items:stretch}
.fbtn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;border-radius:8px;padding:7px 12px;cursor:pointer;max-width:340px}
.fbtn:hover{border-color:var(--accent)}
.fbtn.on{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}
.fbtn-w .fbtn.on{border-top-right-radius:0;border-bottom-right-radius:0}
.fbtn-v{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.fbtn-x{border:1px solid var(--accent);border-left:0;background:var(--accent-soft);color:var(--accent-text);font-size:17px;line-height:1;padding:0 10px;border-radius:0 8px 8px 0;cursor:pointer}
.fbtn-x:hover{background:var(--accent);color:#1F1F1F}
.sit-menu-wide{width:min(440px,calc(100vw - 24px))}
.cm-hint{display:block;font-family:var(--f-body,inherit);font-weight:400;font-size:12.5px;color:var(--muted);margin-top:2px}
.cm-search{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:8px 10px;font:inherit;font-size:14px;margin-bottom:4px;color:var(--ink)}
.cm-search:focus{outline:2px solid var(--accent);outline-offset:-1px}
.cm-list{max-height:min(340px,50vh);overflow:auto;display:flex;flex-direction:column;gap:1px}
.cm-list .sit-opt[hidden]{display:none}
.cm-l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.cm-sel{font-size:12.5px;min-height:16px;padding:2px 6px}
.cm-f-l{display:flex;gap:6px}
.vsel-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-width:760px}
.vsel-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px 4px 3px 5px;font-size:13px}
.vsel-rm{border:0;background:transparent;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;border-radius:50%;width:22px;height:22px}
.vsel-rm:hover{background:var(--accent-soft);color:var(--accent-text)}
td.vcol{min-width:230px}

/* conferência INSS · IRRF · FGTS */
.tab-n{display:inline-block;min-width:18px;background:var(--gone);color:#fff;border-radius:999px;font-size:11px;font-family:var(--f-mono);padding:0 5px;margin-left:4px;line-height:17px}
.enc-head{display:flex;justify-content:space-between;align-items:center;gap:10px 20px;flex-wrap:wrap;padding:4px 0 14px}
.enc-mes{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13.5px}
.enc-mes-b{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;font:inherit;font-weight:600;cursor:pointer;color:var(--ink)}
.enc-mes-b[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.enc-exp{margin:0;font-size:13.5px;color:var(--muted);max-width:560px}
.enc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:14px}
.enc-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px;cursor:pointer;font:inherit;color:var(--ink)}
.enc-card:hover{border-color:var(--accent)}
.enc-card[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.enc-card.has-div{border-left:4px solid var(--gone)}
.enc-card.has-aten{border-left:4px solid var(--accent)}
.enc-card-t{font-family:var(--f-display);font-weight:800;font-size:15px}
.enc-card-n{display:flex;flex-wrap:wrap;gap:4px}
tr.enc-div td{background:color-mix(in srgb,var(--gone-soft) 45%,transparent)}
.enc-nota{font-size:12.5px;color:var(--muted);min-width:220px;max-width:380px;line-height:1.4}
.enc-fonte{font-size:12.5px;color:var(--muted);margin:12px 0 0;line-height:1.5;max-width:900px}
.tab-n.is-aten{background:var(--accent);color:#1F1F1F}
.al-lim{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted)}
.al-lim input{width:64px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 8px;font:inherit;font-family:var(--f-mono);color:var(--ink);text-align:right}
.ln-mot{max-width:260px;white-space:normal;line-height:1.35;margin-top:3px}
tr.ln-igual td{color:var(--muted)} tr.ln-igual .chip{opacity:.75}
.th-fil-in{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.th-f{display:inline-flex;align-items:center;gap:3px;border:1px dashed var(--line-strong);background:var(--surface);color:var(--muted);border-radius:6px;padding:3px 5px;cursor:pointer;line-height:1}
.th-f:hover{border-color:var(--accent);color:var(--ink)}
.th-f.on{border-style:solid;border-color:var(--accent);color:var(--accent-text)}
/* cabeçalho em grupos: Proventos / Descontos / Líquido */
.t-func thead th.th-grp{text-align:center;color:var(--ink);font-family:var(--f-display);font-weight:800;font-size:13px;cursor:default;border-bottom:1px solid var(--line-strong);padding-top:6px;padding-bottom:6px}
.t-func thead tr.h1 th{height:30px}
.t-func thead tr.h2 th{top:31px}
.t-func th.g-start,.t-func td.g-start{border-left:1px solid var(--line)}
.t-func th,.t-func td{padding-left:6px;padding-right:6px}
.t-func td.name{min-width:200px}
.t-func td.num{font-size:12.5px}
.t-func .sub{max-width:210px}
.ativ{max-width:760px;width:min(760px,calc(100vw - 32px))} .ativ .tbl-wrap{max-height:55vh} .login-prev{font-size:13px;margin-top:8px} .login-prev b{color:var(--ink)}
td.acts{white-space:normal;min-width:260px}
td.acts .acts-in{display:flex;flex-wrap:wrap;gap:2px 4px;justify-content:flex-end}
td.acts .btn{padding:5px 9px;font-size:13px}
#main td a[href^="mailto:"]{color:var(--accent-text)}
/* linhas verticais entre todas as colunas das tabelas */
#tabBody table th + th, #tabBody table td + td{border-left:1px solid var(--line)}
#tabBody .t-func thead tr.h2 th:first-child{border-left:1px solid var(--line)}
/* login sempre em maiúsculas */
#nLogin, #lEmail{text-transform:uppercase}
#lEmail:placeholder-shown{text-transform:none}

/* ferramentas por escritório */
.ferr-set{border:1px solid var(--line);border-radius:10px;padding:10px 14px 12px;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.ferr-set legend{font-size:12px;font-weight:600;padding:0 6px;color:var(--muted,#6b6b6b)}
.ferr-ck{display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px}
.ferr-ck input{accent-color:#F15A25;width:16px;height:16px;margin-top:2px}
.ferr-list{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}
.ferr-list .ferr-ck span.muted{font-size:12.5px}
.ferr-chip{background:rgba(241,90,37,.1);color:#c9461a;margin:1px 0}
/* Fortunato: fontes da base e janela "Base de conhecimento" */
.msg-fontes{margin-top:8px;padding-top:6px;border-top:1px dashed var(--line);font-size:11.5px;color:var(--muted)}
.msg-ensinar{display:block;margin-top:6px;background:none;border:0;padding:0;color:var(--accent-text);font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline}
.chat-base{font-size:13px;padding:6px 10px}
.fb-wrap{position:fixed;inset:0;z-index:140;background:rgba(10,20,22,.5);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow:auto}
.fb{width:min(860px,100%);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}
.fb-h{display:flex;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.fb-h .muted{display:block;font-size:12.5px;margin-top:2px}
.fb-corpo{padding:16px 18px 20px}
.fb-barra{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.fb-barra .search{flex:1;min-width:200px}
.fb-tema h4{margin:14px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.fb-item{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}
.fb-item-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.fb-item-t .muted{font-size:12.5px}
.fb-trecho{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fb-meta{font-size:11.5px!important}
.fb-acoes{display:flex;gap:6px;flex-shrink:0}
.fb-form{display:flex;flex-direction:column;gap:12px}
.fb-form textarea{width:100%;font:inherit;font-size:14px;resize:vertical;border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:8px 10px;color:var(--ink);line-height:1.5}
.fb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fb-dada{background:var(--surface-2);border-radius:10px;padding:10px 12px;font-size:13.5px}
.fb-dada summary{cursor:pointer;font-weight:600}
@media (max-width:640px){.fb-grid{grid-template-columns:1fr}.fb-item{flex-direction:column}}
/* Fortunato — núcleo especialista: referências, fontes, confiança, avaliação e central (admin) */
.fref{display:inline-block;border:1px solid var(--line);background:var(--surface-2);color:var(--accent-text);font:600 10.5px/1 var(--f-mono,monospace);padding:2px 4px;border-radius:5px;cursor:pointer;vertical-align:1px;margin:0 1px}
.fref:hover{border-color:var(--accent)}
.fmeta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;font-size:11.5px}
.fconf{font-weight:700;padding:2px 8px;border-radius:999px;font-size:11px;cursor:help}
.fc-alta{background:rgba(46,160,90,.18);color:#3fb672}.fc-media{background:rgba(230,160,40,.18);color:#e0a030}.fc-baixa{background:rgba(220,70,60,.18);color:#e5675c}
.favisos{margin:8px 0 0;padding:8px 10px 8px 26px;border-radius:8px;background:rgba(230,160,40,.12);font-size:12px}
.fcalc{margin-top:8px;font-size:12.5px;background:var(--surface-2);border-radius:8px;padding:6px 10px}
.fcalc summary{cursor:pointer;font-weight:600}.fcalc ul{margin:6px 0;padding-left:18px}
.ffontes{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:4px;font-size:12px}
.ffontes>b{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.ffonte{text-align:left;background:none;border:0;padding:2px 0;color:var(--ink);font-size:12px;cursor:pointer}
.ffonte:hover{color:var(--accent-text)}
.fref-n{font:600 10.5px var(--f-mono,monospace);color:var(--accent-text);margin-right:2px}
.ftag{font-size:10px;padding:1px 6px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.ftag.of{background:rgba(46,160,90,.18);color:#3fb672}
.faval{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:10px;font-size:11.5px}
.fav-b{border:1px solid var(--line);background:none;color:var(--muted);border-radius:999px;padding:3px 8px;font-size:11px;cursor:pointer}
.fav-b:hover{border-color:var(--accent);color:var(--ink)}
.fav-tag{font-size:12px;padding:2px 8px;border-radius:6px;align-self:flex-start}.fav-tag.ok{background:rgba(46,160,90,.18)}.fav-tag.ruim{background:rgba(220,70,60,.18)}
.fb-largo{width:min(1040px,100%)}
.fnav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.fnav .on{background:var(--surface-2);border-color:var(--accent)}
.fdl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;font-size:13px;margin:10px 0}.fdl dt{color:var(--muted)}.fdl dd{margin:0}
.ftrecho{white-space:normal;background:var(--surface-2);border-radius:10px;padding:12px 14px;font-size:13.5px;line-height:1.55;max-height:55vh;overflow:auto}
.fdet{background:var(--surface-2);border-radius:10px;padding:10px 14px;font-size:13.5px;max-height:40vh;overflow:auto}
.fsug{display:flex;flex-wrap:wrap;gap:6px}.fsug .btn{font-size:12.5px}
.fsrc{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.fsrc legend{font-size:12px;color:var(--muted);padding:0 4px}
.fin{width:100%;margin-top:4px;border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:7px 10px;font:inherit;font-size:13.5px;color:var(--ink)}
.fsrc .ferr-ck span{flex:1}
@media (max-width:640px){.fdl{grid-template-columns:1fr}.fdl dt{margin-top:6px}}
/* Fortunato — Source Manager */
.smcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:4px 0 10px}
.smcard{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}
.smcard-n{font-size:20px;font-weight:700;color:var(--ink)}
.smcard.ok .smcard-n{color:#3fb672}.smcard.pend .smcard-n{color:#e0a030}.smcard.err .smcard-n{color:#e5675c}
.smchip{display:inline-block;font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.sm-ok{background:rgba(46,160,90,.18);color:#3fb672}.sm-pend{background:rgba(230,160,40,.18);color:#e0a030}.sm-err{background:rgba(220,70,60,.18);color:#e5675c}.sm-old{background:var(--surface-2)}.sm-off{background:var(--surface-2);text-decoration:line-through}
.sm-erro{color:#e5675c;font-size:12px}
.smprev{display:flex;flex-direction:column;gap:6px;max-height:48vh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:8px 0}
.smprev-i{font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--line)}.smprev-i:last-child{border-bottom:0}
.smlink{align-items:flex-start;padding:6px 0;border-bottom:1px solid var(--line)}
.smbar{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:6px 0}.smbar span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}
.ftab{margin:8px 0;font-size:12.5px}

/* ---------- segurança da conta (2 etapas, aparelhos, LGPD) ---------- */
.seg-grid{display:grid;gap:16px;max-width:860px}
.seg-box p{margin:0 0 10px}
.seg-form{margin-top:6px}
.seg-passos{margin:12px 0 0;padding-left:20px;display:grid;gap:14px}
.seg-qr{background:#fff;padding:10px;border-radius:8px;width:max-content;margin:10px 0}
.seg-qr img,.seg-qr canvas{display:block}
.seg-chave{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:10px;font-family:var(--f-mono);font-size:14px;letter-spacing:.06em;margin:6px 0 0;user-select:all;white-space:pre-wrap}
.seg-aviso{margin:0 0 14px}
.sub.sit-ant{margin-top:3px}
.sub.sit-ant .chip{font-size:10.5px;padding:1px 6px;vertical-align:1px}
/* lembretes do administrador */
.lemb-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.lemb{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.lemb:last-child{border-bottom:0}
.lemb-ck{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--line-strong);background:var(--surface);display:grid;place-items:center;font-weight:800;color:var(--new);cursor:pointer;padding:0;line-height:1}
.lemb-ck:hover{border-color:var(--accent)}
.lemb.feito .lemb-ck{border-color:var(--new);background:var(--new-soft)}
.lemb.feito .lemb-t{color:var(--muted)}
.lemb.feito .lemb-t b{text-decoration:line-through}
.lemb-t{flex:1;min-width:0;font-size:14.5px;line-height:1.45;padding-top:3px}
.lemb-dica{display:block}
.lemb-auto .lemb-ck{cursor:default}
.lemb-dica{font-size:13px}
.lemb-outros{margin-top:4px;font-size:13px}
.lemb-outros summary{cursor:pointer}
.lemb-form{margin-top:6px;align-items:flex-end}
.lemb-form select,.lemb-form input[type=date]{min-height:40px;border:1px solid var(--line-strong);background:var(--surface-2);border-radius:8px;padding:6px 10px;color:var(--ink)}
.home-lemb{margin:-6px 0 14px;font-size:14px}
.home-arm{display:flex;flex-direction:column;gap:4px;margin:-6px 0 16px;padding:12px 16px;border-radius:10px;border-left:4px solid var(--accent);background:var(--accent-soft);color:var(--ink);font-size:14px}
.home-arm>b{font-family:var(--f-display);font-size:15px;color:var(--accent-text)}
.home-arm.urgente{border-left-color:var(--gone);background:var(--gone-soft)}
.home-arm.urgente>b{color:var(--gone)}
.home-lemb a{color:var(--accent-text);font-weight:600}

/* ---------- equipe do escritório ---------- */
.eq-senha{display:flex;gap:8px;align-items:center}
.eq-senha input{flex:1;min-width:0;font-family:var(--f-mono)}
.eq-trocar{margin-top:8px}
.eq-ativ{margin-top:18px}
.eq-ativ .row{align-items:flex-end;gap:16px;flex-wrap:wrap}
tr.eq-falha td{color:var(--bad,#c0392b)}

/* Cores claras (02/10/2026): só a barra superior em branco de ponta a ponta; nada de posição ou tamanho muda */
.top{background:var(--surface);box-shadow:0 0 0 100vmax var(--surface);clip-path:inset(-100vmax -100vmax 0)}
