/* CABINETTE SETTLEMENT V2.2.13 — compact sync status and typography switch */
.topbar{min-height:114px;height:auto;gap:14px;flex-wrap:wrap}
.topright{gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.sync-indicator{display:inline-flex;align-items:center;gap:6px;color:#637385;background:#f5f6fa;border:1px solid #e7eaf1;border-radius:100px;padding:7px 10px;line-height:1.15;white-space:nowrap;font-size:11px;font-weight:700}
.sync-indicator::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#98a5b3;flex:none}
.sync-indicator[data-state="fresh"]{background:#f1faf5;color:#2f7650;border-color:#d8efe0}
.sync-indicator[data-state="fresh"]::before{background:#46aa76}
.sync-indicator[data-state="checking"]{background:#f5f2ff;color:#6151ad;border-color:#e7e1ff}
.sync-indicator[data-state="checking"]::before{background:#7366c8}
.sync-indicator[data-state="deferred"]{background:#fff9ef;color:#916825;border-color:#f4e3c4}
.sync-indicator[data-state="deferred"]::before{background:#d8a04a}
.sync-indicator[data-state="error"]{background:#fff4f2;color:#a54b46;border-color:#f1d8d4}
.sync-indicator[data-state="error"]::before{background:#cb6d65}
.font-size-control{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #e0e3ef;background:#f7f7fa;border-radius:9px;white-space:nowrap}
.font-size-control button{padding:7px 11px;border:0;background:transparent;color:#6d7585;border-radius:6px;font-size:12px;font-weight:740;line-height:1.3}
.font-size-control button[aria-pressed="true"]{background:#fff;color:#5645c8;box-shadow:0 1px 5px rgba(43,36,91,.12)}
.font-size-control button:focus-visible{outline:2px solid var(--cab-violet,#6150F5);outline-offset:2px}
.refresh-icon-btn{font-size:21px;line-height:1;padding:7px 11px;min-height:35px;min-width:38px;white-space:nowrap}
body.font-large .font-size-control button{font-size:15px}
body.font-large .sync-indicator{font-size:14px}
body.font-large .sidebar{width:272px}
body.font-large .sales-grid td{height:46px}
body.font-large .sales-grid tbody th.sheet-rowno{height:46px}
body.font-large .sheet-input,body.font-large .cell-select{height:45px;padding-left:11px;padding-right:11px}
body.font-large .sales-grid .computed-cell .calculated{padding-top:14px;padding-bottom:14px}
body.font-large .sales-grid thead th{height:66px}
body.font-large .sales-grid th[data-display-col]{padding-left:12px;padding-right:12px}
body.font-large .sheet-th button{white-space:normal;line-height:1.3}
@media(max-width:1150px){.topbar{padding:20px 24px}.topright{gap:8px}.mainbody{padding-left:24px;padding-right:24px}}
@media(max-width:820px){.topbar{align-items:flex-start}.sync-indicator{font-size:10px}.topright{justify-content:flex-start}.statuschip{display:none}}
@media(max-width:620px){.topbar{padding:16px 15px;gap:12px}.topright{width:100%;gap:7px}.sync-indicator{white-space:normal}.font-size-control button{padding:7px 9px}.mainbody{padding-left:14px;padding-right:14px}body.font-large .sidebar{width:252px}}