.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-shell{padding:14px}.settings-jump{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.settings-jump button{background:#eef2f7;color:var(--text);padding:10px 6px;font-size:12px}.settings-accordion{border-top:1px solid var(--border)}.settings-accordion summary{list-style:none;display:grid;grid-template-columns:38px 1fr 22px;gap:8px;align-items:center;padding:14px 2px;cursor:pointer}.settings-accordion summary::-webkit-details-marker{display:none}.settings-icon{font-size:20px}.settings-accordion summary b{display:block}.settings-accordion summary small{display:block;color:var(--muted);font-weight:400;margin-top:2px}.settings-chevron{font-size:24px;color:var(--muted);transition:transform .15s}.settings-accordion[open] .settings-chevron{transform:rotate(90deg)}.settings-accordion-body{padding:0 2px 16px}.setting-toggle{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);margin:0}.setting-toggle input{width:20px;height:20px;margin-top:2px}.setting-toggle span{display:block;color:var(--text)}.setting-toggle small{display:block;color:var(--muted);font-weight:400;margin-top:3px;line-height:1.35}.payable-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}.payable-summary>div{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:11px}.payable-summary b{display:block;font-size:18px}.payable-summary span{font-size:11px;color:var(--muted)}.compact-ui .card{padding:12px;margin-bottom:10px}.compact-ui .item{padding:10px;margin:6px 0}.compact-ui main{padding:12px}.compact-ui button{min-height:40px;padding:9px 12px}.high-contrast-ui .card,.high-contrast-ui .item,.high-contrast-ui input,.high-contrast-ui select,.high-contrast-ui textarea{border-width:2px}.reduced-motion-ui *{scroll-behavior:auto!important;transition:none!important;animation:none!important}:root[data-text-size="small"] body{font-size:14px}:root[data-text-size="large"] body{font-size:18px}:root[data-text-size="large"] .muted,:root[data-text-size="large"] label{font-size:14px}.hide-financials-ui .money,.hide-financials-ui #invoiceTotal,.hide-financials-ui .invoice-card .inv-head>div:last-child>b,.hide-financials-ui #receivablesCard .stat strong,.hide-financials-ui #businessInsights .money,.hide-financials-ui .payable-summary b{filter:blur(7px);user-select:none}:root[data-theme="dark"]{--bg:#0b1220;--card:#111827;--text:#f3f4f6;--muted:#9ca3af;--border:#263244;--dark:#050914}:root[data-theme="dark"] body,:root[data-theme="dark"] .gate{background:var(--bg);color:var(--text)}:root[data-theme="dark"] .card,:root[data-theme="dark"] .item,:root[data-theme="dark"] .stat,:root[data-theme="dark"] .action,:root[data-theme="dark"] .month-grid,:root[data-theme="dark"] .cal-day,:root[data-theme="dark"] .mini-event,:root[data-theme="dark"] .sheet,:root[data-theme="dark"] .gatebox{background:var(--card);color:var(--text);border-color:var(--border)}:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#0f172a;color:var(--text);border-color:#334155}:root[data-theme="dark"] .secondary,:root[data-theme="dark"] .quicklink,:root[data-theme="dark"] .date-chip,:root[data-theme="dark"] .sync,:root[data-theme="dark"] .settings-jump button,:root[data-theme="dark"] .payable-summary>div{background:#1f2937;color:#f3f4f6}:root[data-theme="dark"] nav{background:rgba(17,24,39,.97);border-color:var(--border)}:root[data-theme="dark"] nav button.active{color:#fff}:root[data-theme="dark"] .cal-day.outside{background:#0f172a}:root[data-theme="dark"] .cal-day.today{background:#172554}
/* Global dark-mode readability: keep light content cards high contrast everywhere. */
:root[data-theme="dark"] .invoice-card,:root[data-theme="dark"] .invoice-preview,:root[data-theme="dark"] #businessInsights .insight-card{background:#fff!important;color:#111827!important;border-color:#cbd5e1!important}:root[data-theme="dark"] .invoice-card .inv-head b,:root[data-theme="dark"] .invoice-card .inv-head strong,:root[data-theme="dark"] .invoice-card .money,:root[data-theme="dark"] .invoice-preview h2,:root[data-theme="dark"] #businessInsights .insight-card strong,:root[data-theme="dark"] #businessInsights .insight-card>b,:root[data-theme="dark"] #businessInsights .insight-card .row>b{color:#111827!important;-webkit-text-fill-color:#111827!important;opacity:1!important}:root[data-theme="dark"] .invoice-card .muted,:root[data-theme="dark"] .invoice-preview .muted,:root[data-theme="dark"] #businessInsights .insight-card span,:root[data-theme="dark"] #businessInsights .insight-row{color:#475467!important;-webkit-text-fill-color:#475467!important;opacity:1!important}:root[data-theme="dark"] .invoice-pay-note{background:#f8fafc!important;color:#344054!important;border-color:#94a3b8!important}:root[data-theme="dark"] #businessInsights .insight-row b{color:#111827!important;-webkit-text-fill-color:#111827!important}:root[data-theme="dark"] #businessInsights .progress{background:#e2e8f0!important}:root[data-theme="dark"] #businessInsights .progress>i{background:#1d4ed8!important}
@media(max-width:520px){.settings-grid{grid-template-columns:1fr}.settings-jump{grid-template-columns:repeat(2,1fr)}nav button{font-size:9px}.settings-shell{padding:12px}}