:root { --menu-bg:#fff; --menu-text:#24313b; --menu-border:#dbe1e6; --menu-hover:#edf1f5; --menu-selected:#e8ecf2; }
/* Company finder: public register suggestions, with a separate verified-login step. */
html .auth-gate .company-search-input {grid-template-columns:44px minmax(0,1fr)}
html .auth-gate .company-search-input input {width:100%;min-width:0;font-size:14px;color:#233c49!important}
html .auth-gate .company-search-input>span {border:0;color:#536671}
.company-search-input svg {width:18px;height:18px}
html .auth-gate .company-search-status {font-size:12px;line-height:1.5;margin:9px 1px 12px;color:#53616a!important}
.company-search-results {max-height:260px;overflow-y:auto;overscroll-behavior:contain;margin-top:8px;border:1px solid #cbd4d5;border-radius:14px;background:#fff;box-shadow:0 8px 24px #233c4910}
html .auth-gate .company-search-results>button {display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-height:76px;margin:0;padding:13px 15px;border:0;border-bottom:1px solid #e3e8e7;border-radius:0;background:#fff;color:#233c49;text-align:left;white-space:normal;cursor:pointer;transform:none;box-shadow:none}
.company-search-results>button:last-child {border-bottom:0!important}
html .auth-gate .company-search-results>button:is(:hover,[aria-selected="true"]) {background:#eaf1f3;box-shadow:inset 3px 0 #263f4d}
html .auth-gate .company-search-results strong {font-size:14px;line-height:1.4;color:#233c49!important;overflow-wrap:anywhere}
html .auth-gate .company-search-results :is(span,small) {font-size:12px;line-height:1.45;color:#53616a!important;overflow-wrap:anywhere}
html .auth-gate .company-search-results .company-search-protected {font-size:10px;color:#66746c!important}
.company-search-selection {display:flex;gap:10px;padding:12px;margin-bottom:14px;background:#eaf1ef;border:1px solid #c6d9d2;border-radius:12px}
.company-search-selection>span {color:#246653;font-weight:700}
.company-search-selection>div {display:grid;gap:4px;min-width:0}
html .auth-gate .company-search-selection strong {font-size:13px;line-height:1.4;color:#243b34!important}
html .auth-gate .company-search-selection small {font-size:12px;line-height:1.45;color:#53616a!important;overflow-wrap:anywhere}
.company-search-results[hidden],.company-search-selection[hidden] {display:none!important}
.diagnostic-row { display:grid; grid-template-columns:1fr auto; gap:10px; padding:14px 0; border-top:1px solid var(--menu-border); align-items:center; font-size:16px; }
.diagnostic-row small { grid-column:1/-1; font-size:14px; color:var(--muted); }
.admin-page-heading>.photo-actions { display:flex; gap:8px; flex-wrap:wrap; }
.modal :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) { font-size:16px!important; line-height:1.5; }
.modal :is(.form-field>label,.modal-subtitle,.secondary-button,.primary-button,.text-button,.settings-toggle strong,.theme-choice strong) { font-size:14px!important; line-height:1.5; }
.modal :is(.settings-toggle small,.theme-choice small,.asset-current-location small,.asset-current-location strong) { font-size:13px!important; line-height:1.5; }
.nav-item,.profile-card strong { font-size:14px; }
.profile-card small { font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sidebar { overflow:hidden; background:#27343c; }
.vehicle-card small,.trailer-card small,.tool-card small,.asset-summary small,.asset-current-location small,.asset-detail-facts small { font-size:12px; line-height:1.5; }
.vehicle-card p,.trailer-card p,.tool-card p,.asset-section-heading p,.vehicle-facts strong,.tool-location strong,.my-vehicle-note strong { font-size:14px; line-height:1.5; }
.vehicle-card h3,.trailer-card h3,.tool-card h3 { font-size:19px; line-height:1.35; }
.my-vehicle-note small { font-size:12px; }
.sidebar>nav { min-height:0; flex:1; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; padding-bottom:12px; }
.sidebar>.brand,.sidebar-footer { flex-shrink:0; }
.heading-copy,.workflow-empty p { font-size:14px; }
.modal:has(#assetMovementForm) { width:min(640px,100%); }
#aiAnswerText,#employeeAIAnswerText { line-height:1.65; font-size:14px; }
#employeeAIForm .ai-answer { margin:20px 0; padding:18px; border:1px solid var(--menu-border); border-radius:14px; background:var(--menu-bg); }

/* AI-svar: et roligt arbejdsrum med rigtig typografi i stedet for rå markdown. */
.modal.ai-assistant-modal{width:min(760px,calc(100vw - 32px))!important;height:auto!important;max-height:calc(100dvh - 32px)!important;padding:28px!important;overflow:hidden!important}
.ai-assistant-modal #modalContent{display:flex;height:auto;min-height:0;max-height:none;flex-direction:column}
.modal.ai-assistant-modal.ai-has-response{height:min(760px,calc(100dvh - 32px))!important}.ai-assistant-modal.ai-has-response #modalContent{height:100%}
.ai-assistant-heading{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding-right:52px}
.ai-assistant-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#e8e1fa,#dff2ed);color:#684f9e;box-shadow:inset 0 1px rgba(255,255,255,.8)}
.ai-assistant-mark svg{width:21px;height:21px}
.ai-assistant-heading .eyebrow{margin:1px 0 4px;color:#6d58a1}
.ai-assistant-heading h2{padding:0;font:750 clamp(25px,4vw,34px)/1.1 var(--ui-font,Inter,system-ui,sans-serif)}
.ai-assistant-heading .modal-subtitle{margin:7px 0 19px}
#employeeAIForm{display:grid;grid-template-rows:auto auto auto auto;min-height:0;gap:12px;overflow:hidden}.ai-has-response #employeeAIForm{grid-template-rows:auto auto minmax(0,1fr) auto;flex:1}
.employee-ai-task-picker{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 12px;border:1px solid var(--premium-border);border-radius:13px;background:var(--premium-inset);cursor:pointer}.employee-ai-task-picker>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--premium-card);color:var(--premium-primary)}.employee-ai-task-picker>span:first-child svg{width:17px;height:17px}.employee-ai-task-picker>span:nth-child(2){min-width:0}.employee-ai-task-picker small{display:block;margin-bottom:2px;color:var(--premium-muted);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.employee-ai-task-picker select{width:100%;min-height:25px!important;padding:0 24px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--premium-ink)!important;font-size:13px!important;font-weight:720;cursor:pointer}.employee-ai-task-picker em{padding:5px 8px;border-radius:999px;background:var(--premium-primary-soft);color:var(--premium-primary);font-size:9px;font-style:normal;font-weight:780;white-space:nowrap}
#employeeAIForm .form-field{gap:8px}
#employeeAIForm textarea{min-height:86px!important;max-height:126px;resize:vertical}
#employeeAIForm .ai-answer{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;max-height:none;margin:0;overflow:hidden;padding:0;border-color:var(--premium-border);border-radius:16px;background:color-mix(in srgb,var(--premium-inset) 72%,var(--premium-card))}
.ai-answer-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 22px;scrollbar-width:thin}
.ai-response-content{color:var(--premium-copy,var(--ink-2));font-size:14px;line-height:1.67}
.ai-response-content>:first-child{margin-top:0}.ai-response-content>:last-child{margin-bottom:0}
.ai-response-content p{margin:0 0 12px!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important}
.ai-response-content h3{margin:20px 0 8px;color:var(--premium-ink,var(--ink));font:750 15px/1.35 var(--ui-font,Inter,system-ui,sans-serif);letter-spacing:-.01em}
.ai-response-content :is(ul,ol){margin:8px 0 15px;padding-left:22px}
.ai-response-content li{margin:6px 0;padding-left:3px}
.ai-response-content strong{color:var(--premium-ink,var(--ink));font-weight:760}
.ai-response-content code{padding:2px 5px;border-radius:5px;background:var(--premium-hover,#edf1f5);font:600 .92em ui-monospace,SFMono-Regular,monospace}
#employeeAIForm .ai-answer>small{position:relative;display:block;margin:0;padding:10px 22px;border-top:1px solid var(--premium-border);background:color-mix(in srgb,var(--premium-card) 94%,transparent);color:var(--premium-muted);font-size:10px;line-height:1.4}
.employee-ai-empty{display:grid;gap:14px;padding:2px}
.employee-ai-empty-intro{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center}.employee-ai-empty-intro>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--premium-primary-soft);color:var(--premium-primary)}.employee-ai-empty-intro>span svg{width:19px;height:19px}.employee-ai-empty-intro strong{display:block;color:var(--premium-ink);font-size:15px}.employee-ai-empty-intro p{margin:3px 0 0!important;color:var(--premium-muted)!important;font-size:12px!important}
.employee-ai-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.employee-ai-suggestions button{display:grid;grid-template-columns:27px minmax(0,1fr) 16px;grid-template-rows:auto auto;gap:2px 8px;align-items:center;min-width:0;padding:12px;border:1px solid var(--premium-border);border-radius:13px;background:var(--premium-card);color:var(--premium-copy);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.employee-ai-suggestions button:hover{border-color:color-mix(in srgb,var(--premium-primary) 38%,var(--premium-border));background:var(--premium-hover)}.employee-ai-suggestions button>span{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--premium-inset);color:var(--premium-primary)}.employee-ai-suggestions button>span svg{width:14px;height:14px}.employee-ai-suggestions b{overflow:hidden;color:var(--premium-ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.employee-ai-suggestions small{overflow:hidden;color:var(--premium-muted);font-size:9px;line-height:1.35}.employee-ai-suggestions i{grid-column:3;grid-row:1/3;color:var(--premium-muted)}.employee-ai-suggestions i svg{width:14px;height:14px}
.ai-assistant-modal .modal-actions{flex:0 0 auto;margin:0;padding-top:14px}
.ai-assistant-modal .modal-actions .primary-button{gap:7px}
.ai-assistant-modal .modal-actions .primary-button svg{width:15px;height:15px}
@media(max-width:600px){.modal.ai-assistant-modal{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:20px!important}.modal.ai-assistant-modal.ai-has-response{height:calc(100dvh - 16px)!important}.ai-assistant-heading{grid-template-columns:38px minmax(0,1fr);gap:11px;padding-right:38px}.ai-assistant-mark{width:38px;height:38px;border-radius:12px}.employee-ai-task-picker{grid-template-columns:34px minmax(0,1fr);padding:8px 10px}.employee-ai-task-picker>span:first-child{width:34px;height:34px}.employee-ai-task-picker em{display:none}.ai-answer-scroll{padding:16px 17px}#employeeAIForm .ai-answer>small{padding:9px 17px}.employee-ai-suggestions{grid-template-columns:1fr}.employee-ai-suggestions button{padding:10px}.ai-assistant-modal .modal-actions>*{flex:1}}
body { background:#f3f4f6; }
body::before,body::after { opacity:.12; }
.profile-card { padding:12px!important; grid-template-columns:40px minmax(0,1fr) 32px; border:1px solid rgba(255,255,255,.1); border-radius:16px; overflow:hidden; }
.profile-card .avatar { width:40px; height:40px; }
.profile-card strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-card:hover .profile-settings-icon { transform:none; }
.profile-settings-icon { transition:background-color .15s ease,color .15s ease; }
.avatar-photo { position:relative; overflow:hidden; display:inline-grid; place-items:center; flex-shrink:0; }
.avatar-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.avatar-photo:has(>img)>span{visibility:hidden}
.profile-photo-editor { display:flex; gap:18px; align-items:center; padding:18px; border:1px solid var(--menu-border); background:var(--menu-bg); border-radius:16px; min-width:0; }
.profile-photo-editor .avatar-photo { width:72px; height:72px; border-radius:20px; background:#e7eaf0; color:#334155; font-size:24px; font-weight:700; }
.profile-photo-editor strong,.profile-photo-editor small { display:block; }
.profile-photo-editor small { margin:5px 0 12px; color:var(--muted); font-size:14px; }
.profile-photo-editor .photo-actions { display:flex; gap:8px; flex-wrap:wrap; }
.profile-photo-editor button { padding:9px 14px; font-size:14px; }
.background-remove-button{display:inline-flex!important;align-items:center;gap:6px;border-color:color-mix(in srgb,var(--premium-primary,#176d59) 24%,var(--menu-border))!important;background:color-mix(in srgb,var(--premium-primary-soft,#eef7f4) 70%,var(--menu-bg))!important;color:var(--premium-primary,#176d59)!important}.background-remove-button>span{font-size:12px}
.background-removal-preview{position:relative;display:grid;place-items:center;min-height:360px;margin:18px 0;padding:24px;overflow:hidden;border:1px solid var(--premium-border,var(--menu-border));border-radius:18px;background-color:#fff;background-image:linear-gradient(45deg,#e9ecec 25%,transparent 25%),linear-gradient(-45deg,#e9ecec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ecec 75%),linear-gradient(-45deg,transparent 75%,#e9ecec 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)}
.background-removal-preview canvas{display:block;width:auto;max-width:100%;height:auto;max-height:430px;filter:drop-shadow(0 8px 18px rgba(27,36,33,.12))}
.background-removal-control{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:18px;padding:16px;border:1px solid var(--premium-border,var(--menu-border));border-radius:14px;background:var(--premium-inset,var(--menu-bg))}.background-removal-control>span{display:flex;flex-direction:column;gap:3px}.background-removal-control strong{font-size:13px}.background-removal-control small{color:var(--muted);font-size:12px}.background-removal-control input{width:100%;accent-color:var(--premium-primary,#176d59)}
.background-removal-note{display:flex;align-items:center;gap:9px;margin:12px 2px 0;color:var(--muted);font-size:12px}.background-removal-note>span{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:var(--premium-primary-soft,#eaf5f1);color:var(--premium-primary,#176d59);font-weight:800}
html[data-theme="dark"] .background-remove-button{background:#263238!important;border-color:#40534e!important;color:#8fd4c1!important}html[data-theme="dark"] .background-removal-control{background:var(--surface-inset);border-color:var(--surface-border)}
@media(max-width:600px){.background-removal-preview{min-height:270px;padding:14px}.background-removal-control{grid-template-columns:1fr;gap:10px}}
.site-select { display:block; position:relative; min-width:0; width:100%; }
.site-select-native { position:absolute!important; width:1px!important; height:1px!important; opacity:0!important; clip-path:inset(50%); pointer-events:none; padding:0!important; border:0!important; }
button.site-select-trigger { width:100%; min-width:0; min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; border:1px solid var(--menu-border); border-radius:12px; color:var(--menu-text); background:var(--menu-bg); font:inherit; font-size:15px; font-weight:500; line-height:1.4; text-align:left; cursor:pointer; box-shadow:none; }
.site-select-trigger>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.site-select-trigger::after { content:''; width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); flex-shrink:0; margin:0 3px 4px 0; opacity:.65; }
.site-select-trigger:focus-visible,.site-select-trigger[aria-expanded="true"] { outline:2px solid #6b9b8f; outline-offset:2px; }
.site-select-trigger[aria-invalid="true"] { border-color:#c66b59; }
.site-select-trigger:disabled { opacity:.55; cursor:not-allowed; }
.site-select-menu { position:fixed; z-index:20000; overflow-y:auto; overscroll-behavior:contain; padding:6px; border:1px solid var(--menu-border); border-radius:14px; background:var(--menu-bg); color:var(--menu-text); box-shadow:0 18px 60px rgba(0,0,0,.22); font-family:inherit; font-size:15px; line-height:1.45; }
.site-select-menu [role="option"] { position:relative; padding:11px 34px 11px 12px; border-radius:8px; cursor:pointer; overflow-wrap:anywhere; }
.site-select-menu [role="option"]:hover,.site-select-menu .highlighted { background:var(--menu-hover); }
.site-select-menu [aria-selected="true"] { background:var(--menu-selected); font-weight:650; }
.site-select-menu [aria-selected="true"]::after { content:'✓'; position:absolute; right:12px; }
.site-select-menu [aria-disabled="true"] { opacity:.4; cursor:not-allowed; }
html[data-theme="dark"] {
 --ink:#edf0f5; --muted:#a6afbd; --glass-border:rgba(220,225,240,.12); --glass-shadow:0 12px 34px rgba(0,0,0,.16);
 --dark-surface:#1b2029; --dark-surface-raised:#242b36; --dark-surface-soft:#171c24; --dark-surface-hover:#2c3441;
 --dark-border:#343d4b; --dark-border-strong:#546172; --dark-text:#edf0f5; --dark-muted:#a6afbd;
 --menu-bg:#242b36; --menu-text:#edf0f5; --menu-border:#414b5b; --menu-hover:#333d4c; --menu-selected:#374151;
}
html[data-theme="dark"] body { background:#12161e!important; color:var(--dark-text); }
html[data-theme="dark"] body::before,html[data-theme="dark"] body::after { opacity:0; }
html[data-theme="dark"] .sidebar { background:#171c24; border-color:var(--dark-border); }
html[data-theme="dark"] .topbar { background:rgba(23,28,36,.95); }
html[data-theme="dark"] :is(.panel,.stat-card,.job-card,.customer-card,.offer-summary,.calendar-card,.finance-metric,.team-metric,.admin-metric,.receipt-card,.member-card,.vehicle-card,.trailer-card,.tool-card,.asset-summary article,.auth-card,.workflow-empty) { background:var(--dark-surface); border-color:var(--dark-border); }
html[data-theme="dark"] :is(.modal,.modal:has(#profileForm),.command-box) { background:#1b2029; border-color:var(--dark-border); }
html[data-theme="dark"] :is(.modal-backdrop,.command-backdrop) { background:rgba(7,10,16,.7); }
html[data-theme="dark"] :is(input,textarea,select) { background:#151a22!important; color:var(--dark-text)!important; border-color:var(--dark-border)!important; }
html[data-theme="dark"] :is(.secondary-button,.icon-button,.search-button,.inline-search,.filter-group,.profile-settings-icon,.attachment-picker) { background:#272f3b; color:var(--dark-text); border-color:var(--dark-border); }
html[data-theme="dark"] :is(.material-editor,.employee-material-editor,.vehicle-driver,.tool-location,.asset-detail-facts span,.asset-detail-list,.asset-notes,.tool-detail-location,.asset-current-location,.theme-choice,.settings-toggle,.tool-qr-panel,.offer-detail-section,.offer-list-card,.offer-note,.ai-overview-header,.ai-insight-card) { background:var(--dark-surface-soft)!important; border-color:var(--dark-border); }
html[data-theme="dark"] #profileForm :is(.theme-choice,.settings-toggle) { background:var(--dark-surface-soft); }
html[data-theme="dark"] :is(#profileForm>.modal-actions,.modal-actions,.offer-editor-footer) { background:#1b2029; }
html[data-theme="dark"] table th { background:#242b36; color:#b8c0cd; }
html[data-theme="dark"] .stat-card::after { display:none; }
html[data-theme="dark"] .ai-panel-head { background:linear-gradient(105deg,#29263a,#202632); border-color:var(--dark-border); }
html[data-theme="dark"] :is(.ai-insight,.ai-ask-form,.theme-choice,.settings-toggle) { background:var(--dark-surface-soft)!important; box-shadow:none!important; }
html[data-theme="dark"] .ai-insight:hover { background:var(--dark-surface-hover)!important; }
html[data-theme="dark"] :is(.secondary-button,.icon-button,.theme-choice,.settings-toggle,.profile-settings-icon,.attachment-picker) { box-shadow:none!important; }
html[data-theme="dark"] .auth-gate,html[data-theme="dark"] .signing-shell { background:#12161e; }
html[data-theme="dark"] .profile-photo-editor { background:var(--dark-surface-soft); }
html[data-theme="dark"] .profile-photo-editor .avatar-photo { background:#343d4b; color:#edf0f5; }
html[data-theme="dark"] .profile-card { background:transparent; }
html[data-theme="dark"] .profile-card:hover { background:#2a323e; }
html[data-theme="dark"] .profile-card:hover .profile-settings-icon { background:#3a4453; }
@media(max-width:600px) { .profile-photo-editor { align-items:flex-start; padding:14px; gap:12px; }.profile-photo-editor .avatar-photo { width:54px; height:54px; }.site-select-menu { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }

/* Shared neutral surfaces: keep brand green on actions and meaningful statuses,
   never as the underlying tint of an entire page, document or dialog. */
:root {
 --ink:#262a30; --ink-2:#414751; --muted:#69717c;
 --sand:#f3f4f6; --paper:#fff; --white:#fff; --line:#e0e3e8;
 --green-soft:#edf0f4; --surface-page:#f3f4f6; --surface-card:#fff;
 --surface-inset:#f5f6f8; --surface-hover:#e9edf2; --surface-border:#dfe3e8;
 --surface-heading:#303640; --surface-caption:#68717d;
 --shadow:0 12px 36px rgba(20,24,32,.07);
 --glass-shadow:0 12px 36px rgba(20,24,32,.07);
 --glass-border:#e0e3e8;
}
html[data-theme="dark"] {
 --ink:#edf0f5; --ink-2:#cbd0d9; --muted:#a6afbd;
 --sand:#141519; --paper:#202126; --white:#27292f; --line:#373a42;
 --green-soft:#2c3038; --surface-page:#141519; --surface-card:#202126;
 --surface-inset:#25272d; --surface-hover:#31353e; --surface-border:#373a42;
 --surface-heading:#edf0f5; --surface-caption:#a6afbd;
 --dark-surface:var(--surface-card); --dark-surface-soft:var(--surface-inset);
 --dark-surface-raised:#292c33; --dark-surface-hover:var(--surface-hover);
 --dark-border:var(--surface-border); --dark-border-strong:#555d6b;
 --menu-bg:#27292f; --menu-border:#41454f; --menu-hover:#343840; --menu-selected:#3b414d;
}
html,html body,html :is(.auth-gate,.signing-gate,.signing-shell) { background:var(--surface-page)!important; }
body::before,body::after,.auth-gate::before,.auth-gate::after,.auth-card::before,.auth-card-glow { display:none!important; }
html .sidebar { background:#24262d!important; border-color:#393d46; }
html[data-theme="dark"] .sidebar { background:#1b1c21!important; }
html .sidebar :is(.nav-label,.profile-card small,.plan-card p) { color:#a8aeba; }
html .sidebar .nav-item { color:#bdc3ce; }
html .sidebar .nav-item:is(:hover,.active) { color:#fff; background:#353944; }
html .topbar { background:var(--surface-card)!important; border-color:var(--surface-border); }
html :is(.panel,.stat-card,.job-card,.customer-card,.offer-summary,.calendar-card,.finance-metric,.team-metric,.admin-metric,.receipt-card,.member-card,.vehicle-card,.trailer-card,.tool-card,.asset-summary article,.auth-card,.signing-card,.workflow-empty,.modal,.command-box,.ai-panel,.admin-registry-panel,.completed-summary>article,.completed-summary>div) {
 background:var(--surface-card)!important; border-color:var(--surface-border)!important;
}
html :is(.modal-backdrop,.command-backdrop) { background:rgba(16,18,24,.62)!important; backdrop-filter:blur(8px); }
html :is(.ai-panel-head,.ai-summary,.ai-insights,.ai-insight,.ai-ask,.ai-orb,.material-editor,.employee-material-editor,.material-calculation,.material-basis,.material-suggestion-form,.vehicle-driver,.tool-location,.asset-detail-facts,.asset-detail-facts span,.asset-detail-list,.asset-notes,.tool-detail-location,.asset-current-location,.tool-qr-panel,.theme-choice,.settings-toggle,.offer-form-section,.offer-content-section,.offer-inclusion-grid section,.offer-photo-section,.offer-materials,.offer-detail-section,.offer-list-card,.offer-note,.offer-terms,.offer-auto-flow,.offer-lock-notice,.invoice-estimate-materials,.hourly-price-fields,.hourly-invoice-block,.customer-linked-jobs,.admin-completion-review,.signing-scope,.signing-note,.signing-offer-details>div,.signing-inclusions section,.signing-document-hash,.signature-proof,.signature-audit span,.signature-link-box,.modal-note,.detail-top,.detail-grid,.detail-grid>div,.finish-flow>div,.finish-confirm,.finish-material-toggle,.attachment-field,.completion-report-banner,.employee-invite-summary>div,.member-stats div,.checkout-summary,.auth-price,.company-result,.my-vehicle-note,.workflow-note) {
 background:var(--surface-inset)!important; border-color:var(--surface-border)!important; color:var(--ink); box-shadow:none!important;
}
html :is(.offer-price-banner,.signing-price) { background:#30343e!important; box-shadow:none; color:#fff; }
html :is(.offer-price-banner,.signing-price) :is(span,small) { color:#d4d9e2; }
html :is(.offer-content-section p,.offer-inclusion-grid p,.offer-material-table span,.signing-scope p,.auth-benefits,.auth-hero>p,.signing-trust,.signing-intro>p:not(.eyebrow)) { color:var(--ink-2); }
html :is(.auth-hero h1 em,.signing-intro h1 em) { color:var(--surface-heading); }
html :is(.secondary-button,.icon-button,.search-button,.inline-search,.filter-group,.attachment-picker,.auth-free-button,.plan-option,.calendar-cell,.price-type-grid label>span) { background:var(--surface-inset)!important; border-color:var(--surface-border); color:var(--ink); box-shadow:none!important; }
html :is(.filter.active,.filter:hover,.calendar-cell.today,.calendar-cell:not(.muted):hover,.theme-choice.active,.plan-option.active,.price-type-grid input:checked+span) { background:var(--surface-hover)!important; color:var(--ink); border-color:#7d8795; }
html .calendar-cell.muted { background:var(--surface-page)!important; color:var(--muted); }
html table th { background:var(--surface-inset)!important; color:var(--surface-caption); }
html table tbody tr:hover { background:var(--surface-inset); }
html :is(.case-number,.offer-revision-pill,.asset-number-badge,.vehicle-tool-preview button,.asset-avatar,.asset-move-icon,.member-avatar,.customer-avatar,.field-info,.theme-choice>span:first-of-type) { background:var(--surface-hover)!important; color:var(--ink-2)!important; border-color:var(--surface-border); box-shadow:none; }
html .field-info::after { background:var(--surface-card)!important; color:var(--ink)!important; border-color:var(--surface-border); }
html :is(input,textarea)::placeholder { color:var(--surface-caption)!important; }
html :is(.modal-actions,.offer-editor-footer),html #profileForm>.modal-actions { background:var(--surface-card)!important; }
html .stat-card::after { display:none; }

/* Company document studio */
.modal:has(#documentBrandingForm){width:min(1240px,100%);padding:28px;overflow-x:hidden}
.document-designer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-right:56px;margin-bottom:22px}.document-designer-head h2{font-size:30px}.document-designer-head p:not(.eyebrow){max-width:690px;margin:8px 0 0;color:var(--muted);line-height:1.6}.cvr-source-badge{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:9px 12px;border:1px solid var(--surface-border);border-radius:999px;background:var(--surface-inset);color:var(--ink-2);font-size:12px;font-weight:700}.cvr-source-badge i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e8f4ef;color:#17715d;font-style:normal}
.document-designer{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);min-height:680px;border:1px solid var(--surface-border);border-radius:18px;overflow:hidden;background:var(--surface-page)}.document-controls{padding:22px;overflow:auto;background:var(--surface-card);border-right:1px solid var(--surface-border)}.document-controls section+section{margin-top:22px;padding-top:22px;border-top:1px solid var(--surface-border)}.document-controls h3{margin:0 0 13px;font-size:14px;color:var(--ink)}.document-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.document-template-choice input{position:absolute;opacity:0}.document-template-choice span{display:flex;min-height:72px;flex-direction:column;justify-content:center;padding:11px;border:1px solid var(--surface-border);border-radius:12px;background:var(--surface-inset);cursor:pointer}.document-template-choice b{font-size:13px}.document-template-choice small{margin-top:4px;color:var(--muted);font-size:10px}.document-template-choice input:checked+span{outline:2px solid var(--ink);outline-offset:1px;background:var(--surface-hover)}.document-logo-controls{display:flex;gap:8px;margin-bottom:12px}.document-logo-controls button{min-height:38px}.document-color-row{display:flex;align-items:center;gap:8px;margin:13px 0}.document-color-row>label{display:flex;align-items:center;gap:8px;margin-right:auto;font-size:12px;font-weight:700}.document-color-row input[type=color]{width:42px;height:34px;padding:3px;border-radius:8px}.document-swatch{width:26px;height:26px;border:2px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px var(--surface-border);cursor:pointer}.form-grid.compact{gap:9px}.document-visibility{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.document-visibility label{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--surface-border);border-radius:9px;background:var(--surface-inset);font-size:11px;font-weight:700}.document-sender-note{display:flex;align-items:center;gap:12px;margin-top:20px;padding:13px;border:1px solid var(--surface-border);border-radius:12px;background:var(--surface-inset)}.document-sender-note>span{width:22px;color:#6b7480}.document-sender-note b,.document-sender-note small{display:block}.document-sender-note b{font-size:12px}.document-sender-note small{margin-top:4px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.document-preview-stage{min-width:0;padding:22px 28px 34px;overflow:auto;background:#e6e7e9}.document-preview-toolbar{display:flex;justify-content:space-between;align-items:center;max-width:650px;margin:0 auto 12px;color:#555d66;font-size:11px;font-weight:700}.invoice-paper{--invoice-accent:#c53b32;box-sizing:border-box;width:100%;max-width:650px;min-height:835px;margin:auto;padding:43px 47px 28px;background:#fff;color:#242824;box-shadow:0 16px 44px rgba(28,32,36,.14);font-family:Arial,sans-serif}.invoice-paper.font-classic{font-family:Georgia,serif}.invoice-paper header{display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:165px}.invoice-preview-customer{display:flex;flex-direction:column;justify-content:flex-end;font-family:Arial,sans-serif;font-size:12px;line-height:1.55}.invoice-preview-brand{text-align:right}.invoice-preview-brand img{display:block;max-width:175px;max-height:65px;margin:0 0 12px auto;object-fit:contain}.invoice-preview-wordmark{display:block;margin:0 0 16px;color:var(--invoice-accent);font-size:20px}.invoice-preview-brand>b,.invoice-preview-brand>span,.invoice-preview-brand>small{display:block}.invoice-preview-brand>b{padding-bottom:6px;border-bottom:2px solid var(--invoice-accent);font-family:Arial,sans-serif;font-size:14px}.invoice-preview-brand>span{padding-top:5px;color:var(--invoice-accent);font:800 12px Arial,sans-serif}.invoice-preview-brand>small{margin-top:5px;font:10px/1.6 Arial,sans-serif}.invoice-preview-copy{margin:50px 0 22px}.invoice-preview-copy h3{margin:0;color:var(--invoice-accent);font-size:18px}.invoice-preview-copy p{margin:7px 0;color:#535b58;font:11px/1.55 Arial,sans-serif}.invoice-paper table{width:100%;border-collapse:collapse;font:10px Arial,sans-serif}.invoice-paper th{padding:8px 0!important;border-bottom:2px solid var(--invoice-accent);background:none!important;color:#222!important;text-align:left}.invoice-paper td{padding:11px 0;border-bottom:1px solid #ddd}.invoice-paper :is(th,td):not(:first-child){text-align:right}.invoice-preview-totals{width:250px;margin:20px 0 34px auto;font:11px Arial,sans-serif}.invoice-preview-totals span,.invoice-preview-totals strong{display:flex;justify-content:space-between;padding:6px}.invoice-preview-totals strong{border-top:2px solid var(--invoice-accent);font-size:13px}.invoice-preview-payment{display:flex;flex-direction:column;gap:5px;font:10px Arial,sans-serif}.invoice-paper footer{margin-top:110px;padding-top:11px;border-top:2px solid var(--invoice-accent);text-align:center;font:9px/1.5 Arial,sans-serif}.invoice-paper.template-modern{border-top:18px solid var(--invoice-accent)}.invoice-paper.template-modern .invoice-preview-copy{padding:15px;background:#f4f4f2}.invoice-paper.template-minimal{--invoice-accent:#313438}.invoice-paper.template-minimal .invoice-preview-brand>b,.invoice-paper.template-minimal th,.invoice-paper.template-minimal footer{border-color:#bbb}.invoice-paper.template-minimal .invoice-preview-copy h3{color:#222}.document-designer-actions{position:sticky;bottom:-28px;z-index:4;margin:20px -28px -28px;padding:16px 28px;background:var(--surface-card)!important}
.document-settings-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid var(--surface-border);border-radius:14px;background:var(--surface-inset)}.document-settings-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--surface-hover)}.document-settings-card svg{width:20px}.document-settings-card strong,.document-settings-card small{display:block}.document-settings-card small{margin-top:3px;color:var(--muted)}
.invoice-number-label{display:block;margin-top:5px;color:var(--muted);font:700 10px ui-monospace,SFMono-Regular,monospace}
html[data-theme="dark"] .document-preview-stage{background:#2d3036}.invoice-paper,.invoice-paper *{color-scheme:light}.invoice-paper .invoice-preview-brand>span,.invoice-paper .invoice-preview-copy h3{color:var(--invoice-accent)}
.document-mode-switch{display:flex;gap:4px;max-width:650px;margin:0 auto 10px;padding:4px;border:1px solid #cfd3d8;border-radius:11px;background:#e9ebed}.document-mode-switch button{flex:1;min-height:36px;border:0;border-radius:8px;background:transparent;color:#555e66;font:800 12px Arial,sans-serif;cursor:pointer}.document-mode-switch button.active{background:#fff;color:#20262b;box-shadow:0 2px 8px rgba(27,34,40,.12)}.custom-document-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;max-width:650px;margin:0 auto 12px;padding:9px;border:1px solid #cfd3d8;border-radius:10px;background:#f8f9fa;color:#343b45}.custom-document-tools[hidden]{display:none}.custom-document-tools button{min-height:32px;padding:7px 10px;border:1px solid #c9ced4;border-radius:7px;background:#fff;color:#313840;font:700 11px Arial,sans-serif;cursor:pointer}.custom-document-tools button:hover{border-color:#8f979f}.custom-document-tools small{flex:1 1 100%;color:#69717a;font:10px/1.4 Arial,sans-serif}.custom-paper{position:relative;padding:0!important;overflow:hidden}.custom-doc-block{position:absolute;box-sizing:border-box;min-width:40px;min-height:28px;overflow:hidden;font-family:Arial,sans-serif}.custom-doc-block.is-editable{overflow:visible;border:1px dashed transparent}.custom-doc-block.is-editable:hover,.custom-doc-block.is-editable:focus-within{z-index:10;border-color:var(--invoice-accent);background:rgba(255,255,255,.72)}.custom-block-content{width:100%;height:100%;overflow:hidden}.custom-block-drag,.custom-block-delete{position:absolute;z-index:3;top:-15px;width:24px;height:20px;padding:0;border:0;border-radius:6px;background:#252b31;color:#fff;font:700 13px Arial,sans-serif;opacity:0;cursor:grab}.custom-block-drag{left:0}.custom-block-delete{right:0;background:#9f463e;cursor:pointer}.custom-doc-block:hover :is(.custom-block-drag,.custom-block-delete),.custom-doc-block:focus-within :is(.custom-block-drag,.custom-block-delete){opacity:1}.custom-block-resize{position:absolute;z-index:3;right:-4px;bottom:-4px;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:var(--invoice-accent);box-shadow:0 1px 4px rgba(0,0,0,.25);opacity:0;cursor:nwse-resize}.custom-doc-block:hover .custom-block-resize,.custom-doc-block:focus-within .custom-block-resize{opacity:1}.custom-key-logo .custom-block-content{text-align:right}.custom-logo-image{display:block;width:100%;height:100%;object-fit:contain;object-position:right center}.custom-logo-wordmark{display:flex;align-items:center;justify-content:flex-end;width:100%;height:100%;color:var(--invoice-accent);font-size:20px}.custom-key-customer .custom-block-content,.custom-key-meta .custom-block-content{display:flex;flex-direction:column;font-size:11px;line-height:1.55}.custom-key-customer small{color:#6b737b;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.custom-key-customer strong{font-size:13px}.custom-key-meta .custom-block-content{text-align:right}.custom-key-meta b{padding-bottom:4px;border-bottom:2px solid var(--invoice-accent);font-size:13px}.custom-key-meta strong{padding:4px 0;color:var(--invoice-accent);font-size:11px}.custom-key-title h3{margin:0;color:var(--invoice-accent);font-size:18px}.custom-key-title p{margin:6px 0 0;color:#535b58;font:11px/1.5 Arial,sans-serif}.custom-key-lines table{width:100%;border-collapse:collapse;font:10px Arial,sans-serif}.custom-key-lines th{padding:7px 0;border-bottom:2px solid var(--invoice-accent);text-align:left}.custom-key-lines td{padding:9px 0;border-bottom:1px solid #ddd}.custom-key-lines :is(th,td):not(:first-child){text-align:right}.custom-key-totals .custom-block-content{display:flex;flex-direction:column;font:10px Arial,sans-serif}.custom-key-totals span,.custom-key-totals strong{display:flex;justify-content:space-between;padding:5px}.custom-key-totals strong{border-top:2px solid var(--invoice-accent);font-size:12px}.custom-key-payment .custom-block-content{display:flex;flex-direction:column;gap:5px;padding:10px;border-left:4px solid var(--invoice-accent);background:#f7f7f5;font:10px/1.4 Arial,sans-serif}.custom-key-scope .custom-block-content{padding:9px;border:1px solid #ddd;background:#fafafa;font:10px/1.45 Arial,sans-serif}.custom-key-footer .custom-block-content{display:flex;flex-direction:column;justify-content:center;border-top:2px solid var(--invoice-accent);text-align:center;font:8px/1.4 Arial,sans-serif}.custom-free-text{width:100%;height:100%;padding:5px;outline:0;white-space:pre-wrap;font:12px/1.45 Arial,sans-serif}.custom-free-image{display:block;width:100%;height:100%;object-fit:contain}.custom-paper:not(.custom-paper-editing) .custom-doc-block{overflow:hidden}
@media(max-width:900px){.document-designer{grid-template-columns:1fr}.document-controls{border-right:0;border-bottom:1px solid var(--surface-border)}.document-preview-stage{padding:18px}.document-designer-head{display:block}.cvr-source-badge{width:max-content;margin-top:12px}.invoice-paper{min-width:600px}.document-preview-stage{overflow-x:auto}}
@media(max-width:600px){.modal:has(#documentBrandingForm){padding:18px}.document-designer-head{padding-right:44px}.document-designer-head h2{font-size:24px}.document-template-grid{grid-template-columns:1fr}.document-logo-controls{flex-direction:column}.document-settings-card{grid-template-columns:38px 1fr}.document-settings-card button{grid-column:1/-1;width:100%}.document-designer-actions{bottom:-18px;margin:16px -18px -18px;padding:14px 18px}}

/* Branded customer offer and signing experience */
html .signing-gate{--sign-accent:#c53b32;color-scheme:light;background:#eeeff1!important;color:#24282d;overflow:auto}
.signing-gate .signing-header{width:min(1180px,100%);min-height:88px;border-bottom:1px solid #d9dce1}
.signing-gate .signing-header .auth-brand{color:#272b31;text-decoration:none}
.signing-company-brand{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;min-width:0;color:#24282d}
.signing-company-brand img{display:block;max-width:190px;max-height:72px;object-fit:contain}
.signing-company-brand strong{color:var(--sign-accent);font-size:19px;line-height:1.2;text-align:right}
.signing-company-brand:not(:has(img)) strong{font-size:24px}
.signing-company-brand.compact{align-items:center;justify-content:flex-start}
.signing-company-brand.compact img{max-width:42px;max-height:36px}
.signing-company-brand.compact strong{color:#272b31;font:800 13px/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:left}
.signing-gate .secure-access-pill{border-color:#d4d8de;background:#fff;color:#4d5560}
.signing-gate .signing-layout{width:min(1180px,100%);grid-template-columns:minmax(250px,320px) minmax(560px,790px);gap:54px;align-items:start;padding:42px 0 60px}
.signing-gate .signing-intro{position:sticky;top:36px;padding-top:32px}
.signing-gate .signing-intro .eyebrow{color:var(--sign-accent)}
.signing-gate .signing-intro h1{margin:14px 0 20px;color:#292d33;font-size:clamp(38px,4.2vw,59px)}
.signing-gate .signing-intro h1 em{color:var(--sign-accent)}
.signing-gate .signing-intro>p:not(.eyebrow),.signing-gate .signing-trust{color:#59616b}
.signing-gate .signing-trust{font-size:12px;line-height:1.5}
html .signing-gate .signing-card{min-height:640px;padding:0;border:1px solid #d9dce1!important;border-radius:4px;background:#fff!important;box-shadow:0 24px 70px rgba(28,31,37,.11)!important;overflow:hidden;color:#24282d;backdrop-filter:none}
.signing-document{padding:46px 50px 30px;background:#fff;font-family:Arial,sans-serif}
.sign-font-classic .signing-document{font-family:Georgia,serif}
.sign-template-modern .signing-document{border-top:16px solid var(--sign-accent);padding-top:34px}
.sign-template-minimal{--sign-accent:#34383f!important}
.signing-document-head{display:grid;grid-template-columns:1fr 1.15fr;gap:34px;min-height:140px}
.signing-recipient{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#42484f;font:13px/1.55 Arial,sans-serif}
.signing-recipient small{margin-bottom:5px;color:#7a818a;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.signing-recipient strong{color:#24282d;font-size:15px}
.signing-seller{text-align:right;font:12px/1.55 Arial,sans-serif}
.signing-seller>span,.signing-seller>small{display:block;margin-top:6px;color:#5e6670}
.signing-document-title{display:grid;grid-template-columns:1fr auto auto;gap:22px;margin:14px 0 45px;padding:10px 0;border-top:2px solid var(--sign-accent);border-bottom:1px solid #dedfe2;font:12px Arial,sans-serif}
.signing-document-title div{display:flex;justify-content:space-between;gap:9px}.signing-document-title div+div{padding-left:20px;border-left:1px solid #dedfe2}.signing-document-title span{color:#717881}.signing-document-title strong{color:#24282d}
.signing-document-copy{margin-bottom:22px}.signing-document-copy .eyebrow{color:var(--sign-accent)}.signing-document-copy h2{margin:6px 0 10px;color:var(--sign-accent);font-size:24px}.signing-document-copy p:not(.eyebrow){margin:0;color:#3e454d;font:14px/1.65 Arial,sans-serif}
html .signing-gate .signing-price{margin:20px 0;padding:20px 22px;border-radius:2px;background:#30343b!important;color:#fff}.signing-gate .signing-price span,.signing-gate .signing-price small{color:#d7dbe1}.signing-gate .signing-price strong{font-size:30px}
.signing-gate .signing-offer-details{margin:20px 0;gap:9px}.signing-gate .signing-offer-details>div{padding:14px;border-color:#e1e3e6;background:#f6f6f7!important}.signing-gate .signing-offer-details span{font-size:11px}.signing-gate .signing-offer-details strong{font-size:13px}
.signing-gate .signing-inclusions{margin:0 0 14px}.signing-gate .signing-inclusions section,.signing-gate .signing-note{border:1px solid #e1e3e6!important;border-radius:2px;background:#f7f7f7!important}.signing-gate .signing-inclusions section{padding:16px}.signing-gate .signing-inclusions p,.signing-gate .signing-note p{color:#40474f;font-size:13px;line-height:1.6}.signing-gate .signing-note{padding:16px}.signing-gate .signing-note>span{color:var(--sign-accent);font-size:11px}
.signing-gate .offer-materials{border-color:#e1e3e6;background:#fff}.signing-gate .offer-material-table{font-family:Arial,sans-serif}.signing-gate .offer-material-table>*{font-size:12px}
.signing-company-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 13px;margin-top:38px;padding-top:15px;border-top:2px solid var(--sign-accent);color:#525961;font:11px/1.45 Arial,sans-serif;text-align:center}.signing-company-footer strong{width:100%;color:#292d33}
.signing-acceptance{padding:28px 50px 48px;border-top:1px solid #dedfe2;background:#f5f5f6;font-family:Arial,sans-serif}.signing-acceptance-head{margin:8px 0 22px}.signing-acceptance-head .eyebrow{color:var(--sign-accent)}.signing-acceptance-head h2{margin:4px 0 6px;color:#272b31;font:600 27px Georgia,serif}.signing-acceptance-head>p:not(.eyebrow){margin:0;color:#6a717a;font-size:13px}
.signing-gate .signing-document-hash{margin:0 0 24px;border-color:#d8dce1;background:#fff!important}.signing-gate .signing-document-hash>span{color:var(--sign-accent)}.signing-gate .signing-document-hash strong{font-size:11px}.signing-gate .signing-document-hash small{max-width:560px;color:#717881;font-size:8px}
.signing-gate .signing-name,.signing-gate .signature-pad-head{color:#343a42;font-size:12px}.signing-gate .signing-name input{min-height:49px;border-color:#cfd3d8;background:#fff!important;color:#25292f!important;font-size:16px}.signing-gate .signature-pad-head button{color:var(--sign-accent);font-size:12px}.signing-gate #signatureCanvas{height:170px;border-color:#cfd3d8;border-radius:6px;background:#fff}.signing-gate .signing-consent{font-size:12px}.signing-gate .signing-consent input{accent-color:var(--sign-accent)}.signing-gate .signature-disclosure{color:#727981;font-size:11px;line-height:1.55}.signing-gate .signing-submit{min-height:51px;border-color:var(--sign-accent);background:var(--sign-accent);font-size:15px}
.signing-gate .signing-success,.signing-gate .signing-unavailable{min-height:640px;padding:45px}.signing-gate .signing-success>span{background:var(--sign-accent);box-shadow:none}.signing-gate .signing-success>small{margin-top:20px;color:#7c838b;font-size:11px}
.signing-gate .signing-footer{width:min(1180px,100%);min-height:64px;border-top:1px solid #d9dce1;color:#666e78;font-size:11px}
@media(max-width:900px){.signing-gate .signing-layout{grid-template-columns:1fr;max-width:790px;gap:28px;padding-top:18px}.signing-gate .signing-intro{position:static;padding-top:0;text-align:left}.signing-gate .signing-intro h1{font-size:42px}.signing-gate .signing-intro>p:not(.eyebrow),.signing-gate .signing-trust{margin-left:0}.signing-gate .signing-trust{grid-template-columns:repeat(3,1fr);gap:14px}}
@media(max-width:600px){html .signing-gate{padding:0 12px 20px}.signing-gate .signing-header{min-height:70px}.signing-company-brand.compact img{max-width:34px;max-height:30px}.signing-company-brand.compact strong{font-size:11px}.signing-gate .signing-layout{display:block;padding:18px 0 30px}.signing-gate .signing-intro{margin-bottom:26px}.signing-gate .signing-intro h1{font-size:36px}.signing-gate .signing-trust{grid-template-columns:1fr}.signing-document{padding:30px 20px 22px}.signing-document-head{grid-template-columns:1fr;gap:24px;min-height:0}.signing-recipient{order:2}.signing-seller{text-align:left}.signing-company-brand{justify-content:flex-start;align-items:flex-start;flex-direction:column}.signing-company-brand strong{text-align:left}.signing-document-title{grid-template-columns:1fr;gap:8px;margin:28px 0;padding:11px 0}.signing-document-title div+div{padding-left:0;border-left:0}.signing-document-copy h2{font-size:21px}.signing-gate .signing-price strong{font-size:25px}.signing-gate .signing-offer-details{grid-template-columns:1fr}.signing-acceptance{padding:24px 20px 34px}.signing-gate .signing-success,.signing-gate .signing-unavailable{min-height:470px;padding:25px}.signing-gate .signing-footer{align-items:flex-start;gap:5px;padding:16px 4px;text-align:left}}

/* PDF-like offer viewer: the document reads as a real A4 page, while the
   legally separate acceptance remains directly below it. */
html .signing-gate .signing-card:has(.signing-document){padding:22px 24px 30px;background:#d9dde3!important;border-color:#c9ced5!important;border-radius:12px;box-shadow:0 24px 70px rgba(28,31,37,.14)!important}
.signing-pdf-toolbar{width:min(100%,744px);min-height:42px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#3f4752;font:600 12px/1.2 Arial,sans-serif}
.signing-pdf-toolbar.actions-only{justify-content:flex-end}
.signing-pdf-toolbar>span{display:flex;align-items:center;gap:8px}.signing-pdf-toolbar i{display:flex;width:17px;height:17px}.signing-pdf-toolbar svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8}
.signing-pdf-toolbar button{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 13px;border:1px solid #bcc2ca;border-radius:8px;background:#f8f9fa;color:#343b45;font:700 12px Arial,sans-serif;box-shadow:0 2px 7px rgba(20,24,30,.06);cursor:pointer}.signing-pdf-toolbar button:hover{background:#fff;border-color:#969da7}.signing-pdf-toolbar button>span{display:flex;width:16px;height:16px}.signing-pdf-toolbar button svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8}
.signing-card .signing-document{box-sizing:border-box;width:min(100%,744px);min-height:1052px;margin:0 auto;padding:54px 58px 34px;display:flex;flex-direction:column;box-shadow:0 3px 13px rgba(25,28,34,.18),0 24px 50px rgba(25,28,34,.10)}
.signing-card .signing-document>:not(.signing-company-footer){flex-shrink:0}.signing-card .signing-company-footer{position:relative;margin-top:auto;padding-right:60px}.signing-card .signing-company-footer>small{position:absolute;right:0;bottom:0;color:#747b84;font-size:10px;font-weight:600}
.signing-card .signing-acceptance{box-sizing:border-box;width:min(100%,744px);margin:24px auto 0;border:1px solid #c9ced5;border-radius:10px;background:#fff;box-shadow:0 7px 24px rgba(25,28,34,.09)}
.signing-card .invoice-paper header{flex-shrink:0}.signing-card .invoice-paper .invoice-preview-customer small{margin-bottom:6px;color:#777f88;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.signing-card .invoice-paper .invoice-preview-copy{margin:34px 0 20px}.signing-card .invoice-paper .invoice-preview-copy p{font-size:13px}.signing-card .invoice-paper .invoice-preview-brand>span{color:var(--invoice-accent)}
.signing-paper-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;font:12px/1.45 Arial,sans-serif}.signing-paper-facts span{padding:11px 12px;border:1px solid #dedfe2;background:#fafafa}.signing-paper-facts b{display:block;margin-bottom:4px;color:#777f88;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.signing-card .signing-paper-lines{margin:0 0 8px}.signing-card .signing-paper-lines th{font-size:10px}.signing-card .signing-paper-lines td{font-size:11px}.signing-card .signing-paper-lines td:first-child{font-weight:700}.signing-card .invoice-preview-totals{margin-bottom:22px}
.signing-paper-scope{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 22px;font:12px/1.55 Arial,sans-serif}.signing-paper-scope.single{grid-template-columns:1fr}.signing-paper-scope section{padding:13px;border:1px solid #dedfe2;background:#fafafa}.signing-paper-scope b{color:var(--invoice-accent);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.signing-paper-scope p{margin:7px 0 0;color:#4e555d}
.signing-card .invoice-paper .offer-photo-section{margin:0 0 22px;padding:13px;border:1px solid #dedfe2;background:#fafafa}.signing-card .invoice-paper .offer-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signing-card .invoice-paper .offer-photo-grid img{height:150px}.signing-card .invoice-paper .invoice-preview-payment{gap:7px;margin-top:5px;font-size:11px}.signing-card .invoice-paper footer{position:relative;margin-top:auto;padding-right:62px}.signing-card .invoice-paper footer small{position:absolute;right:0;bottom:0;color:#747b84;font:600 9px Arial,sans-serif}
.signing-paper-terms{margin:0 0 22px;padding:14px 16px;border:1px solid #dedfe2;background:#fafafa;font:11px/1.55 Arial,sans-serif}.signing-paper-terms>b{display:block;margin-bottom:7px;color:var(--invoice-accent);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.signing-paper-terms p{margin:0;color:#424946}
.signing-card .invoice-paper.template-modern .invoice-preview-copy{margin-top:28px}.signing-card .invoice-paper.template-minimal .invoice-preview-brand>span{color:#333}
@media(max-width:600px){html .signing-gate .signing-card:has(.signing-document){margin:0 -4px;padding:12px 8px 18px;border-radius:8px}.signing-pdf-toolbar{padding:0 4px}.signing-pdf-toolbar>span{font-size:11px}.signing-pdf-toolbar button{padding:8px 10px}.signing-card .signing-document{min-height:0;padding:30px 20px 24px}.signing-card .signing-company-footer{margin-top:42px;padding-right:0;padding-bottom:25px}.signing-card .signing-company-footer>small{right:auto;left:0}.signing-card .signing-acceptance{margin-top:14px;border-radius:7px}}
@media print{@page{size:A4;margin:0}html,html body,html .signing-gate{background:#fff!important}.signing-gate{padding:0!important}.signing-header,.signing-intro,.signing-footer,.signing-pdf-toolbar,.signing-acceptance{display:none!important}.signing-gate .signing-layout{display:block!important;width:auto!important;min-height:0!important;padding:0!important}.signing-gate .signing-card:has(.signing-document){width:auto!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}.signing-card .signing-document{width:210mm!important;min-height:297mm!important;margin:0!important;padding:15mm 16mm 11mm!important;box-shadow:none!important;page-break-after:avoid}.signing-document-head{min-height:38mm}.signing-document-title{margin-bottom:12mm}.signing-company-footer{break-inside:avoid}}

/* Premium application system — one calm, consistent visual language across
   every workspace view. Customer documents above deliberately keep their own
   printable layout and are not affected by this application-shell layer. */
:root {
  --premium-page:#f4f5f7;
  --premium-card:#ffffff;
  --premium-inset:#f7f8fa;
  --premium-hover:#eef1f4;
  --premium-border:#dfe3e8;
  --premium-border-strong:#cbd1d9;
  --premium-ink:#20262d;
  --premium-copy:#47515d;
  --premium-muted:#737d89;
  --premium-primary:#176b5a;
  --premium-primary-hover:#115747;
  --premium-primary-soft:#e7f1ee;
  --premium-amber:#c78b32;
  --premium-danger:#a84f43;
  --premium-shadow-sm:0 1px 2px rgba(20,27,35,.04),0 6px 18px rgba(20,27,35,.04);
  --premium-shadow-md:0 14px 40px rgba(20,27,35,.08);
  --premium-radius-sm:10px;
  --premium-radius:15px;
  --premium-radius-lg:20px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html[data-theme="dark"] {
  --premium-page:#121419;
  --premium-card:#1c2027;
  --premium-inset:#232831;
  --premium-hover:#2a303a;
  --premium-border:#343b46;
  --premium-border-strong:#4a5360;
  --premium-ink:#f1f3f6;
  --premium-copy:#c7cdd6;
  --premium-muted:#969fab;
  --premium-primary:#58b69e;
  --premium-primary-hover:#70c5af;
  --premium-primary-soft:#213a35;
  --premium-amber:#dfa84f;
  --premium-danger:#f08b7b;
  --premium-shadow-sm:0 1px 2px rgba(0,0,0,.18),0 8px 20px rgba(0,0,0,.12);
  --premium-shadow-md:0 18px 46px rgba(0,0,0,.25);
}

body.modal-open { overflow:hidden; }
.app-shell { background:var(--premium-page); color:var(--premium-ink); }
.app-shell .main-content { background:var(--premium-page); }
.app-shell .view { max-width:1520px; padding:42px 44px 64px; }
.app-shell .view.active { animation-duration:.24s; }
.app-shell .page-heading { align-items:center; margin-bottom:30px; }
.app-shell .page-heading h1 { color:var(--premium-ink); font-size:clamp(32px,3vw,43px); line-height:1.04; letter-spacing:-.035em; }
.app-shell .eyebrow { margin-bottom:9px; color:var(--premium-amber); font-size:11px; letter-spacing:.16em; }
.app-shell .heading-copy { margin-top:10px; color:var(--premium-muted); font-size:14px; line-height:1.55; }

html .sidebar { width:var(--sidebar); padding:25px 17px 18px; background:#1c282b!important; border-right:1px solid rgba(255,255,255,.08); box-shadow:8px 0 28px rgba(15,24,26,.06); }
html[data-theme="dark"] .sidebar { background:#15191f!important; border-color:#2b313a; }
.sidebar .brand { min-height:54px; padding:0 10px 24px; font-size:14px; letter-spacing:.14em; }
.sidebar .brand-mark { width:40px; height:40px; border-radius:12px; background:linear-gradient(145deg,#efbd68,#d7983c); box-shadow:0 8px 22px rgba(214,151,55,.2),inset 0 1px rgba(255,255,255,.45); }
.sidebar .nav-label { margin:15px 13px 8px; color:#819397; font-size:10px; letter-spacing:.17em; }
.sidebar .nav-item { min-height:45px; padding:11px 12px; border:1px solid transparent; border-radius:11px; color:#b8c4c6; font-size:14px; font-weight:650; }
.sidebar .nav-item:hover { background:rgba(255,255,255,.065); color:#fff; }
.sidebar .nav-item.active { border-color:rgba(255,255,255,.11); background:rgba(255,255,255,.105); color:#fff; box-shadow:inset 0 1px rgba(255,255,255,.04); }
.sidebar .nav-item.active::before { height:25px; background:#e1a64c; }
.sidebar .nav-count { min-width:24px; padding:3px 7px; background:rgba(255,255,255,.1); color:#e1e7e8; font-size:11px; text-align:center; }
.sidebar .plan-card { padding:16px; border-color:rgba(255,255,255,.1); border-radius:14px; background:rgba(255,255,255,.045); font-size:12px; }
.sidebar .plan-card strong { font-size:13px; }
.sidebar .plan-card p { color:#a3b1b3; font-size:12px; line-height:1.5; }
.sidebar .profile-card { margin-top:14px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.04); }
.sidebar .profile-card:hover { background:rgba(255,255,255,.08); }

html .topbar { min-height:74px; height:74px; padding:0 40px; background:color-mix(in srgb,var(--premium-card) 94%,transparent)!important; border-bottom:1px solid var(--premium-border); box-shadow:0 1px 0 rgba(20,27,35,.02); backdrop-filter:blur(18px) saturate(125%); }
.topbar .search-button { min-width:230px; }
.topbar :is(.search-button,.icon-button) { min-height:42px; border-color:var(--premium-border); background:var(--premium-card)!important; color:var(--premium-copy); box-shadow:none!important; }
.topbar .search-button { font-size:13px; }
.topbar .search-button:hover,.topbar .icon-button:hover { border-color:var(--premium-border-strong); background:var(--premium-inset)!important; transform:none; }

.app-shell :is(.panel,.stat-card,.job-card,.customer-card,.offer-summary,.calendar-card,.finance-metric,.team-metric,.admin-metric,.receipt-card,.member-card,.vehicle-card,.trailer-card,.tool-card,.asset-summary article,.workflow-empty,.ai-panel,.admin-registry-panel,.completed-summary>article,.completed-summary>div) {
  border:1px solid var(--premium-border)!important;
  border-radius:var(--premium-radius-lg)!important;
  background:var(--premium-card)!important;
  box-shadow:var(--premium-shadow-sm)!important;
  backdrop-filter:none!important;
}
.app-shell :is(.job-card,.customer-card,.member-card,.vehicle-card,.trailer-card,.tool-card,.actionable-card) { transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.app-shell :is(.job-card,.customer-card,.member-card,.vehicle-card,.trailer-card,.tool-card,.actionable-card):hover { border-color:var(--premium-border-strong)!important; box-shadow:var(--premium-shadow-md)!important; transform:translateY(-2px); }
.app-shell .stat-card { min-height:154px; padding:22px; overflow:hidden; }
.app-shell .stat-card::after { display:none!important; }
.app-shell .stat-top { margin-bottom:20px; }
.app-shell .stat-icon { width:38px; height:38px; border-radius:11px; }
.app-shell .stat-card>p { color:var(--premium-muted); font-size:12px; font-weight:600; }
.app-shell .stat-card>strong { color:var(--premium-ink); font-size:29px; }
.app-shell .stat-card small,.app-shell .mini-detail { color:var(--premium-muted); font-size:11px; }
.app-shell .trend { padding:5px 9px; font-size:10px; }
.app-shell .panel { overflow:hidden; }
.app-shell .panel-header { padding:23px 24px 18px; }
.app-shell .panel-header h2 { color:var(--premium-ink); font-size:17px; }
.app-shell .panel-header p { margin-top:6px; color:var(--premium-muted); font-size:12px; line-height:1.5; }
.app-shell .text-button { color:var(--premium-primary); font-size:12px; }

.app-shell :is(.primary-button,.secondary-button,.danger-button,.ai-top-button,.attachment-picker,.auth-free-button) { min-height:44px; border-radius:11px; padding:0 16px; font-size:13px; font-weight:750; line-height:1.2; }
.app-shell .primary-button { border-color:var(--premium-primary); background:var(--premium-primary); box-shadow:0 7px 18px color-mix(in srgb,var(--premium-primary) 20%,transparent); }
.app-shell .primary-button:hover { border-color:var(--premium-primary-hover); background:var(--premium-primary-hover); transform:translateY(-1px); }
.app-shell .secondary-button { border-color:var(--premium-border-strong); background:var(--premium-card)!important; color:var(--premium-ink); }
.app-shell .secondary-button:hover { border-color:var(--premium-primary); color:var(--premium-primary); background:var(--premium-inset)!important; }
.app-shell .icon-button { border-radius:11px; }
.app-shell .filter-group { padding:5px; border-color:var(--premium-border); border-radius:12px; background:var(--premium-card)!important; box-shadow:var(--premium-shadow-sm); }
.app-shell .filter { min-height:36px; padding:8px 13px; border-radius:8px; color:var(--premium-muted); font-size:12px; }
.app-shell .filter.active { background:var(--premium-hover)!important; color:var(--premium-ink); }
.app-shell .inline-search { min-width:280px; min-height:44px; height:44px; border-color:var(--premium-border); border-radius:11px; background:var(--premium-card)!important; color:var(--premium-muted); box-shadow:var(--premium-shadow-sm); }
.app-shell .inline-search input { color:var(--premium-ink); font-size:13px; }

.app-shell .job-list { padding:0 24px 10px; }
.app-shell .job-row { min-height:76px; padding:17px 0; border-color:var(--premium-border); }
.app-shell .job-main>span { width:40px; height:40px; border-radius:11px; background:var(--premium-inset); color:var(--premium-primary); }
.app-shell .job-main strong { color:var(--premium-ink); font-size:13px; }
.app-shell :is(.job-main small,.job-meta small) { color:var(--premium-muted); font-size:11px; }
.app-shell .job-meta strong { color:var(--premium-copy); font-size:12px; }
.app-shell .job-progress span { color:var(--premium-muted); font-size:11px; }
.app-shell :is(.job-status,.status-pill) { padding:6px 10px; font-size:10px; }
.app-shell .job-card { padding:21px; }
.app-shell .job-card h3 { margin-top:16px; color:var(--premium-ink); font-size:20px; line-height:1.25; }
.app-shell .job-card .client { color:var(--premium-copy); font-size:12px; }
.app-shell .job-card .location,.app-shell .job-card-progress>span,.app-shell .job-card-footer time { color:var(--premium-muted); font-size:11px; }
.app-shell .job-card-footer { border-color:var(--premium-border); }
.app-shell .job-finish-button { min-height:42px; font-size:12px; }

.app-shell .offer-summary { overflow:hidden; }
.app-shell .offer-summary>div { padding:22px 24px; border-color:var(--premium-border); }
.app-shell .offer-summary span { color:var(--premium-muted); font-size:11px; }
.app-shell .offer-summary strong { color:var(--premium-ink); font-size:23px; }
.app-shell .offer-table-wrap { scrollbar-width:thin; scrollbar-color:var(--premium-border-strong) transparent; }
.app-shell .view table { color:var(--premium-copy); font-size:12px; }
.app-shell .view th { padding:12px 20px; border-color:var(--premium-border); background:var(--premium-inset)!important; color:var(--premium-muted); font-size:10px; letter-spacing:.08em; }
.app-shell .view td { padding:16px 20px; border-color:var(--premium-border); }
.app-shell .view td strong { color:var(--premium-ink); font-size:12px; }
.app-shell .view td small { color:var(--premium-muted); font-size:10px; }
.app-shell .view tbody tr:hover { background:var(--premium-inset); }

.app-shell .customer-card { padding:21px; }
.app-shell .customer-avatar { width:44px; height:44px; border-radius:13px; background:var(--premium-primary-soft)!important; color:var(--premium-primary)!important; font-size:13px; }
.app-shell .customer-head strong { color:var(--premium-ink); font-size:14px; }
.app-shell .customer-head small,.app-shell .customer-details span,.app-shell .customer-contact { color:var(--premium-muted); font-size:11px; }
.app-shell .customer-details { border-color:var(--premium-border); }
.app-shell .customer-details strong { color:var(--premium-ink); font-size:13px; }
.app-shell .customer-contact button { color:var(--premium-primary); font-size:12px; }

.app-shell .activity-list { padding:0 24px 12px; }
.app-shell .activity-list>div { padding:14px 0; border-color:var(--premium-border); }
.app-shell .activity-list strong { color:var(--premium-ink); font-size:12px; }
.app-shell .activity-list span { color:var(--premium-copy); font-size:11px; }
.app-shell .activity-list small { color:var(--premium-muted); font-size:10px; }
.app-shell .workflow-empty { min-height:230px; padding:38px; border-style:dashed!important; border-color:var(--premium-border-strong)!important; background:var(--premium-card)!important; color:var(--premium-copy); }
.app-shell .workflow-empty-icon { width:50px; height:50px; border:1px solid var(--premium-border); border-radius:15px; background:var(--premium-primary-soft); color:var(--premium-primary); box-shadow:none; }
.app-shell .workflow-empty strong { color:var(--premium-ink); font-size:15px; }
.app-shell .workflow-empty p { color:var(--premium-muted); font-size:12px; }

.modal-backdrop,.command-backdrop { background:rgba(17,22,29,.58)!important; backdrop-filter:blur(10px) saturate(105%); }
html .modal,html .command-box { border:1px solid var(--premium-border)!important; border-radius:var(--premium-radius-lg); background:var(--premium-card)!important; color:var(--premium-ink); box-shadow:0 30px 90px rgba(11,16,23,.2)!important; }
html .modal { scrollbar-color:var(--premium-border-strong) transparent; }
.modal .modal-close { top:22px; right:22px; width:44px; height:44px; border-color:var(--premium-border); background:var(--premium-inset)!important; color:var(--premium-copy); }
.modal .modal-close:hover { border-color:var(--premium-border-strong); background:var(--premium-hover)!important; transform:none; }
.modal h2 { color:var(--premium-ink); letter-spacing:-.025em; }
.modal .modal-subtitle { color:var(--premium-muted); }
.modal :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) { min-height:48px; border-color:var(--premium-border)!important; border-radius:11px; background:var(--premium-inset)!important; color:var(--premium-ink)!important; box-shadow:inset 0 1px rgba(20,27,35,.02); }
.modal textarea { min-height:112px; }
.modal :is(input,textarea,select):focus { border-color:var(--premium-primary)!important; background:var(--premium-card)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--premium-primary) 14%,transparent); }
.modal .form-field>label { color:var(--premium-copy); font-weight:700; }
.modal :is(.modal-actions,.offer-editor-footer),html #profileForm>.modal-actions { border-color:var(--premium-border)!important; background:color-mix(in srgb,var(--premium-card) 95%,transparent)!important; }
.command-input { border-color:var(--premium-border); }
.command-input input { color:var(--premium-ink); font-size:15px; }
.command-result { border-color:var(--premium-border); }
.command-result:hover,.command-result.selected { background:var(--premium-inset); }
.toast { right:24px; bottom:24px; min-width:300px; padding:15px 17px; border:1px solid var(--premium-border); border-radius:14px; background:var(--premium-card)!important; color:var(--premium-ink); box-shadow:var(--premium-shadow-md); }
.toast>span { background:var(--premium-primary-soft); color:var(--premium-primary); }
.toast strong { font-size:13px; }.toast small { color:var(--premium-muted); font-size:11px; }

.app-shell .calendar-card { padding:24px; }
.app-shell .calendar-head h2 { color:var(--premium-ink); font-size:24px; }
.app-shell .calendar-day-name { padding:12px; background:var(--premium-inset); color:var(--premium-muted); font-size:10px; }
.app-shell .calendar-cell { min-height:108px; padding:11px; border-color:var(--premium-border); background:var(--premium-card)!important; color:var(--premium-copy); font-size:11px; }
.app-shell .calendar-cell:hover { background:var(--premium-inset)!important; }
.app-shell .calendar-cell.today { box-shadow:inset 0 0 0 2px var(--premium-primary); }

html[data-theme="dark"] body,html[data-theme="dark"] .app-shell,html[data-theme="dark"] .main-content { background:var(--premium-page)!important; color:var(--premium-ink); }
html[data-theme="dark"] body::before,html[data-theme="dark"] body::after { display:none!important; }
html[data-theme="dark"] .app-shell :is(.panel,.stat-card,.job-card,.customer-card,.offer-summary,.calendar-card,.finance-metric,.team-metric,.admin-metric,.receipt-card,.member-card,.vehicle-card,.trailer-card,.tool-card,.asset-summary article,.workflow-empty,.ai-panel,.admin-registry-panel,.completed-summary>article,.completed-summary>div) { background:var(--premium-card)!important; border-color:var(--premium-border)!important; }
html[data-theme="dark"] .app-shell :is(.material-editor,.employee-material-editor,.material-calculation,.material-basis,.vehicle-driver,.tool-location,.asset-detail-facts span,.asset-detail-list,.asset-notes,.tool-detail-location,.asset-current-location,.theme-choice,.settings-toggle,.offer-form-section,.offer-content-section,.offer-detail-section,.offer-list-card,.offer-note,.offer-terms,.invoice-estimate-materials,.hourly-price-fields,.hourly-invoice-block,.modal-note,.detail-top,.detail-grid>div,.finish-flow>div,.finish-confirm,.attachment-field,.completion-report-banner,.checkout-summary,.workflow-note) { background:var(--premium-inset)!important; border-color:var(--premium-border)!important; }
html[data-theme="dark"] .app-shell :is(.ai-panel-head,.ai-summary,.ai-insights,.ai-insight,.ai-ask) { background:var(--premium-inset)!important; border-color:var(--premium-border)!important; color:var(--premium-ink); }
html[data-theme="dark"] .app-shell .offer-price-banner { background:#272d36!important; }

@media(max-width:1100px){
  .app-shell .view { padding:34px 28px 52px; }
  html .topbar { padding:0 28px; }
  .app-shell .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px){
  .app-shell .view { padding:27px 18px 46px; }
  html .topbar { min-height:66px; height:66px; padding:0 17px; }
  .app-shell .page-heading { align-items:flex-start; gap:18px; }
  .app-shell .page-heading h1 { font-size:32px; }
  .app-shell .stats-grid { grid-template-columns:1fr; gap:12px; }
  .app-shell .stat-card { min-height:0; }
  .app-shell .toolbar { align-items:stretch; }
  .app-shell .inline-search { min-width:0; width:100%; }
  .app-shell .offer-summary { grid-template-columns:repeat(2,1fr); }
  .app-shell .offer-summary>div { padding:17px; }
  .modal .modal-close { top:14px; right:14px; }
  .toast { right:14px; bottom:14px; left:14px; min-width:0; }
}
@media(max-width:480px){
  .app-shell .view { padding-inline:14px; }
  .app-shell .page-heading { display:block; }
  .app-shell .page-heading>.primary-button { width:100%; margin-top:18px; }
  .app-shell .offer-summary { grid-template-columns:1fr; }
  .app-shell .offer-summary>div { border-right:0; border-bottom:1px solid var(--premium-border); }
  .app-shell .offer-summary>div:last-child { border-bottom:0; }
}

/* Professionel dokumenttypografi og fri layout-editor */
.invoice-paper{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.invoice-paper.font-clean{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.invoice-paper.font-humanist{font-family:"Avenir Next","Segoe UI",sans-serif}
.invoice-paper.font-classic{font-family:"Palatino Linotype",Palatino,Georgia,serif}
.invoice-paper.font-editorial{font-family:Georgia,"Times New Roman",serif}
.invoice-paper.font-mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.invoice-paper :is(.invoice-preview-customer,.invoice-preview-brand>b,.invoice-preview-brand>span,.invoice-preview-brand>small,.invoice-preview-copy p,table,.invoice-preview-totals,.invoice-preview-payment,footer),
.custom-paper :is(.custom-key-title p,.custom-key-lines table,.custom-key-totals .custom-block-content,.custom-key-payment .custom-block-content,.custom-key-scope .custom-block-content,.custom-key-footer .custom-block-content){font-family:inherit}
.custom-doc-block{font-family:inherit;font-size:var(--block-size,12px)}
.custom-doc-block.custom-font-clean{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.custom-doc-block.custom-font-humanist{font-family:"Avenir Next","Segoe UI",sans-serif}
.custom-doc-block.custom-font-classic{font-family:"Palatino Linotype",Palatino,Georgia,serif}
.custom-doc-block.custom-font-editorial{font-family:Georgia,"Times New Roman",serif}
.custom-doc-block.custom-font-mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.custom-doc-block :is(.custom-free-text,.custom-block-content){font-family:inherit;font-size:inherit}
.custom-doc-block.is-selected{z-index:11!important;border:2px solid var(--invoice-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--invoice-accent) 18%,transparent)}
.custom-free-image{object-fit:cover;transform-origin:center}
.custom-shape{display:block;width:100%;height:100%}
.custom-shape-line{height:2px;margin:auto 0;background:var(--shape-color)}
.custom-shape-rect{box-sizing:border-box;border:2px solid var(--shape-color);background:var(--shape-fill)}
.custom-shape-circle{box-sizing:border-box;border:2px solid var(--shape-color);border-radius:50%;background:var(--shape-fill)}
.custom-tool-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;width:100%}
.custom-selection-tools{margin-top:3px;padding-top:9px;border-top:1px solid #d8dce1}
.custom-selection-tools[hidden]{display:none}
.custom-selection-tools label{display:flex;align-items:center;gap:5px;font:700 10px/1.2 Inter,-apple-system,sans-serif}
.custom-selection-tools select{min-height:32px;padding:5px 26px 5px 8px;border:1px solid #c9ced4;border-radius:7px;background:#fff;color:#313840;font-size:11px}
.custom-selection-tools input[type=range]{width:82px;accent-color:var(--invoice-accent)}
.custom-selection-tools input[type=color]{width:34px;height:30px;padding:2px;border-radius:7px}
.custom-document-tools>small{margin-top:2px}
.material-row .site-select-trigger,.employee-material-row .site-select-trigger{padding-inline:10px}
.material-row .site-select-trigger>span,.employee-material-row .site-select-trigger>span{overflow:visible;text-overflow:clip}
.signed-document-review{width:min(100%,1000px)}
.modal:has(.signed-document-review){width:min(1080px,100%);padding:28px;overflow-x:hidden}
.signed-document-review>.invoice-paper{margin:26px auto;box-shadow:0 18px 48px rgba(22,28,33,.14)}
.signed-proof-panel{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:18px;margin-top:24px;padding:20px;border:1px solid var(--surface-border);border-radius:16px;background:var(--surface-inset)}
@media(max-width:720px){.signed-proof-panel{grid-template-columns:1fr}.custom-selection-tools label{width:100%;justify-content:space-between}}
/* 2026-09 document editor, signed document and typography refinement */
:root{--app-font:"Avenir Next",Avenir,"SF Pro Text",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--app-display:"Avenir Next",Avenir,"SF Pro Display",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html,body,button,input,textarea,select{font-family:var(--app-font)}
body :is(h1,h2,h3):not(.invoice-paper *){font-family:var(--app-display)!important;font-weight:700;letter-spacing:-.035em}
.brand-name,.sidebar-nav,.topbar,.page-subtitle,.eyebrow,.status-pill{font-family:var(--app-font)!important}

.signed-document-loading{min-height:420px;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;color:var(--text)}
.signed-document-loading small{color:var(--muted)}
.signed-document-primary{display:flex;flex-direction:column;gap:18px}
.signed-document-primary>.invoice-paper{margin:0 auto;box-shadow:0 18px 55px rgba(25,31,38,.16)}
.signed-proof-summary{display:flex;align-items:center;gap:13px;max-width:794px;width:100%;margin:0 auto;padding:14px 16px;border:1px solid #b9e1d4;border-radius:14px;background:#edf9f5;color:#173e35}
.signed-proof-summary>[data-icon]{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#11876e;color:#fff}
.signed-proof-summary div{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.signed-proof-summary small{color:#56736c}
.signed-proof-summary .text-button{white-space:nowrap}

.custom-block-drag,.custom-block-delete,.custom-block-resize{display:none!important}
.custom-doc-block.is-editable{cursor:grab;touch-action:none;transition:border-color .12s,box-shadow .12s,background .12s}
.custom-doc-block.is-editable.is-manipulating{cursor:grabbing;z-index:20!important}
.custom-doc-block.is-editable [contenteditable="true"]{cursor:text;touch-action:auto}
.custom-doc-block.is-editable.is-selected{z-index:14;border:2px solid var(--invoice-accent)!important;background:rgba(255,255,255,.78);box-shadow:0 0 0 3px color-mix(in srgb,var(--invoice-accent) 16%,transparent)}
.custom-resize-handle{position:absolute;z-index:8;display:none;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:var(--invoice-accent);box-shadow:0 1px 5px rgba(0,0,0,.3)}
.custom-doc-block.is-selected .custom-resize-handle{display:block}
.custom-resize-nw{left:-7px;top:-7px;cursor:nwse-resize}.custom-resize-n{left:50%;top:-7px;transform:translateX(-50%);cursor:ns-resize}.custom-resize-ne{right:-7px;top:-7px;cursor:nesw-resize}.custom-resize-e{right:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.custom-resize-se{right:-7px;bottom:-7px;cursor:nwse-resize}.custom-resize-s{left:50%;bottom:-7px;transform:translateX(-50%);cursor:ns-resize}.custom-resize-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.custom-resize-w{left:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}
.custom-free-image{object-fit:cover!important;transform-origin:center}
.custom-document-tools{display:grid!important;gap:9px!important;padding:12px!important;background:#fff!important;box-shadow:0 8px 25px rgba(22,31,40,.08)}
.custom-document-tools[hidden]{display:none!important}
.custom-tool-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.custom-tool-row>strong{font-size:12px;color:#4f5b66;margin-right:2px}.custom-add-tools button{border-radius:999px!important}
.custom-selection-tools{padding-top:9px;border-top:1px solid #e3e7eb}.custom-selection-tools[hidden]{display:none!important}.custom-selection-tools label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#5b6570}.custom-selection-tools select{min-height:32px;border:1px solid #c9ced4;border-radius:7px;background:#fff}.custom-selection-tools input[type="range"]{width:84px}.custom-delete-selected{margin-left:auto!important;border-color:#e6b8b2!important;background:#fff4f2!important;color:#9d3d35!important}

.profile-crop-stage{position:relative;width:min(440px,80vw);aspect-ratio:1;margin:20px auto;overflow:hidden;border:1px solid var(--menu-border);border-radius:30px;background:repeating-conic-gradient(#e9edf1 0 25%,#f7f8f9 0 50%) 50%/24px 24px;box-shadow:0 18px 44px rgba(24,31,38,.14);cursor:grab;touch-action:none}
.profile-crop-stage:active{cursor:grabbing}.profile-crop-stage:after{content:"";position:absolute;inset:0;border:2px solid rgba(255,255,255,.9);border-radius:inherit;box-shadow:inset 0 0 0 999px rgba(15,22,28,.08);pointer-events:none}
.profile-crop-stage img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center;pointer-events:none;will-change:transform,object-position}
.profile-crop-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-crop-controls label{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--muted)}.profile-crop-controls input{width:100%}

html[data-theme="dark"] .custom-document-tools{background:#17201f!important;border-color:#35433f!important}.dark .custom-document-tools{background:#17201f!important}.dark .custom-selection-tools select,html[data-theme="dark"] .custom-selection-tools select{background:#111817;color:#f3f5f4;border-color:#3d4d49}.dark .custom-doc-block.is-editable.is-selected,html[data-theme="dark"] .custom-doc-block.is-editable.is-selected{background:rgba(255,255,255,.9)}
@media(max-width:720px){.signed-proof-summary{align-items:flex-start;flex-wrap:wrap}.signed-proof-summary .text-button{margin-left:49px}.profile-crop-controls{grid-template-columns:1fr}.custom-delete-selected{margin-left:0!important}}

/* Lettere, roligere app-typografi */
:root{--app-font:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;--app-display:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif}
body{font-weight:400;letter-spacing:-.005em}
body :is(h1,h2,h3):not(.invoice-paper *){font-weight:600!important;letter-spacing:-.028em}
body :is(strong,b):not(.invoice-paper *){font-weight:600}
:is(.primary-button,.secondary-button,.danger-button,.text-button,.nav-item,.topbar button,.profile-card,.document-template-choice,.custom-document-tools button){font-weight:600!important}
:is(.eyebrow,.page-kicker,.section-kicker){font-weight:650!important;letter-spacing:.11em}
.custom-selection-tools label,.profile-crop-controls label,.modal .form-field>label{font-weight:600!important}

/* Opgaver som dokument + integreret styring */
.modal:has(.job-workspace){width:min(1440px,calc(100vw - 44px));max-height:calc(100vh - 36px);padding:22px}
.job-workspace{display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(390px,.85fr);gap:18px;align-items:start;padding-top:4px}
.job-document-pane,.job-operation-pane{min-width:0;border:1px solid var(--premium-border);border-radius:18px;background:var(--premium-inset)}
.job-document-pane{padding:14px;overflow:auto;max-height:calc(100vh - 82px)}
.job-operation-pane{padding:26px;background:var(--premium-card);max-height:calc(100vh - 82px);overflow:auto}
.job-document-label{display:flex;align-items:center;gap:10px;padding:2px 3px 13px;color:var(--premium-copy)}
.job-document-label>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--premium-border);border-radius:10px;background:var(--premium-card);color:var(--premium-primary)}
.job-document-label strong,.job-document-label small{display:block}.job-document-label strong{font-size:12px}.job-document-label small{margin-top:2px;color:var(--premium-muted);font-size:10px}
.job-document-pane>.invoice-paper,.job-work-paper{width:min(100%,794px);min-height:860px;margin:0 auto;border:1px solid #dfe2e6;border-radius:5px;background:#fff;color:#252a30;box-shadow:0 18px 44px rgba(24,31,38,.1)}
.job-document-pane>.invoice-paper{transform:none}
.job-work-paper{display:flex;flex-direction:column;padding:48px 52px;font-family:var(--app-font)}
.job-work-paper header{display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:126px;border-bottom:2px solid var(--job-accent)}
.job-paper-recipient,.job-paper-brand{display:flex;flex-direction:column;gap:5px}.job-paper-recipient{justify-content:flex-end}.job-paper-recipient small,.job-paper-copy small,.job-paper-facts small,.job-paper-materials small{color:#7b838c;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.job-paper-recipient strong{font-size:16px}.job-paper-recipient span{color:#505861;font-size:12px}
.job-paper-brand{align-items:flex-end;text-align:right}.job-paper-brand img{max-width:156px;max-height:56px;object-fit:contain}.job-paper-brand b{margin-top:auto;color:#4d5660;font-size:10px;letter-spacing:.12em}.job-paper-brand>strong:not(.job-paper-wordmark){color:var(--job-accent);font-size:16px}.job-paper-wordmark{font-size:20px}
.job-paper-copy{margin:28px 0 20px;padding:22px;background:#f5f6f7;border-radius:12px}.job-paper-copy h2{margin:6px 0 9px;color:#252a30;font-size:25px!important;font-weight:600!important}.job-paper-copy p{margin:0;color:#505861;font-size:12px;line-height:1.65}
.job-paper-facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e1e4e8;border-radius:10px;overflow:hidden}.job-paper-facts span{padding:14px}.job-paper-facts span+span{border-left:1px solid #e1e4e8}.job-paper-facts strong{display:block;margin-top:5px;font-size:12px}
.job-paper-materials{margin-top:24px}.job-paper-materials>div{display:flex;justify-content:space-between;margin-bottom:8px}.job-paper-materials table{width:100%;border-collapse:collapse;font-size:12px}.job-paper-materials th,.job-paper-materials td{padding:10px 8px;border-bottom:1px solid #e4e6e9;text-align:left}.job-paper-materials th:last-child,.job-paper-materials td:last-child{text-align:right}.job-paper-materials th{background:transparent!important;color:#707985!important;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.job-work-paper footer{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:30px;border-top:1px solid #e1e4e8;color:#737c86;font-size:9px}
.job-operation-pane .material-editor{grid-column:1/-1}.job-operation-pane .attachment-field{grid-column:1/-1}.employee-job-workspace .employee-job-actions{display:grid;gap:9px;margin-top:20px}.employee-job-workspace .offer-photo-section{margin-top:18px}

/* Rolige, ensartede handlingslinjer i alle dialoger */
.modal .modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:22px;padding:17px 0 0;border-top:1px solid var(--premium-border);position:static}
.modal .modal-actions.split{justify-content:space-between}.modal .modal-action-group{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.modal .modal-actions :is(button,.primary-button,.secondary-button,.danger-button,.finish-inline-button){min-height:42px!important;padding:0 17px!important;border-radius:11px!important;font-size:12px!important;line-height:1!important;white-space:nowrap}
.modal .modal-actions .primary-button{min-width:134px}.modal .modal-actions .danger-button{border:1px solid #e8c7c3!important;background:#fff7f5!important;color:#9a4038!important;box-shadow:none!important}
.modal .finish-inline-button{border:1px solid color-mix(in srgb,var(--premium-primary) 28%,var(--premium-border));background:var(--premium-primary-soft);color:var(--premium-primary);box-shadow:none}

/* Gennemsigtige logoer ligger på samme rolige flade som profilknappen */
.profile-card .avatar.avatar-photo:has(>img){background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important}
.profile-card .avatar.avatar-photo img{object-fit:contain;padding:3px}
html:not([data-theme="dark"]) .profile-card .avatar.avatar-photo:has(>img){background:color-mix(in srgb,var(--premium-inset) 92%,transparent)!important;border-color:var(--premium-border)!important}

/* Dokumentfarver som et rigtigt designværktøj */
.document-color-row{display:grid!important;grid-template-columns:auto repeat(6,34px);align-items:center;gap:9px!important;margin:16px 0 18px!important}
.document-color-row>label{display:flex!important;align-items:center;justify-content:flex-start;gap:11px;min-height:34px;margin:0 5px 0 0!important;padding:0;border:0;background:transparent;color:var(--premium-copy);font-size:12px!important;white-space:nowrap}
.modal .document-color-row input[type="color"]{appearance:none;-webkit-appearance:none;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;aspect-ratio:1/1;flex:0 0 32px;padding:4px!important;border:0!important;border-radius:50%!important;background:var(--premium-card)!important;box-shadow:0 0 0 1px var(--premium-border),0 2px 6px rgba(20,28,37,.08)!important;cursor:pointer;overflow:hidden}
.document-color-row input[type="color"]::-webkit-color-swatch-wrapper{padding:0}.document-color-row input[type="color"]::-webkit-color-swatch{border:0;border-radius:50%}.document-color-row input[type="color"]::-moz-color-swatch{border:0;border-radius:50%}
.document-swatch{position:relative;width:32px!important;height:32px!important;border:4px solid var(--premium-card)!important;border-radius:50%!important;background:var(--swatch)!important;box-shadow:0 0 0 1px var(--premium-border),0 2px 6px rgba(20,28,37,.08)!important;transition:transform .16s ease,box-shadow .16s ease}
.document-swatch:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--premium-border-strong),0 5px 12px rgba(20,28,37,.13)!important}.document-swatch.is-active{box-shadow:0 0 0 2px var(--premium-ink),0 5px 12px rgba(20,28,37,.15)!important}.document-swatch.is-active:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.signing-paper-lines .included-material-row td{color:#6f7780;font-size:11px}

@media(max-width:1050px){.modal:has(.job-workspace){width:min(920px,calc(100vw - 24px))}.job-workspace{grid-template-columns:1fr}.job-document-pane,.job-operation-pane{max-height:none}.job-document-pane>.invoice-paper,.job-work-paper{min-height:760px}}
@media(max-width:720px){.modal:has(.job-workspace){padding:14px}.job-document-pane{padding:8px}.job-work-paper{min-height:660px;padding:30px 24px}.job-work-paper header{grid-template-columns:1fr;gap:14px}.job-paper-brand{align-items:flex-start;text-align:left}.job-paper-facts{grid-template-columns:1fr}.job-paper-facts span+span{border-left:0;border-top:1px solid #e1e4e8}.document-color-row{grid-template-columns:repeat(6,32px)}.document-color-row>label{grid-column:1/-1}}

/* Opgavearbejdsrum: dokumentet og styringen må aldrig klemmes ind i den gamle dialogbredde. */
.modal.job-workspace-modal{
  width:min(1540px,calc(100vw - 48px))!important;
  max-width:none!important;
  height:min(1020px,calc(100vh - 48px));
  max-height:none!important;
  padding:16px!important;
  overflow:hidden!important;
}
.job-workspace-modal #modalContent{height:100%;min-height:0}
.job-workspace-modal .job-workspace{
  grid-template-columns:minmax(650px,1fr) minmax(430px,500px);
  gap:16px;
  height:100%;
  min-height:0;
  padding:0;
  align-items:stretch;
}
.job-workspace-modal .job-document-pane,
.job-workspace-modal .job-operation-pane{
  height:100%;
  max-height:none;
  min-height:0;
  overflow:auto;
}
.job-workspace-modal .job-document-pane{
  padding:16px 18px 28px;
  background:linear-gradient(145deg,#eef0f2,#e5e8eb);
  scrollbar-gutter:stable;
}
.job-workspace-modal .job-operation-pane{
  padding:30px 28px 36px;
  scrollbar-gutter:stable;
}
.job-workspace-modal .job-document-label{
  position:sticky;
  z-index:8;
  top:-16px;
  margin:-16px -18px 18px;
  padding:13px 18px;
  border-bottom:1px solid rgba(46,55,63,.12);
  background:rgba(242,244,246,.94);
  backdrop-filter:blur(14px);
}
.job-workspace-modal .job-document-pane>.invoice-paper,
.job-workspace-modal .job-work-paper{
  width:100%;
  max-width:744px;
  min-height:1052px;
}
.job-workspace-modal .modal-close{
  top:25px;
  right:25px;
  z-index:20;
}
.job-workspace-modal .job-operation-pane>.modal-case-head{padding-right:48px}

html[data-theme="dark"] .job-workspace-modal .job-document-pane{
  background:linear-gradient(145deg,#1d2428,#151b1e)!important;
}
html[data-theme="dark"] .job-workspace-modal .job-document-label{
  border-bottom-color:rgba(255,255,255,.08);
  background:rgba(25,32,35,.94);
}

@media(max-width:1180px){
  .modal.job-workspace-modal{width:calc(100vw - 28px)!important;height:calc(100vh - 28px)}
  .job-workspace-modal .job-workspace{grid-template-columns:minmax(520px,1fr) minmax(390px,440px)}
}
@media(max-width:930px){
  .modal.job-workspace-modal{padding:12px!important;overflow:auto!important}
  .job-workspace-modal #modalContent{height:auto}
  .job-workspace-modal .job-workspace{display:grid;grid-template-columns:1fr;height:auto;overflow:visible}
  .job-workspace-modal .job-document-pane{height:auto;max-height:72vh}
  .job-workspace-modal .job-operation-pane{height:auto;max-height:none;overflow:visible}
  .job-workspace-modal .job-document-pane>.invoice-paper,
  .job-workspace-modal .job-work-paper{min-height:760px}
}
@media(max-width:620px){
  .modal.job-workspace-modal{width:calc(100vw - 14px)!important;height:calc(100vh - 14px);padding:8px!important}
  .job-workspace-modal .job-operation-pane{padding:24px 16px}
  .job-workspace-modal .job-document-pane{padding:12px 8px 20px}
  .job-workspace-modal .job-document-label{top:-12px;margin:-12px -8px 12px;padding:11px 12px}
  .job-workspace-modal .job-document-pane>.invoice-paper,
  .job-workspace-modal .job-work-paper{min-height:660px}
}

/* Fakturadesigner: den gemte mestervisning er den samme rolige, professionelle faktura som kunden modtager. */
.professional-invoice-preview{
  display:flex!important;
  flex-direction:column;
  min-height:835px!important;
  padding:0!important;
  overflow:hidden;
  background:#fff!important;
  color:#222b29!important;
  border-top:0!important;
}
.professional-invoice-preview.template-modern{border-top:0!important}
.professional-invoice-preview .invoice-pro-accent{height:7px;flex:0 0 auto;background:var(--invoice-accent)}
.professional-invoice-preview.template-modern .invoice-pro-accent{height:17px}
.professional-invoice-preview.template-minimal .invoice-pro-accent{height:1px;background:#c9cecc}
.professional-invoice-preview .invoice-pro-body{display:flex;flex:1;flex-direction:column;padding:32px 38px 24px}
.professional-invoice-preview .invoice-pro-header{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(190px,.92fr)!important;
  gap:28px;
  min-height:0!important;
  border:0!important;
}
.professional-invoice-preview .invoice-pro-seller{min-width:0;text-align:left}
.professional-invoice-preview .invoice-pro-seller>img{display:block;max-width:175px;max-height:58px;margin:0 0 10px;object-fit:contain;object-position:left center}
.professional-invoice-preview .invoice-pro-seller>.invoice-preview-wordmark{display:block;margin:0 0 10px;color:#222b29;font-size:18px;line-height:1.15;text-align:left}
.professional-invoice-preview .invoice-pro-seller>div{display:flex;flex-direction:column;align-items:flex-start;color:#626b68;font-size:9px;line-height:1.5}
.professional-invoice-preview .invoice-pro-seller>div>b{color:#222b29;font-size:11px;font-weight:700}
.professional-invoice-preview .invoice-pro-contact{display:flex;flex-direction:column;margin-top:5px}
.professional-invoice-preview .invoice-pro-contact strong{color:#222b29;font-size:9px}
.professional-invoice-preview .invoice-pro-meta{text-align:right}
.professional-invoice-preview .invoice-pro-meta>small,
.professional-invoice-preview .invoice-pro-summary small{display:block;color:#7a8380;font-size:8px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
.professional-invoice-preview .invoice-pro-meta>strong{display:block;margin:5px 0 11px;color:var(--invoice-accent);font-size:18px;font-weight:750;letter-spacing:-.02em}
.professional-invoice-preview .invoice-pro-meta dl{display:grid;gap:5px;margin:0;color:#5b6461;font-size:9px}
.professional-invoice-preview .invoice-pro-meta dl>div{display:grid;grid-template-columns:1fr auto;gap:14px}
.professional-invoice-preview .invoice-pro-meta dt{font-weight:500}.professional-invoice-preview .invoice-pro-meta dd{margin:0;color:#222b29;font-weight:650}
.professional-invoice-preview .invoice-pro-summary{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(180px,.88fr);margin:25px 0 23px;border-top:1px solid #dfe3e1;border-bottom:1px solid #dfe3e1}
.professional-invoice-preview .invoice-pro-summary>div{display:flex;flex-direction:column;gap:2px;padding:15px 0;color:#626b68;font-size:9px;line-height:1.45}
.professional-invoice-preview .invoice-pro-summary>div+div{align-items:flex-end;padding-left:24px;border-left:1px solid #e4e7e6;text-align:right}
.professional-invoice-preview .invoice-pro-summary strong{color:#222b29;font-size:12px}
.professional-invoice-preview .invoice-pro-summary>div+div strong{margin:2px 0;color:var(--invoice-accent);font-size:18px;letter-spacing:-.025em}
.professional-invoice-preview .invoice-pro-copy{margin:0 0 21px}
.professional-invoice-preview.template-modern .invoice-pro-copy{padding:13px 15px;background:#f5f6f5}
.professional-invoice-preview .invoice-pro-copy h3{margin:0 0 5px;color:#222b29;font-size:19px!important;font-weight:650!important;letter-spacing:-.025em}
.professional-invoice-preview .invoice-pro-copy p{margin:0;color:#626b68;font-size:9px;line-height:1.55}
.professional-invoice-preview .invoice-pro-lines{width:100%;margin:0;border-collapse:collapse;color:#2b3331;font-size:9px}
.professional-invoice-preview .invoice-pro-lines th{padding:8px 7px;border-bottom:2px solid var(--invoice-accent);background:transparent!important;color:#68716e!important;font-size:7.5px;font-weight:750;letter-spacing:.075em;text-align:left;text-transform:uppercase}
.professional-invoice-preview .invoice-pro-lines td{padding:10px 7px;border-bottom:1px solid #e3e6e4;background:transparent!important}
.professional-invoice-preview .invoice-pro-lines :is(th,td):not(:first-child){text-align:right}
.professional-invoice-preview .invoice-pro-lines td:first-child{color:#222b29;font-weight:650}
.professional-invoice-preview .invoice-pro-totals{display:grid;gap:6px;width:245px;margin:18px 0 0 auto;font-size:9px}
.professional-invoice-preview .invoice-pro-totals :is(span,strong){display:flex;justify-content:space-between;gap:20px}
.professional-invoice-preview .invoice-pro-totals>strong{margin-top:2px;padding-top:8px;border-top:2px solid var(--invoice-accent);font-size:11px}
.professional-invoice-preview .invoice-pro-payment{display:flex;flex-direction:column;gap:4px;margin-top:25px;padding:12px 14px;background:#f5f6f5;color:#626b68;font-size:8.5px;line-height:1.4}
.professional-invoice-preview .invoice-pro-payment b{color:#222b29;font-size:9px}
.professional-invoice-preview .invoice-pro-footer{display:grid!important;grid-template-columns:1fr 1fr;gap:22px;margin-top:auto!important;padding:14px 38px!important;border-top:1px solid #e2e5e3!important;background:#fafbfa!important;color:#68716e!important;font-size:8px!important;line-height:1.5;text-align:left!important}
.professional-invoice-preview .invoice-pro-footer>div{display:flex;flex-direction:column}.professional-invoice-preview .invoice-pro-footer>div:last-child{align-items:flex-end;text-align:right}.professional-invoice-preview .invoice-pro-footer b{color:#222b29;font-size:8.5px}
.professional-invoice-preview.template-minimal .invoice-pro-copy{padding-bottom:16px;border-bottom:1px solid #e2e5e3}

@media(max-width:720px){
  .professional-invoice-preview .invoice-pro-body{padding:27px 30px 21px}
  .professional-invoice-preview .invoice-pro-footer{padding:13px 30px!important}
}

/* Forsidens tomme opgaveliste skal være en hjælpsom række, ikke et stort tomt lærred. */
.app-shell .job-list>.workflow-empty.compact{
  min-height:94px;
  margin:0 0 14px;
  padding:17px 18px;
  grid-template-columns:40px minmax(0,1fr) auto;
  align-content:center;
  align-items:center;
  justify-items:start;
  gap:14px;
  border:1px solid var(--premium-border)!important;
  border-radius:14px;
  background:var(--premium-inset)!important;
}
.app-shell .job-list>.workflow-empty.compact .workflow-empty-icon{width:40px;height:40px;padding:10px;border-radius:12px}
.app-shell .job-list>.workflow-empty.compact>div{max-width:640px}
.app-shell .job-list>.workflow-empty.compact strong{font-size:13px}
.app-shell .job-list>.workflow-empty.compact p{margin-top:3px;font-size:11px;line-height:1.45}
.app-shell .job-list>.workflow-empty.compact .secondary-button{min-height:40px;margin:0;padding:0 15px;white-space:nowrap}
@media(max-width:700px){
  .app-shell .job-list>.workflow-empty.compact{grid-template-columns:40px minmax(0,1fr);padding:16px}
  .app-shell .job-list>.workflow-empty.compact .secondary-button{grid-column:2;width:auto}
}

/* Samlet kundeindbakke */
.inbox-page-heading{align-items:flex-end}.inbox-heading-actions{display:flex;gap:10px;align-items:center}.inbox-heading-actions .secondary-button{display:inline-flex;gap:8px;align-items:center}.inbox-heading-actions [data-icon]{width:17px;height:17px}
.inbox-address-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 0 16px;padding:16px 18px;border:1px solid var(--premium-border,#dbe3e0);border-radius:18px;background:var(--premium-surface,#fff);box-shadow:0 10px 30px rgba(31,49,44,.055)}
.inbox-address-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--premium-primary-soft,#eaf5f1);color:var(--premium-primary,#176d59)}.inbox-address-icon svg{width:24px;height:24px}.inbox-address-card div{min-width:0}.inbox-address-card small,.inbox-address-card strong,.inbox-address-card p{display:block}.inbox-address-card small{margin-bottom:3px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.inbox-address-card strong{overflow:hidden;color:var(--ink);font-size:17px;text-overflow:ellipsis}.inbox-address-card p{margin:4px 0 0;color:var(--muted);font-size:14px}
.inbox-shell{display:grid;grid-template-columns:235px minmax(280px,340px) minmax(400px,1fr);min-height:680px;overflow:hidden;border:1px solid var(--premium-border,#dbe3e0);border-radius:20px;background:var(--premium-surface,#fff);box-shadow:0 18px 50px rgba(31,49,44,.07)}
.inbox-sources,.inbox-list-pane{min-width:0;border-right:1px solid var(--premium-border,#dbe3e0)}.inbox-sources{padding:18px 14px;background:var(--premium-inset,#f7f9f8)}.inbox-sources-head{display:flex;justify-content:space-between;align-items:flex-end;padding:0 5px 13px}.inbox-sources-head span{font-size:14px;font-weight:750}.inbox-sources-head small{color:var(--muted);font-size:12px}
.inbox-source-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:8px;padding:11px;border:1px solid transparent;border-radius:14px;background:transparent}.inbox-source-card.is-connected{border-color:var(--premium-border,#dbe3e0);background:var(--premium-surface,#fff)}.inbox-source-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--premium-surface,#fff);color:var(--muted);box-shadow:inset 0 0 0 1px var(--premium-border,#dbe3e0)}.inbox-source-card.is-connected .inbox-source-icon{background:var(--premium-primary-soft,#eaf5f1);color:var(--premium-primary,#176d59)}.inbox-source-icon svg{width:18px;height:18px}.inbox-source-card div{min-width:0}.inbox-source-card strong,.inbox-source-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-source-card strong{font-size:14px}.inbox-source-card small{margin-top:2px;color:var(--muted);font-size:12px}.inbox-source-status{grid-column:2;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.inbox-source-card.is-connected .inbox-source-status{color:var(--premium-primary,#176d59)}.inbox-source-card>button{grid-column:2;justify-self:start;padding:0;border:0;background:none;color:var(--premium-primary,#176d59);font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.inbox-source-card.is-unavailable{opacity:.64}.inbox-source-card.is-unavailable .inbox-source-status{color:var(--muted);font-size:10px;line-height:1.35}
.inbox-list-pane{display:flex;flex-direction:column;min-height:0}.inbox-list-toolbar{display:grid;gap:10px;padding:14px;border-bottom:1px solid var(--premium-border,#dbe3e0)}.inbox-list-toolbar .inline-search{width:100%;min-width:0}.inbox-list-toolbar .inline-search input{width:100%}.inbox-filters{justify-self:start}.inbox-filters .filter{min-height:32px;padding:0 12px;font-size:11px}.inbox-message-list{min-height:0;overflow-y:auto}.inbox-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:220px;color:var(--muted);font-size:12px}.inbox-loading i{width:17px;height:17px;border:2px solid var(--premium-border,#dbe3e0);border-top-color:var(--premium-primary,#176d59);border-radius:50%;animation:spin .7s linear infinite}
.inbox-thread{position:relative;display:grid;width:100%;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:15px 14px;border:0;border-bottom:1px solid var(--premium-border,#e4e9e7);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background .15s ease}.inbox-thread:hover{background:var(--premium-inset,#f7f9f8)}.inbox-thread.is-active{background:var(--premium-primary-soft,#eaf5f1);box-shadow:inset 3px 0 var(--premium-primary,#176d59)}.inbox-thread-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e9edef;color:#47534f;font-size:13px;font-weight:800}.inbox-thread.is-unread .inbox-thread-avatar{background:var(--premium-primary,#176d59);color:#fff}.inbox-thread-copy{min-width:0}.inbox-thread-copy>span{display:flex;justify-content:space-between;gap:10px}.inbox-thread-copy strong,.inbox-thread-copy b,.inbox-thread-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-thread-copy strong{font-size:14px}.inbox-thread-copy time{flex:0 0 auto;color:var(--muted);font-size:12px}.inbox-thread-copy b{margin-top:4px;font-size:13px;font-weight:650}.inbox-thread-copy small{margin-top:4px;color:var(--muted);font-size:12px}.inbox-thread.is-unread .inbox-thread-copy :is(strong,b){font-weight:800}.inbox-thread>i{position:absolute;right:9px;bottom:9px;width:7px;height:7px;border-radius:50%;background:var(--premium-primary,#176d59)}
.inbox-reader{display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--premium-surface,#fff)}.inbox-reader-empty{display:grid;place-items:center;align-content:center;height:100%;min-height:500px;padding:40px;text-align:center}.inbox-reader-empty>[data-icon]{display:grid;place-items:center;width:58px;height:58px;margin-bottom:16px;border-radius:17px;background:var(--premium-primary-soft,#eaf5f1);color:var(--premium-primary,#176d59)}.inbox-reader-empty svg{width:26px;height:26px}.inbox-reader-empty h2{margin:0 0 7px;font-size:20px}.inbox-reader-empty p{max-width:350px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.inbox-reader-head{display:flex;justify-content:space-between;gap:20px;padding:20px 22px 17px;border-bottom:1px solid var(--premium-border,#dbe3e0)}.inbox-reader-head h2{margin:7px 0 4px;font-size:21px;line-height:1.3}.inbox-reader-head p{margin:0;color:var(--muted);font-size:13px}.inbox-channel-pill{display:inline-flex;align-items:center;gap:6px;color:var(--premium-primary,#176d59);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.inbox-channel-pill i{width:7px;height:7px;border-radius:50%;background:#2ab28f}.inbox-reader-head .icon-button{width:38px;height:38px;flex:0 0 auto}
.inbox-link-bar{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1.2fr) auto;gap:9px;align-items:end;padding:12px 22px;border-bottom:1px solid var(--premium-border,#dbe3e0);background:var(--premium-inset,#f7f9f8)}.inbox-link-bar label{min-width:0;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.inbox-link-bar select{width:100%;min-height:40px;margin-top:5px;padding:7px 28px 7px 10px;border:1px solid var(--premium-border,#dbe3e0);border-radius:10px;background:var(--premium-surface,#fff);color:var(--ink);font:inherit;font-size:13px;text-transform:none;letter-spacing:0}.inbox-link-bar .secondary-button{min-height:40px;padding:0 12px;font-size:12px}
.inbox-conversation{display:flex;min-height:280px;flex:1;flex-direction:column;gap:14px;overflow-y:auto;padding:22px;background:linear-gradient(180deg,var(--premium-inset,#f7f9f8),var(--premium-surface,#fff))}.inbox-bubble{width:min(86%,620px);padding:15px 16px;border:1px solid var(--premium-border,#dbe3e0);border-radius:16px;background:var(--premium-surface,#fff);box-shadow:0 5px 15px rgba(31,49,44,.04)}.inbox-bubble.is-outbound{align-self:flex-end;border-color:color-mix(in srgb,var(--premium-primary,#176d59) 25%,var(--premium-border,#dbe3e0));background:var(--premium-primary-soft,#eaf5f1)}.inbox-bubble-meta{display:flex;justify-content:space-between;gap:14px;margin-bottom:9px}.inbox-bubble-meta strong{font-size:13px}.inbox-bubble-meta time{color:var(--muted);font-size:11px}.inbox-bubble-body{color:var(--ink);font-size:14px;line-height:1.65;overflow-wrap:anywhere}.inbox-attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.inbox-attachments span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--premium-border,#dbe3e0);border-radius:9px;background:var(--premium-surface,#fff);font-size:11px}.inbox-attachments svg{width:13px;height:13px}
.inbox-reply{padding:17px 22px 20px;border-top:1px solid var(--premium-border,#dbe3e0);background:var(--premium-surface,#fff)}.inbox-reply>label{display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:700}.inbox-reply textarea{width:100%;min-height:96px;resize:vertical;padding:13px 14px;border:1px solid var(--premium-border,#dbe3e0);border-radius:13px;background:var(--premium-inset,#f7f9f8);color:var(--ink);font:inherit;font-size:14px;line-height:1.5}.inbox-reply>div{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:10px}.inbox-reply small{color:var(--muted);font-size:11px}.inbox-reply .primary-button{min-height:40px;padding:0 15px;font-size:13px}.connection-explainer{display:flex;gap:13px;margin:20px 0;padding:16px;border:1px solid var(--premium-border,#dbe3e0);border-radius:14px;background:var(--premium-inset,#f7f9f8)}.connection-explainer>[data-icon]{width:28px;height:28px;flex:0 0 auto;padding:6px;border-radius:50%;background:var(--premium-primary,#176d59);color:#fff}.connection-explainer strong{font-size:14px}.connection-explainer p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
html[data-theme="dark"] :is(.inbox-address-card,.inbox-shell,.inbox-reader,.inbox-source-card.is-connected,.inbox-bubble,.inbox-reply){background:var(--dark-surface);border-color:var(--dark-border)}html[data-theme="dark"] :is(.inbox-sources,.inbox-link-bar,.inbox-conversation,.inbox-thread:hover,.inbox-reply textarea,.connection-explainer){background:var(--dark-surface-soft)!important;border-color:var(--dark-border)}html[data-theme="dark"] .inbox-thread{border-color:var(--dark-border);color:var(--dark-text)}html[data-theme="dark"] .inbox-thread.is-active,html[data-theme="dark"] .inbox-bubble.is-outbound{background:#22352f!important;border-color:#37544a}html[data-theme="dark"] .inbox-source-icon,html[data-theme="dark"] .inbox-link-bar select,html[data-theme="dark"] .inbox-attachments span{background:var(--dark-surface-raised);border-color:var(--dark-border)}
@media(max-width:1180px){.inbox-shell{grid-template-columns:210px minmax(260px,320px) minmax(350px,1fr)}}
@media(max-width:980px){.inbox-shell{grid-template-columns:210px minmax(0,1fr)}.inbox-reader{position:fixed;z-index:1200;inset:72px 18px 18px;display:none;border:1px solid var(--premium-border,#dbe3e0);border-radius:18px;box-shadow:0 25px 80px rgba(15,28,24,.25)}.inbox-reader:has(.inbox-reader-head){display:flex}}
@media(max-width:720px){.inbox-page-heading{align-items:flex-start}.inbox-heading-actions{width:100%}.inbox-heading-actions>*{flex:1}.inbox-address-card{grid-template-columns:44px minmax(0,1fr);padding:14px}.inbox-address-icon{width:44px;height:44px}.inbox-address-card>button{grid-column:1/-1;width:100%}.inbox-shell{grid-template-columns:1fr;min-height:610px}.inbox-sources{display:none}.inbox-list-pane{border-right:0}.inbox-reader{inset:12px}.inbox-link-bar{grid-template-columns:1fr 1fr}.inbox-link-bar .secondary-button{grid-column:1/-1}.inbox-bubble{width:94%}.inbox-reply>div{align-items:flex-end}.inbox-reply small{max-width:160px}}

/* Inbox workspace: the same calm, card-based visual language as the rest of Byggehelten. */
.inbox-overview-grid{display:grid;grid-template-columns:minmax(330px,.95fr) minmax(520px,1.55fr);gap:16px;margin-bottom:18px}
.inbox-overview-grid .inbox-address-card{min-width:0;margin:0;padding:20px;border-radius:22px;box-shadow:0 12px 34px rgba(20,24,32,.055)}
.inbox-address-card>button{min-height:42px;padding:0 15px;white-space:nowrap}
.inbox-account-card{min-width:0;padding:17px 18px 18px;border:1px solid var(--surface-border);border-radius:22px;background:var(--surface-card);box-shadow:0 12px 34px rgba(20,24,32,.055)}
.inbox-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 2px 14px}.inbox-account-head small,.inbox-account-head strong{display:block}.inbox-account-head small{margin-bottom:3px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.inbox-account-head strong{font-size:15px;line-height:1.35}.inbox-account-count{flex:0 0 auto;padding:6px 9px;border:1px solid var(--surface-border);border-radius:999px;background:var(--surface-inset);color:var(--muted);font-size:11px;font-weight:750}
#inboxConnections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.inbox-source-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;margin:0;padding:12px;border:1px solid var(--surface-border);border-radius:15px;background:var(--surface-inset);transition:border-color .16s ease,background .16s ease,transform .16s ease}
.inbox-source-card:hover{transform:translateY(-1px);border-color:#bfc6ce;background:var(--surface-card)}.inbox-source-card.is-connected{border-color:color-mix(in srgb,var(--premium-primary,#176d59) 22%,var(--surface-border));background:color-mix(in srgb,var(--premium-primary-soft,#eaf5f1) 42%,var(--surface-card))}
.inbox-source-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--surface-border);border-radius:13px;background:var(--surface-card);color:var(--ink);box-shadow:none;font-size:15px;font-weight:850}.inbox-source-card[data-provider="google"] .inbox-source-icon{color:#3d62a1}.inbox-source-card[data-provider="microsoft"] .inbox-source-icon{color:#24679f}
.inbox-source-copy{min-width:0}.inbox-source-copy>span{display:flex;align-items:center;gap:7px;min-width:0}.inbox-source-copy strong{font-size:13px;white-space:nowrap}.inbox-source-copy small{display:block;margin-top:4px;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.inbox-source-status{display:inline-flex;padding:3px 6px;border-radius:999px;background:var(--surface-hover);color:var(--muted);font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.inbox-source-card.is-connected .inbox-source-status{background:#dff1ea;color:#176d59}
.inbox-source-card>.inbox-source-action{grid-column:3;justify-self:end;min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,var(--premium-primary,#176d59) 28%,var(--surface-border));border-radius:10px;background:var(--surface-card);color:var(--premium-primary,#176d59);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.inbox-source-card>.inbox-source-action:hover{background:var(--premium-primary,#176d59);color:#fff}.inbox-source-card>.inbox-source-action.is-subtle{border-color:transparent;background:transparent;color:var(--muted)}.inbox-source-card>.inbox-source-action.is-subtle:hover{background:var(--surface-hover);color:var(--ink)}.inbox-source-note{color:var(--muted);font-size:10px}
.inbox-shell{grid-template-columns:minmax(310px,370px) minmax(0,1fr);min-height:690px;border-radius:22px;box-shadow:0 18px 50px rgba(20,24,32,.065)}
.inbox-list-pane{border-right:1px solid var(--surface-border);background:var(--surface-card)}
.inbox-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:18px 17px 11px}.inbox-list-heading small,.inbox-list-heading strong{display:block}.inbox-list-heading small{margin-bottom:3px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.inbox-list-heading strong{font-size:16px}.inbox-list-heading>span{padding:5px 8px;border-radius:999px;background:var(--surface-inset);color:var(--muted);font-size:10px;font-weight:750}
.inbox-list-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;padding:0 14px 14px;border-bottom:1px solid var(--surface-border)}.inbox-list-toolbar .inline-search{min-height:42px;border-radius:12px}.inbox-filters{justify-self:end}.inbox-filters .filter{min-height:34px;padding:0 10px}
.inbox-message-list{padding:8px;background:var(--surface-inset)}
.inbox-thread{margin-bottom:5px;padding:13px;border:1px solid transparent;border-radius:14px;background:transparent}.inbox-thread:last-child{margin-bottom:0}.inbox-thread:hover{border-color:var(--surface-border);background:var(--surface-card)}.inbox-thread.is-active{border-color:color-mix(in srgb,var(--premium-primary,#176d59) 22%,var(--surface-border));background:var(--surface-card);box-shadow:0 7px 20px rgba(20,24,32,.055),inset 3px 0 var(--premium-primary,#176d59)}.inbox-thread-avatar{border-radius:12px;background:var(--surface-hover)}
.inbox-reader{background:var(--surface-card)}.inbox-reader-head{padding:22px 24px 18px}.inbox-reader-head h2{margin:8px 0 5px;font-size:22px;letter-spacing:-.025em}.inbox-reader-head p{display:flex;align-items:center;gap:7px}.inbox-reader-head p strong{color:var(--ink);font-size:12px}.inbox-reader-head p span{padding-left:7px;border-left:1px solid var(--surface-border)}
.inbox-link-bar{grid-template-columns:minmax(190px,1.05fr) minmax(130px,.85fr) minmax(160px,1fr) auto;gap:10px;padding:13px 24px;background:var(--surface-inset)}.inbox-link-intro{align-self:center;min-width:0}.inbox-link-intro small,.inbox-link-intro strong{display:block}.inbox-link-intro small{margin-bottom:3px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.inbox-link-intro strong{overflow:hidden;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.inbox-conversation{gap:16px;padding:24px;background:linear-gradient(180deg,var(--surface-inset),var(--surface-card))}.inbox-bubble{padding:16px 17px;border-radius:17px;box-shadow:0 6px 18px rgba(20,24,32,.045)}.inbox-bubble.is-outbound{background:color-mix(in srgb,var(--premium-primary-soft,#eaf5f1) 62%,var(--surface-card))}
.inbox-reply{padding:17px 24px 20px}.inbox-reply-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.inbox-reply-head label{font-size:13px;font-weight:800}.inbox-reply-head span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.inbox-reply textarea{min-height:104px;border-radius:14px;background:var(--surface-inset)}
html[data-theme="dark"] :is(.inbox-account-card,.inbox-overview-grid .inbox-address-card,.inbox-list-pane,.inbox-reader,.inbox-source-icon,.inbox-source-action){background:var(--surface-card);border-color:var(--surface-border)}html[data-theme="dark"] :is(.inbox-source-card,.inbox-message-list,.inbox-link-bar,.inbox-reply textarea){background:var(--surface-inset)!important;border-color:var(--surface-border)}html[data-theme="dark"] .inbox-source-card.is-connected{background:#24332f!important;border-color:#3c554d}html[data-theme="dark"] .inbox-source-card.is-connected .inbox-source-status{background:#314740;color:#9bd6c5}html[data-theme="dark"] .inbox-thread.is-active{background:var(--surface-card)!important;border-color:#4a5d57}
@media(max-width:1220px){.inbox-overview-grid{grid-template-columns:1fr}.inbox-shell{grid-template-columns:minmax(300px,350px) minmax(0,1fr)}.inbox-link-bar{grid-template-columns:1fr 1fr auto}.inbox-link-intro{grid-column:1/-1}.inbox-link-bar label{min-width:0}}
@media(max-width:980px){.inbox-shell{grid-template-columns:1fr}.inbox-list-pane{border-right:0}.inbox-reader{position:fixed;z-index:1200;inset:72px 18px 18px;display:none;border:1px solid var(--surface-border);border-radius:20px;box-shadow:0 25px 80px rgba(15,28,24,.25)}.inbox-reader:has(.inbox-reader-head){display:flex}}
@media(max-width:720px){.inbox-heading-actions{display:grid;grid-template-columns:1fr 1fr}.inbox-heading-actions .secondary-button,.inbox-heading-actions .primary-button{justify-content:center;padding:0 10px;font-size:12px}.inbox-overview-grid{gap:12px}.inbox-overview-grid .inbox-address-card{grid-template-columns:44px minmax(0,1fr);padding:15px;border-radius:18px}.inbox-address-card>button{grid-column:1/-1;width:100%}.inbox-account-card{padding:15px;border-radius:18px}.inbox-account-head{align-items:center}.inbox-account-head strong{font-size:13px}#inboxConnections{grid-template-columns:1fr}.inbox-shell{min-height:620px;border-radius:18px}.inbox-list-toolbar{grid-template-columns:1fr}.inbox-filters{justify-self:start}.inbox-reader{inset:10px}.inbox-reader-head{padding:18px}.inbox-link-bar{grid-template-columns:1fr 1fr;padding:12px 18px}.inbox-link-intro{grid-column:1/-1}.inbox-link-bar .secondary-button{grid-column:1/-1}.inbox-conversation{padding:18px}.inbox-bubble{width:96%}.inbox-reply{padding:15px 18px 18px}.inbox-reply>div{align-items:flex-end}.inbox-reply small{max-width:180px}}

/* Simplified inbox and human-approved AI assistance. */
.inbox-overview-grid{grid-template-columns:1fr;gap:10px}.inbox-overview-grid .inbox-address-card{grid-template-columns:52px minmax(0,1fr) auto;padding:16px 18px;border-radius:18px;box-shadow:none}.inbox-address-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:8px}.inbox-address-actions .secondary-button{min-height:38px;padding:0 12px;font-size:12px}.inbox-address-actions .inbox-account-count{white-space:nowrap}.inbox-account-card{padding:15px 16px;border-radius:18px;box-shadow:none}.inbox-account-head{align-items:center;margin-bottom:12px}.inbox-account-head .icon-button{width:36px;height:36px}.inbox-account-head .icon-button svg{width:17px;height:17px}
.inbox-shell{min-height:720px;box-shadow:0 14px 38px rgba(20,24,32,.055)}
.inbox-link-panel{border-bottom:1px solid var(--surface-border);background:var(--surface-card)}.inbox-link-panel summary{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 24px;list-style:none;cursor:pointer}.inbox-link-panel summary::-webkit-details-marker{display:none}.inbox-link-panel summary>[data-icon]{display:grid;place-items:center;width:34px;height:34px;padding:8px;border-radius:10px;background:var(--surface-inset);color:var(--muted)}.inbox-link-panel summary svg{width:17px;height:17px}.inbox-link-panel summary strong,.inbox-link-panel summary small{display:block}.inbox-link-panel summary strong{font-size:12px}.inbox-link-panel summary small{margin-top:2px;color:var(--muted);font-size:10px}.inbox-link-panel summary>b{color:var(--premium-primary,#176d59);font-size:11px}.inbox-link-panel[open] summary{background:var(--surface-inset)}.inbox-link-panel .inbox-link-bar{grid-template-columns:minmax(150px,1fr) minmax(180px,1.2fr) auto;padding:11px 24px 14px;border-top:1px solid var(--surface-border);border-bottom:0}
.inbox-ai-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;margin:14px 24px 0;padding:13px 14px;border:1px solid #ded9ed;border-radius:15px;background:linear-gradient(115deg,#faf8ff,#f4f1fb);color:var(--ink)}.inbox-ai-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ece5fb;color:#7256a8}.inbox-ai-icon svg{width:20px;height:20px}.inbox-ai-card small,.inbox-ai-card strong{display:block}.inbox-ai-card>div>small,.inbox-ai-result-head small{margin-bottom:2px;color:#7256a8;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.inbox-ai-card>div>strong{font-size:13px}.inbox-ai-card>div>p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.inbox-ai-start{min-height:36px;padding:0 12px;border:1px solid #cfc3e7;border-radius:10px;background:#fff;color:#624892;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.inbox-ai-start:hover{background:#7256a8;color:#fff}.inbox-ai-card.is-loading{grid-template-columns:42px minmax(0,1fr) auto}.inbox-ai-spinner{width:19px;height:19px;margin-right:6px;border:2px solid #d9d0ea;border-top-color:#7256a8;border-radius:50%;animation:spin .7s linear infinite}
.inbox-ai-card.has-result{display:block;padding:15px 16px}.inbox-ai-result-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.inbox-ai-result-head .inbox-ai-icon{width:38px;height:38px;border-radius:11px}.inbox-ai-result-head strong{font-size:13px}.inbox-ai-priority{padding:5px 8px;border-radius:999px;background:#eceff3;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.inbox-ai-priority.priority-høj{background:#f8e5e2;color:#a2473d}.inbox-ai-priority.priority-lav{background:#e7f2ed;color:#32755f}.inbox-ai-summary{margin:13px 0 9px;color:var(--ink-2);font-size:13px;line-height:1.55}.inbox-ai-card ul{display:grid;gap:5px;margin:0 0 13px;padding-left:20px;color:var(--muted);font-size:11px;line-height:1.45}.inbox-ai-actions{display:flex;justify-content:flex-end;gap:8px}.inbox-ai-actions .secondary-button,.inbox-ai-actions .primary-button{min-height:36px;padding:0 11px;font-size:11px}.inbox-ai-safety{margin-top:9px!important;color:var(--muted)!important;font-size:9px!important;text-align:right;text-transform:none!important;letter-spacing:0!important}
.inbox-conversation{min-height:230px;padding-top:18px}.inbox-reply{box-shadow:0 -8px 22px rgba(20,24,32,.035)}
html[data-theme="dark"] .inbox-link-panel{background:var(--surface-card);border-color:var(--surface-border)}html[data-theme="dark"] .inbox-link-panel[open] summary,html[data-theme="dark"] .inbox-link-panel summary>[data-icon]{background:var(--surface-inset)}html[data-theme="dark"] .inbox-ai-card{border-color:#4a405d;background:linear-gradient(115deg,#28252f,#23232a)}html[data-theme="dark"] .inbox-ai-icon{background:#393047;color:#c1afe9}html[data-theme="dark"] .inbox-ai-start{border-color:#554a69;background:#2c2933;color:#cbbbea}html[data-theme="dark"] .inbox-ai-start:hover{background:#7256a8;color:#fff}
@media(max-width:980px){.inbox-ai-card{margin-inline:18px}.inbox-link-panel summary,.inbox-link-panel .inbox-link-bar{padding-inline:18px}}
@media(max-width:720px){.inbox-overview-grid .inbox-address-card{grid-template-columns:44px minmax(0,1fr)}.inbox-address-actions{grid-column:1/-1;display:grid!important;grid-template-columns:auto 1fr 1fr;width:100%}.inbox-address-actions .secondary-button{justify-content:center;min-width:0;padding:0 8px}.inbox-account-count{justify-self:start}.inbox-link-panel .inbox-link-bar{grid-template-columns:1fr}.inbox-link-panel .inbox-link-bar .secondary-button{grid-column:auto}.inbox-ai-card{grid-template-columns:38px minmax(0,1fr);margin:12px}.inbox-ai-card .inbox-ai-icon{width:38px;height:38px}.inbox-ai-start{grid-column:1/-1;width:100%}.inbox-ai-card.has-result{padding:13px}.inbox-ai-actions{display:grid;grid-template-columns:1fr 1fr}.inbox-ai-actions button{justify-content:center}.inbox-ai-safety{text-align:left!important}.inbox-conversation{padding:14px 12px}.inbox-reply-head{align-items:flex-start;flex-direction:column;gap:3px}}

/* Mail workspace polish: compact reply placement and a focused desktop composer. */
.inbox-connect-prompt{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 16px;border:1px solid #d8d3e7;border-radius:16px;background:linear-gradient(110deg,#faf9fd,#f4f1fa);color:var(--ink)}.inbox-connect-prompt[hidden]{display:none}.inbox-connect-prompt>[data-icon]{display:grid;place-items:center;width:42px;height:42px;padding:10px;border-radius:13px;background:#eae4f6;color:#684f96}.inbox-connect-prompt svg{width:20px;height:20px}.inbox-connect-prompt strong{display:block;font-size:13px}.inbox-connect-prompt p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.inbox-connect-prompt .secondary-button{min-height:38px;padding:0 13px;font-size:11px}
.inbox-reply-top{order:0;margin:0 24px 14px;padding:13px 14px 12px;border:1px solid var(--surface-border);border-radius:15px;background:var(--surface-inset);box-shadow:none}.inbox-reply-top .inbox-reply-head{margin-bottom:7px}.inbox-reply-top textarea{min-height:68px;max-height:160px;padding:11px 12px;border-radius:11px;background:var(--surface-card)}.inbox-reply-top>div:last-child{margin-top:8px}.inbox-reply-top .primary-button{min-height:36px}.inbox-conversation{border-top:1px solid var(--surface-border)}
.inbox-reply-bottom{position:relative;z-index:4;flex:0 0 auto;margin:0 16px 16px;padding:0;border:1px solid var(--surface-border);border-radius:16px;background:var(--surface-card);box-shadow:0 12px 28px rgba(20,24,32,.075);overflow:hidden}.inbox-reply-bottom>.inbox-reply-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0!important;padding:12px 16px 10px}.inbox-reply-bottom>.inbox-reply-head label{margin:0;color:var(--ink);font-size:12px;font-weight:750}.inbox-reply-bottom>.inbox-reply-head span{font-size:10px}.inbox-reply-bottom>.inbox-reply-toolbar{display:flex;align-items:center;justify-content:flex-start!important;gap:3px!important;min-height:38px;margin:0!important;padding:4px 12px;border-block:1px solid var(--surface-border);background:var(--surface-inset)}.inbox-reply-toolbar button{flex:0 0 auto;min-width:30px;height:29px;padding:0 8px;border-radius:7px}.inbox-reply-toolbar>i{flex:0 0 1px;margin-inline:3px}.inbox-reply-bottom>.inbox-reply-editor{display:block;min-height:66px;max-height:130px;overflow-y:auto;margin:0!important;padding:14px 16px;color:var(--ink);font:400 13px/1.55 var(--ui-font,Inter,system-ui,sans-serif);outline:0}.inbox-reply-editor:empty:before{content:attr(data-placeholder);color:var(--muted)}.inbox-reply-editor a{color:#2c67a8;text-decoration:underline}.inbox-reply-bottom>.inbox-reply-attachments{display:flex;justify-content:flex-start;align-items:center;gap:7px;margin:0!important;padding:0 12px 9px}.inbox-reply-actions{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center!important;justify-content:stretch!important;gap:10px!important;margin:0!important;padding:9px 12px 11px;border-top:1px solid var(--surface-border);background:color-mix(in srgb,var(--surface-card) 88%,var(--surface-inset))}.inbox-reply-actions>small{color:var(--muted);font-size:9px}.inbox-reply-actions .mail-attach-button{min-height:34px}.inbox-reply-actions .primary-button{min-height:36px;padding:0 14px;font-size:11px}.inbox-conversation{min-height:180px}
.mail-compose-modal{width:min(780px,calc(100vw - 36px))!important;max-height:min(680px,calc(100vh - 36px))!important;overflow:hidden!important;padding:0!important;border:1px solid color-mix(in srgb,var(--surface-border) 82%,transparent)!important;border-radius:22px!important;box-shadow:0 32px 90px rgba(15,22,29,.24)!important}.mail-compose-modal .modal-close{top:15px;right:15px;width:36px;height:36px;border-radius:11px}.mail-compose-window{display:flex;height:min(640px,calc(100vh - 38px));max-height:640px;flex-direction:column}.mail-compose-window form{display:flex;min-height:0;flex:1;flex-direction:column;background:var(--surface-card)}.mail-compose-title{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 64px 13px 17px;border-bottom:1px solid var(--surface-border);background:color-mix(in srgb,var(--surface-card) 94%,var(--surface-inset))}.mail-compose-mark{display:grid;place-items:center;width:38px;height:38px;padding:9px;border-radius:12px;background:var(--premium-primary-soft,#eaf5f1);color:var(--premium-primary,#176d59)}.mail-compose-mark svg{width:19px;height:19px}.mail-compose-title .eyebrow{margin:0 0 1px;font-size:8px}.mail-compose-title h2{padding:0;font:700 18px/1.15 var(--ui-font,Inter,system-ui,sans-serif);letter-spacing:-.02em}.mail-compose-saved{color:var(--muted);font-size:9px}.mail-compose-fields{padding:0 18px}.mail-compose-fields>label,.mail-copy-fields>label{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;min-height:43px;border-bottom:1px solid var(--surface-border);background:transparent!important}.mail-compose-fields label>span,.mail-copy-fields label>span{color:var(--muted);font-size:10px;font-weight:750}.mail-compose-modal .mail-compose-fields :is(input,select),.mail-compose-modal .mail-copy-fields input{width:100%;min-height:42px!important;margin:0!important;padding:0 7px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;font:500 13px/1.4 var(--ui-font,Inter,system-ui,sans-serif)!important;outline:0!important}.mail-compose-modal .mail-compose-fields :is(input,select):focus,.mail-compose-modal .mail-copy-fields input:focus{box-shadow:none!important}.mail-compose-fields select{appearance:none}.mail-field-link{padding:7px 4px;border:0;background:transparent;color:var(--premium-primary,#176d59);font:750 10px var(--ui-font,Inter,system-ui,sans-serif);cursor:pointer}.mail-field-link:hover{color:var(--ink)}.mail-copy-fields{display:block}.mail-copy-fields[hidden]{display:none}.mail-copy-fields>label{grid-template-columns:48px minmax(0,1fr)}
.mail-format-toolbar{display:flex;align-items:center;gap:3px;min-height:41px;padding:5px 18px;border-bottom:1px solid var(--surface-border);background:var(--surface-inset);overflow-x:auto}.mail-format-toolbar button{flex:0 0 auto;min-width:30px;height:29px;padding:0 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink-2);font:650 10px var(--ui-font,Inter,system-ui,sans-serif);white-space:nowrap;cursor:pointer}.mail-format-toolbar button:hover,.mail-format-toolbar button:focus-visible{border-color:var(--surface-border);background:var(--surface-card)}.mail-format-toolbar>i{flex:0 0 1px;width:1px;height:18px;margin:0 3px;background:var(--surface-border)}.mail-compose-body{min-height:180px;flex:1;overflow-y:auto;padding:21px 23px;color:var(--ink);background:var(--surface-card);font:400 13px/1.65 var(--ui-font,Inter,system-ui,sans-serif);outline:0}.mail-compose-body:empty:before{content:attr(data-placeholder);color:var(--muted)}.mail-compose-body a{color:#2c67a8;text-decoration:underline}.mail-compose-body .mail-signature{width:min(300px,100%);margin-top:18px;padding-top:13px;border-top:1px solid var(--surface-border);color:var(--muted);font-size:12px;line-height:1.55}.mail-attachment-list{display:flex;flex-wrap:wrap;gap:7px;padding:0 18px}.mail-attachment-list:empty{display:none}.mail-attachment-chip{display:inline-flex;align-items:center;gap:6px;max-width:260px;padding:7px 8px;border:1px solid var(--surface-border);border-radius:10px;background:var(--surface-inset);font-size:10px}.mail-attachment-chip>svg{width:14px;height:14px}.mail-attachment-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-attachment-chip small{color:var(--muted);white-space:nowrap}.mail-attachment-chip button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.mail-attachment-chip button:hover{background:var(--surface-hover);color:var(--ink)}.mail-attachment-chip button svg{width:13px;height:13px}.mail-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px 12px;border-top:1px solid var(--surface-border);background:color-mix(in srgb,var(--surface-card) 88%,var(--surface-inset))}.mail-compose-footer>div{display:flex;align-items:center;gap:9px}.mail-compose-footer small{color:var(--muted);font-size:9px}.mail-attach-button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 10px;border:1px solid var(--surface-border);border-radius:10px;background:var(--surface-card);color:var(--ink-2);font-size:10px;font-weight:750;cursor:pointer}.mail-attach-button:hover{background:var(--surface-hover)}.mail-attach-button svg{width:14px;height:14px}.mail-attach-button input{display:none}.mail-compose-footer .secondary-button,.mail-compose-footer .primary-button{min-height:38px;padding:0 14px;font-size:11px}.mail-send-button{min-width:92px}
html[data-theme="dark"] .inbox-connect-prompt{border-color:#463d57;background:linear-gradient(110deg,#282630,#24232a)}html[data-theme="dark"] .inbox-connect-prompt>[data-icon]{background:#393047;color:#c1afe9}html[data-theme="dark"] .inbox-reply-top,html[data-theme="dark"] .mail-format-toolbar,html[data-theme="dark"] .mail-attachment-chip{background:var(--surface-inset);border-color:var(--surface-border)}html[data-theme="dark"] .inbox-reply-top textarea{background:var(--surface-card)!important}html[data-theme="dark"] .mail-compose-title,html[data-theme="dark"] .mail-compose-footer{background:var(--surface-card)}
html[data-theme="dark"] .inbox-reply-bottom{background:var(--surface-card);border-color:var(--surface-border)}html[data-theme="dark"] .inbox-reply-actions{border-color:var(--surface-border)}
@media(max-width:720px){.inbox-connect-prompt{grid-template-columns:38px minmax(0,1fr);padding:12px}.inbox-connect-prompt>[data-icon]{width:38px;height:38px}.inbox-connect-prompt .secondary-button{grid-column:1/-1;width:100%;justify-content:center}.inbox-reply-top{margin:0 12px 12px;padding:12px}.mail-compose-modal{inset:0;width:100%!important;max-height:100vh!important;border-radius:0!important}.mail-compose-window{height:100vh;max-height:100vh}.mail-compose-title{grid-template-columns:38px minmax(0,1fr);padding:14px 58px 13px 14px}.mail-compose-saved{display:none}.mail-compose-fields{padding-inline:14px}.mail-compose-fields>label,.mail-copy-fields>label{grid-template-columns:45px minmax(0,1fr) auto}.mail-copy-fields>label{grid-template-columns:45px minmax(0,1fr)}.mail-format-toolbar{padding-inline:14px}.mail-compose-body{padding:20px 18px}.mail-compose-footer{align-items:stretch;padding:10px 14px 13px}.mail-compose-footer>div:first-child small{display:none}.mail-compose-footer>div:last-child{margin-left:auto}.mail-compose-footer .secondary-button{display:none}}
@media(max-width:720px){.inbox-reply-bottom{margin:0 10px 10px;border-radius:14px}.inbox-reply-bottom>.inbox-reply-head{align-items:flex-start;flex-direction:column;gap:2px;padding:10px 12px 8px}.inbox-reply-bottom>.inbox-reply-toolbar{padding-inline:8px}.inbox-reply-toolbar button{padding-inline:7px}.inbox-reply-bottom>.inbox-reply-editor{min-height:62px;padding:11px 12px}.inbox-reply-actions{grid-template-columns:auto 1fr;padding:8px 9px 9px}.inbox-reply-actions>small{display:none}.inbox-reply-actions .primary-button{justify-self:end}.inbox-reply-actions .mail-attach-button{font-size:0}.inbox-reply-actions .mail-attach-button svg{margin:0}}

/* Keep AI controls fixed while only the answer itself scrolls. */
.customer-agreement-info{margin-top:20px;padding:18px;border:1px solid #d5dedb;border-radius:14px;background:#f0f4f2;color:#263c39;font-size:13px;line-height:1.65;text-align:left}
html .signing-gate .signing-header{padding-inline:20px;border-radius:0 0 20px 20px}
html .signing-gate .signing-header .auth-brand,html .signing-gate .signing-header .signing-company-brand strong{color:#fff!important}
@media screen and (max-width:700px){
  html .signing-gate .signing-card{padding:12px!important}
  html .signing-card .signing-document:not(.custom-paper){width:100%!important;min-width:0!important;min-height:0!important;padding:24px 16px!important;margin:0!important}
  html .signing-card .signing-document:not(.custom-paper)>header{display:grid;grid-template-columns:1fr;gap:20px;min-height:0}
  html .signing-card .signing-document:not(.custom-paper) .invoice-preview-brand{text-align:left;align-items:flex-start}
  html .signing-card .signing-paper-facts,html .signing-card .signing-paper-scope{grid-template-columns:1fr}
  html .signing-card .signing-paper-lines{width:100%;table-layout:fixed}
  html .signing-card .signing-paper-lines :is(th,td){white-space:normal!important;overflow-wrap:anywhere;padding:9px 4px;font-size:10px}
  html .signing-card .signing-document footer{overflow-wrap:anywhere}
  html .signing-card .signing-document.custom-paper{max-width:none}
}
.customer-agreement-info p+p{margin-top:12px}.customer-agreement-info a{color:#20584c;text-decoration:underline;text-underline-offset:3px}
.customer-signing-receipt{padding:24px;color:#42524e;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.signing-custom-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.signing-custom-scroll>.custom-paper{min-width:650px}
@media screen and (max-width:700px){.signing-custom-scroll::before{content:"Dit dokument · rul sidelæns for hele bredden";display:block;position:sticky;left:0;padding:12px;font:12px/1.5 Arial,sans-serif;color:#34444b}}
@media print{.signing-custom-scroll{overflow:visible}.signing-custom-scroll::before{display:none}}
@media(min-width:801px){body:has(#inbox-view.active .inbox-reply-editor:focus) .sidebar{opacity:0;pointer-events:none;transform:translate(-50%,120%)}}
.signing-gate .signing-success:has(~.signing-pdf-toolbar){min-height:0;padding:32px 24px}
.account-export-card{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--surface-border);border-radius:16px;background:var(--surface-inset);color:var(--ink)}
.account-export-card>div{flex:1;min-width:0}.account-export-card p{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}.account-export-card>a{flex-shrink:0;text-decoration:none}
html[data-theme="dark"] .security-settings-card{background:var(--surface-inset);border-color:var(--surface-border);color:var(--ink)}
html[data-theme="dark"] .security-settings-card :is(strong,small){color:inherit}
@media(max-width:600px){.account-export-card{flex-wrap:wrap}.account-export-card>a{width:100%;justify-content:center}}
@media print{.signing-success{display:none!important}.customer-signing-receipt{break-inside:avoid;color:#222!important}}
.ai-assistant-modal .modal-actions{margin:0!important;padding-top:14px!important}
.ai-answer.thinking .ai-response-content::after{content:"";display:inline-block;width:18px;height:8px;margin-left:8px;background:radial-gradient(circle,currentColor 1.5px,transparent 2px) 0 50%/6px 6px repeat-x;animation:aiThinking .8s linear infinite;opacity:.55}
/* Billing remains reachable without deleting the company account. */
.subscription-controls { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.plan-options.subscription-plan { grid-template-columns: minmax(0, 1fr); }
.subscription-plan .plan-option strong { font-size: 17px; }
.subscription-plan .plan-option small, .modal .subscription-copy, #billingStatus .modal-note { font-size: 14px; line-height: 1.6; }
.subscription-controls > button { min-height: 44px; }
#billingStatus { margin: 20px 0; padding: 18px; border: 1px solid var(--border, #cbd3d1); border-radius: 16px; }
@media (max-width: 520px) { .subscription-controls > button { width: 100%; } }
/* Accounting setup keeps credentials out of the normal, persisted profile form. */
.modal:has(#accountingSettings){width:min(760px,calc(100vw - 32px))!important}
#accountingSettings .accounting-provider{padding:24px;border:1px solid #c7d3d4;border-radius:20px;background:#f8f8f5;color:#243c49}
#accountingSettings .accounting-provider-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}
#accountingSettings h3{margin:0 0 5px;font-size:24px}
#accountingSettings .accounting-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#243c49;color:#fff;font-size:25px;font-weight:750}
#accountingSettings .accounting-status{font-size:13px;color:#5a6570}
#accountingSettings .accounting-status.is-connected{color:#12614e;font-weight:700}
#accountingSettings .accounting-identity{display:grid;gap:5px;padding:16px;background:#e6efeb;border-radius:12px;margin-bottom:16px}
#accountingSettings .accounting-notice{padding:14px;border-radius:12px;background:#ede8de;color:#514536;line-height:1.6;margin:0 0 20px;font-size:14px}
#accountingSettings .form-field{display:grid;gap:10px}
#accountingSettings .form-field small,#accountingSettings .accounting-key-warning{font-size:13px;line-height:1.6;color:#53616a}
#accountingSettings .accounting-consent{display:flex;align-items:flex-start;gap:10px;margin-top:18px;font-size:14px;line-height:1.5}
#accountingSettings .accounting-consent input{width:18px;height:18px;flex:0 0 18px;margin-top:3px}
#accountingSettings .accounting-controls{display:flex;flex-wrap:wrap;gap:10px}
#accountingSettings .accounting-pending{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:18px 4px;font-size:13px;color:#53616a}
#accountingSettings .accounting-feedback{margin:12px 0 0;line-height:1.5;font-size:14px}
#accountingSettings .accounting-feedback:empty{display:none}
#accountingSettings .accounting-feedback.is-error{color:#a32923}
.billy-automation{margin:20px 0;padding-top:20px;border-top:1px solid var(--premium-border,#c7d3d4)}
.billy-automation-heading{display:flex;gap:12px;align-items:flex-start}
.billy-automation-heading>span{color:#17775d;background:#e0f0e9;padding:12px;border-radius:12px}
.billy-automation h3,.billy-automation h4{margin:0 0 8px}
.billy-automation p{line-height:1.55;font-size:14px}
.billy-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.accounting-booking-choice{margin:18px 0;padding:18px;border:1px solid var(--premium-border,#c7d3d4);border-radius:14px;min-width:0}
.accounting-booking-choice legend{font-weight:700;padding:0 7px}.accounting-booking-choice small{display:block;line-height:1.6;margin-top:6px}.accounting-booking-choice p{font-size:13px;line-height:1.6;margin:12px 0 0;color:var(--premium-muted,#53636c)}
.billy-flow li{display:flex;gap:10px;align-items:center;padding:12px;background:#e8eeeb;border-radius:12px;font-size:13px;color:#243c49}
.billy-flow b{display:grid;place-items:center;background:#243c49;color:white;border-radius:50%;width:24px;height:24px;flex-shrink:0}
.billy-export-list{margin-top:24px}
.billy-export-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--premium-border,#c7d3d4)}
.billy-export-row>div{flex:1;min-width:0}.billy-export-row small{display:block;font-size:12px;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}
.billy-export-status{padding:6px 9px;border-radius:8px;font-size:12px;background:#e9e3d6;color:#594621;white-space:nowrap}
.billy-export-status.is-draft,.billy-export-status.is-approved{background:#dcefe7;color:#12614e}
.billy-export-status.is-review,.billy-export-status.is-processing{background:#fae2df;color:#922c24}
.billy-export-empty{padding:16px;background:var(--premium-card,#fff);border:1px dashed var(--premium-border,#c7d3d4);border-radius:12px}
.billy-setup-form{padding:20px;background:var(--premium-card,#fff);border:1px solid var(--premium-border,#c7d3d4);border-radius:16px;margin-top:18px}
.billy-setup-form>button{margin-top:16px}
#accountingSettings .billy-automation.is-configuring> :not([data-dinero-setup]){display:none}
.dinero-simple-setup{margin-top:8px;padding:22px;display:grid;gap:20px}
.dinero-simple-setup .dinero-setup-intro .eyebrow{margin:0 0 8px;font-size:11px}
.dinero-simple-setup h4{font-size:23px;margin:0 0 8px;line-height:1.25;letter-spacing:-.025em}
.dinero-setup-intro>p:last-child{margin:0;font-size:14px;line-height:1.6;color:var(--premium-muted,#53636c)}
.dinero-mode-options{border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dinero-mode-options legend{font-size:13px;font-weight:700;margin-bottom:10px}
.dinero-simple-setup .dinero-mode-option{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid var(--premium-border,#c7d3d4);border-radius:14px;cursor:pointer;background:var(--premium-card,#fff);margin:0}
.dinero-simple-setup .dinero-mode-option:has(input:checked){border-color:var(--premium-accent,#233c49);background:var(--premium-surface,#eaf0ee);box-shadow:inset 0 0 0 1px var(--premium-accent,#233c49)}
.dinero-simple-setup .dinero-mode-option:focus-within{outline:2px solid var(--premium-accent,#233c49);outline-offset:3px}
.dinero-simple-setup .dinero-mode-option input{width:17px;height:17px;min-width:17px;margin:3px 0 0;accent-color:var(--premium-accent,#233c49)}
.dinero-mode-option strong{font-size:14px;line-height:1.45;display:block}
.dinero-mode-option small{display:block;font-size:12px;line-height:1.6;color:var(--premium-muted,#53636c);margin-top:6px}
.dinero-mode-option em{display:inline-block;margin-top:10px;font-style:normal;font-size:11px;font-weight:700;color:var(--premium-accent,#233c49)}
.dinero-account-overview{border:1px solid var(--premium-border,#c7d3d4);border-radius:14px;overflow:hidden}
[data-dinero-account-summary]{padding:16px 18px}
.dinero-account-overview h5{margin:0 0 12px;font-size:15px}
.dinero-account-row{display:grid;grid-template-columns:1fr 1.6fr;gap:4px 14px;margin-top:12px;font-size:13px;line-height:1.5}
.dinero-account-row>span{color:var(--premium-muted,#53636c)}
.dinero-account-row strong{overflow-wrap:anywhere;font-size:13px}
.dinero-account-row small{grid-column:2;font-size:11px;color:var(--premium-muted,#53636c)}
.dinero-advanced{border-top:1px solid var(--premium-border,#c7d3d4);padding:14px 18px}
.dinero-advanced summary{cursor:pointer;font-size:12px;font-weight:700;line-height:1.6}
.dinero-advanced p,.dinero-advanced .form-field small{font-size:12px;line-height:1.6;color:var(--premium-muted,#53636c)}
.dinero-advanced .form-field{margin:16px 0 4px}
.dinero-advanced .form-field label{font-size:13px;margin-bottom:8px}
.dinero-advanced select{width:100%;max-width:100%;min-width:0}
.dinero-account-warning{padding:10px 12px;border-radius:9px;background:#fbf3e5;color:#725120;font-size:13px;line-height:1.6}
.dinero-simple-setup .dinero-setup-note{font-size:12px;line-height:1.7;color:var(--premium-muted,#53636c);margin:0}
.dinero-simple-setup .accounting-consent{margin:0;font-size:13px;line-height:1.65;align-items:flex-start}
.dinero-simple-setup .accounting-consent input{margin-top:4px;accent-color:var(--premium-accent,#233c49)}
.dinero-auto-consent{border-left:3px solid #b67c36;padding:12px;background:var(--premium-surface,#eaf0ee);border-radius:0 8px 8px 0}
.dinero-simple-setup [hidden]{display:none!important}
.dinero-save-feedback{margin:0;color:#b42318;font-size:13px;line-height:1.6}
.dinero-save-feedback:empty{display:none}
.dinero-setup-footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid var(--premium-border,#c7d3d4);padding-top:18px}
.dinero-setup-footer small{flex-basis:100%;font-size:11px;color:var(--premium-muted,#53636c);line-height:1.5}
@media(max-width:600px){.dinero-simple-setup{padding:16px;gap:16px}.dinero-mode-options{grid-template-columns:1fr}.dinero-account-row{grid-template-columns:1fr;gap:3px}.dinero-account-row small{grid-column:1}.dinero-setup-footer>button{flex:1 1 auto}.dinero-simple-setup h4{font-size:21px}}
@media(max-width:650px){.billy-flow{grid-template-columns:1fr}.billy-export-row{flex-wrap:wrap}.billy-export-row>div{flex-basis:100%}.billy-export-row button{margin-left:auto}}
#accountingSettings .accounting-provider-picker{display:flex;gap:10px;margin:0 0 20px}
#accountingSettings .accounting-provider-picker [aria-pressed="true"]{background:#243c49!important;color:#fff!important;border-color:#243c49!important}
#accountingSettings [data-provider-panel][hidden]{display:none!important}
#accountingSettings .accounting-dinero .accounting-mark{background:#3265a3}
#accountingSettings #dineroConnectionForm>button{margin-top:18px}
@media(max-width:600px){#accountingSettings .accounting-provider{padding:16px}#accountingSettings .accounting-controls button{width:100%}#accountingSettings .modal-actions{flex-wrap:wrap}}

/* Settings is a compact directory, not one long mixed-purpose form. */
html .modal.settings-hub-modal{width:min(980px,calc(100vw - 32px))!important;padding:32px!important}
html .modal.settings-detail-modal{width:min(760px,calc(100vw - 32px))!important;padding:32px!important}
.settings-hub-head{position:relative;padding-right:40px;margin-bottom:18px}
.settings-hub-head h2{margin-bottom:6px}
.settings-hub-head .modal-subtitle{margin:0}
.settings-company{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13px;color:var(--premium-copy)}
.settings-company>span[data-icon]{display:grid;place-items:center;width:34px;height:34px;background:var(--premium-inset);border-radius:10px}
.settings-company svg{width:17px;height:17px}
.settings-company small{margin-left:12px;color:var(--premium-muted);font-size:12px}
.settings-group+.settings-group{margin-top:18px}
html .settings-group h3{font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--premium-muted);margin:0 0 10px}
.settings-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html .modal .settings-card{display:flex;align-items:flex-start;gap:13px;width:100%;min-width:0;padding:20px;text-align:left;border:1px solid var(--premium-border);border-radius:18px;background:var(--premium-card);color:var(--premium-ink);font:inherit;cursor:pointer;box-shadow:none;transition:border-color .16s,background .16s}
html .modal .settings-card:hover{background:var(--premium-inset);border-color:var(--premium-primary);transform:none}
html .modal .settings-card:focus-visible,html .settings-back:focus-visible,html .settings-utility:focus-visible{outline:3px solid var(--premium-primary);outline-offset:3px}
.settings-card-grid .settings-card{min-height:140px;position:relative;flex-direction:column;gap:10px;padding:16px}
.settings-card-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;color:var(--premium-primary);background:var(--premium-inset)}
.settings-card-icon svg{width:18px;height:18px}
.settings-card[data-settings-section="company"] .settings-card-icon{background:#eee2ce;color:#805a26}
.settings-card[data-settings-section="workflow"] .settings-card-icon{background:#dce9ee;color:#30576b}
.settings-card[data-settings-section="appearance"] .settings-card-icon{background:#e9e4f2;color:#675484}
.settings-card[data-settings-section="security"] .settings-card-icon{background:#ddefe7;color:#21654f}
.settings-card-copy{display:grid;gap:6px;flex:1;min-width:0}
.settings-card-copy strong{font-size:15px;line-height:1.4;font-weight:700}
.settings-card-copy small{font-size:13px;line-height:1.5;color:var(--premium-muted)}
.settings-card-arrow{color:var(--premium-muted)}
.settings-card-grid .settings-card-arrow{position:absolute;right:18px;top:22px}
.settings-card-arrow svg,.settings-card>span:last-child svg{width:17px;height:17px}
.settings-hub-footer{margin-top:18px;padding-top:12px;border-top:1px solid var(--premium-border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.settings-hub-footer>a{font-size:12px;color:var(--premium-muted);text-underline-offset:4px}
html .settings-utility,html .settings-back{display:inline-flex;gap:9px;align-items:center;background:none;border:0;color:var(--premium-primary);font:inherit;font-size:13px;font-weight:650;cursor:pointer;padding:8px 0}
.settings-utility svg,.settings-back svg{width:16px;height:16px}
.settings-back{margin:0 0 20px}
.settings-detail>.eyebrow{margin-top:0}
.settings-detail .modal-subtitle{margin-bottom:24px}
.settings-detail .form-field small,.settings-inline-note{font-size:12px;line-height:1.5;color:var(--premium-muted)}
.settings-document-link{margin:0 0 22px}
.settings-detail .form-grid{gap:18px}
html .modal.settings-detail-modal #profileForm>.modal-actions{position:static;margin:24px 0 0;padding:18px 0 0;background:none!important;backdrop-filter:none}
.settings-appearance .settings-divider{display:none}
.settings-appearance .theme-picker{margin-top:0}
.settings-data>.settings-card{margin-bottom:18px}
.settings-data .account-export-card{font-size:14px;line-height:1.6;padding:20px;border:1px solid var(--premium-border);border-radius:18px;background:var(--premium-inset)}
.settings-data .account-export-card p{font-size:13px;color:var(--premium-muted)}
.settings-danger-details{margin-top:28px;padding:18px 0 0;border-top:1px solid var(--premium-border);font-size:13px;line-height:1.6}
.settings-danger-details summary{cursor:pointer;font-weight:650;color:var(--premium-danger)}
.settings-danger-details p{color:var(--premium-muted);margin:14px 0}
.provider-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:126px;height:60px;border-radius:12px;padding:12px;background:#fff;border:1px solid #d8dfdf}
.provider-logo--billy{background:#172e43;border-color:#172e43}
.provider-logo img{display:block;width:100%;height:100%;object-fit:contain}
.settings-provider-logos{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.settings-provider-logos .provider-logo{width:72px;height:30px;padding:5px 9px;border-radius:7px}
#accountingSettings .accounting-provider-heading{flex-wrap:wrap}
#accountingSettings .accounting-provider{background:var(--premium-card);color:var(--premium-ink);border-color:var(--premium-border)}
#accountingSettings .accounting-status{color:var(--premium-muted)}
html[data-theme="dark"] #accountingSettings .accounting-status.is-connected{color:#83d7b7}
@media(max-width:760px){.settings-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){
  html .modal.settings-hub-modal,html .modal.settings-detail-modal{width:calc(100vw - 20px)!important;padding:22px!important}
  .settings-card-grid{grid-template-columns:1fr;gap:10px}
  .settings-card-grid .settings-card{min-height:0;flex-direction:row;gap:12px;padding:16px 38px 16px 16px}
  .settings-card-grid .settings-card-arrow{right:12px;top:20px}
  .settings-company{align-items:flex-start}.settings-company small{display:block;margin:4px 0 0}
  .settings-hub-footer{align-items:flex-start;flex-direction:column}
  .settings-detail .modal-actions{flex-wrap:wrap}.settings-detail .modal-actions>button{flex:1}
  .settings-data .account-export-card{display:flex;flex-wrap:wrap}
  .settings-data .account-export-card>a{width:100%;text-align:center}
  #accountingSettings .provider-logo{width:112px;height:54px}
}
/* Failed saves stay visible above dialogs, with an explicit local recovery copy. */
.modal:has(#accountingImportForm) .accounting-notice{padding:16px;margin:0 0 20px;border-radius:14px;background:var(--surface-soft,#eef2f0);font-size:13px;line-height:1.6}
.modal:has(#accountingImportForm) [role="status"]{padding:14px 16px;border:1px solid #b9dacf;border-radius:14px;background:#edf7f2;color:#245c4e;line-height:1.6}
#accountingImportForm .accounting-import-list{display:grid;gap:10px;margin-bottom:20px;max-height:32dvh;overflow:auto}
#accountingImportForm .accounting-consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;cursor:pointer}
#accountingImportForm .accounting-import-list .accounting-consent{padding:14px 16px;border:1px solid var(--surface-border,#d7dfdc);border-radius:14px;background:var(--surface-soft,#eef2f0)}
#accountingImportForm .accounting-consent input{flex:0 0 18px;width:18px;height:18px;margin:3px 0 0;accent-color:#243f4d}
#accountingImportForm .accounting-consent span{min-width:0;overflow-wrap:anywhere}
#accountingImportForm .accounting-consent strong,#accountingImportForm .accounting-consent small{display:block}
#accountingImportForm .accounting-consent small{margin-top:4px;color:var(--premium-muted,#647078);font-size:12px}
#accountingImportForm>small{display:block;margin-top:12px;color:var(--premium-muted,#647078);line-height:1.5;font-size:12px}
#accountingImportForm [data-import-feedback]:empty{display:none}
.invoice-payment-notice{margin:0 0 22px;padding:18px 20px;border:1px solid #cedbd6;border-radius:16px;background:#eef4f1;color:#243c37}
.invoice-payment-notice>strong{display:block;font-size:16px}.invoice-payment-notice p{margin:8px 0 14px;line-height:1.6;overflow-wrap:anywhere}.invoice-payment-notice small{display:block;margin-top:12px;line-height:1.5;color:#52635e}
.state-save-recovery{position:fixed;z-index:100000;left:16px;right:16px;bottom:16px;max-width:880px;margin-inline:auto;padding:18px 22px;border:2px solid #b54635;border-radius:18px;background:#fff5f2;color:#522119;box-shadow:0 12px 48px #0003;display:flex;align-items:center;gap:24px;max-height:45dvh;overflow:auto}
.state-save-recovery p{margin:6px 0;line-height:1.5}.state-save-recovery small{display:block;line-height:1.4}.state-save-recovery-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.state-save-recovery button{min-height:44px}
@media(max-width:700px){.state-save-recovery{flex-direction:column;align-items:stretch;gap:12px;left:8px;right:8px;bottom:8px;padding:14px}.state-save-recovery-actions button{flex:1}}