/* Tela Hoje, saldo em aberto na ficha e relato salvo automaticamente. Só tokens existentes; prefixo ux-. */
.ux-today{display:grid;gap:22px}
.ux-group h2{font-size:1.45rem;margin:0 0 4px}
.ux-group>p{margin:0 0 6px}
.ux-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--color-hairline)}
.ux-item:last-child{border-bottom:0}
.ux-item p{margin:0}
.ux-item small{display:block;color:var(--color-espresso-78);font-size:.875rem}
.ux-item .secondary{min-height:44px;padding:8px 18px;flex:none}
.ux-total{font-size:1.15rem;margin:0 0 8px}
.ux-empty{padding:28px;text-align:center;background:var(--color-cream);border-radius:var(--radius-card)}
.ux-empty h2{margin:0 0 6px}.ux-empty .empty-state{padding:8px 0 0}
.ux-open-balance{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0 0;padding:12px 16px;border-radius:8px;background:var(--color-cream);border:1px solid var(--color-hairline)}
.ux-open-balance.ux-late{background:var(--color-pale-yellow);border-color:var(--color-amber-deep)}
.ux-open-balance strong{font-size:1.2rem;font-weight:400}
.ux-open-balance small{display:block;color:var(--color-espresso-78)}
.ux-open-balance .subtle{padding:4px}
.ux-save-status{margin:6px 0 0;min-height:1.5em;font-size:.875rem;color:var(--color-espresso-78)}
.ux-save-status.ux-offline{color:var(--color-amber-deep)}
.ux-restored{margin:10px 0 0;padding:10px 14px;border-radius:8px;background:var(--color-cream);border:1px solid var(--color-hairline);font-size:.925rem}
.ux-restored p{margin:0}
.ux-restored .subtle{padding:2px 4px}
#note-templates{margin:14px 0 0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 16px}#note-templates p{margin:0}
.ux-tpl-pick{flex:1 1 220px;max-width:340px;margin:0;font-size:.9rem}.ux-tpl-pick select{margin-top:4px}#note-templates .ux-restored{flex-basis:100%;margin:0}
#tpl-dialog{width:min(620px,94vw)}#tpl-dialog .actions .primary:disabled{opacity:.55;cursor:not-allowed}#tpl-dialog h2{margin-top:0}
@media(max-width:650px){.ux-item{flex-wrap:wrap}.ux-item .secondary{width:100%}}
.ux-billing-question{font-size:1.1rem}