/* Application composition on the supplied foundation's semantic tokens. */
:root { --app-canvas: color-mix(in srgb,var(--ink) 2%,var(--surface)); --app-panel:var(--surface); }
body { font-family:var(--font-content-family); }
button,input,select,textarea { font-family:inherit; }
h1,h2,h3,p,dl { margin:0; }
h1 { font-size:1.875rem;line-height:1.2;font-weight:600;letter-spacing:-.035em; }
h2 { font-size:1rem;font-weight:600;letter-spacing:-.015em; }
h3 { font-size:var(--font-body-size);font-weight:600; }
p { line-height:1.6; }
button,a,input,select,textarea { touch-action:manipulation; }
rk-icon { display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center; }
rk-icon svg { display:block; }
[hidden] { display:none!important; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip-link { position:fixed;top:-100px;left:16px;z-index:100;background:var(--ink);color:var(--surface);padding:12px 20px;border-radius:8px; }
.skip-link:focus { top:12px; }
.boot { padding:60px;color:var(--ink-muted); }
.app-shell { display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100dvh; }
.sidebar { position:sticky;top:0;height:100dvh;border-right:1px solid var(--line);padding:28px 16px 16px;display:flex;flex-direction:column;background:var(--surface); }
.brand { display:flex;gap:10px;align-items:center;text-decoration:none;margin:0 10px 32px;font-size:1.25rem;font-weight:600;letter-spacing:-.02em; }
.brand>span { display:flex;align-items:center;gap:10px; }.brand-note { white-space:nowrap;font-size:var(--font-meta-size);font-weight:400;letter-spacing:0;border:1px solid var(--line-strong);border-radius:4px;padding:2px 5px;color:var(--ink-muted); }
.workspace-label { display:flex;align-items:center;gap:10px;min-width:0;padding:14px 10px 22px;font-size:var(--font-meta-size);color:var(--ink-muted); }
.workspace-label>[data-orgname] { overflow-wrap:anywhere; }
.workspace-initial { display:grid;place-items:center;background:var(--surface-subtle);border:1px solid var(--line);width:30px;height:30px;border-radius:9px;flex-shrink:0;color:var(--ink);font-weight:600; }
.sidebar nav { display:grid;gap:5px; }.sidebar nav a { display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;border-radius:7px;color:var(--ink-muted);text-decoration:none; }
.sidebar nav a:hover { background:var(--interaction-hover);color:var(--ink); }.sidebar nav a[aria-current] { background:var(--interaction-pressed);color:var(--ink); }
.sidebar-bottom { margin-top:auto;padding:20px 8px 0; }.sidebar-bottom p { font-size:var(--font-meta-size);line-height:1.65;color:var(--ink-muted);margin:9px 0 12px; }
.local-indicator { display:flex;align-items:center;gap:7px;font-size:var(--font-meta-size);color:var(--ink-muted); }.live-dot { width:6px;height:6px;border-radius:50%;background:var(--state-live-ink); }
.sidebar-tools { display:flex;flex-wrap:wrap;gap:8px; }.sidebar-tools .rk-button { flex:0 0 auto;font-size:var(--font-body-size);min-height:38px;padding:6px;gap:5px; }.sidebar-tools .rk-button__label { overflow-wrap:normal; }.sidebar-tools rk-icon { width:16px!important;height:16px!important; }
.app-body { min-width:0;background:var(--app-canvas); }
.topbar { min-height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 36px;background:var(--surface);font-size:var(--font-meta-size); }
.topbar-label { color:var(--ink-muted); }.topbar-label span { color:var(--ink); }.topbar-right { display:flex;gap:8px;align-items:center; }
.tag { display:inline-block;border:1px solid var(--line);padding:4px 8px;border-radius:5px;color:var(--ink-muted);font-size:var(--font-meta-size);white-space:nowrap; }.tag-demo { color:var(--state-edit-text);border-color:color-mix(in srgb,var(--state-edit-text) 30%,transparent); }
#main { padding:26px 36px 40px;max-width:1740px;margin:0 auto; }
.page-heading { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px; }
.eyebrow { color:var(--ink-muted);font-size:var(--font-meta-size);font-weight:500;letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px; }
.page-description { margin-top:10px;color:var(--ink-muted);font-size:var(--font-meta-size); }.actions { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);background:var(--app-panel);border-radius:10px;margin-bottom:20px; }
.stats>div { padding:16px 20px;min-width:0; }.stats>div+div { border-left:1px solid var(--line); }.stats span { display:block;font-size:var(--font-meta-size);color:var(--ink-muted); }.stats strong { display:block;margin:10px 0 6px;font-size:clamp(1.25rem,2.1vw,2rem);font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums; }.stats small { font-size:var(--font-meta-size);color:var(--ink-muted); }
.collection { border:1px solid var(--line);border-radius:10px;background:var(--app-panel);overflow:hidden; }
.collection-toolbar { display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line); }.tabs { display:flex;gap:4px; }.tabs button { background:none;border:0;border-radius:6px;color:var(--ink-muted);padding:9px 12px;font-size:var(--font-body-size);min-height:38px;cursor:pointer; }.tabs button[aria-pressed=true] { background:var(--interaction-pressed);color:var(--ink); }.tabs button:hover { background:var(--interaction-hover); }
.search-field { display:flex;align-items:center;gap:8px;color:var(--ink-muted);background:var(--surface-subtle);border:1px solid var(--line);border-radius:6px;padding:0 10px;max-width:250px; }
.search-field input { background:none;border:none;min-width:0;width:100%;height:36px;color:var(--ink);font-size:var(--font-body-size);outline-offset:6px; }.search-field input::placeholder { color:var(--ink-muted); }
.table-scroll { position:relative;overflow-x:auto; }table { border-collapse:collapse;width:100%; }th { font-weight:500;color:var(--ink-muted);font-size:var(--font-meta-size);text-align:left;padding:13px 20px;background:var(--surface-subtle);white-space:nowrap; }td { padding:13px 20px;border-top:1px solid var(--line);font-size:var(--font-body-size); }td small { display:block;color:var(--ink-muted);font-size:var(--font-meta-size);margin-top:4px; }
.invoice-table { min-width:700px; }.invoice-table td:first-child { min-width:210px; }.invoice-title { display:flex;align-items:center;gap:12px;text-decoration:none; }.invoice-title>rk-icon { color:var(--ink-muted); }.invoice-title strong { font-weight:500; }.invoice-title:hover strong { text-decoration:underline;text-underline-offset:4px; }.date-cell { white-space:nowrap;color:var(--ink-muted); }.numeric { text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap; }.total-cell { font-weight:500; }.row-open { display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:36px;color:var(--ink-muted); }
.status { display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line);padding:4px 7px;border-radius:5px;font-size:var(--font-meta-size);color:var(--ink-muted); }.status>span { width:5px;height:5px;border-radius:50%;background:currentColor; }.status.issued { color:var(--state-live-text);border-color:color-mix(in srgb,var(--state-live-text) 20%,transparent);background:var(--state-live-surface); }.status.draft { color:var(--state-edit-text);border-color:color-mix(in srgb,var(--state-edit-text) 20%,transparent);background:var(--state-edit-surface); }
.list-pagination { display:flex;justify-content:space-between;align-items:center;padding:8px 18px;border-top:1px solid var(--line);color:var(--ink-muted);font-size:var(--font-meta-size); }.list-pagination>div { display:flex;gap:6px; }.list-pagination .rk-button { font-size:var(--font-body-size);min-height:34px; }
.scope-note { display:flex;gap:8px;align-items:flex-start;color:var(--ink-muted);font-size:var(--font-meta-size);margin-top:17px;line-height:1.6; }.scope-note rk-icon { margin-top:2px; }
.empty-state { display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:64px 24px; }.empty-state>rk-icon { color:var(--ink-subtle); }.empty-state h2 { margin-top:4px; }.empty-state p { max-width:380px;color:var(--ink-muted);font-size:var(--font-meta-size); }.empty-state .rk-button { margin-top:8px; }
.editor-heading { display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px; }.editor-heading-left { display:flex;align-items:center;gap:12px;min-width:0; }.editor-heading-left>div { min-width:0; }.editor-heading .eyebrow { margin-bottom:3px; }.editor-heading h1 { font-size:1.5rem; }.editor-heading [data-back] { padding:8px;min-width:36px; }.editor-heading [data-back] .rk-button__label { display:none; }.editor-heading [data-back] rk-icon { transform:rotate(180deg); }
rk-editable-title { display:block;min-width:0; }rk-editable-title .rk-title-control { max-width:360px; }rk-editable-title .rk-title-text { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }rk-editable-title .rk-title-text,rk-editable-title .rk-title-input { font-size:1.4rem!important;font-weight:600;letter-spacing:-.025em; }
#save-status { font-size:var(--font-meta-size);color:var(--ink-muted);margin-right:8px; }#save-status.unsaved { color:var(--state-edit-text); }
.editor-grid { display:grid;grid-template-columns:minmax(330px,.95fr) minmax(390px,1.12fr);gap:24px;align-items:start; }.editor-panel { min-width:0; }.editor-panel fieldset { margin:0;padding:0;border:0;min-width:0; }
.form-section { background:var(--app-panel);border:1px solid var(--line);border-radius:9px;padding:20px;margin-bottom:16px; }.form-section>header { display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px; }.form-section h2 { font-size:var(--font-meta-size); }.subtle { color:var(--ink-muted);font-size:var(--font-meta-size); }
.form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px; }.span-2 { grid-column:1/-1; }.field { display:flex;flex-direction:column;gap:7px;font-size:var(--font-meta-size);min-width:0; }.field>span,.field>label { font-weight:500;color:var(--ink-muted); }.required { color:var(--ink-muted);font-weight:400; }.field input,.field select,.field textarea,.customer-select-row select { min-width:0;max-width:100%;width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);padding:10px 11px;font-size:var(--font-body-size);line-height:1.5;min-height:39px; }.field textarea { resize:vertical; }.field input::placeholder,.field textarea::placeholder { color:var(--ink-subtle); }.field input:read-only { background:var(--surface-subtle);color:var(--ink-muted); }.field input:disabled,.field textarea:disabled,.field select:disabled { opacity:.55; }.field small,.field-hint { font-size:var(--font-meta-size);color:var(--ink-muted);line-height:1.6; }.field-hint { margin-top:12px; }.customer-field { margin-bottom:16px; }.customer-select-row { display:flex;gap:6px; }.customer-select-row .rk-button__label { display:none; }.customer-select-row .rk-button { min-width:40px;padding:6px; }
.line-item { border:1px solid var(--line);border-radius:7px;margin-bottom:12px;padding:12px; }.line-item>header { display:flex;align-items:center;gap:8px;margin-bottom:10px; }.line-number { font:var(--font-meta-size) ui-monospace,monospace;color:var(--ink-subtle); }.line-caption { font-size:var(--font-meta-size);color:var(--ink-muted); }.line-actions { display:flex;gap:1px;margin-left:auto; }.line-actions .rk-button { padding:4px;min-height:28px;min-width:28px; }.line-actions .rk-button__label { display:none; }.line-actions rk-icon { width:16px!important;height:16px!important; }.line-description { min-height:62px; }.line-numbers { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:8px;margin-top:12px; }.line-numbers .field { justify-content:flex-end;font-size:var(--font-meta-size); }.line-numbers input,.line-numbers select { padding:8px 6px;font-size:var(--font-body-size); }.currency-input { display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:6px; }.currency-input>span { padding-left:7px;color:var(--ink-muted);font-size:var(--font-meta-size); }.currency-input input { border:0;background:transparent; }.line-item>footer { display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:var(--font-meta-size);color:var(--ink-muted); }.line-item>footer strong { color:var(--ink);font-weight:500; }.zero-reason { margin-top:12px; }[data-add-line] { width:100%;border:1px dashed var(--line-strong)!important;font-size:var(--font-meta-size); }
.readiness { color:var(--ink-muted);font-size:var(--font-meta-size); }.readiness summary { display:flex;align-items:center;gap:7px;cursor:pointer;padding:10px 4px; }.readiness details ul { padding-left:25px;line-height:1.8; }.readiness>p { display:flex;align-items:center;gap:7px;padding:10px 4px; }.editor-foot { border-top:1px solid var(--line);margin-top:16px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--ink-muted);font-size:var(--font-meta-size); }.editor-foot .rk-button { font-size:var(--font-body-size);padding:4px;min-height:32px; }.editor-foot rk-icon { width:15px!important;height:15px!important; }
.preview-panel { min-width:0;position:sticky;top:20px; }.preview-panel>header { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;color:var(--ink-muted);font-size:var(--font-meta-size); }.preview-panel>header>span { display:flex;gap:7px;align-items:center; }.preview-panel>header>div { display:flex;align-items:center;gap:12px; }.preview-panel>header .rk-button { min-height:30px;font-size:var(--font-body-size);padding:4px 7px; }#preview-state { font-size:var(--font-meta-size); }#document-preview { transition:opacity var(--motion-feedback); }#document-preview.stale { opacity:.6; }.preview-footnote { font-size:var(--font-meta-size);color:var(--ink-muted);margin:13px 0;line-height:1.6; }.preview-empty { display:grid;place-items:center;min-height:440px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--ink-muted); }
/* Paper is intentionally white in either application theme. */
.paper { color-scheme:light;color:#232323;background:#fff;border:1px solid #e4e4e4;box-shadow:0 4px 18px #00000010;min-height:650px;padding:34px 30px 26px;font:10px/1.65 system-ui,sans-serif;overflow-wrap:anywhere; }.paper-kicker { color:#777777;font-size:8px;letter-spacing:.13em;margin-bottom:26px; }.paper-heading { display:flex;justify-content:space-between;align-items:center;margin-bottom:30px; }.paper h2 { font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:0 0 5px;color:#1a1a1a; }.paper-heading p { color:#6b6b6b;font-size:9px; }.paper-mark { font-size:36px;line-height:1;font-weight:600;letter-spacing:-.1em;margin-right:4px; }.paper-mark>span { color:inherit; }.paper-parties { display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:25px; }.paper-parties strong { font-weight:600; }.paper-label { display:block;font-size:8px;color:#777777;margin-bottom:7px; }.paper-meta { display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e5e5e5; }.paper-meta dt { color:#777777;font-size:8px; }.paper-meta dd { margin:0;font-size:9px; }.paper-lines { table-layout:fixed; }.paper-lines th { padding:7px 4px;font-size:7.5px;color:#777777;background:#f6f6f6;white-space:normal; }.paper-lines th:first-child { width:36%;padding-left:7px; }.paper-lines th:nth-child(2) { width:15%; }.paper-lines th:nth-child(3) { width:17%; }.paper-lines th:nth-child(4) { width:10%; }.paper-lines th:last-child { width:22%; }.paper-lines td { color:#232323;padding:11px 4px;font-size:8.5px;border-bottom:1px solid #e9e9e9;border-top:0;vertical-align:top; }.paper-lines td:first-child { padding-left:7px; }.paper-lines td:not(:first-child),.paper-lines th:not(:first-child) { text-align:right; }.paper-lines td small { color:#777777;font-size:7px;margin-top:3px; }.paper-totals { margin:22px 0 25px auto;max-width:290px; }.paper-totals>div { display:flex;justify-content:space-between;gap:14px;margin:5px 0;font-size:9px; }.paper-totals dd { margin:0;font-variant-numeric:tabular-nums;white-space:nowrap; }.paper-totals dt { color:#666666; }.paper-totals .paper-grand { border-top:1px solid #d9d9d9;padding-top:12px;margin-top:13px;font-size:13px;font-weight:600; }.paper-grand dt { color:#232323; }.paper-payment { font-size:8px;line-height:1.7;max-width:350px;margin:25px 0 16px;color:#666666; }.paper-notes { font-size:9px;margin:18px 0; }.paper-muted { color:#777777; }.paper-note { font-size:8px;margin:18px 0; }.paper-footer { border-top:1px solid #e5e5e5;padding-top:14px;margin-top:35px;color:#777777;font-size:7px; }
.issued-grid { display:grid;grid-template-columns:minmax(340px,1fr) 280px;gap:28px;max-width:1100px;margin:0 auto;align-items:start; }.issued-paper .paper { padding:42px;min-height:790px; }.record-inspector { border:1px solid var(--line);border-radius:9px;background:var(--app-panel);font-size:var(--font-meta-size); }.record-inspector>section { padding:20px;border-bottom:1px solid var(--line); }.record-inspector>section:last-child { border-bottom:0; }.record-inspector h2 { margin:14px 0 9px; }.record-inspector p { color:var(--ink-muted);font-size:var(--font-meta-size); }.record-inspector dl { margin-top:20px; }.record-inspector dl>div { margin-top:14px; }.record-inspector dt { color:var(--ink-muted);font-size:var(--font-meta-size);margin-bottom:4px; }.record-inspector dd { margin:0;overflow-wrap:anywhere; }.inspector-total { font-size:21px;letter-spacing:-.035em; }.record-inspector h3 { margin-bottom:8px; }.hash-label { display:block;color:var(--ink-muted);font-size:var(--font-meta-size);margin-top:14px; }.hash-label code { display:block;overflow-wrap:anywhere;margin-top:6px;font-size:var(--font-meta-size);line-height:1.6;color:var(--ink); }.audit-list { padding:0;margin:15px 0 0;list-style:none; }.audit-list li { display:flex;align-items:flex-start;gap:9px; }.audit-list strong { font-size:var(--font-meta-size);font-weight:500; }.audit-list small { display:block;font-size:var(--font-meta-size);color:var(--ink-muted);margin-top:4px; }.inspector-note { display:flex;gap:9px; }
.customer-table { min-width:650px; }.customer-name { display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;text-align:left;cursor:pointer; }.customer-name strong { font-weight:500;font-size:var(--font-body-size); }.avatar { width:34px;height:34px;display:grid;place-items:center;background:var(--surface-subtle);border:1px solid var(--line);border-radius:9px;font-size:var(--font-meta-size); }.customer-table .rk-button { min-height:34px;font-size:var(--font-body-size); }.collection-count { color:var(--ink-muted);font-size:var(--font-meta-size); }
.settings-layout { display:grid;grid-template-columns:minmax(320px,640px) minmax(230px,300px);gap:32px; }.settings-section { padding:24px; }.settings-info { color:var(--ink-muted);font-size:var(--font-meta-size); }.settings-info>section { margin-bottom:30px; }.settings-info h2,.settings-info h3 { color:var(--ink);margin:12px 0; }.settings-info p+p { margin-top:12px; }.settings-info dl { display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:var(--font-meta-size); }.settings-info dd { margin:0; }.settings-actions { display:flex;align-items:center;justify-content:space-between;gap:12px; }.settings-actions>span { font-size:var(--font-meta-size);color:var(--ink-muted); }.check-field { display:flex;align-items:center;gap:8px;font-size:var(--font-body-size);margin-bottom:20px; }.check-field input { width:17px;height:17px; }.demo-warning { border-left:2px solid var(--state-edit-text);padding-left:12px;margin-top:14px;color:var(--state-edit-text); }
.error-panel { background:var(--state-attention-surface);border:1px solid color-mix(in srgb,var(--state-attention-text) 35%,transparent);border-radius:7px;color:var(--state-attention-text);padding:14px 16px;margin:0 0 18px;font-size:var(--font-meta-size); }.error-panel strong { font-weight:500; }.error-panel ul { margin:7px 0 0;padding-left:20px;font-size:var(--font-meta-size);line-height:1.8; }
.modal { padding:0;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:0 24px 90px #0005; }.modal-wide { width:580px; }.modal::backdrop { background:#0008;backdrop-filter:blur(3px); }.modal>header { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;border-bottom:1px solid var(--line); }.modal [data-close] { padding:4px;min-width:32px;min-height:32px; }.modal [data-close] .rk-button__label { display:none; }.modal-content { padding:22px; }.modal footer { display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:24px; }.modal footer>[data-delete-customer] { margin-right:auto; }.modal .dialog-copy { color:var(--ink-muted);font-size:var(--font-meta-size); }.modal .error-panel { margin-top:14px; }.modal form>p { margin-bottom:15px; }
#notifications { position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(15px);z-index:20;background:var(--ink);color:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow-floating);padding:13px 20px;font-size:var(--font-meta-size);max-width:calc(100vw - 32px);pointer-events:none;opacity:0;transition:opacity var(--motion-change),transform var(--motion-change); }#notifications.visible { opacity:1;transform:translateX(-50%); }
#main.login-page { min-height:100dvh;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:var(--app-canvas); }.login-card { width:420px;max-width:100%; }.login-brand { display:flex;align-items:center;gap:10px;font-size:24px;font-weight:500;letter-spacing:-.03em;margin-bottom:60px; }.login-card>h1 { font-size:32px;max-width:300px; }.login-card>p:not(.eyebrow) { font-size:var(--font-meta-size);color:var(--ink-muted);margin:18px 0 28px; }.login-card form .field { margin-bottom:18px; }.login-card form>.rk-button { width:100%;justify-content:space-between; }.login-card .login-foot { font-size:var(--font-meta-size)!important; }.login-page>footer { color:var(--ink-subtle);font-size:var(--font-meta-size);margin-top:70px; }.login-card code { font-size:var(--font-meta-size); }
@media(min-width:1500px){.editor-grid { gap:36px;grid-template-columns:minmax(380px,.9fr) minmax(480px,1.1fr); }.paper { padding:42px; }}
@media(max-width:1200px){.app-shell { grid-template-columns:190px minmax(0,1fr); }.sidebar { padding-inline:10px; }#main { padding:26px 24px 36px; }.topbar { padding-inline:24px; }.editor-grid { gap:16px;grid-template-columns:minmax(300px,1fr) minmax(320px,1fr); }.form-section { padding:15px; }.editor-heading { align-items:flex-start; }.editor-heading .actions { justify-content:flex-end; }.editor-heading #save-status { width:100%;text-align:right; }.paper { padding:28px 22px; }.issued-grid { grid-template-columns:minmax(300px,1fr) 245px;gap:20px; }.issued-paper .paper { padding:28px; }.settings-layout { gap:24px;grid-template-columns:minmax(280px,1fr) 235px; }}
@media(max-width:960px){.app-shell { grid-template-columns:170px minmax(0,1fr); }.sidebar .brand { font-size:1.1rem;margin-inline:5px; }.brand-note { display:none; }.workspace-label { padding-inline:5px; }.sidebar-tools { flex-direction:column;align-items:flex-start;gap:0; }.editor-grid { grid-template-columns:minmax(0,1fr); }.preview-panel { position:static; }.preview-panel .paper { max-width:600px;margin:0 auto; }.editor-heading { flex-wrap:wrap; }.editor-heading .actions { width:100%;justify-content:flex-start; }.editor-heading #save-status { width:auto;text-align:left;order:1;margin-left:auto; }.stats>div { padding:18px 16px; }.stats span { font-size:var(--font-meta-size); }.stats small { font-size:var(--font-meta-size); }.collection-toolbar { flex-wrap:wrap; }.search-field { max-width:100%; }.issued-grid { grid-template-columns:minmax(0,1fr); }.record-inspector { display:grid;grid-template-columns:1fr 1fr; }.record-inspector>section { border-bottom:1px solid var(--line); }.record-inspector>section:nth-child(odd) { border-right:1px solid var(--line); }.settings-layout { grid-template-columns:minmax(0,1fr); }.settings-info { display:grid;grid-template-columns:1fr 1fr;gap:24px; }.settings-info>section { margin:0; }}
@media(max-width:680px){.app-shell { display:block; }.sidebar { position:static;height:auto;display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 18px;border-right:0;border-bottom:1px solid var(--line); }.brand { margin:0!important; }.brand>rk-icon { width:23px!important; }.workspace-label { display:none; }.sidebar nav { display:flex;justify-content:flex-end;gap:2px; }.sidebar nav a { padding:8px;min-height:40px;gap:0; }.sidebar nav a span { display:none; }.sidebar nav a::after { content:attr(data-label); }.sidebar-bottom { display:none; }.topbar { min-height:44px;padding:8px 18px;font-size:var(--font-meta-size); }.tag { font-size:var(--font-meta-size);padding:3px 6px; }.topbar-right { gap:5px; }#main { padding:24px 18px 36px; }.page-heading { align-items:flex-start;gap:12px;margin-bottom:24px; }h1 { font-size:1.6rem; }.page-heading>.rk-button { font-size:var(--font-body-size);padding:8px;gap:4px; }.page-heading>.rk-button rk-icon { width:17px!important;height:17px!important; }.page-description { font-size:var(--font-meta-size);max-width:210px; }.eyebrow { font-size:var(--font-meta-size); }.stats { grid-template-columns:1fr;margin-bottom:24px; }.stats>div { display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:16px 18px; }.stats>div+div { border-left:0;border-top:1px solid var(--line); }.stats strong { font-size:23px;margin:0;grid-column:2;grid-row:1/3;align-self:center; }.stats span { font-size:var(--font-meta-size); }.stats small { font-size:var(--font-meta-size); }.collection-toolbar { padding:10px;gap:10px; }.tabs { flex:1; }.tabs button { font-size:var(--font-body-size);padding:8px; }.search-field { width:100%; }.invoice-table { min-width:620px; }td { padding:15px 12px; }th { padding:11px 12px; }.invoice-table th { font-size:var(--font-meta-size); }.invoice-table td { font-size:var(--font-body-size); }.invoice-title { gap:8px; }.invoice-title>rk-icon { width:19px!important; }.invoice-title small { font-size:var(--font-meta-size); }.scope-note { font-size:var(--font-meta-size); }.editor-heading { margin-bottom:20px; }.editor-heading .rk-button { font-size:var(--font-body-size);gap:6px; }.editor-heading-left { gap:5px; }rk-editable-title .rk-title-control { max-width:calc(100vw - 135px); }rk-editable-title .rk-title-text,rk-editable-title .rk-title-input { font-size:1.2rem!important; }.form-section { padding:16px; }.form-section>header .subtle { font-size:var(--font-meta-size); }.editor-foot { flex-wrap:wrap; }.paper { padding:27px 20px;min-height:610px; }.paper h2 { font-size:26px; }.paper-lines th { font-size:6.5px;padding-inline:3px; }.paper-lines td { font-size:7.5px;padding-inline:3px; }.paper-parties { gap:16px; }.paper-meta { gap:8px 16px; }.paper-totals>div { font-size:8px; }.paper-totals .paper-grand { font-size:12px; }.paper-totals { max-width:260px; }.issued-paper .paper { padding:27px 20px;min-height:660px; }.record-inspector { display:block; }.record-inspector>section:nth-child(odd) { border-right:0; }.settings-section { padding:18px; }.settings-info { grid-template-columns:1fr; }.settings-actions { align-items:flex-start;flex-direction:column; }.settings-actions>.rk-button { width:100%; }.modal-content { padding:18px; }.modal>header { padding:12px 18px; }.modal footer { flex-wrap:wrap; }.modal .actions { justify-content:flex-end; }.modal .rk-button { font-size:var(--font-body-size); }.field { font-size:var(--font-meta-size); }.field input,.field textarea,.field select { font-size:16px; }.line-numbers input,.line-numbers select { font-size:16px; }.currency-input>span { font-size:var(--font-meta-size); }.field small,.field-hint { font-size:var(--font-meta-size); }.login-brand { margin-bottom:44px; }}
@media(prefers-reduced-motion:reduce){* { scroll-behavior:auto!important; }#notifications,#document-preview { transition:none; }}
@media(forced-colors:active){.paper { border:1px solid CanvasText; }.status,.tag { border:1px solid CanvasText; }.live-dot,.status>span { background:CanvasText; }.paper * { color:CanvasText!important;background:Canvas!important; }}
/* Keep session and appearance controls reachable on narrow screens. */
@media(max-width:680px){.sidebar-bottom { display:block;grid-column:1/-1;padding:0;margin:0; }.sidebar-bottom>.local-indicator,.sidebar-bottom>p { display:none; }.sidebar-tools { flex-direction:row;justify-content:flex-end;gap:12px; }.sidebar-tools .rk-button { min-height:32px; }}
/* Pass 2: workflow composition, still using the supplied semantic foundation. */
.workflow-status { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px; }
.workflow-actions { display:flex;flex-direction:column;gap:9px;margin:18px 0 10px; }
.workflow-actions .rk-button { justify-content:center; }
.balance-list { margin-top:18px; }.balance-list>div { display:flex;justify-content:space-between;gap:14px;padding:6px 0; }.balance-list dt { color:var(--ink-muted);font-size:var(--font-meta-size); }.balance-list dd { margin:0;font-variant-numeric:tabular-nums;font-size:var(--font-meta-size);text-align:right; }.balance-list .balance-total { border-top:1px solid var(--line);margin-top:10px;padding-top:14px; }.balance-total dd { font-size:23px;font-weight:600;letter-spacing:-.03em; }
.workflow-list { list-style:none;margin:12px 0;padding:0; }.workflow-list li { padding:11px 0;display:flex;justify-content:space-between;gap:8px;align-items:flex-start;border-top:1px solid var(--line); }.workflow-list li:first-child { border:0; }.workflow-list strong { font-size:var(--font-body-size);font-weight:500; }.workflow-list small { display:block;color:var(--ink-muted);font-size:var(--font-meta-size);margin-top:5px; }.workflow-list p { font-size:var(--font-meta-size);overflow-wrap:anywhere; }.workflow-list .rk-button { font-size:var(--font-body-size);padding:4px;min-height:28px; }.workflow-list .rk-button rk-icon { width:16px!important;height:16px!important; }.workflow-list a,.text-link { color:var(--ink);font-size:var(--font-meta-size); }.text-link { display:inline-flex;align-items:center;gap:6px;margin:10px 0;text-underline-offset:3px; }
.workflow-history { border-top:1px solid var(--line);padding:14px 0; }.workflow-history:first-child { border-top:0; }.workflow-history summary { cursor:pointer;font-size:var(--font-meta-size); }.workflow-history>p { margin:14px 0; }.workflow-history .audit-list { margin-top:16px; }.decision-note { margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:var(--font-meta-size); }.decision-note p { margin:8px 0; }.decision-note small { color:var(--ink-muted); }
.status.paid,.status.accepted,.status.converted,.status.captured { color:var(--state-live-ink);background:var(--state-live-surface); }.status.overdue,.status.refund_due,.status.uncertain,.status.failed { color:var(--state-edit-text);background:var(--state-edit-surface); }.status.expired,.status.cancelled,.status.declined,.status.credited { color:var(--ink-muted);background:var(--surface-subtle); }
.credit-lines { display:grid;gap:14px;margin:18px 0; }.credit-confirm { padding:20px;margin-top:18px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-subtle); }.credit-confirm strong { display:block;font-size:28px;margin:8px 0;letter-spacing:-.03em; }.credit-confirm span,.credit-confirm p { font-size:var(--font-meta-size); }.transport-note { display:flex;align-items:flex-start;gap:10px;font-size:var(--font-meta-size);color:var(--ink-muted);padding:16px;background:var(--surface-subtle);border:1px solid var(--line);border-radius:8px;margin-bottom:20px; }.transport-note>rk-icon { flex-shrink:0; }.attachment-note { display:flex;align-items:center;gap:9px;margin-top:16px;font-size:var(--font-meta-size); }.modal form>.field { margin-top:14px; }
.mail-list { display:grid;gap:14px; }.mail-card { background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px; }.mail-card>header { display:flex;align-items:flex-start;justify-content:space-between;gap:16px; }.mail-card h2 { font-size:15px;line-height:1.4;overflow-wrap:anywhere; }.mail-card header p { margin-top:5px;font-size:var(--font-meta-size);color:var(--ink-muted);overflow-wrap:anywhere; }.mail-meta { margin:16px 0;font-size:var(--font-meta-size);color:var(--ink-muted); }.mail-error { padding:12px;border-left:2px solid var(--state-edit-text);background:var(--surface-subtle);font-size:var(--font-meta-size);margin-bottom:14px; }.mail-card footer .actions { flex-wrap:wrap; }.mail-card .rk-button { font-size:var(--font-body-size); }.total-cell small { display:block;font-size:var(--font-meta-size);color:var(--ink-muted);font-weight:400;margin-top:5px; }
.paper-compact { min-height:initial!important; }.paper-compact .paper-heading { margin-bottom:22px; }.paper-compact .paper-lines td { padding-block:8px; }
@media(max-width:680px){.sidebar { grid-template-columns:1fr;gap:8px; }.sidebar nav { justify-content:space-between; }.sidebar nav a { flex:1;justify-content:center; }.sidebar nav a span { display:inline;font-size:var(--font-meta-size); }.sidebar nav a { gap:5px;padding:8px 4px; }.sidebar nav a rk-icon { width:17px!important;height:17px!important; }.sidebar .brand { font-size:1.1rem; }.sidebar-tools { position:absolute;top:9px;right:14px; }.sidebar-bottom { min-height:0;padding:0; }.mail-card { padding:16px; }.mail-card>header { flex-direction:column;gap:10px; }.mail-card footer .actions { justify-content:flex-start; }.page-heading { flex-wrap:wrap; }.page-heading .actions { flex-wrap:wrap; }.page-heading .actions .rk-button { font-size:var(--font-body-size); }.transport-note { font-size:var(--font-meta-size);padding:12px; }.record-inspector { min-width:0; }}
/* Pass 3: focused operational views using the original semantic token system. */
.filter-row {display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin:0 0 24px;padding:16px 18px;border:1px solid var(--line);border-radius:9px;background:var(--surface);}
.filter-row .field {min-width:130px;flex:1;}.filter-row .field input,.filter-row .field select {min-height:38px;}.filter-row>.field-hint {align-self:center;}.filter-row .rk-button {min-height:38px;font-size:var(--font-body-size);}
.invoice-filter-row {margin:0;border:0;border-radius:0;border-bottom:1px solid var(--line);padding:12px 18px;}.invoice-filter-row .field {min-width:120px;}.invoice-filter-row .field:first-child {flex:1.4;}
.insight-grid {display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;margin-bottom:22px;align-items:start;}
.product-panel {border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:24px;min-width:0;}
.product-panel>header {display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;}.product-panel header h2 {font-size:15px;}.product-panel header p,.product-panel>p {font-size:var(--font-body-size);color:var(--ink-muted);margin-top:9px;}.product-panel>p+.actions {margin-top:22px;}
.product-panel .table-scroll {margin-inline:-24px;}.product-panel .table-scroll th,.product-panel .table-scroll td {padding:14px 24px;}.product-panel>.field-hint {margin-top:16px;font-size:var(--font-meta-size);}.product-panel .rk-button {font-size:var(--font-body-size);}
.product-cards {display:grid;gap:20px;}.data-cards {grid-template-columns:repeat(2,minmax(0,1fr));}
.export-main h2 {font-size:25px;line-height:1.2;letter-spacing:-.03em;}.export-main .eyebrow {margin-top:22px;font-size:var(--font-meta-size);}.export-main>.rk-button {margin-top:24px;}.export-symbol {color:var(--ink-muted);}.export-links {display:grid;gap:12px;}.export-links>.rk-button {justify-content:flex-start;}.export-links+.field-hint {margin-top:24px;}
.standout-amount {display:block;font-size:32px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0 0 20px;}
.ageing-list>div {display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);}.ageing-list>div:last-child {border-bottom:0;}.ageing-list dt {font-size:var(--font-meta-size);color:var(--ink-muted);}.ageing-list dt small {display:block;font-size:var(--font-meta-size);margin-top:4px;}.ageing-list dd {margin:0;font-size:var(--font-meta-size);font-variant-numeric:tabular-nums;white-space:nowrap;}
.chart-legend {display:flex;flex-direction:column;gap:8px;font-size:var(--font-meta-size);color:var(--ink-muted);}.chart-legend span {display:flex;align-items:center;gap:7px;}.chart-legend span:before {content:'';width:7px;height:7px;border:1px solid var(--ink);border-radius:2px;}.chart-legend .billed:before {background:var(--ink);}.chart-legend .received:before {background:var(--ink-subtle);border-color:var(--ink-subtle);}
.chart-scroll {overflow-x:auto;padding-top:8px;}.month-chart {display:flex;align-items:flex-end;gap:14px;min-height:200px;min-width:360px;padding:0 0 8px;}.month-bar {min-width:26px;flex:1;text-align:center;}.bar-pair {height:164px;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid var(--line-strong);}.chart-bar {display:block;width:12px;min-height:1px;border-radius:3px 3px 0 0;background:var(--ink);}.chart-bar.received {background:var(--ink-subtle);}.chart-bar.negative {background:repeating-linear-gradient(135deg,var(--ink-muted),var(--ink-muted) 2px,var(--surface) 2px,var(--surface) 5px);}.month-bar small {display:block;font-size:var(--font-meta-size);color:var(--ink-muted);padding-top:11px;font-variant-numeric:tabular-nums;}
.data-details {margin-top:20px;border-top:1px solid var(--line);padding-top:16px;}.data-details summary {font-size:var(--font-meta-size);cursor:pointer;min-height:28px;}.data-details .table-scroll {margin-top:12px;}.data-details .table-scroll table {min-width:480px;}
.check-field {display:flex;gap:10px;align-items:flex-start;font-size:var(--font-body-size);color:var(--ink);line-height:1.6;}.check-field input {accent-color:var(--ink);width:17px;height:17px;flex-shrink:0;margin-top:2px;}.check-field span {min-width:0;}.modal .check-field {margin:20px 0;}.file-field {margin-top:18px;}.file-field input {font-size:var(--font-body-size);}
.import-preview {margin-top:22px;padding-top:20px;border-top:1px solid var(--line);}.import-preview .table-scroll {max-height:300px;margin-top:14px;border:1px solid var(--line);border-radius:6px;}.import-preview table {min-width:480px;}.import-preview th {position:sticky;top:0;}.import-preview td,.import-preview th {font-size:var(--font-meta-size);padding:11px 12px;}.import-preview .field-hint {margin-top:10px;}
.bank-table {min-width:720px;}.bank-table td:first-child {min-width:210px;max-width:340px;overflow-wrap:anywhere;}.bank-table small {max-width:320px;}.bank-table .rk-button {font-size:var(--font-body-size);}.bank-table strong {font-weight:500;}.allocation-history {margin-top:28px;border-top:1px solid var(--line);padding-top:20px;}
.schedule-card header {margin-bottom:18px;}.schedule-card .actions {margin-bottom:12px;}.schedule-card .eyebrow {font-size:var(--font-meta-size);margin-top:0;}.schedule-card .data-details .subtle {font-size:var(--font-meta-size);}.automation-policy {margin-bottom:24px;}.automation-policy>summary {display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;cursor:pointer;font-size:var(--font-meta-size);list-style:revert;}.automation-policy>summary span {color:var(--ink-muted);font-size:var(--font-meta-size);}.automation-policy form {margin-top:24px;}.automation-policy .form-grid {margin:20px 0;grid-template-columns:repeat(3,minmax(0,1fr));}.automation-policy .field-hint {margin:18px 0;}.reminder-table {min-width:820px;}.reminder-table td:nth-child(4) {max-width:290px;}.reminder-table .actions {flex-wrap:nowrap;}.reminder-table .rk-button {font-size:var(--font-body-size);padding:7px;}.reminder-table strong {font-weight:500;}.reminder-table a {text-underline-offset:4px;}
.sidebar nav {overflow-y:auto;min-height:0;}.sidebar nav a {flex-shrink:0;}.sidebar-bottom {flex-shrink:0;}
@media(max-width:1100px){.insight-grid {grid-template-columns:minmax(0,1fr);}.insight-grid>.product-panel {width:100%;}.data-cards {grid-template-columns:1fr 1fr;}.chart-legend {flex-direction:row;flex-wrap:wrap;}.product-panel>header {flex-wrap:wrap;}}
@media(max-width:680px){.sidebar nav {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible;}.sidebar nav a {display:flex;flex-direction:column;gap:5px;min-width:0;padding:7px 2px;}.sidebar nav a span {font-size:var(--font-meta-size);}.sidebar nav a rk-icon {width:19px!important;height:19px!important;}.sidebar-bottom {padding:0;}.filter-row {gap:12px;padding:14px;}.filter-row .field {flex-basis:40%;min-width:0;}.filter-row>.field-hint {width:100%;}.invoice-filter-row .field {flex-basis:40%;min-width:0;}.invoice-filter-row .field:first-child {flex-basis:40%;}.insight-grid,.data-cards {grid-template-columns:minmax(0,1fr);gap:18px;}.product-panel {padding:18px;}.product-panel .table-scroll {margin-inline:-18px;}.product-panel .table-scroll td,.product-panel .table-scroll th {padding:12px 18px;}.product-panel>header {gap:12px;}.chart-legend {font-size:var(--font-meta-size);}.month-chart {gap:10px;}.standout-amount {font-size:30px;}.automation-policy .form-grid {grid-template-columns:1fr;}.product-panel>header h2 {font-size:14px;}.schedule-card .actions {align-items:flex-start;}.schedule-card>.actions>.rk-button {width:100%;font-size:var(--font-body-size);}.schedule-card .workflow-list li {gap:12px;}.export-main h2 {font-size:24px;}.export-main .rk-button {width:100%;}.data-details table {min-width:470px;}}
@media(forced-colors:active){.chart-bar {background:CanvasText;border:1px solid CanvasText;}.chart-bar.received {background:Canvas;border:1px solid CanvasText;}}
/* Pass 4: shared access and explicit recovery, using the existing foundation. */
.organisation-picker{display:block;margin:0 16px 16px}.organisation-picker select{width:100%;max-width:100%;background:var(--surface-raised);border:1px solid var(--line);color:var(--ink);padding:8px;border-radius:6px;font:inherit;font-size:var(--font-body-size)}
.account-link{display:block;background:none;border:0;color:var(--ink-muted);font:inherit;font-size:var(--font-meta-size);text-align:left;cursor:pointer;margin:12px 0;padding:0;line-height:1.6;overflow-wrap:anywhere}
.team-members{display:flex;flex-direction:column}.team-member{display:flex;align-items:center;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.team-member:first-child{border-top:0}.team-avatar{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:17px;flex-shrink:0}.team-person{flex:1;min-width:0}.team-person h3{font-size:14px;font-weight:500;margin:0 0 4px}.team-person p,.team-person small{display:block;font-size:var(--font-meta-size);color:var(--ink-muted);margin:0;line-height:1.8;overflow-wrap:anywhere}.team-invites,.recovery-holds{padding:0;list-style:none;margin:0}.team-invites li,.recovery-holds li{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.team-invites strong,.recovery-holds strong{display:block;font-size:var(--font-meta-size);overflow-wrap:anywhere}.team-invites small,.recovery-holds small{display:block;font-size:var(--font-meta-size);color:var(--ink-muted);margin-top:5px;overflow-wrap:anywhere}.role-explanations{margin:0}.role-explanations dt{font-size:var(--font-meta-size);font-weight:500;margin-top:18px}.role-explanations dd{margin:6px 0 0;font-size:var(--font-meta-size);line-height:1.8;color:var(--ink-muted)}
.recovery-status{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:24px}.recovery-status>div{flex:1;min-width:0}.recovery-status h2{font-size:16px;margin:0 0 6px}.recovery-status p{font-size:var(--font-meta-size);color:var(--ink-muted);margin:4px 0;line-height:1.8}.recovery-status code{overflow-wrap:anywhere}.recovery-status.is-held{border-style:dashed}.recovery-banner{display:flex;align-items:center;gap:10px;padding:14px 30px;border-bottom:1px solid var(--line);font-size:var(--font-meta-size);color:var(--ink-muted)}.restore-preview{border:1px solid var(--line);border-radius:8px;padding:18px;margin:20px 0;font-size:var(--font-meta-size)}.restore-preview p{line-height:1.8}.restore-preview code{display:block;overflow-wrap:anywhere;font-size:var(--font-meta-size)}.product-panel form footer{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:20px}.history-table{min-width:650px}.history-table td{vertical-align:top}.history-table small{display:block;font-size:var(--font-meta-size);color:var(--ink-muted)}.history-table details{font-size:var(--font-meta-size);max-width:450px}.history-table pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--font-meta-size);max-height:260px;overflow:auto}.account-panel{max-width:650px}.account-panel .field{margin-top:20px}.product-panel p{line-height:1.8}
@media(max-width:680px){.organisation-picker{margin:12px 0}.team-member{gap:12px;flex-wrap:wrap}.team-person{flex-basis:70%}.team-member>.tag{margin-left:52px}.team-member>.rk-button{margin-left:auto}.recovery-status{align-items:flex-start;flex-wrap:wrap;padding:18px;gap:12px}.recovery-status>.rk-button{width:100%}.recovery-status code{font-size:var(--font-meta-size)}.recovery-holds li{align-items:flex-start;flex-direction:column}.recovery-banner{padding:12px 18px;line-height:1.8}.account-link{margin:8px 0}.topbar-right .tag{font-size:var(--font-meta-size)}}

/* Pass 5: recurring execution, payment instructions and delivery evidence. */
.schedule-card h2,.schedule-card .eyebrow {overflow-wrap:anywhere}.schedule-card>.actions {flex-wrap:wrap}.schedule-alert {display:flex;align-items:flex-start;gap:10px;margin:16px 0;padding:14px;border:1px solid var(--line-strong);border-left:3px solid var(--state-attention-text);border-radius:6px;background:var(--surface-subtle);font-size:var(--font-meta-size);line-height:1.7}.schedule-alert>rk-icon {flex-shrink:0;margin-top:2px}.execution-list>li>div:first-child {min-width:0}.execution-actions {display:flex;align-items:flex-start;flex-direction:column;gap:5px;flex-shrink:0}.execution-list .mail-error {margin:9px 0 0}.execution-list>li {gap:20px}.danger-zone {margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.danger-zone h3 {font-size:var(--font-meta-size)}.danger-zone p {font-size:var(--font-meta-size);color:var(--ink-muted);margin:8px 0 14px}.provider-details {font-size:var(--font-meta-size);margin:16px 0;padding-top:12px;border-top:1px solid var(--line)}.provider-details>div {display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;margin:8px 0}.provider-details dt {color:var(--ink-muted)}.provider-details dd {margin:0;overflow-wrap:anywhere}.provider-details code {font-size:var(--font-meta-size)}.status.delivered {color:var(--state-live-ink);background:var(--state-live-surface)}.status.bounced,.status.rejected,.status.deferred {color:var(--state-edit-text);background:var(--state-edit-surface)}.status.sandbox {color:var(--ink-muted);background:var(--surface-subtle)}
[data-payment-instructions] .field {margin:14px 0 8px}[data-payment-copy] {font-size:var(--font-meta-size)!important;background:var(--surface-subtle)!important;resize:vertical;line-height:1.8!important}[data-copy-payment] {font-size:var(--font-meta-size);padding-inline:6px}.onboarding-steps ol {padding-left:20px}.onboarding-steps li {padding:5px 0;line-height:1.8}.onboarding-steps a {color:var(--ink);text-underline-offset:3px}.onboarding-banner {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;padding:20px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface)}.onboarding-banner h2 {font-size:15px}.onboarding-banner p {font-size:var(--font-meta-size);color:var(--ink-muted);margin-top:7px}.onboarding-banner .rk-button {flex-shrink:0}
@media(max-width:680px){.schedule-card .workflow-list li {flex-direction:column}.execution-actions {width:100%;flex-direction:row;flex-wrap:wrap;gap:12px}.schedule-alert {font-size:var(--font-meta-size);padding:12px}.provider-details>div {grid-template-columns:1fr;gap:4px;margin:12px 0}.provider-details code {font-size:var(--font-meta-size)}.onboarding-banner {align-items:flex-start;flex-direction:column}.onboarding-banner .rk-button {width:100%}.settings-section .transport-note {font-size:var(--font-meta-size)}.settings-section .transport-note p {margin-top:8px}}

.review-document {margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:8px}.review-document h3 {font-size:14px}.review-document>p {font-size:var(--font-meta-size);margin:10px 0}.review-document table {min-width:460px;margin-top:14px}.review-document th,.review-document td {font-size:var(--font-meta-size);padding:10px}.review-document td:first-child {min-width:170px;overflow-wrap:anywhere}.bank-source .field-hint {overflow-wrap:anywhere}

/* Long bank references must wrap without compressing financial action labels. */
.workflow-list li>div:first-child {min-width:0}.workflow-list small {overflow-wrap:anywhere}.workflow-list .rk-button {flex-shrink:0;white-space:nowrap}.record-inspector .workflow-list li {flex-wrap:wrap}.record-inspector .workflow-list li>div:first-child {flex:1 1 145px}.record-inspector .workflow-list li>.rk-button {min-width:92px;margin-left:auto}

/* Pass 6: everyday attention, customer dossiers and preserved payment presentation. */
.attention-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.attention-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);padding:22px}.attention-card>span{font-size:var(--font-meta-size);color:var(--ink-muted)}.attention-card>strong{font-size:32px;line-height:1.2;font-weight:500}.attention-card>small{font-size:var(--font-meta-size);color:var(--ink-muted)}.attention-card.is-selected{border-color:var(--ink)}.attention-card:hover{background:var(--surface-subtle)}.attention-results{padding:0}.attention-list{list-style:none;margin:0;padding:0}.attention-list>li{display:grid;grid-template-columns:170px minmax(0,1fr) 150px;gap:20px;padding:22px 24px;align-items:start;border-bottom:1px solid var(--line)}.attention-list>li:last-child{border-bottom:0}.attention-category{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:var(--font-meta-size);color:var(--ink-muted)}.attention-list h2{font-size:15px;line-height:1.6;margin:0;overflow-wrap:anywhere}.attention-list p{font-size:var(--font-meta-size);color:var(--ink-muted);margin:5px 0}.attention-list small{display:block;font-size:var(--font-meta-size);line-height:1.8;color:var(--ink-muted);overflow-wrap:anywhere}.attention-action{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.attention-action>strong{font-size:15px;font-variant-numeric:tabular-nums}.attention-action>a{font-size:var(--font-meta-size)}.attention-results .empty-state{padding:50px 25px}
.dossier-back{margin:-6px 0 20px;font-size:var(--font-meta-size)}.dossier-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.dossier-layout>*{min-width:0}.dossier-facts h2{font-size:15px}.dossier-facts h3{font-size:var(--font-meta-size);margin-top:24px}.dossier-facts p{font-size:var(--font-body-size);overflow-wrap:anywhere}.dossier-facts dl{margin:18px 0;font-size:var(--font-meta-size)}.dossier-facts dt{color:var(--ink-muted);font-size:var(--font-meta-size);margin:15px 0 5px}.dossier-facts dd{margin:0;line-height:1.8;overflow-wrap:anywhere}.dossier-plans{list-style:none;padding:0;font-size:var(--font-meta-size)}.dossier-plans li{padding:8px 0}.dossier-plans small{display:block;color:var(--ink-muted);margin-top:4px}.customer-records{min-width:620px}.customer-records td:first-child{max-width:270px;overflow-wrap:anywhere}.customer-records small{display:block;font-size:var(--font-meta-size);color:var(--ink-muted);margin-top:5px}.customer-records td.numeric{white-space:nowrap;font-variant-numeric:tabular-nums}.dossier-history .tabs{flex-wrap:wrap}.tab-count{font-size:var(--font-meta-size);opacity:.65;margin-left:6px}.dossier-history .list-pagination{padding:16px 22px;margin:0}.customer-name{text-decoration:none;color:var(--ink)}.customer-name:hover strong{text-decoration:underline;text-underline-offset:3px}.focused-view{padding:12px 16px;background:var(--surface-subtle);border:1px solid var(--line);border-radius:6px;font-size:var(--font-meta-size);margin-bottom:20px;display:flex;gap:16px;flex-wrap:wrap}.paper-bank{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:20px;align-items:center;margin:20px 0;font-size:10px;color:#1b1b1b}.paper-bank img{width:110px;height:110px;max-width:100%;background:#fff}.paper-bank p{line-height:1.8;margin:4px 0;overflow-wrap:anywhere}.paper-bank a{color:inherit;text-decoration:underline;overflow-wrap:anywhere}.paper-bank .paper-muted{font-size:9px}.paper-original-notice{border-left:2px solid #aaa;padding-left:12px;font-size:10px;color:#555;margin-top:18px;line-height:1.7}.filter-clear-row{margin:0 20px 14px;display:flex;gap:12px;align-items:center;font-size:var(--font-meta-size);color:var(--ink-muted)}.editor-rescue{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:6px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:var(--font-meta-size)}.editor-rescue p{flex-basis:100%;margin:0;color:var(--ink-muted)}
@media(max-width:1100px){.dossier-layout{grid-template-columns:minmax(0,1fr)}.dossier-facts dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px}.dossier-facts dt{margin:0}.attention-list>li{grid-template-columns:140px minmax(0,1fr) 130px;gap:16px}}
@media(max-width:680px){.attention-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attention-card{padding:16px}.attention-card>strong{font-size:26px}.attention-list>li{grid-template-columns:minmax(0,1fr);padding:20px;gap:12px}.attention-category{flex-direction:row;align-items:center;justify-content:space-between}.attention-action{flex-direction:row;justify-content:space-between;align-items:center}.dossier-facts dl{display:block}.dossier-facts dt{margin:15px 0 5px}.dossier-history .tabs button{font-size:var(--font-body-size);padding:10px}.paper-bank{grid-template-columns:minmax(0,1fr) 90px;gap:10px}.paper-bank img{width:90px;height:90px}.filter-clear-row{margin-inline:14px;flex-wrap:wrap}.page-heading>.actions{flex-wrap:wrap}}

.conflict-preview{padding:12px;background:var(--surface-subtle);border-radius:8px;max-height:55vh;overflow:auto}.conflict-preview .paper{max-width:640px;margin:0 auto}

/* Pass 8: structured documents retain the existing form and panel language. */
.electronic-details{margin-top:16px;grid-column:1/-1;border-top:1px solid var(--border-color,#3d3d3d);padding-top:12px}.electronic-details summary{cursor:pointer;font-weight:600}.electronic-details .form-grid{margin-top:14px}
.einvoice-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:20px}.einvoice-layout .product-panel{min-width:0}.einvoice-dialog-content{min-width:0}.einvoice-report h2,.einvoice-summary h2{font-size:19px;line-height:1.4}.einvoice-warning{padding:12px 14px;border:1px solid #92753b;border-radius:8px;line-height:1.6}.validation-layers{margin:18px 0}.validation-layers>div{display:flex;gap:14px;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color,#3d3d3d)}.validation-layers dd{margin:0;text-align:right}.einvoice-issues{padding-left:20px}.einvoice-issues li{margin:14px 0}.einvoice-issues p{margin:4px 0}.einvoice-issues code,.einvoice-hash{overflow-wrap:anywhere;font-size:var(--font-meta-size)}.xml-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;overflow:auto;font:var(--font-meta-size)/1.6 ui-monospace,monospace;padding:16px;border:1px solid var(--border-color,#3d3d3d);border-radius:8px}.einvoice-summary{margin-bottom:22px}.einvoice-summary td,.einvoice-summary th{padding:10px;text-align:left}.einvoice-layout table{width:100%}
@media(max-width:1000px){.einvoice-layout{grid-template-columns:1fr}}@media(max-width:520px){.validation-layers>div{display:block}.validation-layers dd{text-align:left}.electronic-details .form-grid{grid-template-columns:1fr}}
/* Navigation remains scrollable as a whole, including account controls. */
.sidebar { overflow-y:auto; }
.sidebar nav { display:block;overflow:visible;min-height:auto; }
.sidebar nav>a,.nav-group-links>a { margin-bottom:5px; }
.nav-group summary { list-style:none;cursor:pointer;min-height:44px;padding:12px;border-radius:7px;color:var(--ink-muted);font-size:var(--font-meta-size); }
.nav-group summary::-webkit-details-marker { display:none; }
.nav-group summary::after { content:'+';float:right;font-size:16px; }
.nav-group[open] summary::after { content:'−'; }
.nav-group summary:hover { background:var(--interaction-hover);color:var(--ink); }
.nav-group-links { padding-left:12px; }
.local-status { display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 36px;border-bottom:1px solid var(--line);color:var(--ink-muted);font-size:var(--font-meta-size); }
.local-status .rk-button { min-height:32px;padding:4px 10px; }
@media(max-width:680px) {
 .sidebar { overflow:visible; }
 .sidebar nav { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px; }
 .sidebar nav>a { margin:0; }
 .nav-group { grid-column:1/-1; }
 .nav-group summary { min-height:40px;padding:10px 8px; }
 .nav-group-links { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0; }
 .sidebar nav .nav-group-links a { flex-direction:row;justify-content:flex-start;gap:8px;padding:8px; }
 .sidebar nav .nav-group-links a span { font-size:var(--font-meta-size); }
 .local-status { padding:9px 18px; }
}
.local-settings { margin-top:32px;max-width:972px; }
.local-settings h3 { margin:24px 0 12px; }
.local-settings .form-grid { margin:16px 0; }
.local-settings [data-local-errors]:not(:empty),.local-settings [data-local-saved]:not(:empty) { margin:12px 0; }
.local-transfer { margin-bottom:24px; }
.local-transfer h3 { margin:20px 0 10px; }
.local-transfer .field { margin:16px 0;max-width:520px; }
.local-transfer [data-transfer-error]:not(:empty),.local-transfer [data-transfer-result]:not(:empty) { margin-top:12px; }
.local-history { margin-bottom:24px; }
.local-history [data-history-inventory],.local-history [data-history-prepared],.local-history [data-history-result],.local-history [data-history-error] { margin:12px 0; }

/* Compact overview and in-flow disclosures keep controls usable at narrow widths
   without floating menus being clipped by collection or table containers. */
.summary-strip>div { padding:14px 20px; }
.summary-strip strong { margin:4px 0; font-size:1.375rem; }
.list-tools { flex-wrap:wrap; }
.filter-disclosure { flex:0 0 auto; min-width:0; }
.filter-disclosure[open] { flex-basis:100%; }
.filter-disclosure>summary, .secondary-actions>summary {
  display:inline-flex; align-items:center; gap:8px; min-height:var(--target-size);
  padding:var(--inset-control-block) var(--inset-control-inline);
  border:1px solid var(--line-strong); border-radius:var(--radius-default);
  background:var(--surface); color:var(--ink); font-size:var(--font-body-size);
  font-weight:var(--font-weight-medium); cursor:pointer; list-style:none;
}
.filter-disclosure>summary::-webkit-details-marker, .secondary-actions>summary::-webkit-details-marker { display:none; }
.filter-disclosure>summary::after, .secondary-actions>summary::after { content:'+'; }
.filter-disclosure[open]>summary::after, .secondary-actions[open]>summary::after { content:'−'; }
.filter-disclosure>summary:hover, .secondary-actions>summary:hover { background:var(--interaction-hover); }
.filter-disclosure>summary:focus-visible, .secondary-actions>summary:focus-visible { outline:var(--focus-width) solid var(--focus-color); outline-offset:var(--focus-offset); }
.filter-disclosure .invoice-filter-row { margin-top:12px; padding:12px 0 0; border:0; }
.secondary-actions { min-width:0; }
.secondary-actions>div { display:flex; flex-wrap:wrap; gap:8px; padding-top:8px; }
.secondary-actions[open] { flex-basis:100%; }
@media(max-width:680px) {
  .summary-strip>div { padding:12px 16px; }
  .summary-strip strong { font-size:1.25rem; }
  .secondary-actions>div { align-items:stretch; }
  .secondary-actions>div>* { flex:1 1 auto; }
  .invoice-table td { font-size:var(--font-body-size); }
}

/* Settings sections remain native disclosures, with a persistent save action. */
.settings-layout.settings-focused { display:block; max-width:760px; }
.settings-group { border:1px solid var(--line); border-radius:9px; background:var(--app-panel); margin-bottom:12px; min-width:0; }
.settings-group>summary, .settings-installation>summary { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-height:var(--target-size); padding:14px 20px; font-size:var(--font-body-size); font-weight:600; cursor:pointer; list-style:none; }
.settings-group>summary::-webkit-details-marker, .settings-installation>summary::-webkit-details-marker { display:none; }
.settings-group>summary::after, .settings-installation>summary::after { content:'+'; margin-left:auto; }
.settings-group[open]>summary::after, .settings-installation[open]>summary::after { content:'−'; }
.settings-group>summary:hover, .settings-installation>summary:hover { background:var(--interaction-hover); }
.settings-group>summary:focus-visible, .settings-installation>summary:focus-visible { outline:var(--focus-width) solid var(--focus-color); outline-offset:var(--focus-offset); }
.settings-group[open]>summary { border-bottom:1px solid var(--line); }
.settings-group .settings-section { margin:0; border:0; background:transparent; }
.settings-focused .settings-actions { position:sticky; bottom:0; z-index:2; padding:12px 0; background:var(--app-canvas); }
.settings-installation { max-width:760px; margin-top:20px; border:1px solid var(--line); border-radius:9px; }
.settings-installation>dl { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:8px 20px; margin:0; padding:0 20px 20px; }
.settings-installation dd { margin:0; overflow-wrap:anywhere; }
@media(max-width:680px) {
  .sidebar-tools { position:static; flex-wrap:wrap; justify-content:flex-end; gap:4px 12px; }
  .settings-group>summary, .settings-installation>summary { padding:12px 16px; }
  .settings-focused .settings-actions { align-items:stretch; }
}

/* Dashboard category links and the next setup step use the same compact scale. */
.demo-strip { padding:8px 36px; border-bottom:1px solid var(--line); background:var(--surface); }
.attention-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.attention-filter { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:6px; min-height:var(--target-size); padding:9px 12px; border:1px solid var(--line-strong); border-radius:var(--radius-default); color:var(--ink); background:var(--surface); text-decoration:none; }
.attention-filter:hover { background:var(--interaction-hover); }
.attention-filter.is-selected { border-color:var(--ink); background:var(--interaction-pressed); }
.attention-filter strong { font-weight:600; font-variant-numeric:tabular-nums; }
.attention-filter small { color:var(--ink-muted); font-size:var(--font-meta-size); }
.onboarding-progress { color:var(--ink-muted); font-size:var(--font-meta-size); margin:6px 0 12px; }
.onboarding-next { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:14px 0; }
.onboarding-next>div { flex:1 1 220px; min-width:0; }
.onboarding-next p { color:var(--ink-muted); margin-top:4px; overflow-wrap:anywhere; }
@media(max-width:680px) {
  .demo-strip { padding:8px 18px; }
  .attention-filters { gap:6px; }
  .attention-filter { flex:1 1 auto; }
  .onboarding-next>.rk-button { width:100%; }
}

/* Keep the mobile overview compact without hiding values or navigation. */
@media(max-width:680px) {
  .sidebar nav>.nav-group { grid-column:span 2; min-width:0; }
  .sidebar nav>.nav-group:last-child { grid-column:span 3; }
  .nav-group-links { grid-template-columns:minmax(0,1fr); }
  .sidebar nav .nav-group-links a span { overflow-wrap:anywhere; }
  .summary-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .summary-strip>div:first-child { grid-column:1/-1; }
  .summary-strip>div:nth-child(n+2) { display:flex; flex-direction:column; gap:4px; }
  .summary-strip>div:nth-child(3) { border-left:1px solid var(--line); }
  .summary-strip>div:nth-child(n+2) strong { align-self:flex-start; margin:0; overflow-wrap:anywhere; }
}
@media(max-width:680px) {
  .sidebar-bottom { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; }
  .sidebar-bottom .account-link { flex:1 1 6rem; min-width:0; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .sidebar-tools { flex:0 1 auto; }
  .list-tools>.tabs { flex:1 0 100%; }
  .list-tools>.search-field { flex:1 1 10rem; width:auto; min-width:0; max-width:none; }
  .list-tools>.filter-disclosure:not([open]) { flex:0 0 auto; }
  .summary-strip>div:nth-child(n+2) small { line-height:1.3; }
}

/* Dashboard rows pair the document and customer before secondary detail. */
.attention-list>li { padding-block:18px; }
.attention-title { display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px; }
.attention-title>h2 { flex:0 0 auto;max-width:100%; }
.attention-title>p { margin:0;min-width:0;color:var(--ink-muted); }
.attention-main>small { display:block;margin-top:6px;line-height:1.6; }
.monthly-panel{margin-bottom:20px}.monthly-plots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:16px 0 24px}.monthly-plots h3{font-size:var(--font-body-size);margin:0}.monthly-plots .field-hint{margin:4px 0}.monthly-plots .tv-signed-row{min-height:2.25rem;padding:.2rem 0}.monthly-plots .tv-signed-axis,.monthly-plots .tv-signed-row{grid-template-columns:5rem minmax(5rem,1fr) 8rem}
@container (max-width: 28rem){.monthly-plots .tv-signed-axis,.monthly-plots .tv-signed-row{grid-template-columns:minmax(0,1fr) auto}.monthly-plots .tv-signed-title,.monthly-plots .tv-signed-graph{grid-column:1/-1}.monthly-plots .tv-signed-row .tv-track{grid-column:1/-1;grid-row:2}}

@media(max-width:1100px){.monthly-plots{grid-template-columns:minmax(0,1fr);gap:24px}}

/* Exact values remain in the report table; point labels would overlap at longer ranges. */
.monthly-plots .tv-time-plot svg g[aria-label="text"]{display:none}
.monthly-plots .tv-time-plot{padding-left:1rem;box-sizing:border-box}
.monthly-plots .tv-time-plot svg{overflow:visible}
.monthly-plots .tv-time-plot svg{min-width:18rem}
@container (max-width: 18rem){.monthly-plots .tv-signed-row .tv-track{grid-row:3}}

/* Business and personal disclosures live inside the existing native sidebar. */
.business-context,.personal-account{position:relative;min-width:0}.business-context{margin:0 0 18px}.business-context>summary,.personal-account>summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;list-style:none;cursor:pointer;font-size:var(--font-body-size);color:var(--ink)}.business-context>summary::-webkit-details-marker,.personal-account>summary::-webkit-details-marker{display:none}.business-context>summary>[data-orgname]{min-width:0;flex:1;overflow-wrap:anywhere;font-weight:500;line-height:1.4}.business-context>summary>rk-icon:last-child,.personal-account>summary>rk-icon:last-child{margin-left:auto;transform:rotate(90deg)}.business-context[open]>summary>rk-icon:last-child,.personal-account[open]>summary>rk-icon:last-child{transform:rotate(-90deg)}.context-menu{box-sizing:border-box;position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:40;display:grid;gap:2px;padding:6px;border:1px solid var(--line);border-radius:7px;background:var(--surface);box-shadow:0 8px 24px #00000018;max-width:calc(100vw - 32px);max-height:min(26rem,60vh);overflow:auto}.business-context:not([open])>.context-menu,.personal-account:not([open])>.context-menu{display:none}.context-menu>a,.context-menu>button{display:flex;align-items:center;min-height:42px;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:var(--ink);font:inherit;font-size:var(--font-body-size);text-align:start;text-decoration:none;cursor:pointer}.context-menu>a:hover,.context-menu>button:hover{background:var(--interaction-hover)}.context-person{padding:8px 10px;margin:0!important;font-size:var(--font-body-size)!important;line-height:1.5;overflow-wrap:anywhere;color:var(--ink-muted)}.context-person small{display:block;font-size:var(--font-meta-size)}.personal-account{width:100%;margin-top:12px}.personal-account>.context-menu{top:auto;bottom:calc(100% + 6px)}.personal-account>summary{border-color:transparent}.business-context>summary:hover,.personal-account>summary:hover{background:var(--interaction-hover)}
@media(max-width:680px){.business-context{margin:0;width:100%}.business-context>summary{min-height:42px}.sidebar-bottom:has(.personal-account){display:block;padding:0}.sidebar-bottom:has(.personal-account)>.local-indicator{display:none}.personal-account{margin:0}.personal-account>summary{width:max-content;margin-left:auto}.personal-account>.context-menu{inset-inline-start:auto;width:min(18rem,calc(100vw - 36px))}}
@media(max-width:420px){.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar nav>.nav-group,.sidebar nav>.nav-group:last-child{grid-column:1/-1}.sidebar nav>a span,.sidebar nav .nav-item>a>span{max-inline-size:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}}
/* Keep the native sidebar on desktop; disclose its destinations on phones. */
.native-navigation{min-width:0}.native-navigation>summary{display:none}
@media(max-width:680px){
 .sidebar{position:relative;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding-block:10px}
 .sidebar>.brand{grid-column:1;grid-row:1}.sidebar>.business-context{grid-column:1;grid-row:2;min-width:0}
 .sidebar>.sidebar-bottom{grid-column:2;grid-row:2}.sidebar>.native-navigation{grid-column:2;grid-row:1}
 .native-navigation>summary{display:flex;gap:6px;align-items:center;justify-content:flex-end;list-style:none;cursor:pointer;min-height:44px;font-size:var(--font-meta-size);color:var(--ink-muted)}
 .native-navigation>summary::-webkit-details-marker{display:none}.native-navigation>summary::after{content:'⌄';font-size:18px}.native-navigation[open]>summary::after{content:'⌃'}
 [data-navigation-current]{max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
 .native-navigation:not([open])>nav{display:none}
 .native-navigation[open]>nav{position:absolute;inset-inline:18px;inset-block-start:calc(100% - 4px);z-index:30;max-height:calc(100dvh - 140px);overflow:auto;padding:12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);box-shadow:0 8px 20px #0002}
 .sidebar>.workspace-label,.sidebar>.organisation-picker{grid-column:1;grid-row:2}
}