:root {
  --bg:#07111f; --panel:#0d1929; --panel2:#111f31; --line:#20334b;
  --text:#edf4ff; --muted:#91a4be; --brand:#5b8cff; --brand2:#7d5cff;
  --green:#34d399; --yellow:#fbbf24; --orange:#fb923c; --red:#fb7185; --cyan:#22d3ee;
  --shadow:0 18px 60px rgba(0,0,0,.26); --radius:20px;
}
*{box-sizing:border-box}
html{direction:rtl}
body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(91,140,255,.15),transparent 32%),var(--bg);color:var(--text);font-family:"Segoe UI",Tahoma,Arial,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}
.shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;border-left:1px solid var(--line);background:rgba(8,18,32,.92);backdrop-filter:blur(18px);padding:24px 18px}
.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 22px}.brand-mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;font-size:21px;box-shadow:0 10px 28px rgba(91,140,255,.3)}
.brand h1{font-size:17px;margin:0}.brand small{color:var(--muted)}
.nav{display:flex;flex-direction:column;gap:7px}.nav a{padding:12px 14px;border-radius:13px;color:#b8c7db;display:flex;gap:10px;align-items:center}.nav a:hover,.nav a.active{background:#13243a;color:white}
.sidebar-foot{position:absolute;bottom:20px;right:18px;left:18px;color:var(--muted);font-size:12px;padding:12px;border:1px solid var(--line);border-radius:13px}
.content{padding:28px 34px 60px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:18px}.title h2{margin:0 0 5px;font-size:27px}.title p{margin:0;color:var(--muted)}
.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#122238;color:white;padding:10px 15px;border-radius:12px;cursor:pointer;font-weight:600}.btn:hover{transform:translateY(-1px);border-color:#35557f}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border:0}.btn-danger{background:#3a1722;border-color:#6c2437}.btn-ghost{background:transparent}.btn-sm{padding:7px 10px;font-size:12px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.metric .k{font-size:31px;font-weight:800;margin:8px 0}.metric .label{color:var(--muted)}.metric .icon{font-size:22px}.metric.red .k{color:var(--red)}.metric.green .k{color:var(--green)}.metric.yellow .k{color:var(--yellow)}
.card{background:linear-gradient(180deg,rgba(17,31,49,.96),rgba(11,24,40,.96));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-top:18px}.card h3{margin:0 0 15px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.table-wrap{overflow:auto;border-radius:15px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:760px;background:#0c1828}th,td{padding:13px 14px;text-align:right;border-bottom:1px solid #1c2d43}th{font-size:12px;color:#9cb0c9;background:#102035}tr:hover td{background:#102039}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;font-size:12px;border:1px solid #2a4160;background:#112238}.badge.new,.badge.waiting{color:#f5d86a}.badge.followup{color:#7dd3fc}.badge.overdue{color:#fda4af;border-color:#633240}.badge.completed{color:#6ee7b7;border-color:#275c4c}.badge.archived{color:#9ca3af}.badge.urgent{color:#fecdd3}.badge.high{color:#fdba74}
.searchbar{display:flex;gap:10px}.input,.textarea,.select{width:100%;background:#091524;border:1px solid var(--line);color:white;border-radius:12px;padding:12px 13px;outline:none}.input:focus,.textarea:focus{border-color:#527cc0;box-shadow:0 0 0 3px rgba(91,140,255,.12)}.textarea{min-height:120px;resize:vertical}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;color:#b7c6d9;font-size:13px;margin-bottom:7px}.muted{color:var(--muted)}.mono{font-family:Consolas,monospace}.truncate{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-hero{display:grid;grid-template-columns:1.6fr .9fr;gap:18px}.case-main,.case-side{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.case-title{font-size:25px;margin:6px 0 12px}.kv{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kv .item{background:#0a1727;border:1px solid #1d3048;border-radius:13px;padding:12px}.kv .item span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.timeline{position:relative;padding-right:24px}.timeline:before{content:"";position:absolute;right:7px;top:4px;bottom:4px;width:2px;background:#24405e}.event{position:relative;padding:0 10px 18px 0}.event:before{content:"";position:absolute;right:-22px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px #142844}.event h4{margin:0 0 4px;font-size:14px}.event p{margin:0;color:#b7c6d9}.event small{color:var(--muted)}
.upload-zone{border:1px dashed #3d5d84;border-radius:18px;padding:38px;text-align:center;background:linear-gradient(180deg,#0d1c2f,#0a1625)}.upload-zone h3{font-size:22px}.upload-zone input{max-width:100%}.supported{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.supported span{font-size:12px;color:#a8bdd7;border:1px solid #294360;padding:6px 9px;border-radius:30px}
pre.doc{white-space:pre-wrap;word-break:break-word;background:#07111d;border:1px solid #1c3048;border-radius:14px;padding:16px;color:#dbe8f8;max-height:520px;overflow:auto;direction:rtl;text-align:right}
.empty{padding:40px;text-align:center;color:var(--muted)}.notice{padding:12px 14px;border-radius:13px;background:#10253b;border:1px solid #2c4c6d;color:#cce5ff;margin-bottom:14px}.notice.error{background:#351520;border-color:#652a3b;color:#ffd2d9}
.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);background:linear-gradient(160deg,#11233a,#091625);border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow)}.login-logo{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));font-size:28px;margin-bottom:18px}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted);margin:0 0 24px}.login-card .field{margin-bottom:14px}
@media(max-width:1050px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-left:0;border-bottom:1px solid var(--line)}.nav{display:grid;grid-template-columns:repeat(4,1fr)}.sidebar-foot{display:none}.grid4{grid-template-columns:repeat(2,1fr)}.case-hero{grid-template-columns:1fr}}
@media(max-width:640px){.content{padding:20px 14px}.topbar{align-items:flex-start;flex-direction:column}.grid4{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric .k{font-size:25px}.nav{grid-template-columns:repeat(2,1fr)}.form-grid,.kv{grid-template-columns:1fr}.case-title{font-size:21px}.card{padding:14px}}
/* Smart intake / mobile camera */
.hidden{display:none!important}.intake-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.capture-hero{display:flex;gap:14px;align-items:center}.capture-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,rgba(91,140,255,.22),rgba(125,92,255,.20));border:1px solid #355481}.capture-hero h3{margin:0 0 5px}.capture-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:20px}.capture-btn{min-height:106px;border:1px solid var(--line);border-radius:17px;background:#0a1727;color:white;padding:14px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;text-align:right}.capture-btn:hover{border-color:#4b6fa1;background:#0e1e32}.capture-btn.primary{background:linear-gradient(145deg,#163766,#26316c);border-color:#4269a8}.capture-btn-icon{font-size:23px}.capture-btn small{color:#9eb1c9}.selected-block{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.thumb-item{position:relative;background:#081421;border:1px solid #213650;border-radius:14px;overflow:hidden}.thumb-media{height:118px;background:#07101b;display:grid;place-items:center}.thumb-media img{width:100%;height:100%;object-fit:cover}.file-glyph{font-size:40px;color:#89a8cc}.thumb-meta{padding:8px;min-width:0}.thumb-meta b,.thumb-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-meta b{font-size:12px}.thumb-meta small{font-size:10px;color:var(--muted);margin-top:3px}.thumb-delete{position:absolute;left:6px;top:6px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(6,12,20,.85);color:white;font-size:20px;cursor:pointer}.hint{font-size:11px;color:var(--muted);margin-top:9px}.supported.compact{justify-content:flex-start}.live-card{min-height:360px}.live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.live-head h3{margin-bottom:4px}.live-status{white-space:nowrap;font-size:11px;border-radius:99px;padding:6px 9px;border:1px solid #304966;color:#b7cbe4;background:#0a1727}.live-status.reading{color:#fde68a;border-color:#735f26}.live-status.ready{color:#86efac;border-color:#276647}.live-status.error{color:#fda4af;border-color:#6a2b3a}.live-empty{min-height:235px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:25px}.confidence-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.confidence-row>div{background:#081522;border:1px solid #1d3148;border-radius:13px;padding:11px}.confidence-row span,.preview-kv span,.preview-action span,.temporal-box span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.confidence-row strong{font-size:20px}.preview-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-kv>div,.preview-action,.temporal-box>div{background:#0a1727;border:1px solid #1d3148;border-radius:12px;padding:10px}.preview-kv b{font-size:12px}.preview-action{margin-top:8px}.preview-action p{margin:0;line-height:1.7;font-size:13px}.temporal-box{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.similar-live-list{display:grid;gap:8px}.similar-live{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:12px;background:#0a1727;border:1px solid #1d3148;border-radius:13px}.similar-live:hover{border-color:#456994}.similar-score{height:44px;border-radius:12px;display:grid;place-items:center;background:#132a46;color:#8bc5ff;font-weight:800}.similar-live b,.similar-live small{display:block}.similar-live small{color:var(--muted);margin-top:4px}.preview-doc{max-height:330px}.submit-dock{position:sticky;bottom:12px;z-index:8;margin-top:18px;background:rgba(10,23,39,.95);backdrop-filter:blur(15px);border:1px solid #36567f;border-radius:17px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 18px 60px rgba(0,0,0,.42)}.submit-dock small{display:block;color:var(--muted);margin-top:3px}
@media(max-width:900px){.intake-grid{grid-template-columns:1fr}.live-card{min-height:0}.capture-actions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.capture-actions{grid-template-columns:1fr 1fr}.capture-btn:first-child{grid-column:1/-1;min-height:92px}.thumb-grid{grid-template-columns:repeat(2,1fr)}.preview-kv{grid-template-columns:1fr}.temporal-box{grid-template-columns:1fr}.similar-live{grid-template-columns:50px 1fr}.similar-live>span{display:none}.submit-dock{bottom:8px;align-items:stretch;flex-direction:column}.submit-dock .btn{width:100%;padding:13px}.confidence-row{grid-template-columns:1fr 1fr}}