:root{font-family:system-ui,'Arial',sans-serif;color:#eef2fc;background:#10192a}*{box-sizing:border-box}body{margin:0}header{padding:14px max(16px,calc((100vw - 1100px)/2));display:flex;gap:16px;align-items:center;justify-content:space-between;background:#1c2940;border-bottom:1px solid #415477}header a{color:#ffd887}main{max-width:1100px;margin:auto;padding:22px 16px 70px}h1{font-size:clamp(1.55rem,4vw,2.5rem);margin:10px 0}h2{font-size:1.25rem}.muted{color:#b4c2d9}.panel{background:#1e2b42;padding:22px;border-radius:18px;border:1px solid #3e526e;margin:18px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px;margin:20px 0}.card{border:2px solid #415574;background:#23324c;color:inherit;text-align:right;padding:0;border-radius:14px;overflow:hidden;cursor:pointer;min-height:235px}.card:disabled{opacity:.9;cursor:default}.card.selected{border-color:#e6c274;box-shadow:0 0 0 2px #b88e3a}.cover{height:152px;display:flex;align-items:center;justify-content:center;font-size:62px;background:linear-gradient(145deg,var(--ca),var(--cb));position:relative}.cover::after{content:'ملف القضية';position:absolute;right:12px;top:10px;font-size:11px;letter-spacing:1px;color:#f5e3bd}.body{padding:10px}.body strong{display:block;font-size:.97rem}.body small{display:block;margin-top:5px;color:#b9c9e1}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}button,.btn{border:1px solid #ad8b4d;color:#121a2c;background:#ffd57b;padding:12px 18px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.outline{color:#f3dfab;background:transparent;border-color:#9b8558}input,textarea{display:block;width:100%;max-width:550px;padding:13px;margin:8px 0 16px;background:#111d30;color:#fff;border:1px solid #627591;border-radius:10px;font:inherit}label{display:block;margin-top:10px}.notice{padding:12px;border-radius:10px;background:#243752;border:1px solid #526d91;margin:12px 0}.stats{display:flex;gap:14px;flex-wrap:wrap}.stat{padding:12px 20px;border:1px solid #4d6487;border-radius:12px}.stat b{font-size:28px;display:block}.error{color:#ffbcbc}.success{color:#a7ecc5}@media(max-width:460px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cover{height:125px}.card{min-height:208px}.body{padding:8px}header strong{font-size:.8rem}}
/* Investigation lab */
.lab-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:16px;align-items:start}.lab-main,.lab-side{min-width:0}.lab-evidence{border-bottom:1px solid #52617a;padding:12px 0}.lab-evidence:last-child{border-bottom:0}.lab-evidence strong{display:block}.lab-evidence small{color:#d6b97e}.lab-evidence p{margin:7px 0 2px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.lab-layout .panel{margin:0 0 16px}.lab-layout textarea{max-width:none}.lab-layout input{max-width:none}@media(max-width:760px){.lab-layout{grid-template-columns:1fr}.lab-side{order:1}}
/* Single-screen participant attribution */
select{display:block;width:100%;max-width:550px;padding:12px 14px;margin:8px 0 16px;background:#111d30;color:#fff;border:1px solid #627591;border-radius:10px;font:inherit}.lab-layout select{max-width:none}

/* V3 witness interview and tabbed investigation: mobile/tablet safe */
.case-tabs{display:flex;gap:7px;overflow-x:auto;padding:8px 0 12px;scrollbar-width:thin;position:relative}.case-tab-button{white-space:nowrap;flex:0 0 auto;color:#e9edf7;background:#23354f;border:1px solid #526b90;padding:11px 15px}.case-tab-button[aria-pressed="true"]{background:#ffd57b;color:#121a2c;border-color:#ffd57b}.case-tab-pane[hidden]{display:none!important}.case-tab-pane .panel{margin:0 0 16px}.case-tab-pane textarea,.case-tab-pane input,.case-tab-pane select{max-width:100%}.case-tab-pane{min-width:0}.case-tab-pane .lab-evidence{overflow-wrap:anywhere}


/* Witness dialogue — saved by the server, presented per witness */
.lab-dialogue{display:grid;gap:12px;margin-top:12px}
.lab-dialogue-turn{border:1px solid rgba(155,172,195,.3);border-radius:12px;padding:12px;background:rgba(12,23,39,.3)}
.lab-dialogue-turn p{white-space:pre-line;line-height:1.8;margin:6px 0}
.lab-question{border-inline-start:3px solid #e9bf69;padding-inline-start:10px}
.lab-answer{border-inline-start:3px solid #7294ac;padding-inline-start:10px}
.case-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.case-tabs button[aria-pressed="true"]{border-color:#74b8a5;background:#174b43;color:white}.case-item{padding:12px 0;border-bottom:1px solid rgba(120,120,120,.2)}.case-item p{white-space:pre-wrap;line-height:1.8}.case-tabs button{flex:1;min-width:75px}
/* Optional guided actions; the same backend handles guided and free requests. */
.guide-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}
.guide-choice{font-size:.9rem;padding:9px 13px;max-width:100%;white-space:normal;text-align:right}
@media(max-width:550px){.guide-choice{flex:1 1 46%}}