/* Offert – arbetsytan i Maskinsystems layout (prototyp 2.1): vita och ljusa ytor, blå navigation, orange huvudhandlingar,
   diskreta violetta AI-markeringar. Brödtext 12 px, rubriker högst 14 px. Del 1 är prototypens stilmall (oförändrade
   variabler, radier, mellanrum och skuggor); del 2 ger de befintliga funktionernas komponenter samma formspråk. */
:root {
  --ink: #25364d; --muted: #637188; --soft-ink:#8590a2;
  --blue:#386cdb; --blue-deep:#2855b6; --blue-soft:#edf3ff;
  --orange:#0071e3; --orange-deep:#3a3a3c; --orange-soft:#f5f5f7;
  --violet:#7966c3; --line:#e5eaf2; --bg:#f6f8fc; --white:#fff;
  --nav:214px; --top:64px; --dock:410px; --radius:15px;
  --body:12px; --heading:14px;
  --panel-shadow:0 5px 18px rgba(33,55,93,.045),0 1px 2px rgba(33,55,93,.025);
  --top-shadow:0 7px 26px rgba(28,49,86,.105),0 1px 4px rgba(28,49,86,.05);
  --nav-shadow:10px 0 34px rgba(33,50,83,.105),2px 0 7px rgba(33,50,83,.045);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 82% 0%,#eef2fc 0,transparent 45%),var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--blue);text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a8c5ff;outline-offset:3px}input:focus,textarea:focus,select:focus{border-color:#83a8f5}h1,h2,h3,h4,p{margin:0}h1,h2{font-size:14px;font-weight:700;line-height:1.5;letter-spacing:-.12px}h3,h4{font-size:13px;font-weight:650;line-height:1.5}p{line-height:1.75}strong{font-weight:650}small{font-size:12px}svg.i{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}button svg.i{pointer-events:none}img{max-width:100%;display:block}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.muted{color:var(--muted)}.quiet{color:var(--soft-ink)}.small{font-size:12px}.eyebrow{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:650;color:var(--muted)}.blue{color:var(--blue)}.orange{color:var(--orange)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:15px;z-index:300;padding:10px 16px;background:#fff;box-shadow:var(--top-shadow);border-radius:8px}.skip-link:focus{top:10px}.row{display:flex;align-items:center;gap:10px;min-width:0}.spread{display:flex;justify-content:space-between;align-items:center;gap:16px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:18px;min-width:0}.nowrap{white-space:nowrap}.gap-top{margin-top:18px}.gap-sm{margin-top:9px}.spaced{margin-bottom:20px}.divider{width:1px;height:24px;background:var(--line)}
/* Chrome: readable small type, elevated bars, quiet surfaces. */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--nav);z-index:70;background:rgba(255,255,255,.99);box-shadow:var(--nav-shadow);display:flex;flex-direction:column;border-right:1px solid #e7ebf3}
.brand{height:var(--top);min-height:var(--top);display:flex;align-items:center;padding:11px 23px;border-bottom:1px solid #f0f2f7}.brand img{width:129px;height:43px;object-fit:contain;object-position:left center}.nav-scroll{overflow:auto;flex:1;padding:20px 12px 14px}.nav-label{font-size:11px;letter-spacing:.85px;color:#8490a2;text-transform:uppercase;margin:18px 13px 9px}.nav-label:first-child{margin-top:0}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-item{padding:10px 13px;min-height:39px;display:flex;align-items:center;gap:11px;color:#607087;border-radius:10px;transition:background .14s ease,color .14s ease;line-height:1.5}.nav-item:hover{background:#f5f7fc;color:var(--ink)}.nav-item.active{color:#2859b8;background:linear-gradient(115deg,#e9f1ff,#f0f4ff);font-weight:650;box-shadow:inset 0 0 0 1px #e1eafa}.nav-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;background:#eef2f8;min-width:21px;height:20px;padding:0 5px;border-radius:6px;font-size:11px;color:#5f718b}.nav-item.active .nav-count{background:#dce8ff;color:#365eaa}.admin-menu{margin-top:19px}.admin-menu summary{display:flex;align-items:center;gap:9px;padding:8px 13px;cursor:pointer;color:#758397;font-size:11px;text-transform:uppercase;letter-spacing:.65px;list-style:none}.admin-menu summary::-webkit-details-marker{display:none}.admin-menu summary .i{margin-left:auto;width:12px}.admin-menu[open] summary .i{transform:rotate(90deg)}.admin-menu .nav-section{margin-top:7px}.sidebar-bottom{padding:14px;border-top:1px solid var(--line);background:linear-gradient(#fff,#fbfcff)}.sidebar-ai{width:100%;display:flex;gap:11px;align-items:center;text-align:left;border:1px solid #e3e9f9;border-radius:12px;background:linear-gradient(120deg,#f1f6ff,#faf7ff);padding:12px}.sidebar-ai:hover{border-color:#c1d1f4}.sidebar-ai strong{display:block}.sidebar-ai small{color:var(--muted);display:block;font-size:11px}.profile-line{display:flex;align-items:center;gap:10px;padding:15px 3px 0;color:var(--muted)}.avatar{height:29px;width:29px;border-radius:50%;background:#edf0f7;color:#5b6f91;display:grid;place-items:center;font-size:11px;font-weight:650;flex-shrink:0}.avatar.company{width:34px;height:34px;border-radius:10px;background:#f0f4fc;color:#5975a7}.avatar.purple{background:#f2effb;color:#7462a6}.profile-line span{font-size:11px}.profile-line strong{display:block;font-size:12px;color:var(--ink)}
.topbar{position:fixed;top:0;left:var(--nav);right:0;height:var(--top);z-index:60;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);box-shadow:var(--top-shadow);border-bottom:1px solid rgba(217,225,239,.7)}.top-search{display:flex;align-items:center;gap:10px;min-width:310px;max-width:490px;width:42%;height:35px;background:#f5f7fc;border:1px solid #e9edf5;border-radius:10px;color:#7b899e;text-align:left;padding:0 12px}.top-search kbd{margin-left:auto;border:1px solid #e0e5ef;border-radius:4px;padding:0 4px;background:#fff;font-size:11px;color:#8b96a7}.top-tools{display:flex;align-items:center;gap:12px}.demo-label{display:inline-flex;gap:7px;align-items:center;color:#796342;font-size:11px;padding:4px 8px;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:6px}.top-ai{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #dee6f8;border-radius:9px;background:#f6f8ff;color:#4662aa}.top-ai:hover{background:#edf2ff}.ai-orb{height:27px;width:27px;border-radius:10px;background:radial-gradient(circle at 24% 18%,#c2ceff,transparent 48%),linear-gradient(145deg,#5d88ed,#9480d4 67%,#d8b5d2);color:white;display:grid;place-items:center;box-shadow:0 3px 11px #7793cb25;flex-shrink:0}.ai-orb .i{width:15px;height:15px}.ai-orb.small-orb{height:20px;width:20px;border-radius:7px}.icon-btn{width:32px;height:32px;display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:8px;background:none;color:#6b7c96;flex-shrink:0}.icon-btn:hover{background:#f0f4fb;color:#325eae}.icon-btn.bordered{border-color:var(--line);background:#fff}.menu-toggle{display:none}.user-button{border:0;background:none;display:flex;align-items:center;gap:8px;color:#5a6e8b}.user-button .i{width:12px}
.page{margin-left:var(--nav);padding:calc(var(--top) + 25px) 32px 50px;min-height:100vh;transition:margin-right .18s ease}.page-inner{width:100%;max-width:1450px;margin:0 auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.page-heading p{color:var(--muted);margin-top:5px}.crumbs{display:flex;align-items:center;gap:8px;font-size:11px;color:#8a96a9;margin-bottom:16px}.crumbs .i{width:11px;height:11px}.back-link{display:inline-flex;align-items:center;gap:6px;color:#6880a2;font-size:12px;background:transparent;border:0;padding:0;margin-bottom:14px}.back-link .i{width:14px}.back-link:hover{color:var(--blue)}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;font-size:12px;line-height:1.5;font-weight:600;border:1px solid #dce3ee;border-radius:9px;background:#fff;color:#435b7d;transition:background .14s,box-shadow .14s,border-color .14s;text-decoration:none;white-space:nowrap}.btn:hover{background:#f6f9ff;border-color:#b6c8e8;box-shadow:0 2px 7px #254d8110}.btn.primary{background:#0071e3;border-color:#0071e3;color:#fff;box-shadow:none;border-radius:980px;padding-left:16px;padding-right:16px}.btn.primary:hover{background:#0077ed;border-color:#0077ed}.btn.soft{background:#eff4ff;border-color:#e1e8f7;color:#3a62aa}.btn.ai-btn{background:linear-gradient(110deg,#f0f6ff,#f5f1fe);color:#5864a5;border-color:#e1e4f5}.btn.ghost{border-color:transparent;background:none;box-shadow:none}.btn.small-btn{min-height:30px;padding:5px 9px}.btn.full{width:100%}.text-btn{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--blue);font-size:12px;padding:0;text-align:left;line-height:1.6;cursor:pointer}.text-btn:hover{text-decoration:underline;text-underline-offset:3px}.text-btn .i{width:13px;height:13px}.pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;line-height:1.5;border-radius:6px;padding:3px 7px;background:#f1f4f9;color:#6d7d95}.pill.blue{background:#edf3ff;color:#4265a5}.pill.orange{background:#f5f5f7;color:#3a3a3c}.pill.violet{background:#f2effb;color:#72609b}.pill.line{background:white;border:1px solid #e2e8f1}.dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.surface{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--panel-shadow);min-width:0;overflow:hidden}.pad{padding:22px}.surface-head{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.surface-head h2{font-size:13px}.rule-top{border-top:1px solid var(--line)}
/* Work list is its own page. */
.overview-pulse{display:flex;align-items:center;gap:13px;background:linear-gradient(100deg,#edf3ff 0%,#f7f5fe 65%,#fff 100%);border:1px solid #e0e7f6;border-radius:13px;padding:16px 19px;margin-bottom:21px}.overview-pulse strong{font-size:13px}.overview-pulse p{font-size:12px;color:#6a7892;margin-top:1px}.overview-pulse .text-btn{margin-left:auto;white-space:nowrap}.overview-pulse .ai-orb{height:34px;width:34px;border-radius:11px}.counts{display:flex;gap:20px;color:#6f7d90;flex-wrap:wrap}.counts strong{font-size:14px;color:#354d71;margin-right:4px}.tabs{display:flex;align-items:center;gap:22px;min-width:0;overflow-x:auto}.tab{position:relative;padding:15px 0;border:0;background:none;color:#728198;white-space:nowrap;font-weight:550;font-size:12px}.tab.active{color:#355fac;font-weight:650}.tab.active:after{content:'';height:2px;border-radius:2px;position:absolute;bottom:0;left:0;right:0;background:var(--blue)}.tab span{font-size:11px;margin-left:4px}.filterbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:0 21px}.filters{display:flex;align-items:center;gap:8px}.search-input{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:0;padding:0 10px}.search-input .i{width:14px;color:#8896aa}.search-input input{font-size:12px;border:0;background:none;padding:8px 0;min-width:0;width:185px;outline:none}.filters select,.compact-select{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12px;background:#fff;max-width:170px;color:#5e728e}.work-head,.work-row{display:grid;grid-template-columns:minmax(250px,1.6fr) minmax(220px,1.65fr) minmax(155px,.85fr) 24px;gap:20px;align-items:center}.work-head{padding:11px 22px;background:#fafbfe;color:#8490a2;font-size:11px;letter-spacing:.2px}.work-row{padding:19px 22px;border-top:1px solid #edf0f6;color:inherit;min-height:86px}.work-row:hover{background:#f8faff}.work-row:focus-visible{outline-offset:-4px}.work-row-title{font-weight:650;font-size:13px;margin-bottom:4px}.work-row-sub{font-size:11px;color:var(--muted)}.row-overview{color:#657794;line-height:1.65}.row-overview strong{font-weight:550;color:#435d83}.next-label{display:inline-flex;align-items:center;gap:5px;color:#3a3a3c;border-radius:7px;background:#f5f5f7;padding:6px 9px;font-size:11px;font-weight:600;max-width:100%}.next-label.blue{color:#4c66a1;background:#f0f4fe}.row-chevron{color:#94a6bf}.list-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#8593a7;padding:13px 22px;border-top:1px solid var(--line)}.empty{padding:45px 24px;text-align:center;color:#7b89a0}.empty h3{margin:8px 0;color:#4a617f}.empty .i{width:25px;height:25px}.quiet-note{margin-top:17px;color:#8a96a8;font-size:11px;display:flex;align-items:flex-start;gap:7px}.quiet-note .i{width:13px;height:13px;margin-top:3px}
/* Case workspace. */
.case-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.case-title h1{font-size:14px;margin-top:3px;margin-bottom:6px}.case-title .case-type{color:#8b99ac;font-size:11px;letter-spacing:.5px}.case-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.case-meta .sep{color:#bdc6d5}.flow{display:flex;align-items:center;gap:0;padding:15px 20px;background:rgba(255,255,255,.8);border:1px solid #e5eaf3;border-radius:12px;margin:17px 0 12px}.flow-step{flex:1;display:flex;align-items:center;gap:8px;color:#8c99ab;position:relative;min-width:0}.flow-step:not(:last-child):after{content:'';height:1px;background:#e1e7f1;flex:1;margin:0 13px}.flow-step .circle{height:21px;width:21px;border:1px solid #dbe2ee;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#8e9cb0;flex-shrink:0}.flow-step.complete .circle{background:#ecf3ff;color:#3f6fc6;border-color:#cfdefa}.flow-step.complete{color:#586e92}.flow-step.current .circle{border:5px solid #5481df;background:#fff;box-shadow:0 0 0 3px #edf3ff}.flow-step.current{color:#355a9b;font-weight:650}.flow-step .circle .i{width:12px;height:12px}.flow-label{white-space:nowrap;font-size:11px}.case-tabs{border-bottom:1px solid #dde4f0;margin-bottom:21px;padding:0 3px;gap:25px}.case-tabs .tab{padding:13px 0}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:21px;align-items:start}.case-intro{display:flex;gap:14px;align-items:flex-start}.case-intro .ai-orb{width:32px;height:32px;border-radius:11px}.case-intro p{color:#5f728e;margin-top:8px;max-width:850px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.section-line h2{font-size:13px}.source-link{display:inline-flex;align-items:center;gap:5px;border:1px solid #e4eaf6;border-radius:6px;background:#f6f9ff;color:#5876a2;padding:3px 7px;font-size:11px;cursor:pointer;white-space:nowrap}.source-link .i{width:12px;height:12px}.source-link:hover{background:#eaf2ff}.specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:19px}.spec{padding:12px;border:1px solid #e9edf5;border-radius:9px;background:#f9fbff;min-width:0}.spec span{font-size:11px;color:#8190a5;display:block;margin-bottom:4px}.spec strong{font-size:12px;color:#3e577a;overflow-wrap:anywhere}.insight{display:flex;gap:9px;padding:12px 14px;background:linear-gradient(120deg,#f4f7ff,#f9f6fe);border:1px solid #e7e9f7;color:#64739a;font-size:12px;border-radius:9px;margin-top:18px}.insight .i{width:15px;height:15px;color:#8b7bba;margin-top:2px}.reuse-compact{padding:13px 0;border-top:1px solid #eef1f6;display:flex;align-items:flex-start;gap:12px}.reuse-compact:first-of-type{border-top:0}.reuse-symbol{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#f2f5fc;color:#7490be;flex-shrink:0}.reuse-compact strong{display:block;margin-bottom:3px}.reuse-compact p{color:#76869d;font-size:12px}.reuse-compact .source-link{margin-left:auto}.next-task{background:linear-gradient(135deg,#f5f5f7,#fff 70%);border-color:#e5e5ea}.next-task h2{margin-bottom:8px;font-size:13px}.next-task p{color:#7b7d88;margin-bottom:14px}.next-task .btn{width:100%}.task-divider{border-top:1px solid #e5e5ea;margin:16px 0}.secondary-task{display:flex;gap:9px;align-items:flex-start;color:#6f7b8d}.secondary-task .i{width:15px;height:15px;margin-top:2px}.next-task .footnote{margin:15px 0 0;font-size:11px;color:#8c8b90}.mini-summary{padding:18px 20px}.mini-summary strong{font-size:14px;display:block;margin:6px 0;color:#435b7d}.mini-summary p{font-size:11px;color:#8a96a8}.mini-summary .text-btn{margin-top:9px}.tiny-illustration{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.tiny-illustration img{width:100%;height:115px;object-fit:contain;padding:8px}.tiny-illustration figcaption{padding:9px 12px;border-top:1px solid var(--line);font-size:11px;color:#8291a5}.ai-summary{position:relative;min-height:3em}.stream-caret{display:inline-block;width:5px;height:12px;border-radius:2px;background:#6485d3;margin-left:3px;animation:blink 1s step-end infinite;vertical-align:middle}.stream-toolbar{display:flex;align-items:center;gap:9px;justify-content:flex-end;font-size:11px;margin-top:8px}.stream-toolbar button{font-size:11px}.stream-tag{color:#7589ac;display:flex;gap:7px;align-items:center}.stream-dot{width:5px;height:5px;background:#7f8fcb;border-radius:50%;animation:softpulse 1.4s infinite}.source-figure{margin:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.source-figure img{width:100%;max-height:295px;object-fit:contain;padding:15px}.source-figure figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 15px;font-size:11px;color:var(--muted)}.part-list{display:flex;flex-direction:column;gap:13px}.part{border:1px solid #e5eaf3;border-radius:12px;padding:19px 21px;background:white}.part>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px}.part h3{font-size:13px}.part .origin{color:#6b7e9d;margin-top:3px}.part-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.part-grid p{color:#667993;font-size:12px;margin-top:4px}.part-grid .label{font-size:11px;font-weight:650;color:#8592a6}.part-note{font-size:11px;color:#8a94a5;border-top:1px solid #eff2f7;padding-top:10px;margin-top:14px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;font-size:11px;font-weight:550;color:#8090a8;background:#fafbfe;padding:11px 17px;border-bottom:1px solid #e5eaf2;white-space:nowrap}.data-table td{padding:13px 17px;border-bottom:1px solid #eef1f6;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table .right{text-align:right}.data-table small{display:block;font-size:11px;color:#8b99ab;margin-top:2px}.responsibility td:first-child{width:48%}.attachment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.attachment{padding:0;display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.attachment:hover{border-color:#adbfdf}.attachment img{height:145px;width:100%;object-fit:contain;padding:10px;background:#fbfcff}.attachment-label{padding:11px 13px;border-top:1px solid var(--line);font-size:12px;color:#5c7193}.attachment-label small{display:block;color:#8896aa;font-size:11px;margin-top:2px}
/* Document editing uses the source's structure. */
.doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.doc-layout{display:grid;grid-template-columns:183px minmax(0,1fr);gap:20px;align-items:start}.local-toc{position:sticky;top:86px;background:rgba(255,255,255,.65);border:1px solid #e6ecf6;border-radius:11px;padding:13px 9px;max-height:calc(100vh - 120px);overflow:auto}.toc-group{padding:9px 9px 4px;font-weight:650;color:#536887;font-size:11px}.toc-link{display:block;font-size:12px;padding:6px 9px;border-radius:6px;color:#798aa1}.toc-link:hover{color:var(--blue);background:#edf3ff}.paper{padding:31px 40px;background:#fff;border:1px solid #e4e8f0;border-radius:9px;box-shadow:0 9px 32px #344c7821;width:100%;max-width:950px;margin:0 auto;min-width:0}.paper-header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dce3ee;padding-bottom:21px;margin-bottom:22px}.paper-header img{width:112px;height:44px;object-fit:contain;object-position:left center}.paper-header .paper-meta{text-align:right;font-size:11px;color:#7b88a0}.paper h2{font-size:14px}.paper-badge{display:inline-flex;padding:3px 7px;border:1px solid #e5e5ea;border-radius:4px;color:#0071e3;font-size:10px;margin:6px 0}.recipient{padding:13px 0 20px;line-height:1.8;color:#6e7f96}.quote-section{padding:18px 0;border-top:1px solid #edf0f5;scroll-margin-top:90px}.quote-section header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.quote-section h3{font-size:13px}.quote-copy{font-size:12px;line-height:1.9;color:#506580;white-space:pre-line;overflow-wrap:anywhere}.section-actions{display:flex;gap:3px;align-items:center}.section-actions .icon-btn{width:29px;height:29px}.section-actions .i{width:14px;height:14px}.document-source{margin-top:11px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#92a0b2}.document-source .source-link{padding:2px 6px;font-size:11px}.edited-tag{color:#7775a2;font-size:11px}.editor textarea{width:100%;min-height:140px;font-size:12px;line-height:1.85;border:1px solid #bdd0f2;border-radius:8px;padding:12px;background:#fcfdff;resize:vertical}.editor .actions{margin-top:9px}.save-status{font-size:11px;color:#7b8daa;display:flex;align-items:center;gap:5px}.save-status .i{width:12px;height:12px}.paper-footer{padding-top:18px;border-top:1px solid #dce3ee;margin-top:25px;font-size:11px;color:#8391a4}.internal-note{border:1px solid #e3e8f3;border-radius:9px;background:#f5f7fc;padding:12px 15px;color:#7d8ba0;margin-bottom:17px;display:flex;gap:9px;font-size:11px}.internal-note .i{width:14px;height:14px;margin-top:2px}.quote-total{display:flex;justify-content:space-between;align-items:center;background:#f5f8fe;border-radius:9px;padding:14px 16px;margin-top:13px}.quote-total strong{font-size:14px}.document-options{margin-top:12px}.document-options>div{display:flex;justify-content:space-between;padding:6px 0;color:#62738d}
/* Price, customers, history, administration. */
.price-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.price-number{font-size:14px;font-weight:700;color:#37517b}.price-warning{padding:14px 17px;border:1px solid #e6e5f6;border-radius:11px;background:linear-gradient(100deg,#f3f6ff,#fbf8fe);color:#697c9e;margin-bottom:19px;display:flex;gap:10px}.price-warning .i{margin-top:1px;flex-shrink:0}.price-option{padding:15px 20px;display:flex;align-items:flex-start;gap:12px;border-top:1px solid #eaf0f8;cursor:pointer}.price-option input{margin:4px 0 0;accent-color:var(--blue);width:15px;height:15px;flex-shrink:0}.price-option .grow span{display:block;color:#8b99af;font-size:11px;margin-top:3px}.price-option strong.price{white-space:nowrap;font-size:12px;color:#4d6484;margin-left:auto}.price-sum{display:flex;justify-content:space-between;gap:10px;padding:8px 0;color:#7f8da0}.price-sum strong{color:#42618e}.price-sum.total{border-top:1px solid #e3e9f5;padding-top:14px;margin-top:7px;color:#566e90}.price-sum.total strong{font-size:14px}.field{width:100%;min-width:0;border:1px solid #dce4ef;background:white;border-radius:8px;padding:10px 11px;font-size:12px;line-height:1.6}.field::placeholder{color:#97a3b5}textarea.field{min-height:102px;resize:vertical}.field-label{display:block;font-size:12px;font-weight:600;color:#5b7090;margin-bottom:7px}.field-note{display:block;font-size:11px;color:#8997aa;margin-top:5px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:17px}.form-group:last-child{margin-bottom:0}.check-line{display:flex;gap:9px;align-items:flex-start;color:#627793;font-size:12px}.check-line input{margin-top:4px;accent-color:var(--blue)}.file-label{position:relative;overflow:hidden;cursor:pointer}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.file-label:focus-within{outline:3px solid #a9c7f8}.chosen-files{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.customer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.customer-tile{display:block;color:inherit;padding:21px;border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:var(--panel-shadow)}.customer-tile:hover{border-color:#bdceec;background:#fcfdff}.customer-tile h2{font-size:13px;margin-top:13px}.customer-tile p{font-size:12px;color:#7c8ca3;margin-top:5px}.customer-tile footer{display:flex;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid #eef1f7;color:#8091aa;font-size:11px}.customer-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.client-header{display:flex;align-items:center;gap:13px}.client-header .avatar{width:39px;height:39px}.client-header p{font-size:12px;color:#7c8ca3}.info-pair{padding:9px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eef1f7;color:#8391a5}.info-pair strong{color:#526988;text-align:right}.info-pair:last-child{border:0}.activity{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #eef1f7}.activity:last-child{border-bottom:0}.activity .marker{margin-top:6px;width:7px;height:7px;border:2px solid #b4c7e8;border-radius:50%;background:#fff;flex-shrink:0}.activity strong{display:block;font-size:12px}.activity p{color:#7c8ea7;font-size:12px;margin-top:4px}.activity .time{margin-left:auto;color:#94a1b3;font-size:11px;white-space:nowrap}.history-toolbar{padding:17px 21px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.history-title{font-size:12px;color:#4d668b}.history-title small{color:#8f9caf;font-size:11px;display:block}.history-row .btn{min-height:28px;font-size:11px}.history-table th:first-child,.history-table td:first-child{width:42%}.import-zone{border:1px dashed #bdcfea;border-radius:12px;padding:20px;background:#f6f9ff;display:flex;align-items:center;gap:15px;margin-bottom:20px}.import-zone.dragging{background:#edf3ff;border-color:#7299de}.import-zone .i{color:#6088ca;width:23px;height:23px}.import-zone p{font-size:12px;color:#7b8da7}.import-zone .btn{margin-left:auto}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.admin-note{color:#7185a3;background:#f2f6ff;border:1px solid #e4eaf7;border-radius:10px;padding:13px 16px;margin-bottom:21px;display:flex;gap:9px}.setting{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #edf0f6;padding:15px 0}.setting:last-child{border-bottom:0}.setting strong{display:block;font-size:12px;color:#4f6688}.setting p{font-size:12px;color:#8491a5;margin-top:4px}.switch{width:36px;height:21px;position:relative;flex-shrink:0}.switch input{position:absolute;opacity:0}.switch span{position:absolute;inset:0;background:#d7e0f0;border-radius:15px;cursor:pointer;transition:background .2s}.switch span:after{content:'';width:15px;height:15px;position:absolute;top:3px;left:3px;border-radius:50%;background:white;box-shadow:0 1px 4px #4a68932e;transition:transform .2s}.switch input:checked+span{background:#6d8fd4}.switch input:checked+span:after{transform:translateX(15px)}.switch input:focus-visible+span{outline:3px solid #a9c7f8}.radio-option{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--line);border-radius:9px;padding:14px;margin-bottom:10px}.radio-option input{accent-color:var(--blue);margin-top:4px}.radio-option strong{display:block;color:#4d6283}.radio-option p{font-size:12px;color:#8692a5;margin-top:3px}.form-error{padding:9px 12px;border:1px solid #e5e5ea;border-radius:7px;background:#f5f5f7;color:#3a3a3c;margin-top:10px}.calendar-list{display:grid;grid-template-columns:90px 1fr;gap:0}.calendar-date{font-size:12px;color:#7285a2;padding:19px;border-bottom:1px solid #edf0f6}.calendar-item{padding:19px 22px;border-bottom:1px solid #edf0f6;display:flex;align-items:center;gap:15px}.calendar-item p{font-size:12px;color:#8b97aa;margin-top:4px}
/* Context panel: assistant or source, never both competing. */
body.panel-open .page{margin-right:var(--dock)}body.panel-open .topbar{right:var(--dock)}body.panel-open .top-search{min-width:180px}body.panel-open .top-search kbd{display:none}body.panel-open .top-tools .user-button,body.panel-open .top-tools>.divider{display:none}body.source-open{--dock:540px}body.panel-open .local-toc{display:none}body.panel-open .doc-layout{grid-template-columns:1fr}body.panel-open .work-grid,body.panel-open .price-layout,body.panel-open .customer-grid{grid-template-columns:1fr}body.panel-open .top-tools .demo-label{display:none}body.panel-open .case-title .actions .btn.ghost{display:none}body.panel-open .part-grid{grid-template-columns:1fr;gap:12px}body.panel-open .customer-list{grid-template-columns:repeat(2,1fr)}
.dock{position:fixed;top:0;bottom:0;right:0;width:var(--dock);z-index:85;background:rgba(255,255,255,.99);border-left:1px solid #dde5f3;box-shadow:-12px 0 42px rgba(29,47,86,.12);display:flex;flex-direction:column;animation:dock-in .18s ease}.dock-header{padding:18px 19px 13px;border-bottom:1px solid #e6eaf5;background:linear-gradient(130deg,#f5f8ff,#fbf8ff 70%,#fff);flex-shrink:0}.dock-header h2{font-size:14px}.dock-header .sub{font-size:11px;color:#8492a8;margin-top:1px}.dock-header .controls{display:flex;gap:2px;align-items:center}.dock-context{font-size:12px;padding:10px 18px;color:#617ca5;background:#f8faff;border-bottom:1px solid #e9eef7;display:flex;align-items:center;gap:7px;flex-shrink:0;overflow-wrap:anywhere}.dock-context .i{width:14px}.dock-context small{font-size:11px}.chat-body{overflow-y:auto;overscroll-behavior:contain;padding:18px;flex:1;scroll-behavior:auto}.chat-intro{padding:15px 0 19px;color:#7588a5}.chat-intro h3{color:#4c6085;font-size:13px;margin-bottom:6px}.chat-chips{display:flex;flex-direction:column;gap:7px;margin-top:15px}.chat-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e1e7f5;border-radius:9px;background:#fff;text-align:left;font-size:12px;color:#6680a6}.chat-chip:hover{background:#f4f7ff}.chat-chip .i{width:13px;color:#9baacd}.chat-message{margin-bottom:18px;display:flex;flex-direction:column;gap:7px;overflow-wrap:anywhere}.message-label{font-size:11px;color:#8b99ae;display:flex;gap:7px;align-items:center}.message-label .ai-orb{height:18px;width:18px;border-radius:6px}.message-label .ai-orb .i{height:11px;width:11px}.chat-message.user{align-items:flex-end}.chat-message.user .message-text{background:#edf3ff;color:#4c668e;padding:11px 13px;border-radius:12px 12px 3px 12px;max-width:94%}.chat-message.assistant .message-text{color:#596f90;font-size:12px;line-height:1.85;white-space:pre-line}.message-sources{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}.message-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.chat-composer{padding:14px 16px 15px;border-top:1px solid #e7edf6;background:#fafbff;flex-shrink:0}.composer-box{background:#fff;border:1px solid #dfe5f4;box-shadow:0 4px 15px #476eaa09;border-radius:12px;padding:10px 11px 9px}.composer-box:focus-within{border-color:#9fb9eb;box-shadow:0 0 0 3px #eaf1fd}.composer-box textarea{display:block;border:0;outline:none;width:100%;resize:none;background:transparent;font-size:12px;min-height:53px;max-height:120px;line-height:1.7;color:#415879;padding:1px}.composer-box textarea::placeholder{color:#92a0b6}.composer-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}.composer-tools span{font-size:10px;color:#8c9cb4}.send-chat{height:29px;width:29px;border:0;border-radius:8px;background:#4c75ce;display:grid;place-items:center;color:#fff}.send-chat .i{width:14px;height:14px}.chat-footer{font-size:10px;color:#9aa6b7;text-align:center;margin-top:8px}.assistant-proposal{border:1px solid #dce6fa;border-radius:9px;background:#f6f9ff;padding:12px;margin-top:7px}.assistant-proposal p{color:#627ba2;font-size:12px;margin-bottom:8px}.chat-new-marker{border-top:1px solid #edf0f7;margin:10px 0}.source-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:11px 16px;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}.source-tools .page-counter{font-size:11px;color:#8698b2;min-width:54px;text-align:center}.source-body{flex:1;overflow:auto;overscroll-behavior:contain;background:#edf1f8;padding:18px}.source-canvas{display:flex;justify-content:center;align-items:flex-start;min-height:100%;min-width:100%}.source-canvas img{background:#fff;box-shadow:0 3px 14px #263d6124;max-width:none;object-fit:contain}.source-foot{padding:12px 16px;border-top:1px solid var(--line);background:#fff;color:#8594ac;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.source-return{padding:10px 18px;border:0;border-bottom:1px solid #e4eaf5;background:#f8faff;text-align:left;color:#6080b6;font-size:12px;display:flex;align-items:center;gap:7px}.source-return .i{width:14px}.dock.source-full{inset:14px;width:auto;z-index:130;border-radius:15px;overflow:hidden;box-shadow:0 20px 90px #17264242}.dock-backdrop{position:fixed;inset:0;background:#23345438;backdrop-filter:blur(3px);z-index:129}.source-full .source-canvas img{max-height:none}.source-source-note{font-size:11px;color:#90a0b7;margin-top:9px}.panel-close-mobile{display:none}
/* Dialogs and feedback. */
.modal-backdrop{position:fixed;inset:0;z-index:140;background:rgba(26,41,67,.26);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:560px;max-width:100%;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:#fff;border:1px solid #eef1f7;border-radius:17px;box-shadow:0 22px 90px #233c6940;animation:enter .15s ease}.modal.wide{width:930px}.modal-header{padding:21px 24px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-header h2{font-size:14px}.modal-body{padding:22px 24px;overflow:auto;min-height:0}.modal-footer{padding:15px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;background:#fafbfe;border-radius:0 0 17px 17px}.modal-body>p:first-child{color:#76869e;margin-bottom:17px}.modal-body .paper{box-shadow:none}.modal-subtitle{font-size:11px;color:#8291a8;margin-top:3px}.task-box{border:1px solid #e4eaf5;border-radius:11px;padding:17px;margin-bottom:14px}.task-box h3{font-size:13px;margin-bottom:6px}.task-box p{font-size:12px;color:#7186a4;margin-bottom:10px}.task-box.done{background:#f8faff}.task-box .field{margin-top:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:17px}.diff-block{border:1px solid #e3e9f4;border-radius:10px;padding:15px;background:#fafbfe}.diff-block.new{background:#f5f8ff;border-color:#d5e2fa}.diff-block h3{font-size:12px;margin-bottom:10px;color:#6d81a1}.diff-block p{font-size:12px;line-height:1.85;white-space:pre-line}.question-kind{font-size:11px;color:#8e7b68;margin-bottom:8px}.search-group{margin:19px 0 8px;font-size:11px;color:#8796ad}.search-result{display:flex;align-items:center;gap:12px;width:100%;padding:12px 9px;border:0;border-bottom:1px solid #edf1f6;background:white;text-align:left;color:#526d95}.search-result:hover{background:#f6f9ff;border-radius:7px}.search-result small{font-size:11px;color:#8c9bb0;display:block}.search-result .i{color:#8096b8}.toasts{position:fixed;right:22px;bottom:20px;z-index:180;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;max-width:min(430px,90vw);background:#2e486d;color:#fff;box-shadow:0 7px 30px #29476933;border:1px solid #567294;border-radius:11px;padding:12px 16px;font-size:12px;animation:enter .2s ease}.toast .i{width:15px;color:#c1d7f8}.menu-backdrop{position:fixed;inset:0;background:#20355632;z-index:68;backdrop-filter:blur(2px)}.help-step{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.help-step:first-child{border:0}.help-step>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#eff4ff;color:#6685ba;flex-shrink:0}.help-step p{font-size:12px;color:#8290a5;margin-top:3px}.new-flow{display:flex;gap:9px;align-items:center;color:#8b99af;font-size:11px;margin-top:18px;flex-wrap:wrap}.new-flow .i{width:12px}.motion-setting{font-size:11px;display:flex;gap:8px;align-items:center;color:#8a99ae}.motion-setting input{accent-color:var(--blue)}.preparation{padding:18px;background:linear-gradient(115deg,#f0f5ff,#f9f6ff);border:1px solid #e1e7f6;border-radius:11px;margin:18px 0}.preparation-status{display:flex;align-items:center;gap:10px}.preparation p{color:#7b8faf;margin-top:8px}.preparation .dot{width:6px;height:6px;color:#8395cb;animation:softpulse 1s infinite}
@keyframes softpulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes blink{50%{opacity:0}}@keyframes enter{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes dock-in{from{transform:translateX(16px);opacity:.6}to{transform:none;opacity:1}}
@media(min-width:1800px){.page{padding-left:45px;padding-right:45px}.work-row{min-height:92px}.pad{padding:25px}}
@media(max-width:1320px){:root{--nav:200px}.page{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.top-search{min-width:245px}.top-tools{gap:8px}.user-button>span:not(.avatar){display:none}.work-head,.work-row{grid-template-columns:minmax(230px,1.45fr) minmax(190px,1.4fr) 158px 18px;gap:16px}.work-grid{grid-template-columns:minmax(0,1fr) 265px}.flow{padding:13px 15px}.flow-step:not(:last-child):after{margin:0 9px}.flow-label{font-size:11px}.customer-list{grid-template-columns:repeat(2,1fr)}.specs{grid-template-columns:repeat(2,1fr)}.case-title>.actions{max-width:285px;justify-content:flex-end}body.panel-open .filterbar{flex-wrap:wrap;padding-bottom:10px}body.panel-open .work-head,body.panel-open .work-row{grid-template-columns:minmax(200px,1fr) 145px 15px}body.panel-open .row-overview{display:none}body.panel-open .doc-toolbar{flex-wrap:wrap}body.panel-open .paper{padding:24px}body.panel-open .case-title{flex-wrap:wrap}body.panel-open .case-title>.actions{max-width:none}body.panel-open .flow-step:after{margin:0 6px}body.panel-open .flow-step .circle{height:17px;width:17px}body.panel-open .flow-label{font-size:10px}}
@media(max-width:1100px){.filterbar{flex-wrap:wrap;gap:0}.filters{padding:8px 0 12px}.work-grid,.price-layout,.customer-grid{grid-template-columns:1fr}.work-grid>.stack:last-child{display:grid;grid-template-columns:1fr 1fr;gap:16px}.next-task{grid-column:1/-1}.next-task .btn{width:auto}.flow-label{font-size:11px}.flow-step:not(:last-child):after{margin:0 8px}.top-tools .demo-label{display:none}.customer-list{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.doc-layout{grid-template-columns:150px minmax(0,1fr)}.paper{padding:24px}.work-head,.work-row{grid-template-columns:minmax(240px,1.6fr) 165px 18px}.row-overview{display:none}body.panel-open .page{margin-right:0}body.panel-open .topbar{right:0}body.panel-open .dock{box-shadow:-20px 0 80px #243c7433}.dock{width:min(var(--dock),85vw)}body.panel-open .local-toc{display:none}.overview-pulse{flex-wrap:wrap}.overview-pulse .text-btn{margin-left:47px}.case-title{flex-wrap:wrap}.case-title>.actions{max-width:none}}
@media(max-width:760px){:root{--nav:0px;--top:57px;--dock:420px}.sidebar{width:211px;transform:translateX(-105%);transition:transform .2s}.sidebar.open{transform:none}.menu-toggle{display:inline-flex}.topbar{left:0;padding:0 14px;gap:10px}.top-search{min-width:0;flex:1;width:auto;padding:0 9px;max-width:none}.top-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-search kbd{display:none}.top-tools{gap:6px}.top-tools .user-button,.top-tools>.divider{display:none}.top-ai{padding:7px 9px}.page{padding:calc(var(--top) + 21px) 18px 35px;margin-left:0}.page-heading{margin-bottom:18px}.crumbs{margin-bottom:12px}.overview-pulse{padding:13px 15px;gap:10px}.overview-pulse .text-btn{margin-left:0;width:100%;justify-content:flex-start}.counts{gap:13px}.work-head,.work-row{grid-template-columns:minmax(230px,1fr) 145px 16px;gap:12px;padding-left:17px;padding-right:17px}.work-row{min-height:92px}.flow{overflow:auto;padding:13px}.flow-step{min-width:122px}.flow-step:last-child{min-width:100px}.case-tabs{gap:20px}.attachment-grid{grid-template-columns:repeat(2,1fr)}.doc-layout{grid-template-columns:1fr}.local-toc{position:static;display:flex;overflow:auto;gap:7px;padding:8px}.toc-group{display:none}.toc-link{white-space:nowrap;padding:7px}.doc-toolbar{flex-wrap:wrap}.customer-list{gap:14px}.topbar{box-shadow:0 5px 22px #1c31501c}.dock{width:min(440px,100vw)}.dock.source-full{inset:0;border-radius:0}.source-tools{gap:3px}.source-tools .btn{padding:5px 7px}.source-foot{flex-wrap:wrap}.history-toolbar{flex-wrap:wrap}.history-table th:nth-child(3),.history-table td:nth-child(3){display:none}.import-zone{flex-wrap:wrap}.import-zone .btn{margin-left:0}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px)}.modal-header,.modal-body{padding:19px}.modal-footer{padding:14px 19px}.paper{padding:21px}.case-meta{font-size:11px}}
@media(max-width:530px){.top-tools>.icon-btn{display:none}.top-ai span:not(.ai-orb){display:none}.top-ai{padding:5px 7px;border:0;background:none}.top-search{font-size:11px}.page-heading{flex-wrap:wrap}.page-heading .actions{width:100%}.page-heading .actions .btn.primary{margin-left:auto}.work-head{display:none}.work-row{grid-template-columns:minmax(0,1fr) 16px;gap:8px;padding:16px}.work-row>div:nth-child(3){grid-column:1;margin-left:44px}.work-row>.row-chevron{grid-column:2;grid-row:1/3}.work-row-title{font-size:12px}.work-row-sub{font-size:11px}.filters{width:100%;flex-wrap:wrap}.search-input{flex:1}.search-input input{width:100%}.filters select{max-width:130px}.filterbar{padding:0 15px}.tabs{gap:19px}.tab{font-size:12px}.pad{padding:18px}.surface-head{padding:16px 18px}.work-grid>.stack:last-child{display:flex}.case-title .actions{width:100%}.case-title .actions .btn{font-size:12px}.case-title h1{font-size:14px}.case-meta{gap:6px}.part-grid{grid-template-columns:1fr;gap:12px}.part{padding:16px}.part>header{flex-wrap:wrap}.reuse-compact{flex-wrap:wrap;gap:9px}.reuse-compact .source-link{margin-left:40px}.doc-toolbar .actions{flex-wrap:wrap}.paper{padding:18px 16px}.paper-header{gap:10px}.paper-header img{width:92px}.paper-meta{max-width:135px}.form-grid,.two-col{grid-template-columns:1fr}.customer-list{grid-template-columns:1fr}.customer-tile{padding:18px}.data-table td,.data-table th{padding:11px 12px}.attachment-grid{grid-template-columns:1fr 1fr;gap:10px}.attachment img{height:112px}.attachment-label{font-size:11px}.history-row .btn span{display:none}.history-table td:first-child{min-width:160px}.history-table th:nth-child(2),.history-table td:nth-child(2){display:none}.calendar-list{grid-template-columns:65px 1fr}.calendar-date{padding:16px 10px}.calendar-item{padding:16px 13px;flex-wrap:wrap}.activity{gap:9px}.activity .time{display:none}.price-option{padding:13px;flex-wrap:wrap}.price-option strong.price{margin-left:26px}.source-tools .btn{font-size:11px}.list-foot{padding:12px 16px;flex-wrap:wrap}.list-foot>span:last-child{display:none}.toasts{bottom:12px;right:12px;left:12px}.toast{max-width:100%}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1}.topbar .menu-toggle{width:28px}.price-sum{font-size:12px}.demo-label{font-size:11px}.doc-toolbar .save-status{width:100%}.next-task .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff;font-size:12px}.sidebar,.topbar,.page,.dock,.dock-backdrop,.toasts,.modal-header,.modal-footer,.no-print{display:none!important}.modal-backdrop{position:static;display:block;background:#fff;padding:0;backdrop-filter:none}.modal{width:100%;max-height:none;display:block;box-shadow:none;border:0}.modal-body{padding:0;overflow:visible}.paper{box-shadow:none;border:0;border-radius:0;max-width:none;padding:10mm}.paper-header img{width:105px}.quote-section{break-inside:avoid}.quote-section .section-actions,.document-source{display:none}.paper-footer{font-size:11px}h1,h2,h3{font-size:14px}.quote-copy{font-size:12px}}
/* V2 interaction refinements, text remains 12px (headings <=14px). */
.message-text.stream-caret{display:block;width:auto;height:auto;background:none;margin:0;animation:none;vertical-align:baseline;border-radius:0}.message-text.stream-caret:after{content:'';display:inline-block;width:4px;height:12px;border-radius:2px;background:#6f8dd4;margin-left:3px;vertical-align:-1px;animation:blink 1s step-end infinite}.source-canvas{min-height:0;min-width:0;display:block;margin:0 auto}.source-body{padding:15px}.price-option{padding:14px 0;align-items:center}.price-option>label{display:flex;gap:11px;align-items:flex-start;flex:1;min-width:0}.price-option label strong{display:block;font-size:12px}.price-option small{display:block;font-size:11px;color:#8393ab;margin-top:4px}.price-option>strong{margin-left:auto;white-space:nowrap;font-size:12px}.recipient{display:flex;justify-content:space-between;gap:22px}.recipient>div{display:flex;flex-direction:column;gap:3px}.quote-section{scroll-margin-top:85px}.history-row{display:flex;align-items:center;gap:13px;color:inherit;padding:14px 20px;border-top:1px solid #edf0f7}.history-row:first-child{border-top:0}.history-row p{font-size:11px;color:#8190a7;margin-top:3px}.history-row strong{font-size:12px}.history-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 0 17px}.customer-tile>.row>.i{margin-left:auto}.customer-tile>.row h2{margin-top:0}.calendar-list{display:block}.calendar-item{display:flex;gap:18px;align-items:center}.calendar-date{min-width:95px;white-space:nowrap}.chat-footer{display:flex;justify-content:space-between;gap:8px;text-align:left}.chat-footer .text-btn{font-size:11px;flex-shrink:0}.chat-message .source-link{white-space:normal;text-align:left}.chat-message .message-text{white-space:pre-line}.source-link:hover{text-decoration:none}.table-wrap+.price-sum{padding:17px}.price-warning{margin-top:15px;margin-bottom:0}.import-zone{display:flex;flex-direction:column;align-items:flex-start}.import-zone h2{margin-top:10px}.import-zone p{max-width:780px}.setting .switch>span{position:absolute;inset:0;border-radius:20px;background:#d7dfed;cursor:pointer}.setting .switch>span:after{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 1px 4px #233b6330;transition:transform .2s}.setting .switch input:checked+span{background:#6487d4}.setting .switch input:checked+span:after{transform:translateX(15px)}.source-dock .dock-header{align-items:flex-start}.file-label{display:inline-flex;gap:6px;align-items:center}.file-label input{opacity:0}.modal-body .paper-header img{object-fit:contain}.message-label .i{width:14px;height:14px}.message-sources{display:flex;gap:6px;flex-wrap:wrap}.edited-tag{font-size:11px}.source-return>span{flex:1}.chat-body{overflow-x:hidden}.message-text{overflow-wrap:anywhere}.form-error{color:#c4001a;background:#f5f5f7;padding:11px 12px;border-radius:8px;margin-top:12px}.customer-list a:hover{text-decoration:none}.paper-badge{font-size:11px}.specs:empty{display:none}.quiet-note{align-items:flex-start}.row-overview strong{font-size:12px}.local-toc h3{font-size:12px}
@media(max-width:530px){.history-row{flex-wrap:wrap;padding:14px}.history-row .grow{min-width:180px}.recipient{flex-direction:column;gap:12px}.source-foot{font-size:11px}.chat-footer{flex-wrap:wrap}.source-return{font-size:12px}.customer-tile .info-pair{gap:8px}.case-title .actions{flex-wrap:wrap}.history-toolbar .search-input{width:100%}.paper h2{font-size:14px}.source-link{max-width:100%;white-space:normal}.data-table{min-width:400px}.case-tabs{max-width:100%;overflow-x:auto}.calendar-date{min-width:80px}}
@media(prefers-reduced-motion:reduce){.message-text.stream-caret:after{animation:none}}
.dock-header{display:flex;align-items:center;gap:10px}.dock-header>.icon-btn{margin-left:auto;align-self:center}.dock-header>.grow{min-width:0}.chat-message{max-width:100%}.chat-message.user{margin-left:25px}.chat-message.assistant{margin-right:0}.chat-message .message-text{line-height:1.75}.chat-intro>.ai-orb{margin-bottom:12px}.task-box .field{display:block;width:100%}.history-row .source-link{flex-shrink:0}.paper h2{font-size:14px}.quotation-type{font-size:12px}
/* Stable panels: only newly generated text animates. */
.dock{animation:none}.toc-link{display:block;width:100%;background:transparent;border:0;text-align:left;border-radius:6px;line-height:1.6;padding:7px 9px;font-size:12px;color:#6a809f}.toc-link:hover,.toc-link:focus-visible{background:#edf3ff;color:#3a65b2}.toc-link.active{background:#eaf1ff;color:#315dab;font-weight:600}.local-toc .internal-note{font-size:11px;padding:10px}.local-toc h3{padding:0 0 5px}.chat-footer>span{color:#72839d}.message-text{color:#435b7e}.message-label{color:#7689a7}.radio-option small{display:block;margin-top:4px;color:#7d8da5;font-size:12px}.mini-summary p{line-height:1.7}
@media(max-width:760px){.toc-link{width:auto;flex-shrink:0}.local-toc h3,.local-toc .internal-note{display:none}}
/* Visual restoration, v2.1. Type stays at 12px / 14px maximum. */
:root{--ink:#20334b;--muted:#5e6c80;--soft-ink:#7e8a9b;--blue:#2670e9;--blue-deep:#215bc0;--orange:#0071e3;--orange-deep:#3a3a3c;--nav:224px;--bg:#f7f8fb;--panel-shadow:0 5px 20px rgba(37,57,91,.045),0 1px 2px rgba(37,57,91,.03);--top-shadow:0 7px 24px rgba(33,47,73,.12),0 1px 4px rgba(33,47,73,.045);--nav-shadow:8px 0 30px rgba(33,47,73,.11),1px 0 5px rgba(33,47,73,.04)}
body{background:radial-gradient(ellipse at 82% 0,#f3f0fc 0,transparent 38%),var(--bg)}
.topbar{background:rgba(255,255,255,.95)}
.brand img{width:145px;height:43px}.nav-scroll{padding-top:16px}.nav-item{gap:10px;padding:7px 11px;min-height:42px;font-size:12px;color:#4f627b}.nav-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;flex-shrink:0;background:#f4f6fb;color:#6681a7}.nav-icon .i{width:20px;height:20px;stroke-width:1.75}.nav-item.active .nav-icon{background:#d9e8ff;color:#246beb}.nav-icon-clock,.nav-icon-calculator{background:#f5f5f7;color:#0071e3}.nav-icon-calendar,.nav-icon-file{background:#f2edfc;color:#8267bd}.nav-icon-users,.nav-icon-files{background:#eef4ff;color:#537dbc}.admin-menu summary{margin:10px 0 4px;font-size:11px}.top-search .i,.top-tools>.icon-btn .i{width:19px;height:19px}.top-ai{font-size:12px}.user-button{font-size:12px}.page-heading p{font-size:12px}.page-heading h1,.case-title h1{font-size:14px}
.icon-tile{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(60,102,165,.07);color:#377ddd;background:#edf4ff}.icon-tile .i{width:20px;height:20px;stroke-width:1.8}.icon-tile.orange{color:#0071e3;background:#f5f5f7;border-color:#e5e5ea}.icon-tile.violet{color:#7e62c3;background:#f2edfd;border-color:#e9e2fa}.icon-tile.blue{color:#3078df;background:#edf4ff;border-color:#e0ecff}.icon-tile.small-tile{width:28px;height:28px;border-radius:8px}.icon-tile.small-tile .i{width:17px;height:17px}.visual-card-title{display:flex;align-items:center;gap:10px;font-size:14px!important;line-height:1.4;min-width:0}.section-line{align-items:center}.section-line h2{font-size:14px}.surface{border-color:#e7ebf3;box-shadow:var(--panel-shadow)}
.visual-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:21px}.visual-stat{border:1px solid #e7eaf1;border-radius:13px;background:white;box-shadow:var(--panel-shadow);display:flex;gap:13px;align-items:center;text-align:left;padding:14px 17px;color:var(--ink);min-height:75px}.visual-stat>.icon-tile{width:37px;height:37px;border-radius:10px}.visual-stat>.icon-tile .i{width:23px;height:23px}.visual-stat>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.visual-stat strong{font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums}.visual-stat span span{font-size:12px;color:var(--muted)}.visual-stat>svg{margin-left:auto;width:15px;color:#a1acc0}.visual-stat:hover{border-color:#b9cdf2;box-shadow:0 5px 20px #3866b40c}.work-head,.work-row{grid-template-columns:minmax(285px,1.25fr) minmax(240px,1.25fr) 160px 18px;gap:22px}.work-row{padding:17px 22px;min-height:96px}.work-row-title{font-size:12px}.work-row-sub{font-size:12px}.work-row .row{gap:15px}.work-thumb{width:69px;height:57px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #e2e8f1;background:#fff;border-radius:9px;box-shadow:0 3px 8px #1d30590a}.work-thumb img{width:100%;height:100%;object-fit:contain;border-radius:9px;padding:5px}.work-thumb.document-thumb img{object-position:center 7%;padding:4px 13px;object-fit:cover}.thumb-kind{display:grid;place-items:center;position:absolute;bottom:-4px;right:-4px;width:23px;height:23px;border:2px solid #fff;box-shadow:0 2px 5px #2037540b;border-radius:7px;background:#eef3fd;color:#4f7fc8}.machine-thumb .thumb-kind{background:#f5f5f7;color:#0071e3}.thumb-kind .i{width:14px;height:14px}.row-badges{display:flex;align-items:center;gap:9px;margin-top:6px;font-size:11px;color:#8590a2}.row-badges .pill{padding:2px 6px;font-size:11px}.row-overview strong{display:flex;align-items:center;gap:6px;font-size:12px;color:#4167a0}.row-overview .i{width:15px;height:15px;color:#618cc7}.row-overview p{color:#748296;line-height:1.6;margin-top:4px;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.next-label{font-size:12px;padding:7px 10px;line-height:1.5}.overview-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:19px;flex-wrap:wrap}.overview-foot .quiet-note{margin:0;font-size:11px}.overview-foot>.text-btn{font-size:12px}
.case-tabs .tab{display:inline-flex;align-items:center;gap:7px;font-size:12px}.case-tabs .tab .i{width:17px;height:17px;color:#8395af}.case-tabs .tab.active .i{color:var(--blue)}.flow-step.complete .circle{background:var(--blue);color:#fff;border-color:var(--blue)}.flow-step.current .circle{border-color:var(--blue);box-shadow:0 0 0 4px #ecf3ff}.flow-label{font-size:12px}.flow-step .circle{width:25px;height:25px}.flow{padding:16px 19px}.case-title{margin-bottom:0}.work-grid.visual-case-grid{grid-template-columns:minmax(0,1fr) 320px;gap:20px}.visual-proposal{overflow:hidden}.solution-showcase{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(220px,1.05fr);gap:23px;align-items:center;margin-top:18px}.visual-figure{margin:0;border:1px solid #e8edf5;border-radius:11px;background:#fff;overflow:hidden;min-width:0}.visual-image{width:100%;height:213px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#fff 38%,#f7f9fd);border:0;padding:25px 13px 15px}.visual-image>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.image-label{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#6a7d95;background:rgba(255,255,255,.92);border-radius:5px;padding:3px 7px;border:1px solid #eaf0f7}.image-label .i{width:13px;height:13px}.image-expand{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;color:#5e82b3;background:#fff;box-shadow:0 2px 7px #172b5220;border-radius:7px;width:28px;height:28px}.image-expand .i{width:16px;height:16px}.visual-figure figcaption{padding:8px 11px;border-top:1px solid #edf0f5;background:#fbfcfe;color:#7a8799;font-size:11px;line-height:1.5}.document-figure .visual-image{height:211px}.document-figure .visual-image>img{width:128px;height:170px;box-shadow:0 4px 12px #1e376629;border:1px solid #e3e7ef}.showcase-copy h3{font-size:14px;margin-bottom:8px}.showcase-copy p{font-size:12px;color:#586a82;line-height:1.8}.showcase-copy .text-btn{font-size:12px;line-height:1.6}.visual-reuse-note{display:flex;gap:10px;align-items:center;margin:17px 0}.visual-reuse-note>span:nth-child(2){display:flex;flex-direction:column}.visual-reuse-note strong{font-size:12px;color:#476495}.visual-reuse-note>span>span{font-size:11px;color:#7c8ca0;margin-top:2px}.source-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#8a95a6;flex-wrap:wrap;margin-top:10px}.visual-proposal .specs{margin-top:20px}.spec{padding:11px 12px}.spec span{font-size:11px}.spec strong{font-size:12px;color:#36557c}.next-task h3{font-size:12px;margin-top:14px}.next-task p{font-size:12px;line-height:1.75}.next-task .footnote{font-size:11px}.next-task .primary{justify-content:space-between;font-size:12px}.next-task .eyebrow{display:none}
.page-thumb{height:67px;width:51px;flex-shrink:0;background:white;border:1px solid #dfe5ef;border-radius:5px;position:relative;overflow:hidden;padding:0;box-shadow:0 3px 8px #27416b0e}.page-thumb>img{height:100%;width:100%;object-fit:contain}.page-thumb>span{position:absolute;bottom:0;right:0;background:#fff;color:#7590b2;padding:2px;border-radius:5px 0 0 0}.page-thumb .i{height:11px;width:11px}.page-thumb:hover{border-color:#aac5f2;box-shadow:0 3px 10px #2a60ad20}.visual-reuse{gap:15px;padding:14px 0}.visual-reuse .grow>strong{font-size:12px}.visual-reuse p{font-size:12px}.reuse-caption{display:block;font-size:11px;color:#8590a1;margin-top:3px}.visual-reuse>.source-link{white-space:nowrap}.visual-reuse-note .icon-tile{margin-top:2px}.part>header{align-items:center;gap:14px}.part>header h3{font-size:13px}.part>header .origin{font-size:12px}.history-row{gap:16px}.history-row>.page-thumb{height:62px;width:47px}.history-row .muted{font-size:12px}.attachment{box-shadow:0 4px 13px #2039560b;border-radius:10px}
.draft-card-body{display:flex;align-items:center;gap:16px}.live-draft-thumb{width:116px;height:146px;border:1px solid #dce3f0;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 6px 16px #2c406419;flex-shrink:0;background:#fff;padding:0;text-align:left}.mini-paper{position:absolute;left:0;top:0;width:276px;min-height:346px;padding:20px;transform:scale(.42);transform-origin:top left;background:white;pointer-events:none}.mini-paper>img{width:112px;height:auto;margin-bottom:13px}.mini-watermark{font-size:11px;color:#8768be;border-top:1px solid #dce5f4;border-bottom:1px solid #dce5f4;padding:5px 0;margin-bottom:12px}.mini-paper h3{font-size:14px;margin:8px 0}.mini-paper h4{font-size:12px;margin:10px 0 5px}.mini-paper p{font-size:12px;line-height:1.6;color:#748195;max-height:73px;overflow:hidden}.draft-peek{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:25px;height:25px;background:#f0ecff;color:#8166bd;border-radius:7px;box-shadow:0 2px 5px #293d6610}.draft-peek .i{width:16px;height:16px}.draft-card-body .grow>strong{font-size:12px}.draft-card-body p{font-size:12px;color:var(--muted);margin-top:8px;margin-bottom:9px;line-height:1.75}.draft-card-footer{display:flex;gap:7px;margin-top:17px;padding-top:14px;border-top:1px solid #ecedf6;flex-wrap:wrap}.draft-card-footer .btn{font-size:12px;flex:1;padding:7px}.visual-price>strong{font-size:14px;display:block;font-variant-numeric:tabular-nums}.visual-price>p{font-size:11px;color:#8290a4;margin:7px 0 11px}.paper-reference-figure{margin:17px 0 0;border:1px solid #e7ecf4;border-radius:8px;padding:14px;background:#fff}.paper-reference-figure>img{max-height:230px;width:100%;object-fit:contain}.paper-reference-figure figcaption{font-size:11px;color:#79879a;margin-top:10px;padding-top:8px;border-top:1px solid #eef1f6}.figure-empty{border:1px dashed #dce5f2;border-radius:10px;background:#fbfcfe;min-height:195px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;padding:24px}.figure-empty>span:last-child{font-size:12px;color:#8392a7}.customer-tile .avatar.company{background:#edf4ff;color:#3f78cc;width:40px;height:40px}.section-actions .icon-btn{border:1px solid #edf0f6;color:#547baa}.section-actions .icon-btn:nth-last-child(1){color:#846bbe;background:#f9f7fe}.source-link{font-size:11px;color:#4a75b0}.chat-message .message-label{font-size:12px}.chat-message .message-text{font-size:12px}
body.panel-open .visual-case-grid{grid-template-columns:1fr}body.panel-open .solution-showcase{grid-template-columns:minmax(190px,.8fr) minmax(200px,1fr)}body.panel-open .visual-case-grid>aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}body.panel-open .visual-stats{grid-template-columns:repeat(2,minmax(0,1fr))}body.panel-open .visual-price{grid-column:1/-1}
@media(max-width:1300px){.visual-stats{gap:10px}.visual-stat{padding:12px;gap:9px}.visual-stat>svg{display:none}.work-grid.visual-case-grid{grid-template-columns:minmax(0,1fr) 290px}.solution-showcase{grid-template-columns:minmax(180px,.85fr) minmax(185px,1fr);gap:15px}.work-head,.work-row{grid-template-columns:minmax(240px,1.1fr) minmax(190px,1fr) 142px 17px;gap:16px}.visual-reuse>.source-link{font-size:11px}.visual-image{height:195px}.visual-card-title{gap:8px}}
@media(max-width:1080px){.work-grid.visual-case-grid{grid-template-columns:1fr}.work-grid.visual-case-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.visual-price{grid-column:1/-1}.work-head,.work-row{grid-template-columns:minmax(240px,1.6fr) 155px 17px}.work-row>.row-overview{display:none}.work-head>.row-overview{display:none}.solution-showcase{grid-template-columns:minmax(225px,1fr) minmax(230px,1.1fr)}.visual-image{height:210px}.visual-stat{padding:11px}.visual-stat>.icon-tile{width:31px;height:31px}.visual-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.case-tabs{gap:17px}}
@media(max-width:820px){:root{--nav:0px}.sidebar{width:224px}.nav-item{min-height:42px}.page{padding-left:18px;padding-right:18px}.case-tabs{gap:18px}.source-foot>span{display:none}body.panel-open .visual-case-grid>aside{display:grid;grid-template-columns:1fr 1fr}.visual-figure figcaption{font-size:11px}.visual-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-stat{min-height:66px}}
@media(max-width:600px){.work-grid.visual-case-grid>aside,body.panel-open .visual-case-grid>aside{display:flex;flex-direction:column}.visual-case-grid>aside>*{width:100%}.solution-showcase,body.panel-open .solution-showcase{grid-template-columns:1fr}.visual-image{height:207px}.showcase-copy{margin-top:1px}.visual-reuse{flex-wrap:wrap}.visual-reuse>.source-link{margin-left:66px}.visual-reuse>.grow{flex-basis:calc(100% - 67px)}.visual-card-title{font-size:14px!important}.visual-proposal>.section-line{flex-wrap:wrap}.visual-proposal>.section-line>.pill{margin-left:42px}.work-head{display:none}.work-row{grid-template-columns:minmax(0,1fr) 16px;gap:8px;padding:16px}.work-row>div:nth-child(3){grid-column:1;margin-left:83px}.work-row>.row-chevron{grid-column:2;grid-row:1/3}.work-thumb{width:65px;height:57px}.work-row>.row-overview{display:none}.row-badges{gap:6px;flex-wrap:wrap}.overview-foot{align-items:flex-start}.visual-stat>span:nth-child(2)>span{font-size:11px}.visual-stats{gap:10px}.visual-stat{padding:11px 10px;gap:10px}.part>header{flex-wrap:wrap}.part>header>.grow{flex-basis:calc(100% - 66px)}.part>header>.source-link{margin-left:65px}.history-row{flex-wrap:wrap}.history-row>.grow{min-width:140px}.history-row>.source-link{margin-left:65px}.draft-card-body{gap:20px}.live-draft-thumb{width:116px;height:146px}.page-heading h1,.case-title h1{font-size:14px}.figure-empty{min-height:170px}}
@media(prefers-reduced-motion:reduce){.visual-stat,.visual-image,.nav-item{transition:none}}



/* ===================================================================================================================
   Del 2. Den riktiga applikationens delar i samma formspråk. Inga nya färger: prototypens variabler och skuggor.
   =================================================================================================================== */
[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.test-banner{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:95;font-size:11px;line-height:1.5;padding:2px 12px;border-radius:0 0 8px 8px;background:#f5f5f7;border:1px solid #e5e5ea;border-top:0;color:#796342;pointer-events:none}
body:not(.signed-in) .sidebar,body:not(.signed-in) .topbar{display:none}
body:not(.signed-in) .page{margin-left:0;padding-top:40px}

/* Brand: the product mark and the signed-in company's name (each company's own logo is a profile choice, not a file here). */
.brand{gap:11px;color:var(--ink)}
.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#0071e3,#0071e3);color:#fff;font-weight:700;font-size:13px;letter-spacing:-.3px;box-shadow:0 3px 9px #ce611825;flex-shrink:0}
.brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.brand-text strong{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.brand-text small{font-size:10px;letter-spacing:1.4px;color:#8490a2;text-transform:uppercase}
.nav-item{border:0;background:none;width:100%;text-align:left;cursor:pointer;font:inherit}
.nav-item[disabled]{opacity:.55;cursor:not-allowed}
.profile-line .icon-btn{margin-left:auto}
.user-menu{position:absolute;top:calc(var(--top) - 6px);right:22px;z-index:90;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--top-shadow);padding:12px;min-width:250px}
.user-menu .info-pair{padding:7px 0}
.user-menu .btn{width:100%;margin-top:10px}
.nav-count[data-zero]{display:none}

/* Generic legacy buttons, forms and notices, restyled. */
button.primary,a.primary,button.secondary,a.secondary,label.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 13px;font-size:12px;line-height:1.5;font-weight:600;border:1px solid #dce3ee;border-radius:9px;background:#fff;color:#435b7d;transition:background .14s,box-shadow .14s,border-color .14s;text-decoration:none;white-space:normal;text-align:center;cursor:pointer}
button.secondary:hover,a.secondary:hover{background:#f6f9ff;border-color:#b6c8e8;box-shadow:0 2px 7px #254d8110}
button.primary,a.primary{background:#0071e3;border-color:#0071e3;color:#fff;box-shadow:none;border-radius:980px;padding-left:16px;padding-right:16px}
button.primary:hover,a.primary:hover{background:#0077ed;border-color:#0077ed}
button.primary:disabled,button.secondary:disabled{opacity:.5;box-shadow:none}
.text-button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--blue);font-size:12px;padding:0;text-align:left;line-height:1.6;cursor:pointer;font-weight:500}
.text-button:hover{text-decoration:underline;text-underline-offset:3px}
.text-button.active{font-weight:650;color:var(--blue-deep)}
.icon-button{width:32px;height:32px;display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:8px;background:none;color:#6b7c96;font-size:18px;line-height:1;cursor:pointer}
.icon-button:hover{background:#f0f4fb;color:#325eae}
.button-row,.form-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}
.form-actions>span{font-size:11px;color:var(--soft-ink)}
label{display:block;font-size:12px;font-weight:600;color:#5b7090;margin-bottom:12px}
label>input:not([type=checkbox]):not([type=radio]):not([type=file]),label>select,label>textarea,.inline-form input:not([type=checkbox]):not([type=radio]),.field-input,
.stack input:not([type=checkbox]):not([type=radio]):not([type=file]),.stack select,.stack textarea,.mini-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.mini-form select,.mini-form textarea,.calc-grid input:not([type=checkbox]):not([type=radio]),.calc-grid select,dialog input:not([type=checkbox]):not([type=radio]):not([type=file]),dialog select,dialog textarea,
.question textarea,.adj-row input,.cost-row input:not([type=checkbox]),.model-table input,.tech-form textarea,.tech-form select,.reply-field textarea,.reply-field input:not([type=checkbox]){display:block;width:100%;min-width:0;margin-top:6px;border:1px solid #dce4ef;background:#fff;border-radius:8px;padding:9px 11px;font-size:12px;font-weight:400;line-height:1.6;color:var(--ink)}
textarea{resize:vertical}
input[type=file]{font-size:12px;font-weight:400;margin-top:6px}
.check-row,.option{display:flex;gap:9px;align-items:flex-start;font-weight:400;color:#4f627b;margin-bottom:8px}
.check-row input,.option input{margin-top:3px;accent-color:var(--blue);flex-shrink:0}
.option-row{display:flex;gap:6px 16px;flex-wrap:wrap;margin:8px 0;border:0;padding:0}
.option-row legend{font-weight:600;color:#5b7090;margin-bottom:6px}
fieldset{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0 0 12px;min-width:0}
fieldset legend{font-size:12px;font-weight:650;color:#4f6688;padding:0 4px}
fieldset.choice label{font-weight:400;display:flex;gap:8px;align-items:center;margin-bottom:6px}
.two,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.inline-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:12px}
.inline-form label{flex:1;min-width:180px;margin-bottom:0}
.mini-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px 14px;margin-top:12px;align-items:end}
.mini-form button{margin-bottom:12px}
.calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 16px}
.notice,.notice-inline,.warn{border:1px solid #e5e5ea;background:#f5f5f7;color:#3a3a3c;border-radius:9px;padding:11px 14px;font-size:12px;line-height:1.7;margin:10px 0}
.notice.error,#pageError,#dialogError{border-color:#e5e5ea;background:#f5f5f7;color:#c4001a}
.ok,.todo-done{border:1px solid #d9e8da;background:#f4faf4;color:#3d6a43;border-radius:9px;padding:11px 14px;margin:10px 0}
.problem{border-left:3px solid var(--orange);background:#f5f5f7;padding:9px 12px;border-radius:0 8px 8px 0;margin:7px 0;color:#3a3a3c}
.loading{color:var(--soft-ink);padding:14px 0}
.empty strong{display:block;color:#4a617f;margin-bottom:4px}
.plain{list-style:none;margin:0;padding:0}
.plain>li{padding:7px 0;border-top:1px solid #eef1f6}
.plain>li:first-child{border-top:0}
details{margin-top:10px}
details>summary{cursor:pointer;color:#4a6797;font-weight:600;font-size:12px;padding:6px 0;list-style-position:inside}
details>summary:hover{color:var(--blue)}
.pill.green{background:#eaf6ec;color:#3a7046}
.pill.red{background:#fdecea;color:#c4001a}
.pill.gray,.pill.neutral{background:#f1f4f9;color:#6d7d95}
.mini-tag{font-size:11px;border-radius:6px;padding:2px 7px;background:#f5f5f7;color:#3a3a3c;white-space:nowrap}
.mini-tag.verified{background:#eaf6ec;color:#3a7046}
.section-kicker,.kicker{font-size:11px;letter-spacing:.8px;text-transform:uppercase;font-weight:650;color:#8490a2;margin-bottom:6px}
hr.soft{margin:16px 0}

/* Cards: every legacy panel and block becomes a prototype surface. */
.block,.panel.padded,.panel{background:#fff;border:1px solid #e7ebf3;border-radius:var(--radius);box-shadow:var(--panel-shadow);padding:22px;margin-bottom:18px;min-width:0}
.block>h2,.panel h2{font-size:14px;margin-bottom:12px}
.block h3{font-size:13px;margin:14px 0 6px}
.block .lead{font-size:12px;color:#3f5574;line-height:1.8}
.doc-text{white-space:pre-line;font-size:12px;line-height:1.85;color:#4c6280;overflow-wrap:anywhere}
.original{white-space:pre-line;background:#f8fafd;border:1px solid var(--line);border-radius:8px;padding:12px;color:#5b6d86}
.facts-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.facts-list>div{padding:11px 12px;border:1px solid #e9edf5;border-radius:9px;background:#f9fbff;min-width:0}
.facts-list dt{font-size:11px;color:#8190a5;margin-bottom:3px}
.facts-list dd{margin:0;font-size:12px;color:#36557c;font-weight:600;overflow-wrap:anywhere}
.fact-meta{display:block;font-size:11px;font-weight:400;color:var(--soft-ink);margin-top:3px}
.source-chip,.src-link{display:inline-flex;align-items:center;gap:5px;border:1px solid #e4eaf6;border-radius:6px;background:#f6f9ff;color:#4a75b0;padding:2px 7px;font-size:11px;cursor:pointer;white-space:normal;text-align:left;font-weight:500;vertical-align:baseline}
.source-chip:hover,.src-link:hover{background:#eaf2ff}
.question{border:1px solid #e4eaf5;border-radius:11px;padding:15px 16px;margin:0 0 12px}
.question legend{font-weight:650;color:#3e5677;font-size:12px;padding:0 4px}
.question .why{font-size:12px;color:#7186a4;margin-bottom:6px}
.choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.choice-cards button{border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px;text-align:left;display:flex;flex-direction:column;gap:5px}
.choice-cards button:hover{border-color:#b9cdf2;background:#f8faff}
.choice-cards span{color:var(--muted);font-size:12px}
.suggestion{border:1px solid #e5eaf3;border-radius:12px;padding:17px 19px;margin:12px 0;background:#fff}
.suggestion h3{margin:3px 0}
.suggestion .use{margin-top:6px}
.alternatives{overflow:auto}
.changes-table,.coverage,.history-table{width:100%;border-collapse:collapse;font-size:12px;margin:10px 0}
.changes-table th,.changes-table td,.coverage th,.coverage td,.history-table th,.history-table td{text-align:left;padding:9px 11px;border-bottom:1px solid #eef1f6;vertical-align:top}
.changes-table thead th,.coverage thead th,.history-table thead th{font-size:11px;font-weight:550;color:#8090a8;background:#fafbfe}
.changes-table tr.differs td,.changes-table tr.differs th{background:#f5f5f7}
.changes-table del{color:#c4001a}
.changes-table ins{color:#3a7046;text-decoration:none}
.tech-choice{border:1px solid #e4eaf5;border-radius:11px;padding:15px 16px;margin:12px 0}
.tech-choice.done{background:#f9fbff}
.prep{background:#f9fbff;border:1px solid #edf0f7;border-radius:9px;padding:12px 14px;margin:10px 0}
.prep-list li{display:flex;gap:8px;justify-content:space-between}
.missing{color:#3a3a3c}
.status-line{color:#64739a;background:linear-gradient(120deg,#f4f7ff,#f9f6fe);border:1px solid #e7e9f7;border-radius:9px;padding:10px 13px;margin-bottom:12px}
.related{margin-top:6px;font-size:11px}
.drawings{margin-top:6px}
.missing-original{font-size:11px;color:var(--soft-ink)}
.working{display:flex;align-items:center;gap:12px;padding:15px 18px;background:linear-gradient(115deg,#f0f5ff,#f9f6ff);border:1px solid #e1e7f6;border-radius:11px;margin-bottom:18px}
.working p{color:#5d6f8f}
.spinner{width:18px;height:18px;border-radius:50%;border:2px solid #cfd9f5;border-top-color:#6485d3;animation:spin 1s linear infinite;flex-shrink:0}
@keyframes spin{to{transform:rotate(360deg)}}
.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#f5f5f7;color:#3a3a3c;font-size:11px;font-weight:650}
.internal-label{font-size:11px;color:#8b7bba;margin-top:12px}
.assumptions{margin:6px 0 0;padding-left:18px;color:#6a7a92}
.remaining{font-size:11px;color:#3a3a3c;margin-top:8px}
.scope-lines{list-style:none;padding:0;margin:10px 0 0}
.scope-lines li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 0;border-top:1px dashed #eef1f6}
.ok-mark{font-size:11px;color:#3a7046}
.gap-block{border:1px solid #e5e5ea;background:#f5f5f7;border-radius:10px;padding:12px 14px;margin-bottom:14px}
.gap-mark{border:1px solid #e5e5ea;background:#f5f5f7;color:#3a3a3c;border-radius:6px;font-size:11px;padding:2px 7px}
.proposal{border:1px solid #dce6fa;border-radius:10px;background:#f6f9ff;padding:13px 15px;margin-top:12px}
.section-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.section-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:10px}
.tool{border:1px solid #edf0f6;background:#fff;color:#547baa;border-radius:8px;padding:4px 9px;font-size:11px;font-weight:600;cursor:pointer}
.tool:hover{background:#f0f4fb}
.ai-menu{position:relative;display:inline-block}
.ai-menu .tool{color:#846bbe;background:#f9f7fe}
.menu{position:absolute;z-index:40;top:calc(100% + 4px);left:0;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--top-shadow);padding:6px;display:flex;flex-direction:column}
.menu button{border:0;background:none;text-align:left;padding:8px 10px;border-radius:7px;font-size:12px;color:#4f627b;cursor:pointer}
.menu button:hover,.menu button:focus{background:#edf3ff;color:var(--blue-deep)}
.add-source{position:relative}
.file-list{list-style:none;padding:0;margin:0}
.file-item{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #edf0f7}
.file-item:first-child{border-top:0}
.file-item>div{flex:1;min-width:0}
.file-item strong{display:block;font-size:12px}
.file-item .muted{font-size:11px}
.calc-lines{list-style:none;padding:0;margin:8px 0}
.calc-lines li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #eef1f6}
.calc-lines li b{font-variant-numeric:tabular-nums;color:#42618e}
.price-fields{background:#f9fbff;border:1px solid #edf0f7;border-radius:9px;padding:4px 12px}
.cost-row{display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:8px 12px;align-items:end}
.cost-row label{margin-bottom:6px}
.adj-row{display:grid;grid-template-columns:2fr 1fr 2fr;gap:8px;margin-bottom:6px}
.cost-model{border-top:1px solid #eef1f6;margin-top:14px;padding-top:12px}
.model-table input{margin-top:0}
.price-status{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.internal-gap{color:#3a3a3c}
.q-section{padding:18px 0;border-top:1px solid #edf0f5;scroll-margin-top:90px}
.q-section:first-of-type{border-top:0}
.q-section>header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.q-section>header h3{font-size:13px;margin:0}
.q-section .origin{font-size:11px;color:#7775a2}
.save-state{font-size:11px;color:#7b8daa;margin-left:auto}
.save-state.error{color:#c4001a}
.section-editor textarea{min-height:150px;line-height:1.85;border-color:#bdd0f2;background:#fcfdff}
.business-item{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-top:1px solid #eef1f6}
.business-item small{color:var(--muted);font-size:11px}
.business-item .secondary,.business-item .primary{align-self:flex-start}
.result-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.result-grid>div,.settings-grid>div{padding:11px 12px;border:1px solid #e9edf5;border-radius:9px;background:#f9fbff;display:flex;flex-direction:column;gap:3px;min-width:0}
.result-grid small,.settings-grid small{font-size:11px;color:#8190a5}
.result-grid b,.settings-grid b{font-size:12px;color:#36557c;overflow-wrap:anywhere}
.quote-mini{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 0;border-top:1px solid #eef1f6}
.quote-mini small{display:block;color:var(--muted);font-size:11px}
.quote-mini button{border:1px solid #e4eaf6;border-radius:6px;background:#f6f9ff;color:#4a75b0;padding:4px 8px;font-size:11px}
.quote-result h3{margin:0 0 4px}
.quote-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.evidence-list{display:flex;flex-direction:column}
.evidence-item{display:grid;grid-template-columns:160px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid #eef1f6}
.evidence-item small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fact{padding:11px 12px;border:1px solid #e9edf5;border-radius:9px;background:#f9fbff;display:flex;flex-direction:column;gap:3px}
.fact span{font-size:11px;color:#8190a5}
.fact b{font-size:12px;color:#36557c}
.timeline .entry,.entry{display:flex;flex-direction:column;padding:11px 0 11px 18px;border-left:2px solid #e3eaf6;margin-left:4px;position:relative}
.timeline .entry:before{content:'';position:absolute;left:-5px;top:16px;width:8px;height:8px;border:2px solid #b4c7e8;border-radius:50%;background:#fff}
.entry small{color:var(--soft-ink);font-size:11px}
.assistant-hit{border:1px solid #e7e9f7;background:linear-gradient(120deg,#f4f7ff,#f9f6fe);border-radius:9px;padding:12px 14px;margin-top:10px}
.task-row{display:flex;gap:12px;padding:13px 0;border-top:1px solid #eef1f6}
.task-row:first-child{border-top:0}
.task-row small{display:block;color:var(--muted);font-size:11px;margin:3px 0}
.task-tick{width:26px;height:26px;border-radius:8px;border:1px solid #dce3ee;background:#fff;color:#5d7aa8;flex-shrink:0;cursor:pointer}
.task-tick:disabled{opacity:.4}
.task-filter{padding-top:10px;font-size:12px}
.contact-list{background:#f9fbff;border:1px solid #edf0f7;border-radius:9px;padding:10px 12px;margin-top:8px}
.history-project{border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:8px 0;background:#fff}
.decision-basis{background:#f9fbff;border:1px solid #edf0f7;border-radius:9px;padding:12px 14px;margin-bottom:12px}
.risk-list li{display:flex;gap:8px;align-items:center}
.matrix-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:4px 10px;align-items:end;border-top:1px solid #eef1f6;padding-top:8px}
.conds,.cond-line{font-size:12px}
.company-note{font-size:11px;color:var(--muted);margin-top:12px}
.hit-select{border:1px solid #e5eaf3;border-radius:10px;padding:10px 12px}

/* Dialogs: the browser's <dialog> in the prototype's modal language. */
dialog{border:1px solid #eef1f7;border-radius:17px;box-shadow:0 22px 90px #233c6940;padding:0;width:560px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 48px);color:var(--ink)}
dialog::backdrop{background:rgba(26,41,67,.26);backdrop-filter:blur(5px)}
dialog.wide-dialog{width:930px}
#actionForm{display:flex;flex-direction:column;max-height:calc(100dvh - 48px)}
.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px 0}
dialog h2{font-size:14px;padding:6px 24px 0}
#dialogDescription{padding:6px 24px 0;color:#76869e}
#dialogFields{padding:14px 24px 4px;overflow:auto}
#dialogError{margin:0 24px 8px}
.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding:14px 24px;border-top:1px solid var(--line);background:#fafbfe;border-radius:0 0 17px 17px}
#infoContent{padding:12px 24px 24px;overflow:auto}
#infoContent section{border-top:1px solid #eef1f6;padding-top:14px;margin-top:16px}
#infoContent section:first-child{border-top:0;margin-top:0}
#infoContent h3{font-size:13px;margin-bottom:8px}
/* Company pages: the same administration content, shown as a page (not over the work). */
.admin-body dialog#infoDialog{position:static;display:block;width:auto;max-width:none;max-height:none;border:0;box-shadow:none;background:transparent;margin:0;padding:0}
.admin-body dialog#infoDialog .dialog-header,.admin-body dialog#infoDialog>h2{display:none}
.admin-body #infoContent{padding:0;overflow:visible}
.admin-body #infoContent>section,.admin-body #infoContent>p:first-child+section{background:#fff;border:1px solid #e7ebf3;border-radius:var(--radius);box-shadow:var(--panel-shadow);padding:20px 22px;margin:0 0 18px}

/* Toast: one at a time, bottom right. */
#toast{position:fixed;right:22px;bottom:20px;z-index:180;display:flex;align-items:center;gap:9px;max-width:min(430px,90vw);background:#2e486d;color:#fff;box-shadow:0 7px 30px #29476933;border:1px solid #567294;border-radius:11px;padding:12px 16px;font-size:12px;animation:enter .2s ease}
#toast.error{background:#c4001a;border-color:#3a3a3c}

/* Sign-in. */
.welcome{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:30px;align-items:center;max-width:980px;margin:60px auto}
.welcome h1{font-size:14px;margin:10px 0}
.welcome p{color:var(--muted)}
.welcome-steps{display:flex;gap:14px;margin-top:18px;color:#6a7c95;font-size:11px}
.login-card{background:#fff;border:1px solid #e7ebf3;border-radius:var(--radius);box-shadow:var(--panel-shadow);padding:26px}
.login-card h2{margin-bottom:6px}
.login-card .primary{width:100%;margin-top:16px}
#loginError{color:#c4001a;margin-top:8px}

/* Work list page. */
.work-row{cursor:pointer;text-decoration:none}
.work-row .next-label.green{color:#3a7046;background:#eef8f0}
.pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pager button{min-width:30px;height:28px;border:1px solid #e2e8f1;border-radius:7px;background:#fff;color:#5e728e;font-size:11px;padding:0 8px;cursor:pointer}
.pager button[aria-current=page]{background:#edf3ff;border-color:#cfdefa;color:#2859b8;font-weight:650}
.pager button:disabled{opacity:.45}
.tab .count{font-size:11px;margin-left:5px;color:#8a96a8}
.work-extra{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:20px}
.similar>summary{padding:0}

/* Case page. */
.case-tabs[role=tablist] .tab{cursor:pointer}
.case-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.case-body.wide{grid-template-columns:minmax(0,1fr)}
.case-body.wide>.case-side{display:none}
.case-side{display:flex;flex-direction:column;gap:18px;min-width:0}
.side-extra{display:flex;flex-direction:column;gap:18px}
.side-extra [data-side-for]{display:none}
.todo{background:linear-gradient(135deg,#f5f5f7,#fff 70%);border:1px solid #e5e5ea;border-radius:var(--radius);box-shadow:var(--panel-shadow);padding:22px}
.todo>h2{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:12px}
.todo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.todo-first p{font-size:12px;line-height:1.75;color:#7b7d88}
.todo-first .todo-title strong{font-size:12px;color:var(--ink)}
.todo-first .button-row .primary{width:100%;justify-content:space-between}
.todo-row{border-top:1px solid #e5e5ea;padding-top:12px;display:flex;flex-direction:column;gap:6px}
.todo-row p{font-size:12px;color:#6f7b8d}
.todo-info{font-size:12px;color:#6f7b8d;border-top:1px solid #e5e5ea;padding-top:10px;display:flex;gap:8px}
.todo-more summary{font-size:12px}
.todo .later{list-style:none;padding:0}
.flow-step[aria-current=step] .flow-label{color:#355a9b}
.figure-pdf{display:block;position:relative;width:100%;height:100%;overflow:hidden;background:#fff}
.figure-pdf iframe{position:absolute;top:-6px;left:-6px;width:calc(100% + 30px);height:calc(100% + 12px);border:0;pointer-events:none;background:#fff}
.figure-pdf.fit-width iframe{height:calc(100% + 400px)}
.page-thumb.icon-only{display:grid;place-items:center;color:#6681a7;background:#f6f9ff}
.page-thumb.icon-only .i{width:20px;height:20px}
button.page-thumb{cursor:pointer}
.visual-image .figure-pdf{border-radius:4px;box-shadow:0 4px 12px #1e376629;border:1px solid #e3e7ef;width:auto;height:180px;aspect-ratio:1/1.414}
.visual-image.page-view .figure-pdf{width:100%;height:100%;box-shadow:none;border:0}
.attachment .figure-pdf{height:170px;border-bottom:1px solid var(--line);background:#fbfcff}
.reference-badge{font-size:11px;color:#3a3a3c;background:#f5f5f7;border-radius:5px;padding:2px 6px}
.paper .q-section{border-top:1px solid #edf0f5}
.paper-brand{display:flex;flex-direction:column;gap:2px}
.paper-brand strong{font-size:14px;color:#2d4466}
.paper-brand small{font-size:11px;color:#8391a4}
.doc-frame{width:100%;height:min(72vh,820px);border:1px solid var(--line);border-radius:9px;background:#fff}
.decision-steps{display:flex;flex-direction:column}
.decision-step{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid #eef1f6}
.decision-step:first-child{border-top:0;padding-top:0}
.decision-step .row{justify-content:space-between}
.decision-step p{font-size:11px;color:var(--muted)}
.decision-step .btn{align-self:flex-start}
.reuse-list .reuse-compact:first-child{border-top:0}
.side-ask .chat-chip{margin-top:8px}

/* Dock: chat and the original document, one at a time. */
.dock .chat-body .stream-note{font-size:11px;color:#8b7bba;display:flex;gap:6px;align-items:center}
.server-facts{border:1px solid #e3e9f4;border-radius:9px;background:#fafbfe;padding:10px 12px;font-size:12px;color:#4f6688}
.server-facts strong{display:block;font-size:11px;color:#7d8da5;margin-bottom:3px}
.chat-unavailable{border:1px solid #e5e5ea;background:#f5f5f7;color:#3a3a3c;border-radius:9px;padding:11px 13px;margin:12px 18px 0;font-size:12px}
.chat-error{color:#c4001a;font-size:11px}
.source-pdf{width:100%;height:100%;border:0;background:#fff;display:block}
.source-canvas.pdf{position:relative;margin:0 auto;background:#fff;box-shadow:0 3px 14px #263d6124;transform-origin:center center}
.source-text-view{background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px 18px}
.source-text-view mark{background:#e5e5ea}
.source-meta{padding:10px 18px;font-size:11px;color:#7c8ca3;border-bottom:1px solid var(--line);background:#fff}
#sourceDrawer .drawer-body{padding:16px;overflow:auto;flex:1}
#sourceDrawer .source-block{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px 16px;margin-bottom:12px}
#sourceDrawer .source-block.focus{border-color:#c6d6f5;box-shadow:0 0 0 3px #edf3ff}
#sourceDrawer .source-block h3{font-size:12px;margin-bottom:6px;color:#4f6688}
#sourceDrawer .source-block mark{background:#e5e5ea}
#sourceDrawer .source-original{width:100%;height:60vh;border:1px solid var(--line);border-radius:8px;background:#fff;margin:10px 0}
#sourceDrawer img.source-original{height:auto}
#sourceDrawer pre.source-text{white-space:pre-wrap;font-size:12px}

@media(max-width:1100px){.case-body{grid-template-columns:1fr}.case-side{display:grid;grid-template-columns:1fr 1fr}.welcome{grid-template-columns:1fr}}
@media(max-width:760px){.calc-grid,.facts,.result-grid,.settings-grid,.facts-list,.two,.choice-cards{grid-template-columns:1fr}.case-side{display:flex}.cost-row,.adj-row{grid-template-columns:1fr}.evidence-item{grid-template-columns:1fr}.user-menu{right:8px}}
@media print{.test-banner,#toast,dialog{display:none!important}}
/* Topbar and sidebar details at the compact type size. */
body.signed-in .test-banner{display:none}
.demo-label{max-width:300px;overflow:hidden}
.demo-label>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-ai,.user-button,.btn,.tab{white-space:nowrap}
.user-button>span:not(.avatar){max-width:150px;overflow:hidden;text-overflow:ellipsis}
.profile-line>span:nth-child(2){min-width:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
label.search-input,label.file-label,label.switch,label.check-row,label.option{margin-bottom:0}
label.check-row,label.option{margin-bottom:8px}
.search-input input{border:0!important;margin:0!important;padding:8px 0!important;box-shadow:none!important;background:none!important}
.filterbar .filters select{margin:0}
.original-viewer .source-tools{border:1px solid var(--line);border-radius:9px 9px 0 0}
.original-viewer .source-body{height:min(64vh,760px);border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px;margin-bottom:12px;padding:12px}
#sourceDrawer.source-full .original-viewer .source-body{height:calc(100vh - 210px)}
.ov-canvas{position:relative;margin:0 auto;overflow:hidden;background:#fff}
.ov-canvas .source-original{border:0;margin:0;background:#fff;box-shadow:0 3px 14px #263d6124}
.source-read{margin:6px 0 12px}
#sourceDrawer .drawer-body>.muted:first-child{margin-bottom:8px}
.case-tabs .tab>span:not(.count-badge){font-size:12px;margin-left:0}
.case-tabs .tab .count-badge{margin-left:2px}
.figure-pdf.icon-only{display:grid;place-items:center;color:#6681a7;background:#f6f9ff}
.figure-pdf.icon-only .i{width:30px;height:30px}
.page-thumb .figure-pdf.icon-only .i{width:18px;height:18px}
.case-meta>span{display:inline-flex;align-items:center;gap:8px}
#sec-price.block{padding:22px}
.stack>.block,.stack>section.block{margin-bottom:0}
.case-main>.working{margin-bottom:18px}
body.panel-open .case-body{grid-template-columns:minmax(0,1fr)}
body.panel-open .case-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}
body.panel-open .case-side>.side-extra,body.panel-open .case-side>[data-side-for]{grid-column:auto}
.case-tabs{scrollbar-width:thin}
@media(max-width:1100px){body.panel-open .case-side{grid-template-columns:1fr}}
.calc-grid .check-row{margin-top:6px;font-weight:400}
.customer-list>.empty{grid-column:1/-1}
.admin-body dialog#infoDialog,.admin-body dialog#infoDialog:focus,.admin-body dialog#infoDialog:focus-visible{outline:none}
.admin-body #infoContent>p,.admin-body #infoContent>.notice{margin-bottom:14px}
.history-project li{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.history-project li>.page-thumb{height:56px;width:40px}
/* Scrolling is instant unless a script asks for smooth movement (keyboard and assistive use, and exact positions). */
html{scroll-behavior:auto}
.insight .status-line{background:none;border:0;padding:0;margin:0;color:inherit}
.admin-form{display:grid;gap:12px;max-width:640px}.admin-form fieldset{border:1px solid var(--line);border-radius:10px;padding:12px 14px}.admin-form legend{font-size:12px;color:#6d81a1;padding:0 4px}
.btn.primary:active,button.primary:active,a.primary:active{background:#006edb;border-color:#006edb}
.experience-notes{margin:8px 0}.experience-notes li{padding:7px 10px;border-left:3px solid #c9d8f3;background:#f7f9fe;border-radius:0 8px 8px 0;margin:5px 0;font-size:12px}.experience-notes li.applies{border-left-color:var(--orange);background:#f5f5f7}.experience-notes li.not_applicable{opacity:.75}.retrieval-note{font-size:11px;margin:4px 0 10px}.reuse-part .part-grid p{margin-bottom:6px}.related-graph{margin-top:6px;font-size:12px}.related-graph li{margin:4px 0}
/* Arbetsberedning */
.row-between{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wp-item{border-top:1px solid #eef1f6;padding:14px 0}.wp-item:first-of-type{border-top:0}.wp-item p{margin:6px 0}
#workPrep>section{margin-bottom:16px}#workPrep .price-sum{max-width:420px}
.wp-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0;padding:9px 12px;border-radius:10px;background:#eef7ee;color:#1d5a2b}
.wp-status.updating{background:#eef4ff;color:#2f4f86}.wp-status.read_failed,.wp-status.stale{background:#f5f5f7;color:#3a3a3c}.wp-status .muted{color:inherit;opacity:.75}
details.tech{margin-top:6px}details.tech summary{font-size:11px;color:#8a95a6;cursor:pointer}

/* Compact case list (2026-10-25): one dense, scannable row per case – about 56 px instead of 100 – so a working list of
   10–50 cases fits on a screen. Title and the customer/type/status line, one line of what is prepared, next step. */
.work-head,.work-row{grid-template-columns:minmax(260px,1.15fr) minmax(260px,1.6fr) 170px 16px;gap:20px}
.work-head{padding:9px 18px}
.work-row{padding:9px 18px;min-height:0}
.work-row .row{gap:11px;min-width:0}
.work-row .grow{min-width:0}
.work-thumb{width:34px;height:34px;border-radius:8px;box-shadow:none}
.work-thumb>.i{width:17px;height:17px}
.work-thumb .thumb-kind{display:none}
.work-row-title{font-size:13px;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-row .row-badges{margin-top:0;gap:7px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}
.work-row .row-badges>*{flex-shrink:0}
.work-row .row-badges .row-customer{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#6b7a90}
.work-row .row-badges .pill{padding:1px 6px}
.row-overview{min-width:0;line-height:1.45}
.row-overview strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-overview p{margin-top:1px;-webkit-line-clamp:1;line-clamp:1;font-size:12px;line-height:1.45}
.work-row .next-label{padding:4px 9px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:1800px){.work-row{min-height:0}}
@media(max-width:1300px){.work-head,.work-row{grid-template-columns:minmax(220px,1.1fr) minmax(200px,1.4fr) 150px 16px;gap:16px}}
@media(max-width:1080px){.work-head,.work-row{grid-template-columns:minmax(0,1fr) 150px 16px}}
@media(max-width:600px){.work-row{grid-template-columns:minmax(0,1fr) 16px;gap:6px;padding:10px 14px}.work-row>div:nth-child(3){margin-left:45px}}
.row-overview{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}
.row-overview strong{flex-shrink:0;font-weight:600}
.row-overview p{margin:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a879a}
.row-overview p:before{content:'·';margin-right:6px;color:#b3bccb}
.work-row .row-badges .row-customer{min-width:72px}
@media(max-width:1500px){.work-head,.work-row{grid-template-columns:minmax(300px,1.35fr) minmax(180px,1fr) 150px 16px}.work-row .row-date{display:none}}
@media(max-width:1080px){.work-head,.work-row{grid-template-columns:minmax(0,1fr) 150px 16px}}
@media(max-width:600px){.work-row{grid-template-columns:minmax(0,1fr) 16px}}

/* ===== Apple-layout (2026-10-25): neutral grays, one accent (system blue), clear row lines, quiet chrome; the left menu
   is an icon rail that opens on hover and can be pinned open. No orange anywhere. ===== */
:root{--ink:#1d1d1f;--muted:#6e6e73;--soft-ink:#86868b;--blue:#0071e3;--blue-deep:#0066cc;--blue-soft:#e8f1fd;
  --orange:#0071e3;--orange-deep:#1d1d1f;--orange-soft:#f5f5f7;--line:#e5e5ea;--row-line:#d2d2d7;--bg:#f5f5f7;
  --panel-shadow:0 1px 2px rgba(0,0,0,.04);--top-shadow:0 1px 0 #e5e5ea;--nav-shadow:none}
body{background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',system-ui,sans-serif;color:var(--ink)}
.topbar{background:rgba(251,251,253,.86);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:none;border-bottom:1px solid var(--line)}
.surface,.visual-stat,.block,.pad.surface{box-shadow:none}
.visual-stat{border-color:var(--line)}
.btn.primary,button.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.primary:hover,button.primary:hover{background:#0077ed}
/* Monochrome icons: one accent only for the active place. */
.icon-tile,.icon-tile.blue,.icon-tile.orange,.icon-tile.violet,.visual-stat>.icon-tile{background:#f2f2f7;color:#1d1d1f;border-color:transparent}
.pill.orange{background:#f2f2f7;color:#1d1d1f;border-color:#e5e5ea}
.brand-mark{background:#1d1d1f;box-shadow:none}
/* Lists: every row clearly separated, hover and keyboard focus visible. */
.work-head{background:#fafafc;border-bottom:1px solid var(--row-line);color:#6e6e73;font-weight:500}
.work-row{border-top:0;border-bottom:1px solid var(--row-line)}
.work-row:nth-child(even){background:#fbfbfd}
.work-row:hover{background:#f0f4fa}
.work-row:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.work-thumb{background:#f2f2f7;border-color:transparent;color:#1d1d1f}
.row-overview strong,.row-overview .i{color:#1d1d1f}
.work-row .next-label{background:#f2f2f7;color:#1d1d1f;font-weight:500;border-radius:980px}
.work-row .next-label.blue{background:var(--blue-soft);color:var(--blue-deep)}
.work-row .next-label.green{background:#e9f7ed;color:#1b7a36}
.history-row,.data-table td{border-color:var(--row-line)}
/* Navigation */
.nav-icon,.nav-icon-clock,.nav-icon-calculator,.nav-icon-calendar,.nav-icon-file,.nav-icon-users,.nav-icon-files{background:transparent;color:#6e6e73}
.nav-item{color:#1d1d1f}
.nav-item:hover{background:#ececf0}
.nav-item.active{background:#e8e8ed;box-shadow:none;color:#1d1d1f}
.nav-item.active .nav-icon{background:transparent;color:var(--blue)}
.nav-count,.nav-item.active .nav-count{background:#e5e5ea;color:#1d1d1f}
.sidebar-ai{background:#fff;border-color:var(--line)}
.nav-pin{display:none}
@media(min-width:761px){
  :root{--rail:68px;--nav-open:244px;--nav:var(--rail)}
  body.nav-pinned{--nav:var(--nav-open)}
  .sidebar{width:var(--rail);overflow:hidden;background:rgba(246,246,248,.94);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
    border-right:1px solid var(--line);box-shadow:none;transition:width .2s ease .08s,box-shadow .2s ease .08s}
  .sidebar:hover,.sidebar:focus-within,body.nav-pinned .sidebar{width:var(--nav-open)}
  body:not(.nav-pinned) .sidebar:hover,body:not(.nav-pinned) .sidebar:focus-within{box-shadow:0 12px 44px rgba(0,0,0,.14)}
  .page,.topbar{transition:margin-left .2s ease,left .2s ease}
  .brand{padding:11px 17px;position:relative}
  .nav-scroll{padding:16px 12px 12px;overflow-x:hidden}
  .nav-item{padding:6px 8px;white-space:nowrap;position:relative}
  .nav-item>span:not(.nav-icon),.brand-text,.nav-label,.admin-menu summary,.sidebar-ai>span:not(.ai-orb),.profile-line>span:not(.avatar),.profile-line .icon-btn{transition:opacity .15s ease}
  .nav-pin{display:grid;place-items:center;margin-left:auto;width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#6e6e73;flex-shrink:0}
  .nav-pin:hover{background:#e5e5ea}
  body.nav-pinned .nav-pin{color:var(--blue)}
  .sidebar-bottom{padding:12px;background:transparent}
  .sidebar-ai{padding:10px;white-space:nowrap}
  .profile-line{white-space:nowrap}
  /* Collapsed rail: icons only; a count becomes a small badge on its icon. */
  body:not(.nav-pinned) .sidebar:not(:hover):not(:focus-within) :is(.nav-item>span:not(.nav-icon):not(.nav-count),.brand-text,.nav-label,.sidebar-ai>span:not(.ai-orb),.profile-line>span:not(.avatar),.profile-line .icon-btn,.nav-pin){opacity:0;pointer-events:none}
  body:not(.nav-pinned) .sidebar:not(:hover):not(:focus-within) .admin-menu summary{opacity:0;height:1px;margin:10px 8px;padding:0;overflow:hidden;border-top:1px solid var(--line)}
  body:not(.nav-pinned) .sidebar:not(:hover):not(:focus-within) .nav-count{position:absolute;left:28px;top:3px;min-width:16px;height:16px;padding:0 4px;font-size:10px;border-radius:8px;background:var(--blue);color:#fff}
  body:not(.nav-pinned) .sidebar:not(:hover):not(:focus-within) .nav-count[data-zero]{display:none}
}
.brand-line{display:flex;align-items:center;height:var(--top);min-height:var(--top);border-bottom:1px solid var(--line);padding-right:12px}
.brand-line .brand{border-bottom:0;flex:1;min-width:0;height:100%}
.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
@media(max-width:600px){.work-row .row-badges .row-customer{display:none}}

/* Överblick (2026-10-25): one hero with the single next action, a quiet state list beside it, nothing repeated. */
body[data-case-pane=overview] #casePrimary{display:none}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 30px}
.hero-status{display:flex;align-items:center;gap:8px;color:#6e6e73;font-size:12px;margin:0 0 10px}
.hero-status .i{width:15px;height:15px;color:var(--blue)}
.hero-status .spinner{width:13px;height:13px}
.hero-title{font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.3px;color:#1d1d1f;margin:0 0 6px}
.hero-text{font-size:14px;line-height:1.5;color:#424245;max-width:680px;margin:0}
.hero-actions{display:flex;align-items:center;gap:16px;margin-top:20px}
.hero-actions .primary{padding:10px 20px;font-size:14px;border-radius:980px}
.hero-actions .text-button{font-size:13px}
.material-grid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:20px;align-items:start}
.material-grid .figure-empty{display:none}
.material-grid:has(.figure-empty){grid-template-columns:1fr}
.material-grid .reuse-compact{border-bottom:1px solid var(--line);padding:10px 0}
.material-grid .reuse-compact:last-child{border-bottom:0}
.state-panel{padding:6px 0 10px;border-radius:14px;overflow:hidden}
.state-panel h2{font-size:13px;font-weight:600;padding:12px 18px 6px;margin:0;color:#1d1d1f}
.state-row{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:11px 18px;border-top:1px solid var(--line);text-align:left;font-size:13px;color:#1d1d1f;cursor:pointer}
.state-row:disabled{cursor:default;opacity:1}
.state-row:not(:disabled):hover{background:#f5f5f7}
.state-row>span{color:#6e6e73;flex:0 0 auto}
.state-row>strong{margin-left:auto;font-weight:500;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.state-row>strong{color:#6e6e73}.state-row>strong.attn{color:#1d1d1f;font-weight:600}
.state-row .i{width:13px;height:13px;color:#c7c7cc}
.state-more{border-top:1px solid var(--line);padding:10px 18px 2px;font-size:13px}
.state-more summary{cursor:pointer;color:var(--blue)}
.state-more ul{list-style:none;margin:8px 0 0;padding:0}
.state-more li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line)}
.state-more li span{color:#424245}
.state-panel .footnote{font-size:11px;color:#86868b;padding:10px 18px 4px;margin:0}
@media(max-width:760px){.hero-card{padding:20px}.hero-title{font-size:18px}.material-grid{grid-template-columns:1fr}}

/* "Det vi vet": one quiet list – label, value, status and source on one line – instead of boxes. */
.facts-list{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.facts-list>div{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,2fr);gap:14px;align-items:baseline;padding:10px 14px;border:0;border-top:1px solid var(--line);border-radius:0;background:#fff}
.facts-list>div:first-child{border-top:0}
.facts-list dt{font-size:13px;color:#6e6e73;margin:0}
.facts-list dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:13px;font-weight:500;color:#1d1d1f}
.facts-list .fact-meta{margin-left:auto;font-size:11px;font-weight:400;color:#86868b}
.facts-list .source-chip{border:0;background:none;padding:0;font-size:11px;font-weight:400;color:var(--blue)}
@media(max-width:600px){.facts-list>div{grid-template-columns:1fr;gap:2px}}
.case-title h1{font-size:20px;font-weight:600;letter-spacing:-.25px;line-height:1.3}

/* Arbetsberedning (2026-10-25): one card on top with total, distribution and the next step; lists below; details folded. */
.wp-hero .hero-status{margin-bottom:14px}
.wp-hero-top{display:flex;align-items:flex-start;gap:16px}
.wp-hero .price-sum.total.wp-sum{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:2px;border:0;padding:0;margin:0;background:none}
.wp-hero .wp-sum strong{font-size:30px;font-weight:600;letter-spacing:-.5px;color:#1d1d1f;line-height:1.15}
.wp-hero .wp-sum span{font-size:12px;color:#6e6e73}
.wp-partial-line{font-size:13px;color:#424245;margin:8px 0 0}
.wp-dist{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;font-size:12px;color:#6e6e73}
.wp-dist strong{color:#1d1d1f;font-weight:500}
.wp-hero .price-warning{margin-top:14px}
.wp-release{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.wp-release h3{font-size:13px;font-weight:600;margin:0 0 8px}
.wp-release ul.plain li{padding:5px 0;border-bottom:1px solid var(--line);font-size:13px}
.wp-release ul.plain li:last-child{border-bottom:0}
.wp-release .coverage{margin:6px 0 12px}
.wp-fold{padding:0}
.wp-fold>summary{cursor:pointer;padding:16px 22px;font-size:13px;font-weight:600;color:#1d1d1f;list-style:none;display:flex;align-items:center;gap:8px}
.wp-fold>summary::-webkit-details-marker{display:none}
.wp-fold>summary:before{content:'›';display:inline-block;color:#86868b;font-size:16px;line-height:1;transition:transform .15s}
.wp-fold[open]>summary:before{transform:rotate(90deg)}
.wp-fold-body{padding:0 8px 8px}
.wp-fold-body>.surface{border:0;box-shadow:none}
.wp-item{padding:12px 0;border-bottom:1px solid var(--line)}
.wp-item:last-child{border-bottom:0}
#workPrep .coverage th{font-weight:500;color:#6e6e73}
#workPrep .coverage td{border-color:var(--line)}
.wp-hero .wp-status{background:none;border:0;padding:0}
.wp-item-line{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,1fr) auto;gap:14px;align-items:center;font-size:13px}
.wp-item-line strong{font-weight:500}
.wp-item-module{color:#424245}
.wp-item-state{display:flex;gap:6px;justify-content:flex-end}
.wp-item .wp-basis{margin-top:4px}
.wp-item .wp-basis>summary{font-size:12px;color:#6e6e73}
.wp-item .inline-form{margin-top:8px}
@media(max-width:600px){.wp-item-line{grid-template-columns:1fr auto}.wp-item-module{grid-column:1}}
/* Pris (2026-10-25): the price once, large, with cost, margin and markup on one line and what it rests on. */
.price-hero .hero-status{justify-content:flex-start}
.price-hero .hero-status .save-status{margin-left:auto}
.price-big{display:flex;align-items:baseline;gap:10px;margin:2px 0 6px}
.price-big strong{font-size:30px;font-weight:600;letter-spacing:-.5px;color:#1d1d1f}
.price-big span{font-size:13px;color:#6e6e73}
.price-parts{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px;color:#6e6e73;margin:0}
.price-parts strong{color:#1d1d1f;font-weight:500;margin-left:4px}
.price-basis{font-size:13px;color:#424245;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.price-hero .footnote{font-size:11px;color:#86868b;margin:10px 0 0}
.price-fold>summary{cursor:pointer;font-size:13px;font-weight:600;padding:4px 0 10px}
.price-more{margin:10px 0}
.price-tools{padding-top:4px}
.price-tools{padding:16px 22px}
/* Anbud (2026-10-25): what the document rests on, in one line above it. */
.doc-basis{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:13px;color:#424245;margin:0 0 14px}
.doc-basis>.i{width:16px;height:16px;color:#1b7a36}
.doc-basis.attn>.i{color:#1d1d1f}
.doc-basis.attn{border-color:#c7c7cc;background:#fafafa}
.doc-basis strong{font-weight:500;color:#1d1d1f}
.doc-basis-state{margin-left:auto;color:#6e6e73}
.doc-basis.attn .doc-basis-state{color:#1d1d1f;font-weight:500}
.doc-basis-more{flex-basis:100%}
.doc-basis-more>summary{cursor:pointer;color:var(--blue);font-size:12px}
.doc-basis-more ul{margin:8px 0}
.sec-notes{margin:8px 0 0;font-size:12px}
.sec-notes>summary{cursor:pointer;color:#86868b}
.sec-notes ul{margin:6px 0 0;color:#6e6e73}
.sec-claim{font-size:12px;margin:8px 0 0}
.paper .doc-text,.paper .quote-copy,.quote-section .doc-text{color:#1d1d1f}
.paper h3,.quote-section header h3{color:#1d1d1f}
.price-doc-text{font-size:13px;color:#424245;margin:0 0 8px}
.price-label{font-size:12px;color:#6e6e73;margin:6px 0 0}

/* Arbetsberedning föreslagen ur tidigare leveranser: komponent, källa, återanvänd/anpassa/saknas, timmar per disciplin */
.wp-mode{margin:0 0 10px;color:#6e6e73;font-size:13px}
.wp-hist .wp-hist-facts{display:grid;grid-template-columns:170px 1fr;gap:4px 14px;margin:8px 0 6px;font-size:13.5px}
.wp-hist .wp-hist-facts>div{display:contents}
.wp-hist .wp-hist-facts dt{color:#6e6e73}
.wp-hist .wp-hist-facts dd{margin:0;color:#1d1d1f}
.wp-quote{margin:6px 0;padding:6px 12px;border-left:3px solid #d2d2d7;color:#1d1d1f;font-size:13px}
.wp-ops table.coverage.compact td{padding:6px 8px;vertical-align:top}
.wp-hours-cell{width:120px;white-space:nowrap}
.wp-hours-cell input{width:72px;text-align:right}
.wp-ops .inline-form{margin-top:6px}
@media (max-width:720px){.wp-hist .wp-hist-facts{grid-template-columns:1fr}}

/* Så kom AI fram till det: numrerade steg, lugn lista, citat */
.xstep{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #e5e5ea}
.xstep:last-child{border-bottom:0}
.xnum{flex:0 0 26px;height:26px;border-radius:13px;background:#f5f5f7;color:#1d1d1f;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center}
.xbody{flex:1;min-width:0}
.xbody h3{margin:2px 0 4px;font-size:16px}
.xbody h4{margin:10px 0 4px;font-size:14px;color:#6e6e73}
.xlead{margin:0 0 6px;color:#3a3a3c;font-size:14px}
.xlist{list-style:none;margin:4px 0;padding:0}
.xlist>li{padding:6px 0;border-top:1px solid #f0f0f2;font-size:13.5px;line-height:1.45}
.xlist>li:first-child{border-top:0}
.xq{color:#3a3a3c;font-style:italic}
.xtag{display:inline-block;margin:2px 6px 0 0;padding:1px 8px;border-radius:10px;font-size:12px;background:#f5f5f7;color:#3a3a3c}
.xtag.ok{background:#e8f0fe;color:#0040a0}
.xtag.dev{background:#f2f2f7;color:#1d1d1f;border:1px solid #d2d2d7}
#explain{background:#fff;border-radius:14px;padding:4px 18px}
.wp-hours-cell input{display:inline-block;width:76px;min-width:0;padding:5px 8px}
#workPrep .wp-ops td.wp-hours-cell{white-space:nowrap;width:130px;text-align:right}
#workPrep .wp-ops td.wp-hours-cell input{display:inline-block;width:72px;min-width:0;margin:0 4px 0 0;padding:5px 8px;text-align:right}

/* AI-CRM: Översikt, Affärer, Aktiviteter, Kund 360 och affärskortet – samma Apple-skikt: gråskala, systemblått, tydliga radlinjer */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.kpi-card{background:#fff;border:1px solid #e5e5ea;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;min-width:0}
.kpi-label{font-size:12.5px;color:#6e6e73}
.kpi-value{font-size:24px;font-weight:600;color:#1d1d1f;letter-spacing:-.01em;overflow-wrap:anywhere}
.kpi-value .muted{font-size:15px;font-weight:500}
.kpi-card small{font-size:12px;color:#86868b}
.prio-list{display:flex;flex-direction:column}
.prio-row{display:grid;grid-template-columns:132px minmax(0,1.4fr) minmax(0,1fr) 16px;gap:14px;align-items:center;padding:11px 6px;border-top:1px solid #e5e5ea;color:inherit;text-decoration:none}
.prio-row:first-child{border-top:0}
.prio-row:hover{background:#f5f5f7}
.prio-kind{justify-self:start;font-size:12px;padding:2px 9px;border-radius:10px;background:#f2f2f7;color:#3a3a3c;white-space:nowrap}
.prio-kind.blocker,.prio-kind.order{background:#1d1d1f;color:#fff}
.prio-kind.approval,.prio-kind.reply,.prio-kind.release{background:#e8f0fe;color:#0040a0}
.prio-main{display:flex;flex-direction:column;min-width:0}
.prio-main strong{font-size:14px;font-weight:600;color:#1d1d1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prio-main small,.prio-next small{font-size:12px;color:#86868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prio-why{font-size:12.5px;color:#6e6e73}
.prio-next{display:flex;flex-direction:column;min-width:0}
.prio-rec{font-size:13px;color:#0071e3}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.deal-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) 150px 16px;gap:14px;align-items:center;padding:10px 14px;border-top:1px solid #e5e5ea;color:inherit;text-decoration:none}
.surface > .deal-row:first-child,.surface > h2 + p + .deal-row{border-top:0}
.deal-row:hover{background:#f5f5f7}
.deal-main,.deal-stage,.deal-value{display:flex;flex-direction:column;min-width:0}
.deal-main strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deal-main small,.deal-stage small,.deal-value small{font-size:12px;color:#86868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deal-stage .pill{align-self:flex-start}
.deal-value{text-align:right}
.deal-value strong{font-size:13.5px;font-weight:600}
.pill[class*=stage-]{background:#f2f2f7;color:#1d1d1f;border:0}
.pill.stage-won{background:#1d1d1f;color:#fff}
.pill.stage-lost{background:#fff;color:#6e6e73;border:1px solid #d2d2d7}
.pill.stage-quote_sent,.pill.stage-negotiation,.pill.stage-postponed{background:#e8f0fe;color:#0040a0}
.stage-bar{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.stage-chip{display:inline-flex;align-items:baseline;gap:6px;border:1px solid #d2d2d7;background:#fff;border-radius:16px;padding:5px 12px;font-size:13px;color:#1d1d1f;cursor:pointer}
.stage-chip b{font-weight:600;color:#6e6e73}
.stage-chip small{font-size:11.5px;color:#86868b}
.stage-chip.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}
.stage-chip.active b,.stage-chip.active small{color:#d2d2d7}
.deal-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.deal-filters input[type=search]{flex:1 1 220px}
.deal-filters .date-filter{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#6e6e73}
pre.rules{white-space:pre-wrap;font-size:12.5px;color:#3a3a3c;background:#f5f5f7;border-radius:10px;padding:12px}
.review-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:12px;padding:10px 14px;margin:0 0 14px;font-size:13.5px}
.review-banner .inline-form{margin-left:auto;display:flex;gap:6px}
.fact-list{list-style:none;margin:6px 0;padding:0}
.fact-list>li{padding:6px 0;border-top:1px solid #f0f0f2;font-size:13.5px}
.fact-list>li:first-child{border-top:0}
.src-chip{display:inline-block;font-size:11.5px;padding:0 7px;border-radius:9px;background:#f2f2f7;color:#0071e3;text-decoration:none;margin-left:2px}
.deal-card .state-row.static{cursor:default;flex-wrap:wrap}
.deal-card .state-note{flex-basis:100%;font-size:12px;color:#86868b;text-align:right}
.deal-card .pad-x{padding:0 16px 12px}
@media (max-width:900px){.two-col{grid-template-columns:1fr}.prio-row{grid-template-columns:1fr 16px}.prio-kind,.prio-next{grid-column:1}.deal-row{grid-template-columns:1fr 16px}.deal-stage,.deal-value{grid-column:1;text-align:left}}
.deal-filters input,.deal-filters select{height:34px;padding:5px 10px;font-size:13.5px;border:1px solid #d2d2d7;border-radius:9px;background:#fff;width:auto}
.deal-filters input[type=search]{flex:1 1 240px}
.deal-filters input[type=date]{width:150px}
.pill.blocked{background:#1d1d1f;color:#fff;margin-left:4px}
.deal-stage{flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px 0}
.deal-stage small{flex-basis:100%}
#customerPage .tech-list{display:grid;grid-template-columns:170px 1fr;gap:4px 12px;margin:10px 0 0;font-size:13px}
#customerPage .tech-list>div{display:contents}
#customerPage .tech-list dt{color:#6e6e73}
#customerPage .tech-list dd{margin:0}
.review-banner{padding:8px 12px}
.review-banner .inline-form{flex-wrap:nowrap;align-items:center}
.review-banner .inline-form input{width:220px;height:32px}
.review-banner .inline-form .btn{height:32px;white-space:nowrap}
.customer-grid .deal-next{margin:0 0 8px 70px;font-size:12px}

/* F2: the engineer's workspace – requirements and the earlier solution side by side, stacked on narrow screens */
.eng-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;margin-bottom:16px}
.eng-grid .suggestion.compact+.suggestion.compact{margin-top:12px}
#technical{margin-bottom:16px}
.key-facts{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 4px;font-size:14px}
.key-facts span{white-space:nowrap}
.key-facts small{color:#6e6e73;margin-right:4px}
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0 16px}
.kpi{background:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 0 0 1px #0000000d;align-self:start}
.kpi span{display:block;color:#6e6e73;font-size:12px}.kpi strong{font-size:20px;font-weight:600;line-height:1.3}.kpi small{display:block;color:#6e6e73;font-size:12px}
.customer-rows{display:flex;flex-direction:column}
.customer-row{display:flex;align-items:center;gap:14px;padding:10px 4px;border-top:1px solid #f0f0f2;color:inherit;text-decoration:none}
.customer-row:first-child{border-top:0}.customer-row:hover{background:#f7f7f9}
.customer-row .row-num{text-align:right;min-width:64px}.customer-row .row-num strong{display:block}.customer-row .row-num small{color:#6e6e73;font-size:11px}
.list-tools{display:flex;gap:8px}.list-tools input,.list-tools select{font:inherit;padding:6px 10px;border:1px solid #d2d2d7;border-radius:8px}
.link-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #f0f0f2}.link-list li:first-child{border-top:0}
#customersPage .surface{margin-bottom:14px}
@media (max-width:700px){.customer-row .row-num{display:none}}
.ready-list li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid #f0f0f2}.ready-list li:first-child{border-top:0}

/* "Visa mig hur": the guide over the real work area – a quiet dim, a ring where to look, a caption card, a player bar. */
#guide{position:fixed;inset:0;z-index:9000;pointer-events:none;font:inherit}
#guide .guide-block{position:fixed;inset:0;background:rgba(29,29,31,.28);pointer-events:auto;transition:clip-path .25s ease}
#guide .guide-catch{position:fixed;pointer-events:auto;background:transparent}
#guide .guide-ring{position:fixed;border:2px solid #0071e3;border-radius:12px;box-shadow:0 0 0 4px rgba(0,113,227,.18);transition:all .3s ease;pointer-events:none}
#guide .guide-ring.try{animation:guidePulse 1.6s ease-in-out 4}
@keyframes guidePulse{0%,100%{box-shadow:0 0 0 4px rgba(0,113,227,.18)}50%{box-shadow:0 0 0 10px rgba(0,113,227,.08)}}
@media (prefers-reduced-motion:reduce){#guide .guide-ring.try{animation:none}#guide .guide-block{transition:none}}
#guide .guide-card{position:fixed;width:min(420px,calc(100vw - 24px));background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 12px 40px rgba(0,0,0,.18);pointer-events:auto;transition:top .3s ease,left .3s ease}
#guide .guide-card.center{top:50%!important;left:50%!important;transform:translate(-50%,-60%)}
#guide .guide-chapter{color:#6e6e73;font-size:12px;margin:0 0 4px}
#guide .guide-card h2{font-size:17px;font-weight:600;margin:0 0 6px}
#guide .guide-say{font-size:15px;line-height:1.5;margin:0 0 8px;color:#1d1d1f}
#guide .guide-facts{display:grid;gap:6px;margin:0}
#guide .guide-facts div{display:grid;grid-template-columns:96px 1fr;gap:8px;font-size:13px}
#guide .guide-facts dt{color:#6e6e73}#guide .guide-facts dd{margin:0}
#guide .guide-try dt{color:#0071e3;font-weight:600}
#guide .guide-bar{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(860px,calc(100vw - 24px));display:flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.96);border-radius:14px;padding:8px 10px;box-shadow:0 8px 30px rgba(0,0,0,.16);pointer-events:auto}
#guide .guide-btn{border:0;background:#f2f2f7;border-radius:9px;min-width:34px;height:34px;font-size:16px;cursor:pointer;color:#1d1d1f}
#guide .guide-btn.play{background:#0071e3;color:#fff}#guide .guide-btn:focus-visible,#guide select:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
#guide .guide-timeline{flex:1;display:flex;gap:4px;min-width:80px}
#guide .guide-seg{height:8px;border:0;padding:0;background:#e5e5ea;border-radius:4px;overflow:hidden;cursor:pointer}
#guide .guide-seg span{display:block;height:100%;background:#0071e3;width:0}
#guide .guide-seg.active{outline:2px solid rgba(0,113,227,.35);outline-offset:1px}
#guide .guide-count{font-size:12px;color:#6e6e73;min-width:44px;text-align:center}
#guide select{font:inherit;font-size:13px;border:1px solid #d2d2d7;border-radius:8px;padding:5px 6px}
#guide .guide-voice{font-size:12px;color:#6e6e73;display:flex;gap:4px;align-items:center;white-space:nowrap}
@media (max-width:640px){#guide .guide-voice,#guide .guide-count{display:none}#guide .guide-card{left:12px!important}#guide .guide-bar{gap:6px;padding:8px}#guide .guide-timeline{min-width:40px}#guide select{max-width:110px}}
#guideStart{position:fixed;inset:0;z-index:9100;background:rgba(29,29,31,.32);display:grid;place-items:center;padding:16px}
#guideStart .guide-sheet{background:#fff;border-radius:16px;padding:20px 22px;width:min(520px,100%);box-shadow:0 20px 50px rgba(0,0,0,.2)}
#guideStart h2{font-size:19px;font-weight:600;margin:0 0 4px}
#guideStart .guide-choices{display:grid;gap:8px;margin:14px 0}
#guideStart .guide-choices button{display:flex;justify-content:space-between;gap:12px;text-align:left;border:1px solid #e5e5ea;background:#fff;border-radius:10px;padding:10px 12px;cursor:pointer;font:inherit}
#guideStart .guide-choices button:hover,#guideStart .guide-choices button:focus-visible{border-color:#0071e3;outline:none}
#guideStart .guide-choices span{color:#6e6e73;font-size:13px}
@media(max-width:530px){.top-tools>#guideBtn{display:inline-flex}}
.visual-image.picture{padding:12px;background:#fff}.visual-image.picture>img{width:100%;height:100%;object-fit:contain;box-shadow:none;border:0;mix-blend-mode:normal}
.reuse-part>header{align-items:flex-start;gap:14px}.part-picture{flex:0 0 132px;height:96px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:zoom-in}.part-picture>img{width:100%;height:100%;object-fit:contain}.part-picture:focus-visible{outline:2px solid #0071e3;outline-offset:2px}@media(max-width:600px){.part-picture{flex-basis:96px;height:72px}}

/* Systemkatalog (Anslutningar): färgstarka ikoner i Apples systemfärger, kort per systemtyp. */
.conn-group{margin-top:18px}.conn-group h4{margin:0 0 8px;font-size:12px;font-weight:600;color:#6e6e73;text-transform:uppercase;letter-spacing:.04em}
.conn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.conn-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #e5e5ea;border-radius:12px;background:#fff}
.conn-tile{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;color:#fff}
.conn-tile .i{width:24px;height:24px;stroke:#fff;stroke-width:1.9;fill:none}
.c-blue{background:linear-gradient(160deg,#3d9bff,#0062e0)}.c-indigo{background:linear-gradient(160deg,#7a78f0,#4140c7)}
.c-purple{background:linear-gradient(160deg,#c77dea,#9a3fcf)}.c-pink{background:linear-gradient(160deg,#ff6482,#e3204a)}
.c-teal{background:linear-gradient(160deg,#4fc6dd,#1f97b1)}.c-red{background:linear-gradient(160deg,#ff6a61,#e0261c)}
.conn-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.conn-body p{margin:0;font-size:13px}.conn-body small{font-size:12px}
.conn-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.conn-state{color:#3a3a3c}
.conn-body .button-row{margin-top:6px}
@media(max-width:530px){.conn-grid{grid-template-columns:1fr}}

/* Projekt och planering: rader med tidslinje per steg. */
.project-row{display:flex;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid #f0f0f2;color:inherit;text-decoration:none}.project-row:first-of-type{border-top:0}
.project-row .conn-tile{width:36px;height:36px;border-radius:9px}.project-row .conn-tile .i{width:20px;height:20px}
.plan{display:flex;flex-direction:column}
.plan-row{display:grid;grid-template-columns:190px minmax(180px,1fr) 150px;grid-template-areas:"label track state" "why why why";gap:6px 14px;padding:12px 0;border-top:1px solid #f0f0f2;align-items:center}
.plan-row:first-child{border-top:0}.plan-label{grid-area:label;display:flex;flex-direction:column}.plan-label small,.plan-state small{color:#6e6e73;font-size:12px}
.plan-track{grid-area:track;position:relative;height:22px;background:#f5f5f7;border-radius:6px}
.plan-bar{position:absolute;top:3px;bottom:3px;border-radius:5px}.plan-bar.is-proposal{background:repeating-linear-gradient(135deg,#c9c8f5 0 6px,#b4b2f0 6px 12px)}
.plan-bar.is-verified{background:#0071e3}.plan-bar.is-blocked{background:#ff3b30}.plan-bar.is-done{opacity:.45}
.plan-track>small{position:absolute;left:8px;top:3px}
.plan-state{grid-area:state;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.plan-why{grid-area:why;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}.plan-why small{font-size:12px;color:#3a3a3c}.plan-missing{color:#c4161c!important}
.plan-form{flex-basis:100%;margin-top:6px}
@media(max-width:700px){.plan-row{grid-template-columns:1fr;grid-template-areas:"label" "track" "state" "why"}}
/* Fråga AI: Samtal | Historik and Ny chatt */
.chat-tabs{display:flex;align-items:center;gap:4px;padding:8px 14px;border-bottom:1px solid #e9eef7;background:#fff;flex-shrink:0}.chat-tabs [role=tab]{border:0;background:transparent;border-radius:7px;padding:6px 11px;font-size:12px;color:#6e7b90}.chat-tabs [role=tab][aria-selected=true]{background:#eef3fd;color:#0071e3;font-weight:600}.chat-tabs [role=tab]:focus-visible,.chat-new:focus-visible,.chat-history-row:focus-visible{outline:2px solid #0071e3;outline-offset:1px}.chat-new{margin-left:auto;display:flex;align-items:center;gap:5px;border:1px solid #dfe5f0;background:#fff;border-radius:7px;padding:5px 10px;font-size:12px;color:#0071e3}.chat-new .i{width:13px;height:13px}.chat-new:disabled{color:#a7b1c2;border-color:#edf0f5}.chat-history-note{font-size:11px;color:#8b99ae;margin-bottom:10px}.chat-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.chat-history-row{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;border:1px solid #e6ebf3;background:#fff;border-radius:9px;padding:10px 12px}.chat-history-row:hover{background:#f6f8fc}.chat-history-row.current{border-color:#9fbff0;background:#f3f7fe}.chat-history-row strong{font-size:12px;color:#33445f;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-history-row span{font-size:11px;color:#8b99ae}
/* Projekt: portfolio, workspace, Gantt, people (Apple neutrals + system blue; red only for risk and the critical path) */
.heading-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.heading-actions .btn .i{width:14px;height:14px}
.project-kpis{margin-bottom:16px}.kpi-card.is-alert .kpi-value{color:#c4001a}
.project-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 12px}.search-field{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e5e5ea;border-radius:9px;padding:0 10px;flex:1;min-width:220px}.search-field .i{width:14px;color:#86868b}.search-field input{border:0;outline:0;background:transparent;padding:8px 0;font-size:13px;width:100%}
.segmented{display:inline-flex;background:#f2f2f7;border-radius:9px;padding:2px;gap:2px}.segmented button{border:0;background:transparent;border-radius:7px;padding:6px 11px;font-size:12px;color:#3a3a3c;cursor:pointer}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:600;color:#1d1d1f}.segmented button:focus-visible{outline:2px solid #0071e3}
.project-list{background:#fff;border:1px solid #e5e5ea;border-radius:14px;overflow:hidden}.project-list .project-row{display:grid;grid-template-columns:86px minmax(0,2.2fr) minmax(0,1fr) 150px 120px 150px 14px;gap:14px;align-items:center;padding:13px 16px;border-top:1px solid #f0f0f2;color:inherit;text-decoration:none}.project-list .project-row:first-child{border-top:0}.project-list .project-row:hover{background:#f9f9fb}.project-list .project-row:focus-visible{outline:2px solid #0071e3;outline-offset:-2px}
.project-id strong{font-size:12px;color:#1d1d1f;display:block}.test-mark{display:inline-block;font-size:10px;font-weight:700;color:#c4001a;letter-spacing:.04em}.project-main{min-width:0;display:flex;flex-direction:column;gap:2px}.project-main strong{font-size:13px;color:#1d1d1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-main small,.project-phase small,.project-dates small,.project-state small,.project-progress small{font-size:11px;color:#86868b}.project-phase{font-size:12px;color:#3a3a3c;display:flex;flex-direction:column;min-width:0}.project-dates{display:flex;flex-direction:column;font-size:12px}.project-dates strong{font-size:13px;color:#1d1d1f}.project-state{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.project-progress{display:flex;flex-direction:column;gap:5px}.warn-text{color:#c4001a}
.progress{position:relative;display:block;height:6px;border-radius:3px;background:#e5e5ea;overflow:visible;min-width:80px}.progress-fill{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:#0071e3}.progress-plan{position:absolute;top:-3px;width:2px;height:12px;background:#1d1d1f;border-radius:1px}
.portfolio-timeline{background:#fff;border:1px solid #e5e5ea;border-radius:14px;padding:10px 16px 14px;overflow-x:auto;overflow-y:hidden}.pt-head,.pt-row{display:grid;grid-template-columns:220px minmax(480px,1fr);gap:14px;align-items:center}.pt-scale{position:relative;height:22px;border-bottom:1px solid #e5e5ea}.pt-month{position:absolute;top:2px;font-size:11px;color:#86868b;border-left:1px solid #e5e5ea;padding-left:4px}.pt-today{position:absolute;top:0;height:400px;width:1px;background:#0071e3;z-index:1;pointer-events:none}.pt-row{padding:8px 0;border-top:1px solid #f0f0f2;color:inherit;text-decoration:none}.pt-row:hover{background:#f9f9fb}.pt-label{display:flex;flex-direction:column;min-width:0}.pt-label strong{font-size:12px}.pt-label small{font-size:11px;color:#86868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-track{position:relative;height:16px}.pt-bar{position:absolute;top:3px;height:10px;border-radius:3px;background:#a8c7f0}.pt-bar.is-critical{background:#0071e3}.pt-ms{position:absolute;top:2px;width:10px;height:10px;transform:translateX(-5px) rotate(45deg);background:#1d1d1f}.portfolio-timeline{position:relative}
.empty-explain h2{font-size:15px;margin-bottom:6px}.flow-steps{list-style:none;padding:0;margin:14px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.flow-steps li{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#3a3a3c;background:#f5f5f7;border-radius:10px;padding:10px}.flow-steps li span{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid #d2d2d7;display:grid;place-items:center;font-size:11px;font-weight:600}.flow-steps li.is-here{background:#eef4fd;color:#0b4fa8}.flow-steps li.is-here span{background:#0071e3;color:#fff;border-color:#0071e3}
.scenario-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.scenario-row .prio-next{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;font-size:12px}
.project-heading h1{font-size:22px}.project-heading p{font-size:13px;color:#6e6e73}
.project-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#e5e5ea;border:1px solid #e5e5ea;border-radius:14px;overflow:hidden;margin-bottom:14px}.project-strip>div{background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}.project-strip small{font-size:11px;color:#86868b}.project-strip strong{font-size:14px;color:#1d1d1f}.project-strip span{font-size:12px;color:#6e6e73}.project-strip .pill{align-self:flex-start}
.draft-bar{position:sticky;top:8px;z-index:20;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#1d1d1f;color:#fff;border-radius:12px;padding:10px 14px;margin-bottom:12px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.draft-bar>div{display:flex;flex-direction:column;flex:1;min-width:220px}.draft-bar strong{font-size:13px}.draft-bar span{font-size:12px;color:#d2d2d7}.draft-bar .warn-text{color:#ff9f9f}.draft-bar input{border:0;border-radius:8px;padding:7px 10px;font-size:12px;min-width:200px;flex:1}.draft-bar .btn{background:#fff;color:#1d1d1f;border-color:#fff}.draft-bar .btn.primary{background:#0071e3;border-color:#0071e3;color:#fff}
.project-tabs{display:flex;gap:4px;border-bottom:1px solid #e5e5ea;margin-bottom:14px;overflow-x:auto}.project-tabs [role=tab]{border:0;background:none;padding:10px 12px;font-size:13px;color:#6e6e73;border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer}.project-tabs [role=tab][aria-selected=true]{color:#1d1d1f;font-weight:600;border-bottom-color:#0071e3}.project-tabs [role=tab]:focus-visible{outline:2px solid #0071e3;outline-offset:-2px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-grid .wide{grid-column:1/-1}.project-grid h2,.project-pane h2{font-size:14px;margin-bottom:10px}.project-pane h3{font-size:12px;margin:12px 0 6px;color:#3a3a3c}
.action-list,.risk-list,.milestones,.dep-list,.doc-links,.suggestions,.timeline-list{list-style:none;margin:0;padding:0}.action-list li{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-top:1px solid #f0f0f2;font-size:13px}.action-list li:first-child{border-top:0}.action-list li span{flex:1}.action-list small{color:#86868b;font-size:11px;white-space:nowrap}
.risk-list li{font-size:13px;padding:8px 10px;border-radius:9px;margin-bottom:6px;background:#f5f5f7}.risk-list li.is-high{background:#fdecea;color:#8a0012}
.milestones li{display:flex;gap:10px;align-items:center;padding:7px 0;border-top:1px solid #f0f0f2}.milestones li:first-child{border-top:0}.milestones li>span:nth-child(2){flex:1;display:flex;flex-direction:column}.milestones strong{font-size:13px}.milestones small{font-size:11px;color:#86868b}.ms-dot{width:10px;height:10px;transform:rotate(45deg);background:#1d1d1f;flex-shrink:0}.ms-dot.is-uncertain{background:#fff;border:1.5px dashed #86868b}
.gantt-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.legend{display:flex;gap:6px;align-items:center;font-size:11px;color:#6e6e73;flex-wrap:wrap}.legend .lg{display:inline-block;width:16px;height:8px;border-radius:2px;margin-left:8px}.lg.task{background:#a8c7f0}.lg.critical{background:#0071e3;box-shadow:0 0 0 1.5px #c4001a}.lg.base{height:3px;background:#86868b}.lg.ms{width:8px;transform:rotate(45deg);background:#1d1d1f}.lg.unc{background:repeating-linear-gradient(135deg,#d2d2d7 0 3px,#fff 3px 6px)}.gantt-add{margin-left:auto;display:flex;gap:6px}.gantt-add .btn .i{width:13px;height:13px}.gantt-help{font-size:12px;margin:8px 0}
.gantt{display:grid;grid-template-columns:250px minmax(0,1fr);border:1px solid #e5e5ea;border-radius:14px;background:#fff;overflow:hidden}.g-grid{border-right:1px solid #e5e5ea;display:flex;flex-direction:column;background:#fbfbfd}.g-head-cell{height:34px;display:flex;align-items:center;padding:0 12px;font-size:11px;color:#86868b;border-bottom:1px solid #e5e5ea;flex-shrink:0}
.g-name{height:34px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 12px;border:0;border-bottom:1px solid #f0f0f2;background:transparent;text-align:left;cursor:pointer;min-width:0}.g-name span{font-size:12px;color:#1d1d1f;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-name small{font-size:10px;color:#86868b;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-name.is-child{padding-left:26px}.g-name.is-selected,.g-name:hover{background:#eef4fd}.g-name:focus-visible{outline:2px solid #0071e3;outline-offset:-2px}
.g-chart{overflow-x:auto;overflow-y:hidden;position:relative}.g-canvas{position:relative}.g-scale{position:absolute;left:0;right:0;top:0;height:34px;border-bottom:1px solid #e5e5ea;background:#fbfbfd}.g-day,.g-week{position:absolute;top:0;height:34px;display:flex;align-items:center;font-size:10px;color:#86868b;border-left:1px solid #f0f0f2;padding-left:3px}.g-day{justify-content:center;padding:0}.g-day.is-off{background:#f2f2f7;color:#aeaeb2}.g-row{position:absolute;left:0;right:0;height:34px;border-bottom:1px solid #f5f5f7}
.g-links{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}.g-link{fill:none;stroke:#aeaeb2;stroke-width:1.2}.g-link.is-critical{stroke:#c4001a;stroke-width:1.6}.g-link.is-selected{stroke:#0071e3;stroke-width:2}.g-links marker path{fill:#8e8e93}
.g-bar{position:absolute;height:18px;border-radius:5px;background:#a8c7f0;border:0;padding:0;overflow:hidden;cursor:grab;display:flex;align-items:center;touch-action:none}.g-bar .g-fill{position:absolute;left:0;top:0;bottom:0;background:#0071e3;opacity:.9}.g-bar .g-text{position:relative;font-size:10px;color:#0b2a55;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.g-bar.is-critical{box-shadow:0 0 0 1.5px #c4001a}.g-bar.is-uncertain{background:repeating-linear-gradient(135deg,#d2d2d7 0 4px,#f5f5f7 4px 8px)}.g-bar.is-blocked{background:#f7c6cc}.g-bar.is-moved{outline:2px dashed #0071e3;outline-offset:2px}.g-bar.is-selected{box-shadow:0 0 0 2px #0071e3}.g-bar.is-dragging{cursor:grabbing;opacity:.75}.g-bar:focus-visible{outline:2px solid #1d1d1f;outline-offset:2px}
.g-ms{position:absolute;width:16px;height:16px;transform:rotate(45deg);background:#1d1d1f;border:0;padding:0;cursor:pointer}.g-ms.is-external{background:#fff;border:2px solid #1d1d1f}.g-ms.is-uncertain{background:#fff;border:2px dashed #86868b}.g-ms.is-critical{box-shadow:0 0 0 2px #c4001a}.g-ms.is-moved{outline:2px dashed #0071e3;outline-offset:3px}.g-ms.is-selected{box-shadow:0 0 0 3px #0071e3}.g-ms:focus-visible{outline:2px solid #0071e3;outline-offset:3px}
.g-base{position:absolute;height:3px;border-radius:2px;background:#86868b;opacity:.55;pointer-events:none}.g-today{position:absolute;top:0;bottom:0;width:2px;background:#0071e3;opacity:.6;pointer-events:none}
.activity-panel{margin-top:14px}.activity-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.activity-facts>div{background:#f5f5f7;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:2px}.activity-facts small{font-size:11px;color:#86868b}.activity-facts strong{font-size:13px}.activity-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dep-list li{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid #f0f0f2;font-size:13px}.dep-list li span{flex:1}.dep-list small{color:#86868b;font-size:11px}.dep-list .icon-btn .i{width:12px}
.activity-form{border-top:1px solid #f0f0f2;margin-top:12px;padding-top:4px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.form-grid .wide{grid-column:1/-1}.form-grid label,.activity-form>label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#3a3a3c}.form-grid input,.form-grid select,.activity-form select,.assign-row select,.assign-row input{border:1px solid #d2d2d7;border-radius:8px;padding:7px 9px;font-size:13px;background:#fff}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.form-actions small{font-size:11px}
.assign-list{display:flex;flex-direction:column;gap:6px}.assign-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 30px;gap:8px;align-items:center}
.check{display:flex !important;flex-direction:row !important;align-items:center;gap:7px;font-size:12px;color:#3a3a3c}.check-list{border:0;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:6px}.check-list legend{font-size:12px;color:#3a3a3c;margin-bottom:6px}.check-list.inline{flex-direction:row;flex-wrap:wrap;gap:12px}
.load-wrap{overflow-x:auto}.load-table{border-collapse:separate;border-spacing:3px;font-size:12px}.load-table th{font-weight:500;color:#6e6e73;text-align:left;padding:4px 8px;white-space:nowrap}.load-table td{background:#f5f5f7;border-radius:6px;text-align:center;padding:6px 6px;min-width:52px;color:#1d1d1f}.load-table td small{color:#86868b;font-size:10px}.load-table td.is-full{background:#e3eefc}.load-table td.is-over{background:#fdecea;color:#8a0012;font-weight:600}
.conflict{border:1px solid #f3c4ca;background:#fffafa;border-radius:12px;padding:12px;margin-bottom:10px}.conflict strong{font-size:13px}.suggestions li{font-size:12px;padding:5px 0 5px 16px;position:relative}.suggestions li::before{content:'';position:absolute;left:3px;top:11px;width:6px;height:6px;border-radius:50%;background:#0071e3}
.work-table{width:100%;border-collapse:collapse;font-size:12px}.work-table th{text-align:left;font-weight:500;color:#86868b;padding:8px;border-bottom:1px solid #e5e5ea}.work-table td{padding:8px;border-bottom:1px solid #f0f0f2;vertical-align:top}.work-table td strong{display:block}.work-table td small{color:#86868b}
.doc-links li{display:flex;flex-direction:column;padding:10px 0;border-top:1px solid #f0f0f2}.doc-links li:first-child{border-top:0}.doc-links a{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:600;color:#0071e3}.doc-links a .i{width:15px}.doc-links small{font-size:11px;color:#86868b;margin-left:23px}
.timeline-list li{display:flex;flex-direction:column;padding:8px 0 8px 14px;border-left:2px solid #e5e5ea;margin-left:4px}.timeline-list li small{font-size:11px;color:#86868b}.timeline-list li span{font-size:13px}.timeline-list li.is-deviation{border-left-color:#c4001a}
.absence{display:inline-flex;align-items:center;gap:3px;font-size:11px;background:#f5f5f7;border-radius:6px;padding:2px 6px;margin:2px}.absence .icon-btn{height:16px;width:16px}.absence .i{width:10px}
@media (max-width:1100px){.project-list .project-row{grid-template-columns:70px minmax(0,1fr) 130px 120px 14px}.project-phase,.project-state{display:none}.project-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.project-list .project-row{grid-template-columns:minmax(0,1fr) 14px;gap:6px}.project-list .project-row>span:not(.project-main):not(.project-id):not(.project-progress){display:none}.project-id{grid-column:1}.project-strip{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.gantt{grid-template-columns:130px minmax(0,1fr)}.activity-cols{grid-template-columns:1fr}.pt-head,.pt-row{grid-template-columns:110px minmax(420px,1fr)}.heading-actions{width:100%}.draft-bar input{min-width:0}.scenario-row{grid-template-columns:1fr}}
.search-field input,.search-field input:focus{border:0 !important;box-shadow:none !important;background:transparent !important;padding-left:0}
/* Fråga AI: an attachment compared with the inquiry */
.attach-btn{display:inline-flex;align-items:center;gap:4px;border:1px solid #dfe5f0;background:#fff;border-radius:7px;padding:3px 8px;font-size:11px;color:#0071e3;margin-right:6px;cursor:pointer}.attach-btn .i{width:12px;height:12px}.chat-attachment{margin:2px 0 6px}.attach-chip{display:inline-flex;align-items:center;gap:6px;background:#f2f2f7;border-radius:8px;padding:4px 6px 4px 9px;font-size:12px;color:#1d1d1f;max-width:100%}.attach-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-chip small{color:#86868b;font-size:11px;white-space:nowrap}.attach-chip .i{width:13px}.attach-chip .icon-btn{height:20px;width:20px}
.attachment-facts p{margin:6px 0;font-size:12px}.cmp-candidates{list-style:none;padding:0;margin:4px 0 8px;font-size:12px}.cmp-candidates li{padding:3px 0}.cmp-candidates small{color:#86868b;display:block}.cmp-group{margin:6px 0}.cmp-group strong{font-size:12px}.cmp-group ul{margin:3px 0 0 16px;padding:0;font-size:12px}.attachment-facts .btn{margin-top:8px}
/* Lagar och regler */
.legal-actions{display:flex;gap:10px;align-items:center;margin:8px 0 12px;flex-wrap:wrap}.work-table td small{display:block}
.legal-findings{list-style:none;padding:0;margin:8px 0}.legal-findings>li{border:1px solid #e5e5ea;border-radius:12px;padding:12px 14px;margin-bottom:8px;background:#fff}.legal-findings>li.is-missing{background:#f9f9fb}.legal-findings>li.is-reviewed{opacity:.75}.legal-findings p{font-size:13px;margin:6px 0}.lf-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lf-head strong{font-size:13px}
.legal-cite{margin:6px 0;font-size:12px}.legal-cite summary{cursor:pointer;color:#0071e3}.legal-cite summary small{color:#86868b}.legal-cite .doc-text{white-space:pre-line;background:#f5f5f7;border-radius:8px;padding:10px;font-size:12px;max-height:240px;overflow:auto}.legal-review{margin-top:8px}.legal-review select,.legal-review input{border:1px solid #d2d2d7;border-radius:8px;padding:6px 8px;font-size:12px}
.level-proposal{border:1px solid #cfe0fb;background:#f5f9ff;border-radius:12px;padding:12px;margin-bottom:12px}.level-proposal strong{font-size:13px}
.suggest-list{list-style:none;padding:0;margin:8px 0}.suggest-list li{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:10px 0;border-top:1px solid #f0f0f2}.suggest-list li:first-child{border-top:0}.suggest-list strong{font-size:13px;display:block}.suggest-list small{font-size:11px;color:#86868b}.history-suggest{margin:10px 0}
.conformance li{font-size:12px;padding:3px 0}.conformance small{color:#86868b}
/* 2026-10-27: tydligare djup på alla behållare och mörkare text i Fråga AI */
:root{--container-shadow:0 1px 2px rgba(0,0,0,.06),0 6px 18px rgba(0,0,0,.08),0 18px 40px rgba(0,0,0,.05)}
.surface,.kpi-card,.kpi,.project-list,.project-strip,.portfolio-timeline,.gantt,.conn-card,.paper,.chat-history-row,.legal-findings>li,.conflict,.level-proposal,.server-facts,.assistant-proposal,.composer-box,.chat-chip,.empty-explain,.activity-facts>div,.flow-steps li{box-shadow:var(--container-shadow) !important}
.chat-dock{box-shadow:-18px 0 50px rgba(0,0,0,.16) !important}
.chat-dock,.chat-dock .dock-header h2,.chat-dock .message-text,.chat-dock .chat-message.assistant .message-text,.chat-dock .chat-message.user .message-text,.chat-dock .chat-intro,.chat-dock .chat-intro h3,.chat-dock .chat-intro p,.chat-dock .chat-chip,.chat-dock .dock-context,.chat-dock .composer-box textarea,.chat-dock .server-facts,.chat-dock .server-facts p,.chat-dock .cmp-group,.chat-dock .assistant-proposal p,.chat-dock .chat-history-row strong,.chat-dock .chat-tabs [role=tab]{color:#1d1d1f !important}
.chat-dock .message-label,.chat-dock .dock-header .sub,.chat-dock .composer-tools span,.chat-dock .chat-footer,.chat-dock .chat-history-row span,.chat-dock .chat-history-note,.chat-dock .cmp-candidates small,.chat-dock .attach-chip small{color:#3a3a3c !important}
.chat-dock .composer-box textarea::placeholder{color:#6e6e73}
.chat-dock .chat-tabs [role=tab][aria-selected=true]{color:#0071e3 !important}
.chat-dock .source-link{color:#0060c7}
/* 2026-10-27: Fråga AI – bredare panel och större, tydligare text i svaren */
@media(min-width:1101px){body.chat-open{--dock:min(660px,46vw)}}
.chat-dock .chat-message.assistant .message-text{font-size:15px !important;line-height:1.7 !important;font-weight:400;letter-spacing:0;-webkit-font-smoothing:antialiased}
.chat-dock .chat-message.user .message-text{font-size:14.5px !important;line-height:1.6 !important;background:#eef3fb !important}
.chat-dock .message-label{font-size:12.5px !important}.chat-dock .chat-body{padding:20px 24px}.chat-dock .chat-message.user{margin-left:60px}
.chat-dock .server-facts,.chat-dock .server-facts p,.chat-dock .cmp-group ul,.chat-dock .cmp-candidates{font-size:13.5px !important;line-height:1.6}
.chat-dock .source-link{font-size:12.5px}.chat-dock .composer-box textarea{font-size:14.5px !important;line-height:1.6}
.chat-dock .chat-intro h3{font-size:15px !important}.chat-dock .chat-intro p,.chat-dock .chat-chip{font-size:13.5px !important}
/* Mjuka övergångar i hela applikationen: varje sida, flik och panel tonar in i stället för att klippas fram */
@keyframes soft-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes soft-fade{from{opacity:0}to{opacity:1}}
.soft-enter{animation:soft-in .32s cubic-bezier(.22,.61,.36,1) both}
.activity-panel,.level-proposal,.history-suggest,dialog[open],.toast{animation:soft-fade .28s ease both}
.dock:not([hidden]){animation:dock-soft .34s cubic-bezier(.22,.61,.36,1) both}
@keyframes dock-soft{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
body.panel-open .page,body .page{transition:margin-right .34s cubic-bezier(.22,.61,.36,1)}.topbar{transition:right .34s cubic-bezier(.22,.61,.36,1)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}
/* Så fungerar det: processen grafiskt */
.process-flow{display:flex;gap:8px;align-items:stretch;overflow-x:auto;padding:6px 2px 14px}.pf-phase{flex:1 1 0;min-width:200px;background:#fff;border:1px solid #e5e5ea;border-radius:16px;padding:14px;box-shadow:var(--container-shadow)}.pf-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pf-head strong{font-size:15px;color:#1d1d1f}.pf-num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px}
.pf-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pf-step{display:flex;gap:10px;align-items:flex-start;background:#f9f9fb;border-radius:12px;padding:10px}.pf-step .conn-tile{flex-shrink:0;width:32px;height:32px;border-radius:9px}.pf-step strong{font-size:13px;color:#1d1d1f;display:block}.pf-step p{font-size:12px;color:#3a3a3c;margin:3px 0 6px;line-height:1.5}
.pf-tags{display:flex;gap:5px;flex-wrap:wrap}.pf-who,.pf-gate{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;border-radius:6px;padding:2px 7px;font-weight:600}.pf-who.ai{background:#f2effb;color:#5e4b9c}.pf-who.person{background:#e8f1fd;color:#0b58b8}.pf-gate{background:#fdecea;color:#a3001a}.pf-gate .i{width:11px;height:11px}
.pf-arrow{display:flex;align-items:center;color:#aeaeb2;flex:0 0 auto}.pf-arrow .i{width:18px;height:18px}.pf-legend{font-size:12px;color:#3a3a3c;display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}
.pf-num.c-blue{background:#0071e3}.pf-num.c-indigo{background:#5856d6}.pf-num.c-purple{background:#af52de}.pf-num.c-pink{background:#ff2d55}.pf-num.c-teal{background:#30b0c7}
@media(max-width:900px){.process-flow{flex-direction:column}.pf-arrow{transform:rotate(90deg);justify-content:center}}
/* Från krav till beslut (påhaspel): one chain of eight steps in Teknik & beredning – Apple neutrals, system blue, one
   row per step with who decides; the open step shows its evidence, gaps and the one action. No orange. */
.chain{padding:0;overflow:hidden}
.chain-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px 12px;border-bottom:1px solid #e5e5ea}
.chain-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:#1d1d1f}.chain-head h2 .i{width:16px;height:16px;color:#0071e3}
.chain-head p{margin:4px 0 0;font-size:12px}
.chain-next{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:12.5px;color:#3a3a3c}.chain-next.waiting{color:#6e6e73}
.chain-steps{list-style:none;margin:0;padding:0}
.chain-step{border-bottom:1px solid #e5e5ea}.chain-step:last-child{border-bottom:0}
.chain-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto minmax(120px,190px) 16px;align-items:center;gap:12px;width:100%;min-height:56px;padding:9px 18px;background:#fff;border:0;text-align:left;color:#1d1d1f}
.chain-row:hover{background:#f9f9fb}.chain-row:focus-visible{outline:2px solid #0071e3;outline-offset:-2px}
.chain-row>.i{width:14px;height:14px;color:#aeaeb2;transition:transform .2s}.chain-row[aria-expanded=true]>.i{transform:rotate(90deg)}
.chain-num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;background:#f2f2f7;color:#3a3a3c;border:1px solid #d2d2d7}
.chain-num .i{width:14px;height:14px}
.chain-step[data-state=done] .chain-num{background:#eaf6ec;color:#2f6b3a;border-color:#cfe8d4}
.chain-step[data-state=blocked] .chain-num,.chain-step[data-state=stale] .chain-num{background:#fff;color:#c4001a;border-color:#f3b8bf}
.chain-step[data-state=na] .chain-row{color:#8e8e93}
.chain-title{display:flex;flex-direction:column;min-width:0}.chain-title strong{font-size:13px;font-weight:600}
.chain-title small{font-size:12px;color:#6e6e73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chain-state{font-size:11.5px;font-weight:600;color:#3a3a3c;background:#f2f2f7;border-radius:6px;padding:2px 8px;white-space:nowrap}
.chain-step[data-state=done] .chain-state{background:#eaf6ec;color:#2f6b3a}.chain-step[data-state=blocked] .chain-state,.chain-step[data-state=stale] .chain-state{background:#fdecea;color:#c4001a}
.chain-owner{font-size:12px;color:#6e6e73;text-align:right}
.chain-body{padding:4px 18px 16px 58px;font-size:12.5px;color:#1d1d1f}.chain-body p{margin:6px 0}
.chain-table{margin:8px 0}.chain-table td,.chain-table th{vertical-align:top}
.chain-ai{background:#faf9fe;border:1px solid #ebe7f7;border-radius:12px;padding:10px 12px;margin:6px 0 10px}
.chain-label{font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chain-label .pill .i{width:12px;height:12px}
.chain-refs li{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:3px 0}
.chain-gap{background:#f5f5f7;border-radius:12px;padding:10px 12px;margin:6px 0}
.chain-mod-line{border:1px solid #e5e5ea;border-radius:12px;padding:10px 12px;margin:8px 0}
.chain-mod-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chain-mod-head strong:first-child{flex:1 1 auto}
.chain-drivers li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:4px 0;border-top:1px solid #f2f2f7}
.chain-sums{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:8px 0}
.chain-sums div{background:#f5f5f7;border-radius:10px;padding:8px 10px}.chain-sums dt{font-size:11.5px;color:#6e6e73}.chain-sums dd{margin:2px 0 0;font-weight:600;font-size:13px}
.chain-sums .total{background:#e8f1fd}.chain-sums .total dd{color:#0b58b8}
.chain-gates{list-style:none;margin:6px 0;padding:0}.chain-gates li{display:flex;gap:8px;align-items:flex-start;padding:4px 0}.chain-gates .i{width:14px;height:14px;color:#6e6e73;flex-shrink:0;margin-top:2px}
.chain-actions{margin-top:10px}
.chain-editor{border:1px solid #d2d2d7;border-radius:14px;padding:14px;margin:12px 0;background:#fff}
.chain-editor h3{margin:0;font-size:14px}.chain-editor h4{margin:8px 0 0;font-size:13px}
.chain-mod{border:1px solid #e5e5ea;border-radius:12px;padding:10px 12px;margin:0}.chain-mod legend{font-weight:600;padding:0 4px;font-size:12.5px}
.chain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 12px;align-items:end}
.chain-grid label,.chain-short{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#3a3a3c}.chain-short{max-width:200px}
.chain-editor input,.chain-editor select{min-height:32px;width:100%}
.chain-pair{display:flex;gap:6px}.chain-pair input:first-child{flex:2}.chain-pair input:last-child{flex:1;min-width:56px}
.chain-error{margin:0}.chain-legend{padding:10px 18px;margin:0;border-top:1px solid #e5e5ea;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.chain-body{overflow-x:auto}.chain-table td{overflow-wrap:anywhere}
@media(max-width:900px){.chain-head{flex-direction:column}.chain-next{flex-wrap:wrap}.chain-row{grid-template-columns:28px minmax(0,1fr) auto 16px;padding:9px 14px}.chain-owner{display:none}.chain-body{padding:4px 14px 14px}.chain-pair{flex-direction:column}}
/* Start page (signed out): Apple layer – neutral grays, system blue, one clear action. */
body:not(.signed-in) .page{margin-left:0;padding:0}
body:not(.signed-in) .page-inner{max-width:none}
.start{min-height:100vh;display:flex;flex-direction:column;color:#1d1d1f;background:radial-gradient(1100px 600px at 85% -10%,#e8f1ff 0,rgba(232,241,255,0) 60%),linear-gradient(#fff,#f5f5f7 70%)}
.start[hidden]{display:none}
.start-top{display:flex;align-items:center;justify-content:space-between;max-width:1180px;width:100%;margin:0 auto;padding:28px 32px}
.start-brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:650;letter-spacing:-.2px}
.start-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#1d1d1f;color:#fff;font-size:15px;font-weight:700}
.start-by{font-size:13px;color:#6e6e73}
.start-grid{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,420px);gap:72px;align-items:center;max-width:1180px;width:100%;margin:0 auto;padding:24px 32px 56px}
.start-kicker{font-size:14px;font-weight:600;color:#0071e3;margin-bottom:14px}
.start-title{font-size:clamp(38px,5.2vw,64px);line-height:1.04;font-weight:700;letter-spacing:-.035em;color:#1d1d1f}
.start-lead{font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:#424245;max-width:34em;margin-top:22px}
.start-steps{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:18px;max-width:36em}
.start-steps li{display:flex;gap:16px;align-items:flex-start}
.start-steps strong{display:block;font-size:16px;font-weight:650;color:#1d1d1f}
.start-steps li>span:last-child>span{display:block;font-size:15px;line-height:1.55;color:#6e6e73;margin-top:2px}
.start-n{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d2d2d7;font-size:13px;font-weight:650;color:#1d1d1f}
.start-trust{list-style:none;padding:0;margin:40px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;color:#6e6e73}
.start-trust li{display:inline-flex;align-items:center;gap:8px}
.start-trust li:before{content:'';width:6px;height:6px;border-radius:50%;background:#34c759}
.start-card{background:rgba(255,255,255,.86);backdrop-filter:blur(20px);border:1px solid #e5e5ea;border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);padding:40px 36px}
.start-card h2{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#1d1d1f;margin:0}
.start-intro{font-size:16px;line-height:1.5;color:#424245;margin-top:10px}
.start-card .start-btn{width:100%;min-height:50px;margin-top:28px;font-size:16px;font-weight:600;gap:12px}
.start-help{font-size:13px;line-height:1.55;color:#6e6e73;margin-top:18px}
.start-card #loginError:empty{display:none}
.start-card #loginError{margin-top:16px;font-size:14px;color:#d70015}
.ms-logo{display:grid;grid-template-columns:8px 8px;gap:2px}.ms-logo i{width:8px;height:8px;background:#fff;opacity:.95}
.setup-steps{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:20px}
.setup-steps li{display:flex;gap:14px;align-items:flex-start;font-size:15px;color:#1d1d1f;line-height:1.5}
.setup-steps li>span:last-child{flex:1;min-width:0}
.setup-link{display:block;margin-top:4px;font-size:15px;font-weight:600;color:#0071e3;word-break:break-all}
.setup-code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:14px 16px;border-radius:14px;background:#f5f5f7;border:1px solid #e5e5ea}
.setup-code strong{font:700 26px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#1d1d1f}
.setup-code .text-btn{font-size:14px;color:#0071e3}
.setup-status{font-size:14px;color:#6e6e73;margin-top:20px}
.setup-status:empty{display:none}
.start-foot{display:flex;justify-content:space-between;max-width:1180px;width:100%;margin:0 auto;padding:22px 32px 28px;font-size:12px;color:#86868b;border-top:1px solid #e5e5ea}
@media(max-width:900px){.start-grid{grid-template-columns:1fr;gap:40px;padding:8px 20px 40px}.start-card{order:-1}.start-top,.start-foot{padding-left:20px;padding-right:20px}.start-steps,.start-trust{margin-top:28px}.start-card{padding:30px 24px}}
/* Start page, alive: a slow aurora (blue, violet, teal – never orange), a gradient headline and a looping example of
   the AI preparing a request. Everything stops for prefers-reduced-motion. */
.start{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(#fbfbfd,#f5f5f7)}
.start>*:not(.start-aurora){position:relative;z-index:1}
.start-aurora{position:absolute;inset:-20% -10% auto -10%;height:120%;z-index:0;pointer-events:none;filter:blur(70px);opacity:.75}
.start-aurora i{position:absolute;border-radius:50%;mix-blend-mode:multiply}
.start-aurora i:nth-child(1){width:46vw;height:46vw;left:48%;top:-8%;background:radial-gradient(circle,#9ec5ff 0,rgba(158,197,255,0) 68%);animation:aurora1 22s ease-in-out infinite alternate}
.start-aurora i:nth-child(2){width:38vw;height:38vw;left:68%;top:22%;background:radial-gradient(circle,#c9b6ff 0,rgba(201,182,255,0) 68%);animation:aurora2 26s ease-in-out infinite alternate}
.start-aurora i:nth-child(3){width:34vw;height:34vw;left:-6%;top:48%;background:radial-gradient(circle,#a8ecdf 0,rgba(168,236,223,0) 68%);animation:aurora3 30s ease-in-out infinite alternate}
@keyframes aurora1{to{transform:translate(-12vw,8vh) scale(1.15)}}
@keyframes aurora2{to{transform:translate(-8vw,-10vh) scale(.9)}}
@keyframes aurora3{to{transform:translate(14vw,-6vh) scale(1.2)}}
.start-kicker{display:inline-flex;align-items:center;gap:10px;color:#3a3a8c;background:rgba(255,255,255,.7);border:1px solid rgba(110,120,255,.18);border-radius:980px;padding:6px 14px 6px 6px;backdrop-filter:blur(10px)}
.start-orb{width:22px;height:22px;border-radius:50%;background:conic-gradient(from 0deg,#0071e3,#7a5cff,#00b8a9,#0071e3);animation:orbspin 6s linear infinite;box-shadow:0 0 14px rgba(122,92,255,.45)}
@keyframes orbspin{to{transform:rotate(360deg)}}
.start-gradient{background:linear-gradient(90deg,#0071e3 0%,#7a5cff 45%,#00a6a0 90%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 9s ease-in-out infinite alternate}
@keyframes shine{to{background-position:100% 0}}
.start-demo{margin:36px 0 0;max-width:540px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 20px 50px rgba(40,50,120,.12),0 1px 3px rgba(0,0,0,.05);overflow:hidden}
.demo-head{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid #ececf1;font-size:13px;color:#1d1d1f}
.demo-dot{width:9px;height:9px;border-radius:50%;background:#e1e1e6}
.demo-title{margin-left:8px;font-weight:600}
.demo-tag{margin-left:auto;font-size:11px;color:#6e6e73;background:#f2f2f5;border-radius:6px;padding:2px 7px}
.demo-rows{list-style:none;margin:0;padding:8px 8px 4px}
.demo-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;font-size:14px;color:#424245;opacity:0;transform:translateY(6px);animation:demoIn 12s ease infinite}
.demo-row strong{display:block;font-size:13px;color:#1d1d1f}
.demo-row>span:nth-child(2){flex:1;min-width:0;line-height:1.4}
.demo-row.r2{animation-delay:1.2s}.demo-row.r3{animation-delay:2.4s}.demo-row.r4{animation-delay:3.6s}
@keyframes demoIn{0%{opacity:0;transform:translateY(6px)}6%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-4px)}}
.demo-ic{width:30px;height:30px;border-radius:9px;flex-shrink:0}
.ic-blue{background:linear-gradient(140deg,#4da3ff,#0071e3)}.ic-violet{background:linear-gradient(140deg,#a58bff,#6a4cff)}
.ic-teal{background:linear-gradient(140deg,#4fd9c6,#00a39a)}.ic-ink{background:linear-gradient(140deg,#5b5b66,#1d1d1f)}
.demo-ok{color:#28a745;font-weight:700}
.demo-wait{font-size:12px;font-weight:600;color:#0071e3;background:#e8f1fd;border-radius:980px;padding:3px 9px;white-space:nowrap}
.demo-bar{height:3px;background:#efeff4}
.demo-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0071e3,#7a5cff,#00b8a9);animation:demoBar 12s ease infinite}
@keyframes demoBar{0%{width:0}40%,85%{width:100%}100%{width:100%;opacity:0}}
.start-card{position:relative;background:rgba(255,255,255,.82)}
.start-card:before{content:'';position:absolute;inset:-1px;border-radius:23px;padding:1px;background:linear-gradient(135deg,rgba(0,113,227,.55),rgba(122,92,255,.45),rgba(0,184,169,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.start-card .start-btn{background:linear-gradient(100deg,#0071e3,#4f5bff);border:0;box-shadow:0 8px 22px rgba(0,113,227,.28);transition:transform .15s ease,box-shadow .15s ease}
.start-card .start-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,113,227,.35);background:linear-gradient(100deg,#0077ed,#5a66ff)}
@media(prefers-reduced-motion:reduce){.start-aurora i,.start-orb,.start-gradient,.demo-bar span{animation:none}.demo-row{animation:none;opacity:1;transform:none}.demo-bar span{width:100%}}
@media(max-width:900px){.start-demo{margin-top:28px}.demo-row{font-size:13px}}
/* Onboarding inside the start card: steps, company form, welcome. */
.onb-steps{list-style:none;display:flex;gap:6px;padding:0;margin:0 0 22px;counter-reset:onb}
.onb-steps li{flex:1;counter-increment:onb;font-size:12px;font-weight:600;color:#86868b;padding-top:10px;border-top:3px solid #e5e5ea}
.onb-steps li:before{content:counter(onb) '  '}
.onb-steps li.current{color:#0071e3;border-top-color:#0071e3}
.onb-steps li.done{color:#1d1d1f;border-top-color:#34c759}
.onb-steps li.done:before{content:'✓  '}
.start-or{margin-top:22px;padding-top:20px;border-top:1px solid #ececf1;display:flex;flex-direction:column;gap:10px}
.start-or>span{font-size:14px;color:#6e6e73}
.start-btn-secondary{width:100%;min-height:46px;font-size:15px;font-weight:600;border-radius:980px;color:#0071e3;border-color:#c7dcf7;background:#fff}
.start-btn-secondary:hover{background:#f0f6ff;border-color:#0071e3}
.onb-form{display:grid;gap:14px}
.onb-form h2{margin-bottom:-4px}
.onb-form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#1d1d1f}
.onb-form input,.onb-form select{font-size:15px;font-weight:400;padding:11px 12px;border:1px solid #d2d2d7;border-radius:11px;background:#fff;min-width:0}
.onb-form input:focus,.onb-form select:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 4px rgba(0,113,227,.15)}
.onb-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.onb-check{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:10px!important;font-weight:400!important;font-size:13px!important;color:#424245!important;line-height:1.5}
.onb-check input{margin-top:3px;width:18px;height:18px;flex-shrink:0}
.onb-error{font-size:14px;color:#d70015}.onb-error:empty{display:none}
.onb-form .start-btn{margin-top:6px}
.onb-done-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:28px;color:#fff;background:linear-gradient(140deg,#34c759,#00a39a);box-shadow:0 10px 24px rgba(52,199,89,.35);margin-bottom:18px}
@media(max-width:520px){.onb-two{grid-template-columns:1fr}}
.onb-form label{margin:0;gap:7px}
.onb-form label>input:not([type=checkbox]),.onb-form label>select{margin:0;width:100%;min-height:46px;font-size:15px;font-weight:400;color:#1d1d1f}
.onb-form{gap:16px}
.onb-back{justify-self:center;font-size:13px;margin-top:2px}
/* ===== Offert homepage (signed out): navigation, hero, product, how it works, security, plans; sign-in in a window.
   Own palette – deep night blue, electric indigo and cyan, white sections. Never orange. ===== */
.site{--ink:#0b1020;--night:#070b1a;--indigo:#5b5bf7;--cyan:#22c3ee;--violet:#a65bf7;--text:#1c2033;--soft:#5d6478;--line:#e7e9f2;
 min-height:100vh;background:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Arial,sans-serif;scroll-behavior:smooth}
.site[hidden]{display:none}
.site a{color:inherit;text-decoration:none}
.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:14px max(24px,calc((100% - 1180px)/2));background:rgba(7,11,26,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.site-brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.2px;color:#fff!important}
.site-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--indigo),var(--cyan));font-size:15px;font-weight:800}
.site-links{display:flex;gap:26px;margin-left:12px;font-size:14px;color:rgba(255,255,255,.72)}
.site-links a:hover{color:#fff}
.site-actions{margin-left:auto;display:flex;gap:10px}
.site-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border-radius:980px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.site-btn.primary{background:linear-gradient(100deg,var(--indigo),#7a5cff 55%,var(--cyan));color:#fff;box-shadow:0 8px 24px rgba(91,91,247,.35)}
.site-btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(91,91,247,.45)}
.site-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.22)}
.site-btn.ghost:hover{background:rgba(255,255,255,.08)}
.site-btn.outline{background:#fff;color:var(--ink);border-color:#d5d8e6}
.site-btn.outline:hover{border-color:var(--indigo);color:var(--indigo)}
.site-btn.large{min-height:52px;padding:0 26px;font-size:16px}
.site-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(1200px 600px at 80% -20%,#1b1f5e 0,transparent 60%),var(--night);color:#fff;padding:88px max(24px,calc((100% - 1180px)/2)) 110px}
.site-hero-glow{position:absolute;inset:0;z-index:-1;filter:blur(80px);opacity:.7;pointer-events:none}
.site-hero-glow i{position:absolute;border-radius:50%}
.site-hero-glow i:nth-child(1){width:520px;height:520px;right:-80px;top:-120px;background:#5b5bf7;animation:aurora1 20s ease-in-out infinite alternate}
.site-hero-glow i:nth-child(2){width:420px;height:420px;right:220px;bottom:-200px;background:#22c3ee;opacity:.6;animation:aurora2 24s ease-in-out infinite alternate}
.site-hero-glow i:nth-child(3){width:380px;height:380px;left:-160px;top:120px;background:#a65bf7;opacity:.45;animation:aurora3 28s ease-in-out infinite alternate}
.site-hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.site-pill{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#c9ceff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:980px;padding:6px 14px 6px 6px}
.site-orb{width:22px;height:22px;border-radius:50%;background:conic-gradient(from 0deg,#5b5bf7,#a65bf7,#22c3ee,#5b5bf7);animation:orbspin 6s linear infinite;box-shadow:0 0 16px rgba(91,91,247,.7)}
.site-title{font-size:clamp(38px,5vw,62px);line-height:1.05;font-weight:800;letter-spacing:-.035em;margin:22px 0 0;color:#fff}
.site-grad{background:linear-gradient(90deg,#8f8cff,#c08bff 45%,#5fe0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:rgba(255,255,255,.74);margin-top:22px;max-width:36em}
.site-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.site-hero .site-btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.site-hero .site-btn.outline:hover{background:rgba(255,255,255,.08);color:#fff}
.site-checks{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;color:rgba(255,255,255,.7)}
.site-checks li:before{content:'✓';color:#5fe0ff;font-weight:700;margin-right:8px}
.site-demo{margin:0;max-width:none;background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.12)}
.site-section{padding:96px max(24px,calc((100% - 1180px)/2))}
.site-section.alt{background:#f6f7fb}
.site-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,var(--indigo),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.site-h2{font-size:clamp(30px,3.4vw,44px);line-height:1.12;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin-top:10px;max-width:20em}
.site-sub{font-size:18px;line-height:1.6;color:var(--soft);margin-top:14px;max-width:38em}
.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}
.site-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.site-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(28,32,80,.1);border-color:#d8dbf5}
.site-card h3,.site-flow h3{font-size:18px;font-weight:700;color:var(--ink);margin:18px 0 8px}
.site-card p,.site-flow p{font-size:15px;line-height:1.6;color:var(--soft)}
.site-ic{display:block;width:44px;height:44px;border-radius:13px}
.site-ic.c1{background:linear-gradient(135deg,#5b5bf7,#8f8cff)}.site-ic.c2{background:linear-gradient(135deg,#a65bf7,#d48cff)}
.site-ic.c3{background:linear-gradient(135deg,#22c3ee,#6ee7ff)}.site-ic.c4{background:linear-gradient(135deg,#10b981,#5eead4)}
.site-ic.c5{background:linear-gradient(135deg,#3b82f6,#22c3ee)}.site-ic.c6{background:linear-gradient(135deg,#0b1020,#4b5170)}
.site-flow{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:f}
.site-flow li{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}
.site-step{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700}
.site-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.site-sec{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.site-sec li{display:grid;gap:4px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;border-left:4px solid var(--indigo)}
.site-sec strong{font-size:16px;color:var(--ink)}
.site-sec span{font-size:15px;line-height:1.55;color:var(--soft)}
.site-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;align-items:stretch}
.site-plan{position:relative;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px}
.site-plan h3{font-size:22px;font-weight:800;color:var(--ink)}
.site-plan p{font-size:15px;line-height:1.6;color:var(--soft);flex:1}
.site-plan.featured{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,var(--indigo),var(--violet),var(--cyan)) border-box;box-shadow:0 20px 50px rgba(91,91,247,.18)}
.site-badge{position:absolute;top:-12px;left:30px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--indigo),var(--cyan));padding:4px 10px;border-radius:980px}
.site-final{text-align:center;padding:96px 24px;background:radial-gradient(800px 400px at 50% 0,#1b1f5e 0,transparent 70%),var(--night);color:#fff}
.site-final h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.03em}
.site-final p{font-size:18px;color:rgba(255,255,255,.72);margin:14px auto 30px;max-width:34em}
.site-foot{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;padding:26px max(24px,calc((100% - 1180px)/2));font-size:13px;color:#8a8fa3;background:var(--night);border-top:1px solid rgba(255,255,255,.08)}
.site-foot a:hover{color:#fff}
/* The sign-in / registration window */
.auth-sheet{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px}
.auth-sheet[hidden]{display:none}
.auth-backdrop{position:absolute;inset:0;background:rgba(7,11,26,.62);backdrop-filter:blur(6px)}
.auth-panel{position:relative;width:min(460px,100%);max-height:calc(100dvh - 48px);overflow:auto;border-radius:24px}
.auth-panel .start-card{background:#fff;margin:0}
.auth-close{position:absolute;top:12px;right:14px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:#f1f2f7;color:#3b3f55;font-size:22px;line-height:1;cursor:pointer}
.auth-close:hover{background:#e4e6f0}
body.auth-open{overflow:hidden}
@media(max-width:980px){.site-links{display:none}.site-hero-inner,.site-split{grid-template-columns:1fr;gap:44px}.site-grid,.site-plans{grid-template-columns:1fr 1fr}.site-flow{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.site-nav{gap:12px;padding:12px 16px}.site-actions{gap:6px}.site-actions .site-btn{min-height:36px;padding:0 13px;font-size:13px}.site-hero{padding:56px 16px 72px}.site-section{padding:64px 16px}.site-grid,.site-plans,.site-flow{grid-template-columns:1fr}.auth-sheet{padding:10px;align-items:end}.auth-panel{max-height:calc(100dvh - 20px)}}
@media(prefers-reduced-motion:reduce){.site-hero-glow i,.site-orb{animation:none}.site{scroll-behavior:auto}}
/* The sign-in / registration window: a compact dialog, wide enough that the company's details fit in few rows. */
.auth-panel{width:min(600px,100%)}
.auth-panel .start-card{padding:28px 32px 24px}
.auth-panel .start-card h2{font-size:22px}
.auth-panel .start-intro{font-size:14px;margin-top:6px}
.auth-panel .start-help{font-size:12px;margin-top:14px}
.auth-panel .start-card .start-btn{min-height:42px;margin-top:18px;font-size:15px}
.auth-panel .onb-steps{margin-bottom:18px}
.auth-panel .onb-form{gap:12px}
.auth-panel .onb-form h2{margin-bottom:-6px}
.auth-panel .onb-form label{font-size:12px;gap:5px}
.auth-panel .onb-form label>input:not([type=checkbox]),.auth-panel .onb-form label>select{min-height:38px;padding:8px 11px;font-size:14px;border-radius:9px}
.auth-panel .onb-check{font-size:12.5px!important}
.auth-panel .onb-form .start-btn{margin-top:4px}
.onb-three{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:12px}
@media(max-width:620px){.auth-panel .start-card{padding:24px 18px 20px}.onb-three{grid-template-columns:1fr 1fr}.onb-three label:last-child{grid-column:1/-1}}
.auth-panel .onb-steps{padding-right:44px}
/* Homepage: why Offert */
.why-table{margin-top:44px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.why-row{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:24px;padding:18px 26px;border-top:1px solid var(--line);font-size:15px;line-height:1.55;color:var(--soft)}
.why-row span:last-child{color:var(--ink);font-weight:600}
.why-head{border-top:0;background:#f6f7fb;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7090}
.why-head span:last-child{color:var(--indigo);font-weight:700}
.why-is{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.why-col{border-radius:20px;padding:26px 28px;border:1px solid var(--line);background:#fff}
.why-col h3{font-size:18px;font-weight:800;color:var(--ink);margin-bottom:12px}
.why-col ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.why-col li{position:relative;padding-left:26px;font-size:15px;line-height:1.55;color:var(--soft)}
.why-col li:before{position:absolute;left:0;top:0;font-weight:800}
.why-col.yes li:before{content:'✓';color:#16a37f}
.why-col.no li:before{content:'–';color:#9a9db3}
.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px}
.role-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px}
.role-grid h3{font-size:16px;font-weight:800;color:var(--ink)}
.role-grid p{font-size:14px;line-height:1.55;color:var(--soft);flex:1}
.role-grid strong{font-size:13px;color:var(--indigo)}
.aut-levels{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.aut-levels li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px}
.aut-levels li>span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--indigo),var(--violet))}
.aut-levels li:nth-child(1)>span{background:#c9cce0;color:#3b3f55}.aut-levels li:nth-child(2)>span{background:linear-gradient(135deg,#22c3ee,#5b5bf7)}
.aut-levels strong{font-size:16px;color:var(--ink)}
.aut-levels p{font-size:14px;line-height:1.55;color:var(--soft);margin-top:4px}
.calc{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:44px}
.calc-in{display:grid;gap:10px}
.calc-in div{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px;font-size:15px;color:var(--soft)}
.calc-in strong{font-size:20px;color:var(--ink)}
.calc-out{border-radius:20px;padding:26px 28px;color:#fff;background:radial-gradient(500px 260px at 0 0,rgba(34,195,238,.35),transparent 70%),linear-gradient(135deg,#1b1f5e,#3b2a7a)}
.calc-out span{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.calc-out strong{display:block;font-size:40px;font-weight:800;letter-spacing:-.02em;margin:6px 0 10px}
.calc-out p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.78)}
.site-flow.phases{margin-top:28px}
@media(max-width:980px){.role-grid{grid-template-columns:1fr 1fr}.calc{grid-template-columns:1fr}}
@media(max-width:620px){.why-row{grid-template-columns:1fr;gap:6px;padding:16px 18px}.why-head{display:none}.why-row span:first-child{font-weight:600;color:var(--ink)}.why-row span:last-child{color:var(--indigo)}.why-is,.role-grid{grid-template-columns:1fr}}
/* Abonnemang in the registration */
.plan-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plan-pick.two{grid-template-columns:1fr 1fr}
.plan-opt{position:relative;display:block!important;cursor:pointer}
.plan-opt input{position:absolute;opacity:0;pointer-events:none}
.plan-opt>span{display:flex;flex-direction:column;gap:4px;height:100%;padding:12px 14px;border:1px solid #d2d2d7;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.plan-opt strong{font-size:14px;color:#1d1d1f}
.plan-opt em{font-style:normal;font-size:12px;font-weight:400;color:#6e6e73;line-height:1.4}
.plan-opt input:checked+span{border-color:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.15)}
.plan-opt input:focus-visible+span{outline:2px solid #0071e3;outline-offset:2px}
.plan-opt input:disabled+span{opacity:.5;cursor:not-allowed}
.plan-label{font-size:12px;font-weight:600;color:#1d1d1f;margin:2px 0 6px}
#onbPay{display:flex!important;flex-direction:column;gap:10px;grid-template-columns:none!important}#onbPay[hidden]{display:none!important}
#onbPay .plan-label{margin:0}
#onbPay>.onb-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.plan-pick{grid-template-columns:1fr}}
/* Ert konto and the platform console */
body.acct-open{background:#f5f6fa}
.acct{min-height:100vh;background:#f5f6fa}
.acct-head{display:flex;align-items:center;gap:12px;padding:14px max(16px,calc((100% - 1040px)/2));background:#fff;border-bottom:1px solid #e5e5ea}
.acct-head strong{font-size:17px;color:#1d1d1f}
.acct-company{color:#6e6e73;font-size:14px;flex:1}
.acct-body{max-width:1040px;margin:0 auto;padding:28px 16px 64px;display:grid;gap:16px}
.acct-body h1{font-size:26px;font-weight:800;letter-spacing:-.02em;color:#1d1d1f;margin:8px 0 0}
.acct-card{background:#fff;border:1px solid #e5e5ea;border-radius:16px;padding:20px 22px}
.acct-card h2{font-size:17px;font-weight:700;color:#1d1d1f;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.acct-card p{font-size:14px;line-height:1.55;color:#424245;margin:0 0 10px}
.acct-dl{display:grid;grid-template-columns:200px 1fr;gap:8px 16px;margin:0 0 14px;font-size:14px}
.acct-dl dt{color:#6e6e73}.acct-dl dd{margin:0;color:#1d1d1f}
.acct-pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}
.acct-pill.ok{background:#e3f6ea;color:#1a7f3c}.acct-pill.wait{background:#eaf2fd;color:#0058b0}.acct-pill.stop{background:#f2f2f5;color:#6e6e73}
.acct-note{background:#f5f6fa;border-radius:10px;padding:10px 12px}
.acct-error{color:#d70015;font-size:14px}.acct-error:empty{display:none}
.acct-count{font-size:12px;font-weight:700;background:#f2f2f5;color:#424245;border-radius:999px;padding:1px 8px}
#platformConsole{display:grid;gap:16px}#platformConsole[hidden]{display:none}
.pf-list{list-style:none;margin:0;padding:0}
.pf-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid #f0f0f3}
.pf-list li:first-child{border-top:0}
.pf-list strong{display:block;font-size:14px;color:#1d1d1f}.pf-list small{font-size:12px;color:#6e6e73}
.pf-actions{display:flex;gap:8px;flex-shrink:0}
.pf-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 14px}
.pf-plans div{display:grid;gap:2px;background:#f5f6fa;border-radius:12px;padding:12px 14px}
.pf-plans small{font-size:12px;color:#6e6e73}.pf-plans b{font-size:16px;color:#1d1d1f}
.pf-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;align-items:end;margin-bottom:12px}
.pf-form label{display:grid;gap:5px;font-size:12px;font-weight:600;color:#1d1d1f}
.pf-form input,.pf-form select{min-height:36px;padding:7px 10px;font-size:14px;border:1px solid #d2d2d7;border-radius:9px;background:#fff}
.pf-code{background:#eef7f1;border:1px solid #bfe5cc;border-radius:12px;padding:12px 14px;margin-bottom:12px;display:grid;gap:6px}
.pf-code code{font-size:18px;font-weight:700;letter-spacing:.06em;color:#1d1d1f;user-select:all}
@media(max-width:720px){.acct-dl{grid-template-columns:1fr;gap:2px}.acct-dl dd{margin-bottom:8px}.pf-form,.pf-plans{grid-template-columns:1fr}.pf-list li{flex-direction:column;align-items:flex-start}}
.acct-head .site-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:15px;font-weight:800;background:linear-gradient(135deg,#5b5bf7,#22c3ee)}
.start-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.start-opt{display:grid;gap:6px;text-align:left;padding:16px 18px;border:1px solid #d2d2d7;border-radius:14px;background:#fff;cursor:pointer;font:inherit;transition:border-color .15s,box-shadow .15s}
.start-opt:hover{border-color:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.12)}
.start-opt:disabled{opacity:.6;cursor:wait}
.start-opt strong{font-size:15px;color:#1d1d1f}.start-opt span{font-size:13px;line-height:1.5;color:#6e6e73}
@media(max-width:720px){.start-pick{grid-template-columns:1fr}}