/* ---------- PROPOSALS and INVOICES ---------- */
/* Page head on the scrim, room tabs, Linear rows in the library, the editors as a cream paper sheet beside a glass rail. */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-head-actions { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-share-shortcut { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; margin: 0 0 16px !important; padding: 12px 16px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal :is(#documents-share-hint, .documents-share-shortcut > p) { margin: 0 !important; flex: 1 1 240px !important; }
/* the working copy and its save state: one quiet meta line under the subtitle */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-current { display: flex !important; justify-content: flex-start !important; align-items: center !important; gap: 6px 14px !important; flex-wrap: wrap !important; padding: 0 !important; margin: -8px 0 14px !important; background: none !important; box-shadow: none !important; border: 0 !important; font: 400 13px/1.5 var(--at-sans) !important; color: var(--at-ink-2) !important; text-shadow: var(--at-text-shadow); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-context { font: 500 14px/1.4 var(--at-sans) !important; color: var(--at-ink) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-feedback { display: inline-flex; align-items: center; gap: 6px; margin: 0; color: var(--at-ink-2); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-feedback:not(:empty)::before { content: ""; inline-size: 7px; block-size: 7px; border-radius: 50%; background: var(--at-green); box-shadow: 0 0 0 3px var(--at-green-soft); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-feedback.documents-error:not(:empty)::before { background: var(--at-rose); box-shadow: 0 0 0 3px var(--at-rose-soft); }
/* room tabs: Library | Editor under the title, document tools on the end */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-tools-bar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin: 0 0 18px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal details.documents-secondary { border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important; min-inline-size: 0 !important; position: relative; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal details.documents-secondary[open] > :not(summary) { padding: 8px; border-radius: var(--at-r-md); background: var(--at-glass-strong); border: 1px solid var(--at-line); box-shadow: var(--at-shadow-sm); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal :is(.documents-detail-actions, .documents-editor-bar) { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 8px 0 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal details.documents-secondary .documents-detail-actions:empty { display: none !important; }
/* one row under the head: room tabs on the start, the working copy and its save state, then document tools */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-root { display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-root > * { flex: 1 1 100%; min-inline-size: 0; order: 1; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-root > .documents-tools-bar { display: contents !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-root > .documents-tools-bar > .documents-modes { order: 2; flex: 0 0 auto; margin-block-end: 18px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-root > .documents-current { order: 3; flex: 1 1 auto; justify-content: flex-end !important; margin: 0 0 18px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-root > .documents-tools-bar > .documents-secondary { order: 4; flex: 0 0 auto; margin-block-end: 18px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-root > :is(.documents-library, .documents-note, .documents-limits) { order: 5; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-root > .tool-guidance { max-inline-size: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal details.documents-secondary[open] > :not(summary) { position: absolute; inset-inline-end: 0; inset-block-start: calc(100% + 6px); z-index: 30; min-inline-size: 260px; }
/* the editors are about the document: the first-use guidance stays on the library */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal[data-document-view="editor"] .tool-guidance { display: none !important; }
/* ---- library: list toolbar, Linear rows, inspector ---- */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-library { display: flex !important; flex-direction: column !important; gap: 12px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-toolbar { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-toolbar > .documents-field:first-child { flex: 1 1 320px !important; position: relative; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-toolbar > .documents-field:first-child > span { position: absolute !important; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-toolbar #documents-search:not(:disabled) { min-height: 44px; padding-inline-start: 42px !important; border-radius: 14px !important; background-color: var(--at-glass) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23889590' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: 18px !important; background-position: 14px 50% !important; box-shadow: var(--at-sheen) !important; }
html[dir="rtl"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-toolbar #documents-search:not(:disabled) { background-position: calc(100% - 14px) 50% !important; }
/* filter chips: "Type Invoice", "Visibility Active" — the native select stays the control */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-toolbar > .documents-field:not(:first-child) { flex: 0 0 auto !important; flex-direction: row !important; align-items: center !important; gap: 0 !important; padding-inline-start: 14px; border: 1px solid var(--at-line); border-radius: 14px; background: var(--at-glass-2); box-shadow: var(--at-sheen); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-toolbar > .documents-field:not(:first-child) > span { font-size: 13px !important; font-weight: 500 !important; color: var(--at-ink-3) !important; white-space: nowrap; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-toolbar > .documents-field:not(:first-child) .localized-control { display: block; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-toolbar > .documents-field:not(:first-child) :is(select, button.localized-control-input):not(:disabled) { min-height: 42px; border: 0 !important; background: transparent !important; box-shadow: none !important; padding-inline: 6px 30px !important; font-weight: 600 !important; color: var(--at-ink) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-results { margin: 0 !important; padding: 0 4px !important; background: none !important; box-shadow: none !important; font-size: 13px !important; color: var(--at-ink-3) !important; text-shadow: var(--at-text-shadow); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-split { display: grid !important; grid-template-columns: minmax(0, 1.5fr) minmax(320px, 1fr) !important; gap: 16px !important; align-items: start !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-list { display: flex !important; flex-direction: column !important; gap: 0 !important; padding: 6px !important; min-block-size: 240px !important; min-inline-size: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-list > p.muted { margin: 4px 12px 12px !important; font: 400 14px/1.5 var(--at-sans) !important; color: var(--at-ink-3) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-list > .documents-empty-title { margin: 14px 12px 4px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row:not(:disabled) { display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(118px, auto) !important; align-items: center !important; gap: 4px 16px !important; min-block-size: 56px; padding: 8px 14px !important; margin: 0 !important; border: 0 !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important; text-align: start; color: var(--at-ink); position: relative; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row:not(:disabled) + .documents-row::before { content: ""; position: absolute; inset-inline: 14px; inset-block-start: 0; border-block-start: 1px solid var(--at-line-2); transition: opacity var(--at-fast) var(--at-ease); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row:not(:disabled):hover { background: var(--at-hover) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row:not(:disabled):hover::before, html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row:not(:disabled):hover + .documents-row::before, html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row[aria-pressed="true"]::before, html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row[aria-pressed="true"] + .documents-row::before { opacity: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row[aria-pressed="true"]:not(:disabled) { background: var(--at-fill-2) !important; box-shadow: inset 3px 0 0 var(--at-green) !important; }
html[dir="rtl"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row[aria-pressed="true"]:not(:disabled) { box-shadow: inset -3px 0 0 var(--at-green) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row-main { display: flex !important; flex-direction: column !important; gap: 2px !important; min-inline-size: 0; font: 400 13px/1.4 var(--at-sans) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row-main > strong { font: 500 15px/1.35 var(--at-sans); color: var(--at-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row-main > .muted { color: var(--at-ink-3) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row-main > [data-invoice-unsaved] { color: var(--at-amber) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row-meta { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 2px !important; font: 500 14px/1.35 var(--at-sans); font-variant-numeric: tabular-nums; white-space: nowrap; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row-meta > .muted { font-size: 13px; font-weight: 400; color: var(--at-ink-3) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row-status { justify-self: end; }
/* chips: dot + word in four tints */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal :is(.documents-chip, .invoice-state-chip) { display: inline-flex; align-items: center; gap: 6px; min-block-size: 24px; padding: 2px 10px; border-radius: 999px; background: var(--at-fill-2); color: var(--at-ink-2); font: 500 12px/1.3 var(--at-sans); white-space: nowrap; }
html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal :is(.documents-chip, .invoice-state-chip) { font-size: 13px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal :is(.documents-chip, .invoice-state-chip)::before { content: ""; inline-size: 6px; block-size: 6px; border-radius: 50%; background: currentColor; flex: none; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal :is(.documents-chip, .invoice-state-chip)[data-tone="blue"] { background: var(--at-blue-soft); color: var(--at-blue); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal :is(.documents-chip, .invoice-state-chip)[data-tone="amber"] { background: var(--at-amber-soft); color: var(--at-amber); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal :is(.documents-chip, .invoice-state-chip)[data-tone="rose"] { background: var(--at-rose-soft); color: var(--at-rose); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal :is(.documents-chip, .invoice-state-chip)[data-tone="green"] { background: var(--at-green-soft); color: var(--at-green-text); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-detail { padding: 22px !important; min-inline-size: 0 !important; display: flex; flex-direction: column; gap: 10px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-detail > .documents-eyebrow { margin: 0 !important; font: 600 12px/1.4 var(--at-sans) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--at-ink-3) !important; }
html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-detail > .documents-eyebrow { font-size: 13px !important; letter-spacing: 0; text-transform: none; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-detail > h2 { margin: 0 0 4px !important; font: 400 30px/1.12 var(--at-serif) !important; letter-spacing: -.01em; color: var(--at-ink) !important; overflow-wrap: anywhere; }
html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-detail > h2 { font: 500 24px/1.35 var(--at-sans) !important; letter-spacing: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-facts { display: grid; gap: 0; margin: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-fact { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-block-end: 1px solid var(--at-line-2); font-size: 14px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-fact:last-child { border-block-end: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-fact > dt { color: var(--at-ink-3); font-weight: 400; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-fact > dd { margin: 0; color: var(--at-ink); text-align: end; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-detail-actions > .documents-primary:not(:disabled) { background: var(--at-green) !important; border: 1px solid var(--at-green-edge) !important; color: var(--at-green-ink) !important; font-size: 14px; font-weight: 600 !important; box-shadow: var(--at-green-glow), inset 0 1px 0 rgb(255 255 255 / .35) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-detail > .documents-detail-actions { margin: 6px 0 0 !important; padding-block-start: 14px; border-block-start: 1px solid var(--at-line-2); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-versions { margin-block-start: 6px; padding-block-start: 14px; border-block-start: 1px solid var(--at-line-2); display: grid; gap: 10px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal :is(.documents-note, .documents-limits) { margin: 10px 0 0 !important; padding: 0 4px !important; background: none !important; box-shadow: none !important; border: 0 !important; font-size: 13px !important; color: var(--at-ink-3) !important; text-shadow: var(--at-text-shadow); }
/* ---- proposals editor: the paper column and a glass rail ---- */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .proposal-bento { display: grid; gap: 16px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .proposal-bento-card { padding: 20px !important; min-inline-size: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .proposal-detail { padding: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .proposal-detail > summary:not(:disabled) { min-height: 52px; display: flex; align-items: center; padding: 12px 18px; font: 500 14px/1.4 var(--at-sans); color: var(--at-ink); cursor: pointer; border-radius: var(--at-r-lg); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .proposal-detail[open] > summary { border-bottom: 1px solid var(--at-line); border-end-start-radius: 0; border-end-end-radius: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .proposal-detail-body { margin: 12px 18px 18px; padding: 14px 16px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal :is(.proposal-templates, .proposal-discovery) { padding: 18px 20px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .proposal-money-figures { display: flex; flex-wrap: wrap; gap: 10px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .proposal-money-stat { min-inline-size: 140px; padding: 14px 16px !important; display: flex; flex-direction: column; gap: 2px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form.proposal-document { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important; gap: 24px !important; align-items: start !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form.proposal-document > * { grid-column: 1 / -1 !important; min-inline-size: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form.proposal-document > .proposal-main { grid-column: 1 !important; display: flex; flex-direction: column; gap: 16px; min-inline-size: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form.proposal-document > .proposal-rail { grid-column: 2 !important; display: flex; flex-direction: column; gap: 14px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-main > .proposal-helpers { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; align-items: start; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-helpers > * { margin: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper .proposal-detail .proposal-detail { padding: 0 !important; border: 0 !important; border-block: 1px solid var(--at-line) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper .proposal-detail .proposal-detail > summary:not(:disabled) { border: 0 !important; border-radius: 0 !important; padding-inline: 0 !important; font-weight: 600 !important; }
/* sample review: the generated details in two compact columns */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-sample-fields { display: grid !important; grid-template-columns: repeat(2, max-content minmax(0, 1fr)); gap: 8px 16px; padding: 14px 16px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-sample-fields > dt { font-weight: 600; color: var(--at-ink-2); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-sample-fields > dd { margin: 0; overflow-wrap: anywhere; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-rail > * { margin: 0 !important; }
/* the paper: the proposal the client reads, with its own ink */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper {
  --at-ink: #17201b; --at-ink-2: rgb(23 32 27 / .78); --at-ink-3: #56625b; --at-ink-4: rgb(23 32 27 / .34);
  --at-line: rgb(23 32 27 / .14); --at-line-2: rgb(23 32 27 / .08);
  --at-fill-1: rgb(23 32 27 / .035); --at-fill-2: rgb(23 32 27 / .06); --at-fill-3: rgb(23 32 27 / .1); --at-hover: rgb(23 32 27 / .045);
  --at-glass: rgb(23 32 27 / .04); --at-glass-2: rgb(23 32 27 / .04); --at-glass-strong: #fff; --at-pane: transparent;
  --at-green-text: #0b7a4a; --at-green-soft: rgb(11 138 82 / .14); --at-green-edge: #0b8a52; --at-sheen: none; --at-text-shadow: none;
  --at-amber: #8a5600; --at-amber-soft: rgb(244 192 110 / .26); --at-rose: #b3261e; --at-rose-soft: rgb(255 156 146 / .22); --at-blue: #1f4fb8; --at-blue-soft: rgb(169 195 255 / .26);
  --paper-ring: rgb(11 138 82 / .55); --paper-tint: rgb(29 217 126 / .08);
  --text: var(--at-ink); --muted: var(--at-ink-3); --border: var(--at-line); --card: transparent; --row: var(--at-fill-1);
  color-scheme: light; color: var(--at-ink); min-inline-size: 0;
  padding: 44px 52px 36px; background: #faf8f2; border-radius: 8px;
  box-shadow: 0 1px 0 rgb(255 255 255 / .5) inset, 0 30px 80px rgb(0 0 0 / .45), 0 2px 8px rgb(0 0 0 / .25);
}
html[data-theme="light"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper { background: #fff; box-shadow: 0 30px 70px rgb(30 60 45 / .16), 0 2px 8px rgb(30 60 45 / .08); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper-title { margin: 0 0 6px; font: 400 64px/1 var(--at-serif); letter-spacing: -.02em; color: var(--at-ink); }
html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper-title { font: 600 44px/1.2 var(--at-sans); letter-spacing: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper > :is(.proposal-bento-card, .proposal-detail, section, fieldset, details) { margin: 0 !important; padding: 22px 0 !important; border: 0 !important; border-block-end: 1px solid var(--at-line) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: var(--at-ink); min-inline-size: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper > :last-child { border-block-end: 0 !important; padding-block-end: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper > .proposal-detail { padding: 4px 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper > .proposal-detail > summary:not(:disabled) { min-height: 52px; padding: 0 8px !important; margin-inline: -8px; border: 0 !important; border-radius: 8px !important; background: none !important; font: 600 15px/1.4 var(--at-sans) !important; color: var(--at-ink) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper > .proposal-detail > summary:not(:disabled):hover { background: var(--at-hover) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper > .proposal-detail[open] > summary { border-block-end: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper .proposal-detail-body { margin: 4px 0 16px !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper :is(.proposal-bento-card > legend, .proposal-bento-card > h2, .proposal-bento-card > h3, .week-focus-kicker, .studio-label) { float: none; padding: 0 !important; margin: 0 0 14px !important; font: 600 12px/1.4 var(--at-sans) !important; letter-spacing: .07em !important; text-transform: uppercase !important; color: var(--at-ink-3) !important; text-shadow: none !important; }
html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper :is(.proposal-bento-card > legend, .proposal-bento-card > h2, .proposal-bento-card > h3, .week-focus-kicker, .studio-label) { font-size: 13px !important; letter-spacing: 0 !important; text-transform: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper .proposal-hint { color: var(--at-ink-3) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper .proposal-field { font-size: 12px; color: var(--at-ink-3); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper .proposal-field > span:first-child { font: 600 11.5px/1.4 var(--at-sans) !important; letter-spacing: .07em; text-transform: uppercase; color: var(--at-ink-3) !important; }
/* editable fields: text on paper, a green ring on hover and focus */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, button.localized-control-input):not(:disabled) { min-height: 40px; padding: 8px 10px !important; border: 0 !important; border-radius: 8px !important; background: var(--at-fill-1) !important; box-shadow: none !important; color: var(--at-ink) !important; font: 400 15px/1.45 var(--at-sans) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, button.localized-control-input):not(:disabled):hover { box-shadow: 0 0 0 1.5px var(--paper-ring) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, button.localized-control-input):not(:disabled):focus-visible { outline: 3px solid #0b8a52 !important; outline-offset: 0 !important; box-shadow: 0 0 0 5px rgb(11 138 82 / .14) !important; background: #fff !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper :is(input, select, textarea)[aria-invalid="true"]:not(:disabled) { box-shadow: 0 0 0 2px var(--at-rose) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper textarea:not(:disabled) { min-height: 64px !important; field-sizing: content; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper .proposal-field:focus-within { color: var(--at-ink); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper :is(.pricing-protect-chip, .proposal-next-phase-chip) { background: var(--at-fill-2) !important; color: var(--at-ink-2) !important; border: 0 !important; box-shadow: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper .pricing-protect-chip.is-on { background: var(--at-green-soft) !important; color: var(--at-green-text) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper :is(button, summary):not(:disabled):not(.action-main):not(.rt-btn-primary):not(.localized-control-input) { color: var(--at-ink) !important; border-color: var(--at-line) !important; background: transparent !important; box-shadow: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper :is(button, summary):not(:disabled):not(.action-main):not(.rt-btn-primary):not(.localized-control-input):hover { background: var(--at-hover) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper .action-main:not(:disabled) { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--at-green-text) !important; font-weight: 600 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper .action-main:not(:disabled):hover { background: var(--at-green-soft) !important; }
/* the rail: money, dates and sharing stay glass */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-rail > :is(.proposal-bento-card, section, details) { padding: 18px 20px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-rail .proposal-money-top { display: grid !important; gap: 12px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-rail .proposal-money-figures { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-rail .proposal-money-stat { min-inline-size: 0; padding: 12px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-rail :is(.proposal-scope-cols, .proposal-scope-meta, .form-grid) { grid-template-columns: minmax(0, 1fr) !important; }
/* ---- invoice editor: head on the scrim ---- */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-toolbar { align-items: flex-end !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-toolbar-copy { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-toolbar h2 { margin: 0 !important; font: 400 34px/1.1 var(--at-serif) !important; letter-spacing: -.01em !important; color: var(--at-ink) !important; text-shadow: var(--at-text-shadow); }
html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-toolbar h2 { font: 500 28px/1.35 var(--at-sans) !important; letter-spacing: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-toolbar .invoice-lead { flex: 1 1 100%; margin: 0 !important; font-size: 14px !important; color: var(--at-ink-2) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-state-chip[hidden] { display: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-toolbar > .invoice-actions { gap: 8px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-section-nav { margin: 0 0 16px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-section-nav { display: inline-flex !important; flex-wrap: nowrap !important; inline-size: auto !important; max-inline-size: 100%; overflow-x: auto; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-section-nav > button:not(:disabled) { flex: 0 0 auto !important; inline-size: auto !important; white-space: nowrap !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-feedback { font-size: 14px; line-height: 1.65; margin: 0 0 8px; color: var(--at-ink-2); text-shadow: var(--at-text-shadow); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-feedback:empty { display: none; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-warning { font-size: 14px; line-height: 1.65; color: var(--at-amber); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-sky, html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-actbar { display: none; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-local-note { margin: 16px 0 0 !important; padding: 0 4px !important; background: none !important; border: 0 !important; box-shadow: none !important; font-size: 13px; color: var(--at-ink-3); text-shadow: var(--at-text-shadow); }
/* ---- the workspace: paper + glass rail ---- */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-workspace { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important; gap: 24px !important; align-items: start !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
/* the paper: a cream sheet with its own ink. Every primitive inside reads these tokens. */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root #invoice-form.invoice-editor {
  --at-ink: #17201b; --at-ink-2: rgb(23 32 27 / .78); --at-ink-3: #56625b; --at-ink-4: rgb(23 32 27 / .34);
  --at-line: rgb(23 32 27 / .14); --at-line-2: rgb(23 32 27 / .08);
  --at-fill-1: rgb(23 32 27 / .035); --at-fill-2: rgb(23 32 27 / .06); --at-fill-3: rgb(23 32 27 / .1); --at-hover: rgb(23 32 27 / .045);
  --at-glass: rgb(23 32 27 / .04); --at-glass-2: rgb(23 32 27 / .04); --at-glass-strong: #fff; --at-pane: transparent;
  --at-green-text: #0b7a4a; --at-green-soft: rgb(11 138 82 / .14); --at-green-edge: #0b8a52; --at-sheen: none; --at-text-shadow: none;
  --at-amber: #8a5600; --at-amber-soft: rgb(244 192 110 / .26); --at-rose: #b3261e; --at-rose-soft: rgb(255 156 146 / .22); --at-blue: #1f4fb8; --at-blue-soft: rgb(169 195 255 / .26);
  --paper-ring: rgb(11 138 82 / .55); --paper-tint: rgb(29 217 126 / .08);
  color-scheme: light; color: var(--at-ink);
  display: block !important; min-inline-size: 0; padding: 48px 56px 40px !important;
  background: #faf8f2 !important; border: 0 !important; border-radius: 8px !important;
  box-shadow: 0 1px 0 rgb(255 255 255 / .5) inset, 0 30px 80px rgb(0 0 0 / .45), 0 2px 8px rgb(0 0 0 / .25) !important;
}
html[data-theme="light"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root #invoice-form.invoice-editor { background: #fff !important; box-shadow: 0 30px 70px rgb(30 60 45 / .16), 0 2px 8px rgb(30 60 45 / .08) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root #invoice-form.invoice-editor[hidden] { display: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form :is(.invoice-essentials, .invoice-items, .invoice-business, .invoice-global-adjustments, .invoice-adjustments) { padding: 0 !important; margin: 0; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
/* section headings are still the landmarks' names; the paper shows the document's own structure instead */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form :is(#invoice-essentials-heading, #invoice-items-heading) { position: absolute !important; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin: 0 0 26px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-title { margin: 0; font: 400 64px/1 var(--at-serif); letter-spacing: -.02em; color: var(--at-ink); }
html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-title { font: 600 44px/1.2 var(--at-sans); letter-spacing: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-from:not(:disabled) { display: block; max-inline-size: 46%; min-height: 44px; padding: 6px 10px !important; margin: -6px -10px 0 0; border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; color: var(--at-ink-2) !important; font: 400 14px/1.55 var(--at-sans) !important; text-align: end; white-space: pre-line; overflow-wrap: anywhere; }
html[dir="rtl"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-from:not(:disabled) { margin: -6px 0 0 -10px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-from:not(:disabled)::first-line { font-weight: 600; color: var(--at-ink); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-from:not(:disabled):hover { box-shadow: 0 0 0 1.5px var(--paper-ring) !important; background: transparent !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-from:disabled { display: block; max-inline-size: 46%; white-space: pre-line; text-align: end; font-size: 14px; }
/* meta: bill to · number · dates · currency, small caps labels over borderless fields */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-essentials { display: grid !important; grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr)); grid-template-areas: "bill number issue" "bill currency due"; gap: 14px 28px !important; padding: 20px 0 24px !important; border-block: 1px solid var(--at-line) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-intro { display: contents !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-intro > .invoice-field:nth-child(1) { grid-area: number; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-intro > .invoice-field:nth-child(2) { grid-area: currency; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-intro > .invoice-field:nth-child(3) { grid-area: issue; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-intro > .invoice-field:nth-child(4) { grid-area: due; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-essentials > .invoice-field { grid-area: bill; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-field { display: flex !important; flex-direction: column; gap: 4px !important; min-inline-size: 0; font-size: 13px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form :is(.invoice-essentials, .invoice-parties, .invoice-notes) .invoice-field > span:first-child { font: 600 11.5px/1.4 var(--at-sans) !important; letter-spacing: .07em; text-transform: uppercase; color: var(--at-ink-3) !important; }
html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form :is(.invoice-essentials, .invoice-parties, .invoice-notes) .invoice-field > span:first-child { font-size: 13px !important; letter-spacing: 0; text-transform: none; }
/* editable fields: text on paper, a green ring on hover and focus */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form :is(input:not([type="checkbox"]), select, textarea, button.localized-control-input):not(:disabled) { min-height: 40px; margin-inline: -8px; inline-size: calc(100% + 16px) !important; max-inline-size: none !important; padding: 7px 8px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; color: var(--at-ink) !important; font: 400 15px/1.45 var(--at-sans) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form :is(input:not([type="checkbox"]), select, textarea, button.localized-control-input):not(:disabled):hover { box-shadow: 0 0 0 1.5px var(--paper-ring) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form :is(input:not([type="checkbox"]), select, textarea, button.localized-control-input):not(:disabled):focus-visible { outline: 3px solid #0b8a52 !important; outline-offset: 0 !important; box-shadow: 0 0 0 5px rgb(11 138 82 / .14) !important; background: #fff !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form :is(input, select, textarea)[aria-invalid="true"]:not(:disabled) { box-shadow: 0 0 0 2px var(--at-rose) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form textarea:not(:disabled) { min-height: 44px !important; resize: none; field-sizing: content; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form :is(input, select, textarea):disabled { border: 0 !important; background: transparent !important; color: var(--at-ink-2) !important; padding-inline: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-essentials > .invoice-field textarea:not(:disabled) { min-height: 64px !important; }
/* line items as Linear rows on paper */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-items { padding: 22px 0 4px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-lines-head, html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line { display: grid !important; grid-template-columns: minmax(0, 1fr) 76px 124px 112px 128px; column-gap: 14px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-lines-head { padding: 0 12px 10px; border-block-end: 1.5px solid var(--at-ink); font: 600 11.5px/1.4 var(--at-sans); letter-spacing: .07em; text-transform: uppercase; color: var(--at-ink-3); }
html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-lines-head { font-size: 13px; letter-spacing: 0; text-transform: none; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-lines-head > :nth-child(n + 2) { text-align: end; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-lines-head > :nth-child(4) { text-align: start; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-lines { display: block !important; gap: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line { position: relative; align-items: start; row-gap: 2px; margin: 0 !important; padding: 12px 12px 8px !important; border: 0 !important; border-block-end: 1px solid var(--at-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; min-inline-size: 0; transition: background-color var(--at-fast) var(--at-ease); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line:focus-within { background: var(--paper-tint) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line > .invoice-field { grid-column: 1; grid-row: 1; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-numbers { display: contents !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-numbers > .invoice-field:nth-child(1) { grid-column: 2; grid-row: 1; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-numbers > .invoice-field:nth-child(2) { grid-column: 3; grid-row: 1; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-numbers > .invoice-field:nth-child(3) { grid-column: 4; grid-row: 1; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line .invoice-field > span:first-child { position: absolute !important; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-numbers :is(input, select) { text-align: end; font-variant-numeric: tabular-nums; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-numbers select:not(:disabled) { text-align: start; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-total { grid-column: 5; grid-row: 1; padding: 8px 0; text-align: end; font: 500 15px/1.45 var(--at-sans); font-variant-numeric: tabular-nums; color: var(--at-ink); overflow-wrap: anywhere; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line > .invoice-adjustments { grid-column: 1 / 3; grid-row: 2; padding: 0 !important; border: 0 !important; font-size: 13px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line > .invoice-adjustments[open] { grid-column: 1 / -1; grid-row: 3; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-actions { grid-column: 3 / -1; grid-row: 2; display: flex !important; justify-content: flex-end !important; gap: 2px !important; opacity: 0; transition: opacity var(--at-fast) var(--at-ease); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line:is(:hover, :focus-within) .invoice-line-actions { opacity: 1; }
@media (hover: none) {
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal #invoice-form .invoice-line-actions { opacity: 1; }
}
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-actions > button:not(:disabled), html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-adjustments > summary { min-height: 36px; padding: 0 10px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; color: var(--at-ink-3) !important; font: 500 13px/1.3 var(--at-sans) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-actions > button { position: relative; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-actions > button::after, html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-adjustments > summary::after { content: ""; position: absolute; inset: -4px 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-adjustments > summary { position: relative; display: inline-flex !important; gap: 8px; inline-size: fit-content; padding-block: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-actions > button:not(:disabled):hover, html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-adjustments > summary:hover { background: var(--at-hover) !important; color: var(--at-ink) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-actions > button:disabled { display: none; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-adjustments .invoice-detail-count { margin: 0; padding: 0 8px; border-radius: 999px; background: var(--at-fill-2); font-size: 12px; color: var(--at-ink-3); }
html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-adjustments .invoice-detail-count { font-size: 13px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-adjustments-body { padding: 8px 0 12px !important; gap: 10px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-adjustments-body :is(input, select):not(:disabled) { box-shadow: inset 0 0 0 1px var(--at-line) !important; margin-inline: 0; inline-size: 100% !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-adjustments-body .invoice-field > span:first-child { position: static !important; inline-size: auto; block-size: auto; clip-path: none; font-size: 12px; color: var(--at-ink-3); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-adjustments-body button:not(:disabled) { min-height: 40px; color: var(--at-ink) !important; border-color: var(--at-line) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form #invoice-add-line:not(:disabled) { margin: 10px 0 0 !important; min-height: 44px; padding: 0 12px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--at-green-text) !important; font: 600 14px/1.3 var(--at-sans) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form #invoice-add-line:not(:disabled)::before { content: "+"; margin-inline-end: 8px; font-size: 18px; font-weight: 400; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form #invoice-add-line:not(:disabled):hover { background: var(--at-green-soft) !important; }
/* foot: payment details and adjustments on the start, totals on the end */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-foot { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 340px); gap: 28px 40px; align-items: start; margin-block-start: 22px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-extras { display: grid; gap: 4px; min-inline-size: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-business > summary, html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-global-adjustments > .invoice-adjustments > summary { min-height: 44px; padding: 0 8px !important; margin-inline: -8px; border-radius: 8px; font: 600 14px/1.4 var(--at-sans) !important; color: var(--at-ink) !important; background: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-business > summary:hover, html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-global-adjustments > .invoice-adjustments > summary:hover { background: var(--at-hover) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form :is(.invoice-business, .invoice-global-adjustments) .invoice-detail-count { margin-inline-start: 6px; padding: 0 8px; border-radius: 999px; background: var(--at-fill-2); font-size: 12px; color: var(--at-ink-3); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-business .invoice-parties { display: grid !important; grid-template-columns: 1fr !important; margin: 6px 0 12px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-notes { display: grid !important; gap: 12px !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-totals { display: grid; gap: 8px; padding-block-start: 4px; font-size: 14px; color: var(--at-ink-2); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-totals .invoice-summary-row { display: flex; justify-content: space-between; gap: 12px; font-variant-numeric: tabular-nums; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-totals .invoice-summary-row > :last-child { color: var(--at-ink); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-totals .invoice-total { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 12px; margin-block-start: 6px; padding-block-start: 12px; border-block-start: 1.5px solid var(--at-ink); color: var(--at-ink); font-weight: 600; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-totals .invoice-total > :last-child { margin-inline-start: auto; font: 400 34px/1.05 var(--at-serif); letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-totals .invoice-total > :last-child { font: 600 26px/1.3 var(--at-sans); }
/* ---- the glass rail ---- */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-preview-wrap { display: flex !important; flex-direction: column; gap: 14px; min-inline-size: 0; max-inline-size: none !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root :is(.invoice-rail-panel, .invoice-payments) { margin: 0 !important; padding: 18px 20px !important; background: var(--at-pane) !important; border: 1px solid var(--at-line) !important; border-radius: var(--at-r-lg) !important; box-shadow: var(--at-sheen), var(--at-shadow) !important; color: var(--at-ink); min-inline-size: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root :is(.invoice-rail-title, #invoice-payments-heading, #invoice-preview-heading) { margin: 0 0 12px !important; font: 600 16px/1.35 var(--at-sans) !important; color: var(--at-ink) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-timeline { list-style: none; margin: 0; padding: 0; display: grid; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-step { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-block-size: 42px; font-size: 15px; color: var(--at-ink-3); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-step + .invoice-step::before { content: ""; position: absolute; inset-inline-start: 10px; inset-block-start: -14px; block-size: 20px; border-inline-start: 1.5px solid var(--at-line); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-step-dot { inline-size: 18px; block-size: 18px; border-radius: 50%; border: 1.5px solid var(--at-ink-4); box-sizing: border-box; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-step[data-step="done"] { color: var(--at-ink-2); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-step[data-step="done"] .invoice-step-dot { border-color: var(--at-green); background: var(--at-green); box-shadow: inset 0 0 0 3px var(--at-pane); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-step[data-step="now"] { color: var(--at-ink); font-weight: 500; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-step[data-step="now"] .invoice-step-dot { border: 2px solid var(--at-green); background: radial-gradient(circle, var(--at-green) 0 4px, transparent 4.5px); box-shadow: 0 0 0 4px var(--at-green-soft); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-step[data-tone="rose"][data-step="now"] { color: var(--at-rose); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-step[data-tone="rose"][data-step="now"] .invoice-step-dot { border-color: var(--at-rose); background: radial-gradient(circle, var(--at-rose) 0 4px, transparent 4.5px); box-shadow: 0 0 0 4px var(--at-rose-soft); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-step-when { font-size: 13px; color: var(--at-ink-3); font-weight: 400; font-variant-numeric: tabular-nums; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-facts { display: grid; margin: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-fact { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 12px; min-block-size: 48px; padding-block: 4px; border-block-end: 1px solid var(--at-line-2); font-size: 14px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-fact:last-of-type { border-block-end: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-fact[hidden] { display: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-fact > dt { color: var(--at-ink-3); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-fact > dd { margin: 0; margin-inline-start: auto; color: var(--at-ink); text-align: end; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; min-inline-size: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-client-pill { display: inline-flex; align-items: center; gap: 8px; padding: 3px 12px 3px 3px; border-radius: 999px; background: var(--at-fill-2); font-weight: 500; }
html[dir="rtl"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-client-pill { padding: 3px 3px 3px 12px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-client-pill.is-empty { padding: 4px 12px; color: var(--at-ink-3); font-weight: 400; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-client-initial { display: grid; place-items: center; inline-size: 26px; block-size: 26px; border-radius: 50%; background: var(--at-green-soft); color: var(--at-green-text); font-size: 13px; font-weight: 600; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-currency-seg { display: inline-flex; gap: 2px; padding: 3px; border-radius: 12px; background: var(--at-fill-1); box-shadow: inset 0 0 0 1px var(--at-line); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-currency-seg > .invoice-seg-option:not(:disabled) { min-height: 38px; min-width: 52px; padding: 0 12px !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; box-shadow: none !important; color: var(--at-ink-2) !important; font: 500 14px/1 var(--at-sans) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-currency-seg > .invoice-seg-option { position: relative; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-currency-seg > .invoice-seg-option::after { content: ""; position: absolute; inset: -3px 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-currency-seg > .invoice-seg-option:not(:disabled):hover { background: var(--at-hover) !important; color: var(--at-ink) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-currency-seg > .invoice-seg-option[aria-pressed="true"]:not(:disabled) { background: var(--at-fill-3) !important; color: var(--at-ink) !important; font-weight: 600 !important; box-shadow: var(--at-sheen) !important; }
html[data-theme="light"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-currency-seg > .invoice-seg-option[aria-pressed="true"]:not(:disabled) { background: #fff !important; box-shadow: 0 1px 3px rgb(30 60 45 / .14) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-currency-seg > .invoice-seg-option:disabled { min-height: 38px; min-width: 52px; padding: 0 12px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-currency-seg > .invoice-seg-option[aria-pressed="true"]:disabled { font-weight: 600; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-activity { list-style: none; margin: 0; padding: 0; display: grid; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-activity > li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-block-end: 1px solid var(--at-line-2); font-size: 14px; color: var(--at-ink-2); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-activity > li:last-child { border-block-end: 0; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-activity small { flex: none; font-size: 13px; color: var(--at-ink-3); font-variant-numeric: tabular-nums; }
/* payment history and the client view are panels of the rail too */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-payments .invoice-summary { margin: 0 0 12px !important; padding: 12px 14px !important; display: grid; gap: 6px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-payments .invoice-total { margin: 4px 0 0; padding-block-start: 8px; border-block-start: 1px solid var(--at-line); font-size: 15px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-payments .invoice-actions { gap: 6px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-payments .invoice-actions > button:not(:disabled) { flex: 1 1 auto; min-width: 0; padding-inline: 12px; font-size: 13px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-payment-history { margin: 12px 0 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-payment-history > li { padding: 10px 0; border-block-end: 1px solid var(--at-line-2); font-size: 14px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-payment-history > li.muted { color: var(--at-ink-3); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-output { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-output .invoice-actions { gap: 6px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-output .invoice-actions > button:not(:disabled) { flex: 1 1 auto; min-width: 0; padding-inline: 12px; font-size: 13px; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-output-hint { font-size: 13px; color: var(--at-ink-3); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-preview .invoice-paper { padding: 22px !important; font-size: 12px; border-radius: 6px; background: #faf8f2 !important; color: #1b1f1d !important; box-shadow: 0 10px 30px rgb(0 0 0 / .35) !important; border: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-preview .invoice-preview-table { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-preview .invoice-preview-table :is(thead, tbody, tr, th, td) { background: transparent !important; color: #1b1f1d !important; border-color: rgb(23 32 27 / .14) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-preview .invoice-preview-table th { border-block-end: 1.5px solid #1b1f1d !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-preview .invoice-calculation { color: #56625b !important; }
html[data-theme="light"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-preview .invoice-paper { background: #fff !important; box-shadow: 0 0 0 1px rgb(23 32 27 / .08), 0 10px 30px rgb(30 60 45 / .1) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .invoice-paper { background: #faf8f2 !important; color: #1b1f1d !important; border-radius: 6px; box-shadow: 0 1px 0 rgb(255 255 255 / .4) inset, 0 30px 80px rgb(0 0 0 / .45), 0 2px 8px rgb(0 0 0 / .25) !important; border: 0 !important; }
html[data-theme="light"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .invoice-paper { background: #fff !important; box-shadow: 0 30px 70px rgb(30 60 45 / .18), 0 2px 8px rgb(30 60 45 / .08) !important; }
@media (max-width: 1180px) {
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form.proposal-document { grid-template-columns: minmax(0, 1fr) !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form.proposal-document > .proposal-rail { grid-column: 1 !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: start; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-workspace { grid-template-columns: minmax(0, 1fr) !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-preview-wrap { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: start; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-rail-preview { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-split { grid-template-columns: minmax(0, 1fr) !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-toolbar > .documents-field:not(:first-child) { flex: 1 1 140px !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-toolbar > .documents-field:not(:first-child) .localized-control { display: block; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-toolbar > .documents-field:not(:first-child) :is(select, button.localized-control-input):not(:disabled) { flex: 1 1 auto; min-width: 0; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-modes { display: flex !important; width: 100% !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-modes > button:not(:disabled) { flex: 1 1 0 !important; min-width: 0 !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-tools-bar > details.documents-secondary { inline-size: 100% !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-list { min-block-size: 0 !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal :is(.documents-detail, .proposal-bento-card) { padding: 16px !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper { padding: 26px 20px 20px; border-radius: 22px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-sample-fields { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-sample-fields > dd { margin-block-end: 8px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper-title { font-size: 46px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #proposal-form .proposal-paper :is(.form-grid, .proposal-scope-cols, .proposal-scope-meta) { grid-template-columns: minmax(0, 1fr) !important; }
  /* phone invoice: the amount in the sky above the paper, a sticky glass action bar */
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-toolbar h2 { font-size: 28px !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-toolbar .invoice-lead { display: none; }
  /* Save and Mark as sent live in the sticky bar on the phone; Discard stays in the head */
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-toolbar > .invoice-actions > :is(#invoice-save, #invoice-mark-sent) { display: none !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-toolbar > .invoice-actions:not(:has(#invoice-discard:not([hidden]))) { display: none; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-sky { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 2px 16px; margin: 4px 0 16px; text-shadow: var(--at-text-shadow); }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-sky-key { grid-column: 1; margin: 0; font-size: 14px; color: var(--at-ink-2); overflow-wrap: anywhere; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-sky-amount { grid-column: 1 / -1; grid-row: 2; margin: 0; white-space: nowrap; font: 400 clamp(34px, 11vw, 46px)/1.05 var(--at-serif); letter-spacing: -.01em; color: var(--at-ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
  html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-sky-amount { font: 600 34px/1.3 var(--at-sans); }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-sky-due { grid-column: 2; grid-row: 1; margin: 0; font-size: 14px; color: var(--at-ink); text-align: end; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-workspace { gap: 16px !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root #invoice-form.invoice-editor { padding: 26px 20px 22px !important; border-radius: 22px !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-head { flex-wrap: wrap; gap: 12px; margin-bottom: 18px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-title { font-size: 46px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-from:not(:disabled), html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-from:disabled { max-inline-size: 100%; text-align: start; margin: 0 -10px; font-size: 14px !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-essentials { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "issue due" "bill currency" "number number"; gap: 12px 18px !important; padding: 16px 0 !important; }
  /* phone lines: the item and its amount, then quantity · rate · unit with their captions */
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-lines-head, html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; column-gap: 10px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-lines-head > :nth-child(1) { grid-column: 1 / 3; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-lines-head > :is(:nth-child(2), :nth-child(3), :nth-child(4)) { display: none; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-lines-head { padding-inline: 8px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line { padding: 12px 8px 6px !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line > .invoice-field { grid-column: 1 / 3; grid-row: 1; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-total { grid-column: 3; grid-row: 1; white-space: nowrap; font-size: 14px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-numbers > .invoice-field:nth-child(1) { grid-column: 1; grid-row: 2; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-numbers > .invoice-field:nth-child(2) { grid-column: 2; grid-row: 2; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-numbers > .invoice-field:nth-child(3) { grid-column: 3; grid-row: 2; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-numbers > .invoice-field > span:first-child { position: static !important; inline-size: auto; block-size: auto; clip-path: none; font-size: 12px; color: var(--at-ink-3); padding-top: 2px; }
  html[lang="ar"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-numbers > .invoice-field > span:first-child { font-size: 13px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-numbers :is(input, select) { text-align: start; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line > .invoice-adjustments { grid-column: 1 / -1; grid-row: 3; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line > .invoice-adjustments[open] { grid-row: 4; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-actions { grid-column: 1 / -1; grid-row: 5; justify-content: flex-start !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-line-actions > button:not(:disabled) { flex: 0 0 auto !important; min-height: 44px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-foot { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-totals { order: -1; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoice-form .invoice-sheet-totals .invoice-total > :last-child { font-size: 30px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-preview-wrap { display: flex !important; align-items: stretch !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-actbar { position: sticky; inset-block-end: 10px; z-index: 20; display: flex; gap: 8px; margin: 16px 0 0; padding: 8px; border-radius: 22px; border: 1px solid var(--at-dock-line); background: var(--at-dock); box-shadow: var(--at-sheen), 0 18px 48px rgb(0 0 0 / .4); -webkit-backdrop-filter: blur(24px) saturate(140%); backdrop-filter: blur(24px) saturate(140%); }
  html[data-theme="light"] body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-actbar { box-shadow: var(--at-sheen), 0 18px 48px rgb(30 60 45 / .16); }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-actbar > button { flex: 1 1 0; min-width: 0; min-height: 48px; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-actbar > button:not(:disabled):not(.invoice-primary) { background: var(--at-fill-2) !important; border-color: transparent !important; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-actbar > .invoice-bar-primary { flex: 1.6 1 0; }
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #invoices-root .invoice-local-note { margin-block-end: 8px !important; }
}
/* hidden always wins inside this screen, over every layout rule above */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal [hidden]:not(#_0):not(#_1):not(#_2) { display: none !important; }
/* the module's own visibility contracts (documents.css, invoices.css) outrank the layout above */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal[data-document-view="library"] > :is(.proposal-studio-head, #proposal-empty, #proposal-form, #invoices-root):not(#_0):not(#_1),
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal[data-invoice-active="true"] > :is(.proposal-studio-head, #proposal-form, #proposal-empty):not(#_0):not(#_1) { display: none !important; }
/* ---------- PROPOSALS and INVOICES · bento r2 (work pages) ---------- */
/* Library (proposals and invoices): the list and the detail end on one line; the detail's hint sits at the top of its pane. */
@media (min-width: 701px) {
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-split:not(#_) { align-items: stretch !important; }
}
/* Empty library: one strip with the state and what to do, and no second pane asking to select a document that does not exist. */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-list:has(> .documents-empty-title):not(#_) {
  flex-direction: row !important; flex-wrap: wrap; align-items: baseline !important; justify-content: flex-start !important; gap: 2px 12px !important; min-block-size: 64px !important; padding-block: 14px !important; padding-inline: 20px !important; text-align: start;
}
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-list > .documents-empty-title:not(#_) { margin: 0 !important; font-family: var(--at-sans) !important; font-size: var(--at-fs-title) !important; font-weight: 600 !important; line-height: 1.4 !important; letter-spacing: 0; color: var(--at-ink); }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal #documents-list:has(> .documents-empty-title) > p.muted:not(#_) { flex: 1 1 24ch; max-width: none; margin: 0 !important; color: var(--at-ink-2) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-split:has(#documents-list > .documents-empty-title):has(> .documents-detail > .documents-placeholder:only-child):not(#_) { grid-template-columns: minmax(0, 1fr) !important; }
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-split:has(#documents-list > .documents-empty-title) > .documents-detail:has(> .documents-placeholder:only-child):not(#_) { display: none !important; }
/* A document is listed but none is open: the hint reads as a quiet strip at the top of the detail pane, not a line floating mid-pane. */
html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-detail > .documents-placeholder:only-child:not(#_) {
  flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; min-height: 52px; margin: 0 !important; padding-block: 8px !important; padding-inline: 14px !important; background: var(--at-fill-1) !important; font-size: var(--at-fs-body); color: var(--at-ink-2); text-align: start !important;
}
@media (prefers-reduced-motion: no-preference) {
  html body.workspace-framed.rt-route:not(#_):not(._) #panel-proposal#panel-proposal .documents-row:not(:disabled):not(#_):active { transform: scale(.995); transition: transform 100ms var(--at-ease); }
}