/* =====================================================================
   FOGÃO MINEIRO FINANCEIRO V1.6 — visual de vidro
   Inspirado no template "Adjustable Glass Dashboard": painéis de vidro
   fosco sobre um fundo quente, tipografia sem serifa, dock flutuante.
   Só aparência: nenhuma regra aqui altera dados ou cálculos.
   ===================================================================== */
:root[data-ui="glass"]{
 --g-blur:22px;--g-opacity:.42;--g-sat:1.2;--g-edge:.6;
 --g-base:#e9dfd2;
 --g-surface:255 252 248;
 --g-panel:255 255 255;
 --g-ink:#2a2225;--g-muted:#6d6064;--g-line:rgba(60,35,40,.12);
 --g-accent:#6e2c3b;--g-accent-ink:#fff;
 --g-positive:#2b7a5e;--g-negative:#a7434d;
 --g-soft:rgba(70,40,45,.055);--g-soft2:rgba(70,40,45,.09);
 --g-shadow:rgba(60,28,30,.26);--g-highlight:255 255 255;
 --g-input:rgba(255,255,255,.62);
 --g-blob1:rgba(132,55,70,.42);--g-blob2:rgba(214,170,104,.55);--g-blob3:rgba(120,150,118,.32);--g-blob4:rgba(240,214,196,.9);
 --wine:#6e2c3b;--wine2:#84394a;--dark:var(--g-ink);--muted:var(--g-muted);--border:var(--g-line);--paper:rgba(255,255,255,.55);--cream:var(--g-base);
 color-scheme:light;
}
:root[data-ui="glass"][data-theme="dark"]{
 --g-base:#1c1618;
 --g-surface:44 34 37;
 --g-panel:58 46 49;
 --g-ink:#f4ece9;--g-muted:#c1b2ae;--g-line:rgba(255,235,228,.12);
 --g-accent:#e4a6b3;--g-accent-ink:#2a1218;
 --g-positive:#86d0ae;--g-negative:#f0a3a3;
 --g-soft:rgba(255,240,235,.05);--g-soft2:rgba(255,240,235,.085);
 --g-shadow:rgba(0,0,0,.5);--g-highlight:255 240 235;
 --g-input:rgba(30,22,25,.55);
 --g-blob1:rgba(122,40,60,.55);--g-blob2:rgba(150,105,52,.38);--g-blob3:rgba(56,96,80,.35);--g-blob4:rgba(60,40,44,.9);
 --wine:#e4a6b3;--wine2:#f0bcc6;--dark:var(--g-ink);--paper:rgba(58,46,49,.5);
 color-scheme:dark;
}

/* Fundo: “ambiente” quente atrás do vidro */
:root[data-ui="glass"],:root[data-ui="glass"] body{background:var(--g-base);color:var(--g-ink)}
:root[data-ui="glass"] body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;letter-spacing:-.012em;font-variant-numeric:tabular-nums}
.gw-room{position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(60vmax 45vmax at 8% 4%,var(--g-blob4),transparent 60%),
 radial-gradient(45vmax 40vmax at 92% 12%,var(--g-blob2),transparent 62%),
 radial-gradient(50vmax 45vmax at 78% 92%,var(--g-blob1),transparent 60%),
 radial-gradient(40vmax 38vmax at 6% 86%,var(--g-blob3),transparent 62%),
 var(--g-base)}
:root[data-ui="glass"] .ic{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}

/* Material de vidro (blur real) e painel (translúcido, sem blur — mais leve no iPhone) */
:root[data-ui="glass"] .sidebar,
:root[data-ui="glass"] .topbar,
:root[data-ui="glass"] .page,
:root[data-ui="glass"] .mobile-tabbar,
:root[data-ui="glass"] .modal,
:root[data-ui="glass"] .login-panel{
 background:rgb(var(--g-surface) / var(--g-opacity));
 -webkit-backdrop-filter:blur(var(--g-blur)) saturate(var(--g-sat));backdrop-filter:blur(var(--g-blur)) saturate(var(--g-sat));
 box-shadow:inset 0 1px 0 rgb(var(--g-highlight) / calc(var(--g-edge) * 1)),inset 0 0 0 1px rgb(var(--g-highlight) / calc(var(--g-edge) * .34)),0 20px 52px -25px var(--g-shadow);
 border:0;color:var(--g-ink)}
:root[data-ui="glass"] .card,
:root[data-ui="glass"] .kpi,
:root[data-ui="glass"] .highlight-card,
:root[data-ui="glass"] .runway-panel,
:root[data-ui="glass"] .alert-banner,
:root[data-ui="glass"] .alert-banner.quiet,
:root[data-ui="glass"] .weekly-highlight,
:root[data-ui="glass"] .quick-panel,
:root[data-ui="glass"] .finance-hero,
:root[data-ui="glass"] .summary-strip .strip-item,
:root[data-ui="glass"] .table-wrap,
:root[data-ui="glass"] .template-card,
:root[data-ui="glass"] .import-row{
 background:rgb(var(--g-panel) / calc(.16 + var(--g-opacity) * .5));
 border:0;border-radius:17px;color:var(--g-ink);
 box-shadow:inset 0 1px 0 rgb(var(--g-highlight) / calc(var(--g-edge) * .75)),0 8px 22px -20px var(--g-shadow)}
:root[data-ui="glass"] .acct-row,
:root[data-ui="glass"] .week-kpi,
:root[data-ui="glass"] .week-day,
:root[data-ui="glass"] .runway-numbers div,
:root[data-ui="glass"] .empty,
:root[data-ui="glass"] .week-empty,
:root[data-ui="glass"] .note,
:root[data-ui="glass"] .note.info,
:root[data-ui="glass"] .card-subtle-pill,
:root[data-ui="glass"] .entry-more{background:var(--g-soft);border:0;color:var(--g-ink);border-radius:13px}
:root[data-ui="glass"] .note{color:var(--g-muted)}
:root[data-ui="glass"] .entry-paybox{background:color-mix(in srgb,var(--g-positive) 12%,transparent)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 :root[data-ui="glass"] .sidebar,:root[data-ui="glass"] .topbar,:root[data-ui="glass"] .page,:root[data-ui="glass"] .mobile-tabbar,:root[data-ui="glass"] .modal,:root[data-ui="glass"] .login-panel{background:rgb(var(--g-surface) / .94)}
}

/* Tipografia do template: sem serifa, peso 500, números tabulares */
:root[data-ui="glass"] h1,:root[data-ui="glass"] h2,:root[data-ui="glass"] h3,:root[data-ui="glass"] .top-title{font-family:inherit;font-weight:560;letter-spacing:-.03em;color:var(--g-ink)}
:root[data-ui="glass"] .card h3,:root[data-ui="glass"] .card .head h3{font-size:14px;font-weight:620;letter-spacing:-.02em;color:var(--g-ink)}
:root[data-ui="glass"] .card .head p,:root[data-ui="glass"] .section-sub,:root[data-ui="glass"] .smallmuted,:root[data-ui="glass"] .footer-help,:root[data-ui="glass"] .acct-meta,:root[data-ui="glass"] .kpi .hint{color:var(--g-muted)}
:root[data-ui="glass"] .section-head h2{font-size:clamp(23px,2.3vw,31px);font-weight:520;letter-spacing:-.035em;color:var(--g-ink)}
:root[data-ui="glass"] .eyebrow,:root[data-ui="glass"] .dashboard-greeting,:root[data-ui="glass"] .topbar .eyebrow{color:var(--g-muted);letter-spacing:.06em;font-weight:600}
:root[data-ui="glass"] .kpi .value,:root[data-ui="glass"] .summary-strip .strip-item strong,:root[data-ui="glass"] .highlight-card strong,:root[data-ui="glass"] .week-kpi strong,:root[data-ui="glass"] .acct-amount{font-family:inherit;font-weight:540;letter-spacing:-.03em;color:var(--g-ink)}
:root[data-ui="glass"] .strip-item.risk strong,:root[data-ui="glass"] .nocat,:root[data-ui="glass"] .acct-warn{color:var(--g-negative)}

/* Layout: barra lateral e topo flutuantes */
@media(min-width:901px){
 :root[data-ui="glass"] .shell{grid-template-columns:262px minmax(0,1fr);gap:0}
 :root[data-ui="glass"] .sidebar{position:sticky;top:16px;height:calc(100vh - 32px);margin:16px 0 16px 16px;border-radius:24px;padding:20px 12px}
 :root[data-ui="glass"] .topbar{position:sticky;top:16px;margin:16px 18px 0;border-radius:20px;height:68px;padding:10px 20px}
 :root[data-ui="glass"] .page{margin:16px 18px 18px;border-radius:27px;padding:30px clamp(18px,2.4vw,34px) 40px}
}
:root[data-ui="glass"] .brand strong{color:var(--g-ink);letter-spacing:-.01em}
:root[data-ui="glass"] .brand small,:root[data-ui="glass"] .nav-cap,:root[data-ui="glass"] .connected{color:var(--g-muted)}
:root[data-ui="glass"] .navigation button,:root[data-ui="glass"] .sidebar-action{color:var(--g-ink);opacity:.82;border-radius:12px;display:flex;align-items:center;gap:8px}
:root[data-ui="glass"] .navigation button span:first-child{display:grid;place-items:center;width:26px}
:root[data-ui="glass"] .navigation button:hover,:root[data-ui="glass"] .sidebar-action:hover{background:var(--g-soft2);color:var(--g-ink);opacity:1}
:root[data-ui="glass"] .navigation button.active{background:rgb(var(--g-panel) / .72);color:var(--g-accent);opacity:1;box-shadow:inset 0 1px 0 rgb(var(--g-highlight) / .6),0 3px 8px var(--g-soft2)}
:root[data-ui="glass"] .sidebar-bottom{border-color:var(--g-line)}
:root[data-ui="glass"] .top-title{font-size:20px;font-weight:560}
:root[data-ui="glass"] .month-picker,:root[data-ui="glass"] .theme-toggle,:root[data-ui="glass"] .alert-top-button{background:var(--g-soft);border:0;color:var(--g-ink);border-radius:12px}
:root[data-ui="glass"] .alert-top-button{display:grid;place-items:center;width:38px;height:38px}
:root[data-ui="glass"] .month-picker button{color:var(--g-ink);display:grid;place-items:center}
:root[data-ui="glass"] .theme-toggle:hover,:root[data-ui="glass"] .alert-top-button:hover{background:var(--g-soft2)}
:root[data-ui="glass"] .hamburger{color:var(--g-ink)}

/* Botões, chips e campos */
:root[data-ui="glass"] .btn{background:var(--g-soft);border:0;color:var(--g-ink);border-radius:10px;font-weight:600;box-shadow:inset 0 1px 0 rgb(var(--g-highlight) / calc(var(--g-edge) * .5))}
:root[data-ui="glass"] .btn:hover{background:var(--g-soft2)}
:root[data-ui="glass"] .btn.primary{background:var(--g-accent);color:var(--g-accent-ink)}
:root[data-ui="glass"] .btn.primary:hover{filter:brightness(1.12);background:var(--g-accent)}
:root[data-ui="glass"] .btn.danger{color:var(--g-negative)}
:root[data-ui="glass"] .text-link,:root[data-ui="glass"] .action-link{color:var(--g-accent);display:inline-flex;align-items:center;gap:5px}
:root[data-ui="glass"] .chips{background:var(--g-soft);padding:3px;border-radius:11px;width:max-content;max-width:100%;gap:3px}
:root[data-ui="glass"] .chip{background:transparent;border:0;color:var(--g-muted);border-radius:8px;font-weight:600}
:root[data-ui="glass"] .chip.on{background:rgb(var(--g-panel) / .9);color:var(--g-ink);box-shadow:0 2px 5px var(--g-soft2)}
:root[data-ui="glass"] input,:root[data-ui="glass"] select,:root[data-ui="glass"] textarea{background:var(--g-input);border:1px solid var(--g-line);color:var(--g-ink);border-radius:11px}
:root[data-ui="glass"] input:focus,:root[data-ui="glass"] select:focus,:root[data-ui="glass"] textarea:focus{border-color:var(--g-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--g-accent) 18%,transparent)}
:root[data-ui="glass"] label{color:var(--g-muted)}
:root[data-ui="glass"] .status{background:var(--g-soft2);color:var(--g-muted)}
:root[data-ui="glass"] .status.paid{background:color-mix(in srgb,var(--g-positive) 16%,transparent);color:var(--g-positive)}
:root[data-ui="glass"] .status.overdue{background:color-mix(in srgb,var(--g-negative) 15%,transparent);color:var(--g-negative)}
:root[data-ui="glass"] .status.open{background:color-mix(in srgb,#6a5ea6 14%,transparent);color:color-mix(in srgb,#6a5ea6 75%,var(--g-ink))}

/* Tabelas */
:root[data-ui="glass"] .table-wrap{overflow:auto}
:root[data-ui="glass"] .table-wrap th{background:transparent;color:var(--g-muted);border-color:var(--g-line)}
:root[data-ui="glass"] .table-wrap td{border-color:var(--g-line);color:var(--g-ink)}
:root[data-ui="glass"] .table-wrap tr:hover td{background:var(--g-soft)}
:root[data-ui="glass"] .report-line,:root[data-ui="glass"] .activity-row,:root[data-ui="glass"] .upcoming-row,:root[data-ui="glass"] .week-row{border-color:var(--g-line)}
:root[data-ui="glass"] .meter{background:var(--g-line)}
:root[data-ui="glass"] .meter div{background:var(--g-accent)}

/* Painel: saldo (template "Available balance") + fluxo de caixa lado a lado */
:root[data-ui="glass"] .overview-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);gap:16px;margin-bottom:16px}
:root[data-ui="glass"] .finance-hero{min-height:0;padding:21px;margin:0;display:flex;flex-direction:column;overflow:visible}
:root[data-ui="glass"] .finance-hero:before{display:none}
:root[data-ui="glass"] .finance-hero-top{color:var(--g-muted)}
:root[data-ui="glass"] .finance-hero-brand{color:var(--g-muted);font-size:12px;font-weight:500;letter-spacing:0;gap:7px}
:root[data-ui="glass"] .finance-hero-month{color:var(--g-muted);font-size:11px}
:root[data-ui="glass"] .finance-segments,:root[data-ui="glass"] .gw-segment{display:flex;gap:3px;background:var(--g-soft);border-radius:9px;padding:3px;width:max-content;max-width:100%}
:root[data-ui="glass"] .finance-segments{margin:14px 0 16px}
:root[data-ui="glass"] .finance-segments button,:root[data-ui="glass"] .gw-segment button{color:var(--g-muted);background:transparent;border:0;border-radius:7px;font-size:11px;font-weight:600;padding:6px 10px;min-height:0}
:root[data-ui="glass"] .finance-segments button.selected,:root[data-ui="glass"] .gw-segment button[aria-pressed="true"]{background:rgb(var(--g-panel) / .92);color:var(--g-ink);box-shadow:0 2px 4px var(--g-soft2)}
:root[data-ui="glass"] .balance-big{color:var(--g-ink);font-weight:500;letter-spacing:-.04em;font-size:clamp(30px,3.2vw,43px);line-height:1.2}
:root[data-ui="glass"] .balance-big.negative{color:var(--g-negative)}
:root[data-ui="glass"] .balance-note{color:var(--g-muted);font-size:11px}
:root[data-ui="glass"] .finance-hero-bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--g-line)}
:root[data-ui="glass"] .finance-hero-bottom small{color:var(--g-muted)}
:root[data-ui="glass"] .finance-hero-bottom strong{color:var(--g-ink);font-weight:540;font-size:16px}
:root[data-ui="glass"] .finance-hero-bottom div:first-child strong{color:var(--g-positive)}
:root[data-ui="glass"] .hero-divider{background:var(--g-line)}
:root[data-ui="glass"] .gw-cashflow{display:flex;flex-direction:column}
:root[data-ui="glass"] .gw-cashflow .head{margin-bottom:14px}
.gw-chart-summary{display:flex;gap:30px;margin-bottom:16px;flex-wrap:wrap}
.gw-chart-summary>div{display:flex;flex-direction:column;gap:4px}
.gw-chart-summary span{font-size:10px;color:var(--g-muted);display:flex;align-items:center;gap:5px}
.gw-chart-summary i{width:6px;height:6px;border-radius:50%;display:inline-block}
.gw-chart-summary .dot-in{background:var(--g-positive)}.gw-chart-summary .dot-out{background:var(--g-negative)}.gw-chart-summary .dot-net{background:var(--g-muted)}
.gw-chart-summary strong{font-size:20px;font-weight:520;letter-spacing:-.03em}
.gw-chart-summary strong.neg{color:var(--g-negative)}
.gw-chart-wrap{position:relative;padding-left:52px;padding-top:2px;color:var(--g-ink)}
.gw-chart-wrap svg{display:block;width:100%;height:140px;overflow:visible}
.gw-chart-labels{position:absolute;left:0;top:4px;bottom:24px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:var(--g-muted);white-space:nowrap}
.gw-chart-months{position:relative;height:24px;font-size:9px;color:var(--g-muted);padding-top:10px}
.gw-chart-months>span{position:absolute;white-space:nowrap}
.gw-chart-empty{display:grid;place-items:center;gap:4px;min-height:150px;color:var(--g-muted)}
:root[data-ui="glass"] .highlight-card{padding:16px 17px}
:root[data-ui="glass"] .highlight-card .highlight-icon,:root[data-ui="glass"] .activity-icon,:root[data-ui="glass"] .acct-icon,:root[data-ui="glass"] .due-date-chip{background:var(--g-soft2);border-radius:11px;border:0}
:root[data-ui="glass"] .highlight-icon.outgoing,:root[data-ui="glass"] .activity-icon.expense{color:var(--g-negative);background:color-mix(in srgb,var(--g-negative) 12%,transparent)}
:root[data-ui="glass"] .highlight-icon.incoming,:root[data-ui="glass"] .activity-icon.income{color:var(--g-positive);background:color-mix(in srgb,var(--g-positive) 13%,transparent)}
:root[data-ui="glass"] .highlight-chevron{color:var(--g-muted);display:grid}
:root[data-ui="glass"] .highlight-card small,:root[data-ui="glass"] .highlight-card em{color:var(--g-muted)}
:root[data-ui="glass"] .activity-amount.income,:root[data-ui="glass"] .upcoming-side strong.incoming{color:var(--g-positive)}
:root[data-ui="glass"] .activity-amount.expense,:root[data-ui="glass"] .upcoming-side strong.outgoing{color:var(--g-negative)}
:root[data-ui="glass"] .activity-amount,:root[data-ui="glass"] .upcoming-side strong{font-weight:560}
:root[data-ui="glass"] .due-date-chip{color:var(--g-ink)}
:root[data-ui="glass"] .acct-icon{color:var(--g-accent)}
:root[data-ui="glass"] .donut-hole{background:rgb(var(--g-panel) / .92);color:var(--g-ink)}
:root[data-ui="glass"] .quick-panel{padding:18px}
:root[data-ui="glass"] .quick-grid button{background:var(--g-soft);border:0;color:var(--g-ink);border-radius:14px}
:root[data-ui="glass"] .quick-grid button:hover{background:var(--g-soft2)}
:root[data-ui="glass"] .quick-grid button span{color:var(--g-accent);background:rgb(var(--g-panel) / .7);display:grid;place-items:center}
:root[data-ui="glass"] .alert-banner strong,:root[data-ui="glass"] .runway-text h3{color:var(--g-ink)}
:root[data-ui="glass"] .alert-banner p,:root[data-ui="glass"] .runway-text p,:root[data-ui="glass"] .runway-numbers small,:root[data-ui="glass"] .week-kpi em,:root[data-ui="glass"] .week-kpi small{color:var(--g-muted)}
:root[data-ui="glass"] .alert-banner .alert-symbol{background:var(--g-negative);color:#fff;border-radius:11px}
:root[data-ui="glass"] .alert-banner.quiet .alert-symbol{background:var(--g-positive)}
:root[data-ui="glass"] .runway-panel{border-left:3px solid var(--g-accent)}
:root[data-ui="glass"] .runway-numbers strong{color:var(--g-ink);font-weight:560}
:root[data-ui="glass"] .runway-numbers .risk strong,:root[data-ui="glass"] .week-kpi.risk strong{color:var(--g-negative)}
:root[data-ui="glass"] .week-kpi.accent strong{color:var(--g-positive)}
:root[data-ui="glass"] .week-day.wednesday{outline:1.5px solid color-mix(in srgb,#b8914f 70%,transparent);outline-offset:-1.5px}
:root[data-ui="glass"] .week-day-name{color:var(--g-ink)}
:root[data-ui="glass"] .week-day-amount{color:var(--g-negative);font-weight:560}
:root[data-ui="glass"] .week-row-info strong{color:var(--g-ink)}
:root[data-ui="glass"] .carried-card{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g-negative) 28%,transparent),0 8px 22px -20px var(--g-shadow)}

/* Modal = popover de vidro (template "Glass appearance") */
:root[data-ui="glass"] .modal{border-radius:24px;background:rgb(var(--g-surface) / max(.86, var(--g-opacity)))}
:root[data-ui="glass"] .modal::backdrop{background:rgba(30,16,20,.28);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
:root[data-ui="glass"] .modal-body{background:transparent;color:var(--g-ink)}
:root[data-ui="glass"] .modal-head{border-color:var(--g-line)}
:root[data-ui="glass"] .modal-head h3{color:var(--g-ink);font-size:18px}
:root[data-ui="glass"] .xbutton{background:var(--g-soft2);color:var(--g-ink);border-radius:50%;width:34px;height:34px;padding:0;display:grid;place-items:center}
.gw-material-sample{height:84px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;font-size:12px;color:var(--g-ink);
 background:rgb(var(--g-surface) / var(--g-opacity));-webkit-backdrop-filter:blur(var(--g-blur)) saturate(var(--g-sat));backdrop-filter:blur(var(--g-blur)) saturate(var(--g-sat));
 box-shadow:inset 0 1px 0 rgb(var(--g-highlight) / var(--g-edge)),0 12px 20px -18px var(--g-shadow);position:relative;overflow:hidden}
.gw-material-sample:before{content:'';position:absolute;inset:-20px;z-index:-1;background:radial-gradient(circle at 25% 40%,var(--g-blob1),transparent 45%),radial-gradient(circle at 75% 60%,var(--g-blob2),transparent 45%)}
.gw-presets{display:flex;gap:6px}
.gw-presets button{flex:1;border:1px solid var(--g-line);background:transparent;color:var(--g-ink);border-radius:9px;padding:8px 0;font-size:12px;font-weight:600}
.gw-presets button:hover{background:var(--g-soft2)}
.gw-range{display:block}
.gw-range>span{display:flex;justify-content:space-between;font-size:12px;color:var(--g-ink)}
.gw-range output{font-size:11px;color:var(--g-muted)}
.gw-range input{width:100%;accent-color:var(--g-accent);padding:0;border:0;background:transparent;height:20px;margin-top:6px;box-shadow:none}

/* Aviso (toast) no estilo do template */
:root[data-ui="glass"] .notification{left:50%;right:auto;top:auto;bottom:26px;transform:translateX(-50%);max-width:min(460px,calc(100vw - 30px));border-radius:14px;background:rgba(36,52,44,.92);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(0,0,0,.18);font-size:13px}
:root[data-ui="glass"] .notification.error{background:rgba(150,52,60,.94)}

/* Login */
:root[data-ui="glass"] .auth-shell{background:transparent;gap:22px;padding:22px}
:root[data-ui="glass"] .login-panel{border-radius:28px;padding:36px;width:min(470px,100%)}
:root[data-ui="glass"] .login-panel h1{color:var(--g-ink);font-weight:520}
:root[data-ui="glass"] .login-panel>p,:root[data-ui="glass"] .login-foot{color:var(--g-muted)}
:root[data-ui="glass"] .login-side{border-radius:28px;background:linear-gradient(140deg,rgba(77,30,41,.86),rgba(133,59,67,.78));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
:root[data-ui="glass"] .loading-screen{background:var(--g-base)}

/* Entrada suave ao trocar de tela (template usa GSAP; aqui é CSS puro) */
@media(prefers-reduced-motion:no-preference){
 #app.gw-reveal>*{animation:gw-in .48s cubic-bezier(.2,.8,.2,1) both}
 #app.gw-reveal>*:nth-child(2){animation-delay:.045s}#app.gw-reveal>*:nth-child(3){animation-delay:.09s}#app.gw-reveal>*:nth-child(4){animation-delay:.135s}#app.gw-reveal>*:nth-child(5){animation-delay:.18s}#app.gw-reveal>*:nth-child(n+6){animation-delay:.22s}
}
@keyframes gw-in{from{opacity:.45;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:1100px){:root[data-ui="glass"] .overview-grid{grid-template-columns:1fr}}

/* Celular: topo de vidro, conteúdo em painel e dock flutuante */
@media(max-width:900px){
 :root[data-ui="glass"] .sidebar{border-radius:0 24px 24px 0;background:rgb(var(--g-surface) / max(.9, var(--g-opacity)))}
 :root[data-ui="glass"] .topbar{position:sticky;top:8px;margin:8px 10px 0;border-radius:18px}
 :root[data-ui="glass"] .page{margin:10px;border-radius:22px}
}
@media(max-width:650px){
 :root[data-ui="glass"] .topbar{height:auto;min-height:60px;padding:9px 11px}
 :root[data-ui="glass"] .page{padding:20px 12px calc(110px + env(safe-area-inset-bottom,0px));margin:10px 8px}
 :root[data-ui="glass"] .glass-toggle{display:none}
 :root[data-ui="glass"] .finance-hero{padding:18px}
 :root[data-ui="glass"] .balance-big{font-size:clamp(30px,9vw,39px)}
 :root[data-ui="glass"] .finance-segments{width:100%;justify-content:space-between}
 :root[data-ui="glass"] .finance-segments button{flex:1;padding:7px 4px;font-size:10.5px}
 .gw-chart-summary{gap:20px}.gw-chart-summary strong{font-size:17px}
 .gw-chart-wrap{padding-left:44px}.gw-chart-wrap svg{height:120px}.gw-chart-labels{font-size:8px}
 :root[data-ui="glass"] .card{padding:16px;border-radius:16px}
 :root[data-ui="glass"] .chips{width:100%}
 :root[data-ui="glass"] .table-wrap:has(.entry-table){background:transparent;box-shadow:none;overflow:visible}
 :root[data-ui="glass"] .entry-table tr{background:rgb(var(--g-panel) / calc(.16 + var(--g-opacity) * .5));border:0;box-shadow:inset 0 1px 0 rgb(var(--g-highlight) / calc(var(--g-edge) * .75)),0 8px 22px -20px var(--g-shadow)}
 :root[data-ui="glass"] .entry-table tr:hover td{background:transparent}
 :root[data-ui="glass"] .entry-table .c-actions{border-color:var(--g-line)!important}
 :root[data-ui="glass"] .mobile-tabbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));height:64px;padding:6px 8px;border-radius:24px;background:rgb(var(--g-surface) / max(.62, var(--g-opacity)))}
 :root[data-ui="glass"] .mobile-tabbar button{color:var(--g-muted);border-radius:16px}
 :root[data-ui="glass"] .mobile-tabbar button.active{color:var(--g-ink);background:rgb(var(--g-panel) / .85);box-shadow:0 3px 7px var(--g-soft2)}
 :root[data-ui="glass"] .mobile-tabbar .mobile-create{background:var(--g-accent);color:var(--g-accent-ink);transform:translateY(-12px);border-radius:18px;box-shadow:0 8px 18px -6px var(--g-shadow);display:grid;place-items:center}
 :root[data-ui="glass"] .mobile-tabbar .mobile-create.active{background:var(--g-accent)}
 :root[data-ui="glass"] .notification{bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 :root[data-ui="glass"] .auth-shell{padding:12px}
 :root[data-ui="glass"] .login-panel{padding:26px 22px}
}
@media(prefers-reduced-motion:reduce){:root[data-ui="glass"] *{transition:none!important}}