:root{--sidebar: #1a1f24;--sidebar-active: #c45c26;--bg: #eef1f4;--surface: #ffffff;--ink: #1a1f24;--muted: #5c6670;--line: #d5dbe3;--accent: #0b5f4b;--accent-soft: #e6f3ef;--danger: #b42318;--danger-soft: #fceceb;--warn: #b54708;--ok: #027a48;--ok-soft: #e6f6ee;--score-high: #027a48;--score-mid: #b54708;--score-low: #667085;font-family:Avenir Next,Nunito Sans,Trebuchet MS,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:40;background:#fff;padding:.5rem .75rem}.shell{display:grid;grid-template-columns:64px 1fr;min-height:100vh}.shell.preview-open{grid-template-columns:64px 1fr min(480px,42vw)}.sidebar{background:var(--sidebar);color:#f5f7fa;display:flex;flex-direction:column;align-items:center;padding:.75rem 0;gap:.5rem}.sidebar-brand{margin:0 0 .5rem;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--accent);font-weight:700;font-size:1.1rem}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem;flex:1}.nav-icon{width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:#c9d0d8;cursor:pointer;display:grid;place-items:center}.nav-icon svg{width:22px;height:22px;fill:currentColor}.nav-icon:hover,.nav-icon:focus-visible{background:#ffffff14;outline:2px solid rgba(255,255,255,.35);outline-offset:1px}.nav-icon.active{background:#c45c2633;color:#ffd7c2;box-shadow:inset 3px 0 0 var(--sidebar-active)}.orion-btn{margin-top:auto;color:#f0e6a8}.workspace{min-width:0;padding:1rem 1.25rem 2rem}#main:focus{outline:none}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.page-head h1{margin:0;font-size:1.5rem;letter-spacing:-.02em}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}input,select,textarea,button{font:inherit}input[type=search],input[type=text],select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:.55rem .7rem;min-height:44px}.btn{min-height:44px;min-width:44px;padding:.5rem .9rem;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}.btn.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn:focus-visible,.card:focus-visible,.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.warn,.banner-optout{background:var(--danger-soft);color:var(--danger);border:1px solid #f3b4ae;padding:.65rem .8rem;border-radius:8px}.error{color:var(--danger)}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.column{background:#e4e9ef;border-radius:12px;padding:.65rem;min-height:420px}.column.drag-over{outline:2px dashed var(--accent);background:#dce9e4}.column h2{margin:0 0 .65rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:flex;justify-content:space-between}.column-count{background:#fff;border-radius:999px;padding:.1rem .45rem;font-size:.75rem}.card{width:100%;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:.7rem;margin-bottom:.55rem;cursor:grab;display:block}.card:active{cursor:grabbing}.card-title{font-weight:600;margin:0 0 .25rem}.card-meta{font-size:.85rem;color:var(--muted);margin:.15rem 0}.score{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;border-radius:6px;font-size:.8rem;font-weight:700;color:#fff}.score.high{background:var(--score-high)}.score.mid{background:var(--score-mid)}.score.low{background:var(--score-low)}.next-action.overdue{color:var(--danger);font-weight:600}.list-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden}.list-table th,.list-table td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--line)}.list-table button.linkish{background:none;border:0;color:var(--accent);cursor:pointer;padding:0;min-height:44px}.preview{background:var(--surface);border-left:1px solid var(--line);box-shadow:-8px 0 24px #1a1f240f;overflow:auto;padding:1rem}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem}.preview-head h2{margin:0;font-size:1rem}.identity{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1rem}.avatar{width:52px;height:52px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0}.info-card{border:1px solid var(--line);border-radius:10px;padding:.65rem;background:#fafbfc}.info-card span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.2rem}.stepper{display:flex;gap:.25rem;margin:1rem 0;overflow-x:auto}.step{flex:1;min-width:72px;text-align:center;font-size:.7rem;color:var(--muted)}.step .dot{height:8px;border-radius:999px;background:#d0d5dd;margin-bottom:.35rem}.step.done .dot{background:var(--ok)}.step.current .dot{background:var(--accent);height:12px;margin-top:-2px}.step.current{color:var(--ink);font-weight:600}.tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0;border-bottom:1px solid var(--line);padding-bottom:.5rem}.tab{border:0;background:transparent;min-height:40px;padding:.4rem .7rem;border-radius:8px;cursor:pointer;color:var(--muted)}.tab.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1rem;margin-bottom:.75rem}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:28px 1fr;gap:.55rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.tl-icon{width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:.75rem;font-weight:700}.badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.15rem .4rem;border-radius:4px;background:#fee4e2;color:var(--danger)}.quick-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}.stat-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1rem}.stat strong{display:block;font-size:1.6rem;margin-top:.25rem}dialog{border:1px solid var(--line);border-radius:12px;padding:1rem;width:min(480px,92vw)}dialog::backdrop{background:#1a1f2473}.dialog-actions{display:flex;gap:.5rem;margin-top:.75rem}#orion-form textarea,#app-dialog-form textarea,#app-dialog-form input,#app-dialog-form select{width:100%;margin-top:.35rem;margin-bottom:.65rem}.form-error{color:#8b1a1a;background:#fde8e8;padding:.5rem .75rem;border-radius:8px}.toast-region{position:fixed;right:1rem;bottom:1rem;z-index:40;display:flex;flex-direction:column;gap:.5rem}.toast{background:#1a1f24;color:#fff;padding:.65rem .9rem;border-radius:8px;max-width:22rem}.badge{display:inline-block;padding:.15rem .45rem;border-radius:999px;background:#e8eef5;font-size:.8rem;margin-right:.25rem}.badge-danger{background:#fde8e8;color:#8b1a1a}.autolink.tel,.btn.touch{min-height:44px;min-width:44px;display:inline-flex;align-items:center}.invalshoeken{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.75rem 0}.waarom-block .panel-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.internal-box{margin-top:.75rem;border:1px dashed var(--line);padding:.5rem .75rem;border-radius:8px}.avatar-img{border-radius:10px;object-fit:cover}.row-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.check{display:flex;gap:.5rem;align-items:center;margin:.5rem 0}.updated-label{font-size:.85rem}button.linkish{background:none;border:none;padding:0;color:inherit;cursor:pointer;text-align:left;font:inherit}.concept-body{white-space:pre-wrap;background:#f7f8fa;border-radius:8px;padding:.75rem;border:1px solid var(--line)}@media(max-width:900px){.shell,.shell.preview-open{grid-template-columns:56px 1fr}.preview{position:fixed;top:0;right:0;bottom:0;left:56px;z-index:20}.info-grid{grid-template-columns:1fr}}