:root{--ink:#171a21;--muted:#454b54;--line:#e5e5e5;--green:#174ea6;--cream:#f5f5f5;--mint:#e5e5e5}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--cream);color:var(--ink);font-size:14px}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2563eb;outline-offset:3px}button{color:inherit}a{color:var(--green)}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#ffffff;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:700;font-size:23px;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;background:#174ea6;border-radius:2px;color:#ffffff;font-size:29px}.brand small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:4px}.workspace{display:flex;gap:10px;align-items:center;margin:24px 0;padding:13px 9px;background:#f5f5f5;border:1px solid var(--line);border-radius:2px;font-size:12px;font-weight:600}.avatar{background:#fff;padding:9px;border-radius:2px}.workspace small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.dot{width:6px;height:6px;border-radius:50%;background:#454b54;margin-left:auto}.nav-label,.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;color:var(--muted)}.nav-label{padding-left:12px;margin-bottom:14px}.nav{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;text-align:left;padding:10px 12px;margin-bottom:6px;border-radius:2px;font-size:12px;color:#454b54}.nav>span{font-size:18px;width:18px}.nav b{margin-left:auto;font-size:10px;background:#b8bec7;padding:3px 6px;border-radius:2px}.nav.active{background:#ededed;color:#153f80;font-weight:600}.sidebar-bottom{margin-top:auto;font-size:10px;color:var(--muted);line-height:1.8}.local-indicator{color:#334155;font-weight:600}main{margin-left:220px;padding:0 24px}.topbar{height:60px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.topbar span:not(.environment){margin:0 12px;color:#454b54}.topbar strong{font-weight:500;color:#334155}.environment{font-size:9px;letter-spacing:1.4px;padding:7px 10px;background:#e5e5e5;border-radius:2px;color:#334155}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 0 18px}.eyebrow{margin:0 0 12px}h1{font-size:28px;font-weight:500;letter-spacing:-.6px;margin:0 0 12px}h2{font-size:18px;font-weight:600}h3{font-size:14px}.page-heading p:last-child{font-size:13px;color:var(--muted);margin-bottom:0}.secondary{border:1px solid #b8bec7;background:#fff;padding:10px 15px;border-radius:2px;font-size:12px}.notice{display:flex;gap:14px;align-items:center;background:#e5e5e5;border:1px solid #b8bec7;border-radius:2px;padding:12px 14px;color:#334155;font-size:11px;line-height:1.6}.notice>span:first-child{font-size:26px}.notice strong{color:#334155}.pill{display:inline-block;font-size:9px;letter-spacing:.7px;font-weight:600;background:#e5e5e5;padding:5px 8px;border-radius:2px;white-space:nowrap}.notice .pill{margin-left:auto}.stats{display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;margin:18px 0 22px;background:#fff;border:1px solid var(--line);border-radius:2px;padding:16px 0}.stats>div{padding:0 23px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats>div>span{font-size:11px;color:var(--muted)}.stats strong{display:block;font-size:26px;font-weight:500;margin-top:8px;line-height:1}.stats small{font-size:10px;font-weight:400;color:var(--muted);margin-left:10px}.stat-note{display:flex;align-items:center;gap:15px}.stat-note .shield{font-size:36px;color:#454b54}.stat-note p{font-size:11px;line-height:1.9;color:var(--muted)}.stat-note b{color:#334155;font-weight:500}.board-toolbar{display:flex;align-items:center;justify-content:space-between}.board-toolbar h2{font-size:17px}.board-toolbar h2 span{font-size:10px;margin-left:7px;background:#e5e5e5;padding:4px 7px;border-radius:2px;color:#454b54}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#ffffff;padding:8px 12px;border-radius:2px}.search input{border:0;background:transparent;outline:none;width:168px;font-size:11px}.board-hint{font-size:11px;color:var(--muted);margin:0 0 20px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.lane{border-radius:2px;background:#f5f5f5;padding:12px 10px;min-height:440px;border:1px solid #e5e5e5;transition:.2s}.lane.over{background:#e5e5e5;border-color:#174ea6}.lane-heading{display:flex;align-items:center;gap:7px}.lane-heading h3{margin:3px 0;font-size:13px;font-weight:600}.phase-number{font-family:monospace;color:#454b54;font-size:10px}.lane-count{margin-left:auto;font-size:10px;border:1px solid #b8bec7;padding:2px 5px;border-radius:2px;color:#454b54}.lane-sub{color:#454b54;font-size:10px;margin:7px 0 18px}.app-card{background:#fff;border:1px solid #e5e5e5;border-radius:2px;padding:12px;margin-bottom:11px;box-shadow:0 2px 2px #243e2503;cursor:grab}.app-card.dragging{opacity:.4}.card-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}.app-icon{width:34px;height:34px;background:#e5e5e5;border:1px solid #b8bec7;border-radius:2px;display:grid;place-items:center;font-weight:600;font-size:13px;color:#454b54}.icon-integratie{background:#e5e5e5;border-color:#e5e5e5;color:#7080a7}.icon-sales{background:#e5e5e5;border-color:#b8bec7;color:#a18954}.icon-creatief{background:#f5f5f5;border-color:#e5e5e5;color:#9a79aa}.icon-team{background:#e5e5e5;border-color:#b8bec7;color:#454b54}.category{font-size:8px;letter-spacing:.8px;color:#454b54}.more{margin-left:auto;border:0;background:none;color:#454b54;font-size:16px}.card-title{font-weight:600;font-size:13px;border:0;background:none;text-align:left;padding:0}.app-card p{color:#454b54;font-size:10px;line-height:1.65;min-height:32px;margin:8px 0 14px}.card-divider{border-top:1px solid #f5f5f5;margin-bottom:11px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:9px;color:#454b54}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#aebaca;margin-right:3px}.text-button{border:0;background:transparent;color:#174ea6;font-size:9px;padding:4px 0}.lane-empty{border:1px dashed #b8bec7;border-radius:2px;margin-top:10px;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;color:#454b54}.lane-empty>span{font-size:25px;font-weight:300;color:#454b54;margin-bottom:14px}.lane-empty strong{font-size:10px;font-weight:500}.lane-empty p{font-size:10px;line-height:1.7;max-width:165px}.lane-empty.compact{min-height:70px;padding:10px}.lane-empty.compact>span,.lane-empty.compact p{display:none}footer{display:flex;justify-content:space-between;padding:30px 0;color:#454b54;font-size:9px}footer span:first-child{letter-spacing:1.2px}.panel{background:#fff;border:1px solid var(--line);border-radius:2px;padding:18px;margin-top:16px}.panel p{line-height:1.8;color:#454b54;font-size:13px;max-width:850px}.intro{margin-top:28px}.job{display:flex;align-items:center;justify-content:space-between}.primary{background:#174ea6;color:#fff;border:0;border-radius:2px;padding:12px 17px;font-size:12px}.empty-page{padding:80px;text-align:center;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:10px;color:#454b54;font-weight:500}td,th{padding:11px 12px;border-bottom:1px solid var(--line)}.event-type{font-family:monospace;font-size:10px}.table-note{font-size:10px!important}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.warning-label{color:#997333;background:#f5f5f5;border-radius:2px;padding:6px 10px;font-size:11px}dialog{width:min(600px,94vw);border:1px solid var(--line);border-radius:2px;padding:24px;color:var(--ink);max-height:90vh}dialog::backdrop{background:#142a235c;backdrop-filter:none}dialog h2{font-size:28px;letter-spacing:-1px}.close{float:right;border:0;background:#e5e5e5;border-radius:50%;width:30px;height:30px;font-size:22px}dialog p{font-size:12px;color:var(--muted);line-height:1.7}.source{background:#f5f5f5;padding:12px;font-size:11px;border-radius:2px;margin:20px 0}.source code{float:right}.app-link{font-size:12px}.muted{font-size:10px!important}.check-list{margin:20px 0}.check-list>div{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.check-list b{font-size:12px}.check-list p{margin:4px 0;font-size:10px}.check-list small{margin-left:auto;font-size:8px;color:#454b54}.check-list>div>span{color:#454b54}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#182d4a;color:#fff;max-width:600px;width:max-content;padding:16px 24px;border-radius:2px;box-shadow:0 5px 30px #0002;z-index:10;font-size:13px}[hidden]{display:none!important}@media(min-width:1600px){main{padding:0 32px}.app-card{padding:14px}.app-card p{font-size:12px}.card-title{font-size:15px}.category{font-size:9px}}@media(max-width:1150px){.sidebar{width:205px;padding:25px 14px}main{margin-left:205px;padding:0 24px}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,1fr)}.stat-note{display:none}.stats>div:nth-child(3){border:0}.notice .pill{display:none}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:16px}.brand{font-size:20px}.workspace,.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;margin-top:15px;gap:7px}.nav{width:auto;white-space:nowrap;padding:8px;font-size:10px}.nav>span,.nav b{display:none}main{margin-left:0;padding:0 16px}.topbar{height:52px}.page-heading{padding:24px 0}h1{font-size:28px}.page-heading .secondary{display:none}.page-heading p:last-child{line-height:1.6}.stats{padding:16px 0}.stats>div{padding:0 12px}.stats small{display:block;margin:7px 0 0;font-size:8px}.stats>div>span{font-size:9px}.board{grid-template-columns:1fr}.lane{min-height:180px}.search input{width:120px}.board-hint{line-height:1.7}.backup-grid{grid-template-columns:1fr;gap:0}.job{align-items:start;gap:14px;flex-direction:column}footer span:last-child{display:none}#toast{max-width:90vw}.notice{font-size:10px}.environment{font-size:7px}}

.module-label{font-size:8px;letter-spacing:.6px;color:#454b54;margin:10px 0}.source code{float:none;display:block;margin-top:8px;overflow-wrap:anywhere}.module-pages{padding-left:18px;font-size:12px}.module-pages li{margin:12px 0}.module-pages code{display:block;font-size:10px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.cards{max-height:670px;overflow-y:auto;scrollbar-width:thin;padding-right:3px}
.workflow-image{display:block;width:100%;border-radius:2px;margin-top:24px}.recipe{border-top:1px solid var(--line);padding:18px 0}.recipe summary{cursor:pointer;font-size:13px}.recipe pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow:auto;font:12px/1.7 monospace;background:#f5f5f5;padding:20px}

/* Compact dashboard interaction and typography. */
.nav.active{box-shadow:inset 3px 0 #174ea6}.nav:hover{background:#e5e5e5;color:#171a21}.primary:hover{background:#123c80}.secondary:hover{background:#ededed}.app-card:hover{border-color:#74869e}.app-card p{font-size:12px;line-height:1.5;margin:7px 0 10px}.category,.card-bottom,.text-button,.lane-sub{font-size:11px}.card-title{font-size:14px}.lane-heading{border-bottom:1px solid #bdc8d6;padding-bottom:9px}.lane-sub{margin:9px 0 12px}.app-icon{background:#e5e5e5;border-color:#b8bec7;color:#334155}.search:focus-within{outline:2px solid #2563eb;outline-offset:2px}.search input{color:#171a21}.search input::placeholder{color:#454b54}.stats strong{font-variant-numeric:tabular-nums}.close{border-radius:2px}.panel h2{margin-top:0}th{color:#334155;font-weight:600;background:#f5f5f5}button:disabled{cursor:not-allowed;opacity:.55}

/* Strong navigation hierarchy; white content surfaces. */
.sidebar{background:#171a21;border-right-color:#171a21;color:#fff}
.sidebar .brand{color:#fff}.sidebar .workspace{background:#242933;border-color:#414854;color:#fff}.sidebar .avatar{background:#363e4b;color:#fff}
.sidebar .workspace small,.sidebar .nav-label,.sidebar-bottom,.sidebar .local-indicator{color:#c2c8d1}
.sidebar .nav{color:#d6dbe3}.sidebar .nav:hover{background:#303743;color:#fff}.sidebar .nav.active{background:#174ea6;color:#fff;box-shadow:none}.sidebar .nav b{background:#414854;color:#fff}
h1{font-weight:650}.notice{background:#fff;border-left:3px solid #174ea6}.lane{background:#ebebeb;border-color:#b8bec7}.lane-heading{border-bottom:2px solid #343b46}.app-card{box-shadow:none;border-color:#adb5c0}.app-icon{background:#242933;color:#fff;border:0}.stats{border-top:3px solid #242933}.pill{background:#242933;color:#fff}dialog::backdrop{background:#171a2180}
.module-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.module-option{margin:0;padding:16px;min-width:0}.module-option[hidden]{display:none}.module-option p{font-size:13px;overflow-wrap:anywhere}.module-choice{display:flex;gap:10px;align-items:center;cursor:pointer}.module-choice input{width:18px;height:18px;accent-color:#244d80}.module-option:has(input:checked){border-color:#244d80;box-shadow:inset 3px 0 #244d80}.module-option summary{cursor:pointer;font-weight:600;font-size:13px}.module-option code{overflow-wrap:anywhere}.module-plan-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.module-bundle-label{display:flex;flex-direction:column;gap:5px;font-size:12px;margin:12px 0}.module-bundle-label input{padding:8px;border:1px solid #94a3b8;background:#fff;color:#172635;border-radius:2px;width:100%;box-sizing:border-box}.module-bundle-label input:disabled{background:#f1f5f9;color:#64748b}
.module-chat-prompt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:360px;overflow:auto;background:#f1f5f9;padding:12px}.module-chat-job{border-top:1px solid #cbd5e1;padding:14px 0}
.project-action-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.project-action-buttons button{font-size:11px;padding:6px 8px;border-radius:2px}.app-card{cursor:default}.lane{min-width:260px}
/* Compact project overview: one project per row, actions alongside. */
.project-list-scroll{overflow-x:auto;border:1px solid #b8bec7;background:#fff}
.project-list{width:100%;min-width:1050px;border-collapse:collapse;table-layout:auto}
.project-list th,.project-list td{padding:9px 12px;border-bottom:1px solid #d5dae0;vertical-align:middle;text-align:left}
.project-list thead th{background:#242933;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.project-list tbody th{background:transparent;width:240px;min-width:200px;font-weight:500}
.project-list tbody tr:nth-child(even){background:#f5f6f8}.project-list tbody tr:hover{background:#eaf0f8}
.project-row[hidden]{display:none}.project-row-name{display:block;border:0;background:none;padding:0;text-align:left;font-size:13px;font-weight:650;color:#172635;cursor:pointer}
.project-row-name:hover{text-decoration:underline}.project-row small{display:block;margin-top:3px;font-size:10px;color:#596575}
.project-phase{white-space:nowrap;font-size:11px;color:#334155}
.project-row-actions{display:flex;flex-wrap:nowrap;gap:5px;align-items:center}
.project-row-actions button{white-space:nowrap;font-size:11px;padding:6px 8px;border-radius:2px}
.project-row-status{font-size:10px;line-height:1.3;color:#596575;margin-top:4px;min-height:13px}
.project-row-actions button[data-step-status]{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.project-row-actions button[data-step-status] small{font-size:9px;margin:0;color:inherit;font-weight:500}
.project-row-actions button[data-step-status="busy"]{background:#fff0cc;border-color:#c46b08;color:#794000}
.project-row-actions button[data-step-status="done"]{background:#dcefe0;border-color:#31854a;color:#145b29}
.project-row-actions button[data-step-status="attention"]{background:#fde6e3;border-color:#bd4035;color:#92291f}
.project-row-actions button[data-step-status]:hover{filter:brightness(.96)}
.project-attention{border:1px solid #bd4035;border-left:4px solid #bd4035;background:#fff3f1;padding:14px;margin:12px 0;color:#62231d}.project-attention h4{margin:0 0 8px;font-size:14px}.project-attention li{margin:6px 0;line-height:1.5}.project-attention a{font-weight:650;color:#92291f}.project-attention code{overflow-wrap:anywhere}