.unidev-hero{position:relative;overflow:hidden;border:1px solid rgba(90,125,210,.28);border-radius:24px;padding:26px 28px;margin-bottom:18px;background:radial-gradient(circle at 82% 12%,rgba(77,158,255,.24),transparent 33%),linear-gradient(135deg,#101b37 0%,#173568 52%,#1d65a5 100%);color:#fff;box-shadow:0 24px 60px rgba(25,61,122,.24)}
.unidev-hero:after{content:"";position:absolute;right:-70px;bottom:-110px;width:280px;height:280px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 78px rgba(255,255,255,.025)}
.unidev-hero h2{font-size:30px;margin:0 0 7px}.unidev-hero p{max-width:780px;margin:0;color:#dceaff;line-height:1.55}.unidev-hero .actions{position:relative;z-index:2;margin-top:18px}.unidev-hero .btn{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.25);color:#fff}.unidev-hero .btn.primary{background:#fff;color:#153d7d;border-color:#fff}.unidev-badge{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;margin-bottom:12px}.unidev-dot{width:8px;height:8px;border-radius:50%;background:#3de8a5;box-shadow:0 0 0 5px rgba(61,232,165,.14)}
.unidev-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.unidev-status-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px 17px;box-shadow:var(--shadow)}.unidev-status-card span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.unidev-status-card b{font-size:17px}.unidev-status-card small{display:block;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unidev-status-card.good b{color:var(--ok)}.unidev-status-card.bad b{color:var(--bad)}
.unidev-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(380px,.65fr);gap:16px}.unidev-stack{display:grid;gap:16px;align-content:start}.unidev-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.unidev-card h3{margin:0;font-size:18px}.unidev-card .intro{color:var(--muted);margin:5px 0 15px;line-height:1.45}.unidev-prompt{width:100%;min-height:150px;resize:vertical;line-height:1.55;padding:14px 15px;background:linear-gradient(180deg,#fff,#fbfcff)}.unidev-prompt-actions{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:12px;flex-wrap:wrap}.unidev-prompt-actions .left,.unidev-prompt-actions .right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.unidev-repo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.unidev-repo{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--soft)}.unidev-repo input{margin-top:2px}.unidev-repo b{font-size:13px;display:block}.unidev-repo small{display:block;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}
.unidev-split{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px}.unidev-file-list{height:470px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:7px}.unidev-file{width:100%;display:flex;align-items:center;gap:8px;padding:8px 9px;border:0;background:transparent;border-radius:9px;text-align:left;color:var(--text)}.unidev-file:hover{background:#e9eef6}.unidev-file.active{background:#dce9ff;color:#174dbf}.unidev-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unidev-editor{display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}.unidev-editor-head,.unidev-editor-foot{padding:9px 11px;background:var(--soft);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.unidev-editor-foot{border-bottom:0;border-top:1px solid var(--line)}.unidev-code{width:100%;height:410px;border:0;border-radius:0;resize:none;font:13px/1.55 Consolas,'Courier New',monospace;padding:13px;background:#fbfcff}.theme-dark .unidev-code{background:#101827;color:#dce7f8}
.unidev-proposal{display:none}.unidev-proposal.active{display:block}.unidev-proposal-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.unidev-proposal-title{font-size:19px;font-weight:800}.unidev-note-list{margin:8px 0 14px;padding-left:18px;color:var(--muted)}.unidev-change-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.unidev-change-tabs button{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:6px 9px;font-size:12px;color:var(--text)}.unidev-change-tabs button.active{background:#e7efff;border-color:#a9c5ff;color:#174dbf}.unidev-diff{height:360px;overflow:auto;white-space:pre;font:12px/1.5 Consolas,monospace;background:#0d1524;color:#d6e3f8;border-radius:13px;padding:13px;border:1px solid #1f3150}.unidev-ai-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.unidev-ai-meta span{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted);background:var(--soft)}
.unidev-test-list,.unidev-search-results,.unidev-snapshot-list{display:grid;gap:8px;max-height:380px;overflow:auto}.unidev-test,.unidev-search,.unidev-snapshot{border:1px solid var(--line);border-radius:12px;padding:10px 11px;background:var(--soft)}.unidev-test{display:flex;gap:10px;align-items:flex-start}.unidev-test-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:800;flex:0 0 24px}.unidev-test.ok .unidev-test-mark{background:#dff7eb;color:#11804d}.unidev-test.bad .unidev-test-mark{background:#ffe5ea;color:#bf3048}.unidev-test b,.unidev-search b,.unidev-snapshot b{display:block;font-size:13px}.unidev-test small,.unidev-search small,.unidev-snapshot small{display:block;color:var(--muted);margin-top:3px;line-height:1.4}.unidev-search{cursor:pointer}.unidev-search:hover{border-color:#9ab7ed}.unidev-search pre{white-space:pre-wrap;max-height:145px;overflow:hidden;font:11px/1.4 Consolas,monospace;margin:8px 0 0;color:var(--muted)}.unidev-searchbar{display:flex;gap:8px}.unidev-searchbar input{flex:1;min-width:0}.unidev-empty{padding:26px 14px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.unidev-working{display:none;align-items:center;gap:10px;color:var(--muted);font-size:13px}.unidev-working.active{display:flex}.unidev-spinner{width:18px;height:18px;border-radius:50%;border:2px solid #c9d7ef;border-top-color:var(--accent);animation:unidevspin .8s linear infinite}@keyframes unidevspin{to{transform:rotate(360deg)}}.unidev-danger-zone{border-color:#f0ccd3;background:linear-gradient(180deg,var(--panel),rgba(217,70,95,.025))}.unidev-publish-state{padding:12px;border-radius:12px;background:var(--soft);border:1px solid var(--line);margin-bottom:10px}.unidev-publish-state b{display:block}.unidev-publish-state span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
@media(max-width:1250px){.unidev-grid{grid-template-columns:1fr}.unidev-status{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.unidev-split{grid-template-columns:1fr}.unidev-file-list{height:230px}.unidev-repo-list{grid-template-columns:1fr}.unidev-status{grid-template-columns:1fr}.unidev-code{height:330px}}

/* v2: rustiger tab-layout */
.unidev-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}
.unidev-hero-copy{max-width:850px}.unidev-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.unidev-tabs{display:flex;gap:6px;align-items:center;margin:16px 0 14px;padding:6px;background:rgba(148,163,184,.11);border:1px solid var(--line);border-radius:14px;overflow:auto}
.unidev-tabs button{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:800;padding:10px 14px;border-radius:10px;white-space:nowrap;cursor:pointer}.unidev-tabs button:hover{color:var(--text);background:rgba(255,255,255,.55)}.unidev-tabs button.active{background:var(--card);color:var(--accent);box-shadow:0 4px 14px rgba(15,23,42,.08)}
.unidev-tab-panel{display:none}.unidev-tab-panel.active{display:block;animation:unidevFade .18s ease}@keyframes unidevFade{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
.unidev-overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:14px}.unidev-overview-primary{grid-row:span 2}
.unidev-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0;flex-wrap:wrap}.unidev-flow>div{display:flex;align-items:center;gap:10px;min-width:150px}.unidev-flow>div>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(37,99,235,.12);color:#2563eb}.unidev-flow span{display:flex;flex-direction:column}.unidev-flow small{color:var(--muted);margin-top:3px}.unidev-flow i{color:var(--muted);font-style:normal}.unidev-overview-actions{display:flex;gap:8px;flex-wrap:wrap}
.unidev-operation-state{padding:13px 14px;border:1px solid var(--line);background:rgba(148,163,184,.07);border-radius:11px;color:var(--muted);margin:12px 0;min-height:48px}.unidev-operation-state.good{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.07);color:#047857}.unidev-operation-state.bad{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.06);color:#b91c1c}.unidev-operation-state.busy{border-color:rgba(37,99,235,.32);background:rgba(37,99,235,.06);color:#1d4ed8}
.unidev-safety-list{display:grid;gap:10px}.unidev-safety-list>div{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:10px;background:rgba(148,163,184,.06)}.unidev-safety-list>div>span{color:#059669;font-weight:900}.unidev-safety-list p{margin:0;display:flex;flex-direction:column}.unidev-safety-list small{color:var(--muted);margin-top:2px}
.unidev-two-col{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:14px}.unidev-ai-context{align-self:start;position:sticky;top:12px}.unidev-source-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}.unidev-source-results-large{max-height:62vh;overflow:auto}.unidev-release-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px}.unidev-snapshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
@media(max-width:1100px){.unidev-overview-grid,.unidev-two-col,.unidev-release-grid{grid-template-columns:1fr}.unidev-overview-primary{grid-row:auto}.unidev-source-layout{grid-template-columns:1fr}.unidev-ai-context{position:static}.unidev-hero{align-items:flex-start;flex-direction:column}.unidev-hero-actions{justify-content:flex-start}}
.unidev-workspace-state{display:flex;gap:7px;flex-wrap:wrap;margin:-2px 0 10px}.unidev-file-mark{width:16px;flex:0 0 16px;text-align:center;font-weight:900}.unidev-file.status-modified .unidev-file-mark{color:#c97800}.unidev-file.status-new .unidev-file-mark{color:#16804d}.unidev-file.status-clean .unidev-file-mark{color:var(--muted)}.chip.warn{background:#fff3d8;color:#9a6300;border-color:#efcc82}.unidev-status-card.warn{border-color:#efcc82;background:linear-gradient(180deg,var(--panel),rgba(229,157,34,.06))}

/* v3: echte development-editor + migratieanalyse */
.unidev-monaco-host{height:520px;padding:0;background:#fff;position:relative}
.theme-dark .unidev-monaco-host{background:#1e1e1e}
.unidev-monaco-diff,.unidev-monaco-source{padding:0;background:#fff;position:relative}
.theme-dark .unidev-monaco-diff,.theme-dark .unidev-monaco-source{background:#1e1e1e}
.unidev-analysis{display:none;border-color:rgba(37,99,235,.22);background:linear-gradient(180deg,var(--panel),rgba(37,99,235,.025))}
.unidev-analysis.active{display:block}
.unidev-analysis-section,.unidev-analysis-area{border-top:1px solid var(--line);padding-top:13px;margin-top:13px}
.unidev-analysis-section h4,.unidev-analysis-area h4{margin:0 0 8px;font-size:14px}
.unidev-analysis-section ul,.unidev-analysis-area ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.55}
.unidev-analysis-area>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.unidev-api-list{display:grid;gap:7px}.unidev-api-row{display:grid;grid-template-columns:62px minmax(220px,.65fr) minmax(0,1fr);gap:9px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}
.unidev-api-row b{font-size:11px;color:var(--accent)}.unidev-api-row code{font:12px Consolas,monospace;color:var(--text)}.unidev-api-row span{font-size:12px;color:var(--muted)}
@media(max-width:900px){.unidev-api-row{grid-template-columns:58px 1fr}.unidev-api-row span{grid-column:1/-1}.unidev-monaco-host{height:430px}}

/* UniShop Code Intelligence */
.unidev-intel-stats{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin:14px 0}
.unidev-intel-stat{border:1px solid var(--line,#dbe2ea);border-radius:10px;padding:10px 12px;background:var(--panel,#fff)}
.unidev-intel-stat span{display:block;font-size:11px;opacity:.65;text-transform:uppercase;letter-spacing:.04em}.unidev-intel-stat b{display:block;font-size:20px;margin-top:3px}
.unidev-intel-query{display:grid;grid-template-columns:minmax(220px,1fr) 150px auto;gap:8px;margin:12px 0}
.unidev-dependency-graph{border:1px solid var(--line,#dbe2ea);border-radius:10px;max-height:460px;overflow:auto;background:var(--panel,#fff)}
.unidev-dep-summary{position:sticky;top:0;z-index:2;display:flex;gap:8px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--line,#dbe2ea);background:inherit}
.unidev-dep-row{display:grid;grid-template-columns:90px minmax(250px,1fr) 80px minmax(180px,.8fr);gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line,#edf0f4);font-size:12px}
.unidev-dep-row:last-child{border-bottom:0}.unidev-dep-row code{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unidev-dep-role{font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.04em}.unidev-dep-role.primary{color:#166534}.unidev-dep-role.dependency{color:#1d4ed8}.unidev-dep-role.already_migrated{color:#7c3aed}
.unidev-dep-path{opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unidev-dep-migration{color:#7c3aed;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.unidev-intel-stats{grid-template-columns:repeat(2,1fr)}.unidev-dep-row{grid-template-columns:80px 1fr}.unidev-dep-path,.unidev-dep-migration{grid-column:2}.unidev-intel-query{grid-template-columns:1fr}}

/* Step 3c - context classification */
.unidev-dep-row{grid-template-columns:86px 104px minmax(260px,1.4fr) 72px 66px 100px minmax(220px,1fr)}
.unidev-dep-category{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em;padding:3px 6px;border-radius:999px;background:#eef2f7;color:#475569;white-space:nowrap;text-align:center}
.unidev-dep-category.business{background:#e8f7ee;color:#166534}.unidev-dep-category.utility{background:#eef4ff;color:#1d4ed8}.unidev-dep-category.navigation{background:#fff5dd;color:#92400e}.unidev-dep-category.ui_framework{background:#f1f3f5;color:#64748b}.unidev-dep-category.migrated_shared{background:#f3e8ff;color:#7c3aed}.unidev-dep-category.primary{background:#dcfce7;color:#166534}
.unidev-dep-mode{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unidev-context-legend{padding:8px 10px;border-bottom:1px solid var(--line,#dbe2ea);background:#f8fafc;color:#475569;font-size:11px}
.unidev-ready{color:#1f8f55}.unidev-not-ready{color:#c0392b}.unidev-generation-blockers{border:1px solid rgba(192,57,43,.28);background:rgba(192,57,43,.055);padding:12px;border-radius:8px}.unidev-coverage-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.unidev-coverage-head h4{margin:0}.unidev-coverage-head span{font-size:12px;color:var(--muted)}.unidev-coverage-grid{display:grid;gap:7px;margin-top:9px}.unidev-coverage-row{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:start;border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:rgba(255,255,255,.018)}.unidev-coverage-row.covered{border-left:3px solid #2f9d68}.unidev-coverage-row.missing{border-left:3px solid #c0392b}.unidev-coverage-row.optional{border-left:3px solid #b08a2e}.unidev-coverage-state{font-weight:800;font-size:16px;line-height:1.2}.unidev-coverage-row b{display:block;font-size:13px}.unidev-coverage-row small{display:block;color:var(--muted);margin-top:2px}.unidev-coverage-symbols{font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* Step 3m - AI-opdracht kolommen mogen elkaar nooit overlappen */
.unidev-two-col{grid-template-columns:minmax(0,2fr) minmax(360px,.92fr);align-items:start}
.unidev-two-col>*{min-width:0;max-width:100%}
.unidev-ai-context{width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}
.unidev-ai-context .unidev-card,.unidev-ai-context .card{min-width:0;max-width:100%;box-sizing:border-box}
.unidev-ai-context .unidev-searchbar{min-width:0;width:100%}
.unidev-ai-context .unidev-searchbar input{min-width:0;width:100%;max-width:100%}
@media(max-width:1320px){.unidev-two-col{grid-template-columns:minmax(0,1.65fr) minmax(340px,.85fr)}}
@media(max-width:1120px){.unidev-two-col{grid-template-columns:1fr}.unidev-ai-context{position:static}}

/* Step 3n - Broncontext als harde rechterkolom; nooit over AI-opdracht heen */
.unidev-two-col{display:flex;align-items:flex-start;gap:16px;width:100%;min-width:0}
.unidev-two-col>*:first-child{flex:1 1 auto;min-width:0;max-width:calc(100% - 436px);overflow:hidden}
.unidev-two-col>*:last-child{flex:0 0 420px;min-width:0;max-width:420px}
.unidev-ai-context{position:sticky;top:12px;width:420px;max-width:420px;min-width:0;box-sizing:border-box;overflow:hidden}
.unidev-ai-context *{box-sizing:border-box;max-width:100%}
.unidev-ai-context input,.unidev-ai-context textarea,.unidev-ai-context select{min-width:0;width:100%}
@media(max-width:1280px){
  .unidev-two-col{display:grid;grid-template-columns:1fr;gap:14px}
  .unidev-two-col>*:first-child,.unidev-two-col>*:last-child{max-width:100%;width:100%}
  .unidev-ai-context{position:static;width:100%;max-width:100%}
}

/* Proposal krijgt na genereren kort visueel focus */
.unidev-proposal.unidev-proposal-focus{outline:2px solid rgba(37,99,235,.35);outline-offset:3px}

/* Step 3r - voorstelkwaliteit en UI-conceptpreview */
.unidev-quality{margin:10px 0;padding:11px 12px;border:1px solid #cbd9ea;border-radius:9px;background:#f8fbff}.unidev-quality.blocked{border-color:#e7c06d;background:#fffaf0}.unidev-quality.ready{border-color:#9fd0ae;background:#f3fbf5}.unidev-quality>div:first-child{display:flex;gap:10px;align-items:baseline}.unidev-quality>div:first-child span{color:#64748b}.unidev-quality-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.unidev-quality-chips span{font-size:11px;padding:3px 7px;border:1px solid #cbd9ea;border-radius:999px;background:#fff}.unidev-quality ul{margin:8px 0 0 18px}.unidev-runtime-contract{margin-top:9px;padding-top:8px;border-top:1px solid #dce5ef;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.unidev-runtime-contract code{background:#eef3f9;padding:4px 7px;border-radius:5px}.unidev-runtime-contract small{color:#8a5b14}.unidev-preview-link{margin-left:auto;border:1px solid #9db7df;background:#eef5ff;color:#174ea6;border-radius:6px;padding:4px 8px;font-weight:700;cursor:pointer}.unidev-preview-overlay{position:fixed;inset:0;background:rgba(8,20,38,.58);z-index:99999;display:none;padding:28px}.unidev-preview-overlay.active{display:block}.unidev-preview-shell{width:min(1500px,96vw);height:min(900px,92vh);margin:auto;background:#fff;border-radius:12px;box-shadow:0 25px 80px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column}.unidev-preview-head{height:54px;display:flex;align-items:center;padding:8px 14px;border-bottom:1px solid #d8e1ec;background:#fff}.unidev-preview-head>div{display:flex;flex-direction:column}.unidev-preview-head small{color:#64748b}.unidev-preview-head button{margin-left:auto;border:1px solid #c8d4e4;background:#fff;border-radius:6px;padding:7px 11px;cursor:pointer}.unidev-preview-shell iframe{border:0;width:100%;flex:1;background:#eef3f8}

/* Step 3s - preview iframe iedere keer schoon opbouwen */
.unidev-preview-frame-host{flex:1;min-height:0;background:#eef3f8}.unidev-preview-frame-host iframe{border:0;width:100%;height:100%;display:block;background:#eef3f8}

/* Step 4D - evidence-first API matrix */
.unidev-api-matrix{display:grid;gap:10px}.unidev-api-capability{border:1px solid var(--line,#d7dde5);border-radius:8px;padding:10px 12px;background:rgba(255,255,255,.02)}.unidev-api-capability>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.unidev-api-capability>small{display:block;opacity:.8;margin-bottom:6px}.unidev-api-capability.covered{border-left:4px solid #45a66b}.unidev-api-capability.missing{border-left:4px solid #c98732}.unidev-api-capability .unidev-api-row{margin-top:6px}.unidev-api-capability .unidev-coverage-symbols small{opacity:.7}


/* Step 4D.2 - stabiele AI-opdracht + nette Broncontext */
.unidev-two-col{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:16px!important;align-items:start;width:100%;min-width:0}
.unidev-two-col>*:first-child,.unidev-two-col>*:last-child{min-width:0;max-width:none!important;width:auto!important;overflow:visible}
.unidev-stack{min-width:0}
.unidev-ai-context{position:static!important;top:auto!important;width:auto!important;max-width:none!important;min-width:0;padding:16px;border-radius:18px;background:linear-gradient(180deg,var(--panel),rgba(241,245,249,.55));overflow:hidden}
.unidev-ai-context .card-title{gap:10px;align-items:flex-start;margin-bottom:12px}
.unidev-ai-context .card-title h3{font-size:16px;line-height:1.2}
.unidev-ai-context .intro{font-size:12px;line-height:1.45;margin:4px 0 0}
.unidev-ai-context .chip{font-size:10px;padding:4px 7px;white-space:nowrap}
.unidev-ai-context .unidev-repo-list{grid-template-columns:1fr!important;gap:7px;margin:8px 0 12px}
.unidev-ai-context .unidev-repo{align-items:center;padding:9px 10px;border-radius:10px;background:rgba(148,163,184,.06);transition:border-color .15s,background .15s}
.unidev-ai-context .unidev-repo:has(input:checked){border-color:rgba(37,99,235,.28);background:rgba(37,99,235,.055)}
.unidev-ai-context .unidev-repo input{margin:0;flex:0 0 auto}
.unidev-ai-context .unidev-repo span{min-width:0}
.unidev-ai-context .unidev-repo b{font-size:12px}
.unidev-ai-context .unidev-repo small{font-size:10px;max-width:none}
.unidev-ai-context .unidev-searchbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:7px;width:100%;min-width:0}
.unidev-ai-context .unidev-searchbar input{width:100%;min-width:0;height:38px;padding:8px 10px}
.unidev-ai-context .unidev-searchbar .btn{width:auto!important;min-width:68px;height:38px;padding:7px 11px}
.unidev-ai-context .unidev-search-results{margin-top:8px;max-height:46vh;overflow:auto;gap:6px}
.unidev-ai-context .unidev-empty{padding:22px 10px;font-size:11px;line-height:1.45;background:rgba(255,255,255,.2)}
.unidev-ai-context .unidev-search{padding:8px 9px;border-radius:9px}
.unidev-ai-context .unidev-search b{font-size:11px;overflow-wrap:anywhere}
.unidev-ai-context .unidev-search small{font-size:10px}
.unidev-ai-context .unidev-search pre{font-size:10px;max-height:100px}
.unidev-prompt{max-width:100%;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere}
.unidev-analysis,.unidev-analysis-section,.unidev-analysis-area{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
@media(max-width:1180px){.unidev-two-col{grid-template-columns:minmax(0,1fr) 320px!important}}
@media(max-width:980px){.unidev-two-col{grid-template-columns:1fr!important}.unidev-two-col>*:first-child,.unidev-two-col>*:last-child{width:100%!important;max-width:100%!important}.unidev-ai-context{position:static!important}}
/* Step 4D - expanded source matrix */
.unidev-api-matrix-facts{display:grid;gap:4px;margin:8px 0}.unidev-api-matrix-facts small{display:block}.unidev-api-sql-list{display:grid;gap:4px;margin:7px 0}.unidev-api-sql{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:5px 7px;border-radius:5px;background:rgba(0,0,0,.08)}.unidev-api-rules{margin:8px 0}.unidev-api-rules ul{margin:4px 0 0 18px}.unidev-api-contract{display:grid;gap:3px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line,#d7dde5)}.unidev-api-contract small code{white-space:pre-wrap;overflow-wrap:anywhere}

/* Step 4D.3 - Broncontext checkbox/layout hardening */
.unidev-ai-context .unidev-repo{display:flex!important;align-items:center!important;gap:9px!important;min-width:0;overflow:hidden}
.unidev-ai-context .unidev-repo input[type="checkbox"]{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;flex:0 0 16px!important;margin:0!important;padding:0!important}
.unidev-ai-context .unidev-repo span{display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:100%!important;overflow:hidden}
.unidev-ai-context .unidev-repo b,.unidev-ai-context .unidev-repo small{display:block;min-width:0;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}