/* Tela Início: usa as cores do tema ativo (verde no celular, azul no desktop). */
.st{display:grid;gap:14px;max-width:1180px;margin:0 auto}
.st-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.st-title{font-size:22px;margin:0}.st-top p{margin:2px 0 0}
.st-actions{display:flex;gap:8px;align-items:flex-start}.st-sync{display:grid;gap:3px;justify-items:center}.st-sync-last{font-size:11px;white-space:nowrap}.st-sync-last:empty{display:none}
.st-alerts{display:grid;gap:8px}
.st-alert{display:flex;gap:10px;align-items:center;justify-content:space-between;border-radius:12px;padding:10px 14px;font-size:13px;background:light-dark(#fbf0d6,#4a3d1a);color:light-dark(#7a5410,#f1d48f)}
.st-alert.bad{background:light-dark(#f8e3e0,#4a2622);color:var(--danger)}
.st-alert button{min-height:32px;padding:4px 10px;color:inherit;font-weight:700}
.st-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.st-kpi,.st-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:0}
.st-kpi{display:grid;gap:2px;align-content:start}.st-kpi strong{font-size:24px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.st-kpi.main{background:var(--brand);color:var(--brand-text);border-color:var(--brand)}.st-kpi.main .muted{color:inherit;opacity:.82}
.st-kpi.risk strong{color:var(--danger)}.st-kpi.main.diff{outline:2px solid var(--danger);outline-offset:-2px}
.st-hint{font-size:12px}
.st-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}
.st-card{display:grid;gap:8px;align-content:start}
.st-var{grid-column:span 5}.st-week{grid-column:span 7}.st-cardbill,.st-conc,.st-res{grid-column:span 4}.st-month{grid-column:span 12}.st-left{grid-column:span 5;display:grid;gap:10px;align-content:start;min-width:0}.st-left>*,.st-pair>*{grid-column:auto!important}.st-week{grid-column:span 7;align-self:start}.st-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.st-pair>:only-child{grid-column:1/-1!important}.st-grid.no-res .st-cardbill,.st-grid.no-res .st-conc{grid-column:span 6}
.st-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.st-head h2{font-size:15px;margin:0}.st-head button{min-height:28px;padding:2px 6px}
.st-big{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.st-big small{font-size:12px;font-weight:400;margin-left:4px}
.st-sub{margin:0;font-size:12px}
.st-bar{height:10px;border-radius:99px;background:var(--soft);overflow:hidden}.st-bar i{display:block;height:100%;background:var(--brand);border-radius:99px}.st-bar.over i{background:var(--danger)}
.st-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.st-split small{display:block}.st-split strong{font-size:16px;font-variant-numeric:tabular-nums}
.st-in{color:var(--income,var(--brand))}
.st-line{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:0;padding:9px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;text-align:left;font-weight:400}
.st-line:last-child{border-bottom:0}.st-line strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.st-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;height:30px;min-height:30px;padding:0 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;text-align:left;font-weight:400;font-size:13px}
.st-row:last-of-type{border-bottom:0}.st-row:hover{background:var(--soft)}
.st-row-date{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.st-row-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-row strong{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.st-row.late .st-row-date{color:var(--danger)}
.st-row.due-today .st-row-date{color:light-dark(#926113,#e9bd68);font-weight:600}.st-row.due-today .st-row-date::before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:currentColor}
.st-row.due-today .st-row-desc,.st-row.due-today strong{font-weight:600}
.st-line:hover{background:var(--soft)}.st-line.static:hover{background:none}.st-line-name{display:grid;min-width:0}.st-line-name span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-line-name small{font-size:12px}
.st-chip{border-radius:99px;padding:1px 9px;font-size:11px;font-weight:700;background:var(--soft)}.st-chip.ok{background:light-dark(#e3f1e8,#24402f);color:light-dark(#1d5a43,#b5e3c8)}.st-chip.warn{background:light-dark(#fbf0d6,#4a3d1a);color:light-dark(#7a5410,#f1d48f)}
.st-todo{display:grid;gap:8px}.st-todo-item{display:flex;justify-content:space-between;align-items:center;background:var(--soft);border:0;border-radius:10px;padding:10px 12px;font-weight:400}.st-todo-item strong{font-size:18px}
.st-mini{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto;gap:8px 10px;align-items:center;font-size:13px}.st-mini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-mini.month{grid-template-columns:110px minmax(0,1fr) minmax(160px,auto)}
@media(max-width:900px){
  .st-kpis{grid-template-columns:1fr 1fr}.st-kpi.main,.st-kpi:last-child{grid-column:1/-1}.st-kpi.main strong{font-size:30px}.st-kpi strong{font-size:20px}
  .st-title{display:none}
  .st-grid{grid-template-columns:1fr}.st-left{display:contents}.st-var{order:1}.st-week{order:2}.st-cardbill{order:3}.st-pair{order:4;grid-template-columns:1fr}.st-month{order:5}.st-grid>*{grid-column:auto!important}
  .st-mini.month{grid-template-columns:90px minmax(0,1fr)}.st-mini.month small{grid-column:1/-1;margin-top:-6px}
}
/* Início: coluna esquerda (variável, fatura, reservas/conciliar) e a lista da semana inteira à direita */
.st-left{grid-column:span 6!important}.st-week{grid-column:span 6!important;align-self:stretch}
.st-pair>.st-card{min-width:0;overflow:hidden}.st-pair .st-big{font-size:20px}.st-pair .st-head h2{font-size:15px}
.st-pair .st-todo-item{padding:8px 10px;font-size:13px}.st-pair .st-todo-item strong{font-size:16px}
@media(max-width:900px){.st-left,.st-week{grid-column:auto!important}}