.finance-period-bar{display:grid;grid-template-columns:42px minmax(160px,1fr) 42px auto;align-items:center;gap:7px;margin:0 0 12px;padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.finance-period-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--ink);font-size:24px;text-decoration:none}.finance-period-bar>div:nth-child(2){display:grid;gap:1px;justify-items:center}.finance-period-bar>div:nth-child(2) span{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.finance-period-bar>div:nth-child(2) strong{font-size:14px}.finance-period-quick{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.finance-period-quick a{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:9px;font-weight:850;text-decoration:none;background:var(--surface-2)}.finance-kpi-v2{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-budget-note{display:flex;gap:8px;align-items:center;margin:-5px 0 18px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--brand-accent) 28%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--brand-accent) 6%,var(--surface));font-size:9px}.finance-budget-note strong{white-space:nowrap}.finance-budget-note span{color:var(--muted);line-height:1.45}.finance-negative{color:#cf5555}.finance-overview-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}.finance-overview-kpis article.danger strong{color:#cf5555}.finance-archive-list{display:grid;gap:8px}.finance-archive-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.finance-archive-row>div{display:grid;gap:3px}.finance-archive-row>div strong{font-size:12px}.finance-archive-row>div span,.finance-archive-row>div small{font-size:9px;color:var(--muted)}.finance-archive-row>strong{font-size:11px;white-space:nowrap}.budget-row-danger{background:color-mix(in srgb,#cf5555 5%,var(--surface))}body.domelyra-app[data-theme="dark"] .finance-period-bar,body.domelyra-app[data-theme="dark"] .finance-archive-row{background:var(--surface);border-color:var(--line)}
@media(max-width:1000px){.finance-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.finance-kpi-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.finance-period-bar{grid-template-columns:42px minmax(0,1fr) 42px}.finance-period-quick{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.finance-period-quick a{justify-content:center}.finance-kpi-v2,.finance-overview-kpis{grid-template-columns:1fr 1fr!important}.finance-budget-note{align-items:flex-start;flex-direction:column}.finance-archive-row{grid-template-columns:1fr auto}.finance-archive-row form{grid-column:1/-1}.finance-archive-row .button{width:100%;justify-content:center}.finance-filter-form{grid-template-columns:1fr!important}.finance-filter-form>*{width:100%!important}}
@media(max-width:430px){.finance-kpi-v2,.finance-overview-kpis{grid-template-columns:1fr!important}.finance-period-bar>div:nth-child(2) strong{font-size:12px}}