:root {
  --bg: #0b1628;
  --bg-soft: #102039;
  --panel: rgba(19, 37, 63, .92);
  --panel-strong: #172a46;
  --line: rgba(177, 197, 225, .22);
  --line-strong: rgba(177, 197, 225, .38);
  --text: #f7f9fc;
  --muted: #b7c3d3;
  --purple: #7180ff;
  --purple-2: #5768e8;
  --cyan: #4fd4ef;
  --green: #52e0b2;
  --amber: #ffca70;
  --red: #ff798c;
  --radius: 18px;
  --shadow: 0 24px 65px rgba(0, 0, 0, .28);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { min-width: 320px; min-height: 100%; background: var(--bg); }
body { min-height: 100vh; margin: 0; color: var(--text); background: radial-gradient(circle at 72% -15%, rgba(83, 103, 224, .18), transparent 35%), var(--bg); }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid rgba(79, 212, 239, .3); outline-offset: 2px; }
[hidden] { display: none !important; }

.boot-screen { position: fixed; inset: 0; z-index: 100; display: grid; place-content: center; justify-items: center; gap: 18px; background: var(--bg); }
.boot-screen p { margin: 0; color: var(--muted); font-size: 13px; }
.boot-mark { display: flex; align-items: end; gap: 5px; height: 32px; }
.boot-mark span { width: 7px; height: 13px; border-radius: 8px; background: linear-gradient(var(--purple), var(--cyan)); animation: boot 1s ease-in-out infinite; }.boot-mark span:nth-child(2) { height: 26px; animation-delay: .13s; }.boot-mark span:nth-child(3) { height: 18px; animation-delay: .26s; }
@keyframes boot { 50% { transform: translateY(-6px); filter: brightness(1.35); } }

.auth-shell { display: grid; min-height: 100vh; grid-template-columns: minmax(420px, 1.12fr) minmax(420px, .88fr); }
.auth-visual { position: relative; display: flex; min-height: 100vh; overflow: hidden; flex-direction: column; padding: 52px clamp(45px, 6vw, 100px); background: linear-gradient(135deg, #111c47, #2938a0 58%, #267ba4 140%); }
.auth-visual::before { position: absolute; inset: 0; content: ""; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(90deg,#000,transparent 92%); }
.auth-brand, .auth-copy, .auth-features { position: relative; z-index: 1; }
.auth-brand, .app-brand { display: flex; align-items: center; gap: 12px; font-weight: 850; letter-spacing: -.03em; }.auth-brand i { color: #8ce6f5; font-style: normal; }
.brand-symbol { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 12px; background: linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.07)); box-shadow: 0 12px 30px rgba(12,20,74,.25); font-size: 15px; }
.auth-copy { max-width: 670px; margin: auto 0; }.kicker { display: block; margin-bottom: 13px; color: #8ca0bd; font-size: 9px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }.auth-copy .kicker { color: rgba(255,255,255,.62); }
.auth-copy h1 { max-width: 650px; margin: 0; font-size: clamp(50px, 6vw, 82px); line-height: .98; letter-spacing: -.075em; }.auth-copy h1 em { color: #9be9f4; font-style: normal; }.auth-copy p { max-width: 580px; margin: 25px 0 0; color: rgba(255,255,255,.7); font-size: 15px; line-height: 1.7; }
.auth-features { display: flex; flex-wrap: wrap; gap: 11px 24px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.74); font-size: 10px; font-weight: 700; }.auth-features span::first-letter { color: #7df0c9; }
.auth-orb { position: absolute; right: -210px; bottom: -250px; width: 540px; height: 540px; border: 80px solid rgba(255,255,255,.055); border-radius: 50%; }
.auth-panel { display: grid; min-height: 100vh; padding: 50px; place-items: center; background: radial-gradient(circle at 70% 20%, rgba(91,112,237,.11), transparent 38%), #08111f; }
.auth-card { width: min(430px, 100%); padding: 38px; border: 1px solid var(--line); border-radius: 24px; background: rgba(12, 24, 43, .86); box-shadow: var(--shadow); }
.auth-card-head { margin-bottom: 27px; }.auth-card-head > span { color: var(--cyan); font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }.auth-card-head h2 { margin: 7px 0 8px; font-size: 29px; letter-spacing: -.05em; }.auth-card-head p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
label { display: grid; gap: 8px; color: #aab7c9; font-size: 9px; font-weight: 800; letter-spacing: .035em; }
.auth-card label + label { margin-top: 15px; }
input, textarea, select { width: 100%; border: 1px solid var(--line-strong); border-radius: 11px; outline: 0; color: var(--text); background: rgba(5,12,23,.58); transition: border-color .2s, box-shadow .2s; }
input, select { min-height: 45px; padding: 0 13px; } textarea { min-height: 80px; padding: 12px 13px; resize: vertical; line-height: 1.55; }
input::placeholder, textarea::placeholder { color: #5d6d85; }
input:focus, textarea:focus, select:focus { border-color: rgba(94,164,244,.58); box-shadow: 0 0 0 4px rgba(78,132,227,.09); }
select { cursor: pointer; }
.primary-button, .complete-button, .quiet-button, .text-button, .back-button, .logout-button, .upload-button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 10px; border-radius: 10px; font-size: 10px; font-weight: 850; cursor: pointer; transition: transform .2s, box-shadow .2s, border-color .2s, background .2s; }
.primary-button { padding: 0 18px; border: 0; color: #fff; background: linear-gradient(115deg,var(--purple-2),#4b96e7 90%); box-shadow: 0 12px 26px rgba(65,81,201,.25); }.primary-button:hover { transform: translateY(-1px); box-shadow: 0 16px 30px rgba(65,81,201,.32); }.primary-button:disabled { cursor: wait; opacity: .6; transform: none; }
.auth-submit { width: 100%; margin-top: 23px; }.auth-submit span { font-size: 15px; }
.quiet-button, .upload-button { padding: 0 15px; border: 1px solid var(--line-strong); color: #c6d1e0; background: rgba(255,255,255,.035); }.quiet-button:hover, .upload-button:hover { border-color: rgba(125,153,211,.4); background: rgba(255,255,255,.06); }.quiet-button.full { width: 100%; }
.complete-button { padding: 0 16px; border: 1px solid rgba(82,224,178,.3); color: #83edcb; background: rgba(48,166,133,.1); }.complete-button:hover { background: rgba(48,166,133,.16); }
.danger-button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid rgba(255,121,140,.28); border-radius: 10px; color: #ff9baa; background: rgba(255,121,140,.07); font-size: 10px; font-weight: 850; cursor: pointer; }.danger-button:hover { border-color: rgba(255,121,140,.48); background: rgba(255,121,140,.13); }
.text-button, .back-button { min-height: auto; padding: 0; border: 0; color: #8fa3c0; background: none; }.text-button:hover, .back-button:hover { color: var(--cyan); }
.form-error { min-height: 16px; margin: 12px 0 0; color: #ff91a0; font-size: 9px; line-height: 1.5; }

.app-shell { min-height: 100vh; }
.sidebar { position: fixed; z-index: 40; top: 0; bottom: 0; left: 0; display: flex; width: 245px; flex-direction: column; padding: 25px 18px 19px; border-right: 1px solid var(--line); background: rgba(6,14,27,.93); backdrop-filter: blur(18px); }
.app-brand { height: 50px; padding: 0 8px; }.app-brand > div { display: flex; flex-direction: column; }.app-brand strong { overflow: hidden; max-width: 150px; color: #edf3fb; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.app-brand small { margin-top: 2px; color: #697a93; font-size: 8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.side-nav { display: grid; gap: 5px; margin-top: 38px; }.side-nav button { display: grid; min-height: 46px; grid-template-columns: 28px 1fr; align-items: center; padding: 0 13px; border: 1px solid transparent; border-radius: 11px; color: #7789a3; background: transparent; font-size: 10px; font-weight: 800; text-align: left; cursor: pointer; }.side-nav button:hover { color: #cbd6e5; background: rgba(255,255,255,.025); }.side-nav button.is-active { border-color: rgba(112,128,255,.18); color: #e8edfb; background: linear-gradient(110deg,rgba(91,105,224,.18),rgba(67,178,225,.045)); }.nav-icon { color: #5f718b; font-size: 15px; }.side-nav .is-active .nav-icon { color: #83a0ff; }
.sidebar-note { display: flex; gap: 11px; margin-top: auto; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.02); }.sidebar-note > i { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 3px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px rgba(82,224,178,.55); }.sidebar-note div { display: flex; flex-direction: column; gap: 3px; }.sidebar-note strong { color: #c8d2df; font-size: 8px; }.sidebar-note span { color: #65768e; font-size: 7px; line-height: 1.5; }
.logout-button { width: 100%; min-height: 39px; margin-top: 10px; border: 0; color: #6e809a; background: transparent; }.logout-button:hover { color: #c7d2e0; background: rgba(255,255,255,.025); }
.app-content { min-height: 100vh; margin-left: 245px; }
.topbar { position: sticky; z-index: 30; top: 0; display: flex; min-height: 86px; align-items: center; justify-content: space-between; padding: 16px clamp(22px,4vw,52px); border-bottom: 1px solid var(--line); background: rgba(7,16,31,.84); backdrop-filter: blur(18px); }.topbar-kicker { color: #61738d; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.topbar h1 { margin: 3px 0 0; font-size: 19px; letter-spacing: -.035em; }.topbar-actions { display: flex; align-items: center; gap: 12px; }.user-chip { display: flex; min-width: 175px; align-items: center; gap: 10px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.02); }.user-chip > span { display: grid; width: 31px; height: 31px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #fff; background: linear-gradient(135deg,#596be4,#43a7d9); font-size: 10px; font-weight: 900; }.user-chip div { display: flex; min-width: 0; flex-direction: column; }.user-chip strong { overflow: hidden; color: #cbd5e3; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.user-chip small { color: #64758d; font-size: 7px; }.mobile-menu { display: none; }
.workspace { width: min(1420px,100%); margin: auto; padding: 35px clamp(22px,4vw,52px) 70px; }
.view { display: none; }.view.is-active { display: block; animation: viewIn .26s ease both; } @keyframes viewIn { from { opacity: 0; transform: translateY(5px); } }
.welcome-card { position: relative; display: grid; min-height: 250px; overflow: hidden; grid-template-columns: 1fr auto; align-items: center; gap: 40px; padding: 42px 48px; border: 1px solid rgba(122,145,255,.26); border-radius: 23px; background: linear-gradient(115deg,rgba(69,77,193,.29),rgba(30,66,122,.18) 55%,rgba(23,119,138,.12)); box-shadow: 0 28px 70px rgba(0,0,0,.18); }.welcome-card::after { position: absolute; right: -100px; bottom: -170px; width: 390px; height: 390px; content: ""; border: 60px solid rgba(76,200,228,.05); border-radius: 50%; }.welcome-card > * { position: relative; z-index: 1; }.welcome-card h2 { margin: 0 0 9px; font-size: clamp(29px,3.1vw,45px); letter-spacing: -.06em; }.welcome-card h2 span { color: #8fa7ff; }.welcome-card p { margin: 0 0 24px; color: #8b9bb3; font-size: 11px; }
.welcome-gauge { display: grid; width: 165px; height: 165px; place-content: center; justify-items: center; border: 12px solid rgba(255,255,255,.045); border-top-color: rgba(82,224,178,.72); border-right-color: rgba(79,212,239,.32); border-radius: 50%; box-shadow: inset 0 0 45px rgba(80,112,218,.08); }.welcome-gauge div { display: flex; align-items: end; }.welcome-gauge strong { font-size: 41px; letter-spacing: -.07em; }.welcome-gauge div span { margin: 0 0 7px 2px; color: var(--cyan); font-size: 13px; }.welcome-gauge small { max-width: 90px; color: #71829a; font-size: 7px; line-height: 1.4; text-align: center; text-transform: uppercase; }
.stats-grid-app { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 18px; }.stats-grid-app article { display: flex; min-height: 117px; align-items: center; gap: 15px; padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: rgba(11,23,41,.66); }.stat-icon { display: grid; width: 43px; height: 43px; flex: 0 0 auto; place-items: center; border-radius: 12px; font-weight: 900; }.stat-icon.purple,.choice-icon.purple { color: #a7b0ff; background: rgba(113,128,255,.13); }.stat-icon.amber { color: var(--amber); background: rgba(255,202,112,.1); }.stat-icon.green { color: var(--green); background: rgba(82,224,178,.1); }.stat-icon.cyan,.choice-icon.cyan { color: var(--cyan); background: rgba(79,212,239,.1); }.stats-grid-app article > div { display: flex; flex-direction: column; }.stats-grid-app small { color: #7789a2; font-size: 8px; font-weight: 800; text-transform: uppercase; }.stats-grid-app strong { margin: 2px 0 1px; font-size: 25px; letter-spacing: -.055em; }.stats-grid-app em { color: #596b84; font-size: 7px; font-style: normal; }
.panel, .form-card { border: 1px solid var(--line); border-radius: var(--radius); background: rgba(11,23,41,.66); box-shadow: inset 0 1px rgba(255,255,255,.015); }.recent-panel { margin-top: 18px; padding: 26px; }.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }.panel-head h2, .section-intro h2 { margin: 0; font-size: 21px; letter-spacing: -.04em; }
.document-list { display: grid; gap: 8px; }.document-row { display: grid; min-height: 64px; grid-template-columns: auto minmax(130px,1fr) 110px 110px 125px auto auto auto; align-items: center; gap: 15px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 11px; background: rgba(4,11,22,.32); cursor: pointer; transition: border-color .2s, background .2s, transform .2s; }.document-row:hover { border-color: rgba(113,144,203,.31); background: rgba(255,255,255,.025); transform: translateY(-1px); }.document-type-icon { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 10px; color: #aab5ff; background: rgba(113,128,255,.11); font-size: 13px; }.document-type-icon.precheck { color: #7de4f5; background: rgba(79,212,239,.09); }.doc-main { display: flex; min-width: 0; flex-direction: column; }.doc-main strong { overflow: hidden; color: #d7dfeb; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.doc-main small, .doc-meta small { color: #63758e; font-size: 7px; }.doc-meta { display: flex; flex-direction: column; }.doc-meta strong { overflow: hidden; color: #9caabd; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.status-pill { display: inline-flex; width: max-content; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 20px; color: #78e1bf; background: rgba(82,224,178,.08); font-size: 7px; font-weight: 850; text-transform: uppercase; }.status-pill.draft { color: var(--amber); background: rgba(255,202,112,.08); }.status-pill.archived { color: #8492a7; background: rgba(132,146,167,.08); }.delete-row-button { padding: 7px 9px; border: 1px solid rgba(255,121,140,.22); border-radius: 8px; color: #ff9baa; background: rgba(255,121,140,.055); font-size: 10px; font-weight: 800; cursor: pointer; }.delete-row-button:hover { background: rgba(255,121,140,.12); }.row-action { color: #6d809b; font-size: 16px; }.empty-state { display: grid; min-height: 170px; place-content: center; justify-items: center; padding: 25px; color: #607189; text-align: center; }.empty-state span { display: grid; width: 45px; height: 45px; margin-bottom: 12px; place-items: center; border: 1px solid var(--line); border-radius: 14px; color: #7890b3; }.empty-state strong { color: #a7b4c5; font-size: 11px; }.empty-state p { max-width: 340px; margin: 6px 0 0; font-size: 8px; line-height: 1.5; }
.recent-panel .document-row { grid-template-columns: auto minmax(130px,1fr) 110px 110px 125px auto auto; }

.editor-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 23px; }.doc-heading { display: flex; align-items: center; gap: 10px; margin-top: 8px; }.doc-heading h2 { margin: 0; font-size: 24px; letter-spacing: -.045em; }.doc-heading > small { color: #657690; font-size: 8px; }.document-badge { padding: 5px 8px; border-radius: 7px; color: #aeb6ff; background: rgba(113,128,255,.11); font-size: 7px; font-weight: 850; text-transform: uppercase; }.document-badge.precheck { color: #79e0f2; background: rgba(79,212,239,.09); }.editor-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }.save-indicator { margin-right: 3px; color: #61728a; font-size: 8px; }.save-indicator.saved { color: #68d9b5; }
.editor-notice { display: flex; align-items: center; gap: 18px; margin-bottom: 10px; padding: 13px 16px; border: 1px solid rgba(79,212,239,.2); border-radius: 11px; color: #86def0; background: rgba(79,212,239,.055); }.editor-notice.warning { border-color: rgba(255,202,112,.18); color: #dec489; background: rgba(255,202,112,.045); }.editor-notice strong { flex: 0 0 auto; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }.editor-notice span { color: #8999af; font-size: 8px; line-height: 1.45; }
.editor-tabs { position: sticky; z-index: 20; top: 86px; display: flex; overflow-x: auto; margin: 20px 0; padding: 6px; border: 1px solid var(--line); border-radius: 13px; background: rgba(7,16,31,.91); backdrop-filter: blur(15px); }.editor-tabs button { min-height: 38px; flex: 1; padding: 0 15px; border: 0; border-radius: 9px; color: #71829a; background: transparent; font-size: 8px; font-weight: 850; cursor: pointer; white-space: nowrap; }.editor-tabs button.is-active { color: #e3eafa; background: linear-gradient(110deg,rgba(92,107,224,.2),rgba(63,153,207,.08)); box-shadow: inset 0 0 0 1px rgba(114,137,241,.16); }.editor-tabs button span { margin-left: 4px; color: var(--cyan); }
.editor-tabs button strong { font: inherit; }
.editor-page { display: none; }.editor-page.is-active { display: grid; gap: 14px; }
.form-card { padding: 27px; }.form-card-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 24px; }.form-card-head > div { min-width: 0; }.form-card-head h3 { margin: 0 0 5px; font-size: 16px; letter-spacing: -.035em; }.form-card-head p { margin: 0; color: #708199; font-size: 8px; line-height: 1.55; }.form-card-head > .quiet-button, .form-card-head > .upload-button { margin-left: auto; }.section-number { display: grid; width: 31px; height: 31px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(113,128,255,.2); border-radius: 9px; color: #9eabff; background: rgba(113,128,255,.08); font-size: 8px; font-weight: 900; }
.form-grid { display: grid; gap: 15px; }.form-grid.two { grid-template-columns: repeat(2,1fr); }.form-grid.three { grid-template-columns: repeat(3,1fr); }.form-grid.four { grid-template-columns: repeat(4,1fr); }.span-2 { grid-column: span 2; }.stacked-fields { display: grid; gap: 15px; }.uppercase { text-transform: uppercase; }
.template-picker { display: grid; grid-template-columns: 1fr auto; gap: 9px; }.field-help { margin: 10px 0 0; color: #65768d; font-size: 8px; line-height: 1.55; }
.checklist-container { display: grid; gap: 18px; }.checklist-group { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; }.checklist-group > h4 { margin: 0; padding: 11px 14px; border-bottom: 1px solid var(--line); color: #9aabc2; background: rgba(255,255,255,.022); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }.checklist-row { display: grid; grid-template-columns: minmax(200px,1fr) 210px minmax(160px,.7fr) auto; align-items: center; gap: 12px; padding: 11px 13px; border-bottom: 1px solid var(--line); }.checklist-row:last-child { border-bottom: 0; }.checklist-label { display: flex; min-width: 0; flex-direction: column; }.checklist-label strong { color: #c7d1df; font-size: 9px; }.checklist-label small { margin-top: 3px; color: #61738c; font-size: 7px; line-height: 1.4; }.status-options { display: flex; gap: 4px; }.status-options button { min-height: 31px; flex: 1; padding: 0 8px; border: 1px solid var(--line); border-radius: 7px; color: #667991; background: rgba(255,255,255,.018); font-size: 7px; font-weight: 850; cursor: pointer; }.status-options button[data-status="ok"].is-active { border-color: rgba(82,224,178,.3); color: #73e3bf; background: rgba(82,224,178,.08); }.status-options button[data-status="attention"].is-active { border-color: rgba(255,202,112,.3); color: #f2cc82; background: rgba(255,202,112,.08); }.status-options button[data-status="critical"].is-active { border-color: rgba(255,121,140,.3); color: #ff8c9c; background: rgba(255,121,140,.08); }.status-options button[data-status="na"].is-active { color: #a2aec0; background: rgba(255,255,255,.06); }.checklist-row input { min-height: 35px; font-size: 8px; }.remove-icon { width: 29px; height: 29px; border: 0; border-radius: 7px; color: #6b7d96; background: transparent; cursor: pointer; }.remove-icon:hover { color: var(--red); background: rgba(255,121,140,.07); }
.precheck-summary { display: grid; grid-template-columns: repeat(4,100px) minmax(250px,1fr); align-items: center; gap: 10px; margin-bottom: 18px; padding: 14px; border: 1px solid rgba(79,212,239,.2); border-radius: 12px; background: rgba(79,212,239,.045); }.precheck-summary > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; }.precheck-summary small { color: #b4c2d3; font-size: 10px; font-weight: 800; }.precheck-summary strong { color: #fff; font-size: 16px; }.precheck-summary p { margin: 0; color: #c6d2df; font-size: 11px; line-height: 1.5; }.precheck-row { grid-template-columns: minmax(190px,1fr) 300px 145px 160px minmax(190px,.8fr) auto; }.status-options button[data-status="code1"].is-active { border-color: rgba(255,202,112,.3); color: #f2cc82; background: rgba(255,202,112,.08); }.status-options button[data-status="code2"].is-active { border-color: rgba(255,153,105,.34); color: #ffad7d; background: rgba(255,153,105,.09); }.status-options button[data-status="code3"].is-active { border-color: rgba(255,121,140,.38); color: #ff91a2; background: rgba(255,121,140,.1); }
.measurement-block + .measurement-block { margin-top: 23px; padding-top: 22px; border-top: 1px solid var(--line); }.measurement-block h4 { margin: 0 0 15px; color: #aeb9c8; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.cost-table-wrap { overflow-x: auto; }.cost-table { width: 100%; min-width: 780px; border-collapse: collapse; }.cost-table th { padding: 0 9px 10px; color: #667991; font-size: 7px; text-align: left; text-transform: uppercase; }.cost-table td { padding: 7px 5px; border-top: 1px solid var(--line); }.cost-table input,.cost-table select { min-height: 36px; font-size: 8px; }.cost-table td:nth-child(1) { width: 110px; }.cost-table td:nth-child(3),.cost-table td:nth-child(4) { width: 100px; }.cost-table td:nth-child(5) { width: 80px; }.cost-table td:nth-child(6) { width: 110px; color: #c9d3e1; font-size: 9px; font-weight: 800; text-align: right; }.cost-table td:last-child { width: 34px; }.cost-summary { display: flex; align-items: center; justify-content: flex-end; gap: 28px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }.cost-summary > div { display: flex; min-width: 100px; flex-direction: column; align-items: end; }.cost-summary span { color: #667891; font-size: 7px; text-transform: uppercase; }.cost-summary strong { margin-top: 3px; color: #aeb9c8; font-size: 11px; }.cost-summary .total { padding-left: 25px; border-left: 1px solid var(--line); }.cost-summary .total strong { color: #f0f4fa; font-size: 18px; }
.finish-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 14px; }.signature-block { display: grid; gap: 18px; }.signature-block > div { display: grid; gap: 7px; }.signature-block span { color: #8595aa; font-size: 8px; font-weight: 800; }.signature-block canvas { width: 100%; height: 120px; border: 1px dashed rgba(135,157,192,.29); border-radius: 10px; background: rgba(255,255,255,.97); touch-action: none; cursor: crosshair; }.signature-block .text-button { justify-self: end; font-size: 7px; }.consent-check { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 9px; margin-top: 20px; color: #7a8ba2; font-size: 8px; line-height: 1.5; letter-spacing: 0; font-weight: 600; }.consent-check input { width: 15px; min-height: 15px; margin: 1px 0 0; accent-color: var(--purple); }
.photo-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }.photo-card { position: relative; overflow: hidden; aspect-ratio: 4/3; border: 1px solid var(--line); border-radius: 11px; background: #050b15; }.photo-card img { width: 100%; height: 100%; object-fit: cover; }.photo-card button { position: absolute; top: 7px; right: 7px; width: 27px; height: 27px; border: 0; border-radius: 8px; color: #fff; background: rgba(5,10,20,.72); cursor: pointer; }
.history-head { align-items: end; }.history-filters { display: flex; gap: 8px; }.history-filters input { min-width: 260px; }.history-filters input,.history-filters select { min-height: 39px; font-size: 8px; }.document-list.large .document-row { min-height: 71px; }.section-intro { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 22px; }.section-intro p { max-width: 600px; margin: 8px 0 0; color: #718199; font-size: 9px; }.template-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }.template-card { display: flex; min-height: 215px; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: rgba(11,23,41,.66); }.template-card-head { display: flex; align-items: center; justify-content: space-between; }.template-card-head > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; color: #9eabff; background: rgba(113,128,255,.1); }.template-card-head em { padding: 5px 8px; border-radius: 20px; color: #70829b; background: rgba(255,255,255,.03); font-size: 7px; font-style: normal; text-transform: uppercase; }.template-card h3 { margin: 22px 0 7px; font-size: 14px; }.template-card p { margin: 0; color: #6b7c94; font-size: 8px; line-height: 1.55; }.template-card footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 18px; }.template-card footer span { color: #6e8099; font-size: 7px; }.template-card footer button { color: var(--cyan); }
.settings-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 14px; align-items: start; }.settings-side { display: grid; gap: 14px; }

.app-dialog { width: min(620px,calc(100% - 30px)); padding: 0; border: 1px solid var(--line-strong); border-radius: 20px; color: var(--text); background: #0d1a2e; box-shadow: 0 35px 100px rgba(0,0,0,.5); }.app-dialog.wide { width: min(860px,calc(100% - 30px)); }.app-dialog::backdrop { background: rgba(2,6,13,.76); backdrop-filter: blur(5px); }.app-dialog > form { padding: 27px; }.dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 23px; }.dialog-head h2 { margin: 0; font-size: 22px; }.dialog-head > button { width: 32px; height: 32px; border: 1px solid var(--line); border-radius: 9px; color: #8495aa; background: rgba(255,255,255,.025); cursor: pointer; }.document-choice { display: grid; gap: 9px; }.document-choice > button { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; min-height: 90px; padding: 17px; border: 1px solid var(--line); border-radius: 13px; color: inherit; background: rgba(255,255,255,.018); text-align: left; cursor: pointer; }.document-choice > button:hover { border-color: rgba(112,147,217,.34); background: rgba(255,255,255,.035); }.choice-icon { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 12px; }.document-choice div { display: flex; flex-direction: column; }.document-choice strong { font-size: 11px; }.document-choice small { margin-top: 5px; color: #708198; font-size: 8px; }.document-choice button > i { color: var(--cyan); font-style: normal; }.dialog-warning { margin: 15px 0 0; color: #7c8da3; font-size: 7px; line-height: 1.5; }.dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 23px; }.template-item-builder { margin-top: 20px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; }.builder-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }.builder-head strong { font-size: 9px; }.template-builder-row { display: grid; grid-template-columns: 150px 1fr auto; gap: 7px; margin-top: 7px; }.template-builder-row input { min-height: 38px; font-size: 8px; }
.toast-region { position: fixed; z-index: 100; right: 20px; bottom: 20px; display: grid; gap: 8px; }.toast { display: flex; min-width: 280px; max-width: 420px; align-items: flex-start; gap: 10px; padding: 13px 15px; border: 1px solid rgba(82,224,178,.23); border-radius: 11px; color: #cbd6e4; background: rgba(10,26,39,.96); box-shadow: var(--shadow); animation: toastIn .25s ease both; }.toast.error { border-color: rgba(255,121,140,.28); }.toast i { width: 7px; height: 7px; flex: 0 0 auto; margin-top: 4px; border-radius: 50%; background: var(--green); }.toast.error i { background: var(--red); }.toast div { display: flex; flex-direction: column; }.toast strong { font-size: 9px; }.toast span { margin-top: 3px; color: #72849b; font-size: 7px; line-height: 1.45; } @keyframes toastIn { from { opacity: 0; transform: translateY(10px); } }

@media (max-width: 1180px) {
  .stats-grid-app { grid-template-columns: repeat(2,1fr); }
  .form-grid.four { grid-template-columns: repeat(2,1fr); }
  .checklist-row { grid-template-columns: minmax(180px,1fr) 200px; }.checklist-row > input { grid-column: 1 / -1; }
  .precheck-row { grid-template-columns: minmax(180px,1fr) minmax(260px,1fr); }.precheck-row > input { grid-column: auto; }.precheck-row [data-check-note] { grid-column: 1 / -1; }
  .precheck-summary { grid-template-columns: repeat(4,1fr); }.precheck-summary p { grid-column: 1 / -1; }
  .finish-grid,.settings-grid { grid-template-columns: 1fr; }
  .template-grid { grid-template-columns: repeat(2,1fr); }
  .document-row { grid-template-columns: auto minmax(130px,1fr) 100px 110px auto; }.document-row > .doc-meta:nth-of-type(3) { display: none; }
}

@media (max-width: 900px) {
  .auth-shell { grid-template-columns: 1fr; }.auth-visual { display: none; }.auth-panel { padding: 25px; }
  .sidebar { transform: translateX(-100%); transition: transform .25s; }.sidebar.is-open { transform: none; box-shadow: 30px 0 70px rgba(0,0,0,.45); }.app-content { margin-left: 0; }.mobile-menu { display: grid; width: 39px; height: 39px; margin-right: 13px; place-items: center; border: 1px solid var(--line); border-radius: 10px; color: #a8b5c5; background: rgba(255,255,255,.025); }.topbar { justify-content: flex-start; }.topbar-actions { margin-left: auto; }.user-chip { min-width: 0; }.user-chip div { display: none; }
  .editor-toolbar { align-items: flex-start; flex-direction: column; }.editor-actions { width: 100%; justify-content: flex-start; }.save-indicator { width: 100%; }
  .editor-tabs { top: 86px; }.editor-tabs button { flex: 0 0 auto; }
  .history-head { align-items: flex-start; flex-direction: column; }.history-filters { width: 100%; }.history-filters input { min-width: 0; flex: 1; }
}

@media (max-width: 650px) {
  .topbar { min-height: 76px; padding: 12px 15px; }.topbar .quiet-button { display: none; }.workspace { padding: 22px 14px 60px; }
  .welcome-card { min-height: 0; grid-template-columns: 1fr; padding: 30px 26px; }.welcome-gauge { display: none; }.stats-grid-app { grid-template-columns: 1fr 1fr; }.stats-grid-app article { min-height: 95px; padding: 15px; }.stat-icon { display: none; }
  .recent-panel,.form-card { padding: 20px; }.panel-head { align-items: flex-start; flex-direction: column; }
  .document-row { grid-template-columns: auto minmax(0,1fr) auto; gap: 10px; }.document-row > .doc-meta { display: none; }.document-row .status-pill { grid-column: 2; }.row-action { grid-row: 1 / span 2; grid-column: 3; }
  .delete-row-button { grid-column: 2; justify-self: start; }.row-action { grid-row: 1 / span 3; }
  .doc-heading { flex-wrap: wrap; }.doc-heading h2 { width: 100%; }.editor-actions .quiet-button { flex: 1; }.editor-actions .primary-button,.editor-actions .complete-button { flex: 1 0 45%; }
  .editor-notice { align-items: flex-start; flex-direction: column; gap: 5px; }
  .form-grid.two,.form-grid.three,.form-grid.four { grid-template-columns: 1fr; }.span-2 { grid-column: auto; }.template-picker { grid-template-columns: 1fr; }
  .checklist-row { position: relative; grid-template-columns: 1fr; padding: 15px; }.checklist-row > input { grid-column: auto; }.checklist-row > .remove-icon { top: 10px; right: 10px; }.checklist-label { padding-right: 30px; }.status-options { flex-wrap: wrap; }.status-options button { flex: 1 0 42%; }
  .precheck-row { grid-template-columns: 1fr; }.precheck-row > input,.precheck-row [data-check-note] { grid-column: auto; }.precheck-summary { grid-template-columns: 1fr 1fr; }.precheck-summary > div { align-items: flex-start; flex-direction: column; }.precheck-summary p { grid-column: 1 / -1; }
  .cost-summary { align-items: stretch; flex-direction: column; gap: 8px; }.cost-summary > div { align-items: stretch; }.cost-summary .total { padding: 10px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .photo-grid { grid-template-columns: 1fr 1fr; }.template-grid { grid-template-columns: 1fr; }.section-intro { align-items: flex-start; flex-direction: column; }
  .history-filters { display: grid; grid-template-columns: 1fr 1fr; }.history-filters input { grid-column: 1 / -1; }
  .template-builder-row { grid-template-columns: 1fr auto; }.template-builder-row input:first-child { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Readability pass 1.0.1: clearer type and a lighter workshop surface. */
body {
  background: radial-gradient(circle at 72% -15%, rgba(96, 119, 235, .22), transparent 37%), var(--bg);
}

.auth-panel,
.boot-screen {
  background-color: var(--bg);
}

.auth-card,
.panel,
.form-card,
.template-card {
  background: rgba(17, 34, 58, .9);
}

label {
  gap: 9px;
  color: #d1dae7;
  font-size: 12px;
  line-height: 1.35;
}

input,
select {
  min-height: 51px;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 14px;
}

textarea {
  min-height: 96px;
  padding: 14px 16px;
  font-size: 14px;
}

input,
textarea,
select {
  border-color: var(--line-strong);
  background: rgba(7, 17, 31, .78);
}

input::placeholder,
textarea::placeholder {
  color: #91a1b7;
  opacity: 1;
}

.primary-button,
.complete-button,
.danger-button,
.quiet-button,
.text-button,
.back-button,
.logout-button,
.upload-button {
  min-height: 45px;
  font-size: 12px;
}

.text-button,
.back-button {
  min-height: auto;
}

.app-brand strong { font-size: 15px; }
.app-brand small { color: #9aabc0; font-size: 10px; }
.side-nav button { min-height: 49px; color: #a7b6ca; font-size: 12px; }
.side-nav button:hover { color: #f0f4fa; }
.sidebar-note strong { color: #e2e8f0; font-size: 11px; }
.sidebar-note span { color: #a7b5c7; font-size: 10px; }
.logout-button { color: #a9b8cb; }

.topbar-kicker { color: #9eafc4; font-size: 10px; }
.topbar h1 { font-size: 22px; }
.user-chip strong { color: #e2e8f1; font-size: 11px; }
.user-chip small { color: #9bacbf; font-size: 10px; }

.kicker,
.auth-card-head > span { font-size: 11px; }
.auth-card-head p { font-size: 13px; }
.auth-features { font-size: 12px; }
.form-error { font-size: 11px; }

.welcome-card p { color: #bdc8d8; font-size: 13px; line-height: 1.6; }
.welcome-gauge small { color: #a9b8cb; font-size: 10px; }
.stats-grid-app small { color: #adbbce; font-size: 10px; }
.stats-grid-app em { color: #9aabc1; font-size: 10px; }
.doc-main strong { color: #edf2f8; font-size: 12px; }
.doc-main small,
.doc-meta small { color: #a8b6c9; font-size: 10px; }
.doc-meta strong { color: #c4cfdd; font-size: 11px; }
.status-pill { font-size: 10px; }
.empty-state { color: #a7b6c9; }
.empty-state strong { color: #d7dfe9; font-size: 13px; }
.empty-state p { font-size: 11px; }

.doc-heading h2 { font-size: 28px; }
.doc-heading > small { color: #a8b7ca; font-size: 11px; }
.document-badge { padding: 7px 10px; font-size: 10px; }
.save-indicator { color: #a6b5c7; font-size: 11px; }

.editor-notice {
  gap: 22px;
  padding: 17px 19px;
  background: rgba(66, 174, 208, .09);
}
.editor-notice.warning { background: rgba(255, 202, 112, .08); }
.editor-notice strong { font-size: 11px; }
.editor-notice span { color: #c0cad8; font-size: 12px; line-height: 1.55; }

.editor-tabs {
  padding: 8px;
  background: rgba(11, 24, 42, .96);
}
.editor-tabs button {
  min-height: 44px;
  color: #aebbcf;
  font-size: 12px;
}
.editor-tabs button.is-active { color: #fff; }

.form-card { padding: 31px; }
.form-card-head h3 { font-size: 20px; }
.form-card-head p { color: #b2bfd0; font-size: 12px; }
.section-number { width: 36px; height: 36px; font-size: 11px; }
.field-help { color: #aebcd0; font-size: 11px; }

.checklist-group > h4 {
  padding: 14px 16px;
  color: #d1dae6;
  font-size: 11px;
}
.checklist-row { padding: 14px 15px; }
.checklist-label strong { color: #edf2f8; font-size: 13px; }
.checklist-label small { color: #aab8ca; font-size: 11px; }
.status-options button { min-height: 36px; color: #a9b8cb; font-size: 10px; }
.checklist-row input { min-height: 40px; font-size: 12px; }
.measurement-block h4 { color: #d3dbe6; font-size: 12px; }

.cost-table th { color: #b5c1d1; font-size: 10px; }
.cost-table input,
.cost-table select { min-height: 41px; font-size: 12px; }
.cost-table td:nth-child(6) { color: #e2e8f0; font-size: 12px; }
.cost-summary span { color: #aebccf; font-size: 10px; }
.cost-summary strong { color: #d7dfe9; font-size: 13px; }

.signature-block span { color: #c1ccda; font-size: 11px; }
.signature-block .text-button { font-size: 10px; }
.consent-check { color: #b6c2d2; font-size: 11px; }

.section-intro p { color: #b3c0d1; font-size: 12px; line-height: 1.6; }
.history-filters input,
.history-filters select { min-height: 44px; font-size: 12px; }
.template-card-head em { color: #b2bfd0; font-size: 10px; }
.template-card h3 { font-size: 17px; }
.template-card p { color: #b3c0d1; font-size: 11px; }
.template-card footer span { color: #a9b7ca; font-size: 10px; }

.document-choice strong { font-size: 14px; }
.document-choice small { color: #b1bed0; font-size: 11px; }
.dialog-warning { color: #afbdcf; font-size: 10px; }
.builder-head strong { font-size: 12px; }
.template-builder-row input { min-height: 42px; font-size: 12px; }

.toast { color: #e7edf4; }
.toast strong { font-size: 12px; }
.toast span { color: #b2bfd0; font-size: 10px; }

@media (max-width: 650px) {
  .form-card { padding: 23px; }
  .doc-heading h2 { font-size: 24px; }
  .editor-tabs button { font-size: 11px; }
}

/* Control instruction catalog and official vehicle lookup – version 1.3.0. */
.vehicle-lookup-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
}
.vehicle-lookup-group .quiet-button { min-width: 132px; }
.customer-lookup-group .quiet-button { min-width: 104px; padding-inline: 11px; }
.field-status {
  color: #aebdd0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}
.field-status.loading { color: #8fdcea; }
.field-status.success { color: #72dfbc; }
.field-status.error { color: #ff9cab; }
input[readonly] {
  color: #cbd5e2;
  background: rgba(11, 25, 43, .58);
  cursor: default;
}
.integration-status {
  margin: 0;
  padding: 11px 13px;
  border: 1px solid rgba(255, 202, 112, .22);
  border-radius: 10px;
  color: #f2cc82;
  background: rgba(255, 202, 112, .06);
  font-size: 12px;
  font-weight: 800;
}
.integration-status.connected {
  border-color: rgba(82, 224, 178, .25);
  color: #73e3bf;
  background: rgba(82, 224, 178, .07);
}
.integration-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.field-help a,.catalog-source a { color: #82dcec; text-decoration: none; }
.field-help a:hover,.catalog-source a:hover { text-decoration: underline; }

.precheck-row {
  grid-template-columns: minmax(180px, 1fr) 300px minmax(210px, .9fr) 170px minmax(230px, 1fr) auto;
  align-items: end;
}
.check-field {
  display: grid;
  min-width: 0;
  gap: 6px;
}
.check-field > span {
  color: #b7c4d5;
  font-size: 10px;
  font-weight: 800;
}
.catalog-code-button {
  display: grid;
  min-height: 62px;
  align-content: center;
  gap: 4px;
  padding: 9px 12px;
  border: 1px dashed rgba(79, 212, 239, .34);
  border-radius: 9px;
  color: #8eddec;
  background: rgba(79, 212, 239, .045);
  text-align: left;
  cursor: pointer;
}
.catalog-code-button:hover { border-color: rgba(79, 212, 239, .62); background: rgba(79, 212, 239, .09); }
.catalog-code-button.has-code { border-style: solid; border-color: rgba(82, 224, 178, .28); background: rgba(82, 224, 178, .055); }
.catalog-code-button strong { font-size: 12px; }
.catalog-code-button small { overflow: hidden; color: #a8b8ca; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.status-options button[data-status="code4"].is-active { border-color: rgba(79,212,239,.34); color: #8be0ee; background: rgba(79,212,239,.09); }
.assessment-warning {
  grid-column: 3 / 6;
  margin: -3px 0 2px;
  color: #f0c97e;
  font-size: 10px;
  line-height: 1.45;
}

.app-dialog.catalog-dialog { width: min(1180px, calc(100% - 30px)); }
.catalog-intro {
  margin: -10px 0 20px;
  color: #bac6d6;
  font-size: 12px;
  line-height: 1.55;
}
.catalog-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 15px;
}
.catalog-search { display: grid; min-width: 0; gap: 10px; }
.catalog-results {
  display: grid;
  max-height: 55vh;
  gap: 6px;
  overflow-y: auto;
  padding-right: 5px;
}
.catalog-results > button {
  display: grid;
  grid-template-columns: minmax(190px, .8fr) minmax(210px, 1.2fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 70px;
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: #dbe3ed;
  background: rgba(6, 15, 28, .56);
  text-align: left;
  cursor: pointer;
}
.catalog-results > button:hover,.catalog-results > button[aria-selected="true"] { border-color: rgba(113, 128, 255, .48); background: rgba(113, 128, 255, .11); }
.catalog-results > button span { display: grid; min-width: 0; gap: 3px; }
.catalog-results > button strong { font-size: 12px; }
.catalog-results > button small { overflow: hidden; color: #9bacbf; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.catalog-results > button em { color: #c4cfdd; font-size: 11px; font-style: normal; line-height: 1.4; }
.catalog-results > button b { min-width: 66px; padding: 6px 8px; border-radius: 8px; color: #f0cb84; background: rgba(255, 202, 112, .08); font-size: 10px; text-align: center; }
.catalog-empty { display: grid; min-height: 150px; place-content: center; gap: 5px; color: #aab8ca; text-align: center; }
.catalog-empty strong { color: #eef2f7; font-size: 13px; }
.catalog-empty span { font-size: 11px; }
.catalog-detail {
  min-height: 310px;
  padding: 20px;
  border: 1px solid var(--line-strong);
  border-radius: 13px;
  background: rgba(6, 15, 28, .72);
}
.catalog-code { display: inline-flex; padding: 6px 9px; border-radius: 8px; color: #8be0ee; background: rgba(79, 212, 239, .09); font-size: 11px; font-weight: 900; }
.catalog-detail h3 { margin: 14px 0 7px; font-size: 20px; }
.catalog-fault { margin: 0; color: #d4dde8; font-size: 13px; line-height: 1.5; }
.catalog-assessment { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 18px; padding: 12px; border: 1px solid rgba(255, 202, 112, .22); border-radius: 10px; background: rgba(255, 202, 112, .055); }
.catalog-assessment small { color: #c4cfdd; font-size: 10px; font-weight: 800; }
.catalog-assessment strong { color: #f4cf87; font-size: 19px; }
.catalog-caution { margin: 9px 0 0; color: #f0cb84; font-size: 10px; line-height: 1.5; }
.catalog-method { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.catalog-method small,.catalog-page { color: #95a6bb; font-size: 10px; font-weight: 800; }
.catalog-method p { margin: 7px 0 12px; color: #b9c5d5; font-size: 11px; line-height: 1.55; }
.catalog-source { margin: 14px 0 0; color: #9eafc3; font-size: 10px; line-height: 1.5; }

@media (max-width: 1180px) {
  .precheck-row { position: relative; grid-template-columns: minmax(180px, 1fr) minmax(260px, 1fr); align-items: end; padding-right: 50px; }
  .precheck-row > .catalog-code-button { grid-column: 1; }
  .precheck-row > .check-field:not(.check-note) { grid-column: 2; }
  .precheck-row > .check-note { grid-column: 1 / -1; }
  .precheck-row > .remove-icon { position: absolute; top: 12px; right: 11px; }
  .assessment-warning { grid-column: 1 / -1; }
}

@media (max-width: 800px) {
  .catalog-layout { grid-template-columns: 1fr; }
  .catalog-results { max-height: 42vh; }
  .catalog-detail { min-height: 0; }
}

@media (max-width: 650px) {
  .vehicle-lookup-group { grid-template-columns: 1fr; }
  .precheck-row { grid-template-columns: 1fr; padding-right: 44px; }
  .precheck-row > .catalog-code-button,.precheck-row > .check-field:not(.check-note),.precheck-row > .check-note { grid-column: 1; }
  .catalog-results > button { grid-template-columns: 1fr auto; }
  .catalog-results > button em { grid-column: 1 / -1; grid-row: 2; }
  .catalog-dialog > form { padding: 20px; }
}

/* Searchable service findings and customer-friendly explanations – version 1.3.0. */
.service-row {
  grid-template-columns: minmax(175px,.85fr) 235px minmax(165px,.68fr) minmax(235px,1fr) auto;
  align-items: end;
}
.service-catalog-button {
  display: grid;
  min-height: 62px;
  align-content: center;
  gap: 4px;
  padding: 9px 12px;
  border: 1px dashed rgba(113,128,255,.38);
  border-radius: 9px;
  color: #b4bdff;
  background: rgba(113,128,255,.055);
  text-align: left;
  cursor: pointer;
}
.service-catalog-button:hover { border-color: rgba(113,128,255,.68); background: rgba(113,128,255,.11); }
.service-catalog-button.has-finding { border-style: solid; border-color: rgba(82,224,178,.3); color: #83e8c7; background: rgba(82,224,178,.06); }
.service-catalog-button strong { font-size: 12px; }
.service-catalog-button small { color: #aab9ca; font-size: 10px; }
.service-finding-row { background: linear-gradient(90deg,rgba(113,128,255,.035),transparent 45%); }
.service-finding-details {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(160px,.45fr) minmax(360px,1.55fr) minmax(210px,.6fr);
  align-items: end;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(113,128,255,.15);
  border-radius: 10px;
  background: rgba(6,15,28,.38);
}
.service-explanation-field textarea { min-height: 86px; resize: vertical; }
.customer-visibility {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 9px;
  min-height: 62px;
  padding: 12px;
  border: 1px solid rgba(82,224,178,.2);
  border-radius: 9px;
  color: #c7d6e3;
  background: rgba(82,224,178,.045);
  font-size: 11px;
  line-height: 1.45;
}
.customer-visibility input { width: 17px; min-height: 17px; margin: 1px 0 0; padding: 0; accent-color: var(--green); }
.catalog-results.service-results > button { grid-template-columns: minmax(190px,.8fr) minmax(220px,1.2fr); }
.service-explanation-preview { margin-top: 18px; padding: 14px; border: 1px solid rgba(79,212,239,.2); border-radius: 10px; background: rgba(79,212,239,.05); }
.service-explanation-preview small { color: #8eddec; font-size: 10px; font-weight: 850; text-transform: uppercase; }
.service-explanation-preview p { margin: 7px 0 0; color: #d2dce7; font-size: 12px; line-height: 1.6; }
.catalog-code.service-label { color: #83e8c7; background: rgba(82,224,178,.09); }
.catalog-caution.service-caution { color: #b8c5d5; }
.split-actions > span { flex: 1; }

@media (max-width: 1320px) {
  .service-row { position: relative; grid-template-columns: minmax(180px,1fr) minmax(250px,1fr); align-items: end; padding-right: 50px; }
  .service-row > .service-catalog-button { grid-column: 1; }
  .service-row > .check-note { grid-column: 2; }
  .service-row > .remove-icon { position: absolute; top: 12px; right: 11px; }
  .service-finding-details { grid-column: 1 / -1; grid-template-columns: minmax(150px,.45fr) minmax(280px,1.2fr); }
  .service-finding-details .customer-visibility { grid-column: 1 / -1; }
}

@media (max-width: 650px) {
  .service-row { grid-template-columns: 1fr; padding-right: 44px; }
  .service-row > .service-catalog-button,.service-row > .check-note,.service-finding-details { grid-column: 1; }
  .service-finding-details { grid-template-columns: 1fr; }
  .service-finding-details .customer-visibility { grid-column: 1; }
  .catalog-results.service-results > button { grid-template-columns: 1fr; }
  .split-actions { flex-wrap: wrap; }
  .split-actions > span { display: none; }
}

/* Calm, light workshop interface – version 1.4.0. */
:root {
  --bg: #f3f2ee;
  --bg-soft: #ebe9e3;
  --panel: #ffffff;
  --panel-strong: #f8f7f3;
  --line: #e0ddd5;
  --line-strong: #cbc7bd;
  --text: #222722;
  --muted: #687068;
  --purple: #566b61;
  --purple-2: #43594f;
  --cyan: #51766b;
  --green: #3f7b63;
  --amber: #a36c22;
  --red: #b24a4a;
  --shadow: 0 18px 45px rgba(45, 49, 44, .09);
  color-scheme: light;
}

html,
body,
.boot-screen,
.auth-panel {
  color: var(--text);
  background: #f3f2ee;
}

body { background: linear-gradient(180deg, #f7f6f2 0, #f0efeb 100%); }
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible { outline-color: rgba(74, 112, 98, .28); }

.auth-visual { background: linear-gradient(145deg, #35473f, #52675d 60%, #6d7d73); }
.auth-copy h1 em { color: #dce9df; }
.auth-brand i { color: #dce9df; }
.auth-panel { background: #f3f2ee; }
.auth-card,
.panel,
.form-card,
.template-card {
  color: var(--text);
  border-color: var(--line);
  background: #fff;
  box-shadow: 0 12px 34px rgba(46, 50, 45, .07);
}
.auth-card-head > span,
.kicker { color: #587267; }
.auth-card-head p,
.form-card-head p,
.section-intro p,
.template-card p { color: var(--muted); }

label { color: #4c544e; }
input,
textarea,
select {
  color: #202620;
  border-color: var(--line-strong);
  background: #fbfbf9;
}
input::placeholder,
textarea::placeholder { color: #858d87; }
input:focus,
textarea:focus,
select:focus {
  border-color: #789487;
  box-shadow: 0 0 0 4px rgba(81, 118, 107, .10);
}
input[readonly] { color: #59625c; background: #f1f0ec; }

.primary-button {
  color: #fff;
  background: #4c665b;
  box-shadow: 0 9px 20px rgba(59, 83, 73, .18);
}
.primary-button:hover { background: #40594f; box-shadow: 0 12px 24px rgba(59, 83, 73, .22); }
.quiet-button,
.upload-button {
  color: #39433d;
  border-color: #cbc8bf;
  background: #f8f7f3;
}
.quiet-button:hover,
.upload-button:hover { color: #263029; border-color: #aeb7b0; background: #efeee9; }
.complete-button { color: #276047; border-color: #a8c5b5; background: #edf6f1; }
.complete-button:hover { background: #e2f0e9; }
.danger-button,
.delete-row-button { color: #9d3f3f; border-color: #e2bcbc; background: #fff4f4; }
.text-button,
.back-button { color: #51675d; }
.text-button:hover,
.back-button:hover { color: #2f4f41; }

.sidebar {
  border-right-color: var(--line);
  background: rgba(250, 249, 246, .96);
  box-shadow: 8px 0 30px rgba(49, 54, 48, .04);
}
.app-brand .brand-symbol { color: #fff; border-color: #4c665b; background: #4c665b; box-shadow: none; }
.app-brand strong { color: #273029; }
.app-brand small { color: #737b75; }
.side-nav button { color: #687069; }
.side-nav button:hover { color: #29312b; background: #f0efea; }
.side-nav button.is-active { color: #26342d; border-color: #d4dcd6; background: #e9efeb; }
.nav-icon,
.side-nav .is-active .nav-icon { color: #587267; }
.sidebar-note { border-color: var(--line); background: #f3f4f0; }
.sidebar-note strong { color: #3d4741; }
.sidebar-note span { color: #737b75; }
.logout-button { color: #707872; }
.logout-button:hover { color: #2e3731; background: #efeee9; }

.topbar { border-bottom-color: var(--line); background: rgba(250, 249, 246, .91); }
.topbar-kicker { color: #727a74; }
.user-chip { border-color: var(--line); background: #fff; }
.user-chip > span { color: #fff; background: #597166; }
.user-chip strong { color: #313832; }
.user-chip small { color: #788079; }
.mobile-menu { color: #4d5b53; border-color: var(--line); background: #fff; }

.welcome-card {
  border-color: #d6d2c7;
  background: linear-gradient(125deg, #ffffff, #ecefe9 62%, #e2e8e2);
  box-shadow: 0 20px 52px rgba(50, 55, 49, .08);
}
.welcome-card::after { border-color: rgba(82, 112, 98, .07); }
.welcome-card h2 span { color: #4f7060; }
.welcome-card p { color: #646c66; }
.welcome-gauge { border-color: #e4e3de; border-top-color: #5d8b74; border-right-color: #9ab2a6; box-shadow: inset 0 0 35px rgba(77, 102, 89, .06); }
.welcome-gauge small { color: #707972; }
.welcome-gauge div span { color: #557266; }
.stats-grid-app article,
.document-row { color: var(--text); border-color: var(--line); background: #fff; }
.document-row:hover { border-color: #bdc8c0; background: #fbfcfa; }
.stats-grid-app small,
.stats-grid-app em,
.doc-main small,
.doc-meta small { color: #747d76; }
.doc-main strong { color: #2b332d; }
.doc-meta strong { color: #56605a; }
.empty-state { color: #707970; }
.empty-state strong { color: #3f4841; }

.doc-heading h2 { color: #202620; }
.doc-heading > small,
.save-indicator { color: #717a73; }
.document-badge { color: #496258; background: #e8eeea; }
.document-badge.precheck { color: #3f6558; background: #e2eee9; }
.editor-notice { color: #365f51; border-color: #c9ddd5; background: #eff7f3; }
.editor-notice.warning { color: #815c22; border-color: #e5d2ad; background: #fff9eb; }
.editor-notice span { color: #5d665f; }
.editor-tabs { border-color: var(--line); background: rgba(250, 249, 246, .94); }
.editor-tabs button { color: #6b746d; }
.editor-tabs button.is-active { color: #26332d; background: #e8eee9; box-shadow: inset 0 0 0 1px #d2ddd6; }
.editor-tabs button span { color: #4e7465; }
.section-number { color: #4c675b; border-color: #cbd9d1; background: #edf2ee; }
.field-help { color: #69736c; }
.field-help a,
.catalog-source a { color: #3f6c5a; }

.checklist-group { border-color: var(--line); }
.checklist-group > h4 { color: #505a53; border-bottom-color: var(--line); background: #f5f4f0; }
.checklist-row { border-bottom-color: var(--line); background: #fff; }
.checklist-label strong { color: #2f3832; }
.checklist-label small { color: #6f7871; }
.status-options button { color: #616b64; border-color: #d7d4cc; background: #f8f7f3; }
.status-options button[data-status="ok"].is-active { color: #2c6a4e; border-color: #a8ccb9; background: #edf7f1; }
.status-options button[data-status="attention"].is-active,
.status-options button[data-status="code1"].is-active { color: #875d1d; border-color: #dec697; background: #fff8e8; }
.status-options button[data-status="critical"].is-active,
.status-options button[data-status="code3"].is-active { color: #a03f3f; border-color: #e0aaaa; background: #fff0f0; }
.status-options button[data-status="code2"].is-active { color: #9a5528; border-color: #dfb596; background: #fff4ec; }
.status-options button[data-status="code4"].is-active { color: #4d6570; border-color: #b5c7cf; background: #f0f6f8; }
.status-options button[data-status="na"].is-active { color: #4f5852; background: #ecebe7; }

.precheck-summary { grid-template-columns: repeat(4, 1fr); border-color: #d8d5cd; background: #f8f7f3; }
.precheck-summary > .precheck-count { color: #333b35; border-color: #ddd9d0; background: #fff; }
.precheck-summary small { color: #67716a; }
.precheck-summary strong { color: #28302b; }
.precheck-decision {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(260px, .8fr) minmax(300px, 1.2fr);
  align-items: center;
  gap: 8px 24px;
  padding: 17px 18px;
  border: 1px solid #b9cfc2;
  border-left: 6px solid #4c8066;
  border-radius: 10px;
  background: #f0f7f3;
}
.precheck-summary > .precheck-decision > div { display: grid; gap: 4px; padding: 0; border: 0; background: transparent; }
.precheck-decision > div strong { color: #27583f; font-size: 17px; letter-spacing: .02em; }
.precheck-decision > p { color: #3f4b43; }
.precheck-decision .precheck-legal { grid-column: 1 / -1; padding-top: 8px; border-top: 1px solid rgba(69, 92, 78, .15); color: #606a63; font-size: 10px; }
.precheck-decision.is-failed { border-color: #ddc394; border-left-color: #a66b20; background: #fff8e9; }
.precheck-decision.is-failed > div strong { color: #825313; }
.precheck-decision.is-danger { border-color: #e0acac; border-left-color: #b04444; background: #fff0f0; }
.precheck-decision.is-danger > div strong { color: #9d3030; }
.precheck-decision.is-incomplete { border-color: #b9cad1; border-left-color: #5a747e; background: #f1f6f7; }
.precheck-decision.is-incomplete > div strong { color: #435f69; }

.catalog-code-button,
.service-catalog-button { color: #43675a; border-color: #9fb9ad; background: #f4f8f5; }
.catalog-code-button:hover,
.service-catalog-button:hover { border-color: #6d9483; background: #eaf2ed; }
.catalog-code-button.has-code,
.service-catalog-button.has-finding { color: #315f4b; border-color: #9fc5b1; background: #edf7f1; }
.catalog-code-button small,
.service-catalog-button small { color: #6c7770; }
.assessment-warning { color: #835f27; }
.service-finding-row { background: #fbfcfa; }
.service-finding-details { border-color: #d8ddd7; background: #f7f8f5; }
.customer-visibility { color: #455149; border-color: #c8ddd2; background: #f0f7f3; }

.measurement-block h4 { color: #4a554e; }
.service-fluid-block { padding: 20px; border: 1px solid #dedbd2; border-radius: 13px; background: #faf9f6; }
.measurement-block + .measurement-block { border-top-color: var(--line); }
.service-check-grid { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 9px; margin-bottom: 18px; }
.service-check { display: grid; min-height: 48px; grid-template-columns: auto 1fr; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #ddd9d0; border-radius: 10px; color: #3e4842; background: #fff; }
.service-check input { width: 18px; min-height: 18px; margin: 0; padding: 0; accent-color: #4f7564; }
.service-check.standalone { align-self: end; }
.service-detail-fields { margin-top: 4px; }
.service-subhelp { max-width: 920px; margin: -7px 0 17px; color: #667069; font-size: 13px; line-height: 1.55; }
.service-check-grid-tight { margin-top: 16px; margin-bottom: 16px; }
.service-calc-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 17px; padding: 13px 15px; border: 1px solid #d8ddd8; border-radius: 10px; background: #f3f6f4; }
.service-calc-bar p { margin: 0; color: #59655e; font-size: 12px; line-height: 1.45; }
.service-calc-bar .quiet-button { flex: 0 0 auto; }

.cost-table th,
.cost-summary span { color: #667069; }
.cost-table td { border-top-color: var(--line); }
.cost-table td:nth-child(6),
.cost-summary strong,
.cost-summary .total strong { color: #303832; }
.signature-block span { color: #5f6962; }
.signature-block canvas { border-color: #b9c0ba; background: #fff; }

.app-dialog { color: var(--text); border-color: #cbc8bf; background: #fff; box-shadow: 0 28px 85px rgba(33, 38, 34, .22); }
.app-dialog::backdrop { background: rgba(45, 49, 45, .44); }
.dialog-head > button { color: #59635c; border-color: var(--line); background: #f6f5f1; }
.document-choice > button { color: #303832; border-color: var(--line); background: #fbfaf7; }
.document-choice > button:hover { border-color: #b6c4bb; background: #f3f6f3; }
.document-choice small,
.dialog-warning,
.catalog-intro,
.catalog-source { color: #667069; }
.catalog-results > button { color: #303832; border-color: var(--line); background: #fbfaf7; }
.catalog-results > button:hover,
.catalog-results > button[aria-selected="true"] { border-color: #aabdb2; background: #eef3ef; }
.catalog-results > button small,
.catalog-results > button em { color: #626d66; }
.catalog-results > button b { color: #82591c; background: #fff4db; }
.catalog-detail { border-color: #d2cec5; background: #f8f7f3; }
.catalog-code { color: #376655; background: #e5f0ea; }
.catalog-fault { color: #354039; }
.catalog-assessment { border-color: #ddc79f; background: #fff7e6; }
.catalog-assessment small { color: #626c65; }
.catalog-assessment strong,
.catalog-caution { color: #825a1d; }
.catalog-method { border-top-color: var(--line); }
.catalog-method p { color: #56615a; }
.service-explanation-preview { border-color: #c9ddd3; background: #f0f7f3; }
.service-explanation-preview small { color: #3f6d5b; }
.service-explanation-preview p { color: #455149; }

.integration-status { color: #805c20; border-color: #dfc795; background: #fff7e6; }
.integration-status.connected { color: #2d674e; border-color: #aacdbb; background: #edf7f1; }
.field-status { color: #647068; }
.field-status.loading { color: #4d6f77; }
.field-status.success { color: #2f7557; }
.field-status.error { color: #a53e46; }
.toast { color: #29322c; border-color: #b8d0c3; background: rgba(250, 252, 250, .98); }
.toast span { color: #626d66; }

@media (max-width: 1180px) {
  .service-check-grid { grid-template-columns: repeat(2, minmax(150px, 1fr)); }
  .precheck-decision { grid-template-columns: 1fr; }
  .precheck-decision .precheck-legal { grid-column: 1; }
}

@media (max-width: 650px) {
  .service-check-grid { grid-template-columns: 1fr; }
  .service-calc-bar { align-items: stretch; flex-direction: column; }
  .service-calc-bar .quiet-button { width: 100%; }
  .precheck-decision { padding: 15px; }
  .precheck-decision > div strong { font-size: 15px; }
}

/* Professional steel-blue accent – version 1.4.1. */
:root {
  --purple: #5a7187;
  --purple-2: #49647c;
  --cyan: #607f99;
  --green: #58768d;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible { outline-color: rgba(74, 105, 132, .28); }

.auth-visual { background: linear-gradient(145deg, #3d5062, #586d80 60%, #748391); }
.auth-copy h1 em,
.auth-brand i { color: #e1ebf3; }
.auth-card-head > span,
.kicker { color: #58738b; }
input:focus,
textarea:focus,
select:focus { border-color: #8197aa; box-shadow: 0 0 0 4px rgba(74, 105, 132, .10); }

.primary-button { background: #506b83; box-shadow: 0 9px 20px rgba(55, 79, 101, .18); }
.primary-button:hover { background: #435d74; box-shadow: 0 12px 24px rgba(55, 79, 101, .22); }
.complete-button { color: #405e76; border-color: #b6c7d5; background: #edf2f6; }
.complete-button:hover { background: #e3ebf1; }
.text-button,
.back-button { color: #526b80; }
.text-button:hover,
.back-button:hover { color: #344e65; }

.app-brand .brand-symbol { border-color: #516c84; background: #516c84; }
.side-nav button.is-active { color: #293a49; border-color: #d2dce4; background: #eaf0f4; }
.nav-icon,
.side-nav .is-active .nav-icon { color: #5b758c; }
.user-chip > span { background: #5b748a; }
.welcome-card { background: linear-gradient(125deg, #ffffff, #edf1f4 62%, #e3e9ee); }
.welcome-card::after { border-color: rgba(74, 105, 132, .07); }
.welcome-card h2 span { color: #536f87; }
.welcome-gauge { border-top-color: #66839b; border-right-color: #a4b5c3; box-shadow: inset 0 0 35px rgba(65, 91, 113, .06); }
.welcome-gauge div span { color: #5b758c; }

.document-badge { color: #4f677b; background: #e8edf1; }
.document-badge.precheck { color: #486a84; background: #e5eef4; }
.editor-notice,
.editor-notice.compact-notice { color: #405d74; border-color: #ccd9e3; background: #f0f5f8; }
.editor-notice span { color: #5d6973; }
.compact-notice { padding-block: 13px; }
.editor-tabs button.is-active { color: #293b4a; background: #e8eef3; box-shadow: inset 0 0 0 1px #d1dce5; }
.editor-tabs button span { color: #56758f; }
.section-number { color: #506c83; border-color: #cbd8e2; background: #edf2f6; }
.field-help a,
.catalog-source a { color: #486f8d; }

.status-options button[data-status="ok"].is-active { color: #405f78; border-color: #b4c8d8; background: #edf3f7; }
.precheck-decision { border-color: #bdcedb; border-left-color: #557893; background: #f0f5f8; }
.precheck-decision > div strong { color: #345c79; }
.precheck-decision .precheck-legal { border-top-color: rgba(62, 88, 109, .15); }
.catalog-code-button,
.service-catalog-button { color: #486a84; border-color: #aebfcd; background: #f3f7f9; }
.catalog-code-button:hover,
.service-catalog-button:hover { border-color: #7f9bb0; background: #eaf1f5; }
.catalog-code-button.has-code,
.service-catalog-button.has-finding { color: #3f6380; border-color: #adc3d3; background: #edf3f7; }
.customer-visibility,
.service-explanation-preview { border-color: #ccd9e2; background: #f0f5f8; }
.service-explanation-preview small { color: #466d8a; }
.service-check input { accent-color: #56748c; }
.catalog-results > button:hover,
.catalog-results > button[aria-selected="true"] { border-color: #acbbc7; background: #eef2f5; }
.catalog-code { color: #466b87; background: #e7eff5; }
.integration-status.connected { color: #426781; border-color: #b5c9d7; background: #edf3f7; }
.field-status.success { color: #466f8d; }
.toast { border-color: #c0d0dc; background: rgba(250, 252, 253, .98); }

/* Arbeidstid, kundesammendrag og dokumenterte bilder – v1.7.0. */
.side-nav .tablet-link {
  display: grid;
  min-height: 49px;
  grid-template-columns: 28px 1fr;
  align-items: center;
  margin-top: 7px;
  padding: 0 13px;
  border: 1px solid #d7dfe5;
  border-radius: 11px;
  color: #526b80;
  background: #f4f7f9;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.side-nav .tablet-link:hover { color: #304b61; border-color: #bfcdd8; background: #eaf0f4; }

.work-timer-card { border-color: #cbd8e2; background: linear-gradient(135deg,#fff,#f4f7f9); }
.work-timer-layout { display: grid; grid-template-columns: minmax(190px,.7fr) minmax(280px,1.2fr) minmax(250px,1fr); gap: 18px; align-items: end; }
.timer-state { margin-left: auto; padding: 7px 11px; border: 1px solid #d3dbe1; border-radius: 999px; color: #697681; background: #f7f9fa; font-size: 11px; font-weight: 800; }
.timer-state.is-running { color: #995313; border-color: #e3bd8c; background: #fff5e8; }
.timer-clock { display: flex; min-height: 119px; flex-direction: column; justify-content: center; padding: 18px; border: 1px solid #cad7e1; border-radius: 13px; background: #eaf0f4; }
.timer-clock small { color: #607181; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.timer-clock strong { margin: 7px 0 5px; color: #293d4e; font-size: clamp(28px,3vw,42px); font-variant-numeric: tabular-nums; letter-spacing: .03em; }
.timer-clock span { overflow: hidden; color: #607080; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.timer-controls,.timer-pricing { display: grid; gap: 10px; }
.timer-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.time-entry-list { display: grid; gap: 7px; margin-top: 17px; }
.time-entry { display: grid; grid-template-columns: 1fr auto 34px; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid #dbe1e5; border-radius: 10px; background: #fff; }
.time-entry div { display: grid; gap: 3px; }
.time-entry strong { color: #303b43; font-size: 12px; }
.time-entry small,.empty-time { margin: 0; color: #6e7982; font-size: 10px; }
.time-entry > span { color: #405d74; font-size: 13px; font-weight: 900; font-variant-numeric: tabular-nums; }

.customer-summary-card { border-color: #cbd8e2; background: linear-gradient(145deg,#fff,#f6f8fa); }
.customer-summary-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.customer-summary-grid label { display: grid; gap: 7px; padding: 13px; border: 1px solid #d8dfe4; border-top: 5px solid #6b8397; border-radius: 11px; background: #fff; }
.customer-summary-grid label > span { color: #354a5c; font-size: 12px; font-weight: 900; }
.customer-summary-grid textarea { min-height: 126px; resize: vertical; }
.customer-summary-grid .summary-followup { border-top-color: #b8873e; }
.customer-summary-grid .summary-important { border-top-color: #ad5555; }

.photo-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.photo-card.rich-photo-card { display: grid; overflow: visible; aspect-ratio: auto; border-radius: 13px; background: #fff; box-shadow: 0 8px 22px rgba(44,54,61,.06); }
.photo-image { position: relative; overflow: hidden; aspect-ratio: 4/3; border-radius: 12px 12px 0 0; background: #e9edf0; }
.photo-card.rich-photo-card img { display: block; width: 100%; height: 100%; object-fit: contain; }
.photo-image > span { position: absolute; top: 9px; left: 9px; padding: 5px 8px; border-radius: 999px; color: #fff; background: rgba(35,51,64,.86); font-size: 9px; font-weight: 900; }
.photo-card.rich-photo-card figcaption { display: grid; gap: 8px; padding: 11px; }
.photo-card.rich-photo-card figcaption > div { display: grid; grid-template-columns: 1fr auto; gap: 7px; }
.photo-card.rich-photo-card button { position: static; width: auto; height: auto; }
.photo-card.rich-photo-card input,.photo-card.rich-photo-card select { min-height: 39px; font-size: 11px; }

.app-dialog.photo-editor-dialog { width: min(1100px,calc(100% - 24px)); max-height: calc(100vh - 24px); padding: 24px; overflow: auto; }
.photo-editor-tools { display: grid; grid-template-columns: 160px 1fr 140px 120px; gap: 10px; margin-bottom: 14px; }
.photo-editor-canvas-wrap { display: grid; min-height: 300px; place-items: center; overflow: auto; padding: 10px; border: 1px solid #d4dce2; border-radius: 12px; background: #e7ebee; }
#photoEditorCanvas { display: block; max-width: 100%; max-height: 62vh; touch-action: none; background: #fff; box-shadow: 0 6px 22px rgba(31,42,50,.14); }

@media (max-width: 1050px) {
  .work-timer-layout { grid-template-columns: 1fr 1fr; }
  .timer-clock { grid-column: 1 / -1; }
  .photo-grid { grid-template-columns: 1fr 1fr; }
  .photo-editor-tools { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .work-timer-layout,.customer-summary-grid,.photo-grid,.photo-editor-tools { grid-template-columns: 1fr; }
  .timer-clock { grid-column: 1; }
  .timer-state { margin-left: 0; }
  .photo-card.rich-photo-card figcaption > div { grid-template-columns: 1fr; }
}

/* Teknisk bibliotek – v1.9.0 med sensorlaboratorium. */
.knowledge-view { color: #27333b; }
.knowledge-hero {
  position: relative;
  display: grid;
  overflow: hidden;
  grid-template-columns: 1fr auto;
  gap: 32px;
  align-items: center;
  padding: 34px 38px;
  border: 1px solid #c8d4dd;
  border-radius: 20px;
  background: linear-gradient(132deg,#fff 0%,#eef3f6 62%,#dfe8ee 100%);
  box-shadow: 0 18px 42px rgba(48,66,79,.08);
}
.knowledge-hero::after { position: absolute; right: -110px; bottom: -185px; width: 330px; height: 330px; border: 54px solid rgba(75,105,129,.07); border-radius: 50%; content: ""; }
.knowledge-hero > * { position: relative; z-index: 1; }
.knowledge-hero h2 { max-width: 780px; margin: 3px 0 12px; color: #20303b; font-size: clamp(27px,3vw,43px); letter-spacing: -.045em; }
.knowledge-hero p { max-width: 770px; margin: 0; color: #586871; font-size: 13px; line-height: 1.7; }
.knowledge-trust { display: grid; min-width: 150px; justify-items: center; padding: 20px; border: 1px solid rgba(77,104,124,.2); border-radius: 17px; background: rgba(255,255,255,.64); }
.knowledge-trust strong { color: #334f64; font-size: 42px; line-height: 1; }
.knowledge-trust span { margin-top: 5px; font-size: 11px; font-weight: 850; }
.knowledge-trust small { margin-top: 10px; color: #687782; font-size: 8px; }

.knowledge-tools { display: grid; grid-template-columns: minmax(280px,1.7fr) minmax(150px,.7fr) minmax(150px,.7fr) auto; gap: 11px; align-items: end; margin: 18px 0 12px; padding: 15px; border: 1px solid #d3dce2; border-radius: 15px; background: #fff; box-shadow: 0 8px 25px rgba(48,60,69,.04); }
.knowledge-tools label { gap: 6px; }
.knowledge-tools label > span { color: #5b6871; font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.knowledge-tools input,.knowledge-tools select { min-height: 46px; color: #26323a; border-color: #cbd4da; background: #f9fafb; font-size: 12px; }
.knowledge-search input { padding-left: 42px; background-image: linear-gradient(transparent,transparent); }
.knowledge-tools .quiet-button { min-height: 46px; color: #405c72; white-space: nowrap; }

.knowledge-quick { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.knowledge-quick button { display: grid; gap: 5px; min-height: 78px; padding: 14px 16px; border: 1px solid #d4dce1; border-radius: 13px; color: #27343d; background: #fff; text-align: left; cursor: pointer; transition: border-color .2s, transform .2s, box-shadow .2s; }
.knowledge-quick button:hover { transform: translateY(-2px); border-color: #94a9b8; box-shadow: 0 10px 24px rgba(46,64,76,.08); }
.knowledge-quick span { color: #667985; font-size: 9px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.knowledge-quick strong { color: #283b49; font-size: 12px; }

.knowledge-status { display: flex; align-items: center; justify-content: space-between; margin: 25px 2px 11px; }
.knowledge-status > div { display: flex; align-items: baseline; gap: 10px; }
.knowledge-status strong { color: #2b3d49; font-size: 14px; }
.knowledge-status span { color: #71808a; font-size: 10px; }
.knowledge-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.knowledge-card { display: flex; min-height: 255px; flex-direction: column; padding: 18px; border: 1px solid #d4dce1; border-radius: 15px; color: #28343c; background: #fff; box-shadow: 0 9px 26px rgba(43,58,68,.045); text-align: left; cursor: pointer; transition: transform .2s,border-color .2s,box-shadow .2s; }
.knowledge-card:hover { transform: translateY(-3px); border-color: #9bb0bf; box-shadow: 0 15px 34px rgba(43,58,68,.09); }
.knowledge-card-top,.knowledge-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.knowledge-card-top i,.knowledge-level { display: inline-flex; align-items: center; padding: 5px 7px; border-radius: 999px; font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; }
.knowledge-kind { color: #42637b; background: #eaf1f5; }
.knowledge-kind.sensor { color: #176457; background: #e7f5f0; }
.knowledge-kind.bulletin { color: #725327; background: #f7efe1; }
.knowledge-kind.diagnosis { color: #5b4773; background: #f1ecf5; }
.knowledge-kind.procedure { color: #4f5f67; background: #edf0f2; }
.knowledge-level { border: 1px solid #c9d5de; color: #46657b; background: #f2f6f8; white-space: nowrap; }
.knowledge-level.supplier { color: #725426; border-color: #ddc89f; background: #fff8e9; }
.knowledge-level.oem { color: #8d3e43; border-color: #dfb6ba; background: #fff1f2; }
.knowledge-level.general { color: #5c4c72; border-color: #cfc1dc; background: #f7f2fa; }
.knowledge-card > strong { margin: 20px 0 7px; color: #20313d; font-size: 17px; line-height: 1.25; letter-spacing: -.02em; }
.knowledge-card > small { color: #5f6f79; font-size: 10px; line-height: 1.6; }
.knowledge-vehicle { margin-top: 14px; color: #496477; font-size: 9px; font-weight: 750; line-height: 1.5; }
.knowledge-card-bottom { margin-top: auto; padding-top: 17px; border-top: 1px solid #e1e6e9; }
.knowledge-card-bottom em { color: #78858d; font-size: 8px; font-style: normal; }
.knowledge-card-bottom b { color: #405f76; font-size: 9px; }
.knowledge-empty { grid-column: 1/-1; min-height: 260px; }

.knowledge-safety { display: grid; grid-template-columns: 1.25fr repeat(3,1fr); gap: 13px; align-items: center; margin-top: 18px; padding: 18px; border: 1px solid #d1d9de; border-radius: 14px; background: #f7f8f8; }
.knowledge-safety > strong { color: #2d3e49; font-size: 12px; }
.knowledge-safety > div { display: grid; gap: 7px; padding-left: 13px; border-left: 1px solid #d7dde0; }
.knowledge-safety p { margin: 0; color: #6a767d; font-size: 9px; line-height: 1.45; }

.app-dialog.knowledge-dialog { width: min(1120px,calc(100% - 24px)); max-height: calc(100vh - 24px); overflow: auto; color: #25323a; background: #fff; }
.knowledge-dialog > article { padding: 27px; }
.knowledge-dialog-head { padding-bottom: 20px; border-bottom: 1px solid #d9e0e4; }
.knowledge-dialog-head h2 { color: #1f303b; font-size: 28px; }
.knowledge-dialog-head p { max-width: 800px; margin: 7px 0 0; color: #62727c; font-size: 11px; }
.knowledge-detail-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 15px; }
.knowledge-detail-meta > span:last-child { color: #526773; font-size: 10px; font-weight: 750; }
.knowledge-safety-tag { display: inline-flex; padding: 5px 8px; border: 1px solid #cbd6dd; border-radius: 999px; color: #536874; background: #f5f7f8; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.knowledge-safety-tag.caution { color: #76551f; border-color: #dec89d; background: #fff8e8; }
.knowledge-safety-tag.critical { color: #923d43; border-color: #e0b7ba; background: #fff0f1; }
.knowledge-summary { margin: 0 0 18px; padding: 15px 17px; border-left: 5px solid #58778e; border-radius: 5px 11px 11px 5px; color: #31434e; background: #edf3f6; font-size: 13px; font-weight: 650; line-height: 1.65; }

.knowledge-diagram { margin: 18px 0; padding: 14px; border: 1px solid #d4dde2; border-radius: 15px; background: #f8fafb; }
.knowledge-diagram svg { display: block; width: 100%; max-height: 390px; }
.knowledge-diagram svg text { fill: #334955; font: 700 13px/1 Arial,sans-serif; }
.knowledge-diagram svg line,.knowledge-diagram svg path { fill: none; stroke: #506a7a; stroke-width: 3; }
.knowledge-diagram svg circle,.knowledge-diagram svg rect { fill: #fff; stroke: #506a7a; stroke-width: 2; }
.knowledge-diagram svg .diagram-source { fill: #edf3f7; }.knowledge-diagram svg .diagram-fuse { fill: #fff4dc; stroke: #aa7824; }.knowledge-diagram svg .diagram-load { fill: #eef5f1; stroke: #527663; }.knowledge-diagram svg .diagram-control,.knowledge-diagram svg .diagram-coil { fill: #eef0f8; stroke: #667096; }.knowledge-diagram svg .diagram-box { fill: #f5f7f8; }.knowledge-diagram svg .diagram-dashed { stroke-dasharray: 7 7; }.knowledge-diagram svg .diagram-meter { stroke: #8d5b70; }.knowledge-diagram svg .diagram-socket { fill: #e7ecef; stroke-width: 5; }.knowledge-diagram svg .diagram-pin { fill: #fff; stroke-width: 3; }
.knowledge-diagram > p { margin: 7px 4px 0; color: #687981; font-size: 9px; line-height: 1.5; }
.sensor-flow { display: grid; grid-template-columns: repeat(7,auto); gap: 10px; align-items: center; }
.sensor-flow > div { display: grid; min-height: 105px; place-content: center; gap: 7px; padding: 14px; border: 1px solid #ced9de; border-radius: 13px; background: #f8fafb; text-align: center; }
.sensor-flow > div span { color: #197064; font-size: 9px; font-weight: 900; }.sensor-flow > div strong { color: #263d48; font-size: 12px; }.sensor-flow > div small { color: #697981; font-size: 9px; }.sensor-flow > b { color: #819098; font-size: 9px; text-transform: uppercase; }
.timing-diagram { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 12px; }
.timing-diagram > div { display: grid; min-height: 105px; align-content: center; gap: 4px; padding: 14px; border: 1px solid #cdd8df; border-radius: 12px; background: #fff; }
.timing-diagram > b { color: #617887; font-size: 20px; }
.timing-diagram span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #fff; background: #557389; font-size: 9px; }
.timing-diagram strong { color: #2b3d48; font-size: 12px; }.timing-diagram small { color: #6e7b83; font-size: 9px; }

.knowledge-detail-section,.knowledge-warning,.knowledge-sources { margin-top: 20px; }
.knowledge-detail-section > h3,.knowledge-warning h3,.knowledge-sources h3 { margin: 0 0 11px; color: #2b3e49; font-size: 15px; }
.knowledge-table-wrap { overflow-x: auto; border: 1px solid #d4dce1; border-radius: 11px; }
.knowledge-table { width: 100%; border-collapse: collapse; font-size: 10px; }
.knowledge-table th { padding: 10px; color: #4a5d68; background: #eef2f4; text-align: left; text-transform: uppercase; letter-spacing: .04em; }
.knowledge-table td { padding: 10px; border-top: 1px solid #dde3e6; color: #3d4b53; vertical-align: top; }
.knowledge-table td:first-child { color: #2d4657; font-weight: 900; }
.knowledge-table.applicability td:first-child { width: 180px; background: #f6f8f9; }
.measurement-table th:nth-child(1) { width: 19%; }.measurement-table th:nth-child(2) { width: 25%; }.measurement-table th:nth-child(3) { width: 25%; }
.measurement-table td:nth-child(3) { color: #175f54; background: #f3faf7; font-weight: 850; }
.knowledge-measurement-note { margin: 8px 2px 0; color: #6c7a82; font-size: 9px; line-height: 1.5; }
.pin-table td:first-child { width: 70px; font-size: 13px; }
.knowledge-warning { padding: 15px 17px; border: 1px solid #dfc58d; border-radius: 12px; background: #fff9eb; }
.knowledge-warning h3 { color: #77531c; }
.knowledge-warning ul { display: grid; gap: 7px; margin: 0; padding-left: 18px; color: #5f5543; font-size: 10px; line-height: 1.55; }
.knowledge-steps { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.knowledge-steps li { display: grid; grid-template-columns: 38px 1fr; gap: 12px; padding: 12px; border: 1px solid #d9e0e4; border-radius: 11px; background: #fff; }
.knowledge-steps li > span { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 9px; color: #47657b; background: #eaf0f4; font-size: 9px; font-weight: 900; }
.knowledge-steps strong { color: #2a3d48; font-size: 11px; }.knowledge-steps p { margin: 4px 0 0; color: #5c6b73; font-size: 10px; line-height: 1.55; }
.knowledge-checks { display: grid; grid-template-columns: repeat(2,1fr); gap: 7px; margin: 0; padding: 0; list-style: none; }
.knowledge-checks li { padding: 9px 11px 9px 31px; border: 1px solid #d8e0e4; border-radius: 9px; color: #46565f; background: #f8fafb; font-size: 9px; position: relative; }
.knowledge-checks li::before { position: absolute; left: 10px; color: #52748b; content: "□"; font-size: 13px; }
.knowledge-sources { padding: 16px; border: 1px solid #cbd7de; border-radius: 12px; background: #eef4f6; }
.knowledge-sources ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.knowledge-sources li { display: grid; gap: 3px; }
.knowledge-sources a { color: #355f7a; font-size: 10px; font-weight: 850; text-decoration: none; }
.knowledge-sources li span,.knowledge-sources p { color: #67757d; font-size: 8px; line-height: 1.5; }
.knowledge-sources p { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid #cfdae0; }
.knowledge-dialog-actions { position: sticky; bottom: -27px; margin: 25px -27px -27px; padding: 15px 27px; border-top: 1px solid #d7dfe3; background: rgba(255,255,255,.96); backdrop-filter: blur(8px); }

@media (max-width: 1100px) {
  .knowledge-tools { grid-template-columns: 1fr 1fr; }
  .knowledge-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .knowledge-quick { grid-template-columns: repeat(2,1fr); }
  .knowledge-safety { grid-template-columns: 1fr 1fr; }
  .knowledge-safety > div { border-left: 0; padding-left: 0; }
}
@media (max-width: 650px) {
  .knowledge-hero { grid-template-columns: 1fr; padding: 24px 20px; }
  .knowledge-trust { justify-self: stretch; }
  .knowledge-tools,.knowledge-grid,.knowledge-quick,.knowledge-safety,.knowledge-checks { grid-template-columns: 1fr; }
  .knowledge-status { align-items: flex-start; flex-direction: column; gap: 8px; }
  .knowledge-status > div { align-items: flex-start; flex-direction: column; gap: 3px; }
  .knowledge-card { min-height: 235px; }
  .knowledge-dialog > article { padding: 17px; }
  .knowledge-dialog-head h2 { font-size: 22px; }
  .knowledge-dialog-actions { bottom: -17px; margin: 20px -17px -17px; padding: 12px 17px; flex-wrap: wrap; }
  .knowledge-dialog-actions button { flex: 1 1 140px; }
  .sensor-flow { grid-template-columns: 1fr; }.sensor-flow > b { text-align: center; }
  .timing-diagram { grid-template-columns: 1fr; }.timing-diagram > b { transform: rotate(90deg); text-align: center; }
  .knowledge-table.applicability td:first-child { width: 120px; }
}

/* v1.10.0 – egne tekniske notater, favoritter, servicefrister og verkstedverktøy. */
.knowledge-tools { grid-template-columns: minmax(260px,1.7fr) minmax(145px,.7fr) minmax(135px,.62fr) minmax(145px,.7fr) auto; }
.knowledge-trust .quiet-button { position: relative; z-index: 2; width: 100%; margin-top: 13px; min-height: 38px; font-size: 10px; }
.knowledge-card-flags { display: inline-flex; gap: 6px; align-items: center; }
.knowledge-star { color: #a26b18; font-size: 14px; font-style: normal; line-height: 1; }
.knowledge-level.user { color: #315f55; border-color: #a9ccc2; background: #eef8f5; }

.due-panel { margin-bottom: 18px; border-color: #d9ccb7; background: linear-gradient(145deg,#fff,#fcfaf5); }
.due-panel .panel-head > small { color: #7a6f5f; font-size: 9px; }
.due-list { display: grid; gap: 8px; }
.due-row { display: grid; width: 100%; grid-template-columns: minmax(0,1.4fr) minmax(220px,.8fr) auto; gap: 14px; align-items: center; padding: 13px 15px; border: 1px solid #dedfdc; border-radius: 11px; color: #2f3b42; background: #fff; text-align: left; cursor: pointer; }
.due-row:hover { border-color: #b7c4cc; box-shadow: 0 6px 18px rgba(42,52,59,.06); }
.due-row > span { display: grid; gap: 3px; min-width: 0; }
.due-row strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.due-row small { color: #707b82; font-size: 9px; }
.due-row > span:nth-child(2) { text-align: right; }
.due-row > b { color: #667c8c; font-size: 20px; }
.due-row.soon { border-left: 5px solid #b8863d; }
.due-row.overdue { border-left: 5px solid #a64f4f; background: #fffafa; }
.due-row.overdue > span:nth-child(2) small { color: #9a4646; font-weight: 800; }

.tool-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.tool-card { display: grid; align-content: start; gap: 15px; }
.tool-card .form-card-head { margin-bottom: 0; }
.tool-result { display: grid; min-height: 66px; align-content: center; gap: 5px; padding: 13px 15px; border: 1px solid #cfdbe3; border-radius: 11px; color: #4d626f; background: #f2f6f8; font-size: 10px; line-height: 1.5; }
.tool-result strong { color: #29485d; font-size: 20px; font-variant-numeric: tabular-nums; }
.tool-result span { color: #5f707a; }
.tool-result.compact { min-height: 48px; }
.unit-tool { display: grid; grid-template-columns: minmax(150px,.65fr) minmax(0,1.35fr); gap: 12px; align-items: end; }
.tool-note { display: flex; gap: 15px; align-items: center; margin-top: 17px; padding: 15px 17px; border: 1px solid #d5dde2; border-radius: 12px; background: #f8fafb; }
.tool-note strong { color: #38586e; font-size: 11px; white-space: nowrap; }
.tool-note span { color: #65737b; font-size: 9px; line-height: 1.5; }

.system-info { overflow: hidden; margin-bottom: 12px; padding: 12px; border: 1px solid #d6dee3; border-radius: 11px; background: #f8fafb; }
.system-info > span { color: #6a777f; font-size: 10px; }
.system-info dl { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 8px 12px; margin: 0; }
.system-info dt { color: #687780; font-size: 9px; font-weight: 800; }
.system-info dd { min-width: 0; margin: 0; color: #334752; font-size: 10px; overflow-wrap: anywhere; }
.system-info code { padding: 2px 5px; border-radius: 4px; background: #eaf0f3; font-size: 9px; }
.secondary-download { margin-top: 8px; }
.error-text { color: #a14646 !important; }

.app-dialog.knowledge-note-dialog { width: min(980px,calc(100% - 24px)); max-height: calc(100vh - 24px); overflow: auto; }
.knowledge-note-dialog form { padding: 25px; }
.knowledge-note-dialog .note-fields { margin-top: 16px; }
.knowledge-note-dialog textarea { resize: vertical; }

@media (max-width: 1100px) {
  .knowledge-tools { grid-template-columns: 1fr 1fr; }
  .tool-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .due-row { grid-template-columns: 1fr auto; }
  .due-row > span:nth-child(2) { grid-column: 1 / -1; grid-row: 2; text-align: left; }
  .unit-tool,.system-info dl { grid-template-columns: 1fr; }
  .tool-note { align-items: flex-start; flex-direction: column; }
}

/* v1.11.0 – utvidet verkstedverktøykasse og kjøretøypark. */
.tools-intro { align-items: end; }
.tool-count { display:inline-flex; align-items:center; justify-content:center; min-width:96px; min-height:38px; padding:0 13px; border:1px solid #cad6dc; border-radius:999px; color:#476071; background:#f7fafb; font-size:10px; }
.tool-filterbar { display:grid; grid-template-columns:minmax(260px,1.4fr) minmax(180px,.6fr); gap:12px; margin:0 0 16px; padding:14px; border:1px solid #d8e0e4; border-radius:13px; background:#fbfcfc; }
.tool-filterbar label { display:grid; gap:6px; }
.tool-filterbar label > span { color:#65747d; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.tool-grid-large { align-items:start; }
.tool-card-wide { grid-column:1 / -1; }
.tool-button-row { display:flex; flex-wrap:wrap; gap:8px; }
.tool-button-row > button { flex:1 1 180px; }
.tool-actions { display:flex; gap:7px; justify-content:flex-end; padding-top:2px; }
.tool-actions button { min-height:30px; padding:6px 10px; border:1px solid #d2dade; border-radius:7px; color:#536875; background:#fff; font:800 8px/1 inherit; cursor:pointer; }
.tool-actions button:hover { border-color:#aebfc8; background:#f6f9fa; }
.tool-result.is-ok { border-color:#add0be; background:#f1faf5; }
.tool-result.is-ok strong { color:#276448; }
.tool-result.is-warn { border-color:#e1ca92; background:#fff9ea; }
.tool-result.is-warn strong { color:#825c16; }
.tool-result.is-bad { border-color:#d8aaaa; background:#fff4f4; }
.tool-result.is-bad strong { color:#9d3f3f; }
.tool-result.is-info { border-color:#c9d8e1; background:#f3f8fa; }
.tool-subresult { display:grid; gap:9px; padding:12px 14px; border:1px dashed #ccd7dd; border-radius:11px; color:#60717b; background:#fbfcfc; font-size:9px; line-height:1.45; }
.tool-subresult > strong { color:#385466; font-size:10px; }
.tool-subresult > small { color:#718087; font-size:8px; line-height:1.45; }
.tire-candidate-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.tire-candidate-grid button { display:flex; justify-content:space-between; gap:8px; align-items:center; padding:8px 9px; border:1px solid #d6dfe4; border-radius:8px; color:#445b68; background:#fff; cursor:pointer; text-align:left; }
.tire-candidate-grid button:hover { border-color:#9eb4c0; background:#f4f8fa; }
.tire-candidate-grid b { font-size:9px; }
.tire-candidate-grid span { color:#667a85; font-size:8px; font-variant-numeric:tabular-nums; }
.tool-legal { margin:0; padding:10px 12px; border-left:3px solid #b9a06b; color:#6c6758; background:#fbf8f1; font-size:8px; line-height:1.55; }
.tool-card textarea { resize:vertical; }
.tool-card[hidden] { display:none !important; }

.vehicle-toolbar { display:grid; grid-template-columns:minmax(260px,1fr) auto; gap:12px; align-items:end; margin-bottom:15px; }
.vehicle-toolbar label { display:grid; gap:6px; }
.vehicle-toolbar label span { color:#687780; font-size:9px; font-weight:800; }
.vehicle-count { color:#65747d; font-size:9px; }
.vehicle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.vehicle-card { display:grid; gap:13px; padding:17px; border:1px solid #d8dfe3; border-radius:13px; background:#fff; box-shadow:0 3px 12px rgba(42,55,64,.025); }
.vehicle-card:hover { border-color:#b9c8d0; box-shadow:0 8px 22px rgba(42,55,64,.06); }
.vehicle-card-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.vehicle-card-head > div { min-width:0; }
.vehicle-card-head strong { display:block; color:#263b48; font-size:17px; letter-spacing:.02em; }
.vehicle-card-head span { display:block; margin-top:4px; overflow:hidden; color:#5e717d; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.vehicle-card-head em { flex:none; padding:5px 7px; border-radius:999px; color:#4d6776; background:#edf3f6; font-size:8px; font-style:normal; font-weight:800; }
.vehicle-card-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.vehicle-card-meta div { display:grid; gap:2px; padding:9px 10px; border-radius:8px; background:#f7f9fa; }
.vehicle-card-meta small { color:#7a878e; font-size:8px; }
.vehicle-card-meta strong { color:#40555f; font-size:10px; }
.vehicle-card footer { display:flex; gap:8px; }
.vehicle-card footer button { flex:1; }
.vehicle-empty { grid-column:1/-1; }

@media (max-width: 1100px) {
  .tire-candidate-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .vehicle-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .tool-filterbar,.vehicle-toolbar { grid-template-columns:1fr; }
  .tool-card-wide { grid-column:auto; }
  .tire-candidate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vehicle-grid { grid-template-columns:1fr; }
  .vehicle-card-meta { grid-template-columns:1fr 1fr; }
}
@media (min-width: 1101px) {
  .stats-grid-app { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .stats-grid-app article { padding: 17px; gap: 12px; }
}
.vehicle-toolbar-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; }
.vehicle-toolbar-actions .quiet-button { min-height:36px; }
.vehicle-card footer { flex-wrap:wrap; }
.vehicle-card footer .text-button { min-height:36px; }
@media (max-width:700px){.vehicle-toolbar-actions{justify-content:space-between;}}

/* Diagnose- og kjøretøyjournal – v1.12.0 */
.journal-intro { align-items:flex-end; }
.journal-stats { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-bottom:15px; }
.journal-stats article { display:grid; gap:4px; padding:14px 15px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.journal-stats small { color:#73818a; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.journal-stats strong { color:#273d49; font-size:22px; line-height:1; }
.journal-stats span { color:#78868e; font-size:8px; }
.journal-toolbar { display:grid; grid-template-columns:minmax(260px,1fr) 220px auto; gap:12px; align-items:end; margin-bottom:15px; }
.journal-toolbar label { display:grid; gap:6px; }
.journal-toolbar label > span { color:#687780; font-size:9px; font-weight:800; }
.journal-toolbar > strong { align-self:center; color:#687780; font-size:9px; white-space:nowrap; }
.journal-list { display:grid; gap:10px; }
.journal-card { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:13px; align-items:center; padding:14px; border:1px solid #d8dfe3; border-radius:12px; background:#fff; }
.journal-card:hover { border-color:#bbc9d0; box-shadow:0 8px 24px rgba(37,54,64,.055); }
.journal-icon { display:grid; width:42px; height:42px; place-items:center; border-radius:11px; color:#365b70; background:#eef4f6; font-size:18px; font-weight:900; }
.journal-card.diagnosis .journal-icon { color:#5f4b8b; background:#f1edf8; }
.journal-card.battery .journal-icon { color:#7a6016; background:#fbf5df; }
.journal-card.brake .journal-icon { color:#8d453e; background:#faeeee; }
.journal-card.tires .journal-icon { color:#35624c; background:#edf6f0; }
.journal-main { min-width:0; }
.journal-card-head { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
.journal-card-head > div { min-width:0; }
.journal-card-head small { display:block; margin-bottom:3px; color:#7a8991; font-size:8px; font-weight:750; }
.journal-card-head strong { display:block; overflow:hidden; color:#293f4b; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.journal-main p { margin:6px 0 0; color:#5d6f79; font-size:9px; line-height:1.45; }
.journal-meta { display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:8px; color:#87949a; font-size:8px; }
.journal-card-actions { display:flex; gap:7px; align-items:center; }

.app-dialog.vehicle-profile-dialog { width:min(1120px,calc(100% - 24px)); max-height:calc(100vh - 24px); overflow:auto; }
.vehicle-profile-dialog > article { padding:26px; }
.vehicle-profile-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:0 0 16px; }
.vehicle-profile-summary > div { display:grid; gap:4px; padding:12px; border:1px solid #dde3e6; border-radius:10px; background:#f8fafb; min-width:0; }
.vehicle-profile-summary small { color:#7b8990; font-size:8px; }
.vehicle-profile-summary strong { overflow:hidden; color:#344b57; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.vehicle-profile-actions { display:flex; flex-wrap:wrap; gap:8px; padding:13px; border:1px solid #d9e0e3; border-radius:11px; background:#f7f9fa; }
.profile-tabs { display:flex; gap:5px; margin:18px 0 10px; padding-bottom:8px; border-bottom:1px solid #dce2e5; }
.profile-tabs button { padding:8px 12px; border:0; border-radius:8px; color:#687983; background:transparent; font-size:9px; font-weight:800; cursor:pointer; }
.profile-tabs button.is-active { color:#284958; background:#eaf1f4; }
.profile-panel { display:none; gap:8px; }
.profile-panel.is-active { display:grid; }
.profile-row { display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:12px; align-items:center; padding:12px 13px; border:1px solid #dde3e6; border-radius:10px; background:#fff; }
.profile-row-icon { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; color:#456372; background:#eff4f6; font-size:16px; font-weight:900; }
.profile-row > div { min-width:0; }
.profile-row small,.profile-row span { display:block; color:#7c8a91; font-size:8px; line-height:1.4; }
.profile-row strong { display:block; margin:2px 0 3px; color:#304751; font-size:10px; }
.profile-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.app-dialog.vehicle-record-dialog { width:min(1180px,calc(100% - 24px)); max-height:calc(100vh - 20px); overflow:auto; }
.vehicle-record-dialog form { padding:26px; }
.record-head-fields { margin-bottom:17px; padding:14px; border:1px solid #dce2e5; border-radius:12px; background:#f7f9fa; }
.record-panel { display:grid; gap:15px; }
.record-panel[hidden] { display:none !important; }
.record-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-top:4px; padding-bottom:9px; border-bottom:1px solid #dfe4e7; }
.record-section-head > div { display:flex; align-items:center; gap:9px; }
.record-section-head > div > span { display:grid; width:28px; height:28px; place-items:center; border-radius:8px; color:#3d6172; background:#edf4f6; font-size:8px; font-weight:900; }
.record-section-head h3 { margin:0; color:#2c424d; font-size:13px; }
.record-section-head p { max-width:500px; margin:3px 0 0; color:#78868e; font-size:8px; line-height:1.45; text-align:right; }
.record-section-head.compact { align-items:center; margin-top:7px; }
.record-table { display:grid; gap:7px; }
.record-table-row { display:grid; gap:7px; align-items:end; padding:9px; border:1px solid #dde4e7; border-radius:9px; background:#fafbfb; }
.record-table-row.freeze { grid-template-columns:1.3fr 1fr .6fr auto; }
.record-table-row.live { grid-template-columns:1.1fr 1fr 1fr 1.1fr auto; }
.record-table-row.test { grid-template-columns:1fr 1fr 1.4fr auto; }
.record-table-row label { display:grid; gap:4px; }
.record-table-row label span { color:#75848c; font-size:7px; font-weight:800; }
.record-table-row input { min-height:37px; }
.record-conclusion { margin-top:3px; }
.record-analysis { display:grid; gap:5px; padding:13px; border:1px solid #d6e0e4; border-radius:10px; color:#5f7079; background:#f6f9fa; font-size:9px; line-height:1.45; }
.record-analysis strong { color:#304b58; font-size:10px; }
.record-analysis small { color:#849098; font-size:8px; }
.brake-measure-grid { display:grid; gap:6px; padding:10px; border:1px solid #dce3e6; border-radius:10px; background:#fafbfb; }
.brake-measure-grid > div { display:grid; grid-template-columns:80px repeat(3,minmax(0,1fr)); gap:7px; align-items:center; }
.brake-measure-grid > div:first-child { color:#74838b; font-size:8px; font-weight:800; }
.brake-measure-grid > div strong { color:#4a606b; font-size:9px; }
.brake-measure-grid input { min-height:37px; }
.tire-depth-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.tire-depth-grid label { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:8px; padding:9px; border:1px solid #dce3e6; border-radius:9px; background:#fafbfb; }
.tire-depth-grid span { display:grid; width:30px; height:30px; place-items:center; border-radius:7px; color:#405a67; background:#eaf1f4; font-size:8px; font-weight:900; }
.vehicle-record-actions { position:sticky; bottom:-26px; z-index:5; margin:18px -26px -26px; padding:14px 26px; border-top:1px solid #dce2e5; background:rgba(255,255,255,.97); backdrop-filter:blur(8px); }
.vehicle-record-actions > span { flex:1; }

@media (max-width:1050px){
  .journal-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .vehicle-profile-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .record-table-row.live { grid-template-columns:1fr 1fr; }
  .record-table-row.live .remove-icon { grid-column:2; justify-self:end; }
}
@media (max-width:760px){
  .journal-toolbar { grid-template-columns:1fr; }
  .journal-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .journal-card { grid-template-columns:38px minmax(0,1fr); }
  .journal-card-actions { grid-column:1/-1; justify-content:flex-end; }
  .vehicle-profile-summary { grid-template-columns:1fr 1fr; }
  .profile-row { grid-template-columns:36px minmax(0,1fr); }
  .profile-row > button { grid-column:2; justify-self:start; }
  .record-table-row.freeze,.record-table-row.live,.record-table-row.test { grid-template-columns:1fr; }
  .record-table-row.live .remove-icon { grid-column:auto; }
  .brake-measure-grid > div { grid-template-columns:50px repeat(3,minmax(70px,1fr)); min-width:520px; }
  .brake-measure-grid { overflow-x:auto; }
  .tire-depth-grid { grid-template-columns:1fr 1fr; }
  .vehicle-record-dialog form,.vehicle-profile-dialog > article { padding:17px; }
  .vehicle-record-actions { bottom:-17px; margin:15px -17px -17px; padding:12px 17px; flex-wrap:wrap; }
}
.inline-field-actions { display:flex; justify-content:flex-end; margin-top:5px; }
.inline-field-actions .text-button { min-height:28px; padding:3px 4px; font-size:8px; }
.journal-toolbar-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; }
.journal-toolbar-actions strong { color:#687780; font-size:9px; white-space:nowrap; }
@media (max-width:760px){.journal-toolbar-actions{justify-content:space-between;}}

/* Ferdigstilling, dokumentlås og editorflyt – v1.13.0 */
.document-lock-banner {
  display:flex; align-items:center; justify-content:space-between; gap:16px; margin:14px 0 18px; padding:14px 16px;
  border:1px solid #b9cbd6; border-radius:12px; background:#eef4f7;
}
.document-lock-banner[hidden] { display:none !important; }
.document-lock-banner > div { display:flex; align-items:center; gap:11px; min-width:0; }
.document-lock-banner .lock-symbol { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border-radius:9px; background:#dce9ef; font-size:16px; }
.document-lock-banner strong,.document-lock-banner span { display:block; }
.document-lock-banner strong { color:#304d5c; font-size:11px; }
.document-lock-banner div div span { margin-top:3px; color:#667780; font-size:9px; line-height:1.4; }
.is-document-complete .document-lock-banner { border-color:#adc8bb; background:#eff6f2; }
.is-document-complete .document-lock-banner .lock-symbol { background:#dcece4; }
.is-document-complete .document-lock-banner strong { color:#365e4c; }

.completion-assistant { margin-bottom:16px; border-color:#cfdae0; background:linear-gradient(180deg,#fff,#f9fbfc); }
.completion-assistant-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:16px; }
.completion-assistant-head > div:first-child { display:flex; align-items:flex-start; gap:14px; min-width:0; }
.completion-assistant-head h3 { margin:0 0 4px; color:#2e4652; font-size:17px; }
.completion-assistant-head p { max-width:720px; margin:0; color:#71818a; font-size:9px; line-height:1.5; }
.completion-score { display:grid; min-width:120px; gap:3px; padding:10px 12px; border:1px solid #d8e0e4; border-radius:10px; text-align:center; background:#f6f9fa; }
.completion-score strong { color:#35586a; font-size:18px; }
.completion-score span { color:#74838b; font-size:8px; font-weight:800; }
.completion-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.completion-check { display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:10px; align-items:center; min-height:58px; padding:9px 11px; border:1px solid #dce3e6; border-radius:10px; text-align:left; background:#fff; cursor:pointer; }
.completion-check:hover { border-color:#bdccd3; background:#fbfcfc; }
.completion-check .completion-icon { display:grid; width:27px; height:27px; place-items:center; border-radius:8px; font-size:10px; font-weight:900; }
.completion-check strong { display:block; color:#40555f; font-size:9px; }
.completion-check small { display:block; margin-top:3px; color:#7b888f; font-size:8px; line-height:1.35; }
.completion-check b { color:#8a979d; font-size:8px; font-weight:800; white-space:nowrap; }
.completion-check.pass .completion-icon { color:#35664f; background:#e8f3ed; }
.completion-check.fail { border-color:#e1b8b5; background:#fff9f8; }
.completion-check.fail .completion-icon { color:#914d49; background:#fae7e5; }
.completion-check.fail b { color:#9a5550; }
.completion-check.warn { border-color:#e5d5ac; background:#fffdf7; }
.completion-check.warn .completion-icon { color:#80651e; background:#f8f0d8; }
.completion-check.warn b { color:#80651e; }
.completion-warning { display:flex; gap:7px; margin-top:12px; padding:10px 12px; border:1px solid #d7c9a3; border-radius:9px; color:#695a31; background:#fffaf0; font-size:8px; line-height:1.45; }
.completion-warning[hidden] { display:none !important; }

.completion-target { animation:completion-target-pulse 1.7s ease; }
@keyframes completion-target-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(164,89,80,0)} 20%,70%{box-shadow:0 0 0 4px rgba(164,89,80,.16)} }
.editor-tabs button.has-blocker:not(.is-active)::after,.editor-tabs button.has-warning:not(.is-active)::after { content:""; display:inline-block; width:6px; height:6px; margin-left:7px; border-radius:50%; vertical-align:middle; }
.editor-tabs button.has-blocker:not(.is-active)::after { background:#b45f59; }
.editor-tabs button.has-warning:not(.is-active)::after { background:#b68d34; }

.is-document-locked .editor-page input:disabled,
.is-document-locked .editor-page textarea:disabled,
.is-document-locked .editor-page select:disabled { opacity:1; color:#52616a; -webkit-text-fill-color:#52616a; border-color:#e1e5e7; background:#f5f6f6; cursor:not-allowed; }
.is-document-locked .editor-page button:disabled { opacity:.58; cursor:not-allowed; }
.is-document-locked .signature-block canvas { border-style:solid; background:#f7f8f8; cursor:not-allowed; }
.is-document-complete .complete-button,.is-document-complete .primary-button#saveButton { display:none !important; }

@media (max-width:850px) {
  .completion-checks { grid-template-columns:1fr; }
  .completion-assistant-head { align-items:flex-start; flex-direction:column; }
  .completion-score { min-width:0; width:100%; grid-template-columns:auto 1fr; align-items:center; text-align:left; }
  .document-lock-banner { align-items:flex-start; flex-direction:column; }
}


/* Autolagring og krasjgjenoppretting – v1.13.1 */
.save-indicator.saving{color:#4d7690}.save-indicator.error{color:#a85c50;font-weight:800}.recovery-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-6px 0 18px;padding:14px 16px;border:1px solid #b9cbd6;border-radius:12px;background:#eef5f8}.recovery-banner[hidden]{display:none!important}.recovery-banner>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}.recovery-icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:10px;color:#36596b;background:#dcebf1;font-size:18px;font-weight:900}.recovery-banner strong,.recovery-banner span{display:block}.recovery-banner strong{color:#304d5c;font-size:11px}.recovery-banner div div span{margin-top:3px;color:#657a84;font-size:9px;line-height:1.4}.recovery-actions{display:flex;gap:8px;flex:0 0 auto}@media(max-width:720px){.recovery-banner{align-items:flex-start;flex-direction:column}.recovery-actions{width:100%}.recovery-actions button{flex:1}}

/* ServiceOgEU 1.14 – verkstedflyt og hurtigarbeid */
.topbar-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line,#d9e0ea);background:var(--surface,#fff);border-radius:12px;padding:9px 12px;color:var(--muted,#667085);cursor:pointer;min-width:260px}.topbar-search:hover{border-color:#9aa8bb}.topbar-search kbd,.global-search-input kbd{font:inherit;font-size:11px;border:1px solid #d5dbe4;border-bottom-width:2px;border-radius:6px;padding:2px 6px;background:#f8fafc;color:#667085}
.workflow-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.workflow-intro-actions{display:flex;gap:10px}.workflow-toolbar{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(170px,.8fr) minmax(150px,.7fr) auto;gap:12px;align-items:end;margin:18px 0}.workflow-toolbar label{display:grid;gap:6px}.workflow-toolbar label span{font-size:12px;font-weight:700;color:#667085}.workflow-toolbar input,.workflow-toolbar select{min-height:42px}.workflow-toolbar>strong{padding:12px 4px;color:#475467;text-align:right}.workflow-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(285px,330px);gap:14px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x proximity}.workflow-column{background:#f6f8fb;border:1px solid #e1e6ef;border-radius:16px;min-height:480px;scroll-snap-align:start;transition:.15s}.workflow-column.is-dragover{outline:3px solid rgba(72,92,255,.22);background:#eef1ff}.workflow-column>header{display:flex;justify-content:space-between;gap:10px;padding:15px;border-bottom:1px solid #e1e6ef}.workflow-column>header div{display:grid;gap:2px}.workflow-column>header strong{font-size:14px}.workflow-column>header small{font-size:11px;color:#7a8699}.workflow-column>header>span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:20px;background:#fff;border:1px solid #dfe5ed;font-weight:800}.workflow-cards{display:grid;gap:10px;padding:10px}.workflow-empty{padding:26px 10px;text-align:center;color:#98a2b3;font-size:13px}.workflow-card{border:1px solid #dfe5ed;background:#fff;border-radius:13px;box-shadow:0 2px 7px rgba(23,36,58,.045);overflow:hidden}.workflow-card.priority-urgent{border-left:4px solid #d92d20}.workflow-card.priority-high{border-left:4px solid #f79009}.workflow-card-main{display:block;width:100%;background:none;border:0;text-align:left;padding:13px;cursor:pointer;color:inherit}.workflow-card-main>div{display:flex;align-items:center;gap:7px}.workflow-card-main>div strong{font-size:16px}.workflow-card-main>div small{margin-left:auto;color:#667085}.workflow-card-main>em{display:block;font-style:normal;font-size:11px;color:#98a2b3;margin:3px 0 8px}.workflow-card-main>p{margin:0 0 10px;font-size:13px;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-card-main footer{display:flex;gap:6px;flex-wrap:wrap}.workflow-card-main footer span{font-size:10px;font-weight:700;border:1px solid #e4e7ec;border-radius:999px;padding:3px 7px;color:#667085}.workflow-card-main footer span.overdue{color:#b42318;background:#fef3f2;border-color:#fecdca}.priority-dot{width:8px;height:8px;border-radius:50%;background:#98a2b3}.priority-urgent .priority-dot{background:#d92d20}.priority-high .priority-dot{background:#f79009}.priority-low .priority-dot{background:#12b76a}.workflow-card-actions{display:grid;grid-template-columns:1fr auto;border-top:1px solid #edf0f4;padding:8px;gap:6px}.workflow-card-actions select{min-width:0;font-size:12px;padding:7px}.workflow-card-actions button{font-size:12px}
.workorder-strip{display:grid;grid-template-columns:1fr 1fr .8fr .9fr 1fr auto;gap:8px;align-items:end;padding:12px 14px;margin:10px 0 16px;background:#f8f9ff;border:1px solid #dfe2ff;border-radius:14px}.workorder-strip>div{display:grid;gap:4px}.workorder-strip small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#697386;font-weight:800}.workorder-strip select,.workorder-strip input{min-height:37px;padding:7px 9px;font-size:12px}.locked-actions{display:flex;gap:8px;flex-wrap:wrap}
.workflow-alert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.workflow-alert{border:1px solid #e2e7ee;background:#fff;border-radius:13px;padding:14px;text-align:left;cursor:pointer;display:grid;gap:3px}.workflow-alert strong{font-size:24px}.workflow-alert span{font-size:12px;color:#667085}.workflow-alert:hover{border-color:#aeb8c8;transform:translateY(-1px)}
.qr-layout{display:grid;grid-template-columns:250px 1fr;gap:26px;align-items:center}.qr-box{display:grid;place-items:center;background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:10px;min-height:250px}.qr-box img,.qr-box canvas{max-width:100%;height:auto!important}.qr-copy{display:grid;gap:10px}.qr-copy>strong{font-size:19px}.qr-copy p{margin:0;color:#667085;line-height:1.55}.qr-copy code{display:block;overflow-wrap:anywhere;padding:10px;border-radius:9px;background:#f6f8fa;border:1px solid #e5e7eb;font-size:11px}.qr-actions{display:flex;gap:8px;flex-wrap:wrap}
.customer-approval-signature{margin-top:16px;border:1px solid #e1e6ef;border-radius:14px;padding:14px;background:#fafbfc}.customer-approval-signature>div{display:grid;margin-bottom:8px}.customer-approval-signature>div span{font-size:12px;color:#667085}.customer-approval-signature canvas{width:100%;height:150px;background:#fff;border:1px dashed #c8d0dc;border-radius:10px;touch-action:none}.customer-approval-signature button{margin-top:6px}
.global-search-overlay{position:fixed;inset:0;z-index:300;background:rgba(15,23,42,.56);backdrop-filter:blur(5px);padding:9vh 18px}.global-search-panel{width:min(760px,100%);margin:0 auto;background:#fff;border-radius:18px;box-shadow:0 28px 90px rgba(15,23,42,.25);overflow:hidden}.global-search-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #eaecf0}.global-search-input input{border:0!important;box-shadow:none!important;font-size:17px;padding:7px 0!important;outline:none}.global-search-results{max-height:62vh;overflow:auto;padding:7px}.global-result{width:100%;border:0;background:#fff;border-radius:11px;padding:10px 12px;display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;text-align:left;cursor:pointer}.global-result:hover{background:#f4f6f9}.global-result>span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:#667085}.global-result>div{display:grid;gap:2px}.global-result strong{font-size:14px}.global-result small{font-size:12px;color:#667085}.global-result>b{font-size:20px;color:#98a2b3}.search-loading{padding:32px;text-align:center;color:#667085}
.attachment-list{display:grid;gap:8px}.attachment-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;border:1px solid #e5e9f0;border-radius:11px;padding:10px 12px}.attachment-row>div{display:grid;gap:2px;min-width:0}.attachment-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-row small{font-size:11px;color:#667085}.upload-label.is-disabled{opacity:.5;pointer-events:none}
.staff-list,.trash-list,.audit-list{display:grid;gap:7px}.staff-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;width:100%;border:1px solid #e4e8ef;background:#fff;border-radius:11px;padding:9px 10px;text-align:left;cursor:pointer}.staff-row:hover{background:#f8fafc}.staff-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef0ff;color:#3b47a8;font-weight:800;font-size:12px}.staff-row>span:nth-child(2){display:grid}.staff-row small{font-size:11px;color:#667085}.staff-row em{font-style:normal;font-size:11px;color:#667085}.trash-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-bottom:1px solid #edf0f3;padding:9px 0}.trash-row>div{display:grid}.trash-row small,.audit-row small,.audit-row span{font-size:11px;color:#667085}.audit-row{display:grid;grid-template-columns:145px 1fr 1fr;gap:8px;border-bottom:1px solid #edf0f3;padding:7px 0;align-items:center}.audit-row strong{font-size:12px}.profile-maintenance-card{width:100%;display:grid;grid-template-columns:1.5fr 1fr auto;gap:12px;align-items:center;text-align:left;background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:12px;margin-bottom:8px;cursor:pointer}.profile-maintenance-card:hover{background:#f8fafc}.profile-maintenance-card>span{display:grid;gap:2px}.profile-maintenance-card small{font-size:11px;color:#667085}.profile-maintenance-card em{font-style:normal;font-size:20px;color:#98a2b3}.profile-maintenance-card.overdue{border-color:#fda29b;background:#fff8f7}.correction-history{display:grid;gap:8px;margin-top:12px;max-height:250px;overflow:auto}.correction-history article{border-left:3px solid #667085;background:#f8fafc;border-radius:7px;padding:9px 11px}.correction-history strong{font-size:11px}.correction-history p{margin:4px 0 0;font-size:12px;line-height:1.5}

@media(max-width:1050px){.workorder-strip{grid-template-columns:repeat(3,1fr)}.workflow-alert-grid{grid-template-columns:repeat(2,1fr)}.workflow-toolbar{grid-template-columns:1fr 1fr}.workflow-toolbar>strong{text-align:left}.topbar-search{min-width:0}.qr-layout{grid-template-columns:1fr}.qr-box{justify-self:center}.audit-row{grid-template-columns:1fr}}
@media(max-width:700px){.topbar-search{width:42px;min-width:42px;padding:9px;justify-content:center}.topbar-search span,.topbar-search kbd{display:none}.workflow-intro{align-items:stretch;flex-direction:column}.workflow-toolbar{grid-template-columns:1fr}.workorder-strip{grid-template-columns:1fr 1fr}.workflow-board{grid-auto-columns:minmax(270px,88vw)}.workflow-alert-grid{grid-template-columns:1fr 1fr}.attachment-row{grid-template-columns:auto 1fr}.attachment-row .text-button,.attachment-row .danger-button{grid-column:auto}.global-search-overlay{padding:3vh 8px}.global-result{grid-template-columns:1fr auto}.global-result>span{grid-column:1/-1}.trash-row{grid-template-columns:1fr 1fr}.trash-row>div{grid-column:1/-1}.profile-maintenance-card{grid-template-columns:1fr auto}.profile-maintenance-card>span:nth-child(2){grid-column:1}.workorder-strip>button{grid-column:1/-1}}
.global-search-trigger{display:flex;align-items:center;gap:9px;border:1px solid #d9e0ea;background:#fff;border-radius:12px;padding:9px 12px;color:#667085;cursor:pointer}.global-search-trigger:hover{border-color:#9aa8bb}.global-search-trigger kbd{font:inherit;font-size:11px;border:1px solid #d5dbe4;border-bottom-width:2px;border-radius:6px;padding:2px 6px;background:#f8fafc;color:#667085}@media(max-width:700px){.global-search-trigger span:nth-child(2),.global-search-trigger kbd{display:none}}
.workflow-alert-grid>button{border:1px solid #e2e7ee;background:#fff;border-radius:13px;padding:14px;text-align:left;cursor:pointer;display:grid;gap:3px}.workflow-alert-grid>button strong{font-size:24px}.workflow-alert-grid>button small,.workflow-alert-grid>button span{font-size:12px;color:#667085}.workflow-alert-grid>button:hover{border-color:#aeb8c8;transform:translateY(-1px)}

/* Verkstedmodus – større treffflater for mobil/nettbrett ved bilen */
#workshopModeToggle.is-active { border-color:rgba(82,224,178,.42); color:#8ff0cf; background:rgba(82,224,178,.09); }
body.workshop-mode input, body.workshop-mode select { min-height:52px; font-size:12px; }
body.workshop-mode textarea { font-size:12px; }
body.workshop-mode .primary-button, body.workshop-mode .quiet-button, body.workshop-mode .complete-button, body.workshop-mode .danger-button, body.workshop-mode .upload-button { min-height:50px; padding-inline:18px; font-size:11px; }
body.workshop-mode .side-nav button { min-height:54px; font-size:11px; }
body.workshop-mode .editor-tabs button { min-height:54px; }
body.workshop-mode .checklist-row { padding-top:18px; padding-bottom:18px; }
body.workshop-mode .sidebar-note { display:none; }
body.workshop-mode .topbar { min-height:94px; }
.cost-description-stack { display:grid; gap:6px; min-width:260px; }
.cost-description-stack > div { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.cost-table-extended { min-width:1180px; }
.cost-table-extended th:nth-child(2) { min-width:270px; }
.cost-table-extended th:nth-child(3) { min-width:140px; }
@media (max-width:760px){.cost-description-stack>div{grid-template-columns:1fr}.topbar #workshopModeToggle{display:none}}
.tool-card .form-card-head { position:relative; }
.tool-favorite-button { flex:0 0 auto; width:34px; height:34px; border:1px solid var(--line-strong); border-radius:9px; color:#8494aa; background:rgba(255,255,255,.025); font-size:17px; cursor:pointer; }
.tool-favorite-button.is-active { color:#ffca70; border-color:rgba(255,202,112,.28); background:rgba(255,202,112,.08); }
.tire-measurement-history{margin:14px 0;padding:13px;border:1px solid #e3e8ef;border-radius:12px;background:#fafbfc}.tire-measurement-history[hidden]{display:none!important}.tire-measurement-history .subsection-head{margin-bottom:8px}.tire-measurement-history .subsection-head>div{display:grid;gap:2px}.tire-measurement-history .subsection-head span{font-size:11px;color:#667085}.tire-history-table{display:grid;gap:4px;overflow-x:auto}.tire-history-head,.tire-history-row{display:grid;grid-template-columns:minmax(150px,1.5fr) repeat(4,minmax(56px,.55fr));gap:6px;align-items:center;min-width:470px}.tire-history-head{padding:0 8px 4px;color:#667085;font-size:10px;font-weight:800;text-transform:uppercase}.tire-history-row{padding:8px;border:1px solid #e7ebf1;border-radius:9px;background:#fff}.tire-history-row>span{display:grid;gap:1px}.tire-history-row>span:not(:first-child){text-align:center}.tire-history-row strong,.tire-history-row b{font-size:12px}.tire-history-row small{font-size:9px;color:#7b8794}.tire-history-row small.wear-negative{color:#b42318}.tire-history-row small.wear-positive{color:#027a48}

/* Intern QR-sikkerhet og skanner – v1.14.5 */
.qr-security-note{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid #c9ded4;border-radius:11px;background:#f2f8f5;color:#365c4c}.qr-security-note>span{font-size:18px;line-height:1}.qr-security-note>div{display:grid;gap:3px}.qr-security-note strong{font-size:12px}.qr-security-note small{font-size:11px;line-height:1.45;color:#5f776c}.qr-scan-launch{display:flex;align-items:center;gap:7px;white-space:nowrap}.qr-scanner-dialog{width:min(880px,calc(100vw - 28px))}.qr-scanner-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:20px;align-items:start}.qr-camera-shell{position:relative;display:grid;place-items:center;min-height:360px;overflow:hidden;border:1px solid #d7dee8;border-radius:16px;background:#101828}.qr-camera-shell video{display:block;width:100%;height:100%;min-height:360px;max-height:64vh;object-fit:cover;background:#101828}.qr-camera-frame{position:absolute;width:min(68%,320px);aspect-ratio:1;pointer-events:none}.qr-camera-frame i{position:absolute;width:42px;height:42px;border-color:#fff;border-style:solid;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.qr-camera-frame i:nth-child(1){left:0;top:0;border-width:4px 0 0 4px;border-radius:9px 0 0}.qr-camera-frame i:nth-child(2){right:0;top:0;border-width:4px 4px 0 0;border-radius:0 9px 0 0}.qr-camera-frame i:nth-child(3){right:0;bottom:0;border-width:0 4px 4px 0;border-radius:0 0 9px 0}.qr-camera-frame i:nth-child(4){left:0;bottom:0;border-width:0 0 4px 4px;border-radius:0 0 0 9px}.qr-camera-status{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 12px;border-radius:10px;background:rgba(15,23,42,.82);color:#fff;font-size:12px;line-height:1.4;text-align:center;backdrop-filter:blur(6px)}.qr-camera-status.error{background:rgba(127,29,29,.9)}.qr-scanner-side{display:grid;gap:10px}.qr-file-button{display:grid;place-items:center;min-height:45px;padding:0 14px;border:1px solid #d8dee8;border-radius:10px;background:#fff;color:#475467;font-size:12px;font-weight:800;cursor:pointer}.qr-file-button:hover{background:#f8fafc}.qr-manual{display:grid;gap:7px;margin-top:7px;padding-top:15px;border-top:1px solid #e5e9ef}.qr-manual>span{font-size:11px;font-weight:800;color:#667085}.qr-manual>div{display:grid;grid-template-columns:1fr auto;gap:7px}.qr-manual input{min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.qr-scanner-side .field-help{margin:5px 0 0;line-height:1.5}.qr-copy code{user-select:all}
@media(max-width:760px){.qr-scanner-layout{grid-template-columns:1fr}.qr-camera-shell,.qr-camera-shell video{min-height:300px}.qr-scan-launch span:nth-child(2){display:none}.qr-scan-launch{width:44px;padding-inline:0;justify-content:center}.qr-scanner-dialog{width:calc(100vw - 14px)}.qr-manual>div{grid-template-columns:1fr}.qr-manual button{width:100%}}


/* v1.14.5 – Face ID / passkey */
.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--line)}
.auth-passkey{width:100%;min-height:48px}
.auth-passkey-hint{margin:9px 0 0;color:var(--muted);font-size:9px;line-height:1.5;text-align:center}
button.user-chip{appearance:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
button.user-chip:hover{border-color:var(--line-strong)}
.passkey-account-panel{display:grid;gap:15px}
.passkey-account-status{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}
.passkey-account-status .passkey-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:rgba(74,139,217,.12);font-size:18px}
.passkey-account-status>div{display:grid;gap:3px}
.passkey-account-status strong{font-size:11px}
.passkey-account-status small{color:var(--muted);font-size:9px;line-height:1.45}
.passkey-list{display:grid;gap:8px;margin-top:2px}
.passkey-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.passkey-row>div{display:grid;gap:4px;min-width:0}
.passkey-row strong{font-size:10px}
.passkey-row small{color:var(--muted);font-size:8px;line-height:1.45}
.passkey-row button{min-height:34px;padding:0 10px}
.passkey-empty{padding:13px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:9px;line-height:1.5}
@media(max-width:650px){.auth-passkey{min-height:52px}.passkey-row{grid-template-columns:1fr}.passkey-row button{width:100%}}

/* v1.15 – mobil arbeidsflate, PWA, varsler og diagnoseassistent */
.notification-button{position:relative;min-width:48px}.notification-button b{position:absolute;top:-6px;right:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#a83a35;color:#fff;font-size:11px;border:2px solid #fff}.notification-list{display:grid;gap:9px;max-height:66vh;overflow:auto}.notification-row{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;text-align:left;padding:13px 14px;border:1px solid #dfe4e5;border-radius:14px;background:#fff;color:#1e2e37;cursor:pointer}.notification-row>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef3f5}.notification-row.critical>span{background:#f9e7e5;color:#a83a35}.notification-row.warning>span{background:#fff2db;color:#9a6420}.notification-row div{display:grid;gap:3px}.notification-row small{color:#6c7a81}.install-app-body{display:flex;gap:18px;align-items:center;padding:18px;border:1px solid #dce3e5;border-radius:16px;background:#f8faf9}.install-app-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:18px;background:#476578;color:white;font-weight:900;font-size:36px;box-shadow:0 12px 30px rgba(71,101,120,.2)}
.workbench-view{max-width:1180px}.workbench-intro{align-items:center}.workbench-intro-actions{display:flex;gap:10px;flex-wrap:wrap}.workbench-empty{min-height:420px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;border:1px dashed #ccd5d8;border-radius:24px;background:linear-gradient(145deg,#fff,#f7f8f6);padding:36px}.workbench-empty>span{font-size:58px;color:#567486}.workbench-empty p{max-width:520px;color:#6c7a81;margin:0 0 12px}.workbench-card{display:grid;gap:18px}.workbench-card>header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px;border-radius:22px;background:#1d303b;color:#fff}.workbench-card header h2{font-size:clamp(28px,5vw,54px);line-height:1;margin:10px 0}.workbench-card header p{margin:0;color:#c9d4d9}.workbench-doc{text-align:right}.workbench-doc small{display:block;color:#9fb0b8}.workbench-doc strong{font-size:18px}.workbench-timer{display:grid;grid-template-columns:1fr minmax(220px,360px);gap:16px;align-items:stretch}.workbench-timer>div{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:14px;padding:18px 22px;border:1px solid #dbe2e4;border-radius:18px;background:#fff}.workbench-timer small{grid-column:1/-1;color:#6d7a81}.workbench-timer strong{font-size:34px;font-variant-numeric:tabular-nums}.workbench-timer span{justify-self:end;color:#68777e}.workbench-timer-button{border:0;border-radius:18px;font-size:19px;font-weight:800;cursor:pointer}.workbench-timer-button.start{background:#336d58;color:#fff}.workbench-timer-button.stop{background:#a33d38;color:#fff}.workbench-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workbench-actions button{min-height:132px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:18px;border:1px solid #dbe2e4;border-radius:18px;background:#fff;text-align:left;color:#20323c;cursor:pointer;transition:.15s ease}.workbench-actions button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(34,55,67,.08)}.workbench-actions button:disabled{opacity:.45;cursor:not-allowed;transform:none}.workbench-actions button>span{font-size:28px}.workbench-actions button strong{font-size:16px}.workbench-actions button small{color:#718087}.workbench-warning{padding:13px 16px;border-radius:14px;background:#fff1dc;color:#7d561f;font-weight:650}
.voice-note-bar{display:flex;gap:12px;align-items:center;margin-top:10px}.voice-note-bar span{color:#6a7980;font-size:13px}.diagnosis-import-preview{min-height:56px;margin-top:12px}.import-stats{display:flex;gap:10px;flex-wrap:wrap}.import-stats span{display:flex;flex-direction:column;min-width:100px;padding:10px 12px;border:1px solid #dae2e4;border-radius:12px;background:#f8faf9}.import-stats strong{font-size:18px}.diagnosis-graph-panel{margin-top:14px;padding:14px;border:1px solid #dbe2e4;border-radius:16px;background:#fff}.diagnosis-graph-panel canvas{width:100%;height:340px;display:block}.diagnosis-graph-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:12px}.diagnosis-graph-legend span{display:flex;align-items:center;gap:6px}.diagnosis-graph-legend i{width:10px;height:10px;border-radius:50%}.record-section-head .inline-actions{display:flex;gap:8px;flex-wrap:wrap}
.global-result[data-global-kind="command"]{border-color:#b9ccd5;background:#f3f8fa}.global-result[data-global-kind="command"]>span{color:#355b70;font-weight:800}
@media(max-width:980px){.workbench-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-timer{grid-template-columns:1fr}.workbench-timer-button{min-height:72px}.workbench-card>header{flex-direction:column}.workbench-doc{text-align:left}}
@media(max-width:560px){.workbench-actions{grid-template-columns:1fr 1fr;gap:9px}.workbench-actions button{min-height:118px;padding:14px}.workbench-timer>div{grid-template-columns:1fr}.workbench-timer span{justify-self:start}.workbench-card>header{padding:18px}.voice-note-bar{align-items:flex-start;flex-direction:column}.notification-button span{font-size:18px}.notification-button b{top:-4px;right:-2px}}
.vehicle-health-card{grid-column:1/-1;margin-top:8px;padding:14px;border:1px solid #dce3e5;border-radius:16px;background:#f8faf9}.vehicle-health-card>header{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:10px}.vehicle-health-card>header small{color:#6e7b82;max-width:620px}.vehicle-health-card>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vehicle-health-card article{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e0e5e6;display:grid;gap:4px}.vehicle-health-card article small{color:#6d7a81}.vehicle-health-card article.ok{border-color:#b9d9cb;background:#f2faf6}.vehicle-health-card article.warning{border-color:#ead3a9;background:#fff9ed}.vehicle-health-card article.critical{border-color:#e5b9b5;background:#fff4f3}.vehicle-health-card article.muted{opacity:.72}@media(max-width:700px){.vehicle-health-card>div{grid-template-columns:1fr 1fr}.vehicle-health-card>header{align-items:flex-start;flex-direction:column}}
.schedule-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.schedule-summary article{padding:14px 16px;border:1px solid #dde4e6;border-radius:15px;background:#fff;display:flex;justify-content:space-between;align-items:end}.schedule-summary small{color:#6e7b82}.schedule-summary strong{font-size:27px}.schedule-board{display:grid;gap:14px}.schedule-day{border:1px solid #dce3e5;border-radius:18px;background:#fff;overflow:hidden}.schedule-day>header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f4f7f7;border-bottom:1px solid #e0e5e6}.schedule-day>header div{display:grid;gap:2px}.schedule-day>header small{color:#6d7b82}.schedule-day>header span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:#dfe9ed}.schedule-day.overdue>header{background:#fff2f0}.schedule-day>div{display:grid}.schedule-job{display:grid;grid-template-columns:12px minmax(0,1fr) auto 45px;gap:12px;align-items:center;padding:13px 16px;border:0;border-bottom:1px solid #eef1f2;background:#fff;text-align:left;cursor:pointer}.schedule-job:last-child{border-bottom:0}.schedule-job:hover{background:#fafcfc}.schedule-job div{display:grid;gap:2px}.schedule-job small{color:#6f7c82}.schedule-job>span:not(.priority-dot){font-size:12px;padding:5px 8px;border-radius:999px;background:#eef3f5}.schedule-job em{font-style:normal;text-align:right;font-weight:800}.priority-dot.priority-urgent{background:#b53632}.priority-dot.priority-high{background:#d7832d}.priority-dot.priority-normal{background:#547b90}.priority-dot.priority-low{background:#8da0a9}@media(max-width:700px){.schedule-summary{grid-template-columns:1fr 1fr}.schedule-job{grid-template-columns:10px minmax(0,1fr) auto}.schedule-job em{display:none}}

/* v1.16.0 – kalender, mottak, revisjoner og verkstedskjerm */
.schedule-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:12px;overflow-x:auto;padding-bottom:10px}.calendar-day{min-width:180px;background:#fff;border:1px solid var(--line,#dfe3e3);border-radius:18px;overflow:hidden;box-shadow:0 7px 22px rgba(31,48,57,.04)}.calendar-day.today{border-color:#6e91a8;box-shadow:0 0 0 2px rgba(78,111,132,.11)}.calendar-day>header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:#f6f7f5;border-bottom:1px solid var(--line,#dfe3e3)}.calendar-day>header strong{text-transform:capitalize}.calendar-day>header small{display:block;color:#758087;margin-top:2px}.calendar-add{width:34px;height:34px;border:0;border-radius:10px;background:#e8eef1;color:#314b5b;font-size:20px;cursor:pointer}.calendar-items{padding:10px;display:grid;gap:8px;min-height:180px}.calendar-booking,.calendar-deadline{width:100%;text-align:left;border:0;border-radius:12px;padding:10px;cursor:pointer;background:#eef4f6;color:#1f3039;display:grid;gap:3px}.calendar-booking time{font-size:11px;font-weight:800;color:#55758a}.calendar-booking strong,.calendar-deadline strong{font-size:14px}.calendar-booking small,.calendar-deadline small{color:#66747d;line-height:1.25}.calendar-booking em{font-style:normal;font-size:11px;font-weight:800;color:#6d7880}.calendar-booking.status-arrived{background:#eef6eb}.calendar-booking.status-done{background:#edf3ed;opacity:.75}.calendar-deadline{background:#fff6e6;border-left:4px solid #b78233}.calendar-deadline.priority-urgent{background:#fff0ef;border-left-color:#b84e46}.calendar-deadline>span{font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.08em;color:#92703f}.calendar-empty{color:#a0a7aa;font-size:12px;text-align:center;padding:28px 4px}
.intake-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 0}.intake-checks label{display:flex;gap:9px;align-items:flex-start;background:#f6f7f5;padding:12px;border-radius:12px}.intake-checks input{margin-top:2px}.signature-block{margin-top:16px;border:1px solid var(--line,#dfe3e3);border-radius:16px;padding:14px;background:#fafaf8}.signature-block-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:10px}.signature-block-head span{display:block;color:#748087;font-size:12px;margin-top:4px}.signature-block canvas{width:100%;height:150px;display:block;background:#fff;border:1px dashed #c7cece;border-radius:12px;touch-action:none}.revision-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.revision-summary article{background:#f5f7f6;border:1px solid #e2e5e3;border-radius:12px;padding:10px 14px;min-width:140px}.revision-summary small{display:block;color:#788288}.revision-summary strong{display:block;margin-top:3px}.revision-list{display:grid;gap:9px;max-height:60vh;overflow:auto}.revision-row{border:1px solid #e1e4e3;border-radius:13px;padding:12px 14px;background:#fff}.revision-row small{display:block;color:#788188;margin-top:3px}.revision-row p{font-size:12px;color:#67747c;margin:8px 0 0;word-break:break-word}
body.workflow-display-mode .sidebar,body.workflow-display-mode .topbar{display:none!important}body.workflow-display-mode .app-content{margin-left:0!important}body.workflow-display-mode .workspace{padding:18px!important;max-width:none!important}body.workflow-display-mode [data-view="workflow"] .section-intro p,body.workflow-display-mode [data-view="workflow"] .workflow-toolbar{display:none}body.workflow-display-mode [data-view="workflow"] .section-intro{margin-bottom:10px}body.workflow-display-mode [data-view="workflow"] .workflow-board{min-height:calc(100vh - 120px);grid-template-columns:repeat(9,minmax(220px,1fr));overflow-x:auto}body.workflow-display-mode [data-view="workflow"] .workflow-column{min-height:calc(100vh - 160px)}body.workflow-display-mode #workflowDisplayMode{position:fixed;right:18px;top:14px;z-index:9999;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}
@media(max-width:900px){.calendar-week{grid-template-columns:repeat(7,minmax(230px,1fr))}.schedule-actions{justify-content:flex-start}.intake-checks{grid-template-columns:1fr}}
.registry-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.registry-columns>section{border:1px solid #e1e5e3;border-radius:16px;padding:15px;background:#fafbf9}.registry-columns h3{margin:0 0 12px}@media(max-width:800px){.registry-columns{grid-template-columns:1fr}}


/* v1.20.0 – ekstern kundegodkjenning */
.customer-approval-link-panel{margin:18px 0;padding:18px;border:1px solid rgba(36,55,87,.16);border-radius:18px;background:linear-gradient(180deg,#fbfcff,#f7f9fd)}
.customer-approval-link-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.customer-approval-link-head>div{display:grid;gap:3px}.customer-approval-link-head strong{font-size:15px}.customer-approval-link-head span{font-size:12px;color:#667085}.approval-link-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eef1f6;color:#475467;font-size:11px!important;font-weight:800;white-space:nowrap}.approval-link-status.state-pending{background:#fff3d6;color:#8a5a00}.approval-link-status.state-approved{background:#e7f7ec;color:#176b37}.approval-link-status.state-declined{background:#fdeaea;color:#a22620}.approval-link-status.state-expired,.approval-link-status.state-revoked{background:#eef1f6;color:#667085}.customer-approval-link-preview{display:grid;gap:8px;padding:13px 14px;border:1px dashed rgba(36,55,87,.22);border-radius:13px;background:#fff;color:#344054}.customer-approval-link-preview>span{font-size:13px;color:#667085}.customer-approval-link-preview>strong{font-size:14px}.customer-approval-link-preview code{display:block;overflow:auto;padding:8px 10px;border-radius:9px;background:#f3f5f8;color:#25324a;font-size:11px;white-space:nowrap}.customer-approval-link-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.approval-open-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.customer-approval-link-panel .field-help{margin:10px 0 0}
@media(max-width:720px){.customer-approval-link-head{display:grid}.customer-approval-link-actions>*{flex:1 1 100%}}

/* v1.20.0 – samlet arbeidsordresystem, kalender og kunderegister */
.jobs-intro{align-items:flex-end}.jobs-tabs{display:flex;gap:7px;margin:0 0 16px;padding:5px;border:1px solid #dde4e7;border-radius:15px;background:#f3f6f7;width:max-content;max-width:100%;overflow:auto}.jobs-tabs button{border:0;background:transparent;color:#5e6e77;padding:10px 15px;border-radius:11px;font-weight:800;white-space:nowrap;cursor:pointer}.jobs-tabs button.is-active{background:#fff;color:#223642;box-shadow:0 2px 9px rgba(31,48,57,.09)}.jobs-panel{display:block}.jobs-panel[hidden]{display:none!important}.jobs-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px}.jobs-panel-head>div:first-child{display:grid;gap:3px}.jobs-panel-head>div:first-child>strong{font-size:17px}.jobs-panel-head>div:first-child>span{font-size:12px;color:#6d7a82}.jobs-panel .workflow-toolbar{margin-top:0}.jobs-panel .workflow-board{margin-top:4px}
.workorder-create-columns{margin:14px 0}.workorder-create-head{margin-bottom:8px}.workorder-create-columns>section>label{display:grid;gap:6px;margin-bottom:12px}.workorder-create-columns select{min-height:42px}.workorder-create-columns h3{display:flex;align-items:center;gap:8px}.workorder-create-columns h3:after{content:"register";font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#738087;background:#edf2f4;border-radius:999px;padding:4px 7px}
.customer-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.customer-toolbar label{display:grid;gap:6px;min-width:min(520px,100%)}.customer-toolbar label span{font-size:12px;font-weight:800;color:#66747c}.customer-toolbar>strong{color:#66747c}.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.customer-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;padding:15px;border:1px solid #dfe5e7;border-radius:16px;background:#fff;text-align:left;color:inherit;cursor:pointer;transition:.15s}.customer-card:hover{border-color:#9fb0ba;transform:translateY(-1px);box-shadow:0 8px 22px rgba(31,48,57,.06)}.customer-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e9f0f3;color:#355568;font-weight:900}.customer-card>div{min-width:0;display:grid;gap:3px}.customer-card>div strong{font-size:15px}.customer-card>div small,.customer-card>div p{color:#697780;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card>div p{margin:3px 0 0;font-size:11px}.customer-card footer{grid-column:1/-1;display:flex;align-items:center;gap:7px;padding-top:10px;border-top:1px solid #edf0f1}.customer-card footer span{font-size:10px;font-weight:800;color:#60717a;background:#f1f4f5;border-radius:999px;padding:4px 7px}.customer-card footer b{margin-left:auto;color:#88969d;font-size:18px}.customer-related{margin:18px 0 0;padding:15px;border:1px solid #e0e5e6;border-radius:15px;background:#f8faf9}.customer-related[hidden]{display:none!important}.customer-related-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.customer-related-columns section{display:grid;align-content:start;gap:7px}.customer-related-columns h4{margin:0 0 3px}.customer-related-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #e0e5e6;border-radius:11px;background:#fff;color:inherit;text-align:left;cursor:pointer}.customer-related-row span{display:grid;gap:2px;min-width:0}.customer-related-row small{color:#718087}.customer-related-row b{color:#8a979e;font-size:18px}.customer-related-empty{padding:12px;color:#7b878d;background:#fff;border:1px dashed #dbe1e2;border-radius:11px;font-size:12px}
.calendar-booking small{white-space:normal}.calendar-booking strong{letter-spacing:.02em}.workflow-card-main>p small{color:#7b8890;font-size:10px}.workflow-card-main>div small{max-width:58%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.workflow-display-mode [data-view="jobs"] .jobs-intro p,body.workflow-display-mode [data-view="jobs"] .jobs-tabs,body.workflow-display-mode [data-view="jobs"] .workflow-toolbar,body.workflow-display-mode [data-view="jobs"] .jobs-panel-head>div:first-child{display:none!important}body.workflow-display-mode [data-view="jobs"] [data-jobs-panel="board"]{display:block!important}body.workflow-display-mode [data-view="jobs"] [data-jobs-panel]:not([data-jobs-panel="board"]){display:none!important}body.workflow-display-mode [data-view="jobs"] .jobs-intro{margin-bottom:8px}body.workflow-display-mode [data-view="jobs"] .workflow-board{min-height:calc(100vh - 120px);grid-template-columns:repeat(9,minmax(220px,1fr));overflow-x:auto}body.workflow-display-mode [data-view="jobs"] .workflow-column{min-height:calc(100vh - 160px)}
@media(max-width:1050px){.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.jobs-intro,.jobs-panel-head,.customer-toolbar{align-items:flex-start;flex-direction:column}.workflow-intro-actions,.schedule-actions{width:100%;flex-wrap:wrap}.customer-grid{grid-template-columns:1fr}.customer-related-columns{grid-template-columns:1fr}.customer-toolbar label{width:100%;min-width:0}}@media(max-width:560px){.jobs-tabs{width:100%}.jobs-tabs button{flex:1}.workflow-intro-actions>*{flex:1 1 45%}.customer-card footer{flex-wrap:wrap}}

/* =====================================================================
   ServiceOgEU v1.20.0 – Workshop OS
   Tighter workshop shell, searchable registers and time-grid calendar.
   ===================================================================== */
:root{
  --workshop-navy:#182630;
  --workshop-navy-2:#213744;
  --workshop-blue:#2e6b8d;
  --workshop-blue-soft:#e9f2f7;
  --workshop-orange:#d97721;
  --workshop-steel:#71808a;
  --workshop-surface:#f3f5f6;
  --workshop-card:#ffffff;
  --workshop-line:#d7dee2;
  --workshop-line-strong:#bcc8ce;
  --workshop-shadow:0 10px 30px rgba(29,45,54,.08);
}
body{background:#eef1f2;color:#1d2a31;}
.sidebar{width:228px;padding:20px 14px 16px;border-right:0;background:linear-gradient(180deg,#17242d 0%,#1b2b35 100%);box-shadow:8px 0 28px rgba(21,36,45,.12);}
.app-content{margin-left:228px;}
.app-brand{height:58px;padding:0 8px;border-bottom:1px solid rgba(255,255,255,.08);}
.app-brand .brand-symbol{width:40px;height:40px;border:0;border-radius:10px;background:#2d6b8d;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.18);}
.app-brand strong{color:#fff;font-size:14px;}
.app-brand small{color:#91a3ad;font-size:9px;letter-spacing:.11em;}
.side-nav{gap:3px;margin-top:20px;}
.side-nav button,.tablet-link{min-height:45px;padding:0 11px;border:0!important;border-radius:9px;color:#a9b7bf;background:transparent;font-size:11px;}
.side-nav button:hover,.tablet-link:hover{color:#fff;background:rgba(255,255,255,.06);}
.side-nav button.is-active{color:#fff;background:linear-gradient(90deg,#2c6786,#315b70);box-shadow:0 6px 16px rgba(6,27,39,.22);}
.side-nav .nav-icon,.side-nav .is-active .nav-icon,.tablet-link .nav-icon{color:#9fb9c7;}
.side-nav .is-active .nav-icon{color:#fff;}
.sidebar-note{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.035);}
.sidebar-note strong{color:#e8eef1}.sidebar-note span{color:#8497a2}.logout-button{color:#91a3ad}.logout-button:hover{color:#fff;background:rgba(255,255,255,.05)}
.topbar{min-height:72px;padding:11px clamp(20px,3vw,42px);border-bottom:1px solid #dce2e5;background:rgba(255,255,255,.94);box-shadow:0 3px 14px rgba(34,52,62,.045);}
.topbar-kicker{color:#7a8992;font-size:9px}.topbar h1{margin-top:2px;color:#1d2b33;font-size:20px}.topbar-actions{gap:8px}.topbar .quiet-button{min-height:40px;border-color:#d3dade;background:#fff;color:#344750}.topbar .primary-button{min-height:42px;background:#2e6684;box-shadow:0 7px 16px rgba(46,102,132,.18)}
.global-search-trigger{border-color:#d4dce0!important;background:#f8fafb!important;color:#596b75!important}.user-chip{border-color:#d7dfe3;background:#fff;box-shadow:none}.user-chip>span{background:#2e6684}.user-chip strong{color:#26363e}.user-chip small{color:#7d8c94}
.workspace{width:min(1640px,100%);padding:28px clamp(20px,3vw,42px) 60px;}
.section-intro h2{color:#1d2b33;letter-spacing:-.035em}.section-intro p{color:#667680}.kicker{color:#447189;font-weight:900;}
.primary-button{background:#2f6886;box-shadow:0 7px 18px rgba(42,95,124,.19)}.primary-button:hover{background:#285b75}.quiet-button,.upload-button{border-color:#cfd7db;background:#fff;color:#344851}.quiet-button:hover,.upload-button:hover{background:#f4f7f8;border-color:#abb9c0}
input,textarea,select{border-color:#cbd4d9;background:#fff;color:#1f2d34;border-radius:9px}.registry-locked,input.registry-locked{background:#f1f4f5;color:#52626b;border-style:dashed}

/* Arbeidsordre-flate */
.jobs-view{min-width:0}.jobs-intro{margin-bottom:14px;padding:0}.jobs-intro h2{font-size:27px}.jobs-intro p{max-width:760px;font-size:12px}.workflow-intro-actions{gap:8px}
.jobs-tabs{display:inline-flex;gap:2px;margin:0 0 12px;padding:4px;border:1px solid #d4dde1;border-radius:12px;background:#e8edef;box-shadow:inset 0 1px 2px rgba(31,48,57,.03)}
.jobs-tabs button{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;min-width:112px;padding:8px 12px;color:#63747d;border-radius:8px;text-align:left}.jobs-tabs button>span{grid-row:1/3;align-self:center;font-size:17px;color:#70838d}.jobs-tabs button>b{font-size:11px}.jobs-tabs button>small{font-size:8px;font-weight:700;color:#8b989f}.jobs-tabs button.is-active{background:#fff;color:#1f3540;box-shadow:0 3px 10px rgba(31,48,57,.10)}.jobs-tabs button.is-active>span{color:#2d6888}.jobs-tabs button.is-active>small{color:#68808d}
.shop-pulse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px}.shop-pulse article{display:flex;align-items:center;gap:11px;min-height:64px;padding:10px 13px;border:1px solid #d8e0e4;border-radius:11px;background:#fff;box-shadow:0 4px 13px rgba(30,49,59,.035)}.pulse-icon{display:grid;min-width:43px;height:36px;place-items:center;border-radius:7px;background:#e8eff3;color:#3d667c;font-size:8px;font-weight:950;letter-spacing:.08em}.shop-pulse article:nth-child(2) .pulse-icon{background:#e7f2ed;color:#356b53}.shop-pulse article:nth-child(3) .pulse-icon{background:#fff1df;color:#9b5c1f}.shop-pulse article:nth-child(4) .pulse-icon{background:#e7f4ee;color:#2f7053}.shop-pulse article>div{display:grid;gap:1px}.shop-pulse small{font-size:9px;font-weight:800;color:#7d8b93}.shop-pulse strong{font-size:20px;color:#20323b;font-variant-numeric:tabular-nums}
.jobs-panel{padding:15px;border:1px solid #d8e0e4;border-radius:13px;background:#f8fafb;box-shadow:0 7px 22px rgba(29,45,54,.04)}.jobs-panel-head{margin-bottom:11px}.jobs-panel-head>div:first-child>strong{color:#21333c;font-size:15px}.jobs-panel-head>div:first-child>span{font-size:10px;color:#71818a}
.workflow-toolbar{grid-template-columns:minmax(260px,1.55fr) minmax(160px,.7fr) minmax(145px,.6fr) auto;margin:0 0 12px;padding:11px;border:1px solid #dbe2e5;border-radius:10px;background:#fff}.workflow-toolbar label span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#71818a}.workflow-toolbar input,.workflow-toolbar select{min-height:39px;font-size:11px}.workflow-toolbar>strong{padding:11px 2px;font-size:10px;color:#62747d}
.workflow-board{grid-auto-columns:minmax(255px,285px);gap:10px;padding:1px 2px 8px;scrollbar-color:#aeb9be transparent}.workflow-column{min-height:410px;border:1px solid #d6dee2;border-radius:11px;background:#edf1f3;box-shadow:none;overflow:hidden}.workflow-column>header{position:relative;padding:11px 12px 10px;border-bottom:1px solid #d4dde1;background:#f8fafb}.workflow-column>header::before{position:absolute;top:0;right:0;left:0;height:3px;content:"";background:#81939d}.workflow-column[data-workflow-drop="new"]>header::before{background:#4e7e98}.workflow-column[data-workflow-drop="diagnosis"]>header::before{background:#6f72a8}.workflow-column[data-workflow-drop="awaiting_customer"]>header::before{background:#d38a32}.workflow-column[data-workflow-drop="waiting_parts"]>header::before{background:#a87342}.workflow-column[data-workflow-drop="ready"]>header::before{background:#4b8a75}.workflow-column[data-workflow-drop="in_progress"]>header::before{background:#2f718d}.workflow-column[data-workflow-drop="complete_ready"]>header::before{background:#3c8a5d}.workflow-column[data-workflow-drop="delivered"]>header::before{background:#75838a}.workflow-column>header strong{font-size:11px;color:#273840}.workflow-column>header small{font-size:8px}.workflow-column>header>span{min-width:25px;height:25px;font-size:10px}.workflow-cards{gap:8px;padding:8px}.workflow-empty{padding:38px 8px;color:#9aa5aa;font-size:10px}
.workflow-card{border:1px solid #d6dee1;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(29,45,54,.045)}.workflow-card.priority-urgent,.workflow-card.priority-high{border-left-width:3px}.workflow-card-main{padding:11px}.workflow-card-top{display:flex!important;align-items:center!important;gap:6px!important}.vehicle-plate{display:inline-flex;align-items:center;min-height:25px;padding:2px 8px 2px 13px;border:1px solid #aeb9bf;border-radius:5px;background:linear-gradient(90deg,#2f6f96 0 7px,#fff 7px);color:#18252c;font-size:11px;font-weight:950;letter-spacing:.065em;box-shadow:inset 0 0 0 1px #fff}.job-type-chip{margin-left:auto;padding:3px 6px;border-radius:999px;background:#edf2f4;color:#60737d;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.workflow-job-title{display:block;margin:9px 0 2px;color:#20323a;font-size:12px;line-height:1.3}.workflow-order-no{display:block;color:#7b8991;font-size:8px}.workflow-customer{display:grid!important;grid-template-columns:30px minmax(0,1fr);gap:8px!important;align-items:center!important;margin:10px 0 8px;padding-top:9px;border-top:1px solid #edf1f2}.workflow-customer>span{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#e8eef1;color:#466474;font-size:8px;font-weight:900}.workflow-customer>div{display:grid!important;gap:1px!important}.workflow-customer strong{font-size:9px!important;color:#41545e}.workflow-customer small{margin:0!important;color:#89969d!important;font-size:7px!important}.workflow-card-main footer{gap:4px}.workflow-card-main footer>span{padding:3px 6px;border:0;border-radius:6px;background:#f1f4f5;color:#667780;font-size:7px}.workflow-card-main footer .mechanic-chip b{font-weight:700}.workflow-card-main footer .due-chip.overdue{background:#fff0ed;color:#ac4138}.workflow-card-main footer .priority-chip.priority-urgent{background:#ffe9e6;color:#a63a31}.workflow-card-main footer .priority-chip.priority-high{background:#fff0dd;color:#9b5b17}.workflow-card-actions{grid-template-columns:1fr auto;padding:6px;border-top:1px solid #edf0f1}.workflow-card-actions select{min-height:30px;padding:4px 7px;font-size:8px;border-radius:7px}.workflow-card-actions .text-button{padding:0 5px;font-size:8px}

/* Ny arbeidsordre – søk i stedet for lange nedtrekkslister */
.workorder-create-dialog{width:min(1120px,calc(100% - 24px));max-height:calc(100vh - 24px);border-radius:16px}.workorder-create-dialog form{padding:0;background:#f2f5f6}.workorder-dialog-head{position:sticky;z-index:8;top:0;margin:0;padding:21px 24px 18px;border-bottom:1px solid #2d4350;background:linear-gradient(120deg,#1b2d38,#243e4d);color:#fff}.workorder-dialog-head .kicker{color:#8fc0d9}.workorder-dialog-head h2{color:#fff;font-size:25px}.workorder-dialog-head p{max-width:720px;margin:5px 0 0;color:#bdcad0;font-size:11px;line-height:1.5}.workorder-dialog-head>button{border-color:rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.06)}
.workorder-create-section{margin:14px 16px 0;padding:16px;border:1px solid #d7dfe3;border-radius:12px;background:#fff;box-shadow:0 4px 15px rgba(30,48,58,.035)}.workorder-section-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.workorder-section-title>span{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;background:#e7f0f5;color:#326784;font-size:9px;font-weight:950}.workorder-section-title>div{display:grid;gap:1px}.workorder-section-title strong{font-size:13px;color:#21343e}.workorder-section-title small{font-size:9px;color:#7c8a92}.workorder-create-head{margin:0}.workorder-entity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workorder-entity-card{min-width:0;padding:14px;border:1px solid #dbe2e5;border-radius:11px;background:#f9fbfb}.workorder-entity-card>header{display:flex;align-items:center;gap:9px;margin-bottom:10px}.workorder-entity-card>header>div:last-child{display:grid;gap:1px}.workorder-entity-card>header strong{font-size:12px}.workorder-entity-card>header small{font-size:8px;color:#7e8d95}.entity-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#e8eff3;color:#3e687e;font-size:10px;font-weight:950}.entity-icon.vehicle{width:44px;background:#e8edf0;color:#334f5e;font-size:8px;letter-spacing:.05em}
.registry-combobox{position:relative}.registry-search-control{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;border:1px solid #bfcbd1;border-radius:9px;background:#fff;transition:.15s}.registry-search-control:focus-within{border-color:#5383a0;box-shadow:0 0 0 3px rgba(59,112,143,.10)}.registry-search-control>span{display:grid;place-items:center;color:#78909d;font-size:15px}.registry-search-control input{min-height:43px;padding:0 3px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;font-size:11px;font-weight:700}.registry-search-control button{width:25px;height:25px;border:0;border-radius:6px;background:#edf1f3;color:#75848c;cursor:pointer}.registry-search-results{position:absolute;z-index:80;top:calc(100% + 5px);right:0;left:0;max-height:330px;overflow:auto;padding:5px;border:1px solid #cfd9de;border-radius:10px;background:#fff;box-shadow:0 16px 35px rgba(28,45,55,.17)}.registry-result{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:0;border-radius:7px;background:#fff;color:#263840;text-align:left;cursor:pointer}.registry-result:hover,.registry-result.is-keyboard-active{background:#edf4f7}.registry-result.is-related{background:#f0f7f4}.registry-result-new{border-bottom:1px solid #e8edef;border-radius:7px;color:#356780}.registry-result-icon{display:grid;min-width:31px;height:31px;place-items:center;border-radius:7px;background:#e7eff3;color:#3c687f;font-size:12px;font-weight:900}.registry-result-icon.customer{background:#edf1f3;color:#526a76;font-size:8px}.registry-result-icon.plate{min-width:48px;padding:0 5px;border:1px solid #b8c2c7;background:linear-gradient(90deg,#2f6f96 0 6px,#fff 6px);color:#203039;font-size:8px;letter-spacing:.04em}.registry-result>span:nth-child(2){display:grid;gap:2px;min-width:0}.registry-result strong{overflow:hidden;color:#263840;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.registry-result small{overflow:hidden;color:#7a8991;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.registry-result em{padding:3px 5px;border-radius:999px;background:#edf2f4;color:#697a83;font-size:7px;font-style:normal;font-weight:800;white-space:nowrap}.registry-no-results{padding:14px 10px;color:#88969d;font-size:9px;text-align:center}.registry-selected{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;margin-top:7px;padding:8px 9px;border:1px solid #c4dad0;border-radius:8px;background:#f0f7f4}.registry-selected.compact{margin:6px 0 0}.registry-selected-mark{display:grid;min-width:27px;height:27px;place-items:center;border-radius:7px;background:#dbece4;color:#2f7254;font-size:11px;font-weight:900}.registry-selected-mark.plate{min-width:49px;padding:0 5px;border:1px solid #aebbc1;background:linear-gradient(90deg,#2f6f96 0 6px,#fff 6px);color:#26373f;font-size:8px;letter-spacing:.04em}.registry-selected>span:last-child{display:grid;gap:1px;min-width:0}.registry-selected strong{overflow:hidden;font-size:9px;color:#314a3f;text-overflow:ellipsis;white-space:nowrap}.registry-selected small{overflow:hidden;font-size:7px;color:#688076;text-overflow:ellipsis;white-space:nowrap}.entity-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.entity-form-grid label{gap:5px;font-size:9px}.entity-form-grid input{min-height:39px;font-size:10px}.entity-form-grid .span-2{grid-column:1/-1}.workorder-description-field{display:grid;gap:6px}.workorder-description-field textarea{min-height:86px}.workorder-planning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:11px}.workorder-planning-grid .span-2{grid-column:span 2}.workorder-planning-grid label{font-size:9px}.workorder-planning-grid input,.workorder-planning-grid select{min-height:41px;font-size:10px}.calendar-link-help{display:flex;align-items:center;gap:7px;margin:11px 0 0;padding:9px 11px;border-radius:8px;background:#edf4f7;color:#55717f}.calendar-link-help>span{font-size:14px}.workorder-create-actions{position:sticky;z-index:7;bottom:0;margin:14px 0 0;padding:12px 16px;border-top:1px solid #d5dde1;background:rgba(248,250,251,.96);backdrop-filter:blur(8px)}.workorder-create-dialog .form-error{margin:0;padding:0 16px 12px}
.registry-inline-search,.appointment-order-search{min-width:0}.registry-inline-search>label,.appointment-order-search>label{display:grid;gap:6px}

/* Kalender – ekte tidsrutenett */
.schedule-panel-head{align-items:center;padding:2px 0 10px}.schedule-summary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 11px}.schedule-summary article{min-height:52px;padding:9px 11px;border:1px solid #d8e0e4;border-radius:9px;background:#fff}.schedule-summary small{display:block;color:#7b8991;font-size:8px;font-weight:800}.schedule-summary strong{display:block;margin-top:2px;color:#263943;font-size:14px}.calendar-week{display:block;overflow:auto;padding:0;border:1px solid #d5dee2;border-radius:11px;background:#fff}.calendar-timegrid{display:grid;grid-template-columns:54px minmax(1280px,1fr);min-width:1334px}.calendar-time-axis{position:sticky;z-index:6;left:0;border-right:1px solid #dbe2e5;background:#f7f9fa}.calendar-axis-head{display:grid;height:68px;place-items:center;border-bottom:1px solid #dbe2e5;color:#7a8991;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.calendar-axis-body{position:relative}.calendar-axis-body span{position:absolute;right:8px;color:#819098;font-size:8px;font-weight:800;font-variant-numeric:tabular-nums}.calendar-time-days{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr))}.calendar-time-day{min-width:180px;border-right:1px solid #dfe5e8;background:#fff}.calendar-time-day:last-child{border-right:0}.calendar-time-day.weekend{background:#fafbfb}.calendar-time-day.today{background:#f6fbfd}.calendar-time-day>header{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:1fr auto;min-height:68px;align-content:center;padding:8px 9px;border-bottom:1px solid #dbe2e5;background:rgba(248,250,251,.96)}.calendar-time-day.today>header{box-shadow:inset 0 3px #2f7192;background:#f0f8fb}.calendar-time-day>header strong{display:block;color:#273b45;font-size:10px;text-transform:capitalize}.calendar-time-day>header small{display:block;margin-top:1px;color:#7b8991;font-size:8px}.calendar-add{width:28px;height:28px;border-radius:7px;background:#e7eff3;color:#35657c;font-size:15px}.calendar-day-deadlines{grid-column:1/-1;display:flex;align-items:center;gap:4px;margin-top:5px;overflow:hidden}.calendar-deadline-chip{min-width:0;max-width:110px;padding:2px 5px;border:0;border-radius:5px;background:#fff0db;color:#925918;font-size:6px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.calendar-day-deadlines>span{font-size:7px;color:#8a969d}.calendar-time-lane{position:relative;overflow:hidden;background-image:linear-gradient(to right,rgba(231,236,238,.28),rgba(231,236,238,.28))}.calendar-hour-line{position:absolute;right:0;left:0;height:1px;background:#e7ecee;pointer-events:none}.calendar-hour-line::after{position:absolute;top:31px;right:0;left:0;height:1px;content:"";background:#f2f4f5}.calendar-slot{position:absolute;z-index:1;right:0;left:0;border:0;background:transparent;cursor:pointer}.calendar-slot span{position:absolute;top:5px;right:5px;display:none;width:20px;height:20px;place-items:center;border-radius:5px;background:#dfeef5;color:#356d87;font-size:12px}.calendar-slot:hover{background:rgba(70,125,153,.035)}.calendar-slot:hover span{display:grid}.calendar-booking-block{position:absolute;z-index:3;display:grid;align-content:start;gap:2px;overflow:hidden;padding:6px 7px;border:1px solid #aac6d5;border-left:3px solid #2e7396;border-radius:7px;background:#eaf4f9;color:#203943;text-align:left;box-shadow:0 2px 6px rgba(34,60,74,.08);cursor:pointer}.calendar-booking-block:hover{z-index:4;filter:brightness(.985);box-shadow:0 5px 13px rgba(34,60,74,.13)}.calendar-booking-block.job-service{border-left-color:#477c67;background:#edf6f1}.calendar-booking-block.job-precheck{border-left-color:#796fa3;background:#f1eff8}.calendar-booking-block.status-arrived{box-shadow:inset 0 0 0 1px rgba(46,115,150,.16)}.calendar-booking-block.status-done{opacity:.62}.calendar-booking-time{color:#47758c;font-size:7px;font-weight:950}.calendar-booking-block strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.calendar-booking-block small{overflow:hidden;color:#5f737e;font-size:7px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.calendar-booking-block em{margin-top:2px;color:#70818a;font-size:6px;font-style:normal;font-weight:800}.calendar-empty{display:none}

/* Verkstedverktøy – mindre "demo-kort", mer instrumentpanel */
.tool-grid{gap:12px}.tool-card{padding:18px!important;border:1px solid #d8e0e4!important;border-radius:12px!important;box-shadow:0 5px 18px rgba(29,45,54,.045)!important}.tool-card .form-card-head{padding-bottom:11px;border-bottom:1px solid #e3e8ea}.tool-card .form-card-head h3{font-size:16px;color:#21343e}.tool-card .form-card-head p{font-size:9px;color:#74838b}.tool-card input,.tool-card select{border-radius:8px;background:#fff}.tool-result{border-radius:9px;background:#edf4f7}.tool-actions button{border-radius:7px}.tool-favorite-button{border-color:#cbd5da;background:#fff;color:#768b96}.tool-favorite-button.is-active{color:#a77022;border-color:#dec99f;background:#fff9eb}

@media(max-width:1180px){.shop-pulse{grid-template-columns:repeat(2,minmax(0,1fr))}.workorder-planning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workorder-planning-grid .span-2{grid-column:span 1}.schedule-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{width:228px}.app-content{margin-left:0}.workorder-entity-grid{grid-template-columns:1fr}.calendar-timegrid{grid-template-columns:50px minmax(1260px,1fr)}.jobs-panel{padding:11px}.workflow-toolbar{grid-template-columns:1fr 1fr}.workflow-toolbar>label:first-child{grid-column:1/-1}.workflow-toolbar>strong{text-align:left}}
@media(max-width:650px){.workspace{padding:16px 10px 50px}.shop-pulse{grid-template-columns:1fr 1fr;gap:6px}.shop-pulse article{min-height:56px;padding:8px}.pulse-icon{min-width:36px;height:31px}.jobs-tabs{display:grid;width:100%;grid-template-columns:repeat(3,1fr)}.jobs-tabs button{min-width:0;padding:7px}.jobs-tabs button>small{display:none}.jobs-panel{border-radius:10px}.workorder-create-dialog{width:100%;max-height:100vh;border-radius:0}.workorder-dialog-head{padding:17px}.workorder-create-section{margin:10px 10px 0;padding:12px}.entity-form-grid,.workorder-planning-grid{grid-template-columns:1fr}.entity-form-grid .span-2,.workorder-planning-grid .span-2{grid-column:1}.schedule-summary{grid-template-columns:1fr 1fr}.registry-result em{display:none}}

/* Registerflater – samme verkstedidentitet som arbeidsordrene */
.customers-view .panel,[data-view="vehicles"] .panel{border:1px solid #d7e0e4;border-radius:13px;background:#f8fafb;box-shadow:0 7px 22px rgba(29,45,54,.04)}
.customer-toolbar,.vehicle-toolbar{padding:11px 12px;border:1px solid #dce3e6;border-radius:10px;background:#fff}
.customer-toolbar input,.vehicle-toolbar input{min-height:40px;background:#fbfcfc;font-size:11px}
.customer-grid,.vehicle-grid{gap:10px;margin-top:12px}
.customer-card,.vehicle-card{border-radius:10px;border-color:#d6dee2;box-shadow:0 3px 10px rgba(29,45,54,.035)}
.customer-card{position:relative;overflow:hidden;padding:13px}
.customer-card::before{position:absolute;top:0;bottom:0;left:0;width:3px;content:"";background:#527d93}
.customer-avatar{width:38px;height:38px;border-radius:8px;background:#e7eef2;color:#3e6275;font-size:11px}
.customer-card>div strong{color:#263a44;font-size:13px}.customer-card>div small,.customer-card>div p{font-size:9px}.customer-card footer{padding-top:8px}.customer-card footer span{border-radius:6px;background:#edf2f4;font-size:8px}
.vehicle-card{position:relative;padding:13px;overflow:hidden}.vehicle-card::before{position:absolute;top:0;right:0;left:0;height:3px;content:"";background:#4f7b91}
.vehicle-card-head strong{display:inline-flex;min-height:27px;align-items:center;padding:2px 10px 2px 15px;border:1px solid #aeb9bf;border-radius:5px;background:linear-gradient(90deg,#2f6f96 0 7px,#fff 7px);color:#1b2a31;font-size:12px;font-weight:950;letter-spacing:.07em}
.vehicle-card-head span{font-size:9px}.vehicle-card-head em{border-radius:6px;font-size:7px}.vehicle-card-meta{gap:6px}.vehicle-card-meta div{padding:7px 8px;border:1px solid #edf1f2;border-radius:7px;background:#f7f9fa}.vehicle-card-meta small{font-size:7px}.vehicle-card-meta strong{font-size:9px}
.registry-columns>section{border-color:#d8e0e4;border-radius:11px;background:#f8fafb;box-shadow:inset 0 1px #fff}.registry-columns h3{padding-bottom:8px;border-bottom:1px solid #e1e7e9;color:#263943;font-size:13px}
.welcome-card{border:1px solid #d6e0e4;border-radius:14px;background:linear-gradient(120deg,#fff 0%,#f5f8f9 100%);box-shadow:0 8px 24px rgba(29,45,54,.055)}
.stats-grid-app article{border-color:#d8e0e4;border-radius:11px;box-shadow:0 4px 14px rgba(29,45,54,.035)}


/* v1.20.0 – én arbeidsordre, to visninger: tavle + verkstedplan */
.calendar-planning-queue{margin:0;border-bottom:1px solid #d5dee2;background:#f4f7f8}.calendar-planning-queue>header,.calendar-planning-queue.is-empty{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;background:linear-gradient(180deg,#f7f9fa,#eef3f5)}.calendar-planning-queue>header>div,.calendar-planning-queue.is-empty>div{display:grid;gap:2px}.queue-kicker{color:#2f7192;font-size:7px;font-weight:950;letter-spacing:.09em}.calendar-planning-queue strong{color:#253942;font-size:12px}.calendar-planning-queue small{color:#7a8991;font-size:8px}.queue-count{display:grid;min-width:31px;height:31px;place-items:center;border-radius:9px;background:#365f73;color:#fff;font-size:11px;font-weight:950}.calendar-queue-list{display:flex;gap:8px;overflow-x:auto;padding:9px 12px 12px}.calendar-queue-card{display:grid;grid-template-columns:auto minmax(155px,1fr) auto;min-width:355px;align-items:center;gap:9px;padding:9px;border:1px solid #d8e1e5;border-left:3px solid #78909c;border-radius:9px;background:#fff;box-shadow:0 2px 7px rgba(30,49,59,.04)}.calendar-queue-card.priority-high{border-left-color:#d78a31}.calendar-queue-card.priority-urgent{border-left-color:#c84a40}.calendar-queue-plate{padding:5px 7px 5px 12px;border:1px solid #afbbc0;border-radius:5px;background:linear-gradient(90deg,#2f6f96 0 6px,#fff 6px);color:#1d2b32;font-size:9px;font-weight:950;letter-spacing:.055em}.calendar-queue-main{display:grid;gap:1px;min-width:0}.calendar-queue-main strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.calendar-queue-main small,.calendar-queue-main span{overflow:hidden;color:#7a8991;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.calendar-queue-actions{display:flex;gap:5px}.calendar-queue-actions button{min-height:31px;padding:5px 8px;font-size:7px}.calendar-grid-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border-bottom:1px solid #dbe2e5;background:#fbfcfc}.calendar-grid-caption strong{color:#2b3e48;font-size:9px}.calendar-grid-caption span{color:#849198;font-size:7px}.calendar-planning-queue.is-empty{border-bottom:1px solid #dbe2e5}.calendar-planning-queue.is-empty:before{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#e4f2eb;color:#3b765a;content:'✓';font-weight:950}.calendar-planning-queue.is-empty>div{margin-right:auto}

/* v1.20.0 – egen reparasjonskatalog. Service og PKK bruker fortsatt sine gamle datasett. */
.repair-group>h4{background:#eef3f5;color:#49616d}.repair-row{grid-template-columns:minmax(210px,1.1fr) minmax(250px,1fr) minmax(180px,.78fr) minmax(220px,.9fr) auto}.repair-catalog-button{display:grid;gap:2px;min-height:48px;align-content:center;padding:8px 10px;border:1px dashed #9eafb8;border-radius:8px;background:#f5f8f9;color:#3c6174;text-align:left;cursor:pointer}.repair-catalog-button:hover{border-color:#5d879b;background:#edf4f7}.repair-catalog-button.has-task{border-style:solid;border-color:#9db9c5;background:#eef5f8}.repair-catalog-button strong{font-size:9px}.repair-catalog-button small{color:#768891;font-size:7px}.repair-task-details{grid-column:1/-2;display:grid;grid-template-columns:minmax(170px,.45fr) minmax(300px,1.4fr);gap:9px;padding:9px;border-top:1px solid #e8edef;background:#fafcfc}.repair-task-guidance{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:start;padding:7px 9px;border-radius:7px;background:#edf3f5}.repair-task-guidance small{color:#57717e;font-size:7px;font-weight:900;text-transform:uppercase}.repair-task-guidance p{margin:0;color:#4b5f69;font-size:8px;line-height:1.45}.repair-status-options button[data-status="planned"].is-active{border-color:#a8b6be;background:#eef2f4;color:#465c67}.repair-status-options button[data-status="in_progress"].is-active{border-color:#7fa8bb;background:#e9f3f7;color:#2f6e8a}.repair-status-options button[data-status="done"].is-active{border-color:#8fb7a2;background:#eaf5ee;color:#377456}.repair-status-options button[data-status="not_done"].is-active{border-color:#d6a49f;background:#fff0ee;color:#a0463d}.repair-catalog-layout .catalog-search{min-width:0}.repair-results{padding:0}.repair-result-group>h4{position:sticky;top:0;z-index:1;margin:0;padding:8px 11px;border-bottom:1px solid #e3e9ec;background:#eef3f5;color:#526c78;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.repair-result-group button{display:grid!important;grid-template-columns:31px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important}.repair-task-icon{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;background:#e6eef2;font-size:14px}.repair-result-group button span:nth-child(2){display:grid;gap:2px;min-width:0}.repair-result-group button span:nth-child(2) strong{font-size:9px}.repair-result-group button span:nth-child(2) small{overflow:hidden;color:#7a8991;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.repair-result-group button>b{color:#4a7386;font-size:7px}.repair-label{background:#eaf2f5!important;color:#3c6b80!important}.repair-guidance-preview{margin-top:14px;padding:12px;border:1px solid #d8e4e8;border-radius:9px;background:#f3f7f8}.repair-guidance-preview small{display:block;margin-bottom:4px;color:#53707d;font-size:8px;font-weight:950;text-transform:uppercase}.repair-guidance-preview p{margin:0;color:#465b65;font-size:10px;line-height:1.5}.repair-safety-note{display:grid;gap:3px;margin-top:11px;padding:11px;border-left:3px solid #d28b35;background:#fff8e9}.repair-safety-note strong{color:#805519;font-size:9px}.repair-safety-note span{color:#6e6659;font-size:8px;line-height:1.45}

/* v1.20.0 – tekniske bulletiner som verkstedbulletin, ikke et langt tekstark */
.knowledge-dialog.bulletin-mode{width:min(1240px,calc(100% - 20px));background:#f2f5f6}.knowledge-dialog.bulletin-mode>article{padding:0}.knowledge-dialog.bulletin-mode .knowledge-dialog-head{padding:23px 28px 20px;border-bottom:0;background:linear-gradient(135deg,#142c38,#203e4c);color:#fff}.knowledge-dialog.bulletin-mode .knowledge-dialog-head .kicker{color:#7fc1df}.knowledge-dialog.bulletin-mode .knowledge-dialog-head h2{max-width:930px;color:#fff;font-size:29px;line-height:1.12}.knowledge-dialog.bulletin-mode .knowledge-dialog-head p{color:#c0d0d7}.knowledge-dialog.bulletin-mode .knowledge-dialog-head>button{border-color:rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.08)}.knowledge-dialog.bulletin-mode #knowledgeDialogContent{padding:18px 24px 25px}.bulletin-workshop-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 13px;border:1px solid #d7e0e4;border-radius:10px;background:#fff}.bulletin-id{display:grid;gap:2px}.bulletin-id>span,.bulletin-section-label{color:#2e718f;font-size:7px;font-weight:950;letter-spacing:.1em}.bulletin-id>strong{color:#263b45;font-size:11px}.bulletin-id>small{color:#7b8990;font-size:8px}.bulletin-header-flags{display:flex;gap:7px;flex-wrap:wrap}.bulletin-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:12px;margin-top:12px}.bulletin-problem-card,.bulletin-fitment-card{padding:17px;border:1px solid #d6e0e4;border-radius:11px;background:#fff}.bulletin-problem-card{position:relative;overflow:hidden;border-left:4px solid #2e718f}.bulletin-problem-card:after{position:absolute;right:-28px;bottom:-34px;width:120px;height:120px;border:22px solid #edf4f7;border-radius:50%;content:''}.bulletin-problem-card h3{position:relative;z-index:1;margin:5px 0 8px;color:#20353f;font-size:18px;line-height:1.25}.bulletin-problem-card p{position:relative;z-index:1;margin:0;max-width:760px;color:#596a72;font-size:10px;line-height:1.58}.bulletin-code-row{position:relative;z-index:1;display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.bulletin-code-row span{padding:4px 7px;border:1px solid #adc7d3;border-radius:6px;background:#edf6fa;color:#275f79;font:800 9px ui-monospace,SFMono-Regular,Consolas,monospace}.bulletin-fitment-card dl{display:grid;gap:0;margin:8px 0 0}.bulletin-fitment-card dl>div{display:grid;grid-template-columns:115px 1fr;gap:9px;padding:8px 0;border-bottom:1px solid #edf1f2}.bulletin-fitment-card dl>div:last-child{border-bottom:0}.bulletin-fitment-card dt{color:#77878f;font-size:8px;font-weight:850}.bulletin-fitment-card dd{margin:0;color:#2f434d;font-size:9px;font-weight:750}.bulletin-warning{margin-top:12px;border:1px solid #e6c98e;border-radius:11px;background:#fff8e8;overflow:hidden}.bulletin-warning>header{display:flex;gap:9px;align-items:center;padding:10px 13px;border-bottom:1px solid #edd8ab;background:#fff4da}.bulletin-warning>header>span{display:grid;width:27px;height:27px;place-items:center;border-radius:7px;background:#f2d58f;color:#785514}.bulletin-warning>header>div{display:grid;gap:1px}.bulletin-warning>header strong{color:#715019;font-size:10px}.bulletin-warning>header small{color:#9a7a42;font-size:7px}.bulletin-warning ul{display:grid;gap:7px;margin:0;padding:11px 13px;list-style:none}.bulletin-warning li{display:grid;grid-template-columns:19px 1fr;gap:7px;align-items:start}.bulletin-warning li>span{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#f0d899;color:#6f531d;font-size:8px;font-weight:950}.bulletin-warning li p{margin:1px 0 0;color:#665c49;font-size:9px;line-height:1.45}.bulletin-section,.bulletin-sources{margin-top:12px;padding:16px;border:1px solid #d6e0e4;border-radius:11px;background:#fff}.bulletin-section-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}.bulletin-section-head>span{display:grid;min-width:32px;height:32px;place-items:center;border-radius:8px;background:#e7eff3;color:#356d87;font-size:9px;font-weight:950}.bulletin-section-head>div{display:grid;gap:1px}.bulletin-section-head strong{color:#273d47;font-size:11px}.bulletin-section-head small{color:#829098;font-size:7px}.bulletin-measure-table{border:1px solid #dbe3e6;border-radius:8px;overflow:hidden}.bulletin-measure-table th{background:#edf3f5!important;color:#4d6570!important;font-size:7px!important;text-transform:uppercase;letter-spacing:.04em}.bulletin-measure-table td{vertical-align:top;font-size:8px!important;line-height:1.4}.bulletin-diagram-section .knowledge-diagram{margin:0;border:1px solid #e0e6e8;border-radius:9px;background:#f8fafb}.bulletin-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bulletin-steps article{display:grid;grid-template-columns:34px 1fr;gap:10px;min-height:76px;padding:11px;border:1px solid #dce4e7;border-radius:9px;background:#fbfcfc}.bulletin-steps article>span{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:#2f6f8d;color:#fff;font-size:8px;font-weight:950}.bulletin-steps article>div{display:grid;align-content:start;gap:3px}.bulletin-steps strong{color:#263b45;font-size:9px}.bulletin-steps p{margin:0;color:#6b7b83;font-size:8px;line-height:1.45}.bulletin-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.bulletin-check-grid label{display:flex;gap:9px;align-items:center;padding:9px 11px;border:1px solid #dbe4e7;border-radius:8px;background:#f8fafb}.bulletin-check-grid label>span{display:grid;width:20px;height:20px;place-items:center;border:1px solid #aec0c8;border-radius:5px;background:#fff;color:#507184;font-size:10px}.bulletin-check-grid strong{color:#435761;font-size:8px}.bulletin-sources article{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-top:1px solid #e7edef}.bulletin-sources article:first-of-type{border-top:0}.bulletin-sources article>div{display:grid;gap:2px}.bulletin-sources article span{color:#7c8d94;font-size:6px;font-weight:950;letter-spacing:.08em}.bulletin-sources article a{color:#2e6984;font-size:9px;font-weight:850;text-decoration:none}.bulletin-sources article small{align-self:center;max-width:390px;color:#809098;font-size:7px;text-align:right}.bulletin-sources footer{margin-top:10px;padding-top:9px;border-top:1px solid #e4eaec;color:#849198;font-size:7px}.knowledge-dialog.bulletin-mode .knowledge-dialog-actions{bottom:0;margin:0;padding:13px 24px;border-top:1px solid #d5dfe3;background:rgba(248,250,251,.97)}

@media(max-width:900px){.repair-row{grid-template-columns:1fr}.repair-task-details{grid-column:1;grid-template-columns:1fr}.bulletin-hero-grid,.bulletin-steps,.bulletin-check-grid{grid-template-columns:1fr}.bulletin-fitment-card dl>div{grid-template-columns:90px 1fr}.calendar-queue-card{min-width:320px}.knowledge-dialog.bulletin-mode #knowledgeDialogContent{padding:12px}.knowledge-dialog.bulletin-mode .knowledge-dialog-head{padding:18px}.knowledge-dialog.bulletin-mode .knowledge-dialog-head h2{font-size:22px}}

/* v1.27.0 – verkstedsordre for mekaniker og todelt ferdigstilling */
.workbench-lookup{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(420px,1.28fr);gap:22px;align-items:center;margin:16px 0;padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(120deg,rgba(16,34,57,.92),rgba(10,24,42,.78))}.workbench-lookup>div:first-child{display:flex;flex-direction:column;gap:4px}.workbench-lookup>div:first-child .kicker{margin:0}.workbench-lookup>div:first-child strong{font-size:13px}.workbench-lookup>div:first-child small{color:#71839b;font-size:8px;line-height:1.5}.workbench-lookup form{display:grid;grid-template-columns:1fr auto;gap:9px}.workbench-lookup-results{grid-column:1/-1;display:grid;gap:7px;padding-top:4px}.workbench-lookup-results button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;color:var(--text);background:rgba(4,12,23,.48);text-align:left;cursor:pointer}.workbench-lookup-results button:hover{border-color:rgba(79,212,239,.34);background:rgba(79,212,239,.05)}.workbench-lookup-results button>span:nth-child(2){display:grid;gap:3px}.workbench-lookup-results strong{font-size:9px}.workbench-lookup-results small,.workbench-lookup-results em{color:#71839b;font-size:7px;font-style:normal}
.mechanic-order-card{overflow:hidden;border-color:rgba(111,148,197,.28);background:linear-gradient(180deg,rgba(15,31,53,.92),rgba(8,20,36,.9))}.mechanic-order-card>header{border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(74,101,139,.13),transparent)}.mechanic-order-instructions{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.mechanic-order-instructions>div{display:grid;gap:5px}.mechanic-order-instructions small{color:#71849d;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mechanic-order-instructions strong{font-size:15px}.mechanic-order-instructions p{max-width:760px;margin:0;color:#91a0b4;font-size:9px;line-height:1.55;white-space:pre-wrap}.mechanic-order-instructions>span{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(79,212,239,.19);border-radius:999px;color:#8eddec;background:rgba(79,212,239,.06);font-size:8px;font-weight:850}
.mechanic-task-section{padding:20px}.mechanic-task-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.mechanic-task-head>div{display:grid;gap:3px}.mechanic-task-head strong{font-size:12px}.mechanic-task-head span{color:#73859d;font-size:8px}.mechanic-task-list{display:grid;gap:9px}.mechanic-task-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(3,10,20,.36)}.mechanic-task-row.status-done{border-color:rgba(82,224,178,.24);background:rgba(82,224,178,.035)}.mechanic-task-row.status-not-done{border-color:rgba(255,121,140,.24);background:rgba(255,121,140,.035)}.mechanic-task-row.status-follow-up{border-color:rgba(255,202,112,.26);background:rgba(255,202,112,.035)}.mechanic-task-number{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:9px;color:#7e92ad;background:rgba(255,255,255,.025);font-size:8px;font-weight:900}.mechanic-task-main{display:grid;gap:10px}.mechanic-task-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.mechanic-task-title strong{font-size:10px}.mechanic-task-title span{padding:4px 7px;border-radius:999px;color:#8798af;background:rgba(255,255,255,.04);font-size:7px;font-weight:850;text-transform:uppercase}.mechanic-task-statuses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mechanic-task-statuses button{min-height:38px;border:1px solid var(--line);border-radius:9px;color:#8d9db2;background:rgba(255,255,255,.025);font-size:8px;font-weight:850;cursor:pointer}.mechanic-task-statuses button:hover{border-color:var(--line-strong);color:#d5deea}.mechanic-task-statuses button.is-active[data-mechanic-task-status="done"]{border-color:rgba(82,224,178,.34);color:#82e9c8;background:rgba(82,224,178,.09)}.mechanic-task-statuses button.is-active[data-mechanic-task-status="not_done"]{border-color:rgba(255,121,140,.34);color:#ff9baa;background:rgba(255,121,140,.08)}.mechanic-task-statuses button.is-active[data-mechanic-task-status="follow_up"]{border-color:rgba(255,202,112,.36);color:#f1cf8b;background:rgba(255,202,112,.08)}.mechanic-task-statuses button:disabled{cursor:default;opacity:.72}.mechanic-task-note{gap:5px}.mechanic-task-note span{color:#6e819a;font-size:7px}.mechanic-task-note textarea{min-height:58px}.mechanic-task-audit{color:#61748d;font-size:7px}.mechanic-task-empty{display:grid;gap:5px;padding:22px;border:1px dashed var(--line-strong);border-radius:12px;text-align:center}.mechanic-task-empty strong{font-size:10px}.mechanic-task-empty span{color:#71839a;font-size:8px}
.mechanic-complete-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 20px 20px;padding:17px 18px;border:1px solid rgba(82,224,178,.2);border-radius:13px;background:linear-gradient(110deg,rgba(82,224,178,.07),rgba(79,212,239,.025))}.mechanic-complete-panel>div{display:grid;gap:4px}.mechanic-complete-panel strong{font-size:11px}.mechanic-complete-panel span{color:#7b8da4;font-size:8px;line-height:1.5}.mechanic-complete-button{min-width:165px}.mechanic-complete-button:disabled,.complete-button:disabled{cursor:not-allowed;opacity:.48;transform:none}
.mechanic-order-admin{display:grid;gap:13px;margin:16px 0;padding:16px;border:1px solid rgba(79,212,239,.17);border-radius:13px;background:rgba(79,212,239,.025)}.mechanic-order-admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.mechanic-order-admin-head>div{display:grid;gap:3px}.mechanic-order-admin-head strong{font-size:10px}.mechanic-order-admin-head span{color:#71839a;font-size:7px}.mechanic-order-admin-head>span{padding:5px 8px;border-radius:999px;background:rgba(255,202,112,.08);color:#e4c17e;font-weight:850}.mechanic-order-admin-head>span.is-complete{background:rgba(82,224,178,.08);color:#7ce3c1}.mechanic-job-banner{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:13px 16px;border:1px solid rgba(82,224,178,.23);border-radius:11px;background:rgba(82,224,178,.055)}.mechanic-job-banner>span{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;color:#76e2bd;background:rgba(82,224,178,.1);font-weight:900}.mechanic-job-banner>div{display:grid;gap:2px}.mechanic-job-banner strong{font-size:9px}.mechanic-job-banner small{color:#7990a4;font-size:7px;line-height:1.4}
@media(max-width:900px){.workbench-lookup{grid-template-columns:1fr}.workbench-lookup form{grid-template-columns:1fr}.mechanic-order-instructions,.mechanic-task-head,.mechanic-complete-panel{align-items:stretch;flex-direction:column}.mechanic-task-statuses{grid-template-columns:1fr}.mechanic-complete-button{width:100%}}

/* v1.27.0 – trinnvis reparasjonsflyt */
.repair-flow{max-width:1320px;margin:18px auto 48px;border:1px solid #cbd5dc;border-radius:18px;background:#f6f8f9;box-shadow:0 18px 48px rgba(28,45,56,.10);overflow:hidden}
.repair-flow-header{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:24px 28px;background:linear-gradient(135deg,#142b38 0%,#1d4053 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.repair-flow-header .kicker{color:#8fc6df}.repair-flow-header h3{margin:4px 0 6px;font-size:28px;letter-spacing:-.03em}.repair-flow-header p{margin:0;color:#d6e2e8;max-width:760px;line-height:1.45}
.repair-flow-identity{min-width:220px;text-align:right;display:grid;gap:3px;justify-items:end}.repair-flow-identity>span{display:inline-block;background:#fff;color:#101820;border:3px solid #0b1115;border-radius:6px;padding:4px 12px;font-weight:900;font-size:20px;letter-spacing:.04em}.repair-flow-identity>strong{font-size:18px}.repair-flow-identity>small{color:#c8d8df;max-width:260px}
.repair-flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#e7ecef;border-bottom:1px solid #cbd5dc}.repair-flow-steps button{appearance:none;border:0;border-right:1px solid #cbd5dc;background:transparent;padding:15px 16px;display:flex;align-items:center;gap:10px;text-align:left;min-width:0;color:#34434d;cursor:pointer}.repair-flow-steps button:last-child{border-right:0}.repair-flow-steps button>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:2px solid #9aaab4;background:#f8fafb;font-weight:900;flex:0 0 auto}.repair-flow-steps button div{min-width:0;display:grid;gap:2px}.repair-flow-steps button strong{font-size:13px;white-space:nowrap}.repair-flow-steps button small{font-size:10px;color:#71808a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repair-flow-steps button.is-done>span{background:#2f6d59;border-color:#2f6d59;color:#fff}.repair-flow-steps button.is-active{background:#fff;color:#10232e;box-shadow:inset 0 -4px 0 #2e6d8c}.repair-flow-steps button.is-active>span{border-color:#2e6d8c;background:#e7f1f6;color:#183d50}.repair-flow-steps button.is-locked{opacity:.55}
.repair-flow-panel{padding:30px 34px 34px;background:#fff;min-height:380px}.repair-panel-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.repair-panel-number{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#e8f0f4;border:1px solid #cbdce5;color:#315a70;font-weight:900}.repair-panel-heading h3{margin:0 0 5px;font-size:24px;letter-spacing:-.02em}.repair-panel-heading p{margin:0;color:#66757e;line-height:1.45}
.repair-order-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.repair-order-summary article{border:1px solid #d4dde2;border-radius:12px;background:#f8fafb;padding:14px 16px;display:grid;gap:4px}.repair-order-summary article.wide{grid-column:1/-1}.repair-order-summary small,.mechanic-sheet-preview section>small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6d7d86;font-weight:800}.repair-order-summary strong{font-size:15px;line-height:1.4}.repair-order-summary span{color:#62727c;font-size:12px}
.repair-task-preview{border:1px solid #cfd9df;border-radius:12px;overflow:hidden;background:#fff}.repair-task-preview>div{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;background:#edf2f4;border-bottom:1px solid #d6dfe4}.repair-task-preview ol{list-style:none;margin:0;padding:0}.repair-task-preview li{display:flex;justify-content:space-between;gap:20px;padding:12px 15px;border-bottom:1px solid #edf0f2}.repair-task-preview li:last-child{border-bottom:0}.repair-task-preview li:before{content:'□';font-size:18px;color:#53656f;margin-right:8px}.repair-task-preview li span{flex:1;font-weight:700}.repair-task-preview li small{color:#687780;text-align:right}.repair-task-preview li.empty{color:#6b7880}.repair-task-preview li.empty:before{content:'—'}
.repair-flow-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:18px;border-top:1px solid #e2e7ea}.repair-flow-actions button:first-child:not(:last-child){margin-right:auto}.repair-flow-actions button:disabled,.repair-final-action:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2)}
.repair-plan-card,.repair-completion-card,.repair-final-card{border:1px solid #d2dce1;border-radius:14px;background:#f7f9fa;overflow:hidden}.repair-plan-status,.repair-complete-status,.repair-final-status{display:flex;align-items:flex-start;gap:16px;padding:22px}.repair-plan-status>span,.repair-complete-status>span,.repair-final-status>span{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#e8eef1;border:1px solid #cbd6dc;font-size:20px;flex:0 0 auto}.repair-plan-status strong,.repair-complete-status strong,.repair-final-status strong{display:block;font-size:18px;margin-bottom:5px}.repair-plan-status small,.repair-complete-status small,.repair-final-status small{color:#65757e}.repair-complete-status p{margin:4px 0 6px;color:#33434c}.repair-plan-status.planned,.repair-complete-status.done,.repair-final-status.done{background:#edf7f2;border-left:5px solid #3c8169}.repair-plan-status.planned>span,.repair-complete-status.done>span,.repair-final-status.done>span{background:#dff0e8;border-color:#9ccab8;color:#28624f}.repair-final-status.ready{background:#eef5f8;border-left:5px solid #3a7897}.repair-final-status.blocked{background:#faf8f2;border-left:5px solid #aa8a47}
.mechanic-sheet-preview{border:2px solid #314d5b;border-radius:12px;background:#fff;box-shadow:0 8px 18px rgba(28,44,54,.08);overflow:hidden}.mechanic-sheet-preview>header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:#1b3543;color:#fff}.mechanic-sheet-preview>header div:first-child{display:grid;gap:3px}.mechanic-sheet-preview>header span{font-size:9px;letter-spacing:.16em;font-weight:900;color:#a9c7d6}.mechanic-sheet-preview>header strong{font-size:20px}.mechanic-sheet-preview .vehicle-plate{background:#fff;color:#111;border-color:#111;font-size:18px}.mechanic-sheet-meta{display:grid;grid-template-columns:1.4fr 1fr 1fr;background:#eef2f4;border-bottom:1px solid #d5dde1}.mechanic-sheet-meta span{padding:10px 14px;border-right:1px solid #d5dde1;font-size:12px;font-weight:700}.mechanic-sheet-meta span:last-child{border:0}.mechanic-sheet-preview section{padding:13px 16px;border-bottom:1px solid #e1e6e9}.mechanic-sheet-preview section p{margin:5px 0 0;white-space:pre-wrap;line-height:1.45}.mechanic-sheet-preview section ol{margin:8px 0 0;padding:0;list-style:none}.mechanic-sheet-preview section li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid #edf0f2}.mechanic-sheet-preview section li:first-child{border-top:0}.mechanic-sheet-preview .sheet-check{font-size:20px;line-height:1}.mechanic-sheet-preview li div{display:grid;gap:2px}.mechanic-sheet-preview li small{color:#6d7a82}
.repair-final-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.repair-final-action{border:1px solid #cbd7dd;border-radius:13px;background:#fff;padding:18px;display:grid;grid-template-columns:40px 1fr auto;gap:13px;align-items:center;text-align:left;cursor:pointer}.repair-final-action>span{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#e7eff3;color:#24526a;font-weight:900}.repair-final-action div{display:grid;gap:3px}.repair-final-action strong{font-size:15px}.repair-final-action small{color:#687781}.repair-final-action b{font-size:22px;color:#56717f}.repair-final-action:hover:not(:disabled){border-color:#769eb3;box-shadow:0 8px 18px rgba(34,66,82,.08)}
.repair-legacy-back{max-width:1320px;margin:16px auto 8px;display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid #cfd9df;border-radius:12px;background:#eef3f5}.repair-legacy-back span{font-weight:800;color:#425660}
.repair-create-next{display:flex;align-items:center;gap:12px;padding:13px 15px;margin-top:14px;border-radius:11px;border:1px solid #b9d2df;background:#edf6fa}.repair-create-next>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#326c88;color:#fff;font-weight:900}.repair-create-next div{display:grid;gap:2px}.repair-create-next small{color:#5f7380}.repair-brief-grid{grid-template-columns:1fr 1fr}.repair-brief-grid .span-2{grid-column:1/-1}.repair-brief-dialog{max-width:760px}
@media(max-width:980px){.repair-flow-steps{grid-template-columns:1fr}.repair-flow-steps button{border-right:0;border-bottom:1px solid #cbd5dc}.repair-flow-steps button:last-child{border-bottom:0}.repair-flow-header{align-items:flex-start}.repair-flow-identity{min-width:170px}.repair-order-summary,.repair-final-actions{grid-template-columns:1fr}.mechanic-sheet-meta{grid-template-columns:1fr}.mechanic-sheet-meta span{border-right:0;border-bottom:1px solid #d5dde1}.mechanic-sheet-meta span:last-child{border-bottom:0}}
@media(max-width:680px){.repair-flow-header{display:grid}.repair-flow-identity{justify-items:start;text-align:left}.repair-flow-panel{padding:22px 16px}.repair-flow-header{padding:20px 16px}.repair-order-summary{grid-template-columns:1fr}.repair-order-summary article.wide{grid-column:auto}.repair-flow-actions{align-items:stretch;flex-direction:column}.repair-flow-actions button:first-child:not(:last-child){margin-right:0}.repair-brief-grid{grid-template-columns:1fr}.repair-brief-grid .span-2{grid-column:auto}}
.repair-flow-intro{display:grid;justify-items:start}.repair-flow-back{margin:0 0 10px;padding:0;border:0;background:transparent;color:#c8dde7;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.repair-flow-back:hover{color:#fff}.repair-flow-steps button.is-locked{cursor:not-allowed}.repair-flow-steps button.is-locked:hover{background:transparent}

/* v1.27.0 – lys og lesbar mekanikervisning. Kun verkstedsordre/reparasjonsflyt. */
.jobs-panel[data-jobs-panel="workbench"]{background:#f4f6f7;color:#1d2a31;border:1px solid #d6dee2;border-radius:18px;padding:22px}
.jobs-panel[data-jobs-panel="workbench"] .jobs-panel-head strong{font-size:20px;color:#17262e}
.jobs-panel[data-jobs-panel="workbench"] .jobs-panel-head span{font-size:14px;color:#64747c;line-height:1.45}
.workbench-lookup{gap:24px;margin:18px 0;padding:20px 22px;border:1px solid #cdd8dd;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(32,49,58,.05)}
.workbench-lookup>div:first-child .kicker{color:#4c7184;font-size:11px}
.workbench-lookup>div:first-child strong{font-size:18px;color:#1b2b33}
.workbench-lookup>div:first-child small{color:#697981;font-size:13px;line-height:1.45}
.workbench-lookup input{min-height:48px;font-size:16px;background:#fff;color:#17262e;border-color:#bac9d0}
.workbench-lookup-results button{padding:13px 14px;border:1px solid #d0dade;border-radius:10px;color:#1b2b33;background:#fff}
.workbench-lookup-results button:hover{border-color:#7fa4b6;background:#f2f7f9}
.workbench-lookup-results strong{font-size:14px}
.workbench-lookup-results small,.workbench-lookup-results em{color:#65767e;font-size:12px}
.workbench-empty{min-height:320px;border-color:#c7d3d8;background:#fff}
.workbench-empty>span{color:#5a7f91}
.workbench-empty strong{font-size:20px;color:#1c2c34}
.workbench-empty p{font-size:14px;color:#697980}
.mechanic-order-card{gap:0;overflow:hidden;border:1px solid #cbd7dc;border-radius:16px;background:#fff;color:#1b2930;box-shadow:0 8px 28px rgba(35,52,61,.07)}
.mechanic-order-card>header{margin:0;padding:22px 24px;border:0;border-bottom:1px solid #d6dfe3;border-radius:0;background:#eef3f5;color:#17272f}
.mechanic-order-card>header h2{margin:8px 0 6px;font-size:34px;line-height:1.05;color:#14252e}
.mechanic-order-card>header p{font-size:14px;color:#61737c}
.mechanic-order-card .workbench-doc small{font-size:11px;color:#65767e;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.mechanic-order-card .workbench-doc strong{font-size:22px;color:#24495b}
.mechanic-order-instructions{padding:20px 24px;border-bottom:1px solid #d9e1e4;background:#fff}
.mechanic-order-instructions small{color:#587381;font-size:11px;font-weight:850;letter-spacing:.07em}
.mechanic-order-instructions strong{font-size:20px;line-height:1.3;color:#182932}
.mechanic-order-instructions p{max-width:900px;color:#53656e;font-size:15px;line-height:1.55}
.mechanic-order-instructions>span{padding:7px 11px;border:1px solid #b9ccd5;color:#315f75;background:#eef6f9;font-size:12px}
.mechanic-task-section{padding:22px 24px;background:#f8fafb}
.mechanic-task-head{margin-bottom:15px}
.mechanic-task-head strong{font-size:19px;color:#17272f}
.mechanic-task-head span{color:#65767e;font-size:13px}
.mechanic-task-list{gap:11px}
.mechanic-task-row{grid-template-columns:48px minmax(0,1fr);gap:15px;padding:16px;border:1px solid #d1dade;border-radius:12px;background:#fff}
.mechanic-task-row.status-done{border-color:#a9cbbb;background:#f4faf7}
.mechanic-task-row.status-not-done{border-color:#ddb1b1;background:#fff7f7}
.mechanic-task-row.status-follow-up{border-color:#d7c38f;background:#fffaf0}
.mechanic-task-number{width:42px;height:42px;border:1px solid #bdcbd1;border-radius:9px;color:#3c5b69;background:#f2f6f8;font-size:14px}
.mechanic-task-main{gap:12px}
.mechanic-task-title strong{font-size:17px;line-height:1.35;color:#17262e}
.mechanic-task-title span{padding:5px 8px;color:#61737c;background:#edf2f4;font-size:10px}
.mechanic-task-statuses{gap:9px}
.mechanic-task-statuses button{min-height:44px;border:1px solid #c7d2d7;border-radius:9px;color:#394f5a;background:#fff;font-size:13px;font-weight:800}
.mechanic-task-statuses button:hover{border-color:#7899a8;color:#1d3845;background:#f3f7f9}
.mechanic-task-statuses button.is-active[data-mechanic-task-status="done"]{border-color:#77aa92;color:#205d45;background:#eaf6f0}
.mechanic-task-statuses button.is-active[data-mechanic-task-status="not_done"]{border-color:#c98282;color:#873737;background:#fff0f0}
.mechanic-task-statuses button.is-active[data-mechanic-task-status="follow_up"]{border-color:#bf9c4f;color:#725715;background:#fff6df}
.mechanic-task-note span{color:#60727a;font-size:12px;font-weight:700}
.mechanic-task-note textarea{min-height:72px;font-size:14px;line-height:1.45;background:#fff;color:#1d2a31;border-color:#c6d2d7}
.mechanic-task-audit{color:#687981;font-size:11px}
.mechanic-task-empty{padding:26px;border-color:#bfcdd3;background:#fff}
.mechanic-task-empty strong{font-size:16px;color:#1d2a31}
.mechanic-task-empty span{color:#687981;font-size:13px}
.mechanic-order-card .workbench-timer{padding:20px 24px 0;background:#fff}
.mechanic-order-card .workbench-actions{padding:18px 24px 0;background:#fff}
.mechanic-complete-panel{margin:20px 24px 24px;padding:18px 20px;border:1px solid #a9cbbb;border-radius:12px;background:#f1f8f5}
.mechanic-complete-panel strong{font-size:17px;color:#1f4938}
.mechanic-complete-panel span{color:#577067;font-size:13px;line-height:1.5}
.mechanic-job-banner{border-color:#afd0c0;background:#f1f8f5;color:#203c31}
.mechanic-job-banner>span{color:#2e7256;background:#dff0e7}
.mechanic-job-banner strong{font-size:14px}
.mechanic-job-banner small{color:#637970;font-size:12px}

.repair-flow{border-color:#d1dadd;background:#f6f8f9;box-shadow:0 10px 30px rgba(28,45,56,.07)}
.repair-flow-header{padding:24px 28px;background:#fff;color:#17262e;border-bottom:1px solid #d6dfe3;box-shadow:inset 5px 0 0 #47758b}
.repair-flow-header .kicker{color:#4d7890;font-size:11px}
.repair-flow-header h3{color:#17262e;font-size:28px}
.repair-flow-header p{color:#61727a;font-size:14px}
.repair-flow-identity>strong{color:#23495b;font-size:18px}
.repair-flow-identity>small{color:#6b7a81;font-size:12px}
.repair-flow-back{color:#42697c;font-size:12px}
.repair-flow-back:hover{color:#183f52}
.repair-flow-steps{background:#f1f4f5;border-bottom-color:#d4dde1}
.repair-flow-steps button{color:#34474f}
.repair-flow-steps button strong{font-size:14px}
.repair-flow-steps button small{font-size:11px;color:#6c7b82}
.repair-flow-steps button.is-active{background:#fff;box-shadow:inset 0 -4px 0 #477b94}
.repair-flow-panel{background:#fff}
.repair-panel-heading h3{font-size:25px;color:#17262e}
.repair-panel-heading p{font-size:14px;color:#65757d}
.mechanic-sheet-preview{border:1px solid #bdccd3;box-shadow:0 7px 20px rgba(28,44,54,.06)}
.mechanic-sheet-preview>header{background:#eef3f5;color:#17262e;border-bottom:1px solid #cbd6db}
.mechanic-sheet-preview>header span{color:#567988;font-size:10px}
.mechanic-sheet-preview>header strong{color:#23495b;font-size:20px}
.mechanic-sheet-meta{background:#f7f9fa}
.mechanic-sheet-meta span{font-size:13px;color:#263942}
.mechanic-sheet-preview section>small{font-size:11px;color:#60747d}
.mechanic-sheet-preview section p{font-size:14px;color:#263942}
.mechanic-sheet-preview section li{font-size:14px}
.mechanic-sheet-preview li small{font-size:12px}
.workbench-print-button{margin-top:10px;min-height:38px;padding:8px 11px;font-size:12px;background:#fff;color:#27495a;border-color:#b9c9d0}
.workbench-print-button:hover{background:#f5f8f9;border-color:#7e9eac}


/* v1.27.0 – større verkstedkalender + mekanikerens arbeid/deler */
.jobs-panel[data-jobs-panel="calendar"]{padding:22px;min-height:760px;background:#f7f9fa}
.jobs-panel[data-jobs-panel="calendar"] .schedule-panel-head>div:first-child>strong{font-size:21px}
.jobs-panel[data-jobs-panel="calendar"] .schedule-panel-head>div:first-child>span{font-size:13px;line-height:1.45}
.jobs-panel[data-jobs-panel="calendar"] .schedule-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}
.jobs-panel[data-jobs-panel="calendar"] .schedule-summary article{min-height:68px;padding:12px 14px;border-radius:12px}
.jobs-panel[data-jobs-panel="calendar"] .schedule-summary small{font-size:10px}
.jobs-panel[data-jobs-panel="calendar"] .schedule-summary strong{font-size:20px}
.calendar-week{min-height:680px;border-radius:14px;box-shadow:0 5px 18px rgba(35,52,61,.04)}
.calendar-planning-queue>header,.calendar-ready-board>header{padding:16px 18px}
.calendar-planning-queue strong,.calendar-ready-board>header strong{font-size:15px;color:#20343e}
.calendar-planning-queue small,.calendar-ready-board>header small{font-size:11px;line-height:1.45}
.queue-kicker{font-size:9px}
.calendar-queue-card{min-width:430px;padding:12px}
.calendar-queue-plate{font-size:11px;padding:7px 9px 7px 15px}
.calendar-queue-main strong{font-size:12px}.calendar-queue-main small,.calendar-queue-main span{font-size:10px}.calendar-queue-actions button{min-height:38px;font-size:10px}
.calendar-ready-board{border-bottom:1px solid #d6e0e4;background:#fff}
.calendar-ready-board>header{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#edf4f7;border-bottom:1px solid #d6e0e4}
.calendar-ready-board>header>div{display:grid;gap:3px}.calendar-ready-grid{display:grid;grid-template-columns:repeat(7,minmax(230px,1fr));min-width:1610px;overflow:visible}
.calendar-ready-day{min-width:230px;border-right:1px solid #e0e6e9;background:#fff}.calendar-ready-day:last-child{border-right:0}.calendar-ready-day.today{background:#f4fafc}
.calendar-ready-day-head{display:flex;align-items:baseline;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e5eaed;background:#fafbfc}.calendar-ready-day-head strong{font-size:12px;text-transform:capitalize}.calendar-ready-day-head small{font-size:10px;color:#6f7f87}
.calendar-ready-day-list{display:grid;gap:7px;min-height:92px;padding:9px}
.calendar-ready-job{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px;align-items:stretch;border:1px solid #bdd1da;border-left:4px solid #3f7893;border-radius:9px;background:#f4f9fb;overflow:hidden}.calendar-ready-job.is-running{border-left-color:#3d8064;background:#f2f8f5}
.calendar-ready-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:0;background:transparent;text-align:left;cursor:pointer}.calendar-ready-main>span:last-child{display:grid;gap:2px;min-width:0}.calendar-ready-main strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-ready-main small{font-size:9px;color:#657982;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-ready-plate{padding:5px 6px 5px 11px;border:1px solid #aebbc1;border-radius:5px;background:linear-gradient(90deg,#2f6f96 0 6px,#fff 6px);font-size:9px;font-weight:900;color:#1c2b32}.calendar-ready-plan{border:0;border-left:1px solid #cfdde3;background:#e9f1f5;color:#35677e;font-size:16px;cursor:pointer}.calendar-ready-empty{display:grid;place-items:center;min-height:64px;color:#9aa6ac;font-size:10px}
.calendar-grid-caption{padding:12px 16px}.calendar-grid-caption strong{font-size:12px}.calendar-grid-caption span{font-size:10px}
.calendar-timegrid{grid-template-columns:72px minmax(1680px,1fr);min-width:1752px}
.calendar-time-days{grid-template-columns:repeat(7,minmax(240px,1fr))}.calendar-time-day{min-width:240px}.calendar-axis-head,.calendar-time-day>header{min-height:86px;height:86px}.calendar-axis-head{font-size:10px}.calendar-axis-body span{right:12px;font-size:10px}.calendar-time-day>header{padding:11px 12px}.calendar-time-day>header strong{font-size:14px}.calendar-time-day>header small{font-size:11px}.calendar-add{width:34px;height:34px;font-size:18px}.calendar-deadline-chip{max-width:150px;padding:4px 6px;font-size:8px}
.calendar-hour-line::after{top:42px}.calendar-booking-block{gap:3px;padding:8px 9px;border-left-width:4px;border-radius:9px}.calendar-booking-time{font-size:10px}.calendar-booking-block strong{font-size:13px}.calendar-booking-block small{font-size:10px;line-height:1.25}.calendar-booking-block em{font-size:9px}.calendar-slot span{width:26px;height:26px;font-size:15px}

.mechanic-cost-section{padding:22px 24px;border-top:1px solid #d8e1e5;border-bottom:1px solid #d8e1e5;background:#fff}
.mechanic-cost-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.mechanic-cost-head>div:first-child{display:grid;gap:4px}.mechanic-cost-head .kicker{font-size:10px;color:#4d7588}.mechanic-cost-head strong{font-size:20px;color:#17272f}.mechanic-cost-head p{max-width:820px;margin:0;color:#64757d;font-size:13px;line-height:1.5}.mechanic-cost-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mechanic-cost-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.mechanic-cost-summary>span{display:grid;gap:2px;padding:10px 12px;border:1px solid #d8e1e5;border-radius:9px;background:#f8fafb}.mechanic-cost-summary small{font-size:10px;color:#6a7b83}.mechanic-cost-summary strong{font-size:14px;color:#20343e}.mechanic-cost-summary .sync{border-color:#bcd8c9;background:#f2f8f5}.mechanic-cost-summary .sync strong{color:#2d6c52}
.mechanic-cost-list{display:grid;gap:8px}.mechanic-cost-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid #d5dee2;border-radius:10px;background:#fff}.mechanic-cost-kind{display:grid;place-items:center;min-height:34px;padding:5px 8px;border-radius:7px;background:#edf3f6;color:#315f75;font-size:9px;font-weight:900;letter-spacing:.06em}.mechanic-cost-row.type-labor .mechanic-cost-kind{background:#edf6f1;color:#326b52}.mechanic-cost-row>div:nth-child(2){display:grid;gap:3px;min-width:0}.mechanic-cost-row strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mechanic-cost-row small{font-size:11px;color:#697981;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mechanic-cost-row-actions{display:flex;gap:7px;align-items:center}.mechanic-cost-row-actions .quiet-button{min-height:34px;padding:7px 10px;font-size:10px}.mechanic-cost-row-actions .remove-icon{width:34px;height:34px}.mechanic-cost-empty{display:flex;gap:12px;align-items:center;padding:18px;border:1px dashed #c7d4da;border-radius:10px;background:#f8fafb}.mechanic-cost-empty>span{font-size:25px}.mechanic-cost-empty>div{display:grid;gap:3px}.mechanic-cost-empty strong{font-size:14px}.mechanic-cost-empty small{font-size:12px;color:#6a7a82}
.workbench-cost-dialog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workbench-cost-dialog-grid .span-2{grid-column:span 2}.workbench-cost-dialog-grid label{display:grid;gap:6px}.workbench-cost-dialog-grid label>small{font-size:10px;color:#7a8890;font-weight:500}.workbench-cost-sync-note{margin-top:14px;padding:11px 13px;border:1px solid #bdd7ca;border-radius:9px;background:#f2f8f5;color:#4d6f60}
@media(max-width:1180px){.jobs-panel[data-jobs-panel="calendar"] .schedule-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.mechanic-cost-head{align-items:flex-start;flex-direction:column}.mechanic-cost-actions{justify-content:flex-start}.workbench-cost-dialog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.jobs-panel[data-jobs-panel="calendar"]{padding:12px}.calendar-timegrid{grid-template-columns:58px minmax(1540px,1fr);min-width:1598px}.calendar-ready-grid{grid-template-columns:repeat(7,minmax(210px,1fr));min-width:1470px}.mechanic-cost-summary{grid-template-columns:1fr 1fr}.mechanic-cost-row{grid-template-columns:1fr}.mechanic-cost-kind{justify-self:start}.mechanic-cost-row-actions{justify-content:flex-start}.workbench-cost-dialog-grid{grid-template-columns:1fr}.workbench-cost-dialog-grid .span-2{grid-column:auto}}

/* v1.27.0 – kalenderen beholder planlagte/ankomne biler på valgt dag */
.calendar-ready-job{grid-template-columns:minmax(0,1fr) auto}
.calendar-ready-actions{display:flex;align-items:stretch;border-left:1px solid #cfdde3;background:#f3f7f9}
.calendar-ready-status{display:inline-flex;width:max-content;margin-top:3px;padding:3px 7px;border-radius:999px;background:#e9f0f3;color:#536a76;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.035em;text-transform:uppercase}
.calendar-ready-status.status-arrived{background:#dff2e8;color:#27674d}.calendar-ready-status.status-in_progress{background:#dceef6;color:#245f7b}.calendar-ready-status.status-booked{background:#e9f0f4;color:#426677}.calendar-ready-status.status-waiting{background:#fff0d9;color:#8a591d}.calendar-ready-status.status-diagnosis{background:#ece9f7;color:#5d5684}
.calendar-ready-job.status-arrived{border-left-color:#378363;background:#f2faf6}.calendar-ready-job.status-booked{border-left-color:#4a7f98}.calendar-ready-job.status-waiting{border-left-color:#c58c3a;background:#fffaf1}.calendar-ready-job.status-diagnosis{border-left-color:#766da0;background:#f8f7fc}
.calendar-arrive-button{min-width:78px;padding:0 10px;border:0;border-right:1px solid #cfdde3;background:#e5f3eb;color:#2c6b51;font-size:10px;font-weight:900;cursor:pointer}.calendar-arrive-button:hover{background:#d9eee3}
.calendar-ready-plan{width:40px;border-left:0}
.calendar-booking-block.status-arrived{border-color:#9fcdb7;border-left-color:#378363;background:#edf8f2}.calendar-booking-block.status-arrived .calendar-booking-time{color:#2f7659}
.calendar-booking-block.status-in_progress{border-color:#a8cad9;border-left-color:#2d7798;background:#edf7fb}.calendar-booking-block.status-waiting{border-color:#e2c590;border-left-color:#bd8332;background:#fff8ea}.calendar-booking-block.status-diagnosis{border-color:#c9c4df;border-left-color:#756d9e;background:#f5f3fa}


/* v1.27.0 – egen mekanikerinngang og Min arbeidsdag */
.mechanic-nav-button{position:relative}.mechanic-nav-button small{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.03em;opacity:.68}.mechanic-nav-button.is-active small{opacity:.9}
.mechanic-top-shortcut{border-color:#9eb9c6!important;background:#eef6f9!important;color:#214d61!important}
.mechanic-home-view{max-width:1540px;margin:0 auto}.mechanic-home-hero{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:28px 30px;border:1px solid #cbd8de;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f1f6f8 100%);box-shadow:0 10px 30px rgba(31,51,61,.07)}
.mechanic-home-title h2{margin:5px 0 8px;font-size:36px;line-height:1.05;color:#172b35}.mechanic-home-title p{max-width:780px;margin:0;color:#60727b;font-size:15px;line-height:1.55}.mechanic-home-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.mechanic-day-toolbar{display:grid;grid-template-columns:auto minmax(220px,320px) 1fr;gap:16px;align-items:end;margin-top:18px;padding:16px 18px;border:1px solid #d4dee3;border-radius:14px;background:#fff}.mechanic-date-nav{display:flex;gap:8px;align-items:end}.mechanic-date-nav label,.mechanic-staff-picker{display:grid;gap:6px}.mechanic-date-nav label span,.mechanic-staff-picker span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#58707b}.mechanic-date-nav input,.mechanic-staff-picker select{min-height:46px;font-size:15px}.mechanic-day-identity{justify-self:end;text-align:right;display:grid;gap:3px}.mechanic-day-identity small{color:#65808d;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.mechanic-day-identity strong{font-size:19px;color:#1b3542}
.mechanic-day-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.mechanic-day-stats article{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid #d5dfe4;border-radius:13px;background:#fff}.mechanic-day-stats small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#687b85;font-weight:800}.mechanic-day-stats strong{display:block;margin-top:2px;font-size:25px;color:#162b35}.mechanic-stat-dot{width:12px;height:42px;border-radius:8px;background:#b6c3c9}.mechanic-stat-dot.planned{background:#6b93a7}.mechanic-stat-dot.arrived{background:#3b8b75}.mechanic-stat-dot.active{background:#d89537}.mechanic-stat-dot.done{background:#5caa82}
.mechanic-day-board{border:1px solid #cbd7dc;border-radius:16px;background:#f6f9fa;overflow:hidden;box-shadow:0 8px 24px rgba(33,52,62,.05)}.mechanic-day-board-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;border-bottom:1px solid #d7e0e4;background:#fff}.mechanic-day-board-head h3{margin:4px 0 3px;font-size:24px;color:#172d38}.mechanic-day-board-head p{margin:0;color:#697b84;font-size:13px}.mechanic-job-count{min-width:90px;padding:9px 13px;border-radius:999px;background:#e8f1f5;color:#285b70;text-align:center;font-size:13px;font-weight:850}.mechanic-day-list{display:grid;gap:10px;padding:14px}
.mechanic-day-job{display:grid;grid-template-columns:135px 245px minmax(280px,1fr) 220px;gap:18px;align-items:center;padding:17px 18px;border:1px solid #d0dce1;border-left:6px solid #6b93a7;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(36,55,65,.04)}.mechanic-day-job.status-arrived{border-left-color:#3b8b75;background:#fbfefd}.mechanic-day-job.status-active{border-left-color:#d89537;background:#fffdf8}.mechanic-day-job.status-done{border-left-color:#5caa82;background:#f8fcfa}.mechanic-day-job.status-waiting{border-left-color:#b8803b;background:#fffaf3}.mechanic-day-job.status-diagnosis{border-left-color:#8b78ae}
.mechanic-day-time{display:grid;gap:5px;align-self:stretch;align-content:center;border-right:1px solid #e0e6e9}.mechanic-day-time strong{font-size:20px;color:#172b35}.mechanic-day-time span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:#587381}.mechanic-day-vehicle{display:flex;align-items:center;gap:12px}.mechanic-day-vehicle .vehicle-plate{min-width:88px;font-size:16px}.mechanic-day-vehicle strong{display:block;font-size:16px;color:#172a33}.mechanic-day-vehicle small{display:block;margin-top:4px;color:#6a7b84;font-size:11px}.mechanic-day-work strong{font-size:17px;color:#172a33}.mechanic-day-work p{margin:5px 0 9px;max-width:650px;color:#52656f;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mechanic-task-progress{display:flex;gap:14px;flex-wrap:wrap;color:#617985;font-size:11px;font-weight:750}.mechanic-day-actions{display:grid;gap:8px}.mechanic-day-actions button{width:100%;min-height:44px;font-size:13px}.mechanic-arrive-button{border-color:#77ae98!important;color:#235f4b!important;background:#edf8f3!important}
.mechanic-day-empty{display:flex;align-items:center;justify-content:center;gap:16px;min-height:220px;padding:35px;text-align:left}.mechanic-day-empty>span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e5f5ed;color:#32785d;font-size:25px;font-weight:900}.mechanic-day-empty strong{display:block;font-size:19px;color:#1d3039}.mechanic-day-empty p{margin:5px 0 0;color:#6a7b84;font-size:14px}
.mechanic-find-order{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,600px);gap:20px;align-items:end;margin-top:18px;padding:20px 22px;border:1px solid #d3dee3;border-radius:15px;background:#fff}.mechanic-find-order h3{margin:4px 0;font-size:21px;color:#172d38}.mechanic-find-order p{margin:0;color:#6a7b84;font-size:13px}.mechanic-lookup-form{display:grid;grid-template-columns:1fr auto;gap:9px}.mechanic-lookup-form input{min-height:50px;font-size:16px}.mechanic-lookup-results{grid-column:1/-1;border:1px solid #cbd8de;border-radius:12px;background:#fff;overflow:hidden}.mechanic-lookup-results button{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 15px;border:0;border-bottom:1px solid #e3e9ec;background:#fff;text-align:left}.mechanic-lookup-results button:last-child{border-bottom:0}.mechanic-lookup-results button:hover{background:#f2f7f9}.mechanic-lookup-results button strong{display:block;font-size:14px;color:#1a2e38}.mechanic-lookup-results button small{display:block;margin-top:3px;color:#687b85}.mechanic-lookup-results button em{font-style:normal;font-weight:800;color:#315e72}
body.workshop-mode .mechanic-day-job{grid-template-columns:150px 270px minmax(300px,1fr) 240px;padding:20px}.workbench-intro-actions #workbenchBackToDay{border-color:#b6cbd4;color:#315e72;background:#f5f9fa}
@media(max-width:1200px){.mechanic-day-job{grid-template-columns:120px 220px 1fr}.mechanic-day-actions{grid-column:1/-1;grid-template-columns:1fr 2fr}.mechanic-day-time{border-right:0}.mechanic-day-toolbar{grid-template-columns:1fr 1fr}.mechanic-day-identity{grid-column:1/-1;justify-self:start;text-align:left}.mechanic-find-order{grid-template-columns:1fr}}
@media(max-width:760px){.mechanic-home-hero{align-items:flex-start;flex-direction:column;padding:20px}.mechanic-home-title h2{font-size:30px}.mechanic-home-hero-actions{justify-content:flex-start}.mechanic-day-toolbar{grid-template-columns:1fr}.mechanic-date-nav{flex-wrap:wrap}.mechanic-day-identity{grid-column:auto}.mechanic-day-stats{grid-template-columns:1fr 1fr}.mechanic-day-job{grid-template-columns:1fr;gap:11px}.mechanic-day-time{display:flex;justify-content:space-between;border-bottom:1px solid #e3e9ec;padding-bottom:8px}.mechanic-day-actions{grid-column:auto;grid-template-columns:1fr}.mechanic-find-order{padding:17px}.mechanic-lookup-form{grid-template-columns:1fr}.mechanic-nav-button small{display:none}}

/* v1.27.0 – felles verkstedstyring for Service, PKK og Reparasjon */
.workbench-doc-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.workbench-plan-button{min-height:42px;padding:9px 13px;border-color:#9fb8c4;background:#f4f8fa;color:#244f63;font-size:12px;font-weight:850}
.workbench-plan-button:hover{background:#eaf3f7;border-color:#6e98aa}

.mechanic-linked-job{padding:24px;border-top:1px solid #d6e0e4;border-bottom:1px solid #d6e0e4;background:#f7fafb}
.mechanic-linked-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.mechanic-linked-head>div:first-child{display:grid;gap:4px}
.mechanic-linked-head .kicker{font-size:10px;color:#4d7588;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.mechanic-linked-head strong{font-size:22px;line-height:1.2;color:#172a34}
.mechanic-linked-head p{max-width:850px;margin:0;color:#61747d;font-size:13px;line-height:1.5}
.mechanic-linked-type{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:8px 11px;border:1px solid #b8cdd7;border-radius:999px;background:#eaf3f7;color:#2b6077;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.mechanic-linked-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}
.mechanic-linked-stats article{display:grid;gap:3px;padding:12px 14px;border:1px solid #d5e0e4;border-radius:10px;background:#fff}
.mechanic-linked-stats small{font-size:10px;color:#6a7b83;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.mechanic-linked-stats strong{font-size:21px;color:#18303b}
.mechanic-linked-preview{display:grid;gap:7px;margin-bottom:15px}
.mechanic-linked-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;border:1px solid #d8e1e5;border-radius:9px;background:#fff}
.mechanic-linked-row>div{display:grid;gap:2px;min-width:0}.mechanic-linked-row strong{font-size:13px;color:#20343e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mechanic-linked-row small{font-size:11px;color:#687b84;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mechanic-linked-row em{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef3f5;color:#536b76;font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase;white-space:nowrap}
.mechanic-linked-row.is-issue{border-color:#e2c68c;background:#fffbf3}.mechanic-linked-row.is-issue em{background:#fff0cf;color:#8b5c0b}
.mechanic-linked-actions{display:flex;gap:8px;flex-wrap:wrap}.mechanic-linked-actions button{min-height:40px;font-size:11px}

.shared-workshop-control{border-color:#b9d0da;background:linear-gradient(180deg,#f8fbfc 0%,#fff 100%)}
.shared-workshop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.shared-workshop-head>div:first-child{display:flex;align-items:flex-start;gap:12px}.shared-workshop-head h3{margin:0 0 4px;font-size:21px;color:#172d38}.shared-workshop-head p{max-width:850px;margin:0;color:#60737c;font-size:13px;line-height:1.5}
.shared-workshop-type{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:999px;background:#e9f3f7;color:#2a6077;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.shared-workshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.shared-workshop-grid article{display:grid;gap:3px;padding:13px 14px;border:1px solid #d5e0e4;border-radius:10px;background:#fff}.shared-workshop-grid small{font-size:10px;color:#687b85;text-transform:uppercase;font-weight:850;letter-spacing:.05em}.shared-workshop-grid strong{font-size:16px;color:#19303b}.shared-workshop-grid span{font-size:11px;color:#71818a}
.shared-workshop-actions{display:flex;gap:8px;flex-wrap:wrap}.shared-workshop-actions button{min-height:42px;font-size:11px}.shared-workshop-note{margin:12px 0 0;padding:10px 12px;border:1px solid #d7e1e5;border-radius:9px;background:#f7f9fa;color:#667780;font-size:11px;line-height:1.45}

.mechanic-unplanned-board{margin-top:16px;border:1px solid #cbd8de;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 6px 20px rgba(33,52,62,.04)}
.mechanic-unplanned-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid #dbe3e7;background:#f4f8fa}.mechanic-unplanned-head>div{display:grid;gap:3px}.mechanic-unplanned-head .kicker{font-size:9px;color:#4f7486;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mechanic-unplanned-head strong{font-size:18px;color:#1b313c}.mechanic-unplanned-head p{max-width:850px;margin:0;color:#6b7b83;font-size:12px;line-height:1.45}.mechanic-unplanned-head>span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 9px;border-radius:999px;background:#e7f1f5;color:#2c6177;font-size:14px;font-weight:900}
.mechanic-unplanned-list{display:grid;gap:8px;padding:12px}.mechanic-unplanned-job{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 14px;border:1px solid #d6e0e4;border-left:5px solid #6d94a7;border-radius:10px;background:#fff}.mechanic-unplanned-job.job-service{border-left-color:#4c86a2}.mechanic-unplanned-job.job-precheck{border-left-color:#6e8ab4}.mechanic-unplanned-job.job-repair{border-left-color:#b07d3c}.mechanic-unplanned-main{display:flex;align-items:center;gap:13px;min-width:0}.mechanic-unplanned-main>div{display:grid;gap:3px;min-width:0}.mechanic-unplanned-main strong{font-size:14px;color:#1b303a}.mechanic-unplanned-main small{font-size:11px;color:#6b7d85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mechanic-unplanned-actions{display:flex;gap:7px}.mechanic-unplanned-actions button{min-height:38px;padding:8px 11px;font-size:10px}.mechanic-unplanned-empty{padding:20px;text-align:center;color:#819098;font-size:12px}
.mechanic-day-job.job-service{border-left-color:#4c86a2}.mechanic-day-job.job-precheck{border-left-color:#6e8ab4}.mechanic-day-job.job-repair{border-left-color:#b07d3c}

@media(max-width:980px){.mechanic-linked-stats,.shared-workshop-grid{grid-template-columns:1fr 1fr}.mechanic-linked-head,.shared-workshop-head{flex-direction:column}.mechanic-unplanned-job{grid-template-columns:1fr}.mechanic-unplanned-actions{justify-content:flex-start}}
@media(max-width:650px){.mechanic-linked-stats,.shared-workshop-grid{grid-template-columns:1fr}.mechanic-linked-actions,.shared-workshop-actions,.workbench-doc-actions{display:grid;grid-template-columns:1fr;width:100%}.mechanic-linked-actions button,.shared-workshop-actions button,.workbench-doc-actions button{width:100%}.mechanic-unplanned-main{align-items:flex-start}.mechanic-unplanned-actions{display:grid;grid-template-columns:1fr 1fr}.mechanic-unplanned-actions button{width:100%}}
.mechanic-unplanned-job{grid-template-columns:auto minmax(0,1fr) auto}
.mechanic-linked-row>span{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef3f5;color:#536b76;font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap}
.mechanic-linked-row.status-attention,.mechanic-linked-row.status-critical,.mechanic-linked-row.status-code1,.mechanic-linked-row.status-code2,.mechanic-linked-row.status-code3,.mechanic-linked-row.status-code4{border-color:#e2c68c;background:#fffbf3}
.mechanic-linked-row.status-attention>span,.mechanic-linked-row.status-critical>span,.mechanic-linked-row.status-code1>span,.mechanic-linked-row.status-code2>span,.mechanic-linked-row.status-code3>span,.mechanic-linked-row.status-code4>span{background:#fff0cf;color:#8b5c0b}
@media(max-width:980px){.mechanic-unplanned-job{grid-template-columns:auto minmax(0,1fr)}.mechanic-unplanned-actions{grid-column:1/-1;margin-left:0}}
@media(max-width:650px){.mechanic-unplanned-job{grid-template-columns:1fr}.mechanic-unplanned-job>.vehicle-plate{justify-self:start}}
.mechanic-unplanned-head h3{margin:0;font-size:18px;color:#1b313c}.mechanic-unplanned-list .vehicle-plate{min-width:88px;font-size:13px}


/* v1.31.1 – konsekvent kjøretøyoppslag i Reparasjon, Service, PKK og kjøretøyregister */
.inline-reg-lookup{display:flex;gap:8px;align-items:stretch}.inline-reg-lookup>input{flex:1;min-width:0}.quiet-button.compact{min-height:42px;padding:0 14px;white-space:nowrap}.vehicle-inline-status{display:block;margin:8px 0 0;color:#667884;font-size:12px;line-height:1.4}.vehicle-inline-status.loading{color:#2f6f91}.vehicle-inline-status.success{color:#27745c}.vehicle-inline-status.error{color:#a44d42}.registry-result-lookup{background:#f0f7fb;border-color:#b8d2e1}.vehicle-order-fields{align-items:end}.vehicle-order-fields input[readonly]{background:#f1f4f5;color:#4b5962}
@media(max-width:760px){.inline-reg-lookup{flex-direction:column}.quiet-button.compact{width:100%}}


/* v1.31.1 – tydeligere registreringsnummer og ryddigere kjøretøyadministrasjon */
.vehicle-order-fields .vehicle-reg-field{grid-column:1/-1}
.vehicle-order-fields .vehicle-reg-field .inline-reg-lookup{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:stretch}
.vehicle-order-fields .prominent-reg-input{min-height:54px!important;padding:0 16px!important;border:2px solid #9eb6c2!important;border-radius:10px!important;background:#fff!important;color:#17262e!important;font-size:21px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase}
.vehicle-order-fields .prominent-reg-input:focus{border-color:#397695!important;box-shadow:0 0 0 4px rgba(57,118,149,.12)!important}
.vehicle-order-fields .vehicle-reg-field .quiet-button.compact{min-height:54px;padding-inline:18px;font-size:12px}
.vehicle-profile-actions .vehicle-delete-button{margin-left:auto}
.vehicle-profile-actions .vehicle-delete-button:disabled{opacity:.45;cursor:not-allowed}
#newOrderRepairBriefFields[hidden]{display:none!important}
@media(max-width:760px){.vehicle-order-fields .vehicle-reg-field .inline-reg-lookup{grid-template-columns:1fr}.vehicle-order-fields .prominent-reg-input{font-size:19px!important}.vehicle-profile-actions .vehicle-delete-button{margin-left:0}}

.registry-columns .prominent-reg-input{min-height:52px!important;padding:0 15px!important;font-size:19px!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase}

/* v1.31.1 – mekanikersignatur og tydelig utleveringssteg */
.mechanic-signoff-panel{margin:20px 24px 0;padding:20px;border:1px solid #c8d8df;border-radius:14px;background:#f7fafb;color:#1b2930}.mechanic-signoff-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.mechanic-signoff-head>div{display:grid;gap:5px}.mechanic-signoff-head strong{font-size:18px;color:#173140}.mechanic-signoff-head p{max-width:760px;margin:0;color:#60747d;font-size:13px;line-height:1.55}.mechanic-signoff-state{flex:0 0 auto;padding:8px 11px;border:1px solid #d8b7a5;border-radius:999px;background:#fff7f2;color:#8a4d2f;font-size:12px;font-weight:800}.mechanic-signoff-state.is-ready,.mechanic-signoff-state.is-done{border-color:#a8cfbc;background:#eff8f3;color:#2e6a50}.mechanic-signoff-fields{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;align-items:stretch}.mechanic-signoff-fields>label{display:grid;align-content:start;gap:7px}.mechanic-signoff-fields label>span,.mechanic-signature-box>div>span{font-size:12px;font-weight:850;color:#40545e;text-transform:uppercase;letter-spacing:.05em}.mechanic-signoff-fields input{min-height:54px;font-size:20px;font-weight:850;text-transform:uppercase}.mechanic-signature-box{display:grid;grid-template-columns:1fr auto;gap:8px 12px}.mechanic-signature-box>div{display:flex;align-items:baseline;gap:10px}.mechanic-signature-box>div small{color:#71838c}.mechanic-signature-box canvas{grid-column:1/-1;width:100%;height:150px;border:1px solid #bdcbd1;border-radius:10px;background:#fff;touch-action:none;cursor:crosshair}.mechanic-signature-box>button{justify-self:end}.delivery-button{background:#2f765a!important;border-color:#2f765a!important;color:#fff!important}.workflow-column.workflow-ready-delivery>header::before{background:#2f765a}.workflow-card.is-ready-delivery{border-color:#b7d7c7;background:#fbfefc}.workflow-ready-note{margin:10px 0 0;padding:8px 10px;border-radius:8px;background:#edf8f2;color:#2e654e;font-size:11px;font-weight:800}.workflow-card-actions.ready-delivery-actions{grid-template-columns:1fr auto}.workflow-deliver-button{min-height:38px;font-size:12px}.workflow-column[data-workflow-drop="ready_delivery"]{background:#f0f7f3}
@media(max-width:800px){.mechanic-signoff-head{flex-direction:column}.mechanic-signoff-fields{grid-template-columns:1fr}.mechanic-signature-box canvas{height:170px}}

/* v1.31.1 – enklere arbeidsflyt, normjobber, nøkkelstyring og mekanikeroppfølging */
.standard-job-row{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(180px,.55fr) minmax(280px,1fr);gap:12px;align-items:end;margin-top:12px;padding:14px 16px;border:1px solid #d4e0e5;border-radius:12px;background:#f7fafb}.standard-job-row[hidden]{display:none!important}.standard-job-row label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#465d68}.standard-job-row select,.standard-job-row input{min-height:46px}.field-unit{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #c9d5da;border-radius:9px;background:#fff;overflow:hidden}.field-unit input{border:0!important;box-shadow:none!important}.field-unit b{padding:0 12px;color:#60727b;font-size:12px}.standard-job-help{display:grid;gap:3px;padding:9px 0}.standard-job-help strong{font-size:13px;color:#254a5a}.standard-job-help small{color:#6b7f88;line-height:1.45}
.vehicle-recommendation-alert{display:grid;gap:4px;margin-top:12px;padding:12px 14px;border:1px solid #e0c58b;border-left:4px solid #d79531;border-radius:10px;background:#fffaf0;color:#624514}.vehicle-recommendation-alert strong{font-size:13px}.vehicle-recommendation-alert span{font-size:12px;line-height:1.4}.vehicle-recommendation-alert small{color:#816a42}
.workbench-ops-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid #dce5e9;border-bottom:1px solid #dce5e9;background:#f7fafb}.workbench-ops-strip article{position:relative;display:grid;gap:4px;padding:14px 18px;border-right:1px solid #dce5e9}.workbench-ops-strip article:last-child{border-right:0}.workbench-ops-strip small{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#6c7f88}.workbench-ops-strip strong{font-size:15px;color:#19323e}.workbench-ops-strip span{font-size:11px;color:#71838b}.workbench-ops-strip .text-button{position:absolute;right:12px;top:11px;padding:3px 6px;font-size:10px}
.mechanic-followup-panel,.mechanic-final-check{margin:18px 24px 0;padding:18px 20px;border:1px solid #d0dce1;border-radius:14px;background:#fff}.mechanic-followup-head,.mechanic-final-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.mechanic-followup-head>div,.mechanic-final-head>div{display:grid;gap:4px}.mechanic-followup-head strong,.mechanic-final-head strong{font-size:18px;color:#17323e}.mechanic-final-head p{margin:0;max-width:760px;color:#687b84;font-size:12px;line-height:1.5}.mechanic-followup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.mechanic-followup-grid>div{padding:13px;border:1px solid #e0e7ea;border-radius:10px;background:#f8fafb}.mechanic-followup-grid>div>small{display:block;margin-bottom:8px;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#647984}.mechanic-followup-row,.mechanic-approval-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #e5eaed}.mechanic-followup-row:first-child{border-top:0}.mechanic-followup-row div,.mechanic-approval-status div{display:grid;gap:2px}.mechanic-followup-row strong,.mechanic-approval-status strong{font-size:13px;color:#243a45}.mechanic-followup-row small,.mechanic-approval-status small{font-size:11px;color:#70818a}.mechanic-approval-status.state-approved strong{color:#2a7657}.mechanic-approval-status.state-pending strong{color:#a16919}.mechanic-approval-status.state-declined strong{color:#a34e43}.muted{color:#7b8a91;font-size:12px}
.mechanic-final-check{background:#f9fbfb}.final-master{display:flex!important;align-items:center;gap:9px!important;padding:10px 13px;border:1px solid #b9d5c7;border-radius:10px;background:#f0f8f4;color:#276149;font-size:13px;font-weight:850}.final-master input{width:20px;height:20px}.mechanic-final-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.mechanic-final-options label{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid #dbe4e7;border-radius:9px;background:#fff;font-size:12px;color:#40545d}.mechanic-final-options input{width:17px;height:17px}.mechanic-final-note{display:grid;gap:6px;margin-top:12px;font-size:11px;font-weight:850;color:#526771}.mechanic-final-note input{min-height:44px}.autosave-hint{display:block;margin-top:7px;text-align:right;color:#71838b;font-size:10px}.mechanic-complete-actions{display:flex;gap:10px;align-items:center}.mechanic-complete-actions button{min-width:170px}
.part-suggestion-list{display:grid;gap:5px;margin:10px 0 0;padding:10px;border:1px solid #c9d9e0;border-radius:10px;background:#f6fafc}.part-suggestion-list>small{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#66808c}.part-suggestion-list button{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 10px;border:0;border-radius:8px;background:#fff;text-align:left;box-shadow:0 1px 0 rgba(20,45,58,.06)}.part-suggestion-list button:hover{background:#edf5f8}.part-suggestion-list button span{display:flex;gap:9px;align-items:baseline}.part-suggestion-list button strong{font-size:12px;color:#173747}.part-suggestion-list button em{font-style:normal;font-size:12px;color:#526872}.part-suggestion-list button>small{font-size:10px;color:#71838c}
.intake-photo-section{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:16px 0;padding:15px 16px;border:1px solid #d1dde2;border-radius:12px;background:#f7fafb}.intake-photo-section>div:first-child{display:grid;gap:4px}.intake-photo-section strong{font-size:14px;color:#1c3744}.intake-photo-section span{font-size:12px;color:#687b84}.intake-photo-preview{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.intake-photo-preview>span{padding:8px 0;color:#7b8b92}.intake-photo-preview figure{position:relative;width:112px;height:76px;margin:0;border:1px solid #ced9de;border-radius:9px;overflow:hidden;background:#fff}.intake-photo-preview img{width:100%;height:100%;object-fit:cover}.intake-photo-preview button{position:absolute;right:4px;top:4px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(20,30,36,.78);color:#fff;font-weight:900}.intake-photo-button{cursor:pointer}
.addon-link-result{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:14px 0;padding:12px;border:1px solid #afd0bd;border-radius:10px;background:#f1f9f5}.addon-link-result strong,.addon-link-result small{grid-column:1/-1}.addon-link-result strong{color:#2c684f}.addon-link-result input{min-height:42px;font-size:12px}.addon-link-result small{color:#5f7569;line-height:1.4}
.recommendation-row.is-open{border-left:4px solid #d99a3d}.recommendation-row.is-open .profile-row-icon{background:#fff4dd;color:#976419}
@media(max-width:980px){.standard-job-row{grid-template-columns:1fr 1fr}.standard-job-help{grid-column:1/-1}.workbench-ops-strip{grid-template-columns:1fr}.workbench-ops-strip article{border-right:0;border-bottom:1px solid #dce5e9}.workbench-ops-strip article:last-child{border-bottom:0}.mechanic-followup-grid{grid-template-columns:1fr}.mechanic-final-options{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.standard-job-row{grid-template-columns:1fr}.mechanic-followup-panel,.mechanic-final-check{margin:14px 12px 0;padding:15px}.mechanic-final-head,.mechanic-followup-head{flex-direction:column}.mechanic-final-options{grid-template-columns:1fr}.mechanic-complete-actions{display:grid;width:100%}.mechanic-complete-actions button{width:100%}.intake-photo-section{grid-template-columns:1fr}.intake-photo-button{width:100%}}

/* v1.31.1 – kundetillegg i mekanikerflyt */
.mechanic-approval-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}
.danger-text{color:#a32626!important}


/* v1.37.0 – tydelig prisoverslag direkte i mekanikerens verkstedsordre */
.mechanic-price-estimate{margin:0 0 16px;padding:18px;border:1px solid #b9ccd5;border-radius:14px;background:linear-gradient(135deg,#f5fafc 0%,#fff 72%);box-shadow:0 8px 24px rgba(29,63,78,.06)}
.mechanic-price-estimate-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.mechanic-price-estimate-head>div{display:grid;gap:3px}.mechanic-price-estimate-head .kicker{font-size:10px;color:#47758a}.mechanic-price-estimate-head>div>strong{font-size:30px;line-height:1;color:#173c4d}.mechanic-price-estimate-head p{margin:3px 0 0;font-size:12px;color:#687a83}.mechanic-price-estimate-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.mechanic-price-estimate-grid>span{display:grid;gap:3px;padding:11px 12px;border:1px solid #d8e2e6;border-radius:9px;background:#fff}.mechanic-price-estimate-grid small{font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#71828a}.mechanic-price-estimate-grid strong{font-size:15px;color:#1e333c}.mechanic-price-estimate-grid .estimate-total{border-color:#7eb5cd;background:#eaf6fb}.mechanic-price-estimate-grid .estimate-total strong{font-size:19px;color:#0d536f}.mechanic-price-estimate-state{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:11px}.mechanic-price-estimate-state>small{font-size:11px;color:#697b84}.estimate-ready,.estimate-warning{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850}.estimate-ready{background:#eaf6ef;color:#246748}.estimate-warning{background:#fff1dc;color:#945b08}.mechanic-cost-row{grid-template-columns:76px minmax(0,1fr) minmax(135px,auto) auto}.mechanic-cost-price{display:grid;gap:2px;text-align:right;white-space:nowrap}.mechanic-cost-price>strong{font-size:14px;color:#203944}.mechanic-cost-price>small{font-size:10px;color:#74858d}.mechanic-cost-price .missing-price{color:#a45f0a}
@media(max-width:1180px){.mechanic-price-estimate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.mechanic-price-estimate-head{align-items:flex-start;flex-direction:column}.mechanic-price-estimate-grid{grid-template-columns:1fr 1fr}.mechanic-price-estimate-grid .estimate-total{grid-column:1/-1}.mechanic-cost-row{grid-template-columns:1fr}.mechanic-cost-price{text-align:left}}


/* v1.37.0 – PDF og utskrift av prisoverslag */
.mechanic-price-estimate-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.mechanic-price-estimate-actions button{min-height:44px;padding:0 16px;white-space:nowrap}
.mechanic-price-estimate-actions .estimate-pdf-button{min-width:96px}
@media(max-width:820px){.mechanic-price-estimate-actions{width:100%;justify-content:stretch}.mechanic-price-estimate-actions button{flex:1 1 130px}}

/* v1.37.0 – skille mellom mekanikerarbeid og kundeøkonomi */
.mechanic-cost-price.mechanic-no-price{min-width:180px;text-align:right}.mechanic-cost-price.mechanic-no-price strong{display:block;color:#294b5c;font-size:13px}.mechanic-cost-price.mechanic-no-price small{display:block;max-width:210px;color:#73838b;font-size:11px;line-height:1.35;margin-top:4px}.economy-toolbar-button{border-color:#b9d3df!important;background:#f5fbfd!important;color:#174b61!important;font-weight:800!important}.mechanic-approval-status.state-requested{background:#fff8e8;border-color:#eacb86}

.economy-drawer{padding:0;border:0;background:transparent;max-width:none;max-height:none;width:min(620px,96vw);height:100vh;margin:0 0 0 auto;border-radius:0;box-shadow:-22px 0 70px rgba(16,34,43,.20)}.economy-drawer::backdrop{background:rgba(14,29,38,.36);backdrop-filter:blur(2px)}.economy-drawer-shell{height:100%;display:flex;flex-direction:column;background:#f4f7f8}.economy-head{margin:0;padding:28px 28px 22px;background:#173747;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.economy-head .kicker,.economy-head p{color:#c8dce5}.economy-head h2{color:#fff;font-size:30px}.economy-head>button{background:#fff;color:#173747}.economy-body{padding:22px;display:grid;gap:18px;overflow:auto}.economy-card{background:#fff;border:1px solid #dbe4e8;border-radius:18px;padding:20px;box-shadow:0 7px 22px rgba(21,48,61,.06)}.economy-card-head,.economy-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.economy-card-head small,.economy-card-title small{display:block;color:#617783;font-size:11px;font-weight:900;letter-spacing:.1em}.economy-card-head strong{display:block;color:#123445;font-size:34px;line-height:1.08;margin-top:6px}.economy-card-head span:not(.economy-badge){display:block;color:#73858e;margin-top:7px}.economy-card-title strong{display:block;font-size:19px;color:#173747;margin-top:4px}.economy-card-title>span{min-width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf3f7;color:#174b61;font-weight:900}.economy-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 10px;background:#fff1dc;color:#9b5e08;font-size:10px;font-weight:900;letter-spacing:.08em}.economy-badge.is-ready{background:#e7f6ed;color:#177248}.economy-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.economy-breakdown span{border:1px solid #e0e8eb;border-radius:12px;padding:12px;background:#f8fafb}.economy-breakdown small{display:block;color:#75858c;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.economy-breakdown strong{display:block;color:#183b4c;font-size:15px;margin-top:4px}.economy-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.economy-addon-list{display:grid;gap:10px;margin-top:15px}.economy-addon-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px;border:1px solid #dfe8eb;border-radius:12px;background:#fafcfc}.economy-addon-row strong{display:block;color:#183b4c}.economy-addon-row small{display:block;color:#788991;font-size:11px;margin-top:5px;line-height:1.35}.economy-addon-row>div:last-child{display:flex;gap:6px;align-items:center}.primary-button.compact{min-height:34px;padding:7px 11px;font-size:11px}.economy-settlement{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.economy-settlement>div{border:1px solid #dfe8eb;border-radius:12px;padding:12px;background:#f8fafb}.economy-settlement small{display:block;color:#788991;font-size:10px;text-transform:uppercase;font-weight:800}.economy-settlement strong{display:block;color:#183b4c;font-size:13px;margin-top:5px}.economy-settlement>p{grid-column:1/-1;color:#6b7e87}.economy-warning{background:#fff5df!important;border:1px solid #ecd18f!important;border-radius:12px;padding:12px!important;color:#79510f!important}.economy-payment{margin-top:15px}.payment-paid,.payment-unpaid{display:flex;align-items:center;gap:12px;border-radius:13px;padding:13px 14px}.payment-paid{background:#eaf8ef;border:1px solid #b9e2c7}.payment-unpaid{background:#f4f7f8;border:1px solid #dce5e8}.payment-paid>span,.payment-unpaid>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900}.payment-paid>span{background:#d5efdf;color:#177248}.payment-unpaid>span{background:#e6edf0;color:#526b77}.payment-paid strong,.payment-unpaid strong{display:block;color:#183b4c}.payment-paid small,.payment-unpaid small{display:block;color:#71838b;font-size:11px;margin-top:4px}
@media(max-width:700px){.economy-drawer{width:100vw}.economy-head{padding:22px 18px}.economy-body{padding:14px}.economy-breakdown,.economy-settlement{grid-template-columns:1fr 1fr}.economy-card-head strong{font-size:28px}.economy-addon-row{align-items:flex-start;flex-direction:column}.economy-addon-row>div:last-child{width:100%}}


/* v1.37.0 – Kundeøkonomi som egen kontorarbeidsflate */
.economy-workspace-view{--economy-blue:#245f7a;--economy-line:#d8e3e8}
.economy-workspace-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:18px;border:1px solid #d5e1e6;border-radius:18px;background:linear-gradient(120deg,#fff 0%,#f5fafc 68%,#edf5f8 100%);box-shadow:0 10px 28px rgba(28,55,68,.05)}
.economy-workspace-hero h2{margin:5px 0 8px;font-size:30px;color:#172f3b}.economy-workspace-hero p{max-width:850px;margin:0;color:#647983;line-height:1.55}.economy-workspace-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.economy-workspace-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}
.economy-workspace-stats>button{display:flex;align-items:center;gap:12px;min-height:96px;padding:15px;border:1px solid #d9e3e7;border-radius:15px;background:#fff;text-align:left;box-shadow:0 6px 18px rgba(29,55,68,.035);cursor:pointer}.economy-workspace-stats>button:hover{border-color:#9ebbc8;transform:translateY(-1px)}
.economy-stage-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;font-size:12px;font-weight:950}.economy-stage-icon.estimate{background:#eaf4f8;color:#2b6580}.economy-stage-icon.awaiting{background:#fff3df;color:#9c630d}.economy-stage-icon.settlement{background:#edf1fb;color:#53699a}.economy-stage-icon.payment{background:#edf7f8;color:#31727a}.economy-stage-icon.paid{background:#e9f7ee;color:#25704d}
.economy-workspace-stats div{display:grid;gap:2px;min-width:0}.economy-workspace-stats small{font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#6d8089}.economy-workspace-stats strong{font-size:24px;line-height:1;color:#172f3b}.economy-workspace-stats em{font-size:10px;font-style:normal;color:#7c8b92}
.economy-workspace-panel{overflow:hidden}.economy-workspace-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) 230px auto;gap:12px;align-items:end;padding:18px;border-bottom:1px solid #dde6ea;background:#f8fafb}.economy-workspace-toolbar label{display:grid;gap:6px}.economy-workspace-toolbar label>span{font-size:10px;font-weight:850;color:#617782;text-transform:uppercase;letter-spacing:.06em}.economy-workspace-toolbar input,.economy-workspace-toolbar select{min-height:46px}.economy-workspace-toolbar>strong{align-self:center;justify-self:end;color:#526b76;font-size:12px}
.economy-workspace-list{display:grid;gap:9px;padding:14px;background:#f4f7f8}.economy-workspace-row{display:grid;grid-template-columns:minmax(330px,1.35fr) minmax(205px,.8fr) minmax(180px,.65fr) auto;gap:16px;align-items:center;padding:15px 16px;border:1px solid #d8e2e6;border-left:5px solid #6f98aa;border-radius:13px;background:#fff;box-shadow:0 4px 15px rgba(29,55,68,.035)}
.economy-workspace-row.stage-awaiting{border-left-color:#d7a24a}.economy-workspace-row.stage-settlement{border-left-color:#7586b4}.economy-workspace-row.stage-payment{border-left-color:#4f929a}.economy-workspace-row.stage-paid{border-left-color:#57a27b}
.economy-row-identity{display:flex;align-items:center;gap:13px;min-width:0}.economy-row-identity>div{display:grid;gap:4px;min-width:0}.economy-row-identity strong{font-size:13px;color:#18323e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.economy-row-identity small{font-size:11px;color:#71828a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.economy-row-stage{display:grid;gap:6px}.economy-row-stage>small{font-size:10px;line-height:1.35;color:#73848c}.economy-row-badge{display:inline-flex;width:max-content;align-items:center;padding:6px 9px;border-radius:999px;background:#eaf4f8;color:#2c6680;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.economy-row-badge.awaiting{background:#fff2dc;color:#965e09}.economy-row-badge.settlement{background:#eef0f8;color:#5b6790}.economy-row-badge.payment{background:#e9f4f5;color:#326e75}.economy-row-badge.paid{background:#e8f6ed;color:#256f4d}
.economy-row-price{display:grid;gap:3px;text-align:right}.economy-row-price>strong{font-size:18px;color:#173847}.economy-row-price>small{font-size:10px;color:#77878e}.economy-row-price>small.has-warning{color:#9b6209;font-weight:800}.economy-row-paid{font-size:9px;color:#27704e;font-weight:800}
.economy-row-actions{display:flex;gap:7px;justify-content:flex-end}.economy-row-actions button{white-space:nowrap}
@media(max-width:1220px){.economy-workspace-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.economy-workspace-row{grid-template-columns:minmax(300px,1fr) minmax(190px,.7fr) auto}.economy-row-price{grid-column:2}.economy-row-actions{grid-column:3;grid-row:1/3}}
@media(max-width:820px){.economy-workspace-hero{flex-direction:column}.economy-workspace-hero-actions{width:100%;justify-content:flex-start}.economy-workspace-stats{grid-template-columns:1fr 1fr}.economy-workspace-toolbar{grid-template-columns:1fr}.economy-workspace-toolbar>strong{justify-self:start}.economy-workspace-row{grid-template-columns:1fr}.economy-row-price{text-align:left;grid-column:auto}.economy-row-actions{grid-column:auto;grid-row:auto;justify-content:flex-start}.economy-row-actions button{flex:1}.economy-row-stage>small{max-width:none}}
@media(max-width:520px){.economy-workspace-stats{grid-template-columns:1fr}.economy-workspace-hero{padding:20px}.economy-workspace-list{padding:9px}.economy-workspace-row{padding:13px}.economy-row-identity{align-items:flex-start;flex-direction:column}}


/* v1.37.0 – fri rekkefølge på arbeid-/delelinjer */
.cost-table td:last-child{width:118px;min-width:118px}
.cost-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}
.cost-move-button{display:inline-grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid #cfd9de;border-radius:7px;background:#f8fafb;color:#28556a;font-size:16px;font-weight:900;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,opacity .15s}
.cost-move-button:hover:not(:disabled){background:#eaf3f7;border-color:#91b3c2;transform:translateY(-1px)}
.cost-move-button:disabled{opacity:.28;cursor:default}
.cost-table tr.cost-row-moved>td{animation:costRowMoved .65s ease}
@keyframes costRowMoved{0%{background:#dff2f8}100%{background:transparent}}
@media(max-width:700px){.cost-table td:last-child{width:118px;min-width:118px}.cost-move-button{width:34px;height:34px}}


/* v1.37.0 – drag-and-drop for arbeid-/delelinjer */
.cost-table td:last-child{width:158px;min-width:158px}
.cost-drag-handle{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #afc4ce;border-radius:8px;background:#edf5f8;color:#1d5c76;font-size:21px;font-weight:900;line-height:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.cost-drag-handle:hover{background:#dfeff5;border-color:#6e9fb3}
.cost-drag-handle:active,.cost-row-dragging .cost-drag-handle{cursor:grabbing;background:#d7eaf1}
.cost-table tr.cost-row-dragging>td{opacity:.46;background:#f0f6f8}
.cost-table tr.cost-drop-before>td{box-shadow:inset 0 4px 0 #2e7c9d}
.cost-table tr.cost-drop-after>td{box-shadow:inset 0 -4px 0 #2e7c9d}
.cost-drag-active{cursor:grabbing!important}
.cost-drag-active *{cursor:grabbing!important}
.cost-drag-ghost{position:fixed;z-index:100000;width:250px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:10px 12px;border:1px solid #7fa8b9;border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 12px 30px rgba(27,55,68,.22);pointer-events:none;color:#173847}
.cost-drag-ghost>span{display:grid;place-items:center;font-size:22px;color:#2c718e}.cost-drag-ghost>div{display:grid;gap:2px;min-width:0}.cost-drag-ghost strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cost-drag-ghost small{font-size:10px;color:#72848c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.cost-table td:last-child{width:158px;min-width:158px}.cost-drag-handle{width:40px;height:40px;font-size:23px}}

/* v2.0.0 – prosessorientert navigasjon og arbeidsflyt */
.side-nav-v2{gap:3px}.side-nav-group{display:block;padding:17px 13px 6px;color:#78909c;font-size:9px;font-weight:900;letter-spacing:.16em}.side-nav-v2 .side-nav-group:first-child{padding-top:8px}.side-nav-v2 button,.side-nav-v2 .tablet-link{min-height:45px}.side-nav-v2 button.is-active{box-shadow:inset 3px 0 0 #55a7c9}.process-shortcuts{margin:0 0 18px;padding:18px;border:1px solid #dbe5e9;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(31,57,68,.05)}.process-shortcuts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.process-shortcuts-head h2{margin:3px 0 0;font-size:21px}.process-shortcuts-head>small{max-width:420px;color:#637883;text-align:right}.process-shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.process-shortcut-grid button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;text-align:left;padding:14px;border:1px solid #d9e3e7;border-radius:14px;background:#f9fbfc;color:#18303b;cursor:pointer}.process-shortcut-grid button:hover{border-color:#78aac0;background:#f2f8fa}.process-shortcut-grid button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e8f1f5;color:#24607c;font-weight:900}.process-shortcut-grid button strong{display:block;font-size:13px}.process-shortcut-grid button small{display:block;margin-top:2px;color:#6c7f88;font-size:10px;line-height:1.35}.process-shortcut-grid button>b{font-size:18px;color:#3b7892}.jobs-tabs-v2{max-width:500px}.order-process-map{display:flex;align-items:stretch;gap:6px;margin:0 0 15px;padding:12px;border:1px solid #dce7eb;border-radius:15px;background:#f7fafb;overflow-x:auto}.order-process-map article{display:flex;align-items:center;gap:8px;min-width:145px;flex:1}.order-process-map article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2d6f8d;color:#fff;font-weight:900;font-size:11px}.order-process-map article strong,.order-process-map article small{display:block}.order-process-map article strong{font-size:11px}.order-process-map article small{font-size:9px;color:#71838c;margin-top:2px}.order-process-map>b{align-self:center;color:#9aabb3}.workflow-board{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;overflow:visible!important}.workflow-lane{border:1px solid #dce5e9;border-radius:16px;background:#fff;overflow:hidden}.workflow-lane>header{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:13px 15px;background:#f4f8fa;border-bottom:1px solid #dce5e9}.workflow-lane>header .workflow-lane-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e3eef3;color:#255e78;font-weight:900}.workflow-lane>header strong,.workflow-lane>header small{display:block}.workflow-lane>header strong{font-size:14px}.workflow-lane>header small{color:#6d818a;margin-top:2px;font-size:10px}.workflow-lane>header>b{display:grid;place-items:center;min-width:31px;height:31px;padding:0 8px;border-radius:16px;background:#274f63;color:#fff}.workflow-lane-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px;padding:12px}.workflow-card-v2{min-width:0!important;border:1px solid #dce5e9!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}.workflow-card-v2 .workflow-card-main{padding:14px!important}.workflow-card-v2 .workflow-card-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.workflow-status-badge{margin-left:auto;padding:5px 8px;border-radius:999px;background:#edf3f5;color:#44606d;font-size:9px;font-weight:900}.workflow-next{margin:12px 0 0;padding:10px 11px;border-radius:10px;background:#f2f7f9;border-left:3px solid #4b91ad}.workflow-next small,.workflow-next strong{display:block}.workflow-next small{font-size:8px;letter-spacing:.12em;color:#6f828c;font-weight:900}.workflow-next strong{margin-top:3px;font-size:11px;color:#1e4658}.workflow-card-actions-v2{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 12px!important;border-top:1px solid #e4ecef!important}.workflow-card-actions-v2 .primary-button{min-height:34px;padding:7px 12px}.lane-waiting>header{background:#fff8ed}.lane-office>header{background:#f4f2fb}.lane-delivery>header{background:#eef9f4}.economy-process-strip{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 14px;padding:12px;border:1px solid #dce7eb;border-radius:14px;background:#f7fafb;color:#426273;font-size:11px;font-weight:800}.economy-process-strip b{color:#9cafb8}.economy-workspace-hero h2{font-size:27px}.economy-workspace-row .economy-row-stage small{line-height:1.35}@media(max-width:1100px){.process-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-process-map article{min-width:125px}.workflow-lane-cards{grid-template-columns:1fr}}@media(max-width:720px){.process-shortcuts-head{display:block}.process-shortcuts-head>small{display:block;text-align:left;margin-top:5px}.process-shortcut-grid{grid-template-columns:1fr}.economy-process-strip{justify-content:flex-start;overflow-x:auto}.side-nav-group{padding-left:18px}}