:root{--paper: oklch(97.5% .008 85);--paper-2: oklch(95.5% .012 85);--ticket: oklch(99.2% .004 85);--ink: oklch(24% .03 280);--ink-2: oklch(42% .025 280);--ink-3: oklch(58% .02 280);--line: oklch(88% .012 280);--line-soft: oklch(92.5% .01 85);--indigo: oklch(50% .21 285);--indigo-hover: oklch(44% .21 285);--indigo-deep: oklch(30% .09 285);--indigo-deeper: oklch(24% .07 285);--indigo-tint: oklch(94% .04 285);--on-indigo: oklch(96% .02 285);--on-indigo-2: oklch(80% .05 285);--on-indigo-3: oklch(66% .06 285);--ok: oklch(50% .15 150);--ok-tint: oklch(95% .04 150);--no: oklch(55% .19 28);--no-tint: oklch(95.5% .035 28);--amber: oklch(62% .14 75);--amber-tint: oklch(96% .05 90);--shadow: 0 1px 2px oklch(24% .03 280 / .06), 0 8px 24px oklch(24% .03 280 / .06);--shadow-lift: 0 2px 4px oklch(24% .03 280 / .08), 0 16px 40px oklch(24% .03 280 / .1);--r: 12px;--r-sm: 8px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-quart: cubic-bezier(.25, 1, .5, 1);--font-display: "Bricolage Grotesque", "Schibsted Grotesk", system-ui, sans-serif;--font-ui: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-0: 12.5px;--fs-1: 13.5px;--fs-2: 15px;--fs-3: 18px;--fs-4: 22px;--fs-5: 28px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-2);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--indigo);text-decoration:none}h1,h2,h3{margin:0;line-height:1.15;font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.01em}h1{font-size:var(--fs-5);font-weight:700}h2{font-size:var(--fs-4);font-weight:650}h3{font-size:var(--fs-3);font-weight:600}p{margin:0 0 8px}.muted{color:var(--ink-3)}.small{font-size:var(--fs-1)}.pre{white-space:pre-wrap}.mono{font-family:var(--font-mono);font-size:var(--fs-0)}.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--ticket);color:var(--ink);padding:8px 14px;border-radius:var(--r-sm);font:inherit;font-size:var(--fs-1);font-weight:600;line-height:1.2;cursor:pointer;transition:background .16s var(--ease-quart),border-color .16s var(--ease-quart),transform .12s var(--ease-quart),box-shadow .16s}.btn:hover{background:var(--paper-2);border-color:#bbbdcb}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{background:var(--indigo);border-color:var(--indigo);color:var(--on-indigo)}.btn-primary:hover{background:var(--indigo-hover);border-color:var(--indigo-hover)}.btn-ok{background:var(--ok);border-color:var(--ok);color:#f4faf5}.btn-ok:hover{background:#00642b;background:oklch(44% .15 150);border-color:#00642b;border-color:oklch(44% .15 150)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn-ghost:hover{background:#e3e4ed;border-color:transparent}.btn-sm{padding:5px 10px;font-size:var(--fs-0)}.btn-lg{padding:11px 18px;font-size:var(--fs-2)}.seg{display:inline-flex;background:#dfe0eb;border-radius:999px;padding:3px;gap:2px}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-2);font:inherit;font-size:var(--fs-0);font-weight:700;padding:5px 12px;border-radius:999px;cursor:pointer;transition:background .18s var(--ease-quart),color .18s}.seg button[aria-pressed=true]{background:var(--ticket);color:var(--ink);box-shadow:0 1px 2px #1c1e2d1f}.seg button:focus-visible{outline:2px solid var(--indigo);outline-offset:1px}.pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1.6;letter-spacing:.02em;background:#e3e4ed;color:var(--ink-2);white-space:nowrap}.pill-ok{background:var(--ok-tint);color:var(--ok)}.pill-no{background:var(--no-tint);color:var(--no)}.pill-amber{background:var(--amber-tint);color:#7e5400;color:oklch(48% .13 75)}.pill-indigo{background:var(--indigo-tint);color:var(--indigo)}.kbd{display:inline-block;font-family:var(--font-mono);font-size:11px;line-height:1.4;padding:0 6px;border-radius:5px;border:1px solid oklch(100% 0 0 / .18);background:#ffffff14;color:var(--on-indigo-2)}label{display:block;font-size:var(--fs-1);font-weight:600;color:var(--ink-2)}label>input,label>textarea,label>select{display:block;width:100%;margin-top:5px;font-weight:400;color:var(--ink)}input,textarea,select{border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 11px;background:var(--ticket);font:inherit;font-size:var(--fs-2);color:var(--ink);transition:border-color .16s,box-shadow .16s}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-tint)}input:disabled,textarea:disabled{background:var(--paper-2);color:var(--ink-3)}textarea{min-height:84px;resize:vertical;line-height:1.45}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line-soft);vertical-align:top}th{font-size:11.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.card{background:var(--ticket);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px}.stack>*+*{margin-top:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error{color:var(--no);background:var(--no-tint);padding:9px 12px;border-radius:var(--r-sm);font-size:var(--fs-1)}.notice{color:var(--indigo);background:var(--indigo-tint);padding:9px 12px;border-radius:var(--r-sm);font-size:var(--fs-1)}.spinner{width:15px;height:15px;border:2px solid var(--indigo-tint);border-top-color:var(--indigo);border-radius:50%;animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.brand b{color:var(--indigo);font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--indigo);color:var(--on-indigo);font-size:16px;font-weight:700}.brand.on-dark,.brand.on-dark b{color:var(--on-indigo)}.brand.on-dark .brand-mark{background:#ffffff24}.page{max-width:1080px;margin:0 auto;padding:28px 24px 72px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--indigo-deep)}.login{width:360px;display:grid;gap:16px;padding:28px}.login .lead{font-size:var(--fs-1);color:var(--ink-2)}.sample-row{background:var(--indigo-tint)}.demo{height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr) 452px;grid-template-rows:66px minmax(0,1fr);background:var(--paper)}.rail{grid-row:1 / -1;grid-column:1;background:var(--indigo-deep);color:var(--on-indigo);display:flex;flex-direction:column;min-height:0}.rail-top{padding:18px 20px 12px}.rail-body{flex:1;overflow:auto;padding:8px 14px 14px}.rail-foot{padding:12px 20px 16px;font-size:var(--fs-0);color:var(--on-indigo-3);border-top:1px solid oklch(100% 0 0 / .08)}.rail .eyebrow{color:var(--on-indigo-3);padding:8px 6px 6px}.scene-btn{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 12px;margin-bottom:6px;border:1px solid transparent;background:#ffffff0d;color:var(--on-indigo);border-radius:10px;cursor:pointer;font:inherit;transition:background .16s var(--ease-quart),border-color .16s,transform .12s var(--ease-quart)}.scene-btn:hover{background:#ffffff1a;border-color:#ffffff1f}.scene-btn:active{transform:scale(.99)}.scene-btn:focus-visible{outline:2px solid var(--on-indigo);outline-offset:2px}.scene-btn.is-fired{background:#ffffff05;color:var(--on-indigo-2)}.scene-num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#ffffff1f;font-family:var(--font-display);font-weight:700;font-size:14px}.scene-btn.is-fired .scene-num{background:transparent;border:1px solid oklch(100% 0 0 / .18)}.scene-btn .t{display:block;font-weight:650;font-size:var(--fs-1);line-height:1.25}.scene-btn .k{display:block;font-size:var(--fs-0);color:var(--on-indigo-3);margin-top:2px}.try{margin:18px 6px 0}.try textarea{width:100%;min-height:92px;background:#ffffff0f;border-color:#ffffff24;color:var(--on-indigo);font-size:var(--fs-1)}.try textarea::placeholder{color:var(--on-indigo-3)}.try textarea:focus{border-color:#ffffff80;box-shadow:none;background:#ffffff17}.try .btn-primary{background:var(--on-indigo);border-color:var(--on-indigo);color:var(--indigo-deep)}.try .btn-primary:hover{background:#fff}.rail .spinner{border-color:#fff3;border-top-color:var(--on-indigo)}.demo-head{grid-row:1;grid-column:2 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;background:var(--ticket);border-bottom:1px solid var(--line)}.demo-head .biz{font-family:var(--font-display);font-size:var(--fs-4);font-weight:700;letter-spacing:-.015em}.demo-head .sub{font-size:var(--fs-0);color:var(--ink-3);margin-left:10px}.ledger{font-family:var(--font-mono);font-size:var(--fs-0);color:var(--ink-2);display:inline-flex;gap:0;padding:6px 12px;border-radius:999px;background:var(--paper-2);white-space:nowrap}.ledger>span+span:before{content:"·";margin:0 9px;color:var(--ink-3)}.ledger b{color:var(--ink);font-weight:500}.ledger .tick{display:inline-block;animation:tick .35s var(--ease-out)}@keyframes tick{0%{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}.stage{grid-row:2;grid-column:2;overflow:auto;padding:22px 26px 60px;min-width:0}.stage-empty{max-width:46ch;margin:12vh auto 0;text-align:left}.stage-empty h2{margin-bottom:8px}.stage-empty p{color:var(--ink-2)}.office{grid-row:2;grid-column:3;background:var(--paper-2);border-left:1px solid var(--line);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0;overflow:hidden}.office .tab-body{overflow:auto;padding:14px 18px 40px}.ticket{position:relative;background:var(--ticket);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden;animation:ticket-in .32s var(--ease-out) both}@keyframes ticket-in{0%{opacity:0;transform:translateY(-10px) scale(.99)}to{opacity:1;transform:none}}.ticket.is-done{box-shadow:var(--shadow)}.t-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 20px 0}.t-kind{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo)}.t-from{font-size:var(--fs-0);color:var(--ink-3)}.t-body{padding:8px 20px 16px;border-bottom:1px dashed var(--line)}.t-subj{font-weight:700;font-size:var(--fs-3);font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:4px}.t-text{font-size:var(--fs-2);color:var(--ink);white-space:pre-wrap;max-width:68ch}.t-assess{padding:14px 20px 18px}.t-assess .eyebrow{margin-bottom:8px}.checklist{list-style:none;margin:0 0 6px;padding:0}.check-line{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-1);color:var(--ink-2);padding:4px 0}.check-line .ck{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);display:inline-grid;place-items:center;font-size:11px;color:var(--ok);flex:none;margin-top:1px}.check-line.is-live{opacity:0;animation:line-in .4s var(--ease-out) forwards}.check-line.is-live .ck{border-color:var(--ok);background:var(--ok-tint)}.check-line.is-live .ck:after{content:"✓";animation:pop .3s var(--ease-out) both;animation-delay:inherit}.check-line.is-set .ck{border-color:var(--ok);background:var(--ok-tint)}.check-line.is-set .ck:after{content:"✓"}@keyframes line-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.4)}to{transform:none}}.checking-label{display:flex;align-items:center;gap:10px;font-size:var(--fs-1);font-weight:600;color:var(--indigo);margin-bottom:6px}.t-assess{position:relative}.t-assess .checklist{padding-right:190px}.stamp{position:absolute;top:10px;right:22px;font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border:3px solid currentColor;border-radius:6px;transform:rotate(-6deg);mix-blend-mode:multiply;animation:stamp .34s var(--ease-out) both;pointer-events:none}.stamp-ok{color:var(--ok)}.stamp-no{color:var(--no)}@keyframes stamp{0%{opacity:0;transform:rotate(-6deg) scale(1.9)}60%{opacity:1;transform:rotate(-6deg) scale(.96)}to{opacity:.92;transform:rotate(-6deg) scale(1)}}.actions{margin-top:10px;display:grid;gap:8px}.action{border:1px solid var(--line);border-radius:10px;background:var(--ticket);padding:11px 14px;animation:action-in .3s var(--ease-out) both}.action:nth-child(2){animation-delay:60ms}.action:nth-child(3){animation-delay:.12s}.action:nth-child(4){animation-delay:.18s}@keyframes action-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.action.is-approved{border-color:#99cda3;background:#f5fdf6}.action.is-rejected{opacity:.5}.a-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.a-title{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:var(--fs-1)}.a-glyph{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--indigo-tint);color:var(--indigo);font-size:12px}.a-body{font-size:var(--fs-1);color:var(--ink-2);white-space:pre-wrap;max-width:70ch;line-height:1.5}.a-body .meta{color:var(--ink-3);font-size:var(--fs-0);margin-bottom:3px}.a-actions{display:flex;gap:6px;margin-top:10px}.a-done{margin-top:8px;font-family:var(--font-mono);font-size:11.5px;color:var(--ok)}.caret{display:inline-block;width:2px;height:1em;background:var(--indigo);vertical-align:-2px;margin-left:1px;animation:blink .9s steps(2) infinite}@keyframes blink{50%{opacity:0}}.flag-box{margin-top:10px;border:1px solid oklch(85% .08 28);background:var(--no-tint);border-radius:10px;padding:12px 14px}.flag-box .f-reason{font-weight:700;margin-bottom:4px}.flag-box .f-next{margin-top:6px;font-size:var(--fs-1);color:var(--ink-2)}.tray{margin-bottom:18px}.tray-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1px solid oklch(85% .08 28);background:var(--no-tint);border-radius:10px;padding:12px 14px;margin-top:8px;animation:action-in .3s var(--ease-out) both}.tray-item .f-mark{font-family:var(--font-display);font-weight:800;font-size:11px;letter-spacing:.08em;color:var(--no);border:2px solid var(--no);border-radius:5px;padding:2px 6px;transform:rotate(-4deg);margin-top:2px}.tabs{display:flex;gap:0;padding:10px 8px 0;background:var(--ticket);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;min-width:0}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:8px 8px 10px;font:inherit;font-weight:650;font-size:var(--fs-0);color:var(--ink-2);border-radius:6px 6px 0 0;cursor:pointer;white-space:nowrap;flex:none}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--indigo)}.tab[aria-selected=true]:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--indigo);border-radius:2px}.tab .badge{display:inline-block;margin-left:4px;min-width:17px;padding:0 4px;border-radius:999px;background:#e3e4ed;color:var(--ink-2);font-size:10.5px;text-align:center;line-height:1.6}.tab[aria-selected=true] .badge{background:var(--indigo-tint);color:var(--indigo)}.tab.flash{animation:flash 1.2s var(--ease-out)}@keyframes flash{0%{background:var(--indigo-tint)}to{background:transparent}}.tab:focus-visible{outline:2px solid var(--indigo);outline-offset:-2px}.office .eyebrow{margin:4px 0 8px}.list-row{padding:10px 0;border-bottom:1px solid var(--line-soft)}.list-row.is-new{animation:glow 1.6s var(--ease-out)}@keyframes glow{0%{background:var(--indigo-tint);box-shadow:0 0 0 6px var(--indigo-tint)}to{background:transparent;box-shadow:none}}.r-title{font-weight:650;font-size:var(--fs-1)}.r-sub{font-size:var(--fs-0);color:var(--ink-3);margin-top:1px}.mail-body{font-size:var(--fs-0);color:var(--ink-2);white-space:pre-wrap;margin-top:5px;max-width:60ch}.empty{font-size:var(--fs-1);color:var(--ink-3);padding:6px 0 10px}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal .day{background:var(--ticket);border:1px solid var(--line-soft);border-radius:8px;min-height:190px;padding:6px}.cal .day.is-today{border-color:var(--indigo)}.cal .day.is-closed{background:transparent;border-style:dashed}.cal .d-head{font-size:10.5px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.cal .d-head b{display:block;font-family:var(--font-display);font-size:16px;color:var(--ink);letter-spacing:0}.cal .day.is-today .d-head b{color:var(--indigo)}.cal .evt{background:var(--indigo-tint);color:var(--indigo);border-radius:6px;padding:4px 6px;font-size:11px;margin-bottom:4px;line-height:1.25}.cal .evt.is-new{background:var(--ok-tint);color:var(--ok);animation:glow 1.6s var(--ease-out)}.cal .evt b{display:block;font-family:var(--font-mono);font-weight:500;font-size:10.5px}.brain dl{display:grid;grid-template-columns:120px 1fr;gap:8px 14px;margin:0}.brain dt{color:var(--ink-3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding-top:3px}.brain dd{margin:0;font-size:var(--fs-1)}.hours-grid{display:grid;grid-template-columns:60px 1fr 1fr auto;gap:6px 10px;align-items:center}.svc-row{display:grid;grid-template-columns:1fr 2fr 1fr auto;gap:8px;align-items:end;margin-bottom:8px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:10px;box-shadow:var(--shadow-lift);display:flex;gap:12px;align-items:center;z-index:10;font-size:var(--fs-1);animation:action-in .25s var(--ease-out)}.toast .btn{background:transparent;color:var(--paper);border-color:#ffffff4d}@media(max-width:1180px){.demo{grid-template-columns:260px minmax(0,1fr) 380px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.check-line.is-live{opacity:1}}
