@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Inter:wght@300;400;500&display=swap");:root{--bg:#EDEAE3;--surface:#F4F2EC;--surface-2:#E6E3DB;--surface-3:#DCD8CC;--b900:#19293A;--b700:#234055;--b500:#345D7B;--b400:#4A7B9A;--b200:#7EA3BB;--b100:#B0C9D8;--ink:#111111;--ink-2:#524F49;--ink-3:#767268;--line:#D9D5C9;--on-blue:#F4F2EC;--red:#A03B2E;--red-deep:#8A2B2B;--red-soft:rgba(160,59,46,.08);--red-line:rgba(160,59,46,.35);--green:#2F6B52;--green-soft:rgba(47,107,82,.10);--green-line:rgba(47,107,82,.35);--amber:#8A5A17;--amber-soft:rgba(138,90,23,.10);--blue-soft:rgba(52,93,123,.07);--blue-line:rgba(52,93,123,.30);--display:"Cormorant Garamond",serif;--body:"Inter",system-ui,sans-serif;--sidebar-w:220px;--pad:clamp(1.25rem,3vw,2rem)}*,:after,:before{box-sizing:border-box}body,html{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--b500);text-underline-offset:.18em}:focus-visible{outline:2px solid var(--b400);outline-offset:2px}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40;overflow-y:auto}.sidebar-logo{padding:1.6rem 1.4rem 1.2rem;border-bottom:1px solid var(--line)}.sidebar-logo .wordmark{font-family:var(--display);font-size:1.3rem;font-weight:300;letter-spacing:-.01em;color:var(--ink);text-decoration:none;display:block}.sidebar-logo .wordmark em{color:var(--b500);font-style:italic}.sidebar-logo .tagline{font-size:.68rem;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;margin-top:.2rem}.sidebar-nav{padding:1rem .6rem;flex:1 1;display:flex;flex-direction:column;gap:.15rem}.sidebar-nav a{display:flex;align-items:center;gap:.65rem;padding:.6rem .8rem;font-size:.83rem;font-weight:400;color:var(--ink-2);text-decoration:none;letter-spacing:.01em;border-radius:0;transition:color .15s ease,background .15s ease}.sidebar-nav a:hover{color:var(--ink);background:var(--surface-2)}.sidebar-nav a.active{color:var(--b700);background:var(--surface-3);font-weight:500}.sidebar-nav a{position:relative}.sidebar-nav .nav-icon{width:1rem;height:1rem;opacity:.6;flex-shrink:0}.sidebar-nav a.active .nav-icon{opacity:1;color:var(--b500)}.sidebar-nav a:hover .nav-icon{opacity:.9}.nav-badge{margin-left:auto;background:var(--b500);color:var(--on-blue);font-size:.6rem;font-weight:500;padding:.1rem .38rem;min-width:1.2rem;text-align:center;line-height:1.5;letter-spacing:0}.sidebar-divider{height:1px;background:var(--line);margin:.6rem .8rem}.sidebar-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);padding:.4rem .8rem .2rem;font-weight:400}.sidebar-footer{padding:1rem .6rem;border-top:1px solid var(--line)}.sidebar-footer .who{font-size:.73rem;color:var(--ink-3);padding:0 .8rem .5rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-area{margin-left:var(--sidebar-w);flex:1 1;min-width:0;display:flex;flex-direction:column}header.page{padding:clamp(1.6rem,4vw,2.6rem) var(--pad) .6rem;border-bottom:1px solid var(--line)}.eye{font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:var(--b500);font-weight:400;margin:0 0 .5rem}h1{font-family:var(--display);font-weight:300;letter-spacing:-.02em;line-height:1;font-size:clamp(1.9rem,4vw,2.8rem);margin:0 0 .3rem}h1 em{color:var(--b500);font-style:italic}h2{font-family:var(--display);font-weight:300;letter-spacing:-.02em;font-size:clamp(1.3rem,2.5vw,1.7rem);line-height:1.05;margin:0 0 .8rem}h2 em{color:var(--b500);font-style:italic}h3{font-family:var(--body);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;margin:0 0 .7rem}.lede,h3{color:var(--ink-2)}.lede{max-width:60ch;margin:0;font-size:.9rem;line-height:1.65}.shell{padding:var(--pad) var(--pad) 6rem;max-width:1100px}.stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:1px;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.stat-cell{background:var(--bg);padding:1.2rem var(--pad)}.stat-cell .stat-num{font-family:var(--body);font-size:1.9rem;font-weight:300;line-height:1.2;color:var(--ink);letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-cell .stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-top:.35rem}.stat-cell .stat-sub{font-size:.78rem;color:var(--b500);margin-top:.15rem}.btn{font-family:var(--body);font-size:.8rem;font-weight:400;letter-spacing:.02em;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink-2);border-radius:0;padding:.5rem 1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn:hover{color:var(--ink);border-color:var(--ink-3);background:var(--surface-2)}.btn:disabled{opacity:.4;cursor:default}.btn-fill{background:var(--b500);color:var(--on-blue);border-color:var(--b500)}.btn-fill:hover{background:var(--b700);border-color:var(--b700);color:var(--on-blue)}.btn-sm{font-size:.74rem;padding:.38rem .8rem}.btn-ghost{border-color:transparent;color:var(--ink-3);background:transparent}.btn-ghost:hover{color:var(--ink-2);background:var(--surface-2);border-color:transparent}.rows{border-top:1px solid var(--line);margin-top:.5rem}.row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);transition:background .12s ease}.row:hover{background:var(--surface);margin:0 calc(-1 * var(--pad));padding-left:var(--pad);padding-right:var(--pad)}.row-main{min-width:0}.row-title{font-size:.95rem;color:var(--ink);margin:0 0 .2rem;font-weight:400}.row-title a{color:var(--ink);text-decoration:none}.row-title a:hover{color:var(--b500)}.row-meta{font-size:.8rem;color:var(--ink-3)}.row-actions{flex:0 0 auto;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.empty{font-size:.9rem;color:var(--ink-2);padding:2rem 0 .4rem;margin:0}.empty-state{padding:2rem 0 1.5rem}.empty-state .empty{padding:0 0 .35rem}.empty-sub{font-size:.82rem;color:var(--ink-3);margin:0 0 1rem}.empty-actions{display:flex;gap:.6rem;flex-wrap:wrap}.empty-large{text-align:center;padding:4rem 0;color:var(--ink-3);font-size:.9rem}.badge{display:inline-block;font-size:.7rem;letter-spacing:.04em;border:1px solid var(--line);padding:.12rem .45rem;color:var(--ink-2);background:var(--surface-2)}.badge.health{font-size:.95rem;border:0;background:transparent;padding:0}.tag{display:inline-block;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--b500);border:1px solid var(--blue-line);padding:.1rem .4rem;background:var(--blue-soft)}.prio-hoog{color:var(--red);border-color:var(--red-line);background:var(--red-soft)}.prio-midden{color:var(--b500);border-color:var(--blue-line);background:var(--blue-soft)}.prio-laag{color:var(--ink-2);border-color:var(--line);background:transparent}.meter{width:6rem;height:3px;background:var(--surface-3);position:relative}.meter>span{position:absolute;inset:0 auto 0 0;background:var(--b400)}table{width:100%;border-collapse:collapse;font-size:.85rem}td,th{text-align:left;padding:.65rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}tr:hover td{background:var(--surface)}td a{color:var(--ink);text-decoration:none}td a:hover{color:var(--b500)}.ai-out{white-space:pre-wrap;font-family:var(--body);font-size:.86rem;line-height:1.65;background:var(--blue-soft);border:1px solid var(--blue-line);padding:.9rem 1rem;color:var(--ink-2);margin:.7rem 0 0}.ai-meta{font-size:.72rem;color:var(--ink-3);margin:.4rem 0 0}.warn{font-size:.8rem;color:var(--red-deep);background:var(--red-soft);border:1px solid var(--red-line);padding:.55rem .8rem;margin:.7rem 0 0}label.field{display:block;margin:0 0 .9rem}label.field>span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin:0 0 .35rem}input,select,textarea{width:100%;font-family:var(--body);font-size:.92rem;font-weight:300;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:0;padding:.65rem .8rem}textarea{min-height:10rem;resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--b500);background:var(--surface)}input::placeholder,textarea::placeholder{color:var(--ink-3)}.section{margin-top:2rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.8rem;border-bottom:1px solid var(--line);padding-bottom:.5rem}.section-head h3{margin:0}.stappen{margin:1rem 0 .5rem}.stappen-track{display:flex;align-items:flex-start;overflow-x:auto;padding-bottom:.3rem}.stap{display:flex;flex-direction:column;align-items:center;flex:1 1;min-width:48px;position:relative}.stap:not(:last-child):after{content:"";position:absolute;top:4px;left:50%;width:100%;height:1px;background:var(--line)}.stap.done:not(:last-child):after{background:var(--b500)}.stap.active:not(:last-child):after{background:var(--b700)}.stap-dot{width:9px;height:9px;background:var(--surface-3);border:1px solid var(--line);position:relative;z-index:1;flex-shrink:0}.stap.done .stap-dot{background:var(--b500);border-color:var(--b500)}.stap.active .stap-dot{background:var(--b200);border-color:var(--b200);box-shadow:0 0 0 3px rgba(123,163,187,.2)}.stap-naam{font-size:.62rem;text-align:center;color:var(--ink-3);margin-top:.3rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px}.stap.done .stap-naam{color:var(--b400)}.stap.active .stap-naam{color:var(--b500)}.proj-card{background:var(--surface);border:1px solid var(--line);padding:1.2rem;margin-bottom:1rem}.proj-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.7rem}.proj-naam{font-size:.95rem;color:var(--ink);font-weight:400;margin:0 0 .2rem}.proj-pct{font-size:1.3rem;font-weight:300;color:var(--b400);line-height:1}.meter-wide{width:100%;height:2px;background:var(--surface-3);position:relative;margin-bottom:.8rem}.meter-wide>span{position:absolute;inset:0 auto 0 0;background:var(--b400)}.task-list{margin:.8rem 0 0;display:flex;flex-direction:column;gap:0}.task-item{display:flex;align-items:center;gap:.6rem;font-size:.83rem;color:var(--ink-2);padding:.35rem 0;border-bottom:1px solid var(--line)}.task-item:last-child{border-bottom:0}.task-dot{width:8px;height:8px;background:var(--surface-3);border:1px solid var(--line);flex-shrink:0}.task-dot.done{background:var(--b500);border-color:var(--b500)}.task-dot.active{background:var(--b200);border-color:var(--b200)}.task-titel{flex:1 1;min-width:0}.comm-timeline{display:flex;flex-direction:column}.comm-item{display:grid;grid-template-columns:14px 1fr;grid-column-gap:.9rem;column-gap:.9rem;padding-bottom:1.4rem;position:relative}.comm-item:before{content:"";position:absolute;top:10px;left:4px;width:1px;bottom:0;background:var(--line)}.comm-item:last-child:before{display:none}.comm-dot{position:relative;top:4px;width:9px;height:9px;background:var(--b500);border:1px solid var(--b400);flex-shrink:0;z-index:1;grid-column:1;align-self:start}.comm-body{grid-column:2}.comm-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.35rem}.comm-date{font-size:.74rem;color:var(--ink-3);flex-shrink:0}.comm-tags{display:flex;gap:.3rem;flex-wrap:wrap}.comm-text{font-size:.875rem;color:var(--ink-2);line-height:1.55;margin:0}.comm-followup{font-size:.74rem;color:var(--b500);margin:.3rem 0 0}.fin-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.fin-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin:0 0 .6rem}.fin-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--ink-2);padding:.4rem 0;border-bottom:1px solid var(--line)}.kd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:1rem;gap:1rem}.kd-card{background:var(--surface);border:1px solid var(--line);padding:.9rem 1rem}.kd-naam{font-size:.88rem;color:var(--ink);font-weight:400;margin:0 0 .35rem}.kd-val{font-size:.82rem;color:var(--ink-2);margin:0;line-height:1.5}.kd-val a{color:var(--b500);text-decoration:none}.kd-val a:hover{color:var(--b700)}.ai-panel{background:var(--surface);border:1px solid var(--line);padding:1rem 1.1rem}.ai-panel-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--b500);margin:0 0 .6rem;font-weight:400}.kit-frame-wrap{height:calc(100vh - 52px);overflow:hidden}.kit-frame-wrap iframe{width:100%;height:100%;border:0}.topbar{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:center;grid-gap:1.4rem;gap:1.4rem;padding:clamp(1.4rem,3.5vw,2.2rem) var(--pad) 1.1rem;border-bottom:1px solid var(--line)}.greet{min-width:0}.greet h1{font-size:clamp(1.5rem,3vw,2.1rem);margin:0;line-height:1}.greet .greet-date{text-transform:uppercase;letter-spacing:.16em;margin:.45rem 0 0}.greet .greet-date,.kbd-hint{font-size:.72rem;color:var(--ink-3)}.kbd-hint{white-space:nowrap;display:flex;align-items:center;gap:.4rem}.kbd{font-family:var(--body);font-size:.68rem;border:1px solid var(--line);padding:.1rem .4rem;color:var(--ink-2);background:var(--surface-2)}.cmdbar{min-width:0}.cmdbar-input{display:flex;align-items:center;gap:.6rem;border:1px solid var(--line);background:var(--surface-2);padding:.15rem .15rem .15rem .85rem}.cmdbar-input:focus-within{border-color:var(--b500);background:var(--surface-3)}.cmdbar-spark{color:var(--b500);flex-shrink:0;font-size:.9rem;line-height:1}.cmdbar-input input{border:0;background:transparent;padding:.5rem 0;flex:1 1;font-size:.86rem;color:var(--ink)}.cmdbar-input input:focus{outline:none;background:transparent}.cmdbar-send{flex-shrink:0}.cmdbar-chips{display:flex;gap:.4rem;margin-top:.55rem;flex-wrap:wrap}.chip{font-size:.72rem;color:var(--ink-2);text-decoration:none;border:1px solid var(--line);background:transparent;padding:.22rem .6rem;cursor:pointer;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.chip:hover{color:var(--ink);border-color:var(--ink-3)}.cmdbar-note{font-size:.7rem;color:var(--ink-3);margin:.5rem 0 0}.kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1px;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.kpi{background:var(--bg);padding:1.1rem var(--pad);text-decoration:none;display:block;transition:background .12s ease}a.kpi:hover{background:var(--surface)}.kpi-num{font-family:var(--body);font-size:1.7rem;font-weight:300;line-height:1.2;color:var(--ink);letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-num.attn{color:var(--red)}.kpi-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-top:.35rem}.kpi-foot{font-size:.72rem;color:var(--ink-2);margin-top:.4rem;display:flex;align-items:center;gap:.4rem;min-height:1rem}.dot{width:7px;height:7px;flex-shrink:0;display:inline-block}.dot-ok{background:var(--green)}.dot-warn{background:var(--red)}.dot-idle{background:var(--ink-3)}.cockpit{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:0;gap:0;align-items:start}.cockpit-main{border-right:1px solid var(--line)}.cockpit-main,.cockpit-side{padding:var(--pad) var(--pad) 6rem;min-width:0}.cockpit-side{display:flex;flex-direction:column;gap:1.8rem}.feed-group{margin-bottom:1.6rem}.feed-group-head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.3rem;padding-bottom:.4rem}.feed-group-head h3{margin:0;font-size:.7rem;letter-spacing:.14em}.feed-group-head .gcount{font-size:.68rem;color:var(--ink-2);background:var(--surface-2);padding:.05rem .4rem;min-width:1.1rem;text-align:center}.feed-group-head .ghead-ico{width:14px;height:14px;flex-shrink:0;position:relative;top:2px}.feed-group-head.tone-red .ghead-ico,.feed-group-head.tone-red h3{color:var(--red)}.feed-group-head.tone-amber .ghead-ico,.feed-group-head.tone-amber h3{color:var(--amber)}.feed-group-head.tone-blue .ghead-ico,.feed-group-head.tone-blue h3{color:var(--b500)}.feed-group-head.tone-green .ghead-ico,.feed-group-head.tone-green h3{color:var(--green)}.feed-group-head.tone-red .gcount{background:var(--red-soft);color:var(--red-deep)}.feed-group-head.tone-amber .gcount{background:var(--amber-soft);color:var(--amber)}.feed-group-head.tone-blue .gcount{background:var(--blue-soft);color:var(--b500)}.feed-group-head.tone-green .gcount{background:var(--green-soft);color:var(--green)}.feed-group-head.late h3{color:var(--red)}.act{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.9rem 0;border-top:1px solid var(--line)}.act:last-child{border-bottom:1px solid var(--line)}.act.is-late{background:var(--red-soft);padding:.9rem .8rem;margin:0 -.8rem}.act-main{min-width:0;flex:1 1}.act-title{font-size:.9rem;color:var(--ink);margin:0 0 .15rem;font-weight:400}.act-title a{color:var(--ink);text-decoration:none}.act-title a:hover{color:var(--b500)}.act-sub{font-size:.76rem;margin:0}.act-ai,.act-sub{color:var(--ink-2)}.act-ai{font-size:.78rem;margin:.45rem 0 0;line-height:1.5}.act-ai:before{content:"✦ ";color:var(--b500)}.act-btns{display:flex;gap:.4rem;align-items:center;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;max-width:16rem}.side-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.7rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}.side-head h3{margin:0}.side-head a{font-size:.72rem;color:var(--b500);text-decoration:none}.side-head h3{display:flex;align-items:center;gap:.4rem}.side-head .side-ico{width:13px;height:13px;color:var(--b500);flex-shrink:0}.hot-item{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.55rem 0;border-bottom:1px solid var(--line);text-decoration:none}.hot-item:last-child{border-bottom:0}.hot-name{font-size:.84rem;color:var(--ink);min-width:0}.hot-name span{display:block;font-size:.72rem;color:var(--ink-3)}.deliv-row{margin-bottom:.9rem}.deliv-row:last-child{margin-bottom:0}.deliv-top{display:flex;justify-content:space-between;font-size:.76rem;margin-bottom:.3rem}.deliv-top .deliv-label{color:var(--ink-2)}.deliv-top .deliv-val{color:var(--ink-3)}.deliv-bar{height:4px;background:var(--surface-3);position:relative}.deliv-bar>span{position:absolute;inset:0 auto 0 0;background:var(--b400)}.deliv-na{font-size:.76rem;color:var(--ink-3);line-height:1.55;border:1px dashed var(--line);padding:.7rem .8rem}.mini-item{display:flex;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--ink-2)}.mini-item:last-child{border-bottom:0}.mini-when{color:var(--ink-3);flex-shrink:0;min-width:4.5rem}.seg{display:inline-flex;border:1px solid var(--line)}.seg a,.seg button{font-family:var(--body);font-size:.74rem;color:var(--ink-3);background:transparent;border:0;border-right:1px solid var(--line);padding:.4rem .8rem;cursor:pointer;text-decoration:none}.seg a:last-child,.seg button:last-child{border-right:0}.seg a.on,.seg button.on{background:var(--surface-3);color:var(--ink)}.seg a:hover,.seg button:hover{color:var(--ink-2)}.filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1.2rem}.filter-bar .spacer{flex:1 1}.stage-chip{display:inline-block;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;padding:.1rem .45rem;border:1px solid var(--blue-line);color:var(--b500);white-space:nowrap}.stage-new{color:var(--ink-2);border-color:var(--line);background:var(--surface-2)}.stage-contacted{color:var(--amber);border-color:var(--amber);background:var(--amber-soft)}.stage-qualified{color:var(--b500);border-color:var(--blue-line);background:var(--blue-soft)}.stage-won{color:var(--green);border-color:var(--green-line);background:var(--green-soft)}.stage-lost{color:var(--red);border-color:var(--red-line);background:var(--red-soft)}.seq{display:inline-flex;align-items:center;gap:.25rem}.seq i{width:7px;height:7px;background:var(--surface-3);border:1px solid var(--line);display:inline-block}.seq i.done{background:var(--b400);border-color:var(--b400)}.seq i.next{background:transparent;border-color:var(--b200);box-shadow:0 0 0 2px rgba(126,163,187,.18)}.seq-when{font-size:.72rem;color:var(--ink-3);margin-left:.4rem}.seq-when.late{color:var(--red)}.owner{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;color:var(--ink-2)}.owner .who-dot{width:6px;height:6px;background:var(--b400)}.owner.ai .who-dot{background:var(--b200)}.kanban{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line)}.kan-col{background:var(--bg);min-height:12rem;display:flex;flex-direction:column}.kan-head{padding:.7rem .8rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}.kan-head .kan-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2)}.kan-head .kan-count{font-size:.72rem;color:var(--ink-3)}.kan-body{padding:.6rem;display:flex;flex-direction:column;gap:.5rem;flex:1 1}.kan-card{background:var(--surface);border:1px solid var(--line);padding:.6rem .7rem;text-decoration:none;display:block}.kan-card:hover{border-color:var(--ink-3)}.kan-card .kan-name{font-size:.82rem;color:var(--ink);display:block}.kan-card .kan-meta{font-size:.72rem;color:var(--ink-3);margin-top:.2rem}.kan-card.is-late{background:var(--red-soft);border-color:var(--red-line)}.lead-detail{display:grid;grid-template-columns:320px 1fr;grid-gap:0;gap:0;align-items:start}.lead-aside{padding:var(--pad);border-right:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0}.lead-aside .li-name{font-family:var(--display);font-size:1.5rem;font-weight:300;margin:0 0 .2rem}.lead-aside .li-key{font-size:.74rem;color:var(--ink-3)}.lead-aside dl{margin:1.2rem 0 0}.lead-aside dt{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-top:.9rem}.lead-aside dd{margin:.2rem 0 0;font-size:.85rem;color:var(--ink-2)}.lead-body{padding:var(--pad) var(--pad) 9rem;min-width:0}.action-footer{position:-webkit-sticky;position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:.9rem var(--pad);display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:0 calc(-1 * var(--pad))}.action-footer .af-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--b500)}.action-footer .af-text{font-size:.85rem;color:var(--ink);flex:1 1;min-width:12rem}.action-footer .af-btns{display:flex;gap:.4rem}.seqcard{border:1px solid var(--line);background:var(--surface);margin-bottom:1.4rem}.seqcard-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.seqcard-head .seq-naam{font-family:var(--display);font-size:1.3rem;font-weight:300;margin:0}.seqcard-head .seq-exit{font-size:.72rem;color:var(--b500);border:1px solid var(--blue-line);padding:.15rem .5rem}.seqcard-head .seq-exit.off{color:var(--ink-3);border-color:var(--line)}.seqhealth{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1px;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.seqhealth .hcell{background:var(--surface);padding:.8rem 1.1rem}.seqhealth .hnum{font-family:var(--body);font-size:1.25rem;font-weight:300;line-height:1.2;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.seqhealth .hnum.warn{color:var(--red)}.seqhealth .hlab{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-top:.3rem}.seqsteps{display:flex;align-items:stretch;padding:1.2rem 1.1rem;overflow-x:auto}.seqnode{flex:0 0 9.5rem;border:1px solid var(--line);background:var(--bg);padding:.7rem .8rem}.seqnode .nday{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--b400)}.seqnode .nsubj{font-size:.82rem;color:var(--ink);margin:.3rem 0;line-height:1.35;min-height:2.2rem}.seqnode .nstats{font-size:.7rem;color:var(--ink-3)}.seqconn{flex:1 1 1.5rem;min-width:1.5rem;align-self:center;height:1px;background:var(--line);margin:0 .2rem;position:relative}.seqconn:after{content:attr(data-gap);position:absolute;top:-1.1rem;left:50%;transform:translateX(-50%);font-size:.6rem;color:var(--ink-3);white-space:nowrap}.mailbox-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.84rem}.mailbox-row:last-child{border-bottom:0}.warmup-chip{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;padding:.1rem .45rem;border:1px solid var(--line);color:var(--ink-2)}.warmup-ready{color:var(--green);border-color:var(--green-line);background:var(--green-soft)}.warmup-warming{color:var(--b500);border-color:var(--blue-line)}.warmup-paused{color:var(--ink-3)}@media (max-width:768px){.seqhealth{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.cockpit{grid-template-columns:1fr}.cockpit-main{border-right:0;border-bottom:1px solid var(--line);padding-bottom:2rem}.cockpit-side{padding-top:2rem}.lead-detail{grid-template-columns:1fr}.lead-aside{position:relative;border-right:0;border-bottom:1px solid var(--line)}.kanban{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.topbar{grid-template-columns:1fr;gap:1rem}.kbd-hint{display:none}.kpi-strip{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:1fr}.act{flex-direction:column}.act-btns{max-width:none;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}.nav-toggle-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.nav-backdrop,.nav-toggle-btn{display:none}@media (max-width:768px){:root{--sidebar-w:0px}.nav-toggle-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:.7rem;left:.7rem;z-index:60;width:2.4rem;height:2.4rem;background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer}.nav-toggle-btn .icon-close,.nav-toggle-input:checked~.nav-toggle-btn .icon-burger{display:none}.nav-toggle-input:checked~.nav-toggle-btn .icon-close{display:block}.nav-backdrop{display:block;position:fixed;inset:0;background:rgba(17,17,17,.4);z-index:45;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.16,1,.3,1)}.nav-toggle-input:checked~.nav-backdrop{opacity:1;pointer-events:auto}.sidebar{width:min(80vw,300px);min-width:unset;height:100vh;position:fixed;top:0;left:0;bottom:0;flex-direction:column;flex-wrap:nowrap;border-right:1px solid var(--line);border-bottom:none;z-index:50;transform:translateX(-100%);visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s}.nav-toggle-input:checked~.sidebar{transform:translateX(0);visibility:visible;transition:transform .3s cubic-bezier(.16,1,.3,1)}.sidebar-logo{padding:1.2rem 1.2rem 1rem;border-bottom:1px solid var(--line);flex:0 0 auto}.sidebar-nav{flex-direction:column;padding:.6rem;width:auto;gap:.15rem;overflow-x:visible;overflow-y:auto;flex:1 1}.sidebar-footer{border-top:1px solid var(--line);padding:1rem .6rem;width:auto;flex:0 0 auto}.sidebar-footer .who{display:block}.main-area{margin-left:0;padding-top:3.6rem}.app-shell{flex-direction:column}.stats-strip{grid-template-columns:repeat(2,1fr)}}.briefing{background:var(--surface);border:1px solid var(--line);padding:1.1rem 1.3rem 1.2rem;margin:0 0 1.4rem}.briefing .eye{margin:0 0 .5rem}.briefing .b-tekst{font-family:Cormorant Garamond,serif;font-weight:300;font-size:1.3rem;line-height:1.45;color:var(--ink);margin:0;max-width:62ch}.briefing .b-meta{font-size:.78rem;color:var(--ink-2);margin:.6rem 0 0}.noodstop{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border:1px solid var(--line);background:var(--surface);padding:1.1rem 1.3rem;margin:0 0 1.8rem}.noodstop.uit{border-color:var(--red-line);background:var(--red-soft)}.noodstop-status{margin:0 0 .15rem;font-size:.92rem;color:var(--ink)}.noodstop.uit .noodstop-status{color:var(--red-deep)}.btn-stop{border-color:var(--red-line);color:var(--red)}.btn-stop:hover{background:var(--red-soft);border-color:var(--red);color:var(--red-deep)}.badge-ok{color:var(--green);border-color:var(--green-line);background:var(--green-soft)}.badge-warn{color:var(--red);border-color:var(--red-line);background:var(--red-soft)}.log-row{display:flex;gap:.9rem;padding:.38rem 0;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--ink-2);flex-wrap:wrap}.log-row .log-tijd{flex:0 0 7.5rem;color:var(--ink-3)}.log-row .log-actor{flex:0 0 3.5rem;color:var(--ink-3)}.act:has(.act-editor),.act:has(.act-flow){flex-wrap:wrap}.act-flow{display:flex;flex-direction:column;gap:.55rem;flex:1 1 280px;max-width:460px}.act-preview{width:100%;text-align:left;cursor:pointer;font:inherit;font-size:.8rem;line-height:1.5;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);padding:.55rem .7rem;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.act-preview:not(.open){max-height:calc(3.6rem + 1.1rem)}.act-preview.open{display:block;-webkit-line-clamp:unset}.act-preview:hover{border-color:var(--b400)}.act-flow .act-btns{max-width:none;justify-content:flex-start}.act-editor{flex:1 1 100%;display:flex;flex-direction:column;gap:.55rem;margin-top:.6rem}.act-editor .act-btns{max-width:none;justify-content:flex-start}.act-editor .ae-body,.act-editor .ae-onderwerp{width:100%;font:inherit;font-size:.85rem;line-height:1.55;color:var(--ink);background:var(--surface);border:1px solid var(--line);padding:.55rem .7rem}.act-editor .ae-body{resize:vertical;min-height:8rem}.act-editor .ae-body:focus,.act-editor .ae-onderwerp:focus{outline:none;border-color:var(--b500)}.act-editor .ae-hint{margin:0;font-size:.72rem;color:var(--ink-2)}.briefing.digest{border-color:var(--blue-line)}.page-skel{padding:clamp(1.6rem,4vw,2.6rem) var(--pad);max-width:60rem}.skel{background:var(--surface-2);animation:skel-pulse 1.4s ease-in-out infinite}.skel-eye{width:8rem;height:.8rem;margin-bottom:.8rem}.skel-titel{width:22rem;max-width:70%;height:2.2rem;margin-bottom:1.6rem}.skel-blok{width:100%;height:7rem;margin-bottom:1rem}.skel-blok.kort{height:4rem;width:75%}@keyframes skel-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.card{border:1px solid var(--line);background:var(--surface);padding:1.1rem 1.2rem;margin-bottom:1rem}.table-wrap{overflow-x:auto}.act:has(.ai-out){flex-wrap:wrap}.act .ai-out{flex:1 1 100%}.bel-rij{border:1px solid var(--line);background:var(--surface);padding:1rem 1.1rem 1.1rem;margin-bottom:1rem}.bel-kop{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.7rem}.bel-naam{font-size:1rem;font-weight:500;color:var(--ink);text-decoration:none}.bel-naam:hover{color:var(--b500)}.bel-key{font-size:.7rem;color:var(--ink-3);margin-left:auto}.bel-info{display:grid;grid-template-columns:1fr 1fr;grid-gap:.8rem 1rem;gap:.8rem 1rem;margin-bottom:.8rem}.bel-veld>span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);margin-bottom:.3rem}.bel-veld-breed{grid-column:1/-1}.bel-veld textarea{min-height:3.4rem}.bel-tel-rij{display:flex;gap:.5rem;align-items:stretch}.bel-tel-rij .btn{flex-shrink:0}.bel-btns{max-width:none;justify-content:flex-start}.bel-hint{font-size:.72rem;color:var(--ink-2);font-style:normal;text-transform:none;letter-spacing:0}p.bel-hint{margin:.5rem 0 0}@media (max-width:768px){.bel-info{grid-template-columns:1fr}}.auth-wrap{flex:1 1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--pad)}.auth-card{width:min(26rem,100%);background:var(--surface);border:1px solid var(--line);padding:2.2rem 2.4rem 2.4rem}.auth-card form{display:flex;flex-direction:column;gap:.7rem;margin-top:1.2rem}.auth-card .note{font-size:.8rem;margin:.8rem 0 0;color:var(--ink-2)}