:root {
  --bg: #110f12; --surface: #1b181d; --surface-2: #242027; --text: #fff8ee;
  --muted: #c2b8bd; --line: #443b46; --accent: #f04d6a; --accent-dark: #b92447;
  --violet: #8e5bff; --good: #67d7a0; --warn: #ffcc66; --danger: #ff7b72;
  --radius: 16px; --shadow: 0 18px 55px rgba(0,0,0,.28); --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 90% -10%, rgba(142,91,255,.18), transparent 28rem), radial-gradient(circle at 0 35%, rgba(240,77,106,.1), transparent 32rem), var(--bg); color: var(--text); font: 16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: #ff9aaf; text-underline-offset: .18em; } a:hover { color: #ffc1ce; }
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 3px solid var(--warn); outline-offset: 3px; }
.skip-link { position: fixed; z-index: 100; left: 1rem; top: -5rem; padding: .8rem 1rem; background: var(--text); color: var(--bg); border-radius: 8px; }
.skip-link:focus { top: 1rem; }
.topbar { min-height: 76px; padding: 10px max(20px,calc((100% - var(--max))/2)); display: flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(17,15,18,.92); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 30; }
.brand { color: var(--text); text-decoration: none; display: flex; align-items: center; gap: 10px; letter-spacing: .02em; }
.brand img { width: 82px; height: 46px; object-fit: contain; }
.brand span { display: grid; line-height: 1.1; }.brand b { font-size: 1.06rem; }.brand small { color: var(--muted); font-size: .76rem; letter-spacing: .13em; text-transform: uppercase; }
.desktop-nav { display: flex; align-items: center; gap: clamp(10px,1.7vw,22px); }.desktop-nav a,.link-button { color: var(--text); text-decoration: none; background: none; border: 0; padding: 8px 0; cursor: pointer; }.desktop-nav a:hover,.link-button:hover { color: #ff9aaf; }
.inline { display: inline; margin: 0; }.nav-menu { display: none; }.nav-menu summary { cursor: pointer; padding: 10px 14px; border: 1px solid var(--line); border-radius: 9px; }.nav-menu nav { position: absolute; right: 14px; top: 66px; min-width: 260px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: var(--shadow); display: grid; }.nav-menu nav a,.nav-menu .link-button { text-align: left; padding: 11px; color: var(--text); text-decoration: none; }.nav-menu .nav-primary { color: #fff; background: var(--accent-dark); border-radius: 8px; }
.container { width: min(100%,var(--max)); min-height: calc(100vh - 180px); margin: 0 auto; padding: 42px 20px 80px; }
footer { border-top: 1px solid var(--line); color: var(--muted); text-align: center; padding: 28px 20px; } footer span { display: block; color: var(--text); font-weight: 700; }
h1,h2,h3,p { overflow-wrap: anywhere; } h1 { font-size: clamp(2.2rem,6vw,4.5rem); line-height: .98; letter-spacing: -.045em; margin: .18em 0 .35em; max-width: 18ch; } h2 { font-size: clamp(1.25rem,3vw,1.65rem); margin: 2rem 0 .8rem; } h3 { margin-top: 1.5rem; }
.eyebrow { color: #ff829c; text-transform: uppercase; font-size: .78rem; font-weight: 800; letter-spacing: .14em; margin: 0; }.page-intro { margin-bottom: 28px; }.page-intro > p:last-child,.heading-row p { color: var(--muted); max-width: 65ch; }.narrow-wide { max-width: 760px; }
.heading-row,.section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; }.heading-row > :last-child { flex: 0 0 auto; }
.dashboard-selectors { display:flex; align-items:end; gap:12px; }.dashboard-selectors form { min-width:120px; }.dashboard-selectors form:last-child { min-width:min(420px,45vw); }.dashboard-selectors label { display:block; font-weight:750; margin-bottom:6px; }.selector-action { display:flex; align-items:stretch; gap:8px; }.selector-action select { min-width:0; }.selector-action .button { display:flex; align-items:center; }
.grid { display: grid; gap: 16px; }.two { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }.metrics { grid-template-columns: repeat(4,minmax(0,1fr)); margin: 26px 0; }
.card,.list-card,.callout,.empty,.task-card,.sync-card,.concert-card,.book-box { background: linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; }
.card { box-shadow: 0 1px 0 rgba(255,255,255,.04); }.card strong { display: block; font-size: 1.45rem; margin: .25rem 0; }.card small,.list-card small,.task-card small,.concert-card small { display: block; color: var(--muted); }.accent { background: linear-gradient(135deg,#7e1833,var(--accent-dark)); border-color: #ef6682; }
.list-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 9px 0; color: inherit; text-decoration: none; }.list-card:hover,.task-card:hover,.concert-card:hover { border-color: #8e7588; transform: translateY(-1px); }
.callout { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 20px 0; background: rgba(142,91,255,.12); border-color: rgba(142,91,255,.55); }.callout h2 { margin: 0; }.callout span { display: block; }.callout.warning,.warning { background: rgba(255,204,102,.09); border-color: rgba(255,204,102,.55); }.callout.success { background: rgba(103,215,160,.1); border-color: rgba(103,215,160,.6); }.callout.block { display: block; }.subtle { font-size: .93rem; }.empty { color: var(--muted); border-style: dashed; text-align: center; padding: 38px; }.empty h2 { color: var(--text); margin-top: 0; }
.actions,.stack-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; }.stack-actions { align-items: stretch; flex-direction: column; }
.button,.primary,button.primary,.danger { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 17px; border-radius: 10px; text-decoration: none; border: 1px solid #866b7c; font-weight: 800; cursor: pointer; color: var(--text); background: var(--surface-2); }.primary,button.primary { background: linear-gradient(135deg,var(--accent),#d72e59); border-color: #ff829c; color: #fff; box-shadow: 0 8px 24px rgba(240,77,106,.18); }.danger { background: rgba(255,123,114,.14); border-color: var(--danger); margin-top: 14px; }.button:hover,.primary:hover,.danger:hover { color: #fff; filter: brightness(1.12); }.large-action { min-height: 54px; padding-inline: 24px; font-size: 1.03rem; } button:disabled { opacity: .5; cursor: wait; }
.form { max-width: 760px; }.form p,.field { margin: 0 0 20px; }.form label,.field label,.filter-bar label { display: block; color: var(--text); font-weight: 750; margin-bottom: 6px; }.form input,.form select,.form textarea,select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #6e606f; border-radius: 9px; color: var(--text); background: #100e11; }.form textarea { min-height: 105px; }.form option { background: #18151a; }.form .helptext,.field small,.form-note { display: block; color: var(--muted); font-size: .88rem; margin-top: 5px; }.errorlist,.client-errors { color: #ffaea8; font-weight: 700; }.message { padding: 15px 18px; border: 1px solid var(--good); border-radius: 10px; margin-bottom: 20px; background: rgba(103,215,160,.1); }.message.error { border-color: var(--danger); background: rgba(255,123,114,.1); }.message.info { border-color: #8ab4ff; }
.field[hidden] { display:none; }.field-requirement { margin-left:.35rem; color:var(--muted); font-size:.74rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }.suggestion-action { margin-top:10px; }.suggestion-mark { display:inline-flex; margin-top:8px; padding:3px 8px; border:1px solid rgba(255,204,102,.55); border-radius:999px; color:var(--warn); background:rgba(255,204,102,.08); font-size:.78rem; font-weight:800; }.suggestion-mark[hidden] { display:none; }.suggestion-summary { margin:8px 0 22px; padding:14px 16px; border:1px solid rgba(142,91,255,.6); border-radius:10px; background:rgba(142,91,255,.1); }.smart-form [data-field-name="quick_text"] { padding-bottom:20px; border-bottom:1px solid var(--line); }
.narrow { max-width: 480px; margin: 5vh auto; }.status,.confidence { display: inline-flex; width: fit-content; border-radius: 999px; padding: 5px 10px; color: var(--text); background: rgba(255,255,255,.09); border: 1px solid var(--line); font-size: .82rem; font-weight: 750; }.status-ready,.status-current,.status-booked,.confidence-high,.status-ready_codex,.status-ready_approval,.status-completed { background: rgba(103,215,160,.13); border-color: rgba(103,215,160,.6); }.status-review,.confidence-low,.status-not_found,.status-clarification,.status-interrupted,.status-error,.status-partial { background: rgba(255,204,102,.12); border-color: rgba(255,204,102,.55); }.status-processing,.status-parsing,.status-codex_review,.status-started { background: rgba(142,91,255,.16); border-color: rgba(142,91,255,.6); }.status-received { background:rgba(138,180,255,.12); border-color:rgba(138,180,255,.55); }
.compact-form { margin-top: 16px; }.qr-card { display: grid; justify-items: center; margin: 22px 0; text-align: center; }.qr-card img { max-width: 100%; height: auto; padding: 8px; border-radius: 10px; background: #fff; }.secret-code { display: block; max-width: 100%; padding: 10px; overflow-wrap: anywhere; color: var(--text); background: #0c0a0d; border-radius: 8px; letter-spacing: .12em; }.setup-steps li { margin: .7rem 0; }.recovery-codes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 0; list-style: none; }.recovery-codes li { padding: 14px; text-align: center; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }.recovery-codes code { font-size: 1.15rem; letter-spacing: .1em; }
dl { display: grid; grid-template-columns: 180px 1fr; gap: 8px; } dt { font-weight: 750; } dd { margin: 0; } pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 26rem; overflow: auto; padding: 16px; border-radius: 10px; background: #0c0a0d; color: #e9dfe4; }.sources li { margin: .7rem 0; }.stack { display: grid; gap: 4px; }
.change-list { display:grid; gap:8px; padding:0; list-style:none; }.change-list li { display:grid; grid-template-columns:minmax(150px,.4fr) 1fr; gap:12px; padding:10px 0; border-top:1px solid var(--line); }.change-list span { color:var(--muted); }
.report-lines { display:grid; gap:9px; }.report-line { display:grid; grid-template-columns:minmax(190px,1.5fr) minmax(145px,1fr) minmax(115px,.75fr) minmax(120px,.75fr) auto; align-items:center; gap:16px; padding:16px 18px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:inherit; text-decoration:none; }.report-line:hover { border-color:#8e7588; }.report-line small { display:block; color:var(--muted); }.report-line > strong { text-align:right; white-space:nowrap; }.report-line > span:empty { display:none; }
.filter-bar { display: flex; align-items: center; gap: 12px; margin: 28px 0 14px; }.filter-bar label { margin: 0; }.filter-bar select { width: min(260px,100%); }
.task-list,.concert-grid { display: grid; gap: 12px; }.task-card { display: grid; grid-template-columns: 76px minmax(0,1fr) auto; align-items: center; gap: 18px; color: inherit; text-decoration: none; transition: .18s ease; }.receipt-thumb { width: 76px; aspect-ratio: 1; display: grid; place-items: center; background: #0d0b0e; color: var(--muted); border-radius: 10px; overflow: hidden; font-weight: 900; }.receipt-thumb img { width: 100%; height: 100%; object-fit: cover; }.task-main strong { font-size: 1.08rem; }.task-side { display: grid; justify-items: end; gap: 8px; }.warning-text { color: var(--warn)!important; }
.upload-form { padding: clamp(20px,5vw,36px); }.camera-actions { margin: 24px 0; }.drop-zone { position: relative; display: grid; place-items: center; text-align: center; min-height: 230px; padding: 28px; border: 2px dashed #7c6879; border-radius: 14px; background: #120f13; cursor: pointer; transition: .15s ease; }.drop-zone.dragging,.drop-zone:hover { border-color: var(--accent); background: rgba(240,77,106,.07); }.drop-zone input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }.drop-icon { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: var(--surface-2); font-size: 1.6rem; }.file-preview { display: grid; gap: 8px; padding: 0; list-style: none; }.file-preview li { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 10px; border: 1px solid var(--line); border-radius: 10px; }.mini-preview { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 7px; background: #0c0a0d; overflow: hidden; font-size: .7rem; font-weight: 900; }.mini-preview img { width: 100%; height: 100%; object-fit: cover; }.remove-file { color: #ffb1bf; background: none; border: 0; text-decoration: underline; cursor: pointer; }.upload-ready { display:grid; gap:3px; margin:18px 0; padding:14px 16px; border:1px solid rgba(103,215,160,.6); border-radius:10px; background:rgba(103,215,160,.1); }.upload-ready span { color:var(--muted); }.upload-ready[hidden],.upload-progress[hidden] { display:none!important; }.upload-progress { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; margin: 20px 0; }.upload-progress progress { width: 100%; accent-color: var(--accent); }.visually-hidden { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.review-layout { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(380px,.95fr); gap: 30px; align-items: start; }.resolved-receipt-layout { max-width: 720px; }.receipt-panel { position: sticky; top: 95px; }.resolved-receipt-layout .receipt-panel { position: static; }.receipt-preview { display: grid; place-items: center; min-height: 420px; max-height: 72vh; margin-bottom: 10px; overflow: auto; border-radius: 14px; background: #09080a; }.receipt-preview img { max-width: 100%; height: auto; }.receipt-preview object { width: 100%; min-height: 65vh; border: 0; }.source-note { margin: 20px 0; padding: 14px; border-radius: 9px; background: rgba(142,91,255,.1); color: var(--muted); }.book-box { margin-top: 18px; border-color: rgba(103,215,160,.6); }.duplicate-review { margin: 28px 0; padding: clamp(18px,3vw,30px); border: 2px solid rgba(255,204,102,.62); border-radius: var(--radius); background: rgba(255,204,102,.055); }.duplicate-review h2 { margin-top: .2rem; }.duplicate-compare { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 14px; align-items: center; margin: 22px 0; }.duplicate-card { min-width: 0; height: 100%; }.duplicate-card h3 { margin: 16px 0 10px; }.duplicate-card dl { grid-template-columns: minmax(115px,.42fr) 1fr; font-size: .94rem; }.duplicate-preview { display: grid; place-items: center; min-height: 210px; max-height: 340px; margin-top: 12px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #09080a; }.duplicate-preview img { width: 100%; height: 100%; max-height: 340px; object-fit: contain; }.duplicate-preview span { font-weight: 800; text-decoration: underline; }.compare-mark { font-size: 2rem; color: var(--warn); }.duplicate-reasons { margin-bottom: 16px; }.duplicate-reasons h3 { margin-top: 0; }.duplicate-actions { display: flex; flex-wrap: wrap; gap: 12px; }.duplicate-actions button { flex: 1 1 240px; }.duplicate-delete { margin-top: 18px; }.duplicate-delete summary { width: fit-content; color: #ffb1ac; cursor: pointer; text-decoration: underline; text-underline-offset: .2em; }.duplicate-delete .card { margin-top: 10px; border-color: rgba(255,123,114,.5); }.duplicate-delete label { display: flex; align-items: flex-start; gap: 10px; }.duplicate-delete input { width: 22px; height: 22px; flex: 0 0 auto; }.trace { margin-top: 32px; }.trace summary { cursor: pointer; font-weight: 800; }
.vat-calculation { display:grid; gap:5px; margin:12px 0 20px; padding:14px; border:1px solid rgba(103,215,160,.55); border-radius:9px; background:rgba(103,215,160,.08); }.vat-calculation span { color:var(--muted); }.vat-calculation.manual { border-color:rgba(255,204,102,.55); background:rgba(255,204,102,.08); }.vat-calculation .button { width:fit-content; margin-top:8px; }
.review-controls { margin:24px 0; padding:clamp(18px,3vw,28px); border:2px solid rgba(255,204,102,.55); border-radius:var(--radius); background:rgba(255,204,102,.06); }.review-controls.complete { border-color:rgba(103,215,160,.6); background:rgba(103,215,160,.08); }.review-controls h2 { margin:.2rem 0; }.control-list { display:grid; gap:9px; padding:0; list-style:none; }.control-link { display:grid; grid-template-columns:minmax(105px,.25fr) minmax(145px,.3fr) 1fr; gap:12px; align-items:center; width:100%; padding:13px 15px; text-align:left; color:var(--text); background:var(--surface-2); border:1px solid var(--line); border-radius:9px; cursor:pointer; }.control-link:hover,.control-link:focus-visible { border-color:var(--accent); }.control-kind { color:var(--warn); font-size:.82rem; font-weight:800; }.control-confirm { margin:8px 0 2px; }.needs-attention { outline:3px solid var(--warn); outline-offset:5px; scroll-margin-top:100px; }.book-box.blocked { border-color:rgba(255,204,102,.55); }.book-box button:disabled { cursor:not-allowed; opacity:.55; }
.sync-card { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 25px 0; }.sync-card span { display: block; color: var(--muted); }.concert-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.concert-card { display: grid; grid-template-columns: 66px 1fr; align-items: center; gap: 16px; color: inherit; text-decoration: none; }.date-block { display: grid; place-items: center; line-height: 1; gap: 5px; padding: 12px 5px; border-radius: 10px; background: linear-gradient(145deg,#9a2040,#51132a); text-transform: uppercase; font-size: .72rem; }.date-block b { font-size: 1.65rem; }.concert-card .status { margin-top: 9px; }.report-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 18px; }
.package-list,.source-files,.proposal-lines,.reconciliation-list,.clarifications { display:grid; gap:14px; }.package-card { min-height:84px; }.workflow-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:26px 0; padding:0; list-style:none; }.workflow-steps li { min-height:54px; display:grid; place-items:center; padding:9px; text-align:center; color:var(--muted); background:var(--surface); border:1px solid var(--line); border-radius:10px; font-size:.86rem; font-weight:800; }.workflow-steps li.done { color:var(--text); border-color:rgba(103,215,160,.55); background:rgba(103,215,160,.08); }.workflow-steps li.active { color:var(--text); border-color:rgba(142,91,255,.7); background:rgba(142,91,255,.13); }.progress-card progress { width:100%; height:16px; accent-color:var(--violet); }.source-file { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:start; }.source-file h3 { margin:.7rem 0 .2rem; }.source-file p { margin:.25rem 0; }.codex-card { margin:28px 0; border-color:rgba(142,91,255,.65); }.copy-task { width:100%; min-height:180px; padding:14px; resize:vertical; color:var(--text); background:#0c0a0d; border:1px solid #6e606f; border-radius:9px; }.copy-status { color:var(--good); font-weight:700; }.check-list { display:grid; gap:9px; padding:0; list-style:none; }.check-list label,.confirm-check { display:flex; align-items:flex-start; gap:10px; }.check-list input,.confirm-check input,.proposal-select input { width:22px; height:22px; flex:0 0 auto; }.proposal-effect { margin-top:24px; }.reconciliation { display:grid; grid-template-columns:minmax(180px,.5fr) minmax(300px,1fr) minmax(200px,.7fr); gap:24px; align-items:start; }.reconciliation dl { grid-template-columns:minmax(170px,1fr) auto; }.clarification.resolved { border-color:rgba(103,215,160,.55); }.proposal-line { display:grid; grid-template-columns:minmax(130px,.18fr) minmax(0,1fr) minmax(160px,.22fr); gap:20px; align-items:start; }.proposal-select { display:flex; align-items:center; gap:10px; }.proposal-main h3 { margin:0 0 .35rem; }.proposal-main p { margin:.35rem 0; }.proposal-main dl { margin:14px 0; grid-template-columns:110px 1fr; font-size:.92rem; }.proposal-actions { display:grid; gap:10px; }.source-chips { display:flex; flex-wrap:wrap; gap:8px; }.source-chips a { display:inline-flex; padding:6px 9px; border:1px solid rgba(138,180,255,.5); border-radius:999px; background:rgba(138,180,255,.08); font-size:.82rem; }.action-unresolved,.action-duplicate { border-color:rgba(255,204,102,.5); }.action-subtotal { opacity:.78; }.approval-box { margin-top:22px; border-color:rgba(103,215,160,.55); }.confirm-check { margin:18px 0; }.import-receipt { margin:24px 0; }.import-upload [data-context-field][hidden] { display:none; }
@media (max-width: 980px) { .desktop-nav { display: none; }.nav-menu { display: block; }.metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.review-layout { grid-template-columns: 1fr; }.receipt-panel { position: static; }.receipt-preview { max-height: none; }.concert-grid { grid-template-columns: 1fr; } }
@media (max-width: 980px) { .reconciliation,.proposal-line { grid-template-columns:1fr; }.proposal-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }.proposal-select { justify-content:space-between; } }
@media (max-width: 620px) { .topbar { min-height: 66px; padding: 8px 14px; }.brand img { width: 70px; height: 40px; }.brand span { display:none; }.container { padding: 30px 14px 64px; }.heading-row,.section-head,.sync-card { align-items: flex-start; flex-direction: column; }.dashboard-selectors { align-items:stretch; flex-direction:column; width:100%; }.dashboard-selectors form,.dashboard-selectors form:last-child { min-width:0; width:100%; }.selector-action .button { justify-content:center; }.metrics,.two,.recovery-codes { grid-template-columns: 1fr; }.task-card { grid-template-columns: 58px minmax(0,1fr); padding: 14px; }.receipt-thumb { width: 58px; }.task-side { grid-column: 2; justify-items: start; }.duplicate-compare { grid-template-columns: 1fr; }.compare-mark { transform: rotate(90deg); justify-self: center; }.list-card { align-items:flex-start; }.card strong { font-size:1.3rem; } dl { grid-template-columns:1fr; gap:2px; } dd { margin-bottom:10px; }.change-list li,.report-line { grid-template-columns:1fr; }.report-line > strong { text-align:left; }.filter-bar { align-items:stretch; flex-direction:column; }.filter-bar select { width:100%; }.camera-actions .primary,.large-action { width:100%; }.drop-zone { min-height:190px; }.review-layout { gap:10px; }.control-link { grid-template-columns:1fr; gap:3px; min-height:72px; }.review-controls { scroll-margin-top:80px; }.workflow-steps { grid-template-columns:1fr; }.workflow-steps li { min-height:44px; place-items:start; text-align:left; }.source-file { grid-template-columns:1fr; }.source-file .stack-actions,.proposal-actions { grid-template-columns:1fr; }.copy-task { min-height:250px; }.reconciliation dl,.proposal-main dl { grid-template-columns:1fr; }.proposal-select { align-items:flex-start; }.proposal-line { padding:16px; } }
@media print { .topbar,footer,.actions,.button,.primary,.nav-menu { display: none!important; } body { background: #fff; color: #111; }.card,.list-card { background: #fff; border-color: #ccc; color: #111; }.container { max-width: none; padding: 0; } }