:root{--bg:#f6f7f5;--surface:#fff;--ink:#202321;--muted:#656d67;--line:#e1e5e1;--accent:#315a47;--accent-hover:#254735;--accent-soft:#eef2ee;--success:#315a47;--surface-soft:#f2f4f1;--focus:#648c76;--green:#e6f6ef;--amber:#965805;--amber-bg:#fff4db;--red:#b53e55;--red-bg:#fff0f3;--radius:3px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #648c76;outline-offset:3px}button{border:0;background:none}h1,h2,h3,p{margin:0}h1{font-size:38px;letter-spacing:-1.5px;line-height:1.15;font-weight:650}h2{font-size:20px;letter-spacing:-.5px;font-weight:630}h3{font-size:16px;font-weight:650}p{line-height:1.6}.muted,small{color:var(--muted)}.skip{position:absolute;left:20px;top:-50px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:#ffffff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:36px 18px 20px}.brand{text-decoration:none;display:flex;align-items:center;gap:11px;font-size:23px;font-weight:750;letter-spacing:-.8px;padding:0 14px}.monogram{display:grid;place-items:center;background:var(--ink);color:white;width:39px;height:43px;border-radius:11px;font-size:31px;font-family:Georgia,serif}.brand small{display:block;font-size:9px;letter-spacing:2.2px;font-weight:550;margin-top:4px}.sidebar nav{display:grid;gap:6px;margin-top:50px}.sidebar nav button{padding:14px 16px;display:flex;align-items:center;gap:13px;border-radius:10px;text-align:left;color:var(--muted);font-size:14px;font-weight:550}.sidebar nav button:hover{background:#f2f4f1}.sidebar nav button.active{background:#eef2ee;color:var(--ink)}.sidebar nav button>span:first-child{font-size:20px;width:20px;text-align:center}.nav-count{margin-left:auto;font-size:11px;min-width:21px;padding:3px;background:#e5ece5;text-align:center;border-radius:5px}.sidebar-bottom{margin-top:auto;padding:20px 14px 0}.local-state{font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;display:inline-block;background:#168369;border-radius:50%}.sidebar-bottom p{font-size:11px;margin:8px 0 6px;line-height:1.6;color:var(--muted)}.text-button{padding:6px 0;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.user{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.avatar{width:35px;height:35px;border-radius:50%;background:#eaf0e9;display:grid;place-items:center;font-size:11px}.user small{display:block;font-size:11px;font-weight:400;margin-top:4px}.workspace{margin-left:236px;min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);gap:12px}.header-actions{display:flex;align-items:center;gap:24px}.demo-tag{font-size:9px;letter-spacing:1.7px;font-weight:700}.toggle-label{display:flex;align-items:center;gap:9px;font-size:12px;cursor:pointer;position:relative}.toggle-label input{position:absolute;right:0;width:32px;height:20px;opacity:0;cursor:pointer}.switch{background:#cfd8cf;width:31px;height:19px;border-radius:20px;position:relative;pointer-events:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;background:white;border-radius:50%;transition:transform .15s}.toggle-label input:checked+.switch{background:var(--accent)}.toggle-label input:checked+.switch:after{transform:translateX(12px)}.toggle-label input:focus-visible+.switch{outline:3px solid #648c76;outline-offset:3px}main{max-width:1320px;padding:40px 42px 30px;margin:auto;min-height:calc(100vh - 145px);outline:none}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);font-weight:650;margin-bottom:12px}.page-heading p{font-size:14px;color:var(--muted);margin-top:11px}.button{border:1px solid var(--line);background:white;padding:11px 15px;border-radius:8px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;white-space:nowrap;min-height:42px}.button:hover{background:#f2f4f1}.button.primary{background:var(--ink);color:white;border-color:var(--ink)}.button.primary:hover{background:#344139}.button.soft{background:var(--green);border:0;color:var(--accent)}.button.small{padding:7px 11px;font-size:12px;min-height:34px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.hero{padding:25px 28px;border-radius:var(--radius);background:#eef2ee;border:1px solid #dce3dc;display:grid;grid-template-columns:45px 1fr auto;gap:18px;align-items:start;margin-bottom:22px}.arne-icon{width:43px;height:43px;background:#fff9;border:1px solid #dce3dc;border-radius:13px;display:grid;place-items:center;font-size:21px;font-family:Georgia,serif}.hero .eyebrow{margin:2px 0 9px;color:#315a47}.hero h2{font-size:22px;margin-bottom:9px}.hero p{font-size:13px;max-width:620px;color:#626d65}.hero .button{background:#fff9;border-color:#dce3dc;margin-top:16px}.suggestions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.suggestions button{font-size:11px;border-bottom:1px solid #a1ade8;padding:3px 0;color:#315a47;margin-right:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.stat{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:19px 22px}.stat .label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.stat strong{display:block;font-size:29px;letter-spacing:-1px;font-weight:600;margin:13px 0 5px}.stat small{font-size:11px}.columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:10px}.section-heading small{font-size:11px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:white;overflow:hidden}.task-row{display:grid;grid-template-columns:34px 1fr 20px;gap:13px;align-items:start;width:100%;text-align:left;padding:21px 20px;border-bottom:1px solid var(--line)}.task-row:last-child{border-bottom:0}.task-row:hover{background:#f8f9f7}.task-icon{height:30px;width:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;background:var(--amber-bg);color:var(--amber)}.task-icon.duplicate{background:var(--red-bg);color:var(--red)}.task-icon.bank{background:#f2f4f1;color:var(--muted)}.task-row strong{font-size:13px;line-height:1.45;display:block;font-weight:600}.task-row small{font-size:11px;display:block;margin-top:6px;line-height:1.5}.task-row .arrow{color:#7e8ca4;font-size:20px}.count-pill{background:#edf0fa;border-radius:20px;padding:4px 8px;font-size:11px}.mini-row{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-row:last-child{border-bottom:0}.mini-row strong{font-size:12px}.mini-row p{font-size:11px;color:var(--muted);margin-top:4px}.badge{font-size:10px;font-weight:600;padding:5px 8px;display:inline-block;border-radius:5px;white-space:nowrap}.badge.green{background:var(--green);color:var(--success)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.gray{background:#f2f4f1;color:var(--muted)}.note{font-size:12px;line-height:1.6;color:var(--muted);padding:16px 18px;background:#f2f4f1;border-radius:10px;margin-top:16px}.note strong{color:var(--ink);font-weight:550}.quick-links{display:grid;gap:10px;margin-top:18px}.quick-links button{display:flex;align-items:center;justify-content:space-between;text-align:left;background:white;border:1px solid var(--line);border-radius:10px;padding:14px 17px;font-size:12px;font-weight:600}.vehicle-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vehicle-card{display:block;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:white;padding:24px;width:100%}.vehicle-card:hover{border-color:#b4c5b9}.car-silhouette{background:#f2f4f1;aspect-ratio:2.6;border-radius:10px;margin:18px 0;display:grid;place-items:center;color:#68736b}.car-silhouette svg{width:80%;max-width:200px}.vehicle-card h2{margin:16px 0 6px}.vehicle-card p{font-size:12px;color:var(--muted)}.vehicle-card .price{display:block;margin-top:20px;font-size:24px;letter-spacing:-.5px;font-weight:600}.vehicle-card .caption{font-size:11px;color:var(--muted);display:block;margin:6px 0 14px}.vehicle-card .bottom{display:flex;justify-content:space-between;font-size:12px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.toolbar{display:flex;gap:15px;margin-bottom:20px;align-items:center}.search{width:100%;max-width:360px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:white;font-size:13px}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.data-table th{text-align:left;font-size:10px;letter-spacing:.9px;text-transform:uppercase;font-weight:600;color:var(--muted);background:#f8f9f7;padding:15px 20px}.data-table td{padding:18px 20px;border-top:1px solid var(--line)}.data-table td small{display:block;font-size:10px;margin-top:5px}.data-table .number{text-align:right;font-variant-numeric:tabular-nums}.empty{padding:44px;text-align:center}.empty h2{margin-bottom:12px}.empty p{font-size:13px;color:var(--muted);margin-bottom:20px}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.control-card{padding:23px;border:1px solid var(--line);background:white;border-radius:var(--radius)}.control-card h2{margin:16px 0 9px}.control-card p{font-size:13px;color:var(--muted)}.timeline{margin-top:25px}.timeline .mini-row{background:white}.timeline time{font-size:11px;color:var(--muted)}footer{max-width:1320px;margin:auto;padding:22px 42px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}dialog{border:1px solid var(--line);border-radius:20px;padding:0;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 50px);color:var(--ink);box-shadow:0 25px 90px #18233b26}dialog::backdrop{background:#14213d66;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:26px 28px 20px}.dialog-head h2{font-size:25px;line-height:1.2;margin-top:6px}.close{height:32px;width:32px;background:#f2f4f1;border-radius:50%;font-size:19px;flex-shrink:0}.dialog-body{padding:0 28px 28px}.dialog-body>p{font-size:13px;color:var(--muted);margin-bottom:18px}.dialog-body .note{font-size:11px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap}.fact-list{border:1px solid var(--line);border-radius:10px;padding:5px 16px;margin:17px 0}.fact-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.fact-row:last-child{border:0}.fact-row span{color:var(--muted)}.fact-row strong{font-weight:550;text-align:right}.fact-row.total{font-size:17px;padding:17px 0}.source-box{background:#f8f9f7;border:1px solid var(--line);padding:16px;border-radius:10px;margin:12px 0}.source-box strong{font-size:13px}.source-box p{font-size:12px;color:var(--muted);margin:7px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:7px;font-size:12px;font-weight:550}.field.full{grid-column:1/-1}.field input,.field select{border:1px solid #cad3ca;border-radius:7px;background:white;color:var(--ink);padding:11px 12px;min-width:0;width:100%;font-size:14px}.check-label{display:flex;align-items:center;gap:9px;grid-column:1/-1;font-size:12px;color:var(--muted)}.error{color:var(--red);font-size:12px;min-height:18px;margin-top:12px}.toast{position:fixed;bottom:24px;left:calc(50% + 118px);transform:translateX(-50%);background:var(--ink);color:white;padding:14px 23px;border-radius:10px;font-size:13px;box-shadow:0 5px 20px #0002;opacity:0;pointer-events:none;transition:opacity .15s;z-index:30;max-width:85vw}.toast.visible{opacity:1}.stamp{font-size:11px;color:var(--muted);padding-top:15px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison .source-box{margin:0}.offline-banner{border:1px solid var(--line);padding:16px 20px;border-radius:12px;margin-bottom:22px;font-size:13px;background:white;color:var(--muted)}
@media(min-width:1500px){main{padding-top:52px}.page-heading{margin-bottom:36px}.hero{margin-bottom:26px}}
@media(max-width:1100px){.sidebar{width:200px;padding-inline:12px}.workspace{margin-left:200px}.brand{font-size:20px;padding-left:10px}.topbar{padding:0 25px}main{padding:30px 25px}.columns{grid-template-columns:1fr}.vehicle-list{grid-template-columns:1fr 1fr}.toast{left:calc(50% + 100px)}.hero{grid-template-columns:40px 1fr}.hero>.button{grid-column:2;margin:0;justify-self:start}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:15px 16px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:21px;padding:0}.monogram{height:34px;width:33px;font-size:25px}.brand small{font-size:8px;margin-top:2px}.sidebar nav{display:flex;gap:3px;margin-top:16px;overflow-x:auto;padding-bottom:9px}.sidebar nav button{padding:9px 11px;font-size:11px;white-space:nowrap;gap:6px}.sidebar nav button>span:first-child{font-size:15px;width:auto}.nav-count{display:none}.sidebar-bottom{display:none}.workspace{margin:0}.topbar{height:54px;padding:0 20px;font-size:10px}.header-actions{gap:12px}.toggle-label{font-size:10px}.demo-tag{font-size:8px}main{padding:26px 20px 20px}.page-heading{display:block;margin-bottom:24px}h1{font-size:31px}.page-heading .actions{margin-top:20px}.page-heading p{font-size:13px}.hero{padding:20px;gap:13px;grid-template-columns:32px 1fr}.arne-icon{height:32px;width:32px;font-size:17px}.hero h2{font-size:19px}.hero p{font-size:12px}.stats{gap:8px;margin-bottom:26px}.stat{padding:15px 11px}.stat .label{font-size:10px;line-height:1.4}.stat strong{font-size:24px}.stat small{font-size:9px;line-height:1.5;display:block}.vehicle-list{grid-template-columns:1fr}.control-grid{grid-template-columns:1fr}.task-row{padding:18px 15px;gap:10px}.task-row strong{font-size:12px}.section-heading h2{font-size:18px}.section-heading small{font-size:10px}footer{padding:16px 20px;display:block;line-height:1.6}footer span{display:block}.toast{left:50%;font-size:12px}.dialog-head{padding:22px 20px 18px}.dialog-head h2{font-size:22px}.dialog-body{padding:0 20px 24px}.form-grid{gap:14px}.comparison{grid-template-columns:1fr}.button{font-size:12px}.data-table td,.data-table th{padding:14px 15px}.toolbar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* The database-backed pilot preserves the prototype's own visual identity. */
.section-space{margin-top:24px}.connection-error{padding:14px 24px;background:var(--red-bg);color:var(--red);font-size:13px;display:flex;align-items:center;gap:16px}.vehicle-mark{font-size:86px;line-height:1.5;text-align:center;color:#68736b;background:#f2f4f1;border-radius:10px;margin-top:18px}.workflow-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.workflow-steps span{padding:7px 10px;background:#f2f4f1;border-radius:6px;color:var(--muted);font-size:11px}.workflow-steps .complete{background:var(--green);color:var(--success)}.guide{padding-left:22px;font-size:13px;line-height:1.7}.guide li{margin:12px 0}.dialog-body .check-label{margin-top:20px;align-items:flex-start;line-height:1.5}.dialog-body .check-label input{margin-top:3px;flex-shrink:0}.dialog-body .panel{max-width:100%}.dialog-body .field{min-width:0}.dialog-body .field input[type=file]{font-size:12px}.dialog-body>p{overflow-wrap:anywhere}.dialog-body .fact-row strong{overflow-wrap:anywhere;min-width:0}.button:disabled{opacity:.55}.stats .stat strong{overflow-wrap:anywhere}dialog{width:min(720px,calc(100vw - 32px))}.data-table td{max-width:380px;white-space:normal}.data-table .number{white-space:nowrap}.control-card p+p{margin-top:10px}.fact-row>span{flex-shrink:0;max-width:55%}time{font-size:11px;color:var(--muted)}.field.full{grid-column:1/-1}
@media(max-width:800px){.header-actions{gap:8px}.topbar .demo-tag{max-width:95px;font-size:7px;line-height:1.5}.stats{grid-template-columns:1fr}.stats .stat{display:grid;grid-template-columns:1fr auto;align-items:center}.stats .stat strong{font-size:26px;margin:0}.stats .stat small{grid-column:1/-1;margin-top:6px}.form-grid{grid-template-columns:1fr}.connection-error{display:block}.dialog-head h2{overflow-wrap:anywhere}.control-card{min-width:0}.topbar{padding-inline:16px}}
.accounting-details{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.accounting-details summary,.source-box summary{cursor:pointer;font-size:12px;color:var(--muted);padding:6px 0}.accounting-details .field{margin-top:12px}.batch-list{max-height:44vh;overflow:auto;padding-right:5px}
.nav-details{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.nav-details>summary{list-style:none;padding:12px 16px;font-size:12px;color:var(--muted);cursor:pointer;display:flex;justify-content:space-between;gap:9px}.nav-details>summary::after{content:'＋';font-size:14px}.nav-details[open]>summary::after{content:'−'}.nav-details>summary::-webkit-details-marker{display:none}.nav-details button{width:100%}.hero h2{max-width:600px}
@media(max-width:800px){.sidebar nav{flex-wrap:wrap;overflow:visible}.nav-details{margin:0;border:0;padding:0}.nav-details>summary{padding:11px;font-size:11px}.nav-details[open]{flex-basis:100%}.nav-details[open] button{width:auto;display:inline-flex}.hero>.button{margin-top:2px}.topbar .demo-tag{max-width:none}}

.invoice-line{border:1px solid var(--line);border-radius:12px;padding:18px;margin:20px 0;min-width:0}.invoice-line legend{font-size:12px;color:var(--muted);padding:0 7px}.invoice-line .text-button{margin-top:10px}

.field textarea{font:inherit;font-weight:400;border:1px solid #cad3ca;border-radius:7px;padding:11px 12px;width:100%;resize:vertical;min-width:0}.field textarea:focus-visible{outline:3px solid #648c76;outline-offset:3px}.dialog-body h3+.panel{margin-top:12px}

/* The capture flow stays narrow and legible on a phone. */
.company-logo{max-width:160px;max-height:72px;object-fit:contain;display:block;margin:12px 0}
.receipt-preview{width:100%;max-height:260px;object-fit:contain;border-radius:12px;background:var(--surface,#f2f4f1);margin:0 0 14px}
.capture-options{display:grid;gap:14px}.capture-choice{display:grid;gap:14px;background:#f5f7f3;border:1px solid #dce2ed;border-radius:14px;padding:22px;font-weight:600}
.capture-choice input{width:100%;font:inherit;font-size:14px}.inbox-cards{display:grid;gap:12px;margin:20px 0}.save-state{font-size:13px;color:#626d65;min-height:20px}
.vat-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;border-bottom:1px solid #e1e5e1;padding:12px 0}.vat-row input,.vat-row select{min-width:0;width:100%}.vat-row .text-button{grid-column:1/-1;justify-self:start}
@media(max-width:600px){.vat-row{grid-template-columns:1fr}.capture-choice{padding:18px}.control-grid{min-width:0}.task-row{width:100%;min-width:0}.task-row>span{min-width:0}.task-row strong,.task-row small{overflow-wrap:anywhere}}
[hidden] { display: none !important; }
.mini-row small { display: block; margin-top: 5px; }
.mail-body { white-space: pre-wrap; margin: 18px 0; }
textarea { font: inherit; min-height: 100px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; width: 100%; }

@media(max-width:600px){
  .contact-detail .panel{overflow:visible}
  .contact-detail .data-table,.contact-detail .data-table tbody{display:block;width:100%}
  .contact-detail .data-table thead{display:none}
  .contact-detail .data-table tr{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:14px;gap:10px;border-bottom:1px solid var(--line)}
  .contact-detail .data-table tr:last-child{border-bottom:0}
  .contact-detail .data-table td{padding:0;border:0;min-width:0;overflow-wrap:anywhere}
  .contact-detail .data-table td:last-child{grid-column:1/-1}
  .contact-detail .data-table td:last-child .button{width:100%}
}

/* Everyday work: clear hierarchy, readable controls and progressive detail. */
.sidebar { overflow-y: auto; }
.sidebar nav { margin-top: 34px; }
.topbar { gap: 16px; }
.header-actions { gap: 10px; }
.page-heading { align-items: center; }
.page-heading > div:first-child { min-width: 0; }
.page-heading h1 { overflow-wrap: anywhere; }
.page-heading > .actions { flex-shrink: 0; }
.button { min-height: 44px; line-height: 1.4; }
.button.small { min-height: 40px; }
.close { width: 44px; height: 44px; }
textarea:focus-visible { outline: 3px solid #648c76; outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.welcome-panel { background: var(--ink); color: white; border-radius: 20px; padding: 28px; margin-bottom: 24px; }
.welcome-panel .eyebrow { color: #cdd6fa; }
.welcome-panel h2 { font-size: 25px; line-height: 1.3; }
.welcome-panel p { color: #e5ece5; font-size: 14px; margin-top: 10px; max-width: 620px; }
.start-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
.start-options button { border: 1px solid #ffffff38; background: #ffffff0a; color: white; border-radius: 12px; padding: 18px; display: grid; grid-template-columns: 38px 1fr 16px; gap: 12px; align-items: center; text-align: left; }
.start-options button:hover { background: #ffffff16; border-color: #ffffff70; }
.start-options strong { display: block; font-size: 14px; }
.start-options small { display: block; color: #e5ece5; font-size: 12px; margin-top: 5px; line-height: 1.5; }
.start-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: #ffffff16; font-size: 23px; }
.hero { align-items: center; }
.hero h2 { line-height: 1.35; }
.task-row { padding-block: 22px; }
.task-row strong { font-size: 14px; }
.task-row small { font-size: 12px; }
.empty-state { border: 1px dashed #c6d1c8; background: #ffffff; border-radius: 16px; padding: 40px 24px; display: grid; justify-items: center; text-align: center; gap: 14px; }
.empty-state p { font-size: 14px; color: var(--muted); max-width: 450px; }
.empty-state .actions { justify-content: center; margin-top: 5px; }
.empty-symbol { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: var(--green); color: var(--accent); font-size: 24px; }
.list-tools { margin-bottom: 20px; }
.list-tools .toolbar { justify-content: space-between; margin-bottom: 16px; gap: 12px; }
.search-label { flex: 1; max-width: 460px; }
.search { max-width: none; min-height: 46px; font-size: 14px; }
.result-count { font-size: 12px; color: var(--muted); white-space: nowrap; }
.filter-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.filter-tabs button { border: 1px solid var(--line); border-radius: 9px; min-height: 42px; padding: 9px 12px; font-size: 13px; color: var(--muted); background: white; }
.filter-tabs button[aria-pressed=true] { background: var(--ink); color: white; border-color: var(--ink); }
.filter-tabs button span { margin-left: 6px; opacity: .8; font-variant-numeric: tabular-nums; }
.data-table td { line-height: 1.5; }
.data-table td small { font-size: 12px; line-height: 1.5; }
.data-table td strong { font-weight: 600; }
.overdue-text { color: var(--amber); }
.badge { font-size: 11px; }
.inbox-banner { display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid #dce3dc; border-radius: 14px; padding: 20px; background: var(--green); margin-bottom: 24px; }
.inbox-banner strong { font-size: 15px; }
.inbox-banner p { color: var(--muted); font-size: 13px; margin-top: 5px; }
.dialog-head { position: sticky; top: 0; background: white; z-index: 2; border-bottom: 1px solid var(--line); margin-bottom: 22px; align-items: center; }
.dialog-head .eyebrow { font-size: 10px; margin-bottom: 6px; }
.dialog-head h2 { outline: none; }
.dialog-body > p { font-size: 14px; }
.field { font-size: 13px; line-height: 1.5; }
.field input, .field select, .field textarea { min-height: 46px; font-size: 16px; }
.dialog-footer { padding-top: 16px; border-top: 1px solid var(--line); }
.optional-fields { border-top: 1px solid var(--line); margin-top: 20px; padding-top: 4px; }
.optional-fields summary { cursor: pointer; padding: 14px 0; font-size: 13px; color: var(--muted); }
.optional-fields .form-grid { margin: 4px 0 14px; }
.workflow { display: flex; list-style: none; padding: 0; margin: 0 0 24px; gap: 18px; color: var(--muted); font-size: 12px; }
.workflow li { display: flex; align-items: center; gap: 8px; }
.workflow span { border: 1px solid var(--line); width: 27px; height: 27px; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; }
.workflow [aria-current=step] { color: var(--accent); font-weight: 650; }
.workflow [aria-current=step] span { color: white; background: var(--accent); border-color: var(--accent); }
.invoice-total { margin-top: 22px; background: var(--green); border-radius: 12px; padding: 18px; }
.invoice-total > span { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; }
.invoice-total strong { font-size: 23px; white-space: nowrap; }
.invoice-total small { display: block; margin-top: 8px; font-size: 12px; line-height: 1.5; }
.error:empty { display: none; }
.dialog-body > .error:not(:empty) { background: var(--red-bg); color: var(--red); border: 1px solid #e9c9c3; border-radius: 10px; padding: 14px 16px; margin: 0 0 20px; line-height: 1.6; scroll-margin-top: 120px; }
#discard-prompt { padding: 18px; border: 1px solid #e8d4b4; background: var(--amber-bg); border-radius: 12px; margin-bottom: 18px; scroll-margin-top: 120px; }
#discard-prompt p { margin: 8px 0 14px; font-size: 13px; }
[aria-busy=true] { opacity: .7; }
@media (max-width: 1100px) {
  .page-heading { display: block; }
  .page-heading > .actions { margin-top: 20px; }
}
@media (max-width: 800px) {
  .sidebar { overflow: visible; padding: 16px 16px 0; }
  .sidebar nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; overflow: visible; margin-top: 18px; padding-bottom: 0; }
  .sidebar nav > button { flex-direction: column; justify-content: center; padding: 10px 2px; min-height: 64px; font-size: 11px; gap: 6px; white-space: normal; text-align: center; }
  .sidebar nav > button > span:first-child { font-size: 20px; }
  .nav-details { grid-column: 1 / -1; width: 100%; min-width: 0; margin-top: 4px; border-top: 1px solid var(--line); }
  .sidebar .nav-details summary { padding: 14px 4px; font-size: 12px; min-height: 44px; }
  .sidebar .nav-details[open] { display: block; }
  .nav-secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding-bottom: 12px; }
  .sidebar .nav-details[open] button { width: 100%; display: flex; text-align: left; }
  .sidebar .nav-details summary { grid-column: 1 / -1; }
  .sidebar .nav-details button { min-height: 44px; white-space: normal; font-size: 13px; }
  .topbar { height: auto; min-height: 62px; padding: 10px 16px; }
  #breadcrumb { font-size: 11px; max-width: 40%; }
  .header-actions { gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
  .header-actions .demo-tag { display: none; }
  main { padding: 24px 16px; }
  h1 { font-size: 30px; letter-spacing: -1px; }
  .page-heading p { font-size: 14px; line-height: 1.6; }
  .page-heading .actions { gap: 8px; }
  .page-heading .actions > .button { flex: 1; white-space: normal; min-height: 46px; }
  .welcome-panel { padding: 22px 18px; }
  .welcome-panel h2 { font-size: 23px; }
  .start-options { grid-template-columns: 1fr; }
  .start-options button { padding: 16px; }
  .hero { padding: 18px; grid-template-columns: 1fr; }
  .hero .arne-icon { display: none; }
  .hero > .button { grid-column: 1; }
  .hero p, .task-row small { font-size: 13px; }
  .task-row strong { font-size: 14px; }
  .inbox-banner { align-items: stretch; flex-direction: column; padding: 18px; }
  .list-tools .toolbar { flex-wrap: nowrap; }
  .search { font-size: 16px; }
  .filter-tabs { gap: 6px; }
  .filter-tabs button { font-size: 12px; min-height: 44px; }
  .empty-state { padding: 30px 18px; }
  .mobile-cards { overflow: visible; background: transparent; border: 0; }
  .mobile-cards .data-table, .mobile-cards tbody { display: block; }
  .mobile-cards thead { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
  .mobile-cards tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px 12px; background: white; padding: 18px; border: 1px solid var(--line); border-radius: 14px; margin-bottom: 12px; }
  .mobile-cards td { border: 0; padding: 0; min-width: 0; max-width: none; text-align: left; white-space: normal; overflow-wrap: anywhere; }
  .mobile-cards td:before { content: attr(data-label); display: block; font-size: 11px; color: var(--muted); margin-bottom: 6px; }
  .mobile-cards td:first-child, .mobile-cards td:last-child { grid-column: 1 / -1; }
  .mobile-cards td:first-child { font-size: 15px; }
  .mobile-cards td:first-child:before, .mobile-cards td:last-child:before { display: none; }
  .mobile-cards td:last-child .button { width: 100%; }
  .mobile-cards td:last-child .actions { flex-wrap: nowrap; }
  .mobile-cards td:last-child .actions > .button { flex: 1; }
  dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 24px); border-radius: 16px; }
  .dialog-head { padding: 18px 16px; }
  .dialog-body { padding: 0 16px 20px; }
  .dialog-body .form-grid { grid-template-columns: 1fr; }
  .dialog-footer > .button { flex: 1; white-space: normal; min-height: 48px; }
  .workflow { gap: 12px; font-size: 11px; }
  .invoice-total > span { align-items: flex-start; flex-direction: column; }
  .badge { white-space: normal; line-height: 1.5; }
  .fact-row { font-size: 13px; gap: 12px; }
  .fact-row > span { flex-shrink: 1; }
}

.financial-report .data-table th { white-space: normal; }
.financial-report .data-table .button { white-space: normal; text-align: left; justify-content: flex-start; }
@media(max-width:600px) { .financial-report .data-table td, .financial-report .data-table th { padding: 12px 10px; } }

.note:has(.original-check-pending) { background: var(--amber-bg); border: 1px solid #e8d4b4; }

/* Christer's everyday overview and the optional Arne workspace. */
.button, .quick-links button, .dashboard-status button, .task-row, .start-options button { transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease; }
.button.primary { background:var(--accent); border-color:var(--accent); }
.button.primary:hover { background:#254735; }
.page-heading .eyebrow { letter-spacing:1.5px; }
.dashboard-status { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px; }
.dashboard-status button { display:grid;grid-template-columns:40px minmax(0,1fr) 15px;gap:13px;align-items:center;padding:20px;text-align:left;background:white;border:1px solid var(--line);border-radius:14px;min-width:0; }
.dashboard-status button:hover { border-color:#b4c5b9;box-shadow:0 3px 12px #18233b08; }
.status-symbol { width:40px;height:40px;border-radius:12px;background:var(--green);color:var(--accent);display:grid;place-items:center;font-size:21px; }
.dashboard-status strong { font-size:28px;font-weight:630;line-height:1.15;display:block;font-variant-numeric:tabular-nums; }
.dashboard-status strong.status-word { font-size:20px; }
.dashboard-status button>span:nth-child(2)>span { color:var(--muted);font-size:12px;line-height:1.5;display:block;margin-top:5px; }
.dashboard-status button>span:last-child { color:var(--muted); }
.dashboard-coverage { margin-top:28px;background:#fff8;padding:16px 20px;border:1px solid var(--line);border-radius:12px; }
.arne-invitation { display:flex;align-items:flex-start;gap:14px;background:#eef2ee;border:1px solid #dce3dc;border-radius:14px;padding:20px;margin-top:18px; }
.arne-invitation .arne-icon { flex-shrink:0; }
.arne-invitation p { font-size:13px;color:var(--muted);margin:6px 0 14px; }
.arne-header { gap:7px;background:#eef2ee;border-color:#dce3dc; }
.arne-header-mark { width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:var(--accent);color:white;font-family:Georgia,serif;font-size:15px; }
.arne-header small { font-size:10px;font-weight:400; }
.arne-dialog { width:min(800px,calc(100vw - 32px)); }
.arne-intro { display:flex;gap:14px;align-items:center;margin:0 0 24px; }
.arne-avatar { width:48px;height:48px;display:grid;place-items:center;background:var(--accent);color:white;border-radius:16px;font:28px Georgia,serif;flex-shrink:0; }
.arne-intro p { color:var(--muted);font-size:13px;margin-top:4px; }
.arne-conversation { border-top:1px solid var(--line);padding-top:22px; }
.arne-turn { margin-bottom:26px; }
.arne-question { background:var(--green);border-radius:16px 16px 4px 16px;padding:14px 18px;margin-left:40px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6; }
.arne-reply { margin-top:18px;font-size:14px; }
.arne-reply-label { display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:12px; }
.arne-reply summary { cursor:pointer;font-size:13px;padding:10px 0;color:var(--muted); }
.arne-system-status { border:1px solid #e7d8bc;background:#fcf8f0;border-radius:12px;padding:18px; }
.arne-system-status>p { margin:10px 0;font-size:14px;line-height:1.7; }
.arne-system-status small,.arne-check small { display:block;font-size:11px;color:var(--muted);line-height:1.6; }
.arne-check { padding:14px 0;border-top:1px solid #e8dfcf; }
.arne-check strong { font-size:13px;margin-right:9px; }
.arne-check p { margin:7px 0;font-size:13px; }
.arne-tour-dialog { width:min(760px,calc(100vw - 32px)); }
.arne-tour-progress { display:flex;justify-content:space-between;gap:12px;margin-bottom:24px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--muted); }
.arne-tour-dialog .arne-intro { align-items:flex-start; }
.arne-tour-dialog .arne-intro h3 { font-size:clamp(22px,4vw,30px);line-height:1.2; }
.arne-tour-dialog .arne-intro p { font-size:16px;line-height:1.6;color:var(--ink);margin-top:10px; }
.arne-tour-body p { margin:14px 0;line-height:1.7; }
.arne-tour-tip { background:var(--green);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:20px 0; }
.arne-tour-tip p { margin:6px 0 0; }
.arne-tour-controls { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:26px 0 16px; }
@media(max-width:480px) { .arne-tour-controls>div,.arne-tour-controls>div>.button { width:100%; }.arne-tour-dialog .arne-avatar { width:38px;height:38px;flex-shrink:0; } }
.arne-voice { margin:0 0 20px;font-size:15px;line-height:1.7;color:var(--ink); }
.arne-explanation { margin-top:20px; }
.arne-explanation p { white-space:pre-wrap;font-size:14px;line-height:1.7;margin-top:10px; }
.arne-composer { margin-top:24px;padding-top:22px;border-top:1px solid var(--line); }
.arne-composer textarea { min-height:108px;line-height:1.6;background:#ffffff; }
.arne-composer .check-label { font-size:12px; }
.arne-send { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px; }
.arne-send>span { font-size:11px;color:var(--muted); }
.arne-shortcuts { display:flex;gap:8px;flex-wrap:wrap;margin-top:20px; }
.arne-shortcuts button { font-size:12px;border:1px solid var(--line);border-radius:24px;padding:10px 13px;min-height:42px;text-align:left; }
.arne-shortcuts button:hover { background:var(--green); }
.arne-shortcuts button span { margin-left:6px;color:var(--muted); }
.arne-offline { background:#f2f4f1;border:1px solid var(--line);border-radius:14px;padding:20px; }
.arne-offline h3 { margin:12px 0 7px; }
.arne-offline p { color:var(--muted);font-size:14px; }
.capture-options { grid-template-columns:1fr 1fr; }
.capture-choice { padding:18px;min-width:0;cursor:pointer; }
.capture-choice:focus-within { outline:3px solid #648c76;outline-offset:3px; }
.capture-choice small { display:block;font-weight:400;line-height:1.6;font-size:12px;margin-top:7px; }
.capture-choice input { font-size:12px;min-width:0; }
.capture-symbol { margin-right:6px;color:var(--accent); }
.upload-selection { margin-top:20px; }
.upload-selection>p { font-size:13px;color:var(--muted); }
.upload-list { padding:0;list-style:none;margin:12px 0; }
.upload-list li { display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line); }
.upload-list img { width:55px;height:65px;object-fit:contain;border:1px solid var(--line);background:#f6f7f5;border-radius:7px; }
.upload-list strong { font-size:13px;overflow-wrap:anywhere;display:block; }
.upload-list small { display:block;font-size:11px;margin-top:6px; }
.file-symbol { width:55px;height:55px;border-radius:8px;background:var(--green);display:grid;place-items:center;color:var(--accent);font-size:24px; }
#upload-progress:not(:empty) { margin-top:20px;padding:15px;background:var(--green);border-radius:10px;font-size:13px; }
@media(min-width:801px) { .dashboard-status, .arne-intro { animation:gentle-appear .25s ease-out both; } }
@keyframes gentle-appear { from { opacity:0;transform:translateY(4px); } to { opacity:1;transform:translateY(0); } }
@media(max-width:1100px) { .dashboard-status { gap:10px; }.dashboard-status button { padding:17px;grid-template-columns:minmax(0,1fr) 15px; }.dashboard-status .status-symbol { display:none; } }
@media(max-width:800px) {
  .dashboard-status { grid-template-columns:1fr;gap:9px; }
  .dashboard-status button { grid-template-columns:36px minmax(0,1fr) 15px;padding:15px; }
  .dashboard-status .status-symbol { display:grid;width:36px;height:36px; }
  .dashboard-status strong { font-size:24px; }
  .dashboard-status button>span:nth-child(2) { display:flex;align-items:center;gap:12px; }
  .dashboard-status button>span:nth-child(2)>span { margin:0; }
  .dashboard-status strong.status-word { font-size:17px; }
  .arne-header small { display:none; }
  .arne-invitation { padding:18px; }
  .arne-dialog { width:calc(100vw - 16px); }
  .arne-question { margin-left:20px; }
  .arne-system-status { padding:15px; }
  .arne-send { align-items:flex-end; }
  .arne-send .button { min-width:130px; }
  .capture-options { grid-template-columns:1fr; }
  .upload-list li { grid-template-columns:44px minmax(0,1fr) auto;gap:9px; }
  .upload-list img { width:44px;height:55px; }
  .file-symbol { width:44px;height:44px; }
  .upload-list .button { padding:8px;font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }
.signature-pad-wrap { position:relative;border:1px solid #c6d1c8;border-radius:12px;background:white;margin-top:18px;overflow:hidden; }
#signature-pad { display:block;width:100%;height:auto;aspect-ratio:900 / 280;touch-action:none;cursor:crosshair;position:relative;z-index:1; }
.signature-baseline { position:absolute;left:6%;right:6%;bottom:24%;border-bottom:1px dashed #c6d1c8;pointer-events:none; }
.signature-tools { display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px; }
.signature-tools>span { font-size:12px;color:var(--muted);line-height:1.6; }
.signature-preview { width:100%;max-height:150px;object-fit:contain;background:white;border:1px solid var(--line);border-radius:9px; }
.document-fingerprint { overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:11px; }
@media(max-width:800px) { .signature-tools>span { flex-basis:100%; } }

/* Arne's reviewed references stay separate from the company's control results. */
.arne-local-notice { font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:16px; }
.arne-local-notice .badge { margin-right:7px; }
.arne-prompts { display:flex;gap:8px;flex-wrap:wrap;margin-top:18px; }
.arne-prompts .button { font-size:12px;text-align:left;white-space:normal;justify-content:flex-start;border-radius:10px;background:#f5f7f3; }
.arne-knowledge { border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff; }
.arne-topic { margin-top:18px; }
.arne-topic h3 { font-size:18px;line-height:1.4; }
.arne-topic>p { margin-top:10px;font-size:14px;line-height:1.75; }
.arne-topic ol { margin:14px 0;padding-left:22px;font-size:14px;line-height:1.7; }
.arne-topic li+li { margin-top:7px; }
.arne-topic .arne-scope { font-size:12px;line-height:1.7;color:var(--muted);border-left:2px solid #dce3dc;padding-left:12px;margin-bottom:14px; }
.arne-topic .arne-scope strong { color:var(--ink);font-weight:600; }
.arne-sources { border-top:1px solid var(--line);padding-top:16px;margin-top:20px; }
.arne-sources h4 { font-size:12px;margin:0 0 12px;font-weight:650; }
.arne-source { display:grid;gap:6px;margin-top:14px; }
.arne-source>span { color:var(--muted);font-size:11px; }
.arne-source>a { font-size:13px;font-weight:600;text-underline-offset:3px;line-height:1.6;overflow-wrap:anywhere; }
.arne-source>small { font-size:11px;line-height:1.7; }
.arne-source>.button { justify-self:start;white-space:normal;text-align:left; }
.arne-reference-notice { margin-top:18px;font-size:11px;line-height:1.7;color:var(--muted); }
.arne-knowledge-message { margin-top:14px;font-size:14px;line-height:1.75; }
.arne-service-notice { margin:14px 0 20px;font-size:12px;color:var(--muted);line-height:1.7; }
.arne-system-status { margin-top:20px; }
.arne-intro>div { min-width:0; }
.arne-intro>.button { margin-left:auto;flex-shrink:0; }
.arne-turn { scroll-margin-top:125px; }
.arne-reply-label { font-size:10px;font-weight:600;outline:none; }
@media(max-width:800px) {
  .arne-intro { flex-wrap:wrap; }
  .arne-intro>div { flex:1; }
  .arne-intro>.button { margin-left:62px; }
  .arne-knowledge { padding:16px; }
  .arne-topic h3 { font-size:17px; }
  .arne-prompts .button { width:100%; }
  .arne-send { align-items:stretch;flex-wrap:wrap; }
  .arne-send .button { flex:1; }
}

/* Explicit EU purchase facts: retain readable choices on narrow screens. */
.eu-goods-fields .check-label{margin-top:14px;line-height:1.55;align-items:flex-start}
.eu-goods-fields .check-label input{margin-top:3px;flex-shrink:0}
.eu-goods-fields h3,.eu-goods-summary h3{font-size:15px;line-height:1.4}
.eu-goods-fields .form-grid{margin:16px 0}
.eu-goods-summary .fact-list{background:var(--paper,#fff)}

/* Account choices stay in the bank view; the dashboard has no bank figures. */
.bank-account-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:18px 0}
.bank-account-toolbar .field{flex:1;min-width:180px;max-width:420px}
@media(max-width:600px){.bank-account-toolbar .field,.bank-account-toolbar .button{width:100%;max-width:none}}

/* Pension review follows people and original documents, with bookkeeping in details. */
.pension-person{border:1px solid var(--line);border-radius:12px;padding:18px;margin:22px 0;min-width:0}
.pension-person>legend,.pension-premium>legend{font-size:15px;font-weight:600;padding:0 7px}
.pension-source-row{border:1px solid var(--line);border-radius:8px;padding:12px;margin:14px 0;min-width:0;background:#fff}
.pension-source-row>legend{font-size:12px;padding:0 5px;color:var(--muted)}
.pension-source-row>.button{margin-top:12px}
.pension-person .source-box{min-width:0}
@media(max-width:600px){.pension-person{padding:12px}.pension-source-row{padding:10px}.pension-person .actions .button{max-width:100%;white-space:normal}}

.pension-step{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:14px 0;min-width:0}
.pension-step>summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.45;padding:3px 0}
.pension-step[open]>summary{margin-bottom:16px}
[data-pension-insurance-group]{min-inline-size:0;overflow-wrap:anywhere}
[data-pension-insurance-group] .button{max-inline-size:100%;white-space:normal}
[data-pension-insurance] > legend{max-inline-size:100%;overflow-wrap:anywhere}

pre.source-box { white-space: pre-wrap; overflow-wrap: anywhere; }

/* Everyday overview and the mobile application shell. */
.workspace, main, .columns > *, .control-grid > * { min-width:0; }
.page-heading { flex-wrap:wrap; }
.page-heading > .actions { flex-shrink:1; }
.page-heading p { max-width:55ch; }
.hero { background:#eef2ee;border:1px solid #dce3dc; }
.dashboard-status button:first-child .status-symbol { background:#fff1d6;color:#965805; }
.dashboard-status button:last-child .status-symbol { background:#eee9ff;color:#7150c2; }
.work-overview { background:white;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:26px; }
.work-overview .section-heading { margin:0 0 22px;align-items:flex-start;gap:12px; }
.work-overview h2 { font-size:20px;line-height:1.35;margin-top:5px; }
.overview-total { color:var(--muted);font-size:12px;white-space:nowrap;padding-top:3px; }
.work-bars { display:grid;gap:17px; }
.work-bar-row { display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px; }
.work-bar-row strong { font-variant-numeric:tabular-nums; }
.work-bar-track { display:block;width:100%;grid-column:1/-1;background:#edf1f8;border-radius:6px;height:9px;overflow:hidden; }
.work-bar { transform-origin:left;animation:bar-arrive .55s cubic-bezier(.2,.7,.3,1) both; }
.work-bar.amber { fill:#e9a83b; }.work-bar.green { fill:#229e83; }.work-bar.slate { fill:#a1acc1; }
@keyframes bar-arrive { from { transform:scaleX(0); } to { transform:scaleX(1); } }
.overview-foot { display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:21px;padding-top:16px; }
.overview-foot > span { font-size:11px;line-height:1.65;color:var(--muted);max-width:28ch; }
.work-planning { background:#eef2ee;border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:28px; }
.work-planning p { margin:6px 0 16px;color:var(--muted);font-size:13px; }
.work-planning details { margin-top:16px;padding-top:12px; }
.work-planning details .actions { margin-top:14px; }
.mobile-nav { display:none; }
.navigation-group { margin:0 0 24px; }
.navigation-group h3 { color:var(--muted);font-size:12px;font-weight:600;margin-bottom:9px; }
.navigation-group button { display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 14px;background:#f6f7f5;border:1px solid var(--line);border-bottom:0;font-size:15px;text-align:left;min-height:54px; }
.navigation-group button:first-of-type { border-radius:12px 12px 0 0; }
.navigation-group button:last-child { border-bottom:1px solid var(--line);border-radius:0 0 12px 12px; }
.navigation-group button:only-of-type { border-radius:12px; }
.navigation-group button[aria-current=page] { background:var(--green);color:var(--accent);font-weight:650; }
.upload-actions { display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end; }
.upload-actions .button { font-size:12px; }
.scanner-heading p { color:var(--muted);font-size:13px;line-height:1.7;margin:10px 0; }
.scanner-notice { background:#f4f0e5;color:#675536;padding:13px;border-radius:10px;font-size:13px;line-height:1.6; }
.scanner-stage { position:relative;margin:26px auto;max-width:420px;width:calc(100% - 36px); }
.scanner-image { display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 6px 24px #18233b1c; }
.scanner-outline { position:absolute;inset:0;width:100%;height:100%;pointer-events:none; }
.scanner-outline polygon { fill:#4b5bdb1a;stroke:#315a47;stroke-width:.65; }
.scanner-corner { position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#315a47;color:white;box-shadow:0 2px 9px #0004;touch-action:none;cursor:move;font-size:14px;font-weight:700; }
.scanner-previewing .scanner-outline,.scanner-previewing .scanner-corner { display:none; }
.scanner-toolbar,.form-footer { display:flex;gap:8px;flex-wrap:wrap; }
.form-footer { border-top:1px solid var(--line);padding-top:18px;justify-content:flex-end; }
.scanner-toolbar .button { flex:1; }
[data-scanner][hidden],[data-upload-controls][hidden] { display:none; }
body:has(dialog[open]) { overflow:hidden; }
@media(max-width:800px) {
  body { background:#f6f7f5; }
  .sidebar { display:none; }
  .workspace { margin-left:0;padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
  .topbar { position:sticky;top:0;z-index:5;min-height:64px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#f6f7f5f5;backdrop-filter:blur(14px);border-bottom:1px solid #e1e5e1;gap:8px; }
  #breadcrumb { font-size:12px;font-weight:650;max-width:40%;line-height:1.45; }
  .topbar .header-actions { flex-wrap:nowrap;gap:7px; }
  .topbar [data-action=guide],.topbar .demo-tag { display:none; }
  .topbar .button { min-height:44px;padding:8px 11px; }
  #year-choice { font-size:12px; }
  .arne-header { gap:5px; }
  main { padding:25px 16px;min-height:calc(100dvh - 170px); }
  .page-heading h1 { font-size:29px;line-height:1.2;letter-spacing:-.9px; }
  .page-heading p { font-size:14px;line-height:1.65;margin-top:9px; }
  .page-heading .eyebrow { font-size:9px;letter-spacing:1.3px; }
  .page-heading > .actions { display:flex;gap:9px;margin-top:20px; }
  .page-heading > .actions .button { flex:1 1 auto;justify-content:center;padding:12px; }
  .button,.button.small,summary { min-height:44px; }
  input,select,textarea,.search { font-size:16px!important;min-width:0; }
  input:not([type=checkbox]):not([type=radio]),select,textarea { max-width:100%; }
  input[type=file] { font-size:13px!important; }
  .dashboard-status { grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px; }
  .dashboard-status button { padding:17px 14px;grid-template-columns:1fr 12px;gap:8px;align-items:start; }
  .dashboard-status .status-symbol { display:none; }
  .dashboard-status button>span:nth-child(2) { display:block; }
  .dashboard-status button>span:nth-child(2)>span { margin-top:6px;font-size:12px; }
  .dashboard-status strong { font-size:29px; }
  .dashboard-status button:last-child { grid-column:1/-1;padding:13px 15px; }
  .dashboard-status button:last-child>span:nth-child(2) { display:flex;align-items:center;gap:12px; }
  .dashboard-status button:last-child>span:nth-child(2)>span { margin-top:0; }
  .dashboard-status strong.status-word { font-size:15px; }
  .hero { padding:20px;gap:13px;align-items:flex-start;border-radius:15px; }
  .hero h2 { font-size:22px; }
  .hero p { font-size:13px; }
  .hero .arne-icon { display:none; }
  .task-row { padding:18px 15px;grid-template-columns:30px minmax(0,1fr) 12px;gap:10px; }
  .task-row strong { font-size:14px;line-height:1.5; }
  .task-row small { line-height:1.65; }
  .work-overview { padding:20px; }
  .work-planning { padding:20px; }
  .work-planning .actions .button { flex:1; }
  .mobile-nav { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:10;margin:0;padding:8px 7px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(18px);border-top:1px solid #e1e5e1;box-shadow:0 -3px 20px #18233b05; }
  .mobile-nav button { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;padding:5px 2px;border:0;border-radius:12px;background:transparent;color:#656d67;font-size:10px;font-weight:550;line-height:1.2; }
  .mobile-nav button.active { color:#315a47;background:#eef2ee; }
  .mobile-nav svg { display:block;width:21px;height:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none; }
  dialog,dialog.arne-dialog { position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;overscroll-behavior:contain; }
  .dialog-head { margin-bottom:20px;padding:calc(16px + env(safe-area-inset-top)) 18px 16px;background:#ffffff;align-items:center;z-index:4; }
  .dialog-head h2 { font-size:22px;line-height:1.3; }
  .dialog-head .close { flex-shrink:0;background:#f2f4f1;border-radius:50%; }
  .dialog-body { padding:0 18px calc(24px + env(safe-area-inset-bottom)); }
  .dialog-footer,.form-footer { gap:10px; }
  .dialog-footer .button,.form-footer .button { flex:1;padding:13px 10px; }
  .navigation-dialog { top:auto;max-height:88dvh;border-radius:22px 22px 0 0;height:auto; }
  .navigation-dialog .dialog-head { padding-top:20px; }
  .upload-list li { grid-template-columns:52px minmax(0,1fr);gap:12px; }
  .upload-list img { width:52px;height:65px; }
  .upload-list .upload-actions { grid-column:2;justify-content:flex-start; }
  .upload-list .button { font-size:12px;padding:9px 12px; }
  .capture-choice { padding:16px; }
  .scanner-stage { margin-block:28px; }
  .scanner-toolbar .button { min-width:90px;font-size:12px;padding:10px 8px; }
  .toast { bottom:calc(88px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px); }
  .workspace > footer { font-size:11px;padding:8px 18px 22px; }
  .dashboard-coverage { scroll-margin-top:90px; }
}
.dashboard-notices { display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px; }
.dashboard-notice { flex:1 1 240px;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;min-height:48px;padding:12px 16px;border:1px solid #e1e5e1;border-radius:11px;background:#eef2ee;font-size:12px;line-height:1.6;color:var(--ink); }
.dashboard-notice:hover { background:#e5e9ff; }
[data-scanner] { scroll-margin-top:120px; }
@media(max-width:800px) { .scanner-toolbar { display:grid;grid-template-columns:1fr 1fr; } }

@media(max-width:800px) { .dashboard-status button { padding:13px 14px; }.dashboard-status strong { font-size:26px; }.dashboard-notices { gap:8px; }.dashboard-notice { padding:11px 14px; } }

/* Lugn överblick: shared color and control language across daily and detailed work. */
.access-role-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0; }
.access-role-grid article { border:1px solid var(--line);border-radius:13px;padding:18px;background:var(--surface-soft); }
.access-role-grid p,.access-role-description { font-size:13px;color:var(--muted);line-height:1.65;margin:9px 0 15px; }
.access-user-list { margin-top:22px;border:1px solid var(--line);border-radius:14px;overflow:hidden; }
.access-user-row { padding:18px;display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap; }
.access-user-row:last-child { border-bottom:0; }
.access-user-row>div { margin-right:auto;min-width:0;overflow-wrap:anywhere; }
.access-user-row p { font-size:12px;color:var(--muted);margin-top:5px; }
[data-access-credentials] { font:13px/1.8 ui-monospace,monospace;overflow-wrap:anywhere; }
.test-feedback-button { position:fixed;right:24px;bottom:22px;z-index:12;display:flex;gap:9px;align-items:center;min-height:46px;padding:12px 17px;background:var(--ink);color:white;border:1px solid #ffffff55;border-radius:14px;box-shadow:0 5px 18px #18233b24;font-size:13px;font-weight:600; }
.test-feedback-button:hover { background:#344139; }
.test-feedback-button svg { width:18px;height:18px; }
dialog.document-comparison { width:min(1440px,calc(100vw - 48px));max-height:calc(100dvh - 36px); }
.document-workspace-grid { display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,1fr);gap:28px;align-items:start; }
.document-preview-pane,.document-system-pane { min-width:0; }
.document-preview-pane { position:sticky;top:0;padding:18px;background:var(--surface-soft);border:1px solid var(--line);border-radius:14px; }
.document-preview-pane .desk-preview-frame { height:min(68dvh,820px);background:white; }
.document-preview-pane .actions { margin-top:14px; }
.document-pdf-pages { max-height:68dvh;overflow:auto;overscroll-behavior:contain; }
.document-pdf-pages figure { margin:0 0 12px; }
.document-pdf-pages img { display:block;width:100%;height:auto;background:white;box-shadow:0 2px 8px #20232112; }
.document-pdf-pages figcaption { padding:8px;text-align:center;font-size:12px;color:var(--muted); }
.document-system-pane .workflow { flex-wrap:wrap; }
.document-system-pane .fact-list { margin-top:0; }
.document-system-pane .data-table td,.document-system-pane .data-table th { padding:12px 10px; }
.document-system-pane .button { white-space:normal; }
.document-compare-tabs { display:none; }
dialog.document-comparison .desk-source-context { float:none;position:static;width:auto;margin:0 0 22px; }
@media(max-width:1000px) {
 .document-workspace-grid { grid-template-columns:minmax(260px,1fr) minmax(300px,1fr);gap:18px; }
 .document-system-pane .form-grid { grid-template-columns:1fr; }
}
@media(max-width:800px) {
 .access-role-grid { grid-template-columns:1fr; }
 .access-user-row { gap:10px; }
 .test-feedback-button { bottom:calc(86px + env(safe-area-inset-bottom));right:14px;padding:11px 13px;font-size:12px; }
 dialog.document-comparison { inset:0;margin:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0; }
 .document-compare-tabs { display:flex;gap:8px;margin-bottom:18px; }
 .document-compare-tabs .button { flex:1; }
 .document-compare-tabs [aria-pressed=true] { background:var(--accent);color:white;border-color:var(--accent); }
 .document-workspace-grid { display:block; }
 .document-preview-pane { position:static;padding:12px; }
 .document-workspace-grid[data-pane=fields]>.document-preview-pane,.document-workspace-grid[data-pane=document]>.document-system-pane { display:none; }
 .document-preview-pane .desk-preview-frame { height:64dvh; }
}
body { -webkit-font-smoothing:antialiased; }
::selection { background:#e5ece5;color:var(--ink); }
input[type=checkbox],input[type=radio] { accent-color:var(--accent); }
.type-choice{display:flex;gap:8px;border:0;padding:0;margin:0 0 24px}
.type-choice legend{font-size:14px;font-weight:600;margin-bottom:8px}
.type-choice label{position:relative;flex:1;cursor:pointer}
.type-choice input{position:absolute;opacity:0;width:1px;height:1px}
.type-choice span{display:block;text-align:center;padding:13px 18px;border:1px solid var(--line);border-radius:10px;font-weight:600;background:var(--surface)}
.type-choice input:checked+span{color:var(--accent);border-color:var(--accent);background:var(--surface-soft)}
.type-choice input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}

.button,.search,.field input,.field select,.field textarea { border-radius:10px; }
.button.primary { box-shadow:0 3px 8px #4b5bdb16; }
.button.primary:hover { background:var(--accent-hover);border-color:var(--accent-hover); }
.button.soft,.invoice-total,.arne-question,.status-symbol,.empty-symbol,.file-symbol { background:var(--accent-soft);color:var(--accent); }
.badge { border-radius:6px;line-height:1.45; }
.badge.green { color:var(--success); }
.badge.blue { background:var(--accent-soft);color:var(--accent); }
.badge.red { background:var(--red-bg);color:var(--red); }
.monogram { background:var(--accent);box-shadow:0 4px 12px #4b5bdb20; }
.sidebar nav button { min-height:46px; }
.sidebar nav button.active { color:var(--accent);font-weight:650; }
.sidebar nav button.active .nav-count { background:var(--accent);color:white; }
.sidebar .nav-count { background:var(--accent-soft);color:var(--accent); }
.brand small { color:var(--muted); }
.topbar { background:#ffffffa8; }
.panel,.control-card,.vehicle-card { box-shadow:0 2px 5px #20232103; }
.data-table th { color:#62708b; }
.data-table tbody tr:hover { background:#f8f9f7; }
.invoice-line { background:#fff;border-radius:14px; }
.invoice-line legend { font-weight:600;color:var(--accent); }
.invoice-total strong { color:var(--ink); }
.arne-header { background:var(--accent-soft);color:var(--accent); }
.capture-choice,.navigation-group button { background:var(--surface); }
.capture-choice:hover { border-color:#b4c5b9;background:#f8f9ff; }
button:disabled:hover { filter:none; }
@media(min-width:1101px) {
  .sidebar { width:224px;padding-top:30px; }
  .workspace { margin-left:224px; }
  main { padding:34px 34px 30px; }
  .topbar { padding:0 34px; }
  .toast { left:calc(50% + 112px); }
}
@media(max-width:800px) {
  .topbar { background:#f6f7f5f5; }
  .mobile-nav button.active { background:var(--accent-soft);color:var(--accent); }
  .dialog-head { background:var(--surface); }
}

/* Personal shares the application's controls without the economy sidebar. */
.hr-portal { background:var(--bg); }
.hr-header { display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px max(32px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:white; }
.hr-header .brand { text-decoration:none;color:var(--ink);padding:0;margin:0; }
.hr-header .brand small { display:block;letter-spacing:1.8px; }
.hr-header .actions { margin:0; }
.hr-navigation { display:flex;gap:6px;padding:12px max(32px,calc((100vw - 1180px)/2));background:#ffffffb8;border-bottom:1px solid var(--line);overflow:auto; }
.hr-navigation>button { flex-shrink:0;min-height:44px;padding:10px 16px;border-radius:10px;background:transparent;font-size:13px;font-weight:550;color:var(--muted); }
.hr-navigation>button[aria-current=page] { background:var(--accent-soft);color:var(--accent); }
.hr-navigation .nav-count { display:inline-grid;margin-left:5px;background:white;color:var(--accent); }
.hr-portal #hr-main { max-width:1244px;margin:auto;padding:36px 32px 100px; }
.hr-portal .toast { left:50%; }
.hr-portal .test-feedback-button { bottom:22px; }
.hr-portal .page-heading h1 { font-size:36px;letter-spacing:-1.2px; }
.hr-portal .page-heading p { margin-top:12px; }
.hr-summary-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0; }
.hr-summary-card { padding:22px 24px;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;min-width:0; }
.hr-summary-card>span { font-size:13px;color:var(--muted); }
.hr-summary-card>strong { font-size:40px;font-weight:550;line-height:1.2;margin:12px 0 18px;letter-spacing:-1px; }
.hr-summary-card .button { background:#ffffffb8;border:1px solid #ffffffaa;font-size:12px; }
.hr-summary-card.violet { background:linear-gradient(125deg,#eef2ee,#e9e6fb); }
.hr-summary-card.peach { background:linear-gradient(125deg,#fff3e8,#ffeddf); }
.hr-summary-card.mint { background:linear-gradient(125deg,#edf7f4,#e4f2ed); }
.hr-quick-actions { margin:0 0 28px; }
.hr-calendar { background:white;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 3px 10px #20232103; }
.hr-calendar .section-heading { margin:0;align-items:center; }
.hr-calendar h2 { font-size:25px;text-transform:capitalize;margin:6px 0 0; }
.hr-calendar-help { font-size:12px;line-height:1.65;color:var(--muted);margin:14px 0 18px; }
.hr-calendar-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden; }
.hr-weekdays { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-column:1/-1;background:var(--surface-soft);padding:13px 0;font-size:11px;color:var(--muted);font-weight:600;text-align:center; }
.hr-calendar-day { display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;min-height:113px;padding:10px 8px;background:white;color:var(--ink);font-size:12px;gap:4px; }
.hr-calendar-day:hover { background:#f7f8ff; }
.hr-calendar-day.outside { background:#fafbfe;color:#6b746d; }
.hr-calendar-day.selected { background:#f1f3ff;box-shadow:inset 0 0 0 2px var(--accent); }
.hr-calendar-day:focus-visible { outline-offset:-3px; }
.hr-day-number { display:inline-grid;place-items:center;align-self:flex-start;width:25px;height:25px;margin-bottom:2px; }
.hr-calendar-day.today .hr-day-number { border-radius:50%;background:var(--accent);color:white; }
.hr-calendar-event { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;border:1px solid transparent;border-radius:5px;padding:4px 6px;background:#eef2ee;color:#4859bf;font-size:11px;font-weight:550; }
.hr-calendar-event>span { display:block;font-size:10px;opacity:.85;font-weight:400;margin-top:1px; }
.hr-calendar-event.vacation { background:#e7f5ef;color:#226a53; }
.hr-calendar-event.sickness { background:#fff0e4;color:#965805; }
.hr-calendar-event.FP,.hr-calendar-event.TFP { background:#f2ecff;color:#7754af; }
.hr-calendar-event.away { background:#edf0f5;color:#5a667e; }
.hr-calendar-event.pending { border:1px dashed currentColor;background:white; }
.hr-calendar-day>small { font-size:10px;color:var(--muted);padding-left:5px; }
.hr-selected-day { border-top:1px solid var(--line);margin-top:22px;padding-top:20px; }
.hr-selected-day h3 { text-transform:capitalize;font-size:14px;margin:0 0 12px; }
.hr-selected-day>p { color:var(--muted);font-size:13px; }
.hr-calendar-detail { display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;font-size:13px;border-bottom:1px solid var(--line); }
.hr-calendar-detail:last-child { border:0; }
.hr-calendar-detail>.badge { margin-left:auto; }
.hr-calendar-detail>span:not(.badge):not(.hr-event-dot) { color:var(--muted); }
.hr-event-dot { width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0; }
.hr-event-dot.vacation { background:#50a186; }
.hr-event-dot.sickness { background:#db9f5c; }
.hr-event-dot.FP,.hr-event-dot.TFP { background:#9d7bce; }
.hr-event-dot.away { background:#6b746d; }
.hr-payroll-list { display:grid;gap:20px; }
.hr-payroll-list .control-card { padding:26px; }
.hr-payroll-list h2 { margin:6px 0; }
.hr-money { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px 0;margin:8px 0 18px;border-bottom:1px solid var(--line); }
.hr-money>span { color:var(--muted);font-size:12px; }
.hr-money strong { display:block;margin-top:8px;font-size:26px;font-weight:550;color:var(--ink);letter-spacing:-.5px; }
.hr-vacation-balances { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:18px 0; }
.hr-vacation-balances small { color:var(--muted);font-size:12px;line-height:1.6; }
.hr-portal .desk-row { width:100%; }
.hr-portal .desk-row-copy { min-width:0;margin-right:auto; }
.hr-portal .desk-row-copy small { line-height:1.6; }
.hr-portal .desk-row>.badge { flex-shrink:0;max-width:205px;white-space:normal; }
.hr-portal .dialog-body .field { margin-top:17px; }
.hr-portal .dialog-body .form-grid { column-gap:17px;row-gap:0; }
.hr-portal .dialog-body .note { font-size:13px;line-height:1.7; }
.hr-portal .dialog-body .fact-row { flex-wrap:wrap; }
.hr-portal .dialog-body .fact-row strong { max-width:100%; }
.hr-portal .dialog-body .accounting-details p { font-size:13px;line-height:1.7;color:var(--muted);margin:10px 0; }
@media(max-width:800px) {
 .hr-header { padding:16px 18px;align-items:flex-start;gap:12px; }
 .hr-header .actions { gap:8px;justify-content:flex-end; }
 .hr-header .brand { min-width:120px; }
 .hr-header #hr-role { display:none; }
 .hr-navigation { padding:10px 14px;gap:4px; }
 .hr-navigation>button { padding:10px 13px; }
 .hr-portal #hr-main { padding:26px 18px 100px; }
 .hr-portal .page-heading h1 { font-size:29px; }
 .hr-summary-grid { gap:10px;grid-template-columns:1fr;margin:22px 0; }
 .hr-summary-card { display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:17px 19px;border-radius:13px; }
 .hr-summary-card>strong { margin:0;grid-column:2;grid-row:1/3;font-size:33px; }
 .hr-summary-card>.button { justify-self:start;padding:5px 0;min-height:24px;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px; }
 .hr-quick-actions { gap:9px; }
 .hr-quick-actions .button { flex:1 1 130px; }
 .hr-calendar { padding:18px 12px;border-radius:14px; }
 .hr-calendar .section-heading { padding:0 4px;gap:8px; }
 .hr-calendar h2 { font-size:21px; }
 .hr-calendar .actions { gap:5px; }
 .hr-calendar .button { padding:8px 9px; }
 .hr-calendar-help { padding:0 4px;font-size:11px; }
 .hr-calendar-day { padding:6px 3px;min-height:77px;gap:3px; }
 .hr-calendar-event { padding:3px 2px;font-size:9px; }
 .hr-calendar-event>span { display:none; }
 .hr-day-number { width:22px;height:22px; }
 .hr-selected-day { margin:17px 4px 0;padding-top:17px; }
 .hr-calendar-detail { gap:8px;font-size:12px; }
 .hr-calendar-detail>.badge { margin-left:16px; }
 .hr-payroll-list .control-card { padding:20px; }
 .hr-money { grid-template-columns:1fr;gap:15px; }
 .hr-money>span { display:flex;justify-content:space-between;gap:10px;align-items:center; }
 .hr-money strong { margin:0;font-size:23px; }
 .hr-portal .desk-row { flex-wrap:wrap;gap:12px; }
 .hr-portal .desk-row-copy { flex-basis:100%; }
 .hr-portal .desk-row>.badge { max-width:100%; }
 .hr-vacation-balances { grid-template-columns:1fr; }
 .hr-portal .toast { bottom:82px; }
}

/* Always visible on desktop/mobile, also in setup and the HR portal. */
.workspace-banner{position:relative;z-index:24;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;background:#e8f0eb;border-bottom:1px solid #b8cabe;color:#24362c;margin-left:236px}
.workspace-banner[data-workspace="private-trial"]{background:#fff1d6;border-color:#d7bb82;color:#513d17}.workspace-banner>span{font-size:12px;flex:1;min-width:180px}.workspace-banner strong{font-size:14px}.workspace-switch{position:relative}.workspace-switch summary{cursor:pointer;list-style:none}.workspace-choices{position:absolute;right:0;top:calc(100% + 8px);width:min(340px,85vw);background:var(--surface,#fff);border:1px solid var(--line,#ddd);border-radius:12px;padding:10px;box-shadow:0 8px 24px #0002;color:var(--text,#222)}.workspace-choices a{display:block;padding:12px;border-radius:8px;text-decoration:none;font-weight:600}.workspace-choices a:hover{background:#edf2ee}.workspace-choices small{display:block;font-weight:400;margin-top:4px}.workspace-choices p{font-size:12px;padding:0 12px}.access-page .workspace-banner,.setup-page .workspace-banner,.hr-portal .workspace-banner{margin-left:0}.access-page .workspace-banner{padding:12px;margin-bottom:20px;border-radius:8px}.setup-page{background:var(--bg,#f5f7f3)}.setup-card{max-width:780px;margin:36px auto;padding:30px;background:var(--surface,#fff);border:1px solid var(--line,#ddd);border-radius:16px}.setup-card .brand{padding:0;margin-bottom:24px}.setup-card fieldset{border:0;padding:0;margin:24px 0;display:grid;gap:18px}.setup-card legend{font-weight:600;padding-bottom:16px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-card details{padding:16px;background:#f5f7f3;border-radius:10px}.setup-card li{margin:10px 0}.setup-card .field{display:grid;gap:6px}.setup-card input:not([type="checkbox"]),.setup-card select{width:100%;min-width:0;padding:10px;border:1px solid var(--line,#ccc);border-radius:8px;background:white}.setup-card #setup-status{color:var(--red,#a22)}
@media(max-width:1100px){.workspace-banner{margin-left:200px}}
@media(max-width:800px){.workspace-banner{margin-left:0}.workspace-banner>span{flex-basis:100%;order:3}.workspace-switch{margin-left:auto}.setup-card{margin:16px;padding:20px}.setup-grid{grid-template-columns:1fr}.workspace-banner strong{max-width:65%}}

/* Shared interaction and spacing, verified with narrow mobile layouts. */
html { -webkit-text-size-adjust:100%;text-size-adjust:100%; }
button,a,input,select,textarea,label,summary { touch-action:manipulation; }
:focus-visible { outline-offset:3px; }
summary { cursor:pointer; }
body :is(details,details[class])>summary { display:flex;align-items:center;gap:12px;list-style:none;min-height:48px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#f7f8fc;color:var(--ink);font-size:14px;font-weight:600;line-height:1.5; }
body :is(details,details[class])>summary::-webkit-details-marker { display:none; }
body :is(details,details[class])>summary::after { content:'';width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);flex-shrink:0;margin:0 3px 4px auto; }
body :is(details,details[class])[open]>summary::after { transform:rotate(225deg);margin-bottom:0; }
body :is(details,details[class])>summary:hover { background:var(--accent-soft); }
body :is(details,details[class])[open]>summary { margin-bottom:16px; }
body details.workspace-switch>summary { background:var(--surface); }
.accounting-details,.optional-fields { border:0;padding:0;margin:20px 0; }
.accounting-details>p,.optional-fields>p { margin:12px 2px;font-size:14px;line-height:1.65; }
.dialog-body { line-height:1.6; }
.dialog-body>form>.field,.dialog-body>form>.form-grid { margin-block:16px; }
.dialog-body .source-box { padding:18px;margin-block:16px;border-radius:12px; }
.dialog-body .source-box p { margin-top:8px; }
.dialog-body .source-box .actions { margin-top:14px; }
.dialog-body h3 { margin-block:18px 12px; }
.dialog-body .stamp { margin-block:12px;font-size:12px;line-height:1.6; }
.dialog-body .form-grid { gap:20px; }
.field { line-height:1.5; }
.field input,.field select,.field textarea { margin-top:7px; }
.dialog-footer { border-top:1px solid var(--line);padding-top:20px;margin-top:24px; }
.dialog-footer .button { white-space:normal; }
.document-system-pane { padding:2px 4px; }
.document-preview-pane h3 { margin:0;font-size:15px;overflow-wrap:anywhere; }
.document-preview-pane .section-heading { margin-bottom:14px; }
.document-preview-pane .actions { gap:10px; }
.document-review-next { display:none; }
.field-guide { padding:16px 18px;margin:0 0 20px;background:var(--amber-bg);border:1px solid #e9c477;border-radius:12px; }
.field-guide strong { font-size:16px; }
.field-guide p { margin:6px 0 12px;font-size:14px;line-height:1.55; }
.field-guide.complete { background:#f5f7fa;border-color:var(--line); }
.field-guide.complete p { margin-bottom:0; }
.field-needs-input>input,.field-needs-input>select,.field-needs-input>textarea,
.field-needs-review>input,.field-needs-review>select { border:2px solid #b77b15;background:#fffcf5; }
.field [data-field-hint] { display:block;margin-top:7px;color:#83530d;font-size:13px;font-weight:500;line-height:1.5; }
.save-state { color:var(--muted);font-size:12px;margin:0 0 16px; }
[data-inbox-approval] { margin-top:22px;font-size:14px; }
.document-notes>p { color:var(--muted);font-size:13px; }
.document-notes form { display:grid;gap:12px;margin-top:16px; }
.document-notes form .button { justify-self:start; }
.invoice-overview { border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:22px;background:#fff; }
.invoice-overview h3 { margin:0 0 10px;font-size:21px; }
.invoice-overview .invoice-balance { display:block;font-size:29px;font-weight:650;letter-spacing:-.5px;margin:8px 0; }
.invoice-overview .actions { margin-top:18px; }
.invoice-overview p { color:var(--muted);font-size:14px; }
.invoice-customer-tools { margin:8px 0 20px; }
.credit-summary { padding:18px;background:var(--accent-soft);border:1px solid #dce3dc;border-radius:12px;margin:20px 0; }
.credit-summary .fact-list { margin:0; }
@media(max-width:800px) {
 body :is(details,details[class])>summary { min-height:52px;padding:14px;font-size:15px; }
 .button,.button.small,.text-button { min-height:44px;font-size:14px; }
 .dialog-head { gap:10px;margin-bottom:0;padding:16px 18px; }
 .dialog-head>.button[data-action=desk-quick-feedback] { font-size:0;padding:10px;min-width:44px; }
 .dialog-head>.button[data-action=desk-quick-feedback]::after { content:'✎';font-size:22px; }
 .dialog-head h2 { font-size:21px; }
 .dialog-head .eyebrow { font-size:9px;letter-spacing:1px; }
 .dialog-body { padding:18px 18px calc(28px + env(safe-area-inset-bottom)); }
 .dialog-body .field,.dialog-body p,.dialog-body .note { font-size:14px; }
 .dialog-body .form-grid { gap:20px; }
 .field input,.field select,.field textarea,.desk-search input,.desk-date input,.desk-filter select { font-size:16px!important;min-height:48px; }
 .field input[type=file] { font-size:16px!important; }
 .document-compare-tabs { position:sticky;top:0;z-index:2;gap:8px;margin:0 0 20px;padding:8px 0;background:white; }
 .document-compare-tabs .button { padding:11px 8px; }
 .document-system-pane { padding:0; }
 .document-preview-pane { padding:12px;border-radius:12px; }
 .document-preview-pane .desk-preview-frame { height:65dvh; }
 .document-review-next { display:flex;width:100%;margin-top:14px; }
 .field-guide { padding:15px; }
 .field-guide .button { background:#fff; }
 .dialog-footer .button { flex:1 1 150px;min-height:48px; }
 .test-feedback-button { position:static;margin:0 18px calc(96px + env(safe-area-inset-bottom));width:calc(100% - 36px);justify-content:center;background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none; }
 .table-wrap.mobile-cards { overflow:visible; }
 .mobile-cards .data-table td { min-width:0;overflow-wrap:anywhere; }
 .mobile-cards .data-table td:last-child .button { width:100%; }
 .invoice-overview { padding:18px; }
}

.contact-address { white-space: pre-line; }

.dialog-back{margin-bottom:20px;min-height:44px;color:var(--muted);background:transparent;box-shadow:none}

#business-questions{scroll-margin-top:120px}

/* Consistent spacing for lists, blocks and the two secondary navigation groups. */
.dialog-body>.panel,.dialog-body>.fact-list,.dialog-body>.note{margin-block:20px}
.dialog-body>.actions{margin-block:16px 22px}
.dialog-body>details+details{margin-top:16px}
.dialog-body form>details+details{margin-top:16px}
.dialog-body form>.check-label{margin-block:16px}
.dialog-body>.source-box+.source-box{margin-top:16px}
.sidebar .nav-details{margin-top:12px;padding-top:10px}
body .sidebar .nav-details>summary{background:transparent;border:0;min-height:44px;padding:10px 12px;font-size:13px}
body .sidebar .nav-details[open]>summary{margin-bottom:4px}
.sidebar nav>button{min-height:44px}
.navigation-dialog .accounting-details{margin-block:18px}
.navigation-dialog .navigation-group{margin-bottom:8px}
.navigation-dialog details .navigation-group{margin-top:12px}
@media(min-width:801px){.sidebar{overflow-y:auto}.sidebar-bottom{margin-top:20px}}

@media(min-width:801px){.sidebar .brand{flex-shrink:0}.sidebar nav{margin-top:24px;gap:3px}.sidebar nav>button{min-height:48px;padding:10px 14px}.sidebar nav>button>span:first-child{line-height:24px}}

/* Shared company appearance and settings: keep daily choices close, infrequent facts secondary. */
:root{--accent-hover:color-mix(in srgb,var(--accent),#000 18%);--accent-soft:color-mix(in srgb,var(--accent) 9%,white);--focus:var(--accent)}
.button.primary{background:var(--accent);border-color:var(--accent);color:white}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--accent)}
.sidebar nav button.active,.hero,.dashboard-notice{background:var(--accent-soft)}
.hero .eyebrow,.hero .suggestions button{color:var(--accent)}
.settings-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 28px;overflow:auto;padding:0 0 2px}
.settings-tabs [role=tab]{min-height:52px;padding:12px 20px;white-space:nowrap;color:var(--muted);font-size:15px;font-weight:600;border-bottom:3px solid transparent}
.settings-tabs [aria-selected=true]{border-color:var(--accent);color:var(--accent)}
.settings-tabs [role=tab]:hover{background:var(--accent-soft)}
.settings-panel,.settings-stack{display:grid;gap:24px}
.settings-panel>.control-card{max-width:1000px}
.settings-panel .control-card h2+p{margin:8px 0 22px}
.settings-panel .control-card>.form-grid{margin-top:22px}
.settings-link-list{display:grid;gap:12px;max-width:480px}
.settings-link-list>.button{justify-content:space-between;text-align:left;min-height:50px}
.settings-link-list>.button:after{content:'›';font-size:22px;color:var(--muted)}
.settings-company-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;align-items:start}
.settings-company-grid .control-card{padding:28px}
.settings-appearance{min-width:0}
.settings-profile .field small{font-weight:400;font-size:12px;color:var(--muted);line-height:1.6}
.settings-profile input:not([type=radio]):not([type=checkbox]),.settings-profile textarea,.settings-profile select{font-size:16px;min-height:46px}
.settings-profile .error:empty{display:none}
.settings-profile .form-grid{gap:20px}
.settings-profile .accounting-details{margin:24px 0}
.color-picker{border:0;padding:0;margin:24px 0;display:flex;flex-wrap:wrap;gap:10px}
.color-picker legend{font-weight:600;font-size:14px;margin-bottom:12px}
.color-picker label{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;cursor:pointer;font-size:11px;color:var(--muted);padding:6px;min-width:48px}
.color-picker input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}
.color-swatch{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--swatch);border:3px solid white;box-shadow:0 0 0 1px var(--line)}
.color-picker input:checked+.color-swatch{box-shadow:0 0 0 2px var(--swatch)}
.color-picker input:checked+.color-swatch:after{content:'✓';color:white;font-weight:700;font-size:15px}
.color-picker input:focus-visible+.color-swatch{outline:3px solid var(--accent);outline-offset:5px}
.appearance-preview{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:24px;display:grid;gap:20px}
[data-preview-app]{background:var(--preview-color,var(--accent));color:white;padding:10px 14px;border-radius:8px;font-size:13px;text-align:center;justify-self:start}
[data-preview-document]{background:white;padding:18px;box-shadow:0 3px 10px #18233b0d;border-top:3px solid var(--preview-color,var(--accent));display:grid;gap:24px}
[data-preview-document]>strong{color:var(--preview-color,var(--accent));font-size:18px}
[data-preview-document]>span{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.appearance-preview>small{font-size:11px}
.logo-paper{padding:20px;background:white;border:1px solid var(--line);border-radius:10px;margin:16px 0}
.logo-paper .company-logo{max-width:100%;max-height:90px;object-fit:contain;object-position:left center;background:white}
.settings-save{display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;border:1px solid var(--line);border-radius:12px;padding:18px 24px;margin:24px 0 0}
.settings-save>span{font-size:13px;line-height:1.6;color:var(--muted);max-width:65ch}
.settings-save .button{min-width:150px}
@media(max-width:1150px){.settings-company-grid{grid-template-columns:1fr}.settings-appearance{max-width:none}}
@media(max-width:600px){.settings-tabs{gap:0;margin-bottom:20px}.settings-tabs [role=tab]{font-size:14px;padding:12px 15px}.settings-company-grid .control-card{padding:20px}.settings-company-grid,.settings-stack,.settings-panel{gap:20px}.settings-save{flex-direction:column;align-items:stretch;padding:18px}.settings-save .button{width:100%}.settings-profile .form-grid{grid-template-columns:1fr}.settings-profile .color-picker{gap:8px}.settings-profile .field input[type=file]{max-width:100%;font-size:14px}}
.settings-draft-mark{margin-left:8px;padding:3px 6px;background:var(--amber-bg);color:var(--amber);border-radius:5px;font-size:10px}
.quick-filters{margin:0 0 22px;position:relative;z-index:2}
.quick-filter-search{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.quick-filter-search>label{flex:1;min-width:220px}
.quick-filter-search input[type=search]{width:100%;background:white;border:1px solid var(--line);border-radius:10px;min-height:48px;padding:12px 16px;font-size:15px;color:var(--ink)}
.quick-filter-options{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.quick-filter-menu{position:relative;margin:0;border:0;min-width:120px}
body details.quick-filter-menu>summary{position:relative;min-height:44px;margin:0;border:1px solid var(--line);border-radius:9px;padding:10px 38px 10px 14px;background:white;font-size:13px;gap:8px;line-height:1.5}
body details.quick-filter-menu[open]>summary{margin-bottom:0;background:var(--accent-soft);border-color:var(--accent)}
body details.quick-filter-menu>summary:after{position:absolute;width:8px;height:8px;right:12px}
.quick-filter-search [data-list-clear]:disabled,.filter-selected-count[aria-hidden=true]{visibility:hidden;pointer-events:none}
.quick-filter-search .result-count{min-width:8ch;text-align:right;font-variant-numeric:tabular-nums}
.filter-selected-count{background:var(--accent);color:white;font-size:10px;padding:2px 5px;min-width:18px;text-align:center;border-radius:4px}
.quick-filter-choices{position:absolute;z-index:10;top:calc(100% + 8px);left:0;min-width:230px;max-width:min(340px,calc(100vw - 40px));max-height:320px;overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 35px #18233b20;padding:8px}
.quick-filter-choices>label{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px;border-radius:6px;font-size:14px;line-height:1.5;cursor:pointer}
.quick-filter-choices>label:hover{background:var(--surface-soft)}
.quick-filter-choices input[type=checkbox]{width:18px;height:18px;margin:0;flex-shrink:0}
.date-filter .quick-filter-choices>label{display:grid;gap:6px;font-size:12px;cursor:default}
.quick-filter-choices input[type=date]{padding:10px;border:1px solid var(--line);border-radius:8px;font-size:16px;min-width:0;width:100%}
.list-scope{margin-top:16px;font-size:12px;color:var(--muted);line-height:1.7}
.contact-list-row{grid-template-columns:minmax(0,1fr) auto 20px!important}
.contact-balance{text-align:right;display:grid;gap:3px}
.contact-balance strong{font-size:15px;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.contact-balance small{font-size:11px;color:var(--muted)}
.contact-list-row .badge{font-size:10px}
@media(max-width:600px){.quick-filter-search{gap:10px}.quick-filter-search>label{flex-basis:100%}.quick-filter-search input[type=search]{font-size:16px}.quick-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-filter-menu{min-width:0;position:static}body details.quick-filter-menu>summary{font-size:12px;gap:6px;padding:10px 28px 10px 12px}.quick-filter-choices{top:auto;left:0;margin-top:6px;min-width:100%;max-width:100%}.quick-filter-menu summary{font-size:13px}.contact-list-row{padding:18px 16px;gap:10px}.contact-balance strong{font-size:14px}.settings-save .actions{width:100%}.settings-save .actions>.button{flex:1;min-width:0;width:auto}.settings-draft-mark{display:block;margin:2px 0 0}}
.settings-profile .form-grid{align-items:start}
.settings-profile .field{align-content:start}
.settings-profile .field>input:not([type=checkbox]):not([type=radio]):not([type=file]),.settings-profile .field>select{height:48px}
@media(min-width:801px){.sidebar{overflow:hidden;padding-top:28px}.sidebar nav{display:flex;flex-direction:column;overflow:auto;min-height:0;flex:1}.sidebar nav>button,.sidebar nav>details{flex-shrink:0}.sidebar-bottom{flex-shrink:0;padding-top:16px;margin-top:6px}.sidebar .user{margin-top:14px;padding-top:14px}}

/* Saved invoice drafts use the same quiet status and spacing as the workspace. */
.draft-save-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;padding:12px 0;border-bottom:1px solid var(--line,#e2e6ee);font-size:.875rem;color:var(--muted,#657080)}
.draft-save-bar .error{margin:0;max-width:70%}
.invoice-drafts{margin-bottom:24px}
.invoice-drafts .desk-row-copy{min-width:0}
.invoice-drafts .desk-row-copy small{overflow-wrap:anywhere}
@media(max-width:600px){.draft-save-bar{align-items:flex-start;flex-wrap:wrap}.draft-save-bar .error{max-width:100%}}
.inbox-review-summary { padding: 20px; border: 1px solid var(--line, #dde2ec); border-radius: 16px; background: var(--surface, #fff); margin-bottom: 20px; }
.inbox-review-summary h3 { margin: 0; }
.inbox-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.inbox-summary-value { display: grid; align-content: start; gap: 5px; padding: 10px; text-align: left; color: inherit; border: 1px solid transparent; border-radius: 9px; background: transparent; font: inherit; cursor: pointer; min-width: 0; }
.inbox-summary-value span, .inbox-summary-value small { font-size: .8rem; color: var(--muted, #687184); }
.inbox-summary-value strong { overflow-wrap: anywhere; }
.inbox-summary-value:hover, .inbox-summary-value:focus-visible { background: #f4f6fb; border-color: #d7ddec; }
.inbox-summary-value.needs-attention { background: #fff8e8; }
.inbox-questions:not([hidden]) { margin: 20px 0 24px; }
.inbox-all-fields { margin-block: 20px; }
@media(max-width: 560px) { .inbox-review-summary { padding: 14px; } .inbox-summary-grid { gap: 4px; } .inbox-summary-value { padding: 8px 4px; } }

/* Receipt review keeps saved amounts prominent and editing optional. */
.inbox-reading-status { margin:12px 0 0;font-size:13px;line-height:1.65;color:var(--muted); }
.inbox-vat-context { margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:13px;line-height:1.7;color:var(--muted); }
.inbox-reading-warnings { border-top:1px solid var(--line);padding-top:14px;margin-top:14px; }
.inbox-reading-warnings>strong { font-size:14px; }
.inbox-reading-warnings ul { margin:8px 0;padding-left:20px;font-size:13px;line-height:1.7; }
.inbox-reading-warnings p { font-size:13px; }
.inbox-reading-options { margin-block:18px; }
.inbox-reading-options>summary,.inbox-all-fields>summary { min-height:44px;align-content:center; }
[data-form="inbox-item"]>.save-state { margin:12px 0;font-size:12px; }
[data-form="inbox-item"]>.dialog-footer { gap:12px; }

/* Keep receipt review readable without pushing its main action below the page. */
[data-form="inbox-item"] .inbox-review-summary { padding:16px;margin-bottom:16px; }
[data-form="inbox-item"] .inbox-review-summary .section-heading { margin:0; }
[data-form="inbox-item"] .inbox-review-summary .stamp { padding:0; }
[data-form="inbox-item"] .inbox-summary-grid { margin-top:12px;gap:4px 8px; }
[data-form="inbox-item"] .inbox-summary-value { padding:7px 5px;gap:4px;font-size:14px;line-height:1.4; }
[data-form="inbox-item"] .inbox-reading-status { margin-top:8px;line-height:1.5; }
[data-form="inbox-item"] .inbox-vat-context { margin-top:10px;padding-top:10px;line-height:1.5; }
[data-form="inbox-item"]>.dialog-footer { position:sticky;bottom:0;background:var(--surface,#fff);z-index:3;padding:12px 0;margin-top:16px;box-shadow:0 -8px 12px #fff; }
:where(.work-search) { width:min(720px,calc(100vw - 24px)); max-height:85dvh; padding:0; border:1px solid #d7dce1; border-radius:16px; }
.work-search-result { display:flex; flex-direction:column; gap:5px; padding:15px 12px; border-bottom:1px solid #e4e8ec; color:inherit; text-decoration:none; overflow-wrap:anywhere; }
.work-search-result:hover,.work-search-result:focus-visible { background:var(--accent-soft,#eef3fa); outline:2px solid var(--accent,#315f96); outline-offset:-2px; }
.period-switch { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:20px; }
.period-switch .field { margin:0; min-width:160px; }
.period-task { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:16px 0; border-bottom:1px solid #e4e8ec; }
.period-task p { margin:7px 0; }
.period-task small { color:#53616d; }
.period-task > div { min-width:0; overflow-wrap:anywhere; }
.period-task > button { flex-shrink:0; }
.period-history { margin-top:16px; }
.period-content { margin-top:24px; }
.period-content .source-box { margin-bottom:20px; }
@media(max-width:600px) { .period-task { flex-direction:column; gap:10px; } .period-task > button { min-height:44px; } .work-search { max-height:90dvh; } .period-switch > .field { flex:1; } }