:root{font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:#182a40;background:#f7f8fb;font-synthesis:none;--navy:#142942;--teal:#c4763e;--text:#172b43;--sub:#718091;--border:#e2e7ee;--paper:#fff;--bg:#f7f8fb;--shadow:0 12px 34px rgba(24,51,72,.04)}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f0ad76;outline-offset:2px}.hidden{display:none!important}
#app{min-height:100vh}.initial-loading{min-height:100vh;display:grid;place-items:center;color:var(--sub)}.layout{display:flex;min-height:100vh;direction:rtl}.sidebar{background:linear-gradient(160deg,#192f4c 0%,#0e2138 72%);color:#d8e6ea;position:sticky;top:0;height:100vh;width:270px;flex-shrink:0;display:flex;flex-direction:column;padding:29px 16px 20px;box-shadow:-5px 0 25px rgba(17,35,55,.08);z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:4px 14px 28px;border-bottom:1px solid #ffffff16;margin-bottom:19px}.brand-mark{background:linear-gradient(145deg,#f8bf91,#e99f68);color:#fff;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;box-shadow:0 6px 21px #efa87335}.brand-title{font-size:23px;font-weight:800;color:white;letter-spacing:.3px}.brand-sub{font-size:10px;color:#a7c0cc;margin-top:3px}.section-label{font-size:11px;letter-spacing:1px;color:#8faab7;padding:7px 16px 13px}.nav{overflow:auto;display:flex;flex-direction:column;gap:6px;flex:1}.nav-link{width:100%;border:0;background:none;color:#cfdee4;border-radius:11px;padding:13px 14px;display:flex;align-items:center;gap:13px;text-align:right;font-size:13px;transition:background .15s}.nav-link:hover{background:#ffffff10}.nav-link.active{color:white;background:#c47744;font-weight:700;box-shadow:0 8px 22px #111e3038}.nav-link svg{width:19px;height:19px;stroke-width:1.7}.sidebar-footer{border-top:1px solid #ffffff24;padding:19px 12px 0;display:flex;align-items:center;gap:10px;font-size:11px;color:#abc2ca}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#38506d;color:white;font-weight:800;font-size:16px}.sidebar-footer strong{display:block;color:white;font-size:12px;margin-bottom:2px}.main{flex:1;min-width:0}.topbar{height:83px;background:#fff;border-bottom:1px solid #e7edf1;display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:14px}.breadcrumb{font-size:12px;color:#8493a0}.breadcrumb strong{font-size:14px;color:#172d41;margin-right:7px}.topbar-right{display:flex;align-items:center;gap:17px;color:#516b7f}.icon-button{border:1px solid var(--border);border-radius:11px;background:white;padding:9px;display:inline-flex;align-items:center;justify-content:center;color:#657b8c}.icon-button svg{width:19px;height:19px}.top-pill{font-size:11px;color:#9b5529;background:#fff0e3;padding:8px 12px;border-radius:40px;font-weight:700}.content{max-width:1480px;margin:auto;padding:34px 36px 50px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.eyebrow{color:#b96b37;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:8px}.page-title{font-size:29px;margin:0 0 9px;font-weight:800;line-height:1.45;color:#1b3041}.page-description{margin:0;color:var(--sub);font-size:13px;line-height:1.9}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;padding:12px 16px;white-space:nowrap;font-size:12px;font-weight:700;transition:transform .12s,background .12s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#173655;color:white;box-shadow:0 6px 16px #18355329}.btn-primary:hover{background:#122a45}.btn-outline{background:white;border-color:#dfe8ed;color:#30475a}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-small{padding:7px 11px;font-size:11px}.btn svg{width:15px;height:15px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.kpi{background:var(--paper);border:1px solid #e7edf1;border-radius:17px;padding:21px;box-shadow:var(--shadow);position:relative;overflow:hidden;min-height:150px}.kpi:after{content:"";position:absolute;top:-25px;left:-25px;background:#fff6ec;border-radius:50%;width:96px;height:96px}.kpi-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.kpi-label{font-size:12px;color:#6b8090}.kpi-ico{height:36px;width:36px;display:grid;place-items:center;background:#fff0e4;border-radius:11px;color:#b56b39}.kpi-ico svg{height:19px;width:19px}.kpi-value{font-size:31px;font-weight:800;position:relative;z-index:1;color:#20374b;margin-top:20px;font-variant-numeric:tabular-nums}.kpi-note{font-size:11px;color:#8aa0ad;position:relative;z-index:1;margin-top:4px}.panel{background:#fff;border:1px solid #e4edf1;border-radius:17px;box-shadow:var(--shadow);padding:23px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.panel-title{font-size:16px;font-weight:800;margin:0;color:#21394a}.panel-sub{font-size:11px;color:#8293a0;margin-top:7px}.cols{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.cols.equal{grid-template-columns:1fr 1fr}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action{display:flex;align-items:center;gap:12px;background:#f8fafb;border:1px solid #edf1f4;border-radius:13px;padding:17px;text-align:right;cursor:pointer;color:#22394c;font-size:12px;font-weight:700}.quick-action:hover{border-color:#e7bc98;background:#fff7ef}.quick-icon{height:38px;width:38px;border-radius:11px;background:#fff0e1;color:#bf6d37;display:grid;place-items:center}.quick-icon svg{height:18px;width:18px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:46px 20px;color:#95a4ae;gap:10px}.empty strong{color:#506a7e;font-size:14px}.empty span{font-size:12px;max-width:350px;line-height:2}.empty-icon{width:55px;height:55px;border-radius:18px;background:#f0f6f8;display:grid;place-items:center;color:#a5b8c2}.empty-icon svg{width:24px;height:24px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:right;min-width:650px}.table th{background:#f7f9fa;color:#7b8d9a;font-size:11px;font-weight:700;padding:14px 15px;white-space:nowrap}.table td{border-top:1px solid #eff3f5;padding:15px;font-size:12px;color:#30485a;vertical-align:middle}.table tr:hover td{background:#fbfdfd}.mono{font-family:ui-monospace,Consolas,monospace;direction:ltr;display:inline-block;letter-spacing:-.5px}.strong{font-weight:800;color:#1b3749}.status{display:inline-block;font-size:10px;font-weight:700;padding:6px 11px;border-radius:99px;color:#946b19;background:#fff6e2;white-space:nowrap}.status.active,.status.delivered,.status.accepted,.status.approved{background:#e5f8ee;color:#187c56}.status.closed,.status.rejected{background:#fcebea;color:#a44b4d}.status.new,.status.pending,.status.planned{background:#ebf1fc;color:#5277ad}.status.reviewed,.status.assigned{background:#fff5df;color:#ad7e13}.filters{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:18px}.input,.select,.textarea{border:1px solid #e2e7ee;background:white;border-radius:10px;padding:12px 13px;color:#21394e;font-size:12px;min-height:42px;max-width:100%;width:100%;transition:border .2s}.input:focus,.select:focus,.textarea:focus{border-color:#c4763e;outline:none;box-shadow:0 0 0 3px #cc844520}.filters .input{width:300px}.filters .select{width:190px}.region-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:18px}.tree{display:flex;flex-direction:column;gap:7px}.tree-btn{background:transparent;border:0;padding:12px 13px;display:flex;gap:8px;align-items:center;color:#496174;text-align:right;border-radius:10px;width:100%;font-size:12px}.tree-btn:hover,.tree-btn.active{background:#fff1e4;color:#9d572e;font-weight:700}.tree-child{padding-right:18px}.tree-btn svg{width:16px;height:16px}.region-subtext{font-size:10px;color:#92a2ad;margin-right:auto}.help-banner{display:flex;gap:12px;align-items:center;background:linear-gradient(110deg,#fff3e7,#faf8f4);border:1px solid #f0dcc9;border-radius:14px;padding:16px 19px;color:#416575;font-size:12px;line-height:1.9;margin-bottom:24px}.help-banner svg{width:21px;height:21px;color:#b66b36;flex-shrink:0}.mini-section{font-size:12px;color:#7e929e;margin:18px 0 9px}.report-row{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:12px 0}.bar-track{height:9px;background:#edf3f5;border-radius:99px;overflow:hidden;flex:1;margin:0 10px}.bar-fill{height:100%;background:linear-gradient(90deg,#eab082,#cb7840);border-radius:99px}.tag{font-size:10px;background:#eef4f7;color:#526d80;padding:5px 9px;border-radius:8px}.modal-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#092039a9;z-index:90;padding:18px}.modal{background:white;width:min(620px,100%);border-radius:19px;box-shadow:0 30px 85px #10243640;max-height:90vh;overflow:auto}.modal-header{padding:23px 27px;border-bottom:1px solid #edf1f3;display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:18px;margin:0}.modal-body{padding:25px 27px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf1f3;padding:17px 27px}.field{margin-bottom:18px}.field label{display:block;color:#4a6173;font-size:12px;font-weight:700;margin-bottom:9px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-help{color:#92a1ab;font-size:10px;margin-top:6px}.textarea{resize:vertical;min-height:90px}.login-scene{min-height:100vh;display:grid;grid-template-columns:1fr 1.15fr;background:#fff}.login-form-wrap{padding:60px max(7vw,40px);display:flex;flex-direction:column;justify-content:center}.login-side{background:radial-gradient(circle at 25% 20%,#2d415b 0,#172f4a 30%,#0e2138 85%);padding:80px;display:flex;flex-direction:column;justify-content:center;color:white;position:relative;overflow:hidden}.login-side:after{content:"";position:absolute;border:1px solid #ffffff20;border-radius:50%;width:420px;height:420px;left:-140px;top:-100px}.login-side h1{font-size:45px;line-height:1.5;max-width:480px}.login-side p{max-width:420px;color:#d3ddea;line-height:2.1}.login-form-wrap h2{font-size:27px;margin:30px 0 8px}.login-form-wrap p{color:#8795a0;font-size:13px;line-height:1.9}.error{color:#a54343;background:#fff1f1;border:1px solid #f9d6d6;border-radius:9px;padding:11px;margin-top:10px;font-size:12px}.muted{color:#97a6af;font-size:11px}.text-button{border:0;background:none;color:#173655;font-size:11px;font-weight:700;padding:5px}.case-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.detail-key{font-size:10px;color:#94a3ac;margin-bottom:8px}.detail-value{font-size:13px;color:#233f51;font-weight:700}.details-box{padding:17px;background:#f7fafb;border-radius:12px}.mobile-menu,.backdrop{display:none}.toast{position:fixed;bottom:23px;left:25px;background:#122a45;color:white;border-radius:11px;padding:13px 18px;font-size:12px;z-index:100;transform:translateY(100px);opacity:0;transition:all .2s;box-shadow:0 15px 35px #233f452c;max-width:min(400px,90vw);line-height:1.7}.toast.show{transform:translateY(0);opacity:1}.login-note{margin-top:26px;background:#f2f7f8;padding:14px;border-radius:11px;font-size:11px;line-height:2;color:#6f818c}.dev-flag{background:#fff4e1;color:#9b761d;padding:7px 11px;border-radius:8px;font-size:11px;font-weight:700}
@media(max-width:1200px){.cards{grid-template-columns:repeat(2,1fr)}.content{padding:26px}.cols{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{position:fixed;right:0;transform:translateX(105%);transition:transform .2s;width:280px}.sidebar.open{transform:translateX(0)}.backdrop.visible{display:block;position:fixed;inset:0;background:#13293880;z-index:25}.mobile-menu{display:inline-flex}.topbar{height:70px;padding:0 20px}.content{padding:20px 16px}.title-row{flex-wrap:wrap}.page-title{font-size:24px}.region-layout{grid-template-columns:1fr}.sidebar-footer{margin-top:15px}.login-scene{grid-template-columns:1fr}.login-side{display:none}.login-form-wrap{min-height:100vh;padding:35px}.field-grid{grid-template-columns:1fr}}
@media(max-width:520px){.cards{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:15px;min-height:135px}.kpi-value{font-size:23px}.kpi-label{font-size:10px}.quick-grid{grid-template-columns:1fr}.top-pill{display:none}.filters .input,.filters .select{width:100%}.panel{padding:16px}.case-detail{grid-template-columns:1fr}.title-row .btn{width:100%}.kpi:after{width:63px;height:63px}}


/* ATAA design system v0.2: navy foundations with restrained light orange accents. */
:root {
  --navy:#142942;
  --navy-strong:#0e2138;
  --orange:#f2ae78;
  --orange-ink:#ac6032;
  --orange-soft:#fff2e7;
  --paper:#fff;
  --bg:#f7f8fb;
  --shadow:0 10px 32px rgba(17,39,66,.055);
}
body { background:var(--bg); }
.sidebar { background:linear-gradient(165deg,#1a3452 0%,#0f223a 90%); }
.brand-mark { background:linear-gradient(140deg,#ffd4ae,#efab75);color:#263e59;box-shadow:0 8px 24px rgba(227,151,93,.24); }
.nav-link { border-inline-start:3px solid transparent; }
.nav-link.active { background:rgba(248,178,121,.17);border-inline-start-color:#f2b37f;color:#ffdec4;box-shadow:none; }
.nav-link:hover:not(.active) { background:rgba(255,255,255,.08); }
.eyebrow {color:var(--orange-ink);}
.btn-primary { background:var(--navy); color:#fff; box-shadow:0 8px 18px rgba(20,41,66,.14); }
.btn-primary:hover { background:#25496c; }
.btn-outline:hover { border-color:#e1b899;background:#fffaf5; }
.kpi-ico,.quick-icon {background:var(--orange-soft);color:#ad6234;}
.kpi:after {background:#fff4e9;}
.top-pill {background:#fff2e8;color:#a96034;}
.tree-btn:hover,.tree-btn.active {background:#fff2e6;color:#a55d2f;}
.help-banner {background:linear-gradient(115deg,#fff5eb,#f7f8fc);border-color:#efdeca;color:#495e75;}
.help-banner svg {color:#bc7341;}
.bar-fill {background:linear-gradient(90deg,#f4bd91,#d68950);}
.input:focus,.select:focus,.textarea:focus {border-color:#c47d47;box-shadow:0 0 0 3px rgba(239,174,118,.15);}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid #ecb083;outline-offset:2px;}
.quick-action:hover {background:#fff8f0;border-color:#f0d2b5;}
.login-side {background:radial-gradient(circle at 18% 20%,#344f70 0,#193653 38%,#0d2036 100%);}
.login-side p {color:#d7e1ed;}
.text-button {color:#a95e31;}
.tag {background:#fff3e9;color:#8d552c;}
.case-modal-layer .modal {width:min(1000px,100%);}
.modal-wide {width:min(1000px,100%);}
.case-summary {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(110deg,#f0f4f9,#fff6ef);border:1px solid #e9e8e7;border-radius:15px;padding:20px 24px;margin-bottom:20px;}
.case-kicker {font-size:11px;color:#af6335;font-weight:800;margin-bottom:5px;}
.case-code {display:block;font-family:Consolas,monospace;direction:ltr;text-align:right;font-size:14px;color:#314c67;}
.case-summary h4 {font-size:20px;color:#152a44;margin:5px 0;}
.case-summary span {font-size:12px;color:#718194;}
.case-summary-aside {display:flex;align-items:flex-end;flex-direction:column;gap:11px;}
.case-tabs {display:flex;flex-wrap:wrap;align-items:center;gap:5px;border-bottom:1px solid #e5eaf1;margin-bottom:22px;}
.case-tab {background:transparent;border:0;border-bottom:3px solid transparent;color:#63748b;padding:12px 16px 13px;font-size:12px;font-weight:700;}
.case-tab:hover {background:#fff8f0;color:#9b5d30;}
.case-tab.is-active {border-bottom-color:#eead78;color:#163453;}
.case-tab-panel {min-height:170px;}
.case-detail {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.details-box {background:#f6f8fb;border:1px solid #ecf0f5;padding:15px;}
.detail-key {font-size:11px;color:#738397;}
.detail-value {font-size:13px;color:#182f4b;overflow-wrap:anywhere;line-height:1.7;}
.case-section-header {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:26px 0 15px;}
.case-section-header h4 {font-size:15px;margin:0;color:#1a344f;}
.case-section-header p {margin:7px 0 0;color:#738398;font-size:11px;line-height:1.6;}
.social-note {border-right:3px solid #f1b684;background:#fff9f4;padding:15px 17px;margin-top:17px;color:#4b6278;font-size:12px;line-height:2;border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere;}
@media(max-width:800px) {.case-detail {grid-template-columns:repeat(2,minmax(0,1fr));}.case-summary {padding:16px;}.case-tab {flex:1;white-space:nowrap;padding:12px 8px;}}
@media(max-width:520px) {.case-detail {grid-template-columns:1fr;}.case-tabs {flex-wrap:nowrap;overflow-x:auto;}.case-tab {flex:none;}.case-summary h4 {font-size:17px;}.case-summary-aside {align-items:flex-start;}.modal-body {padding:18px;}}

/* Contain wide tabular data without expanding narrow RTL viewports. */
html,body { max-width:100%;overflow-x:clip; }
.main,.content,.panel,.region-layout,.region-layout > * {min-width:0;}
.table-wrap {max-width:100%;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;}
@media(max-width:800px) {
  .region-layout { grid-template-columns:minmax(0,1fr); }
  .cols,.cols.equal {grid-template-columns:minmax(0,1fr);}
  .case-summary-aside {gap:5px;}
}

/* V0.3: research decisions and private-document actions */
.table-actions {display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:210px}
.table-actions .btn {white-space:nowrap}
.case-tab-panel .table-wrap {margin-top:12px}
.modal-body .form-help {font-size:11px;line-height:1.8}
.modal .field label {font-size:12px}
@media(max-width:520px){.table-actions{min-width:185px}.modal-overlay{padding:10px}.modal{max-height:94dvh}.modal-header{padding:17px 18px}}
/* V0.4 dossiers: clear RTL navigation, private history, signature provenance */
.case-action-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 15px;padding:10px 0}
.case-action-toolbar small{color:#62748a;line-height:1.8}
.signature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;margin-top:18px}
.signature-tile{border:1px solid #e4eaf1;border-radius:12px;padding:12px;background:#fbfcfe;display:flex;flex-direction:column;gap:7px;color:#223c58}
.signature-tile img{object-fit:contain;max-height:130px;width:100%;background:#fff;border:1px solid #eceff4;border-radius:7px;padding:5px}
.signature-tile span,.signature-tile small{font-size:11px;color:#6c7d91}
.signature-preview{position:relative;display:inline-block;max-width:100%;max-height:46vh;overflow:auto;margin:12px 0;background:#fff;border:1px solid #d4dce8;border-radius:9px}
.signature-preview img{display:block;max-width:100%;max-height:43vh;width:auto;user-select:none;touch-action:none;cursor:crosshair}
.signature-selection{position:absolute;display:none;border:2px dashed #dd8347;background:rgba(243,177,118,.18);pointer-events:none}
.history-list{border-right:2px solid #e9d4bf;margin:15px 0 5px;padding-right:18px;display:grid;gap:16px}
.history-event{position:relative;padding:12px 16px;border:1px solid #e8ecf2;border-radius:10px;background:#fbfcfe;display:grid;gap:4px}
.history-event::before{content:'';position:absolute;right:-25px;top:20px;width:10px;height:10px;background:#e8a470;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #e6ccae}
.history-event time{color:#687f97;font-size:11px}.history-event strong{color:#142942}.history-event span{line-height:1.8;font-size:12px;color:#4e647b}
.case-tab{min-height:44px}.modal-wide .modal-body{overflow-wrap:anywhere}
@media(max-width:700px){.case-action-toolbar{flex-direction:column;align-items:stretch}.signature-preview{max-height:38vh}}
.revision-card{margin:10px 0;border:1px solid #e3e9f1;border-radius:12px;background:#fafbfd;overflow:hidden}
.revision-card summary{cursor:pointer;padding:13px 16px;font-size:12px;color:#243f5b;font-weight:700;list-style-position:inside}
.revision-card[open] summary{background:#fff2e7;border-bottom:1px solid #f0dfce}
.revision-card .table-wrap{padding:12px}
/* Readability pass for Arabic text on 13-inch laptops and phones. */
.case-tab{font-size:13px;line-height:1.6}
.detail-key{font-size:12px;line-height:1.7}
.detail-value{font-size:14px;line-height:1.8}
.case-section-header h4{font-size:16px}
.history-event strong{font-size:13px}
.history-event span{font-size:13px}
.signature-tile b{font-size:13px}