/* Trivento — Painel da Obra. Tokens e componentes seguem o Trivento Design System. */
@font-face{font-family:'Gotham';font-weight:400;font-style:normal;font-display:swap;src:url('../assets/fonts/GothamBook.ttf') format('truetype')}
@font-face{font-family:'Gotham';font-weight:500;font-style:normal;font-display:swap;src:url('../assets/fonts/GothamMedium.ttf') format('truetype')}
@font-face{font-family:'Gotham';font-weight:700;font-style:normal;font-display:swap;src:url('../assets/fonts/GothamBold.ttf') format('truetype')}
@font-face{font-family:'Gotham';font-weight:900;font-style:normal;font-display:swap;src:url('../assets/fonts/Gotham-Black.otf') format('opentype')}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-style:normal;font-display:swap;src:url('../assets/fonts/plex-mono-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-style:normal;font-display:swap;src:url('../assets/fonts/plex-mono-500.woff2') format('woff2')}

:root{
  --color-black:#000;--color-charcoal:#282627;--color-gray:#545454;--color-silver:#d6d6d6;--color-white:#fff;--color-blue:#267bf7;
  --bg:#fff;--surface:#fff;--surface-muted:#f5f5f5;--surface-sunken:#ececec;
  --text:#000;--text-2:#545454;--border:#d6d6d6;--border-strong:#282627;
  --accent:#267bf7;--accent-hover:#1a63d1;--accent-weak:#e8f1fe;--warning:#9a3412;--warning-weak:#fdece4;
  --overlay:rgba(0,0,0,.55);
  --font:'Gotham',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --r-sm:8px;--r-md:10px;--r-pill:999px;--rail:232px;
  --shadow-modal:0 24px 48px rgba(0,0,0,.28);
}
[data-theme="dark"]{
  --bg:#0a0c10;--surface:#14171c;--surface-muted:#1b1f26;--surface-sunken:#0a0c10;
  --text:#f2f4f7;--text-2:#8891a1;--border:#262b33;--border-strong:#33394a;
  --accent-hover:#4a94fb;--accent-weak:#142238;--warning:#f2a93b;--warning-weak:#2e2412;--overlay:rgba(4,6,9,.72);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.02em}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.muted{color:var(--text-2)}
.small{font-size:13px}

/* ---------- Entrada ---------- */
#auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:#000;position:relative;overflow:hidden}
#auth::after{content:"";position:absolute;right:-10%;bottom:-30%;width:70%;height:80%;background:radial-gradient(closest-side,rgba(38,123,247,.38),transparent);pointer-events:none}
.auth-box{position:relative;z-index:1;width:100%;max-width:400px;color:#fff}
.auth-box img.logo{width:190px;display:block;margin:0 auto 28px}
.auth-card{background:#14171c;border:1px solid #262b33;border-radius:var(--r-md);padding:26px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.auth-card .btn{white-space:normal;text-align:center}
.auth-card .back{color:#8891a1;font-size:13px;text-align:center;text-decoration:none;transition:color 120ms linear}
.auth-card .back:hover{color:#fff}
.auth-card .btn.secondary{color:#f2f4f7;border-color:#33394a}
.auth-card .btn.secondary:hover{border-color:var(--accent)}
.auth-card .notice{background:#2e2412;border-color:#f2a93b;color:#f2a93b}
.auth-card .err{color:#f2a93b}
.auth-card h1{font-size:22px;font-weight:900;color:#fff}
.auth-card p{margin:0;color:#8891a1;font-size:13px}
.auth-card .field label{color:#8891a1}
.auth-card input{background:#0a0c10;border-color:#262b33;color:#f2f4f7}

/* ---------- Campos ---------- */
.field{display:grid;gap:6px;min-width:0}
.field label{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);min-width:0}
input:hover,select:hover,textarea:hover{border-color:var(--accent)}
input[type=number]{font-family:var(--mono)}
.err{color:var(--warning);font-size:13px;min-height:1.3em}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--r-sm);border:1px solid transparent;font-weight:700;font-size:14px;transition:filter 120ms linear,border-color 120ms linear,color 120ms linear;white-space:nowrap}
.btn.primary{background:var(--accent);color:#fff}
.btn.primary:hover{filter:brightness(1.1)}
.btn.secondary{background:transparent;border-color:var(--border);color:var(--text)}
.btn.secondary:hover{border-color:var(--accent)}
.btn.text{background:transparent;color:var(--text-2);padding:6px 8px}
.btn.text:hover{color:var(--text)}
.btn.sm{padding:5px 10px;font-size:13px}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.danger:hover{border-color:var(--warning);color:var(--warning)}

/* ---------- Layout SaaS ---------- */
.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:100vh}
.rail{background:#000;color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 14px;gap:6px}
.rail .brand{padding:2px 8px 18px;border-bottom:1px solid #262b33;margin-bottom:10px}
.rail .brand img{width:132px;display:block}
.rail .brand small{display:block;margin-top:8px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#8891a1}
.nav{display:grid;gap:2px}
.nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:#aab1bf;padding:9px 10px;border-radius:var(--r-sm);font-size:14px;font-weight:500;transition:color 120ms linear,border-color 120ms linear}
.nav button .n{font-family:var(--mono);font-size:11.5px;color:#6a7384;width:20px}
.nav button:hover{color:#fff;border-color:#33394a}
.nav button[aria-current="page"]{color:#fff;background:#14171c;border-color:#262b33}
.nav button[aria-current="page"] .n{color:var(--accent)}
.rail .foot{margin-top:auto;padding:14px 8px 0;border-top:1px solid #262b33;display:grid;gap:10px;font-size:12.5px;color:#8891a1}
.rail .foot .who{word-break:break-all;color:#d6d6d6}
.sync{display:inline-flex;align-items:center;gap:8px}
.dot{width:8px;height:8px;border-radius:50%;background:#545454;display:inline-block}
.dot.ok{background:var(--accent)}
.dot.wait{background:#9a9a9a;animation:pulse 1.2s ease-in-out infinite}
.dot.off{background:#f2a93b}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.rail .btn.text{color:#8891a1;justify-content:flex-start;padding:4px 0}
.rail .btn.text:hover{color:#fff}

main{padding:28px clamp(16px,3vw,40px) 60px;min-width:0}
.head{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end;margin-bottom:22px}
.head h1{font-size:28px;font-weight:900;margin-top:6px}
.head .tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:var(--surface)}
.seg button{background:transparent;border:0;padding:8px 14px;font-size:13px;font-weight:500;color:var(--text-2);transition:color 120ms linear}
.seg button+button{border-left:1px solid var(--border)}
.seg button:hover{color:var(--text)}
.seg button[aria-pressed="true"]{background:var(--accent);color:#fff;font-weight:700}

.section{margin-top:26px}
.section>h2,.sec-title{font-size:18px;font-weight:700;margin-bottom:12px}
.grid{display:grid;gap:16px}
.g-kpi{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:980px){.g-2,.g-3{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px}
.card h3{font-size:15px;font-weight:700;margin-bottom:12px}
.kpi .lbl{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.kpi .val{font-size:clamp(19px,1.75vw,25px);font-weight:900;letter-spacing:-.02em;margin-top:6px;line-height:1.1}
.kpi .sub{font-size:13px;color:var(--text-2);margin-top:4px}
.kpi .val.neg{color:var(--warning)}
.bar{height:8px;background:var(--surface-sunken);border-radius:var(--r-pill);overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);transition:width 180ms ease}
.bar i.over{background:var(--warning)}
.badge{display:inline-block;padding:2px 10px;border-radius:var(--r-pill);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-2);background:transparent}
.badge.cot{color:var(--accent);border-color:var(--accent);background:var(--accent-weak)}
.badge.ok{color:#fff;background:var(--accent);border-color:var(--accent)}
.badge.warn{color:var(--warning);border-color:var(--warning);background:var(--warning-weak)}
.numtag{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:var(--r-sm);background:var(--accent-weak);color:var(--accent);font-family:var(--mono);font-size:12px;font-weight:500}
.empty{padding:34px 18px;text-align:center;color:var(--text-2);font-size:14px}
.list{display:grid}
.list .row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}
.list .row:last-child{border-bottom:0}
.list .row small{display:block;color:var(--text-2);font-size:12.5px}

/* ---------- Tabelas / planilha ---------- */
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.toolbar .grow{flex:1 1 220px;min-width:180px}
.toolbar select{width:auto}
.tbl-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);max-height:calc(100vh - 250px)}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}
th{position:sticky;top:0;z-index:2;background:var(--surface-muted);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);white-space:nowrap}
tbody tr:hover td{background:var(--surface-muted)}
td.n,th.n{text-align:right;white-space:nowrap}
td.n{font-family:var(--mono);font-variant-numeric:tabular-nums}
td.c,th.c{text-align:center}
tfoot td{position:sticky;bottom:0;background:var(--accent-weak);font-weight:700;border-top:1px solid var(--border-strong);border-bottom:0}
.sheet td{padding:2px}
.sheet td.ro{padding:8px 10px}
.sheet input{border:1px solid transparent;background:transparent;border-radius:6px;padding:6px 8px;font-size:13.5px}
.sheet input:hover{border-color:var(--border)}
.sheet input:focus{border-color:var(--accent);background:var(--surface);outline:none}
.sheet input.num{text-align:right;font-family:var(--mono)}
.sheet th{white-space:normal;line-height:1.25}
.sheet td.item input{min-width:190px}
.sheet input.num{width:78px}
.sheet td.ro{padding:6px 8px}
.sheet td .act{flex-direction:column;gap:2px;align-items:stretch}
.sheet td .act .btn{padding:3px 8px;font-size:12.5px}
.sheet th:nth-child(1),.sheet td:nth-child(1){min-width:38px;width:38px}
.sheet th:nth-child(2),.sheet td:nth-child(2){left:38px}
.sheet th:last-child,.sheet td:last-child{position:sticky;right:0;z-index:1;background:var(--surface);box-shadow:-1px 0 0 var(--border)}
.sheet th:last-child{z-index:3;background:var(--surface-muted)}
.sheet tbody tr:hover td:last-child{background:var(--surface-muted)}
.sheet tfoot td:last-child{background:var(--accent-weak)}
.sheet th:nth-child(1),.sheet td:nth-child(1){position:sticky;left:0;z-index:1;background:var(--surface)}
.sheet th:nth-child(2),.sheet td:nth-child(2){position:sticky;left:38px;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--border)}
.sheet th:nth-child(1),.sheet th:nth-child(2){z-index:3;background:var(--surface-muted)}
.sheet tbody tr:hover td:nth-child(-n+2){background:var(--surface-muted)}
.sheet tr.group td:nth-child(1){position:sticky;left:0}
.sheet tfoot td:nth-child(1){background:var(--accent-weak)}
.sheet .over{color:var(--warning);font-weight:700}
.sheet .under{color:var(--accent);font-weight:700}
.group td{background:var(--surface-muted);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.act{display:flex;gap:2px;justify-content:flex-end}

/* ---------- Gráficos ---------- */
.chart{width:100%;height:auto;display:block}
.chart text{font-family:var(--font);fill:var(--text-2);font-size:10.5px}
.legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;font-size:12.5px;color:var(--text-2)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.hbar{display:grid;gap:12px}
.hbar .r{display:grid;gap:5px}
.hbar .t{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}

/* ---------- Relatórios ---------- */
.rep-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}
.rep-list{display:grid;gap:4px;position:sticky;top:20px}
.rep-list .eyebrow{margin-bottom:8px}
.rep-link{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);padding:9px 10px;font-size:14px;font-weight:500;color:var(--text-2);transition:color 120ms linear,border-color 120ms linear}
.rep-link:hover{color:var(--text);border-color:var(--accent)}
.rep-link[aria-current="true"]{color:var(--text);font-weight:700;background:var(--surface-muted);border-color:var(--border)}
.rep-link[aria-current="true"] .numtag{background:var(--accent);color:#fff}
.rep-bar{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin-bottom:14px}
.rep-bar h2{font-size:20px;font-weight:900}
.rep-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:900px){.rep-layout{grid-template-columns:minmax(0,1fr)}.rep-main{min-width:0}.rep-list{position:static;display:flex;flex-wrap:wrap;gap:6px}.rep-list .eyebrow{width:100%;margin-bottom:2px}.rep-link{width:auto}}
.doc{background:#fff;color:#000;border:1px solid var(--border);border-radius:var(--r-md);padding:28px;overflow:auto}
.doc .doc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:2px solid #000;padding-bottom:14px;margin-bottom:16px}
.doc .doc-head img{width:150px}
.doc h2{font-size:20px;font-weight:900}
.doc .meta{font-size:12px;color:#545454;text-align:right}
.doc table{font-size:12.5px}
.doc th{position:static;background:#f5f5f5;color:#545454}
.doc td,.doc th{border-bottom:1px solid #d6d6d6}
.doc tfoot td{position:static;background:#e8f1fe;color:#000}
.doc tbody tr:hover td{background:transparent}
.doc .foot{margin-top:18px;font-size:11px;color:#545454}

/* ---------- Modal / toast ---------- */
.overlay{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:center;padding:16px;z-index:50}
.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-modal);width:100%;max-width:560px;max-height:92vh;overflow:auto}
.modal header{padding:18px 20px 0}
.modal header h2{font-size:20px;font-weight:900;margin-top:4px}
.modal form{padding:18px 20px 20px;display:grid;gap:14px}
.modal .cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.modal .cols{grid-template-columns:1fr}}
.modal .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
.notice{border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 12px;font-size:13px;background:var(--surface-muted);color:var(--text-2)}
.notice.warn{border-color:var(--warning);background:var(--warning-weak);color:var(--warning)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--color-charcoal);color:#fff;padding:11px 18px;border-radius:var(--r-sm);font-size:14px;z-index:90;max-width:92vw}
.toast.err{background:var(--warning)}

/* ---------- Mobile: aplicativo ---------- */
#mchrome{display:none}
.appbar,.drawer,.drawer-ov,.tabbar,.fab{display:none}
.m-tools,.m-card,.m-sum,.m-group{display:none}
@keyframes sheetup{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:720px){
  :root{--appbar:56px;--tabbar:62px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}
  html{scroll-padding-top:calc(var(--appbar) + var(--safe-t) + 8px)}
  body{background:var(--surface-muted);padding-top:calc(var(--appbar) + var(--safe-t));padding-bottom:calc(var(--tabbar) + var(--safe-b) + 18px);-webkit-tap-highlight-color:transparent}
  body.noscroll{overflow:hidden}
  #mchrome{display:block}
  .shell{display:block}
  .rail{display:none}
  main{padding:14px 14px 28px}
  button,select,input{min-height:40px}
  .btn.sm{min-height:34px}
  input,select,textarea{font-size:16px}  /* evita zoom do iOS ao focar */

  /* barra superior */
  .appbar{display:flex;position:fixed;top:0;left:0;right:0;z-index:40;height:calc(var(--appbar) + var(--safe-t));padding:var(--safe-t) 6px 0 14px;background:#000;color:#fff;align-items:center;justify-content:space-between;border-bottom:1px solid #1b1f26}
  .ab-brand{display:flex;align-items:center;gap:12px;background:transparent;border:0;color:#fff;padding:0;min-height:44px;text-align:left}
  .ab-brand img{height:22px;width:auto}
  .ab-brand span{font-size:16px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw}
  .ab-menu{position:relative;width:48px;height:48px;background:transparent;border:0;color:#fff;border-radius:var(--r-sm)}
  .ab-menu span{position:absolute;left:13px;right:13px;height:2px;background:#fff;border-radius:2px;transition:transform 180ms var(--ease,ease),opacity 120ms linear}
  .ab-menu span:nth-child(1){top:17px}.ab-menu span:nth-child(2){top:23px}.ab-menu span:nth-child(3){top:29px}
  .ab-menu.on span:nth-child(1){transform:translateY(6px) rotate(45deg)}.ab-menu.on span:nth-child(2){opacity:0}.ab-menu.on span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  /* menu lateral (abre pela direita) */
  .drawer-ov{display:block;position:fixed;inset:0;z-index:60;background:var(--overlay);opacity:0;visibility:hidden;transition:opacity 200ms linear,visibility 200ms}
  .drawer-ov.open{opacity:1;visibility:visible}
  .drawer{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(88vw,340px);background:#000;color:#fff;transform:translateX(102%);visibility:hidden;transition:transform 240ms cubic-bezier(.2,.7,.3,1),visibility 240ms;padding-top:var(--safe-t);box-shadow:-12px 0 32px rgba(0,0,0,.45);border-left:1px solid #1b1f26}
  .drawer.open{transform:none;visibility:visible}
  .dh{display:flex;align-items:center;justify-content:space-between;padding:14px 8px 14px 18px;border-bottom:1px solid #262b33}
  .dh img{width:128px}
  .dclose{position:relative;width:44px;height:44px;background:transparent;border:0;color:#fff}
  .dclose span{position:absolute;left:12px;right:12px;top:21px;height:2px;background:#fff}
  .dclose span:nth-child(1){transform:rotate(45deg)}.dclose span:nth-child(2){transform:rotate(-45deg)}
  .dn{flex:1;overflow-y:auto;padding:10px 10px;-webkit-overflow-scrolling:touch}
  .dr{display:flex;align-items:stretch}
  .dl{flex:1;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:1px solid transparent;color:#d6d6d6;padding:11px 10px;border-radius:var(--r-sm);font-size:15px;font-weight:500;min-height:46px}
  .dl .n{font-family:var(--mono);font-size:11.5px;color:#6a7384;width:20px}
  .dl[aria-current="page"]{background:#14171c;border-color:#262b33;color:#fff;font-weight:700}
  .dl[aria-current="page"] .n{color:var(--accent)}
  .dx{width:46px;background:transparent;border:0;color:#8891a1;display:grid;place-items:center}
  .dx svg{width:22px;height:22px;transition:transform 180ms ease}
  .dx[aria-expanded="true"] svg{transform:rotate(180deg);color:#fff}
  .ds{display:grid;margin:2px 0 8px 32px;padding-left:10px;border-left:1px solid #262b33}
  .ds button{text-align:left;background:transparent;border:0;color:#aab1bf;padding:9px 10px;font-size:14px;border-radius:var(--r-sm);min-height:40px}
  .ds button:active,.ds button:hover{color:#fff;background:#14171c}
  .df{padding:14px 16px calc(14px + var(--safe-b));border-top:1px solid #262b33;display:grid;gap:10px;font-size:13px;color:#8891a1}
  .df .who{word-break:break-all;color:#d6d6d6}
  .dfb{display:flex;gap:8px}
  .dfb .btn{flex:1;color:#f2f4f7;border-color:#33394a}

  /* barra de abas inferior */
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--safe-b)}
  .tabbar button{display:grid;justify-items:center;align-content:center;gap:3px;height:var(--tabbar);background:transparent;border:0;color:var(--text-2);font-size:11px;font-weight:500;padding:6px 2px;min-height:0}
  .tabbar svg{width:24px;height:24px}
  .tabbar button[aria-current="page"]{color:var(--accent);font-weight:700}
  .fab{display:grid;place-items:center;position:fixed;right:16px;bottom:calc(var(--tabbar) + var(--safe-b) + 14px);z-index:45;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:0;box-shadow:0 6px 18px rgba(0,0,0,.28)}
  .fab svg{width:28px;height:28px}
  .fab:active{filter:brightness(1.1)}
  .fab[hidden]{display:none}

  /* cabeçalho de página e controles */
  .head{margin-bottom:12px;align-items:center}
  .head h1{display:none}
  .head .eyebrow{font-size:11.5px}
  .head>div:first-child{flex:1}
  .head .tools{width:100%}
  #printBtn{display:none}
  .seg{display:flex;width:100%}
  .seg button{flex:1;padding:9px 6px}
  .head .tools .seg{margin-top:2px}

  /* cartões e listas no lugar de tabelas */
  .g-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .grid{gap:12px}
  .card{padding:14px;border-radius:14px}
  .kpi .val{font-size:clamp(17px,5.4vw,22px)}
  .section{margin-top:14px}
  .m-tools,.m-sum{display:block}
  .m-card{display:block}
  .m-group{display:block}
  .m-tools{display:grid;gap:8px;margin-bottom:10px}
  .m-tools input[type=search]{border-radius:12px;background:var(--surface);padding:11px 14px}
  .m-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .m-chips select{border-radius:12px;font-size:14px;padding:9px 10px}
  .m-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .m-range label{display:grid;gap:4px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
  .m-sum{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
  .m-sum>div{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 12px}
  .m-sum span{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
  .m-sum b{font-size:16px;font-weight:900}
  .m-group{margin:16px 2px 8px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
  .m-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px 14px;margin-bottom:10px}
  .m-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
  .m-name{font-size:14.5px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .m-money{font-size:15px;font-weight:900;white-space:nowrap}
  .m-subt{font-size:12.5px;color:var(--text-2);margin-top:3px}
  .m-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
  .m-grid span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
  .m-grid b{font-family:var(--mono);font-size:12.5px;font-weight:500}
  .m-dif{margin-top:8px;font-size:12.5px;font-weight:700}
  .m-dif.over{color:var(--warning)}.m-dif.under{color:var(--accent)}
  .m-act{display:flex;gap:8px;margin-top:12px;justify-content:flex-end;align-items:center}
  .m-act .btn.primary{margin-left:auto}
  .m-pago{display:flex;align-items:flex-end;gap:12px;margin-top:10px}
  .m-pago label{display:grid;gap:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);flex:0 0 150px}
  .m-pago .over{color:var(--warning);font-weight:700;font-size:13px;padding-bottom:10px}.m-pago .under{color:var(--accent);font-weight:700;font-size:13px;padding-bottom:10px}
  .list .row small{font-size:12px}

  /* relatórios */
  .rep-list{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:8px;margin:0 -14px;padding:2px 14px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .rep-list::-webkit-scrollbar{display:none}
  .rep-list .eyebrow{display:none}
  .rep-link{flex:none;width:auto!important;white-space:nowrap;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-pill);padding:7px 14px 7px 8px;min-height:40px}
  .rep-link[aria-current="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
  .rep-link[aria-current="true"] .numtag{background:#fff;color:var(--accent)}
  .m-range input{padding:9px 8px;font-size:15px;min-width:0}
  #view>.card{margin-bottom:10px}
  .rep-bar{align-items:stretch}
  .doc,.doc>div{max-width:100%}
  .doc table{min-width:560px}
  .rep-actions{width:100%}.rep-actions .btn{flex:1}
  .doc{padding:16px}
  .doc .doc-head{flex-wrap:wrap}

  /* janelas viram folhas inferiores */
  .overlay{align-items:end;padding:0}
  .modal{max-width:100%;max-height:92vh;border-radius:18px 18px 0 0;border-bottom:0;animation:sheetup 220ms cubic-bezier(.2,.7,.3,1);padding-bottom:var(--safe-b)}
  .modal header{padding-top:22px;position:relative}
  .modal header::before{content:"";position:absolute;top:9px;left:50%;width:38px;height:4px;border-radius:2px;background:var(--border);transform:translateX(-50%)}
  .toast{bottom:calc(var(--tabbar) + var(--safe-b) + 84px)}
  .tbl-wrap{max-height:none}
}

/* ---------- Impressão ---------- */
#printArea{display:none}
@media print{
  @page{size:A4 landscape;margin:12mm}
  body{background:#fff}
  .shell,#auth,.overlay,.toast,#mchrome{display:none!important}
  #printArea{display:block!important}
  #printArea .doc{border:0;padding:0;border-radius:0}
  #printArea table{font-size:10.5px}
  #printArea tr{page-break-inside:avoid}
  #printArea thead{display:table-header-group}
}

.sheet td.ro.n{font-size:13px}
.sheet th{padding:8px 6px}
.sheet td{padding:2px 1px}
.sheet td.ro{padding:6px 6px}
.sheet td.item input{min-width:170px}
.sheet .badge{padding:2px 8px;font-size:11px}