/* ═══ MOTION_77 — نظام الحركة ═══
   قاعدة: لا منحنى مكتوب يدوياً في هذا الملف بعد اليوم. كل تخفيف من هنا.
   والمدد أسماءٌ لقيمٍ كانت قائمة، لا ضبطٌ جديد. */
:root{
--ease-out:cubic-bezier(.23,1,.32,1);
--ease-in-out:cubic-bezier(.77,0,.175,1);
--ease-drawer:cubic-bezier(.32,.72,0,1);
--dur-quick:140ms;--dur-fast:150ms;--dur-press:160ms;--dur-state:180ms;
--dur-panel:200ms;--dur-modal:250ms;--dur-collapse:280ms;--dur-drawer:500ms;
--dir:1}
[dir=rtl]{--dir:-1}
@font-face{font-family:"Dubai";src:url("/fonts/Dubai-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
/* HOME_HERO_86: وجهُ دبي العريض للعائلة نفسها — قبله كان المتصفّح يصطنع
   العريض من العادي، والتغليظ الصناعي يلطّخ وصلات الحرف العربي. */
@font-face{font-family:"Dubai";src:url("/fonts/Dubai-Bold-2.ttf") format("truetype");font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:"Omar Bold";src:url("/fonts/Omar-Bold-1.ttf") format("truetype");font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:"Dubai Bold";src:url("/fonts/Dubai-Bold-2.ttf") format("truetype");font-weight:700 900;font-style:normal;font-display:swap}
:root{--bg:#f5f7fb;--surface:#fff;--text:#10213d;--muted:var(--sys-ink-3)/* NEUTRAL_RAMP_84 */;--line:#e0e6ef;--primary:#17345d;--primary2:#31588e;--violet:#6254d9;--violet-soft:#f0edff;--green:#106B4D;--shadow:0 12px 35px rgba(31,50,81,.065);--r:20px;--font-app:"Dubai",Tahoma,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{direction:rtl}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-app);font-variant-numeric:lining-nums tabular-nums;overflow:hidden}button,input,select,textarea{font:inherit;font-variant-numeric:inherit}.app{height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 10% -10%,rgba(49,88,142,.08),transparent 28%),var(--bg)}
input[type="date"],input[type="datetime-local"],input[type="time"]{direction:ltr;text-align:right}
.top{height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 22px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);z-index:5}.brand{display:flex;align-items:center;gap:11px;min-width:215px}.brandmark{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#102b50,var(--pal-navy-3));color:white;font-weight:900;box-shadow:0 8px 20px rgba(23,52,93,.18)}.brand strong{display:block;font-size:15px}.brand small{display:block;color:#8a98aa;margin-top:3px;font-size:10px;font-weight:700}
.modules{display:flex;justify-content:center;gap:7px}.module{height:44px;display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:15px;background:transparent;color:var(--sys-ink-3);padding:0 13px;transition:background var(--dur-panel) ease,box-shadow var(--dur-panel) ease,color var(--dur-panel) ease,opacity var(--dur-panel) ease,max-width var(--dur-panel) ease/* MOTION_77_LAYOUT_OK: عرض تسمية الوحدة عند الطيّ */;white-space:nowrap}.module .txt{max-width:0;opacity:0;overflow:hidden;transition:opacity var(--dur-panel) ease,max-width var(--dur-panel) ease/* MOTION_77_LAYOUT_OK: عرض تسمية الوحدة عند الطيّ */;font-size:12px;font-weight:800}.module:hover{background:#f3f6fa;color:var(--primary)}.module:hover .txt,.module.active .txt{max-width:150px;opacity:1}.module.active{background:var(--primary);color:var(--sys-on-fill);box-shadow:0 8px 18px rgba(23,52,93,.15)}.ico{width:19px;height:19px;display:grid;place-items:center;font-size:17px}.actions{display:flex;align-items:center;gap:9px}.search{height:42px;width:min(310px,27vw);display:flex;align-items:center;gap:8px;background:var(--sys-bg);border:1px solid var(--line);border-radius:14px;padding:0 12px}.search input{border:0;outline:0;background:transparent;width:100%;color:var(--text)}.bell{width:42px;height:42px;border:1px solid var(--line);background:var(--sys-surface);border-radius:14px;position:relative;color:var(--primary)}.bell:after{content:"";position:absolute;left:8px;top:7px;width:7px;height:7px;background:#ef476f;border-radius:50%;box-shadow:0 0 0 2px white}.user{display:flex;align-items:center;gap:8px}.avatar{width:37px;height:37px;border-radius:50%;background:#dfe8f5;color:var(--primary);display:grid;place-items:center;font-weight:900}.user small{display:block;color:var(--sys-ink-3);font-size:9px;margin-top:2px}
.tabs{height:47px;display:flex;align-items:end;gap:3px;padding:0 22px;background:var(--sys-surface);border-bottom:1px solid var(--line);overflow:auto;z-index:4}.tab{height:36px;border:0;border-radius:11px 11px 0 0;background:transparent;color:var(--sys-ink-3);padding:0 13px;font-size:11px;font-weight:800}.tab.active{background:var(--bg);color:var(--primary);box-shadow:inset 0 2px 0 var(--primary)}
.main{flex:1;min-height:0;overflow:auto}.page{display:none;height:100%}.page.active{display:block}.wrap{max-width:1480px;margin:auto;padding:27px}.head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.eyebrow{color:var(--primary2);font-size:11px;font-weight:900}.head h1{font-size:29px;margin:5px 0 0}.head p{margin:7px 0 0;color:var(--muted);font-size:12px;font-weight:600}.status{display:inline-flex;align-items:center;gap:7px;border:1px solid #cfeadd;background:#effaf5;color:var(--green);border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900}.status:before{content:"";width:7px;height:7px;background:currentColor;border-radius:50%}
.grid{display:grid;gap:16px}.summary{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.sum{padding:18px;display:flex;align-items:center;gap:13px}.sumicon{width:48px;height:48px;border-radius:15px;background:var(--pal-navy-tint);color:var(--primary2);display:grid;place-items:center;font-size:21px}.sum:nth-child(2) .sumicon{background:#fff5e5;color:#bb7912}.sum:nth-child(3) .sumicon{background:#ebf8f2;color:var(--pal-green)}.num{font-size:25px;font-weight:900;line-height:1}.sumtitle{font-size:12px;font-weight:900;margin-top:5px}.meta{font-size:10px;color:#98a4b3;margin-top:5px}.dash{grid-template-columns:1.35fr .9fr}.assistant{padding:23px;background:linear-gradient(145deg,#fff 20%,#f1efff 100%);border-color:#ddd8ff}.atitle{display:flex;gap:10px;align-items:center;font-weight:900}.spark{width:40px;height:40px;border-radius:14px;background:#edeaff;color:var(--violet);display:grid;place-items:center}.assistant p{color:#5b607a;font-size:12px;line-height:1.9;margin:18px 0}.ask{display:flex;gap:8px}.ask input{flex:1;height:47px;border-radius:14px;border:1px solid #dcd7fb;background:var(--sys-surface);padding:0 14px;outline:0}.primary{border:0;border-radius:14px;background:var(--sys-accent)/* READER_SYS_87 */;color:var(--sys-on-fill);padding:0 18px;font-size:11px;font-weight:900}.pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.pill{border:1px solid #dcd7fb;background:rgba(255,255,255,.88);color:#6157a5;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900}.stack{display:grid;gap:14px}.panel{padding:17px}.ptitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:900}.link{border:0;background:none;color:var(--primary2);font-size:9px;font-weight:900}.row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--sys-fill)}.row:first-of-type{border-top:0}.date{width:42px;height:42px;border-radius:12px;background:var(--pal-navy-tint);color:var(--primary2);display:grid;place-items:center;font-weight:900;font-size:12px;line-height:1}.date small{font-size:8px}.grow{flex:1;min-width:0}.grow b{display:block;font-size:10px}.grow small{display:block;font-size:9px;color:#98a4b3;margin-top:4px}.time{font-size:9px;color:#98a4b3}.taskdot{width:11px;height:11px;border:2px solid #bcc8d6;border-radius:50%}.taskdot.urgent{border-color:#ef476f;background:#fff0f4}.activities{margin-top:16px;padding:17px}.activitygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.activity{display:flex;gap:10px;background:var(--sys-bg);padding:13px;border-radius:14px}.mini{width:34px;height:34px;background:var(--pal-navy-tint);color:var(--primary2);border-radius:11px;display:grid;place-items:center}.activity b{font-size:10px}.activity small{display:block;color:#8f9cad;font-size:9px;margin-top:4px}
.assistant-layout{display:grid;grid-template-columns:260px 1fr;gap:18px}.side{padding:12px;height:max-content}.sidehead{padding:8px 9px 11px;color:#98a4b3;font-size:10px;font-weight:900}.sidebtn{width:100%;text-align:right;border:0;border-radius:12px;background:transparent;color:#708096;padding:11px;font-size:11px;font-weight:800;margin-bottom:3px}.sidebtn.active{background:var(--violet-soft);color:#5e53ac}.sidebtn:hover{background:#f5f7fa;color:var(--primary)}.engine{padding:20px;min-height:620px;display:flex;flex-direction:column}.enginehead{display:flex;justify-content:space-between;gap:12px}.enginehead h2{margin:0;font-size:20px}.enginehead p{color:var(--muted);font-size:11px;line-height:1.8}.engineframe{flex:1;min-height:520px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--sys-surface)}.engineframe iframe{width:100%;height:100%;min-height:600px;border:0}.install{height:100%;min-height:520px;display:grid;place-items:center;text-align:center;color:#8b6b18;background:#fffaf0;padding:30px}.install b{display:block;color:#654b0e;font-size:17px;margin-bottom:8px}
.documents{height:100%;display:flex;flex-direction:column}.subnav{height:53px;display:flex;align-items:center;gap:7px;padding:0 18px;background:var(--sys-surface);border-bottom:1px solid var(--line)}.subnav strong{font-size:12px;margin-left:8px}.subbtn{border:0;border-radius:11px;background:transparent;color:var(--sys-ink-3);padding:8px 11px;font-size:10px;font-weight:900}.subbtn.active{background:var(--sys-accent);color:var(--sys-on-fill)}.legacyframe{flex:1;min-height:0;background:#f5f7fb}.legacyframe iframe{width:100%;height:100%;border:0}.clients{display:grid;grid-template-columns:1fr 290px;gap:18px}.clientlist{overflow:hidden}.clienttop{padding:14px 17px;border-bottom:1px solid var(--sys-fill);display:flex;justify-content:space-between;align-items:center}.clientrow{display:grid;grid-template-columns:1fr 90px 90px auto;gap:10px;align-items:center;padding:14px 17px;border-top:1px solid var(--sys-fill)}.clientrow:first-of-type{border-top:0}.clientname{display:flex;gap:10px;align-items:center}.clientname b{font-size:11px}.clientname small{display:block;color:var(--sys-ink-3);font-size:9px;margin-top:3px}.metric{text-align:center}.metric b{display:block;font-size:12px}.metric small{color:var(--sys-ink-3);font-size:8px}.smallbtn{height:32px;border:1px solid var(--line);background:var(--sys-surface);border-radius:10px;padding:0 10px;color:var(--primary2);font-size:9px;font-weight:900}.stats{padding:17px;height:max-content}.statbox{background:var(--sys-bg);border-radius:14px;padding:13px;margin-top:9px}.statbox b{display:block;font-size:21px}.statbox small{font-size:9px;color:var(--sys-ink-3)}.mobile{display:none}
@media(max-width:1050px){.top{grid-template-columns:auto 1fr}.actions{display:none}.dash,.assistant-layout,.clients{grid-template-columns:1fr}.activitygrid{grid-template-columns:1fr}.stack{grid-template-columns:1fr 1fr}.modules{justify-content:flex-end}}@media(max-width:760px){.top{height:64px;padding:0 13px}.modules{display:none}.brand small{display:none}.tabs{padding:0 11px}.wrap{padding:16px 13px 80px}.summary{grid-template-columns:1fr}.dash{grid-template-columns:1fr}.stack{grid-template-columns:1fr}.activitygrid{grid-template-columns:1fr}.clientrow{grid-template-columns:1fr auto}.clientrow .metric{display:none}.mobile{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;right:0;left:0;bottom:0;background:var(--sys-surface);border-top:1px solid var(--line);padding:5px;z-index:20}.mobile button{border:0;background:transparent;color:var(--sys-ink-3);border-radius:10px;padding:8px 2px;font-size:9px;font-weight:900}.mobile button.active{background:var(--pal-navy-tint);color:var(--primary)}}

/* Settings workspace — Stage 13 */
.settings-wrap{max-width:1180px}.settings-head{margin-bottom:18px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.settings-security-card{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;overflow:hidden}.settings-security-card:after{content:"";position:absolute;left:-90px;bottom:-100px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(49,88,142,.1),transparent 70%);pointer-events:none}.settings-card-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#e9f6f0,#f4fbf8);border:1px solid #d1eadf;color:var(--pal-green)}.settings-card-icon .app-icon{width:28px;height:28px}.settings-card-content{min-width:0}.settings-kicker{color:var(--pal-green);font-size:9px;font-weight:900}.settings-card-content h2{margin:5px 0 0;font-size:18px}.settings-card-content p{max-width:650px;margin:7px 0 0;color:var(--sys-ink-3);font-size:10px;font-weight:700;line-height:1.9}.settings-features{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.settings-features span{padding:6px 9px;border:1px solid #e0e7ef;border-radius:999px;background:var(--sys-bg);color:var(--sys-ink-3);font-size:8px;font-weight:900}.settings-security-card>.primary{position:relative;z-index:1;height:42px;white-space:nowrap;cursor:pointer}.settings-security-card>.primary .app-icon{width:16px;height:16px}@media(max-width:720px){.settings-security-card{grid-template-columns:52px 1fr;padding:18px}.settings-card-icon{width:52px;height:52px;border-radius:16px}.settings-security-card>.primary{grid-column:1/-1;width:100%;justify-content:center}.settings-features{gap:5px}}

/* Stage D — document to legal-search bridge */
.lawcontext{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:16px 0;padding:14px 15px;border:1px solid #d9d4fb;border-radius:16px;background:linear-gradient(135deg,#faf9ff,#f1efff)}
.lawcontext[hidden]{display:none!important}.lawctx-main{min-width:0;flex:1}.lawctx-title{font-size:11px;font-weight:900;color:#4f45a9}.lawctx-meta{margin-top:5px;font-size:10px;font-weight:800;color:var(--sys-ink-2);word-break:break-word}.lawctx-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.lawctx-tag{padding:5px 9px;border-radius:999px;background:var(--sys-surface);border:1px solid #ded9ff;color:#5a50a7;font-size:9px;font-weight:900}.lawctx-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.lawctx-state{padding:6px 9px;border-radius:999px;background:var(--sys-surface);color:var(--sys-ink-3);border:1px solid var(--sys-separator);font-size:9px;font-weight:900}.lawctx-state.saved{background:var(--sys-fill,#f2f2f7);border-color:var(--sys-ink-2,#3a3a3c);color:var(--sys-ink,#1d1d1f)}.stage-toast{position:fixed;left:22px;bottom:22px;z-index:60;max-width:min(420px,calc(100vw - 30px));padding:11px 14px;border-radius:13px;background:var(--pal-navy);color:var(--sys-on-fill);box-shadow:0 14px 35px rgba(23,52,93,.25);font-size:10px;font-weight:900;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity var(--dur-panel) var(--ease-out),transform var(--dur-panel) var(--ease-out)}.stage-toast.show{opacity:1;transform:translateY(0)}
@media(max-width:760px){.lawcontext{flex-direction:column}.lawctx-actions{justify-content:flex-start}.stage-toast{left:15px;right:15px;bottom:75px;max-width:none}}

/* Clients module — Stage 1 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clients-wrap{max-width:1380px}.client-add{height:42px;cursor:pointer}.client-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.client-metric{padding:15px;display:flex;align-items:center;gap:12px}.client-metric>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--sys-bg);color:var(--sys-ink-3);font-size:18px;font-weight:900}.client-metric.green>span{background:#ecfdf5;color:#059669}.client-metric.blue>span{background:var(--pal-blue-tint);color:var(--pal-blue-2)}.client-metric.amber>span{background:#fffbeb;color:#d97706}.client-metric b{display:block;font-size:23px;line-height:1}.client-metric small{display:block;color:var(--sys-ink-3);font-size:9px;font-weight:800;margin-top:5px}.client-registry{overflow:hidden;min-height:330px}.client-filters{display:grid;grid-template-columns:1fr 180px 160px;gap:10px;padding:14px;border-bottom:1px solid var(--sys-fill)}.client-filters input,.client-filters select{width:100%;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--sys-bg);color:var(--text);outline:0;padding:0 11px;font-size:11px;font-weight:700}.client-filters input:focus,.client-filters select:focus{border-color:var(--primary2);background:var(--sys-surface)}.client-search{position:relative}.client-search span{position:absolute;right:12px;top:11px;color:var(--sys-ink-3)}.client-search input{padding-right:34px}.client-message{margin:14px;border-radius:13px;padding:11px 13px;background:var(--pal-rose-tint);color:#be123c;font-size:10px;font-weight:800}.clients-empty{min-height:300px;display:grid;place-items:center;text-align:center;padding:25px}.clients-empty .empty-icon{width:64px;height:64px;margin:auto;border-radius:22px;display:grid;place-items:center;background:var(--pal-navy-tint);color:var(--primary2);font-size:28px}.clients-empty h2{font-size:18px;margin:16px 0 7px}.clients-empty p{max-width:440px;margin:0 auto;color:var(--muted);font-size:11px;line-height:1.9}.clients-empty button{height:40px;margin-top:16px}.client-real-row{display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(175px,.9fr) minmax(150px,.75fr) auto;gap:12px;align-items:center;padding:14px 16px;border-top:1px solid var(--sys-fill);transition:background var(--dur-state) ease,box-shadow var(--dur-state) ease}.client-real-row:first-child{border-top:0}.client-real-row:hover{background:#fbfcfe}.client-main{display:flex;align-items:center;gap:10px;min-width:0}.client-avatar{width:42px;height:42px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--pal-navy-tint);color:var(--primary2);font-weight:900}.client-main b,.client-contact b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-main small,.client-contact small,.client-id-meta small{display:block;color:var(--sys-ink-3);font-size:9px;font-weight:700;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-status{display:inline-block;margin-right:5px;color:var(--pal-green)}.client-status.inactive{color:var(--sys-ink-3)}.client-row-actions{display:flex;gap:6px;justify-content:flex-end}.client-icon-btn{width:32px;height:32px;border:1px solid var(--line);border-radius:10px;background:var(--sys-surface);color:var(--sys-ink-3);cursor:pointer}.client-icon-btn:hover{background:var(--sys-bg);color:var(--primary2)}.client-icon-btn.danger{border-color:#ffe4e6;color:var(--pal-rose)}.client-icon-btn.danger:hover{background:var(--pal-rose-tint)}.client-count-note{padding:9px 16px;border-top:1px solid var(--sys-fill);color:var(--sys-ink-3);font-size:9px;font-weight:700}
.client-modal[hidden]{display:none!important}.client-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:rgba(11,23,42,.55);padding:16px;backdrop-filter:blur(4px)}.client-modal-card{width:min(720px,100%);max-height:92vh;overflow:auto;background:var(--sys-surface);border-radius:24px;box-shadow:0 28px 80px rgba(11,23,42,.28);padding:20px}.client-modal-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--sys-fill)}.client-modal-card h2{margin:0;font-size:19px}.client-modal-card header p{margin:5px 0 0;color:var(--sys-ink-3);font-size:10px;font-weight:700}.client-close{width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:var(--sys-surface);color:var(--sys-ink-3);font-size:22px;line-height:1;cursor:pointer}.client-close:hover{background:#f5f7fa}.client-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f5f7fb;border-radius:14px;padding:4px;margin:16px 0}.client-type-switch button{height:38px;border:0;border-radius:11px;background:transparent;color:var(--sys-ink-3);font-size:10px;font-weight:900;cursor:pointer}.client-type-switch button.active{background:var(--sys-surface);color:var(--primary);box-shadow:0 3px 10px rgba(31,50,81,.08)}.client-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.client-form-grid label>span,.client-wide>span{display:block;margin-bottom:6px;color:var(--sys-ink-2);font-size:10px;font-weight:900}.client-form-grid input,.client-form-grid select,.client-wide textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--sys-surface);color:var(--text);outline:0;padding:0 11px;font-size:11px;font-weight:700}.client-form-grid input,.client-form-grid select{height:40px}.client-wide{display:block;margin-top:13px}.client-wide textarea{padding:10px;resize:vertical;line-height:1.7}.client-form-grid input:focus,.client-form-grid select:focus,.client-wide textarea:focus{border-color:var(--primary2)}.client-form-grid .invalid{border-color:#fb7185}.field-error{min-height:13px;display:block;margin-top:4px;color:var(--pal-rose);font-size:8px;font-weight:800}.client-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid var(--sys-fill)}.client-form-actions .primary,.client-details-actions .primary{height:38px;cursor:pointer}.client-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.client-detail{border:1px solid var(--pal-line);border-radius:14px;padding:12px}.client-detail small{display:block;color:var(--sys-ink-3);font-size:8px;font-weight:900}.client-detail b{display:block;margin-top:7px;font-size:11px;word-break:break-word}.client-detail-section{margin-top:12px;padding:13px;border-radius:14px;background:var(--sys-bg)}.client-detail-section.notes{background:#fffbeb}.client-detail-section b{font-size:10px}.client-detail-section p{margin:7px 0 0;color:var(--sys-ink-2);font-size:10px;line-height:1.8;white-space:pre-wrap}.client-details-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--sys-fill)}.client-details-actions>div{display:flex;gap:7px}.client-danger{height:36px;border:0;border-radius:11px;background:transparent;color:var(--pal-rose);padding:0 12px;font-size:9px;font-weight:900;cursor:pointer}.client-danger:hover{background:var(--pal-rose-tint)}.client-danger.solid{background:var(--pal-rose);color:var(--sys-on-fill)}.client-confirm{z-index:80}.client-confirm .client-modal-card{max-width:410px}.client-confirm p{color:var(--muted);font-size:11px;line-height:1.8}.delete-icon{width:48px;height:48px;border-radius:15px;background:var(--pal-rose-tint);color:var(--pal-rose);display:grid;place-items:center;font-size:21px;margin-bottom:13px}
@media(max-width:900px){.client-metrics{grid-template-columns:1fr 1fr}.client-filters{grid-template-columns:1fr 1fr}.client-filters .client-search{grid-column:1/-1}.client-real-row{grid-template-columns:1fr auto}.client-contact,.client-id-meta{display:none}}@media(max-width:600px){.client-metrics{grid-template-columns:1fr 1fr}.client-metric{padding:12px}.client-metric>span{width:36px;height:36px}.client-metric b{font-size:19px}.client-form-grid,.client-detail-grid{grid-template-columns:1fr}.client-details-actions{align-items:stretch;flex-direction:column-reverse}.client-details-actions>div{justify-content:flex-end}.client-modal{padding:8px}.client-modal-card{border-radius:18px;padding:15px}}

/* Clients module — Stage 2: real cases linked to clients */
@media(min-width:901px){.client-metrics{grid-template-columns:repeat(6,1fr)}}
.client-case-count{margin-right:5px;color:var(--primary2)}.client-cases{margin-top:16px;padding-top:15px;border-top:1px solid var(--sys-fill)}.client-cases-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-cases-head h3{margin:0;font-size:13px}.client-cases-head small{display:block;margin-top:5px;color:var(--sys-ink-3);font-size:9px;font-weight:800}.client-cases-head .primary{height:36px;cursor:pointer}.case-filters{display:grid;grid-template-columns:1fr 150px;gap:8px;margin-top:12px}.case-filters input,.case-filters select{height:38px;border:1px solid var(--line);border-radius:11px;background:var(--sys-bg);padding:0 10px;color:var(--text);outline:0;font-size:10px;font-weight:800}.case-filters input:focus,.case-filters select:focus{border-color:var(--primary2);background:var(--sys-surface)}.case-list{margin-top:9px;border:1px solid var(--pal-line);border-radius:14px;overflow:hidden}.case-empty{min-height:105px;display:grid;place-content:center;text-align:center;padding:18px}.case-empty b{font-size:11px}.case-empty span{margin-top:6px;color:var(--sys-ink-3);font-size:9px;font-weight:700}.case-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 12px;border-top:1px solid var(--sys-fill)}.case-row:first-child{border-top:0}.case-row-main{min-width:0}.case-row-main b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.case-row-main small{display:block;margin-top:5px;color:var(--sys-ink-3);font-size:8px;font-weight:800}.case-row-main small span{color:var(--primary2)}.case-row-actions{display:flex;gap:5px}.case-row-actions button{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:var(--sys-surface);color:var(--sys-ink-3);cursor:pointer}.case-row-actions button:hover{background:var(--sys-bg)}.case-row-actions button.danger{border-color:#ffe4e6;color:var(--pal-rose)}.case-modal{z-index:90}.case-modal .client-modal-card{width:min(760px,100%)}.case-form-grid{margin-top:16px}.case-form-grid .field-error{margin-bottom:-13px}.case-modal .primary{height:38px;cursor:pointer}
@media(max-width:600px){.case-filters{grid-template-columns:1fr}.client-cases-head{align-items:flex-start}.case-row{align-items:start}.case-row-main small{line-height:1.7}}

/* Clients module — Stage 3: Document ID linking */
.client-document-count{margin-right:5px;color:var(--pal-violet)}.client-documents{margin-top:16px;padding-top:15px;border-top:1px solid var(--sys-fill)}.document-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 12px;border-top:1px solid var(--sys-fill)}.document-row:first-child{border-top:0}.document-row-main{min-width:0}.document-row-main b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.document-row-main small{display:block;margin-top:5px;color:var(--sys-ink-3);font-size:8px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-row-actions{display:flex;gap:5px}.document-row-actions button{height:30px;border:1px solid var(--line);border-radius:9px;background:var(--sys-surface);color:var(--primary2);padding:0 9px;font-size:8px;font-weight:900;cursor:pointer}.document-row-actions button:hover{background:var(--sys-bg)}.document-row-actions button.danger{border-color:#ffe4e6;color:var(--pal-rose)}.document-link-modal{z-index:95}.document-link-modal .client-modal-card{max-width:520px}.document-link-field{display:block;margin-top:16px}.document-link-field>span{display:block;margin-bottom:7px;color:var(--sys-ink-2);font-size:10px;font-weight:900}.document-link-field select{width:100%;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--sys-surface);color:var(--text);padding:0 11px;outline:0;font-size:10px;font-weight:800}.document-link-field select:focus{border-color:var(--primary2)}
@media(max-width:600px){.document-row{align-items:start}.document-row-main small{line-height:1.7;white-space:normal}.document-row-actions button{padding:0 7px}}
.case-document-count{color:var(--pal-violet);font-size:8px;font-weight:900;white-space:nowrap}.case-detail-documents{margin-top:13px;padding:13px;border:1px solid var(--pal-line);border-radius:14px}.case-detail-documents>b{font-size:10px}.case-detail-documents>p{margin:8px 0 0;color:var(--sys-ink-3);font-size:9px}.case-detail-documents>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:8px 9px;border-radius:10px;background:var(--sys-bg)}.case-detail-documents span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800}.case-detail-documents button{height:28px;flex:0 0 auto;border:1px solid var(--line);border-radius:8px;background:var(--sys-surface);color:var(--primary2);padding:0 8px;font-size:8px;font-weight:900;cursor:pointer}

/* Clients module — Stage 4: hearings, tasks and reminders */
@media(min-width:1200px){.client-metrics{grid-template-columns:repeat(8,1fr)}.client-metric{padding:12px;gap:9px}.client-metric>span{width:36px;height:36px}.client-metric b{font-size:19px}}
.client-activity-count{margin-right:5px;color:#d97706}.client-activities{margin-top:16px;padding-top:15px;border-top:1px solid var(--sys-fill)}.activity-filters{display:grid;grid-template-columns:1fr 110px 125px;gap:8px;margin-top:12px}.activity-filters input,.activity-filters select{height:38px;border:1px solid var(--line);border-radius:11px;background:var(--sys-bg);padding:0 10px;color:var(--text);outline:0;font-size:10px;font-weight:800}.activity-filters input:focus,.activity-filters select:focus{border-color:var(--primary2);background:var(--sys-surface)}.activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 12px;border-top:1px solid var(--sys-fill)}.activity-row:first-child{border-top:0}.activity-kind{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:15px;font-weight:900}.activity-kind.hearing{background:var(--pal-blue-tint);color:var(--pal-blue-2)}.activity-kind.task{background:#f5f3ff;color:var(--pal-violet)}.activity-row-main{min-width:0}.activity-row-main>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.activity-row-main small{display:block;margin-top:5px;color:var(--sys-ink-3);font-size:8px;font-weight:800;line-height:1.6}.activity-state{margin-right:6px;padding:3px 6px;border-radius:999px;background:var(--sys-bg);color:var(--sys-ink-3);font-size:7px}.activity-state.completed{background:#ecfdf5;color:#059669}.activity-state.cancelled{background:var(--sys-bg);color:var(--sys-ink-3)}.activity-state.overdue{background:var(--pal-rose-tint);color:var(--pal-rose)}.activity-priority{margin-right:5px;color:#d97706;font-size:7px}.activity-row-actions{display:flex;gap:5px}.activity-row-actions button{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:var(--sys-surface);color:#059669;cursor:pointer}.activity-row-actions button:nth-child(2){color:var(--sys-ink-3)}.activity-row-actions button.danger{border-color:#ffe4e6;color:var(--pal-rose)}.activity-modal{z-index:96}.activity-modal .client-modal-card{width:min(680px,100%)}.activity-form-grid{margin-top:16px}
@media(max-width:600px){.activity-filters{grid-template-columns:1fr 1fr}.activity-filters input{grid-column:1/-1}.activity-row{align-items:start}.activity-row-main small{white-space:normal}}

/* Clients module — Stage 5: local owner, backup and audit */
.client-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workspace-security-open{height:42px;padding:0 14px;font-size:10px}.workspace-security-modal{z-index:110}.workspace-security-modal .client-modal-card{width:min(980px,100%)}.workspace-security-body{display:grid;gap:14px;padding-top:15px}.workspace-role-card{padding:14px;border:1px solid #bbf7d0;border-radius:15px;background:#f0fdf4;color:#166534}.workspace-role-card b{font-size:11px}.workspace-role-card p{margin:7px 0 0;font-size:9px;font-weight:700;line-height:1.8;color:#35704e}.workspace-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.workspace-counts>div{text-align:center;padding:12px;border-radius:13px;background:var(--sys-bg);border:1px solid var(--sys-fill)}.workspace-counts b{display:block;font-size:18px}.workspace-counts small{display:block;margin-top:4px;color:var(--sys-ink-3);font-size:8px;font-weight:800}.workspace-backup-status{padding:11px 13px;border-radius:12px;background:#ecfdf5;color:var(--pal-green-3);font-size:9px;font-weight:900}.workspace-backup-status.error{background:var(--pal-rose-tint);color:#be123c}.workspace-backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workspace-backup-grid>section,.workspace-audit{padding:14px;border:1px solid var(--line);border-radius:15px}.workspace-backup-grid h3,.workspace-audit h3{margin:0;font-size:11px}.workspace-backup-grid p,.workspace-audit p{margin:6px 0 10px;color:#7c899c;font-size:9px;font-weight:700;line-height:1.7}.workspace-backup-grid label{display:block;margin-top:9px}.workspace-backup-grid label>span{display:block;margin-bottom:5px;color:var(--sys-ink-2);font-size:9px;font-weight:900}.workspace-backup-grid input,.workspace-backup-grid select,.workspace-audit select{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--sys-surface);padding:0 10px;color:var(--text);outline:0;font-size:9px;font-weight:700}.workspace-backup-grid input[type=file]{padding:8px;height:auto;background:var(--sys-bg)}.workspace-backup-grid .primary{height:36px;margin-top:11px;cursor:pointer}.workspace-backup-grid .primary.amber{background:#c77812}.workspace-audit-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-audit-head select{width:145px}.workspace-audit-list{max-height:250px;overflow:auto;border-top:1px solid var(--sys-fill)}.audit-row{display:grid;grid-template-columns:70px 1fr 150px;gap:9px;align-items:center;padding:10px 0;border-top:1px solid var(--sys-fill);font-size:9px}.audit-row:first-child{border-top:0}.audit-row>span{width:max-content;padding:4px 7px;border-radius:7px;background:var(--sys-bg);color:var(--sys-ink-2);font-weight:900}.audit-row>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-row time{color:var(--sys-ink-3);font-size:8px;text-align:left}.audit-empty{padding:30px;text-align:center;color:var(--sys-ink-3);font-size:9px;font-weight:800}
@media(max-width:700px){.head{align-items:flex-start;flex-direction:column}.workspace-backup-grid{grid-template-columns:1fr}.workspace-counts{grid-template-columns:1fr 1fr}.audit-row{grid-template-columns:65px 1fr}.audit-row time{grid-column:2;text-align:right}.workspace-audit-head{align-items:flex-start;flex-direction:column}.workspace-audit-head select{width:100%}}
.workspace-backup-grid #workspace-replace-field[hidden]{display:none!important}

/* Clients module — Stage 6: expanded workspace and notebook */
.client-real-row{cursor:pointer}.client-editor-wide .client-modal-card{width:min(1080px,100%)}.client-expanded-form{grid-template-columns:repeat(3,1fr)}.client-wide input{width:100%;height:40px;border:1px solid var(--line);border-radius:11px;background:var(--sys-surface);color:var(--text);outline:0;padding:0 11px;font-size:11px;font-weight:700}.client-wide input:focus{border-color:var(--primary2)}.client-workspace-modal{padding:10px}.client-workspace-modal .client-modal-card{width:min(1320px,100%);max-height:96vh;padding:18px}.client-workspace-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;padding-top:15px}.client-workspace-layout>aside{display:grid;align-content:start;gap:10px}.client-workspace-layout>main{min-width:0;display:grid;gap:14px;align-content:start}.client-workspace-hero{padding:18px;border-radius:20px;background:linear-gradient(145deg,var(--pal-navy),var(--pal-navy-3));color:var(--sys-on-fill)}.client-workspace-hero>div:first-child{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.13);font-size:17px;font-weight:900}.client-workspace-hero h3{margin:13px 0 0;font-size:16px}.client-workspace-hero p{margin:5px 0 0;color:rgba(255,255,255,.65);font-size:9px;font-weight:800}.client-workspace-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.client-workspace-tags span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.12);font-size:8px;font-weight:900}.client-workspace-contact{display:grid;gap:7px}.client-workspace-contact>div{padding:11px;border:1px solid var(--pal-line);border-radius:13px;background:var(--sys-surface)}.client-workspace-contact small{display:block;color:var(--sys-ink-3);font-size:8px;font-weight:900}.client-workspace-contact b{display:block;margin-top:5px;font-size:10px;word-break:break-word}.client-expanded-data{padding:14px;border:1px solid var(--pal-line);border-radius:18px}.client-expanded-data>h3{margin:0 0 10px;font-size:12px}.client-expanded-data .client-detail-grid{grid-template-columns:repeat(4,1fr);margin:0}.client-detail-section.summary{background:var(--pal-blue-tint)}.client-notebook{padding:15px;border:1px solid #f1d49b;border-radius:18px;background:#fffbeb}.client-notebook form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:12px;padding:10px;border:1px solid #f3dfb7;border-radius:14px;background:var(--sys-surface)}.client-notebook textarea{grid-column:1/-1;min-height:76px;resize:vertical;border:0;outline:0;padding:4px;color:var(--text);font-size:10px;font-weight:700;line-height:1.8}.client-notebook form .client-message{grid-column:1/-1;margin:0}.client-notebook form .primary{height:34px;grid-column:2;cursor:pointer}.client-notebook-list{display:grid;gap:8px;margin-top:10px}.client-note-card{padding:11px;border:1px solid #f3dfb7;border-radius:13px;background:var(--sys-surface)}.client-note-card.pinned{border-color:#e5a934;box-shadow:0 5px 14px rgba(180,115,10,.08)}.client-note-card p{margin:0;white-space:pre-wrap;color:var(--sys-ink-2);font-size:10px;font-weight:700;line-height:1.8}.client-note-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:7px;border-top:1px solid #fff4dc}.client-note-card time{color:var(--sys-ink-3);font-size:8px;font-weight:800}.client-note-card footer>div{display:flex;gap:4px}.client-note-card button{width:28px;height:28px;border:0;border-radius:8px;background:var(--sys-bg);color:var(--sys-ink-3);cursor:pointer}.client-note-card.pinned button:first-child{background:#fff7dd;color:#b7790b}.client-note-card button.danger{color:var(--pal-rose)}.client-note-empty{display:grid;place-items:center;min-height:92px;border:1px dashed #edcf91;border-radius:13px;background:rgba(255,255,255,.55);text-align:center}.client-note-empty b{font-size:10px}.client-note-empty span{margin-top:4px;color:#a18b68;font-size:8px;font-weight:700}
@media(max-width:1050px){.client-expanded-form{grid-template-columns:1fr 1fr}.client-workspace-layout{grid-template-columns:1fr}.client-workspace-layout>aside{grid-template-columns:1fr 1fr}.client-workspace-contact{grid-template-columns:1fr 1fr}.client-expanded-data .client-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.client-expanded-form{grid-template-columns:1fr}.client-workspace-layout>aside{grid-template-columns:1fr}.client-workspace-contact{grid-template-columns:1fr 1fr}.client-expanded-data .client-detail-grid{grid-template-columns:1fr}.client-notebook form{grid-template-columns:1fr}.client-notebook form .primary{grid-column:1}.client-workspace-modal .client-modal-card{padding:13px}}

/* Modern activity editor — restrained professional UI */
.modern-activity-modal{--activity-accent:#2563eb;--activity-soft:#eff6ff;--activity-border:#bfdbfe;z-index:120}.modern-activity-modal[data-kind="task"]{--activity-accent:#0f766e;--activity-soft:#f0fdfa;--activity-border:#99f6e4}.modern-activity-modal .client-modal-card{width:min(650px,100%);padding:0;overflow:auto;border:1px solid rgba(255,255,255,.8);border-radius:22px}.modern-activity-modal .activity-modern-header{position:sticky;top:0;z-index:3;align-items:center;padding:18px 20px;border-bottom:1px solid #e8edf3;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}.activity-modal-heading{display:flex;align-items:center;gap:12px}.activity-heading-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:var(--activity-soft);color:var(--activity-accent)}.activity-heading-icon svg,.activity-option-icon svg,.activity-more summary svg,.activity-submit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.modern-activity-modal .activity-modal-heading h2{font-size:17px}.modern-activity-modal .activity-modal-heading p{font-size:9px}.modern-activity-modal form{padding:18px 20px 20px}.activity-kind-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.activity-kind-picker>button{display:flex;align-items:center;gap:10px;min-height:66px;padding:10px 12px;border:1px solid var(--sys-separator);border-radius:14px;background:var(--sys-surface);color:var(--sys-ink-3);text-align:right;cursor:pointer;transition:border-color .16s,background .16s,color .16s}.activity-kind-picker>button:hover{border-color:#bac6d5;background:var(--sys-bg)}.activity-kind-picker>button.active{border-color:var(--activity-border);background:var(--activity-soft);color:var(--activity-accent);box-shadow:inset 0 0 0 1px var(--activity-border)}.activity-option-icon{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:var(--sys-bg);color:var(--sys-ink-3)}.activity-kind-picker>button.active .activity-option-icon{background:var(--sys-surface);color:var(--activity-accent)}.activity-kind-picker b{display:block;font-size:11px}.activity-kind-picker small{display:block;margin-top:4px;color:var(--sys-ink-3);font-size:8px;font-weight:700}.activity-form-error{margin:12px 0 0}.activity-core-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.activity-core-fields .activity-title-field{grid-column:1/-1}.activity-core-fields label>span,.activity-more-grid label>span{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:var(--sys-ink-2);font-size:9px;font-weight:900}.activity-core-fields label>span i{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:var(--sys-bg);color:var(--sys-ink-3);font-size:7px;font-style:normal}.activity-core-fields input,.activity-core-fields select,.activity-more-grid input,.activity-more-grid select,.activity-more-grid textarea{width:100%;border:1px solid #dbe3ec;border-radius:11px;background:var(--sys-surface);color:#172033;outline:0;font-size:10px;font-weight:700;transition:border-color var(--dur-press) ease,box-shadow var(--dur-press) ease}.activity-core-fields input,.activity-core-fields select,.activity-more-grid input,.activity-more-grid select{height:42px;padding:0 11px}.activity-core-fields input:focus,.activity-core-fields select:focus,.activity-more-grid input:focus,.activity-more-grid select:focus,.activity-more-grid textarea:focus{border-color:var(--activity-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--activity-accent) 10%,transparent)}.activity-title-field input{font-size:11px}.activity-more{margin-top:14px;border:1px solid #e3e8ef;border-radius:13px;background:var(--sys-bg)}.activity-more summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;list-style:none;color:var(--sys-ink-2);cursor:pointer}.activity-more summary::-webkit-details-marker{display:none}.activity-more summary>span{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900}.activity-more summary svg{width:16px;height:16px;color:var(--activity-accent);transition:transform .16s}.activity-more[open] summary svg{transform:rotate(45deg)}.activity-more summary small{color:var(--sys-ink-3);font-size:8px;font-weight:700}.activity-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 13px 13px;border-top:1px solid #edf1f5}.activity-more-grid>label{margin-top:12px}.activity-more-grid .activity-notes-field{grid-column:1/-1}.activity-more-grid textarea{min-height:72px;padding:10px;resize:vertical;line-height:1.7}.activity-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #edf1f5}.activity-cancel{height:40px;padding:0 16px;border:1px solid #dbe3ec;border-radius:11px;background:var(--sys-surface);color:var(--sys-ink-3);font-size:9px;font-weight:900;cursor:pointer}.activity-submit{height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 17px;border:0;border-radius:11px;background:var(--activity-accent);color:var(--sys-on-fill);font-size:9px;font-weight:900;cursor:pointer;box-shadow:0 7px 16px color-mix(in srgb,var(--activity-accent) 18%,transparent)}.activity-submit svg{width:15px;height:15px}.activity-submit:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){.modern-activity-modal form{padding:15px}.activity-kind-picker{grid-template-columns:1fr}.activity-kind-picker>button{min-height:58px}.activity-core-fields,.activity-more-grid{grid-template-columns:1fr}.activity-core-fields .activity-title-field,.activity-more-grid .activity-notes-field{grid-column:1}.activity-more summary small{display:none}}
.activity-add-modern{display:inline-flex;align-items:center;gap:7px;padding-inline:12px!important}.activity-add-modern>span{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.14);font-size:12px}.client-activities .case-list{border-color:var(--sys-separator);background:var(--sys-surface)}.client-activities .activity-row{padding:13px 12px;transition:background .15s}.client-activities .activity-row:hover{background:var(--sys-bg)}.client-activities .activity-kind{width:42px;height:42px;border:1px solid transparent;border-radius:12px}.client-activities .activity-kind.hearing{border-color:#dbeafe;background:var(--pal-blue-tint);color:var(--pal-blue-2)}.client-activities .activity-kind.task{border-color:#ccfbf1;background:#f0fdfa;color:#0f766e}.client-activities .activity-row-actions button{border-color:var(--sys-separator);background:var(--sys-surface);transition:box-shadow var(--dur-fast) ease,transform var(--dur-fast) ease}.client-activities .activity-row-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(15,23,42,.07)}

/* Clients registry — Stage 8: professional visual hierarchy */
.client-list-header,.client-real-row{grid-template-columns:minmax(230px,1.15fr) minmax(165px,.78fr) minmax(180px,.8fr) minmax(265px,1.05fr) 112px}.client-list-header{display:grid;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid #e8edf3;background:var(--sys-bg);color:#8a98aa;font-size:8px;font-weight:900;letter-spacing:normal}.client-list-header span:last-child{text-align:left}.client-real-row{position:relative;display:grid;gap:12px;align-items:center;padding:16px;border-top:1px solid #edf1f5;background:var(--sys-surface);transition:background .16s,box-shadow .16s}.client-list-header+.client-real-row{border-top:0}.client-real-row:hover{z-index:1;background:#fbfdff;box-shadow:inset -3px 0 0 var(--pal-navy-3)}.client-main{gap:12px}.client-avatar-wrap{position:relative;flex:0 0 auto}.client-avatar{width:46px;height:46px;border:1px solid #dbe7f4;border-radius:15px;background:var(--pal-navy-tint-2);color:var(--pal-navy-2);font-size:12px}.client-presence{position:absolute;left:-2px;bottom:-2px;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#10b981}.client-presence.inactive{background:var(--sys-ink-3)}.client-main-copy{min-width:0}.client-name-line{display:flex;align-items:center;gap:7px;min-width:0}.client-name-line>b{font-size:11px}.client-type-badge{flex:0 0 auto;padding:3px 6px;border:1px solid #e1e7ef;border-radius:999px;background:var(--sys-bg);color:var(--sys-ink-3);font-size:7px;font-weight:900}.client-status-line{display:flex!important;align-items:center;gap:4px;margin-top:5px!important}.client-status{margin:0}.client-row-tags{display:flex;gap:4px;min-width:0;margin-top:7px}.client-row-tags span{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px;border-radius:6px;background:var(--sys-bg);color:var(--sys-ink-3);font-size:7px;font-weight:800}.client-row-tags .more{background:var(--pal-navy-tint);color:var(--pal-navy-3)}.client-contact,.client-id-meta{min-width:0}.client-info-line{display:flex;align-items:center;gap:7px;min-width:0}.client-info-line+ .client-info-line{margin-top:7px}.client-info-line svg{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:#718096;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.client-info-line b,.client-info-line small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-info-line b{font-size:9px}.client-info-line.muted{color:var(--sys-ink-3)}.client-info-line.muted svg{stroke:#a7b2c0}.client-info-line small{margin:0!important;font-size:8px}.client-updated{display:block;margin-top:7px!important;padding-right:21px;color:#a3adba!important;font-size:7px!important}.client-row-stats{display:grid;grid-template-columns:repeat(4,minmax(50px,1fr));gap:5px}.client-stat{min-width:0;padding:7px 5px;border:1px solid #e6edf5;border-radius:11px;background:var(--sys-bg);text-align:center}.client-stat svg{display:block;width:14px;height:14px;margin:0 auto 5px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.client-stat b{display:block;color:#27364d;font-size:10px}.client-stat small{display:block;margin-top:2px;color:var(--sys-ink-3);font-size:6px;font-weight:800}.client-stat.cases{background:#f3f7fd;color:var(--pal-blue-2)}.client-stat.docs{background:#f7f5ff;color:var(--pal-violet)}.client-stat.activities{background:#fff9ed;color:#d97706}.client-stat.notes{background:#f0fdfa;color:#0f766e}.client-row-actions{gap:5px}.client-icon-btn{display:grid;place-items:center;width:34px;height:34px;border-color:#e0e7ef;border-radius:10px}.client-icon-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.client-icon-btn.open{border-color:#d5e2f0;background:#f3f7fc;color:var(--pal-navy-3)}.client-icon-btn.open:hover{background:#e9f1fa}.client-count-note{background:#fbfcfe;text-align:left}
@media(max-width:1180px){.client-list-header{display:none}.client-real-row{grid-template-columns:minmax(220px,1fr) auto;padding:15px}.client-main{grid-column:1}.client-row-actions{grid-column:2;grid-row:1}.client-contact,.client-id-meta{display:block}.client-contact{grid-column:1}.client-id-meta{grid-column:2;grid-row:2}.client-row-stats{grid-column:1/-1;grid-row:3}.client-info-line+ .client-info-line{margin-top:5px}.client-real-row:first-of-type{border-top:0}}
@media(max-width:700px){.client-real-row{grid-template-columns:1fr;gap:13px;padding:15px}.client-main,.client-contact,.client-id-meta,.client-row-stats,.client-row-actions{grid-column:1;grid-row:auto}.client-contact,.client-id-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.client-info-line+ .client-info-line{margin-top:0}.client-updated{grid-column:1/-1;margin-top:0!important}.client-row-stats{grid-template-columns:repeat(4,1fr)}.client-row-actions{justify-content:flex-start;padding-top:2px}.client-icon-btn{width:38px;height:36px}.client-count-note{text-align:center}}
@media(max-width:430px){.client-contact,.client-id-meta{grid-template-columns:1fr}.client-updated{grid-column:1}.client-row-stats{gap:4px}.client-stat{padding-inline:2px}.client-stat small{font-size:5px}}

/* Unified application icon system — Stage 9 */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.app-icon{width:1em;height:1em;display:block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.icon-label{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}.icon-label>.app-icon{width:16px;height:16px}.ico .app-icon{width:18px;height:18px}.search .app-icon{width:16px;height:16px}.bell{display:grid;place-items:center;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.bell .app-icon{width:17px;height:17px}.bell:hover{border-color:#c9d5e4;background:#f7f9fc;transform:translateY(-1px)}.sumicon .app-icon,.spark .app-icon,.mini .app-icon{width:21px;height:21px}.sidebtn.icon-label{justify-content:flex-start}.sidebtn .app-icon{width:17px;height:17px}.client-head-actions .app-icon{width:16px;height:16px}.client-metric{transition:transform .17s,box-shadow .17s,border-color .17s}.client-metric:hover{transform:translateY(-2px);border-color:#d5deea;box-shadow:0 14px 30px rgba(31,50,81,.085)}.client-metric>span{position:relative;border:1px solid #e1e8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 5px 12px rgba(31,50,81,.045)}.client-metric>span .app-icon{width:20px;height:20px}.client-metric.green>span{border-color:#cceedd}.client-metric.blue>span{border-color:#d7e6fb}.client-metric.amber>span{border-color:#f5e6bd}.client-search span .app-icon{width:16px;height:16px}.clients-empty .empty-icon .app-icon{width:29px;height:29px}.client-close{display:grid;place-items:center;font-size:inherit}.client-close .app-icon{width:16px;height:16px}.client-close:hover{border-color:var(--sys-separator);color:var(--sys-ink-2)}.client-type-switch button{display:flex;align-items:center;justify-content:center;gap:8px}.client-type-switch button .app-icon{width:16px;height:16px}.delete-icon .app-icon{width:22px;height:22px}.case-row-actions .app-icon,.activity-row-actions .app-icon,.client-note-card footer button .app-icon{width:14px;height:14px;margin:auto}.document-row-actions .app-icon{width:14px;height:14px}.activity-kind .app-icon{width:19px;height:19px}.section-icon-title{display:flex;align-items:center;gap:8px}.section-icon-title>span{width:29px;height:29px;display:grid;place-items:center;border:1px solid #e1e8f0;border-radius:9px;background:var(--sys-bg);color:var(--pal-navy-3)}.section-icon-title .app-icon{width:15px;height:15px}.client-notebook .section-icon-title>span{border-color:#f1d49b;background:var(--sys-surface);color:#b7790b}.client-documents .section-icon-title>span{border-color:#ddd6fe;background:#f5f3ff;color:var(--pal-violet)}.client-activities .section-icon-title>span{border-color:#bfdbfe;background:var(--pal-blue-tint);color:var(--pal-blue-2)}.activity-add-modern.icon-label>span{width:auto;height:auto;display:inline;background:transparent;font-size:inherit}.workspace-role-card .app-icon,.workspace-backup-grid h3 .app-icon,.workspace-audit h3 .app-icon{width:16px;height:16px}.mobile button{align-items:center;justify-content:center;gap:4px}.mobile button .app-icon{width:18px;height:18px;margin:auto}.mobile button span{display:block}.mobile button.active .app-icon{stroke-width:2}.client-stat .app-icon{display:block;width:14px;height:14px;margin:0 auto 5px}.client-icon-btn .app-icon{width:16px;height:16px}
@media(max-width:760px){.mobile{align-items:stretch}.mobile button{display:flex;flex-direction:column}.client-head-actions .icon-label{gap:6px}}

/* Clients command bar and case-document upload */
.clients-wrap>.head{margin-bottom:14px}.client-command-bar{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:10px 12px;border-radius:17px;overflow:hidden}.client-primary-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.client-primary-actions .client-add,.client-primary-actions .workspace-security-open{height:40px;border-radius:11px}.client-primary-actions .workspace-security-open span{white-space:nowrap}.client-view-tabs{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:1px}.client-view-tabs::-webkit-scrollbar{display:none}.client-view-tabs button{height:38px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--sys-ink-3);font-size:8px;font-weight:900;cursor:pointer;transition:background var(--dur-press) ease,border-color var(--dur-press) ease,box-shadow var(--dur-press) ease,color var(--dur-press) ease}.client-view-tabs button:hover{background:#f5f7fa;color:var(--pal-navy-3)}.client-view-tabs button.active{border-color:#d5e2f0;background:var(--pal-navy-tint-2);color:var(--pal-navy-2);box-shadow:inset 0 0 0 1px rgba(49,88,142,.04)}.client-view-tabs .app-icon{width:15px;height:15px}.client-view-tabs b{min-width:21px;height:21px;display:grid;place-items:center;padding:0 5px;border-radius:7px;background:#eef2f7;color:var(--sys-ink-2);font-size:8px}.client-view-tabs button.active b{background:var(--sys-surface);color:var(--pal-navy-2)}.case-row{grid-template-columns:minmax(0,1fr) auto auto}.case-row-actions button.upload{width:auto;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border-color:#c7d9ed;background:#f3f7fc;color:var(--pal-navy-3);font-size:8px;font-weight:900}.case-row-actions button.upload:hover{background:#e9f1fa}.case-document-upload-modal{z-index:130}.case-document-upload-modal .client-modal-card{width:min(600px,100%)}.case-upload-context{display:flex;align-items:center;gap:11px;margin-top:15px;padding:11px 12px;border:1px solid #dbe5f0;border-radius:13px;background:#f7faff}.case-upload-context>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e7f0fa;color:var(--pal-navy-3)}.case-upload-context .app-icon{width:17px;height:17px}.case-upload-context small{display:block;color:var(--sys-ink-3);font-size:8px;font-weight:900}.case-upload-context b{display:block;margin-top:4px;font-size:10px}.case-document-kind-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.case-document-kind-picker button{display:flex;align-items:center;gap:10px;min-height:66px;padding:11px;border:1px solid var(--sys-separator);border-radius:14px;background:var(--sys-surface);color:var(--sys-ink-3);text-align:right;cursor:pointer}.case-document-kind-picker button:hover{border-color:#b9c8d8;background:#fafcfe}.case-document-kind-picker button.active{border-color:#b9cfe6;background:#f0f6fc;color:var(--pal-navy-2);box-shadow:inset 0 0 0 1px #d7e5f2}.case-document-kind-picker button>span{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:var(--sys-bg)}.case-document-kind-picker button.active>span{background:var(--sys-surface)}.case-document-kind-picker .app-icon{width:18px;height:18px}.case-document-kind-picker b{display:block;font-size:10px}.case-document-kind-picker small{display:block;margin-top:4px;color:var(--sys-ink-3);font-size:8px;font-weight:700}.case-document-file{display:block;margin-top:14px;padding:12px;border:1px dashed #cbd7e5;border-radius:13px;background:var(--sys-bg)}.case-document-file>span{display:block;margin-bottom:7px;color:var(--sys-ink-2);font-size:9px;font-weight:900}.case-document-file input{width:100%;color:var(--sys-ink-3);font-size:9px;font-weight:800}.case-document-file small{display:block;margin-top:7px;color:var(--sys-ink-3);font-size:8px;font-weight:700}.case-document-open-reader{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--sys-ink-2);font-size:9px;font-weight:800;cursor:pointer}.case-document-open-reader input{width:16px;height:16px;accent-color:var(--pal-navy-3)}.case-document-upload-modal .client-message{margin:12px 0 0}.case-document-upload-modal .client-form-actions{margin-top:14px}
@media(max-width:1050px){.client-command-bar{align-items:stretch;flex-direction:column}.client-primary-actions{justify-content:space-between}.client-view-tabs{padding-bottom:4px}}
@media(max-width:600px){.client-primary-actions{display:grid;grid-template-columns:1fr auto}.client-primary-actions .workspace-security-open{width:40px;padding:0}.client-primary-actions .workspace-security-open span{display:none}.client-view-tabs button{height:36px;padding-inline:8px}.case-row{grid-template-columns:1fr auto}.case-document-count{grid-column:1}.case-row-actions{grid-column:2;grid-row:1/3;flex-wrap:wrap;justify-content:flex-end;max-width:110px}.case-document-kind-picker{grid-template-columns:1fr}}

/* Simplified client entry — Stage 11 */
.client-editor-wide .client-modal-card{width:min(900px,100%)}.client-expanded-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-editor-wide form{margin-top:14px}.client-editor-wide .client-type-switch{margin:0 0 14px}.client-tag-stickers>span{display:flex;align-items:center;gap:7px}.client-tag-stickers>span small{color:var(--sys-ink-3);font-size:8px;font-weight:700}.client-tag-stickers>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.client-tag-stickers button{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px;border:1px solid #e1e7ef;border-radius:13px;background:var(--sys-bg);color:var(--sys-ink-3);cursor:pointer;transition:background var(--dur-press) ease,border-color var(--dur-press) ease,box-shadow var(--dur-press) ease,color var(--dur-press) ease,transform var(--dur-press) ease}.client-tag-stickers button:hover{border-color:#c7d3e0;background:var(--sys-surface)}.client-tag-stickers button.active{border-color:#b9cfe6;background:#eef5fc;color:var(--pal-navy-2);box-shadow:inset 0 0 0 1px #d7e5f2}.client-tag-stickers i{font-size:20px;font-style:normal;line-height:1}.client-tag-stickers b{font-size:8px;white-space:nowrap}.client-tag-stickers button.active i{transform:scale(1.08)}#client-representative-name-field[hidden]{display:none!important}
.client-core-fields{margin-bottom:2px}.client-optional-details{margin-top:14px;border:1px solid #e1e7ef;border-radius:14px;background:var(--sys-bg);overflow:hidden}.client-optional-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;list-style:none;cursor:pointer}.client-optional-details summary::-webkit-details-marker{display:none}.client-optional-details summary>span{display:flex;align-items:center;gap:7px;color:var(--sys-ink-2);font-size:9px;font-weight:900}.client-optional-details summary .app-icon{width:15px;height:15px;color:var(--pal-navy-3);transition:transform .16s}.client-optional-details[open] summary .app-icon{transform:rotate(45deg)}.client-optional-details summary small{color:var(--sys-ink-3);font-size:8px;font-weight:700}.client-optional-details>.client-form-grid{padding:13px;border-top:1px solid #e7ecf2;background:var(--sys-surface)}.client-optional-details .client-wide{grid-column:1/-1;margin:0}.client-optional-details .client-wide textarea{min-height:70px}
@media(max-width:750px){.client-tag-stickers>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.client-expanded-form{grid-template-columns:1fr}.client-tag-stickers>div{grid-template-columns:repeat(2,1fr)}.client-tag-stickers button{min-height:58px}}

/* Readability, navigation and case editor — Stage 14 */
body{font-size:15px;font-weight:600;letter-spacing:normal}button,input,select,textarea{font-weight:700}small{font-weight:700}.app-png-icon,.tab-png-icon,.mobile-png-icon{display:block;object-fit:contain}.app-png-icon{width:23px;height:23px}.mobile-png-icon{width:20px;height:20px;margin:auto}.ico:has(.app-png-icon){width:23px;height:23px}.module .txt{font-size:13px;font-weight:900}.head h1{font-size:31px;font-weight:900}.head p{font-size:13px;font-weight:700;line-height:1.8}
.tabs{height:58px;align-items:center;gap:8px;padding:0 22px;background:var(--sys-surface)}.tab{height:38px;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 14px;border:1px solid var(--sys-separator);border-radius:12px;background:var(--sys-surface);color:var(--sys-ink-3);font-size:12px;font-weight:900;box-shadow:0 2px 7px rgba(31,50,81,.025);cursor:pointer;transition:background var(--dur-state) ease,border-color var(--dur-state) ease,border-radius var(--dur-state) ease,box-shadow var(--dur-state) ease,color var(--dur-state) ease,transform var(--dur-state) ease}.tab:hover{border-color:#c6d3e1;background:var(--sys-bg);color:var(--pal-navy-2)}.tab.active{border-color:#bcd0e4;border-radius:12px;background:var(--pal-navy-tint-2);color:var(--pal-navy);box-shadow:0 5px 14px rgba(49,88,142,.1)}.tab .app-icon,.tab-png-icon{width:18px;height:18px}.tab-png-icon{border-radius:5px}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-left:38px!important;cursor:pointer}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(49,88,142,.1)}
.client-modal-card h2{font-size:21px;font-weight:900}.client-modal-card header p{font-size:12px;font-weight:700}.client-form-grid label>span,.client-wide>span{font-size:12px;font-weight:900}.client-form-grid input,.client-form-grid select,.client-wide textarea,.client-wide input{font-size:13px;font-weight:700}.client-form-grid input,.client-form-grid select,.client-wide input{height:46px}.smallbtn,.primary{font-size:11px;font-weight:900}
.case-modal{padding:10px;z-index:120}.case-modal .client-modal-card{width:min(930px,100%);max-height:96vh;padding:0;border:1px solid rgba(255,255,255,.75);border-radius:24px}.case-modal .client-modal-card>header{position:sticky;top:0;z-index:4;align-items:center;padding:18px 22px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}.case-modal-heading{display:flex;align-items:center;gap:13px}.case-heading-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:var(--pal-navy-tint-2);color:var(--pal-navy-3)}.case-heading-icon .app-icon{width:22px;height:22px}.case-modal form{padding:18px 22px 22px;background:var(--sys-bg)}.case-form-section{padding:16px;border:1px solid #e0e7ef;border-radius:17px;background:var(--sys-surface)}.case-form-section+.case-form-section{margin-top:12px}.case-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.case-section-heading>i{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--pal-navy-tint-2);color:var(--pal-navy-3);font-size:10px;font-style:normal;font-weight:900}.case-section-heading b{display:block;color:#1f3049;font-size:14px;font-weight:900}.case-section-heading small{display:block;margin-top:3px;color:var(--sys-ink-3);font-size:10px;font-weight:700}.case-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:0}.case-form-grid .case-field-wide{grid-column:1/-1}.case-form-grid label>span{font-size:12px;color:var(--sys-ink-2)}.case-form-grid input,.case-form-grid select{height:48px;border-radius:12px;border-color:#d8e1ec;background-color:var(--sys-surface);font-size:14px;font-weight:800}.case-form-grid select optgroup{font-weight:900;color:var(--pal-navy)}.case-form-grid select option{font-weight:700;color:#172033}.case-textarea-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-textarea-grid .client-wide{margin:0}.case-textarea-grid .case-notes-wide{grid-column:1/-1}.case-textarea-grid textarea{min-height:92px;border-radius:12px;border-color:#d8e1ec;background:var(--sys-surface);font-size:13px;font-weight:700}.case-form-actions{position:sticky;bottom:-22px;z-index:3;margin:16px -22px -22px;padding:14px 22px;border-top:1px solid #e0e7ef;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}.case-form-actions .smallbtn,.case-form-actions .primary{height:44px;padding-inline:20px;border-radius:12px;font-size:12px}.case-form-actions .app-icon{width:17px;height:17px}
@media(max-width:700px){.tabs{height:54px;padding-inline:10px}.tab{height:36px;padding-inline:10px;font-size:11px}.case-modal .client-modal-card>header{padding:15px}.case-modal form{padding:13px}.case-form-section{padding:13px}.case-form-grid,.case-textarea-grid{grid-template-columns:1fr}.case-form-grid .case-field-wide,.case-textarea-grid .case-notes-wide{grid-column:1}.case-form-actions{bottom:-13px;margin:14px -13px -13px;padding:12px 13px}}

/* Client finance dashboard and fee agreement — Stage 15 */
.client-finance-dashboard{overflow:hidden;border:1px solid #ccebdc;border-radius:20px;background:linear-gradient(145deg,#effcf6,#fff 58%,#eef8ff)}.client-finance-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #dcefe6}.client-finance-title{display:flex;align-items:center;gap:10px}.client-finance-title>span{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#158465;color:var(--sys-on-fill)}.client-finance-title>span .app-icon{width:19px;height:19px}.client-finance-title h3{margin:0;color:#22324a;font-size:13px;font-weight:900}.client-finance-title small{display:block;margin-top:3px;color:#91a0b2;font-size:9px;font-weight:800}.client-finance-badge{padding:6px 10px;border-radius:999px;background:var(--sys-surface);color:#147559;font-size:9px;font-weight:900;box-shadow:0 3px 12px rgba(21,132,101,.08)}.client-finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px}.client-finance-metric{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.9);border-radius:15px;background:var(--sys-surface);box-shadow:0 5px 16px rgba(23,52,93,.045)}.client-finance-metric>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px}.client-finance-metric>span .app-icon{width:15px;height:15px}.client-finance-metric small{display:block;margin-top:10px;color:#91a0b2;font-size:8px;font-weight:900}.client-finance-metric b{display:block;margin-top:5px;color:#21324b;font-size:13px;font-weight:900;white-space:nowrap}.client-finance-metric.expected>span{background:#edf4ff;color:var(--pal-navy-3)}.client-finance-metric.paid>span{background:#eafaf2;color:#158465}.client-finance-metric.remaining>span{background:#fff6e7;color:#b87916}.client-finance-metric.agreements>span{background:#f1f4f7;color:#65758b}.client-finance-cases{padding:4px 14px 13px;border-top:1px solid #dcefe6;background:rgba(255,255,255,.68)}.client-finance-case-head,.client-finance-case{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center}.client-finance-case-head{padding:9px 0 5px;color:#99a5b5;font-size:8px;font-weight:900}.client-finance-case{padding:9px 0;border-top:1px solid #edf3f0}.client-finance-case:first-of-type{border-top:0}.client-finance-case>span{min-width:0}.client-finance-case>span b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sys-ink-2);font-size:10px}.client-finance-case>span small{display:block;margin-top:3px;color:var(--sys-ink-3);font-size:8px;font-weight:800}.client-finance-case>b{color:var(--sys-ink-2);font-size:9px;font-weight:900;white-space:nowrap}.client-finance-case>b:last-child{color:#aa6c10}.client-finance-empty{padding:12px 15px;border-top:1px dashed #d7ebe2;color:#8c9aac;text-align:center;font-size:9px;font-weight:800}
.case-fee-details{margin-top:12px;overflow:hidden;border:1px solid #bfe5d4;border-radius:17px;background:#f0fbf6}.case-fee-details+.case-form-section{margin-top:12px}.case-fee-details summary{display:flex;align-items:center;gap:11px;padding:14px 16px;list-style:none;cursor:pointer}.case-fee-details summary::-webkit-details-marker{display:none}.case-fee-summary-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#158465;color:var(--sys-on-fill)}.case-fee-summary-icon .app-icon{width:18px;height:18px}.case-fee-details summary>span:nth-child(2){min-width:0;flex:1}.case-fee-details summary b{display:block;color:var(--sys-ink);font-size:13px;font-weight:900}.case-fee-details summary small{display:block;margin-top:4px;color:#8d9bac;font-size:9px;font-weight:800}.case-fee-chevron{width:17px;height:17px;color:#708095;transition:transform .18s}.case-fee-details[open] .case-fee-chevron{transform:rotate(180deg)}.case-fee-content{padding:15px;border-top:1px solid #d8eee4;background:var(--sys-surface)}.case-fee-content [hidden]{display:none!important}.case-finance-error{margin-top:7px;font-size:9px}.case-fee-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;padding:10px;border-radius:14px;background:#f5f8fa}.case-fee-preview[hidden]{display:none!important}.case-fee-preview>div{padding:9px;border-radius:11px;background:var(--sys-surface);text-align:center}.case-fee-preview small{display:block;color:var(--sys-ink-3);font-size:8px;font-weight:900}.case-fee-preview b{display:block;margin-top:5px;color:var(--sys-ink);font-size:11px;font-weight:900}
@media(max-width:780px){.client-finance-metrics{grid-template-columns:1fr 1fr}.client-finance-case-head,.client-finance-case{grid-template-columns:minmax(0,1fr) auto}.client-finance-case-head span:last-child,.client-finance-case>b:nth-child(2){display:none}}
@media(max-width:520px){.client-finance-head{align-items:flex-start;flex-direction:column}.client-finance-metrics{grid-template-columns:1fr 1fr;padding:10px}.client-finance-metric{padding:10px}.client-finance-metric b{font-size:11px}.case-fee-preview{grid-template-columns:1fr}}

/* Sand case editor contrast and section artwork — Stage 16 */
.case-modal .client-modal-card{background:#f5efe5}.case-modal .client-modal-card>header{border-bottom:1px solid #ddcfbc;background:rgba(255,252,246,.98)}.case-modal .client-modal-card h2{color:#1b2b42;font-size:24px;font-weight:900;letter-spacing:0}.case-modal .client-modal-card header p{color:#6f7b8d;font-size:12px;font-weight:800}.case-modal .case-heading-icon{background:#eadfcf;color:#6c4f31}.case-modal form{font-family:"Dubai",Tahoma,Arial,sans-serif;padding:20px 24px 24px;background:radial-gradient(circle at 85% 2%,rgba(212,171,103,.18),transparent 30%),linear-gradient(155deg,#eee4d4,#f7f3ec 46%,#e9edf0)}.case-modal .case-form-section{position:relative;padding:18px;border-width:1px;border-style:solid;border-radius:19px;box-shadow:0 8px 20px rgba(45,54,65,.065)}.case-modal .case-section-basic{border-color:#dfc17f;background:#fffaf0}.case-modal .case-section-court{border-color:#d8a98e;background:#fbf1eb}.case-modal .case-section-parties{border-color:#9bbfca;background:#f1f8fa}.case-modal .case-section-notes{border-color:#c8b9a4;background:#fbf8f2}.case-modal .case-form-section+.case-form-section{margin-top:14px}.case-modal .case-section-heading{gap:12px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid rgba(76,87,102,.12)}.case-modal .case-section-heading>div:nth-child(2){min-width:0;flex:1}.case-modal .case-section-heading>i{order:3;width:auto;min-width:34px;height:25px;padding:0 8px;border:1px solid rgba(75,86,101,.12);border-radius:999px;background:rgba(255,255,255,.7);color:#6f7b8d;font-size:9px}.case-section-visual{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:var(--sys-surface);box-shadow:0 5px 13px rgba(36,48,64,.08)}.case-section-visual img{width:40px;height:40px;display:block;object-fit:contain}.case-section-basic .case-section-visual{background:#fff6d7}.case-section-court .case-section-visual{background:#fff0e8}.case-section-parties .case-section-visual{background:#eaf7fb}.case-modal .case-section-heading b{color:#17283f;font-size:16px;font-weight:900}.case-modal .case-section-heading small{margin-top:4px;color:#66758a;font-size:11px;font-weight:800}.case-section-number{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#e9dfd0;color:#654f36;font-size:10px;font-weight:900}.case-modal .case-form-grid{gap:15px}.case-modal .case-form-grid label>span,.case-modal .client-wide>span{margin-bottom:8px;color:#26374d;font-size:13px;font-weight:900}.case-modal .case-form-grid input,.case-modal .case-form-grid select,.case-modal .case-textarea-grid textarea{border:1.5px solid #cfd6de;background:var(--sys-surface);color:#152238;font-size:14px;font-weight:800;box-shadow:0 2px 0 rgba(30,45,65,.025)}.case-modal .case-form-grid input::placeholder,.case-modal .case-textarea-grid textarea::placeholder{color:#9ca6b4;font-weight:700}.case-modal .case-form-grid input:focus,.case-modal .case-form-grid select:focus,.case-modal .case-textarea-grid textarea:focus{border-color:#446e95;box-shadow:0 0 0 4px rgba(68,110,149,.12)}.case-field-help{display:block;margin-top:6px!important;color:var(--sys-ink-3)!important;font-size:9px!important;font-weight:800!important;line-height:1.6}.case-modal .case-fee-details{margin-top:14px;border:1px solid #c4a86d;border-radius:19px;background:#f8efd9;box-shadow:0 8px 20px rgba(70,55,30,.06)}.case-modal .case-fee-details summary{padding:16px 18px}.case-modal .case-fee-summary-icon{background:#80663d}.case-modal .case-fee-details summary b{color:#2f2b24;font-size:14px;font-weight:900}.case-modal .case-fee-details summary small{color:#776b5b;font-size:10px;font-weight:800}.case-modal .case-fee-content{padding:17px;border-top-color:#ddcda9;background:#fffdf8}.case-percentage-input{position:relative}.case-percentage-input input{padding-left:50px!important}.case-percentage-input>b{position:absolute;left:1px;top:1px;width:44px;height:46px;display:grid;place-items:center;border-right:1px solid #d7dde4;border-radius:11px 0 0 11px;background:#f1f4f6;color:#31455f;font-size:14px;font-weight:900;pointer-events:none}.case-percentage-rule{display:flex;align-items:center;gap:7px;margin-top:12px;padding:10px 12px;border:1px solid #c9dce3;border-radius:12px;background:#eef7fa;color:#365b68;font-size:10px;font-weight:800}.case-percentage-rule[hidden]{display:none!important}.case-percentage-rule b{font-weight:900}.case-percentage-rule span{color:#5f7480}.case-modal .case-fee-preview{border:1px solid #e0d4ba;background:#f6f0e4}.case-modal .case-fee-preview>div{border:1px solid #ece3d2}.case-modal .case-form-actions{border-top-color:#d8cbb9;background:rgba(255,252,246,.98)}
@media(max-width:700px){.case-modal form{padding:14px}.case-modal .case-form-section{padding:14px}.case-section-visual{width:46px;height:46px;border-radius:14px}.case-section-visual img{width:35px;height:35px}.case-modal .case-section-heading b{font-size:14px}.case-modal .case-section-heading>i{display:none}}

/* Compact finance, white case canvas and Omar type trial — Stage 17 */
.client-finance-metrics{gap:6px;padding:9px 12px}.client-finance-metric{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:7px 9px;border-radius:12px;box-shadow:0 3px 10px rgba(23,52,93,.04)}.client-finance-metric>span{grid-row:1/3;width:28px;height:28px;border-radius:9px}.client-finance-metric>span .app-icon{width:13px;height:13px}.client-finance-metric small{margin:0;font-size:7px;line-height:1.15}.client-finance-metric b{margin:2px 0 0;font-size:12px;line-height:1;white-space:nowrap}.client-finance-cases{padding-inline:12px;padding-bottom:9px}.client-finance-empty{padding:9px 12px}.case-fee-preview{gap:6px;padding:7px}.case-fee-preview>div{padding:6px 8px}.case-fee-preview b{margin-top:3px;font-size:10px}
#case-editor-modal .client-modal-card,#case-editor-modal .client-modal-card>header{background:var(--sys-surface)}#case-editor-modal .client-modal-card>header{border-bottom-color:#e2d5c2}#case-editor-modal form{background:var(--sys-surface);font-family:"Omar Bold","Dubai",Tahoma,Arial,sans-serif;font-size:15px;font-weight:700}#case-editor-modal,#case-editor-modal button,#case-editor-modal input,#case-editor-modal select,#case-editor-modal textarea,#case-editor-modal summary,#case-editor-modal small,#case-editor-modal b,#case-editor-modal span{font-family:"Omar Bold","Dubai",Tahoma,Arial,sans-serif}#case-editor-modal .client-modal-card h2{font-size:25px;font-weight:900}#case-editor-modal .client-modal-card header p{font-size:12px;font-weight:700}#case-editor-modal .case-section-basic{border-color:#d2a240;background:#fff2d2;box-shadow:0 9px 22px rgba(132,93,26,.09)}#case-editor-modal .case-section-court{border-color:#cd8f6f;background:#faece4}#case-editor-modal .case-section-parties{border-color:#78aebe;background:#eaf6f9}#case-editor-modal .case-section-notes{border-color:#b9a17e;background:#f8f0e3}#case-editor-modal .case-section-heading b{font-size:18px;font-weight:900}#case-editor-modal .case-section-heading small{font-size:12px;font-weight:700}#case-editor-modal .case-form-grid label>span,#case-editor-modal .client-wide>span{font-size:15px;font-weight:900}#case-editor-modal .case-form-grid input,#case-editor-modal .case-form-grid select,#case-editor-modal .case-textarea-grid textarea{font-size:15px;font-weight:700}#case-editor-modal .case-field-help{font-size:11px!important;font-weight:700!important}#case-editor-modal .case-fee-details{border-color:#c5943f;background:#f5e6c3;box-shadow:0 9px 22px rgba(122,85,25,.085)}#case-editor-modal .case-fee-summary-icon{overflow:hidden;border:1px solid #d6be8d;background:var(--sys-surface)}#case-editor-modal .case-fee-summary-icon img{width:32px;height:32px;display:block;object-fit:contain}#case-editor-modal .case-fee-details summary b{font-size:15px;font-weight:900}#case-editor-modal .case-fee-details summary small{font-size:11px;font-weight:700}#case-editor-modal .case-fee-content{background:var(--pal-paper)}#case-editor-modal .case-percentage-rule{font-size:11px}#case-editor-modal .case-form-actions{background:var(--sys-surface);border-top-color:#dfd3c2}
@media(max-width:700px){.client-finance-metrics{grid-template-columns:1fr 1fr}#case-editor-modal form{font-size:15px}#case-editor-modal .case-section-heading b{font-size:17px}#case-editor-modal .case-form-grid label>span,#case-editor-modal .client-wide>span,#case-editor-modal .case-form-grid input,#case-editor-modal .case-form-grid select,#case-editor-modal .case-textarea-grid textarea{font-size:15px}}

/* Application font settings — Stage 18 */
html[data-app-font="dubai-regular"]{--font-app:"Dubai",Tahoma,"Segoe UI",Arial,sans-serif}html[data-app-font="dubai-bold"]{--font-app:"Dubai Bold","Dubai",Tahoma,"Segoe UI",Arial,sans-serif}html[data-app-font="omar-bold"]{--font-app:"Omar Bold","Dubai",Tahoma,"Segoe UI",Arial,sans-serif}
#case-editor-modal,#case-editor-modal button,#case-editor-modal input,#case-editor-modal select,#case-editor-modal textarea,#case-editor-modal summary,#case-editor-modal small,#case-editor-modal b,#case-editor-modal span,#case-editor-modal form{font-family:var(--font-app)}
.settings-font-card{padding:22px}.settings-font-head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px}.settings-card-icon.font{border-color:#eadab7;background:linear-gradient(145deg,#fff8e8,#f6ead1);color:#765425}.settings-card-icon.font b{font-size:22px;font-weight:900}.font-setting-status{padding:7px 11px;border:1px solid #d8e4f0;border-radius:999px;background:#f4f8fc;color:var(--pal-navy-3);font-size:9px;font-weight:900}.font-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}.font-choice-grid button{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:12px;border:1.5px solid #dfe5ed;border-radius:15px;background:var(--sys-bg);color:#4b5c73;text-align:right;cursor:pointer;transition:background var(--dur-press) ease,border-color var(--dur-press) ease,box-shadow var(--dur-press) ease,color var(--dur-press) ease}.font-choice-grid button:hover{border-color:#b9cadc;background:var(--sys-surface)}.font-choice-grid button.active{border-color:#789abc;background:#eef5fb;color:var(--pal-navy);box-shadow:0 5px 15px rgba(49,88,142,.08)}.font-choice-grid button>span:nth-child(2){min-width:0}.font-choice-grid b{display:block;font-size:12px;font-weight:900}.font-choice-grid small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sys-ink-3);font-size:8px;font-weight:700}.font-choice-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--sys-surface);border:1px solid #e3e8ef;color:#263a55;font-size:16px}.font-choice-grid button i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--sys-separator);color:var(--sys-on-fill);font-style:normal}.font-choice-grid button i .app-icon{width:12px;height:12px}.font-choice-grid button.active i{background:var(--pal-navy-3)}.font-choice-grid button[data-font-choice="dubai-regular"],.font-choice-grid button[data-font-choice="dubai-regular"] .font-choice-mark{font-family:"Dubai",Tahoma,Arial,sans-serif}.font-choice-grid button[data-font-choice="dubai-bold"],.font-choice-grid button[data-font-choice="dubai-bold"] .font-choice-mark{font-family:"Dubai Bold","Dubai",Tahoma,Arial,sans-serif}.font-choice-grid button[data-font-choice="omar-bold"],.font-choice-grid button[data-font-choice="omar-bold"] .font-choice-mark{font-family:"Omar Bold","Dubai",Tahoma,Arial,sans-serif}.font-live-preview{margin-top:12px;padding:13px 15px;border:1px dashed #cad5e1;border-radius:14px;background:var(--sys-surface)}.font-live-preview small{display:block;color:var(--sys-ink-3);font-size:8px;font-weight:800}.font-live-preview b{display:block;margin-top:7px;color:#20324c;font-size:16px;font-weight:900}.font-live-preview span{display:block;margin-top:5px;color:var(--sys-ink-3);font-size:10px;font-weight:700;font-variant-numeric:lining-nums tabular-nums}
@media(max-width:800px){.settings-font-head{grid-template-columns:52px 1fr}.settings-font-head .settings-card-icon{width:52px;height:52px}.font-setting-status{grid-column:1/-1;width:max-content}.font-choice-grid{grid-template-columns:1fr}.font-choice-grid small{white-space:normal}}

/* Unified application typography — Stage 19 */
:root{--font-size-title:14px;--font-size-body:11px}body{font-size:var(--font-size-body);line-height:1.65}body :where(p,small,label,button,input,select,textarea,li,td,th,.meta,.eyebrow,.status,.module .txt,.tab,.settings-kicker,.font-setting-status,.settings-features span,.client-workspace-tags span,.client-row-tags span,.lawctx-tag,.activity-state,.activity-priority,.client-finance-badge,.client-count-note,.field-error,.case-field-help,.case-percentage-rule,.client-message){font-size:var(--font-size-body)!important;line-height:1.65}body :where(h1,h2,h3,h4,h5,h6,.brand strong,.head h1,.sumtitle,.settings-card-content h2,.client-modal-card h2,.case-section-heading b,.client-finance-title h3,.client-cases-head h3,.section-icon-title,.client-workspace-hero h3,.font-choice-grid b,.font-live-preview b,.sidehead,.enginehead h2,.ptitle span){font-size:var(--font-size-title)!important;line-height:1.45}body :where(.client-finance-metric b,.client-detail b,.client-workspace-contact b,.case-row-main b,.case-row-main small,.client-note-card p,.client-finance-case b,.client-finance-case small,.font-live-preview span,.settings-card-content p,.client-name-line b,.grow b,.grow small){font-size:var(--font-size-body)!important;line-height:1.55}#case-editor-modal,#case-editor-modal form{font-size:var(--font-size-body)}#case-editor-modal :where(button,input,select,textarea,label>span,.client-wide>span,.case-section-heading small,.case-fee-details summary small,.case-fee-details summary b,.case-percentage-rule,.case-fee-preview small,.case-fee-preview b){font-size:var(--font-size-body)!important}#case-editor-modal :where(h1,h2,h3,h4,.case-section-heading b){font-size:var(--font-size-title)!important}
#case-editor-modal .case-fee-details summary b{font-size:var(--font-size-title)!important}

/* Client quick PDF workspace — Stage 20 */
.client-document-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.client-document-head-actions>.primary{height:38px;cursor:pointer}.client-document-head-actions>.smallbtn{height:38px;cursor:pointer}.quick-document-row{min-height:64px;padding-block:12px}.quick-document-title{display:flex;align-items:center;gap:7px;min-width:0}.quick-document-title>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-document-title>span,.quick-document-title>i{flex:0 0 auto;padding:3px 7px;border-radius:999px;font-size:var(--font-size-body)!important;font-weight:900;font-style:normal}.quick-document-title>span{border:1px solid #cfe0f1;background:#eff6fc;color:var(--pal-navy-3)}.quick-document-title>i{border:1px solid #d7eadf;background:#f0faf4;color:var(--pal-green)}.quick-document-row .document-row-main>small{white-space:normal;line-height:1.65}.quick-document-actions{flex-wrap:wrap;justify-content:flex-end}.quick-document-actions button.preview{border-color:#cce8d8;background:#f4fbf7;color:#167555}.quick-document-actions button.proofread{border-color:#d4e1f0;background:#f3f7fc;color:var(--pal-navy-3)}.quick-document-actions button:disabled{cursor:not-allowed;opacity:.38}.case-document-kind-label{margin-top:15px}.case-document-kind-label>b{display:block;color:var(--sys-ink-2);font-size:var(--font-size-title);font-weight:900}.case-document-kind-label>small{display:block;margin-top:3px;color:#8492a5;font-size:var(--font-size-body);font-weight:700}.case-upload-context>label{min-width:0;flex:1}.case-upload-context select{width:100%;height:40px;margin-top:4px;border:1px solid #cbd8e6;border-radius:10px;background:var(--sys-surface);color:var(--sys-ink);padding:0 10px;font-size:var(--font-size-body);font-weight:900;outline:0}.case-upload-context label>b{display:none}.case-document-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.case-document-name-grid label>span{display:block;margin-bottom:6px;color:var(--sys-ink-2);font-size:var(--font-size-body);font-weight:900}.case-document-name-grid label>span small{color:var(--sys-ink-3);font-size:var(--font-size-body);font-weight:700}.case-document-name-grid input{width:100%;height:40px;border:1px solid #d6e0ea;border-radius:11px;background:var(--sys-surface);color:var(--sys-ink);padding:0 11px;outline:0;font-size:var(--font-size-body);font-weight:800}.case-document-name-grid input:focus,.case-upload-context select:focus{border-color:#7295b9;box-shadow:0 0 0 3px rgba(49,88,142,.09)}.case-document-name-grid [hidden]{display:none!important}.case-document-file{position:relative;cursor:pointer}.case-document-file>input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none}.case-document-file-picker{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #d8e2ec;border-radius:11px;background:var(--sys-surface)}.case-document-file-picker>i{display:inline-flex;align-items:center;gap:7px;color:var(--pal-navy-3);font-size:var(--font-size-body);font-weight:900;font-style:normal}.case-document-file-picker>i .app-icon{width:15px;height:15px}.case-document-file-picker>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8798;font-size:var(--font-size-body);font-weight:800}
@media(max-width:650px){.client-document-head-actions{width:100%}.client-document-head-actions>*{flex:1}.quick-document-row{grid-template-columns:1fr}.quick-document-actions{justify-content:flex-start}.case-document-name-grid{grid-template-columns:1fr}}

/* Client privacy disclosure and compact contact card — Stage 21 */
.client-private-panel[hidden]{display:none!important}.client-info-toggle{width:100%;min-height:39px;justify-content:center;gap:8px;margin-top:15px;border:1px solid rgba(255,255,255,.34);border-radius:12px;background:rgba(255,255,255,.13);color:var(--sys-on-fill);font-weight:900;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.client-info-toggle:hover{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.2);transform:translateY(-1px)}.client-info-toggle[aria-expanded="true"]{border-color:#bfdbfe;background:var(--sys-surface);color:var(--pal-navy)}.client-info-toggle .app-icon{width:17px;height:17px}.client-info-privacy-note{display:block;margin-top:7px;color:rgba(255,255,255,.65);text-align:center;font-weight:700}.client-workspace-contact.client-private-panel{display:block;overflow:hidden;width:calc(100% - 8px);margin:1px auto 0;padding:8px;border:1px solid #dbe6f0;border-radius:16px;background:linear-gradient(155deg,#f8fbff,#eef4f9);box-shadow:0 7px 18px rgba(23,52,93,.055);animation:client-private-reveal .18s ease-out}.client-workspace-contact.client-private-panel>.client-contact-heading{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 6px 9px;border:0;border-bottom:1px solid #dce6ef;border-radius:0;background:transparent;color:var(--pal-navy-3);font-weight:900;text-align:center}.client-contact-heading .app-icon{width:15px;height:15px}.client-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:7px}.client-workspace-contact .client-contact-grid>div{min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 6px;border:1px solid #e2e9f0;border-radius:11px;background:rgba(255,255,255,.92);text-align:center}.client-workspace-contact .client-contact-grid small{color:#8492a5;text-align:center}.client-workspace-contact .client-contact-grid b{max-width:100%;margin-top:3px;overflow-wrap:anywhere;color:var(--sys-ink);text-align:center}.client-expanded-data.client-private-panel{animation:client-private-reveal .18s ease-out;border-color:#dbe5ee;background:linear-gradient(150deg,#fff,var(--sys-bg));box-shadow:0 7px 18px rgba(23,52,93,.04)}@keyframes client-private-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.client-workspace-contact.client-private-panel{width:100%;margin:0}.client-workspace-layout>aside{align-items:start}}
@media(max-width:520px){.client-contact-grid{grid-template-columns:1fr 1fr}.client-workspace-contact .client-contact-grid>div{min-height:49px;padding:6px 4px}}

/* Full case creation workspace with local multi-file preview — Stage 22 */
#case-editor-modal{inset:0;padding:0;background:rgba(11,23,42,.72)}#case-editor-modal .client-modal-card{width:100%;height:100vh;max-height:100vh;border:0;border-radius:0;overflow:hidden;box-shadow:none}#case-editor-modal .client-modal-card>header{min-height:76px;padding:14px 22px;border-bottom:1px solid var(--sys-separator)}#case-editor-modal form{height:calc(100vh - 76px);padding:0!important;overflow:hidden;background:#edf1f4}.case-editor-workspace{height:100%;display:grid;grid-template-columns:minmax(560px,1fr) minmax(430px,46%);direction:rtl}.case-editor-fields{min-width:0;overflow-y:auto;padding:18px 20px 28px;background:var(--sys-surface)}.case-editor-fields>.case-form-section:first-child{margin-top:0}.case-editor-fields .case-form-actions{bottom:-28px;margin-inline:-20px;margin-bottom:-28px}.case-attachment-panel{min-width:0;display:grid;grid-template-rows:auto auto auto auto minmax(310px,1fr) auto;align-content:start;gap:10px;overflow:hidden;padding:16px;border-right:1px solid #ccd6df;background:linear-gradient(145deg,#e9eef3,#f6f8fa);direction:rtl}.case-attachment-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.case-attachment-head h3{margin:2px 0 0;color:#1c304b;font-size:var(--font-size-title);font-weight:900}.case-attachment-head p{margin:4px 0 0;color:var(--sys-ink-3);font-weight:700}.case-attachment-kicker{color:#7b5b32;font-weight:900}.case-attachment-head>b{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid #d2be94;border-radius:11px;background:#fff9eb;color:#765425;font-size:13px;font-weight:900}.case-attachment-dropzone{position:relative;min-height:76px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:11px;padding:11px 13px;border:1.5px dashed #9fb1c3;border-radius:15px;background:rgba(255,255,255,.78);cursor:pointer;transition:background var(--dur-press) ease,border-color var(--dur-press) ease,box-shadow var(--dur-press) ease}.case-attachment-dropzone:hover,.case-attachment-dropzone.dragging{border-color:var(--pal-navy-3);background:#f5f9fd;box-shadow:0 0 0 4px rgba(49,88,142,.08)}.case-attachment-dropzone input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.case-attachment-dropzone>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf2fa;color:var(--pal-navy-3)}.case-attachment-dropzone>span .app-icon{width:20px;height:20px}.case-attachment-dropzone>b{align-self:end;color:#263a55;font-weight:900}.case-attachment-dropzone>small{align-self:start;color:#8391a3;font-weight:700}.case-attachment-message{margin:0!important}.case-attachment-list{display:grid;gap:6px;max-height:178px;overflow:auto}.case-attachment-item{display:grid;grid-template-columns:minmax(0,1fr) 142px 32px;align-items:center;gap:6px;padding:6px;border:1px solid #dce4ec;border-radius:12px;background:rgba(255,255,255,.85);transition:background var(--dur-quick) ease,border-color var(--dur-quick) ease,box-shadow var(--dur-quick) ease}.case-attachment-item.active{border-color:#8eabc8;background:var(--sys-surface);box-shadow:0 4px 12px rgba(23,52,93,.07)}.case-attachment-file{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;border:0;background:transparent;color:var(--sys-ink);text-align:right;cursor:pointer}.case-attachment-file>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eaf1f8;color:var(--pal-navy-3);font-weight:900}.case-attachment-file div{min-width:0}.case-attachment-file b,.case-attachment-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-attachment-file b{font-weight:900}.case-attachment-file small{margin-top:2px;color:var(--sys-ink-3);font-weight:700}.case-attachment-item select{width:100%;height:32px;border:1px solid #d7e0e9;border-radius:9px;background:var(--sys-bg);color:#3f5169;padding:0 7px;outline:0;font-weight:900}.case-attachment-remove{width:32px;height:32px;display:grid;place-items:center;border:1px solid #f0d5d9;border-radius:9px;background:#fff7f8;color:#c24155;cursor:pointer}.case-attachment-remove .app-icon{width:14px;height:14px}.case-attachment-preview{min-height:310px;overflow:hidden;border:1px solid #cfd9e3;border-radius:17px;background:var(--sys-surface);box-shadow:0 9px 24px rgba(23,52,93,.07)}.case-attachment-preview>header{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid #e3e8ee;background:var(--sys-surface)}.case-attachment-preview>header div{min-width:0}.case-attachment-preview>header b,.case-attachment-preview>header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-attachment-preview>header b{color:var(--sys-ink);font-weight:900}.case-attachment-preview>header small{margin-top:2px;color:#65768c;font-weight:700}.case-attachment-preview>header>span{flex:0 0 auto;padding:4px 7px;border-radius:8px;background:var(--sys-bg);color:var(--sys-ink-3);font-weight:900}.case-attachment-preview-canvas{height:calc(100% - 52px);min-height:258px;display:grid;place-items:center;overflow:auto;background:#dfe4e9}.case-attachment-preview iframe{width:100%;height:100%;min-height:420px;border:0;background:var(--sys-surface)}.case-attachment-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}.case-attachment-empty{height:100%;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;color:#8492a5}.case-attachment-empty .app-icon{width:36px;height:36px;color:#9aafc2}.case-attachment-empty b{margin-top:11px;color:#42546b;font-weight:900}.case-attachment-empty span{max-width:300px;margin-top:5px;font-weight:700;line-height:1.8}.case-attachment-privacy{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px;color:#547063;text-align:center;font-weight:800}.case-attachment-privacy .app-icon{width:15px;height:15px;color:var(--pal-green)}
@media(max-width:1100px){#case-editor-modal .client-modal-card{overflow:auto}.case-editor-workspace{height:auto;min-height:calc(100vh - 76px);grid-template-columns:1fr}.case-editor-fields{overflow:visible}.case-attachment-panel{order:-1;grid-template-rows:auto auto auto auto minmax(360px,55vh) auto;border-right:0;border-bottom:1px solid #ccd6df}.case-attachment-list{max-height:160px}.case-attachment-preview{min-height:360px}}
@media(max-width:650px){#case-editor-modal .client-modal-card>header{min-height:68px;padding:11px 13px}.case-editor-workspace{min-height:calc(100vh - 68px)}.case-editor-fields,.case-attachment-panel{padding:12px}.case-attachment-item{grid-template-columns:minmax(0,1fr) 32px}.case-attachment-item select{grid-column:1/-1;grid-row:2}.case-attachment-panel{grid-template-rows:auto auto auto auto minmax(300px,50vh) auto}.case-attachment-preview iframe{min-height:340px}}

/* Opponent and representative case dossier — Stage 23 */
.case-opponent-profile{border-color:#c8b8dc!important;background:linear-gradient(145deg,#fbf9fd,#f4eff9)!important}.case-opponent-profile .case-section-number{background:#e9e0f3;color:#644a7e}.case-opponent-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-opponent-profile-grid label>span{display:block;margin-bottom:8px;color:#342b42;font-size:var(--font-size-body);font-weight:900}.case-opponent-profile-grid textarea,.case-opponent-profile-grid select{width:100%;border:1.5px solid #cfc3dc;border-radius:12px;background:var(--sys-surface);color:#20182b;padding:10px 12px;font-family:var(--font-app);font-size:var(--font-size-body);font-weight:800;outline:0;box-shadow:0 2px 0 rgba(57,37,78,.025)}.case-opponent-profile-grid textarea{min-height:96px;resize:vertical;line-height:1.7}.case-opponent-profile-grid select{height:46px;padding-block:0}.case-opponent-profile-grid textarea:focus,.case-opponent-profile-grid select:focus{border-color:#7b5aa0;box-shadow:0 0 0 4px rgba(123,90,160,.12)}.case-opponent-basis{grid-column:1/-1}.case-opponent-basis>small{display:block;margin-top:7px;color:#74558f;font-weight:800;line-height:1.7}.case-opponent-dossier{margin-top:14px;overflow:hidden;border:1px solid #d3c5e2;border-radius:17px;background:#f8f4fb}.case-opponent-dossier>header{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #ded3e8;background:rgba(255,255,255,.72)}.case-opponent-dossier>header>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#72548d;color:var(--sys-on-fill)}.case-opponent-dossier>header .app-icon{width:17px;height:17px}.case-opponent-dossier>header b,.case-opponent-dossier>header small{display:block}.case-opponent-dossier>header b{color:#32233f;font-weight:900}.case-opponent-dossier>header small{margin-top:2px;color:#866f99;font-weight:700}.case-opponent-dossier>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.case-opponent-dossier article{padding:11px;border:1px solid #e4dbea;border-radius:12px;background:var(--sys-surface)}.case-opponent-dossier article small{display:block;color:#7b5a98;font-weight:900}.case-opponent-dossier article p{margin:6px 0 0;white-space:pre-wrap;color:#394459;font-weight:700;line-height:1.75}
@media(max-width:700px){.case-opponent-profile-grid,.case-opponent-dossier>div{grid-template-columns:1fr}.case-opponent-basis{grid-column:1}}

/* Dense client workspace with right operational rail — Stage 24 */
.client-workspace-modal .client-modal-card{width:min(1420px,100%)}.client-workspace-layout{grid-template-columns:360px minmax(0,1fr);gap:14px;padding-top:10px;direction:rtl}.client-workspace-rail{min-width:0;display:grid!important;align-content:start;gap:10px!important}.client-workspace-main{min-width:0;display:grid!important;align-content:start;gap:12px!important}.client-workspace-hero{padding:13px 14px;border-radius:16px;background:linear-gradient(145deg,var(--pal-navy),var(--pal-navy-3))}.client-workspace-identity{display:flex;align-items:center;gap:11px}.client-workspace-avatar{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:rgba(255,255,255,.14);font-size:15px;font-weight:900}.client-workspace-identity h3{margin:0!important;color:var(--sys-on-fill);font-size:var(--font-size-title)!important}.client-workspace-identity p{margin-top:2px!important}.client-workspace-hero .client-workspace-tags{margin-top:9px}.client-workspace-hero .client-info-toggle{min-height:34px;margin-top:10px;border-radius:10px}.client-workspace-contact{display:block!important;overflow:hidden;width:100%!important;margin:0!important;padding:7px!important;border:1px solid #dbe4ec;border-radius:14px!important;background:var(--sys-surface)!important;box-shadow:none!important}.client-contact-heading{display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 6px 8px;border-bottom:1px solid var(--sys-separator);color:var(--pal-navy-3);font-weight:900}.client-contact-heading .app-icon{width:14px;height:14px}.client-contact-grid{grid-template-columns:1fr 1fr;gap:5px;padding-top:6px}.client-workspace-contact .client-contact-grid>div{min-height:45px;padding:5px;border-color:var(--sys-separator);border-radius:9px;background:var(--sys-bg)}.client-workspace-contact .client-contact-grid small{font-size:9px!important}.client-workspace-contact .client-contact-grid b{margin-top:2px;font-size:10px!important}.client-workspace-tabs{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border:1px solid var(--sys-separator);border-radius:13px;background:rgba(247,249,251,.96);backdrop-filter:blur(10px)}.client-workspace-tabs button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;background:transparent;color:var(--sys-ink-3);font-weight:900;cursor:pointer}.client-workspace-tabs button:first-child{background:var(--sys-surface);color:var(--pal-navy);box-shadow:0 2px 8px rgba(23,52,93,.07)}.client-workspace-tabs .app-icon{width:15px;height:15px}.client-expanded-data{padding:11px;border-radius:14px}.client-expanded-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.client-expanded-heading h3{margin:0!important}.client-expanded-heading small{color:var(--sys-ink-3);font-weight:700}.client-expanded-data .client-detail-grid{gap:6px}.client-expanded-data .client-detail{padding:9px;border-radius:10px}.client-workspace-main>.client-cases,.client-workspace-main>.client-documents,.client-workspace-main>.client-notebook{margin:0;padding:13px;border:1px solid var(--sys-separator);border-radius:15px;background:var(--sys-surface)}.client-workspace-main>.client-cases,.client-workspace-main>.client-documents{scroll-margin-top:56px}.client-workspace-main>.client-notebook{scroll-margin-top:56px;background:#fffbeb}.client-workspace-rail .client-finance-dashboard{border-radius:15px}.client-workspace-rail .client-finance-head{padding:10px}.client-workspace-rail .client-finance-title>span{width:34px;height:34px;border-radius:10px}.client-workspace-rail .client-finance-title small{font-size:9px!important}.client-workspace-rail .client-finance-badge{padding:4px 7px}.client-workspace-rail .client-finance-metrics{grid-template-columns:1fr 1fr;gap:5px;padding:7px}.client-workspace-rail .client-finance-metric{display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;column-gap:7px;padding:7px;border-radius:10px}.client-workspace-rail .client-finance-metric>span{grid-row:1/3;width:27px;height:27px;border-radius:8px}.client-workspace-rail .client-finance-metric small,.client-workspace-rail .client-finance-metric b{margin:0}.client-workspace-rail .client-finance-metric b{font-size:10px!important}.client-workspace-rail .client-finance-cases{max-height:145px;overflow:auto;padding:3px 9px 8px}.client-workspace-rail .client-finance-case-head{display:none}.client-workspace-rail .client-finance-case{grid-template-columns:minmax(0,1fr) auto;padding:7px 0}.client-workspace-rail .client-finance-case>b:nth-child(2){display:none}.client-rail-activities{margin:0!important;padding:10px!important;border:1px solid var(--sys-separator)!important;border-radius:15px;background:var(--sys-surface)}.client-rail-activities .client-cases-head{align-items:flex-start}.client-rail-activities .client-cases-head small{max-width:210px;line-height:1.5}.client-rail-activities .activity-add-modern{height:31px!important;padding-inline:9px!important}.client-rail-activities .activity-filters{grid-template-columns:1fr 1fr;gap:5px;margin-top:9px}.client-rail-activities .activity-filters input{grid-column:1/-1}.client-rail-activities .activity-filters input,.client-rail-activities .activity-filters select{height:33px;border-radius:9px}.client-rail-activities .case-list{max-height:330px;overflow:auto;margin-top:8px}.client-rail-activities .activity-row{grid-template-columns:34px minmax(0,1fr);gap:7px;padding:8px 6px}.client-rail-activities .activity-kind{width:34px!important;height:34px!important;border-radius:9px!important}.client-rail-activities .activity-row-actions{grid-column:1/-1;justify-content:flex-end}.client-rail-activities .activity-row-main small{white-space:normal}.client-rail-react>section{margin:0!important;padding:10px!important;border:1px solid var(--sys-separator)!important;border-radius:15px;background:var(--sys-surface)}.client-rail-react>section>div:first-child{align-items:flex-start}.client-rail-react>section>div:nth-child(2){grid-template-columns:1fr 1fr!important;gap:5px}.client-rail-react>section>div:nth-child(2) label{grid-column:1/-1}.client-rail-react>section>div:nth-child(2) input,.client-rail-react>section>div:nth-child(2) select{height:34px}.client-rail-react>section>div:last-of-type{max-height:330px;overflow:auto}.client-rail-react>section>div:last-of-type>div>div{grid-template-columns:34px minmax(0,1fr)!important;padding:8px!important}.client-rail-react>section>div:last-of-type>div>div>div:last-child{grid-column:1/-1;justify-content:flex-end}
@media(max-width:1100px){.client-workspace-layout{grid-template-columns:320px minmax(0,1fr)}.client-workspace-rail .client-finance-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.client-workspace-layout{grid-template-columns:1fr}.client-workspace-rail{grid-template-columns:1fr 1fr!important}.client-workspace-hero,.client-rail-activities,.client-rail-react{grid-column:1/-1}.client-workspace-contact,.client-workspace-rail .client-finance-dashboard{min-width:0}.client-rail-activities .case-list,.client-rail-react>section>div:last-of-type{max-height:none}}
@media(max-width:600px){.client-workspace-rail{grid-template-columns:1fr!important}.client-workspace-rail>*{grid-column:1!important}.client-workspace-tabs{position:static}.client-contact-grid{grid-template-columns:1fr 1fr}}
.client-workspace-hero>.client-workspace-identity{width:auto!important;height:auto!important;display:flex!important;align-items:center;place-items:initial;gap:11px;border-radius:0!important;background:transparent!important;font-size:inherit!important}

/* Unified glass buttons and tabs — Stage 25 */
:where(.glass,button,.tab,[role="tab"]){position:relative;isolation:isolate;overflow:hidden;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);transition:transform .16s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
:where(.glass,button,.tab,[role="tab"])::after{content:"";position:absolute;z-index:2;top:-55%;bottom:-55%;left:-72%;width:48%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(0) rotate(1deg);transition:transform var(--dur-panel) var(--ease-out)}
:where(.glass,button,.tab,[role="tab"]):hover::after{transform:translateX(220%)/* @rtl-ok: الكنسة تعبر الزرّ نحو اليمين البصري */ rotate(1deg)}
:where(.glass,button,.tab,[role="tab"]):active:not(:disabled){transform:scale(.97)}
:where(.glass,button,.tab,[role="tab"]):disabled{cursor:not-allowed}.tab,.mobile button,.client-type-switch button,.client-workspace-tabs button{background-color:rgba(255,255,255,.56)}.tab.active,.mobile button.active,.client-type-switch button.active,.client-workspace-tabs button:first-child{background-color:rgba(237,244,251,.78)}
@media(prefers-reduced-motion:reduce){:where(.glass,button,.tab,[role="tab"]){transition:none}:where(.glass,button,.tab,[role="tab"])::after{display:none}:where(.glass,button,.tab,[role="tab"]):active:not(:disabled){transform:none}}

/* Client workspace and case workflow — Stage 26 */
.client-hero-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:6px;margin-top:10px}.client-hero-actions .client-info-toggle{margin:0}.client-finance-open{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.34);border-radius:10px;background:rgba(255,255,255,.13);color:var(--sys-on-fill);font-weight:900;cursor:pointer}.client-finance-open:hover{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.2)}.client-finance-open .app-icon{width:16px;height:16px}.client-workspace-contact[hidden],.client-workspace-pane[hidden]{display:none!important}.client-workspace-unified{min-height:480px;overflow:hidden;border:1px solid var(--sys-separator);border-radius:17px;background:var(--sys-surface);box-shadow:0 8px 24px rgba(23,52,93,.045)}.client-workspace-unified .client-workspace-tabs{position:sticky;top:0;border:0;border-bottom:1px solid #e1e7ee;border-radius:0;background:rgba(248,250,252,.96)}.client-workspace-tabs button{background:transparent!important;box-shadow:none!important}.client-workspace-tabs button.active{background:var(--sys-surface)!important;color:var(--pal-navy)!important;box-shadow:0 2px 8px rgba(23,52,93,.08)!important}.client-workspace-unified>.client-workspace-pane{min-height:420px;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}.client-workspace-main>.client-expanded-data{margin:0;padding:11px;border:1px solid var(--sys-separator);border-radius:15px;background:var(--sys-surface)}.client-finance-dashboard.client-finance-focus{animation:finance-focus-stage26 1.2s ease}@keyframes finance-focus-stage26{0%,100%{box-shadow:0 0 0 0 rgba(30,132,102,0)}35%{box-shadow:0 0 0 5px rgba(30,132,102,.2),0 14px 30px rgba(23,52,93,.12)}}.client-finance-case time{display:block;margin-top:3px;color:var(--pal-amber);font-size:9px!important;font-weight:900}.client-finance-case.has-due{background:linear-gradient(90deg,rgba(255,251,235,.75),transparent)}#case-number[readonly]{border-color:#cbd9e6;background:#eef4f8;color:var(--pal-navy);font-weight:900;cursor:default}.case-attachment-panel{grid-template-rows:auto auto auto minmax(54px,auto) minmax(0,1fr) auto}.case-attachment-list{max-height:126px}.case-attachment-preview{height:100%;min-height:0}.case-attachment-preview-canvas{height:calc(100% - 52px);min-height:0}.case-attachment-preview iframe{height:100%;min-height:100%}.case-attachment-preview img{width:100%;height:100%;object-fit:contain}.case-attachment-empty{min-height:100%}
@media(max-width:850px){.client-workspace-unified{min-height:420px}.client-workspace-unified>.client-workspace-pane{min-height:360px}.case-attachment-preview{min-height:520px}}
@media(max-width:520px){.client-hero-actions{grid-template-columns:1fr}.client-finance-open{min-height:34px}}
.case-attachment-panel{align-content:stretch;grid-template-rows:auto auto auto minmax(0,auto) minmax(0,1fr) auto}
.case-attachment-head{grid-row:1}.case-attachment-dropzone{grid-row:2}.case-attachment-message{grid-row:3}.case-attachment-list{grid-row:4}.case-attachment-preview{grid-row:5}.case-attachment-privacy{grid-row:6}

/* Full-screen client workspace, colored tabs and practical notebook — Stage 27 */
#client-details-modal{inset:0;padding:0;background:rgba(15,29,46,.58)}
#client-details-modal .client-modal-card{width:100%;height:100vh;max-height:100vh;overflow:hidden;border:0;border-radius:0;padding:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-shadow:none}
#client-details-modal .client-modal-card>header{min-height:66px;margin:0;padding:12px 20px;border-bottom:1px solid #d7c9b5;background:var(--pal-paper)}
#client-details-body{min-height:0;overflow:auto;padding:12px 16px;background:linear-gradient(145deg,#f2e9dc 0%,#faf7f2 48%,#eee1d0 100%)}
#client-details-modal .client-details-actions{margin:0;padding:9px 16px;border-top:1px solid #d8cbb9;background:var(--pal-paper)}
.client-workspace-layout{min-height:100%;transition:grid-template-columns var(--dur-panel) ease,gap var(--dur-panel) ease/* MOTION_77_LAYOUT_OK: طيّ مساحة الموكّل */}
.client-workspace-rail{transition:opacity .18s ease,visibility .18s ease}
.client-workspace-layout.client-rail-collapsed{grid-template-columns:0 minmax(0,1fr);gap:0}
.client-workspace-layout.client-rail-collapsed>.client-workspace-rail{width:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none}
.client-workspace-toolbar{display:grid;grid-template-columns:142px minmax(0,1fr);gap:8px;padding:8px;border-bottom:1px solid #d6c4aa;background:#e9dcc9}
.client-rail-toggle{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b99769;border-radius:12px;background:linear-gradient(145deg,#73542f,#9a7648);color:var(--sys-on-fill);font-weight:900;cursor:pointer}
.client-rail-toggle .app-icon{width:17px;height:17px}
.client-workspace-toolbar .client-workspace-tabs{position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none}
.client-workspace-toolbar .client-workspace-tabs button{height:56px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-content:stretch;column-gap:9px;padding:6px 12px;border:1px solid rgba(97,75,48,.18)!important;border-radius:12px;background:rgba(255,253,249,.62)!important;color:#4a5568!important;text-align:right;box-shadow:none!important}
.client-workspace-tab-icon{grid-row:1/3;width:35px;height:35px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(23,52,93,.08))}
.client-workspace-tabs button>span{align-self:end;font-size:13px;font-weight:900;line-height:1.2}
.client-workspace-tabs button>small{align-self:start;color:inherit;font-size:9px;font-weight:800;opacity:.7;line-height:1.25}
.client-workspace-tabs button[data-client-workspace-tab="cases"].active{border-color:#d09a54!important;background:#f3d5aa!important;color:#553817!important;box-shadow:0 5px 14px rgba(135,85,24,.12)!important}
.client-workspace-tabs button[data-client-workspace-tab="documents"].active{border-color:#82a7da!important;background:#dfeafa!important;color:#294f83!important;box-shadow:0 5px 14px rgba(49,88,142,.12)!important}
.client-workspace-tabs button[data-client-workspace-tab="notebook"].active{border-color:#a9a4d5!important;background:#e9e7fb!important;color:#4f4a87!important;box-shadow:0 5px 14px rgba(81,74,135,.12)!important}
.client-workspace-unified{min-height:calc(100vh - 300px);border-color:#cdbb9f;background:#f5ede2}
.client-workspace-unified>.client-workspace-pane{min-height:calc(100vh - 365px);padding:16px!important;background:var(--pal-paper)!important}
.client-section-png{width:40px;height:40px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid #ded2c2;border-radius:12px;background:var(--sys-surface);padding:5px;box-shadow:0 4px 10px rgba(84,63,37,.06)}
.client-section-png img{width:100%;height:100%;object-fit:contain}
.section-icon-title{display:flex;align-items:center;gap:9px}
.client-note-composer{margin-top:14px;padding:14px;border:1px solid #d3c8df;border-radius:16px;background:linear-gradient(145deg,#f7f4fd,#f1ecf8)}
.client-note-templates{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}
.client-note-templates button{min-height:31px;padding:5px 11px;border:1px solid #c4b8d4;border-radius:9px;background:var(--sys-surface);color:#615178;font-weight:900;cursor:pointer}
#client-note-content{width:100%;min-height:240px;resize:vertical;border:1.5px solid #b8aacb;border-radius:14px;background:var(--pal-paper);color:#273449;padding:16px;font-family:var(--font-app);font-size:var(--font-size-body);font-weight:700;line-height:1.95;outline:0;box-shadow:inset 0 1px 4px rgba(61,45,78,.04)}
#client-note-content:focus{border-color:#75628e;box-shadow:0 0 0 4px rgba(117,98,142,.12)}
.client-note-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}
.client-note-composer-footer>div{display:grid;gap:2px;color:#665676;font-weight:900}
.client-note-composer-footer small{color:#91869d;font-size:9px;font-weight:700}
.client-notebook-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:10px;margin-top:13px}
.client-notebook-list .client-note-card{min-height:130px;background:#fffdfa}
@media(max-width:850px){.client-workspace-layout.client-rail-collapsed{grid-template-columns:1fr}.client-workspace-layout.client-rail-collapsed>.client-workspace-rail{display:none!important}.client-workspace-toolbar{grid-template-columns:1fr}.client-rail-toggle{min-height:42px}.client-workspace-unified{min-height:500px}.client-workspace-unified>.client-workspace-pane{min-height:430px}}
@media(max-width:600px){#client-details-body{padding:8px}.client-workspace-toolbar .client-workspace-tabs button{grid-template-columns:30px minmax(0,1fr);padding:6px}.client-workspace-tab-icon{width:28px;height:28px}.client-workspace-tabs button>small{display:none}#client-note-content{min-height:280px}.client-note-composer-footer{align-items:stretch;flex-direction:column}.client-note-composer-footer button{width:100%}}

/* Unified client information, balanced notes and upload rename — Stage 28 */
.client-workspace-layout.client-rail-collapsed{grid-template-columns:minmax(0,1fr);gap:0}
.client-workspace-layout.client-rail-collapsed>.client-workspace-rail{display:none!important;width:auto;overflow:visible;opacity:1;visibility:visible}
.client-workspace-contact{padding:8px!important}
.client-workspace-contact .client-contact-grid{grid-template-columns:1fr 1fr;gap:6px}
.client-workspace-contact .client-contact-grid>div{min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 5px;text-align:center}
.client-workspace-contact .client-contact-grid b{max-width:100%;overflow-wrap:anywhere;word-break:normal;line-height:1.55!important}
.client-workspace-main>.client-expanded-data{display:none!important}
.client-notebook-list{align-items:start;grid-auto-rows:190px}
.client-notebook-list .client-note-card{height:190px;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch;overflow:hidden;padding:12px;background:#fffdfa}
.client-note-card .client-note-text{min-width:0;max-height:9.9em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.65!important}
.client-note-card.expanded .client-note-text{display:block;max-height:9.9em;overflow:auto;-webkit-line-clamp:unset;padding-inline-end:4px;scrollbar-width:thin}
.client-note-expand{width:auto!important;height:28px!important;justify-self:start;margin-top:5px;padding:3px 9px!important;border:1px solid #d9cce8!important;background:#f6f1fb!important;color:#665178!important;font-weight:900!important}
.client-note-card footer{align-self:end;margin-top:6px!important}
.client-note-empty{grid-column:1/-1;height:190px}
.case-document-auto-rename{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border:1px solid #c9d8e7;border-radius:13px;background:#f5f9fd;cursor:pointer}
.case-document-auto-rename input{width:17px;height:17px;accent-color:var(--pal-navy-3)}
.case-document-auto-rename span{display:grid;gap:2px}.case-document-auto-rename b{color:#263a55;font-weight:900}.case-document-auto-rename small{color:#74869b;font-weight:700}
.case-document-rename-preview{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:8px;padding:9px 12px;border:1px solid #eadcc7;border-radius:12px;background:#fffaf2}
.case-document-rename-preview small{color:#92764f;font-weight:900}.case-document-rename-preview b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5d4930;text-align:left;direction:ltr;font-weight:900}
@media(max-width:850px){.client-workspace-layout.client-rail-collapsed{grid-template-columns:1fr}.client-workspace-contact .client-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Full note reader and client linking — Stage 29 */
body.note-viewer-open{overflow:hidden}
.client-note-open{width:auto!important;height:26px!important;display:inline-flex!important;align-items:center;gap:5px;justify-self:start;margin-top:4px;padding:3px 8px!important;border:1px solid #d9d1e5!important;border-radius:8px!important;background:var(--sys-surface)!important;color:#665178!important;font-size:9px!important;font-weight:900!important;box-shadow:none!important}
.client-note-open .app-icon{width:12px;height:12px}
.client-note-client-link{display:grid;grid-template-columns:auto minmax(200px,360px);align-items:center;justify-content:start;gap:10px;margin-bottom:9px;padding:8px 10px;border:1px solid #d9cde6;border-radius:12px;background:rgba(255,255,255,.72)}
.client-note-client-link>span{display:inline-flex;align-items:center;gap:6px;color:#665178;font-weight:900}.client-note-client-link .app-icon{width:14px;height:14px}.client-note-client-link select{height:36px;border:1px solid #cfc3dc;border-radius:10px;background:var(--sys-surface);padding:0 10px;color:var(--sys-ink-2);font-family:var(--font-app);font-weight:900;outline:0}
.client-note-viewer{position:fixed;z-index:130;inset:0;height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#f2eadf;color:var(--sys-ink);direction:rtl}
.client-note-viewer>header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;border-bottom:1px solid #d8c9b5;background:var(--pal-paper)}
.client-note-viewer>header h2{margin:0;font-size:17px!important;font-weight:900}.client-note-viewer>header small{display:block;margin-top:4px;color:#8b98a8;font-weight:800}.client-note-viewer>header button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dce3ea;border-radius:12px;background:var(--sys-surface);color:var(--sys-ink-3);cursor:pointer}.client-note-viewer>header .app-icon{width:16px;height:16px}
.client-note-viewer>main{min-height:0;overflow:auto;padding:22px 28px}.client-note-viewer>main article{width:min(1000px,100%);min-height:100%;margin:auto;padding:32px 38px;border:1px solid #ddcfbd;border-radius:24px;background:var(--sys-surface);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:var(--sys-ink-2);font-size:15px!important;font-weight:700;line-height:2.1!important;box-shadow:0 10px 30px rgba(65,48,29,.06)}
.client-note-viewer>footer{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:10px 22px;border-top:1px solid #d8c9b5;background:var(--pal-paper)}.client-note-viewer>footer label{min-width:270px;max-width:520px;flex:1}.client-note-viewer>footer label>span{display:flex;align-items:center;gap:6px;margin-bottom:5px;color:var(--sys-ink-3);font-weight:900}.client-note-viewer>footer label .app-icon{width:14px;height:14px}.client-note-viewer>footer select{width:100%;height:40px;border:1px solid #d3dce6;border-radius:11px;background:var(--sys-surface);padding:0 11px;color:var(--sys-ink);font-family:var(--font-app);font-weight:900}.client-note-viewer>footer>div{display:flex;gap:8px}.client-note-viewer>footer button{height:40px}
@media(max-width:650px){.client-note-client-link{grid-template-columns:1fr}.client-note-viewer>main{padding:10px}.client-note-viewer>main article{padding:20px 18px;border-radius:16px;font-size:13px!important}.client-note-viewer>footer{align-items:stretch;flex-direction:column}.client-note-viewer>footer label{width:100%;max-width:none}.client-note-viewer>footer>div{width:100%}.client-note-viewer>footer>div button{flex:1}}

/* Privacy whitelist contract for legal-search bridge — Stage 30 */

/* Global search across all entities — Stage 31 */
#global-search{cursor:pointer}
.gsearch-overlay[hidden]{display:none!important}
body.gsearch-open{overflow:hidden}
.gsearch-overlay{position:fixed;inset:0;z-index:140;background:rgba(8,15,26,.55);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:min(12vh,120px) 16px 24px}
.gsearch-panel{width:min(760px,100%);max-height:min(70vh,620px);display:flex;flex-direction:column;background:var(--surface,#fff);border:1px solid rgba(15,23,42,.10);border-radius:20px;box-shadow:0 30px 80px rgba(8,15,26,.28);overflow:hidden}
.gsearch-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08)}
.gsearch-head-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(79,70,229,.10);color:var(--pal-indigo-2);flex:none}
.gsearch-head input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:14px!important;font-weight:700;padding:6px 2px}
.gsearch-head input::-webkit-search-cancel-button{display:none}
.gsearch-count{flex:none;font-size:10px!important;color:var(--sys-ink-3);white-space:nowrap}
.gsearch-close{flex:none;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:9px;background:rgba(15,23,42,.05);color:var(--sys-ink-2);cursor:pointer}
.gsearch-close:hover{background:rgba(15,23,42,.10)}
.gsearch-results{flex:1;min-height:0;overflow-y:auto;padding:8px}
.gsearch-hint{margin:0;padding:26px 18px;text-align:center;color:var(--sys-ink-3);font-size:11px!important;line-height:1.9}
.gsearch-item{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:right;border:0;background:transparent;border-radius:12px;padding:9px 10px;cursor:pointer;backdrop-filter:none!important}
.gsearch-item:hover,.gsearch-item.active{background:rgba(79,70,229,.08)}
.gsearch-item.active{outline:2px solid rgba(79,70,229,.35);outline-offset:-2px}
.gsearch-kind{flex:none;display:inline-flex;align-items:center;gap:5px;min-width:74px;padding:3px 7px;border-radius:8px;font-size:9px!important;font-weight:800;background:rgba(15,23,42,.05);color:var(--sys-ink-2)}
.gsearch-kind .app-icon{width:12px;height:12px}
.gsearch-kind-client{background:rgba(14,165,233,.12);color:#0369a1}
.gsearch-kind-case{background:rgba(79,70,229,.12);color:var(--pal-indigo)}
.gsearch-kind-document{background:rgba(16,185,129,.12);color:var(--pal-green-3)}
.gsearch-kind-note{background:rgba(245,158,11,.14);color:var(--pal-amber)}
.gsearch-kind-activity{background:rgba(236,72,153,.12);color:#be185d}
.gsearch-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.gsearch-body b{font-size:12px!important;font-weight:800;color:var(--sys-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gsearch-body small{font-size:9px!important;color:var(--sys-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gsearch-body mark{background:rgba(250,204,21,.45);color:inherit;border-radius:3px;padding:0 1px}
.gsearch-foot{display:flex;flex-wrap:wrap;gap:12px;padding:9px 16px;border-top:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.7);color:var(--sys-ink-3);font-size:9px!important}
.gsearch-foot kbd{display:inline-block;min-width:16px;text-align:center;padding:1px 4px;border:1px solid rgba(15,23,42,.16);border-bottom-width:2px;border-radius:5px;background:var(--sys-surface);font-family:inherit;font-size:9px!important;margin-inline-end:3px}
@media (max-width:700px){
  .gsearch-overlay{padding:8vh 10px 16px}
  .gsearch-panel{max-height:82vh}
  .gsearch-kind{min-width:0}
  .gsearch-kind span{display:none}
}

/* Explicit dual calendar and Hijri entry — Stage 32 */
.hijri-picker{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;padding:6px 8px;border:1px dashed rgba(15,23,42,.16);border-radius:11px;background:rgba(248,250,252,.65)}
.hijri-badge{flex:none;display:grid;place-items:center;min-width:24px;height:22px;padding:0 6px;border-radius:7px;background:rgba(79,70,229,.12);color:var(--pal-indigo);font-size:10px!important;font-weight:800}
.hijri-picker select,.hijri-picker input[data-hijri-year]{height:26px;padding:0 6px;border:1px solid rgba(15,23,42,.14);border-radius:8px;background:var(--sys-surface);font:inherit;font-size:10px!important;font-weight:700;color:var(--sys-ink)}
.hijri-picker select[data-hijri-day]{width:60px}
.hijri-picker select[data-hijri-month]{flex:1;min-width:78px}
.hijri-picker input[data-hijri-year]{width:56px;direction:ltr;text-align:center}
.hijri-echo{flex-basis:100%;font-size:9px!important;color:var(--sys-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-start:2px}
.calendar-setting-sample{margin:10px 0 0;padding:9px 12px;border-radius:11px;background:rgba(79,70,229,.06);color:var(--sys-ink-2);font-size:10px!important;font-weight:700}

/* Duplicate detection and conflict-of-interest checks — Stage 33 */
.client-conflict-flag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:9px!important;font-weight:800;background:rgba(220,38,38,.10);color:var(--pal-red);border:1px solid rgba(220,38,38,.22)}
.client-conflict-flag.possible{background:rgba(245,158,11,.12);color:var(--pal-amber);border-color:rgba(245,158,11,.28)}
.client-conflict-flag .app-icon{width:11px;height:11px}
.integrity-modal{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,15,26,.55);backdrop-filter:blur(6px)}
.integrity-modal[hidden]{display:none!important}
.integrity-card{width:min(560px,100%);max-height:86vh;overflow-y:auto;background:var(--sys-surface);border-radius:20px;padding:20px;box-shadow:0 30px 80px rgba(8,15,26,.28)}
.integrity-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}
.integrity-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(220,38,38,.10);color:var(--pal-red)}
.integrity-head h3{margin:0;font-size:14px!important;font-weight:800;color:var(--sys-ink)}
.integrity-head small{display:block;margin-top:2px;font-size:10px!important;color:var(--sys-ink-3)}
.integrity-findings{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.integrity-finding{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:13px;border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.07)}
.integrity-finding.strong{border-color:rgba(220,38,38,.28);background:rgba(220,38,38,.07)}
.integrity-badge{align-self:flex-start;padding:2px 7px;border-radius:999px;font-size:9px!important;font-weight:800;background:rgba(180,83,9,.12);color:var(--pal-amber)}
.integrity-finding.strong .integrity-badge{background:rgba(185,28,28,.12);color:var(--pal-red)}
.integrity-finding b{font-size:11px!important;font-weight:800;color:var(--sys-ink);line-height:1.7}
.integrity-finding small{font-size:10px!important;color:var(--sys-ink-2);line-height:1.8}
.integrity-reason{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.integrity-reason>span{font-size:10px!important;font-weight:700;color:var(--sys-ink-2)}
.integrity-reason>span b{color:var(--pal-amber);font-weight:800}
.integrity-reason textarea{width:100%;padding:8px 10px;border:1px solid rgba(15,23,42,.14);border-radius:11px;font:inherit;font-size:11px!important;resize:vertical}
.integrity-note{margin:0 0 14px;font-size:9px!important;color:var(--sys-ink-3)}
.integrity-actions{display:flex;gap:8px;justify-content:flex-start}

/* Reliable reminders and critical deadlines panel — Stage 35 */
.grid.summary .card.sum{border:0;text-align:right;cursor:pointer;font:inherit}
.grid.summary .card.sum:hover{transform:translateY(-1px)}
.sumicon.overdue{background:rgba(220,38,38,.10)!important;color:var(--pal-red)!important}
.deadlines-card{margin-bottom:14px;padding:14px 16px}
.deadlines-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.deadlines-head>span:first-child{display:inline-flex;align-items:center;gap:6px}
.deadlines-head .app-icon{width:14px;height:14px}
.deadlines-status{font-size:9px!important;color:var(--sys-ink-3);font-weight:700}
.deadlines-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:280px;overflow-y:auto}
.deadlines-empty{margin:0;padding:16px;text-align:center;color:var(--sys-ink-3);font-size:10px!important}
.deadline-row{display:flex;align-items:center;gap:10px;width:100%;text-align:right;border:1px solid rgba(15,23,42,.08);border-radius:13px;padding:8px 10px;background:rgba(248,250,252,.6);cursor:pointer;backdrop-filter:none!important}
.deadline-row:hover{background:rgba(79,70,229,.06);border-color:rgba(79,70,229,.20)}
.deadline-row.overdue{border-color:rgba(220,38,38,.26);background:rgba(220,38,38,.05)}
.deadline-kind{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(79,70,229,.10);color:var(--pal-indigo)}
.deadline-kind.task{background:rgba(16,185,129,.12);color:var(--pal-green-3)}
.deadline-row.overdue .deadline-kind{background:rgba(220,38,38,.12);color:var(--pal-red)}
.deadline-kind .app-icon{width:14px;height:14px}
.deadline-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.deadline-body b{font-size:11px!important;font-weight:800;color:var(--sys-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deadline-body small{font-size:9px!important;color:var(--sys-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deadline-body .deadline-when{color:var(--sys-ink-2);font-weight:700}
.deadline-distance{flex:none;padding:3px 8px;border-radius:999px;font-size:9px!important;font-weight:800;background:rgba(15,23,42,.06);color:var(--sys-ink-2)}
.deadline-row.overdue .deadline-distance{background:rgba(220,38,38,.12);color:var(--pal-red)}
.notification-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}

/* Unified client timeline and register performance — Stage 36 */
.timeline-tab-icon{display:grid!important;place-items:center;background:rgba(79,70,229,.10);color:var(--pal-indigo);border-radius:9px}
.timeline-tab-icon .app-icon{width:15px;height:15px}
.timeline-filters{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.timeline-filters button{padding:4px 11px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:var(--sys-surface);font:inherit;font-size:10px!important;font-weight:700;color:var(--sys-ink-2);cursor:pointer;backdrop-filter:none!important}
.timeline-filters button:hover{border-color:rgba(79,70,229,.32)}
.timeline-filters button.active{background:var(--pal-indigo-2);border-color:var(--pal-indigo-2);color:var(--sys-on-fill)}
.timeline-list{display:flex;flex-direction:column;gap:0;position:relative;padding-inline-start:4px}
.timeline-empty{margin:0;padding:26px;text-align:center;color:var(--sys-ink-3);font-size:10px!important}
.timeline-row{display:flex;align-items:flex-start;gap:10px;padding:9px 4px 9px 0;position:relative}
.timeline-row::before{content:"";position:absolute;inset-inline-end:17px;top:30px;bottom:-2px;width:1px;background:rgba(15,23,42,.10)}
.timeline-row:last-child::before{display:none}
.timeline-dot{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(15,23,42,.06);color:var(--sys-ink-2);z-index:1}
.timeline-dot .app-icon{width:13px;height:13px}
.timeline-row.case .timeline-dot{background:rgba(79,70,229,.12);color:var(--pal-indigo)}
.timeline-row.document .timeline-dot{background:rgba(16,185,129,.12);color:var(--pal-green-3)}
.timeline-row.activity .timeline-dot{background:rgba(236,72,153,.12);color:#be185d}
.timeline-row.note .timeline-dot{background:rgba(245,158,11,.14);color:var(--pal-amber)}
.timeline-row.upcoming .timeline-dot{outline:2px solid rgba(79,70,229,.35);outline-offset:1px}
.timeline-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.timeline-body b{font-size:11px!important;font-weight:800;color:var(--sys-ink);line-height:1.7}
.timeline-body small{font-size:9px!important;color:var(--sys-ink-3)}
.timeline-body time{font-size:9px!important;color:var(--sys-ink-2);font-weight:700;margin-top:1px}
.timeline-tag{flex:none;align-self:flex-start;padding:2px 7px;border-radius:999px;font-size:9px!important;font-weight:800;background:rgba(15,23,42,.05);color:var(--sys-ink-2)}
.timeline-row.upcoming .timeline-tag{background:rgba(79,70,229,.12);color:var(--pal-indigo)}
.client-show-more{display:block;width:100%;margin-top:8px;padding:9px;border:1px dashed rgba(79,70,229,.32);border-radius:12px;background:rgba(79,70,229,.05);color:var(--pal-indigo);font:inherit;font-size:10px!important;font-weight:800;cursor:pointer;backdrop-filter:none!important}
.client-show-more:hover{background:rgba(79,70,229,.10)}

/* Payments ledger and case expenses — Stage 37 */
.client-finance-case{grid-template-columns:minmax(0,1fr) auto auto auto!important}
.ledger-open{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid rgba(79,70,229,.24);border-radius:9px;background:rgba(79,70,229,.07);color:var(--pal-indigo);font:inherit;font-size:9px!important;font-weight:800;cursor:pointer;backdrop-filter:none!important;white-space:nowrap}
.ledger-open:hover{background:rgba(79,70,229,.14)}
.ledger-open .app-icon{width:12px;height:12px}
.ledger-modal{position:fixed;inset:0;z-index:155;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(8,15,26,.55);backdrop-filter:blur(6px)}
.ledger-modal[hidden]{display:none!important}
.ledger-card{width:min(660px,100%);max-height:88vh;overflow-y:auto;background:var(--sys-surface);border-radius:20px;padding:18px}
.ledger-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.ledger-head h3{margin:0;font-size:14px!important;font-weight:800;color:var(--sys-ink)}
.ledger-head small{display:block;margin-top:2px;font-size:10px!important;color:var(--sys-ink-3)}
.ledger-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.ledger-metric{padding:9px 10px;border-radius:12px;background:rgba(15,23,42,.04);display:flex;flex-direction:column;gap:2px}
.ledger-metric small{font-size:9px!important;color:var(--sys-ink-3)}
.ledger-metric b{font-size:12px!important;font-weight:800;color:var(--sys-ink)}
.ledger-metric.paid{background:rgba(16,185,129,.10)}.ledger-metric.paid b{color:var(--pal-green-3)}
.ledger-metric.remaining{background:rgba(220,38,38,.08)}.ledger-metric.remaining b{color:var(--pal-red)}
.ledger-metric.expense{background:rgba(245,158,11,.10)}.ledger-metric.expense b{color:var(--pal-amber)}
.ledger-tabs{display:flex;gap:6px;margin-bottom:10px}
.ledger-tabs button{flex:1;padding:7px;border:1px solid rgba(15,23,42,.12);border-radius:11px;background:var(--sys-surface);font:inherit;font-size:11px!important;font-weight:800;color:var(--sys-ink-2);cursor:pointer;backdrop-filter:none!important}
.ledger-tabs button.active{background:var(--pal-indigo-2);border-color:var(--pal-indigo-2);color:var(--sys-on-fill)}
.ledger-form{padding:11px;border:1px solid rgba(15,23,42,.10);border-radius:14px;background:rgba(248,250,252,.6);margin-bottom:12px}
.ledger-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ledger-fields label{display:flex;flex-direction:column;gap:3px}
.ledger-fields label.ledger-wide{grid-column:1/-1}
.ledger-fields label.ledger-check{flex-direction:row;align-items:center;gap:6px}
.ledger-fields span{font-size:9px!important;font-weight:700;color:var(--sys-ink-2)}
.ledger-fields input,.ledger-fields select{padding:7px 9px;border:1px solid rgba(15,23,42,.14);border-radius:10px;font:inherit;font-size:11px!important;background:var(--sys-surface)}
.ledger-fields input[type=checkbox]{width:auto;padding:0}
#ledger-add{margin-top:9px;width:100%}
.ledger-list{display:flex;flex-direction:column;gap:6px}
.ledger-empty{margin:0;padding:20px;text-align:center;color:var(--sys-ink-3);font-size:10px!important}
.ledger-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:var(--sys-surface)}
.ledger-row.opening{border-style:dashed;background:rgba(245,158,11,.05)}
.ledger-row>b{flex:none;min-width:96px;font-size:12px!important;font-weight:800;color:var(--sys-ink)}
.ledger-row-body{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.ledger-row-body small{font-size:9px!important;color:var(--sys-ink-3)}
.ledger-row-body time{font-size:9px!important;color:var(--sys-ink-2);font-weight:700}
.ledger-row-body .ledger-note{color:var(--sys-ink-2)}
@media (max-width:700px){.ledger-summary{grid-template-columns:repeat(2,1fr)}.ledger-fields{grid-template-columns:1fr}}

/* Print layer and paper outputs — Stage 38 */
#print-root{display:none}
.ledger-head-actions{display:flex;align-items:center;gap:7px}

@media print{
  /* body{overflow:hidden} كان يقصّ كل طباعة قبل هذه المرحلة */
  html,body{overflow:visible!important;height:auto!important;min-height:0!important;background:#fff!important;color:#000!important;display:block!important;padding:0!important;margin:0!important}
  body>*:not(#print-root){display:none!important}
  #print-root{display:block!important}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-shadow:none!important;backdrop-filter:none!important;animation:none!important;transition:none!important;transform:none!important;filter:none!important;clip-path:none!important;will-change:auto!important}
  @page{size:A4;margin:16mm 14mm}
}

.print-sheet{direction:rtl;font-family:var(--font-app),Tahoma,Arial,sans-serif;color:var(--sys-ink);font-size:11pt;line-height:1.9}
.print-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:2px solid var(--sys-ink);margin-bottom:14px}
.print-header h1{margin:0;font-size:17pt!important;font-weight:800}
.print-header p{margin:3px 0 0;font-size:10pt!important;color:var(--sys-ink-2)}
.print-brand{text-align:left;direction:rtl}
.print-brand b{display:block;font-size:11pt!important;font-weight:800}
.print-brand small{display:block;font-size:8pt!important;color:var(--sys-ink-3)}
.print-section{margin:16px 0 6px;font-size:12pt!important;font-weight:800;padding-bottom:3px;border-bottom:1px solid var(--sys-separator);break-after:avoid;page-break-after:avoid}
.print-table{width:100%;border-collapse:collapse;margin-bottom:8px;font-size:10pt!important}
.print-table th,.print-table td{border:1px solid var(--sys-separator);padding:5px 7px;text-align:right;vertical-align:top}
.print-table th{background:var(--sys-bg)!important;font-weight:800;font-size:9.5pt!important}
.print-table tr{break-inside:avoid;page-break-inside:avoid}
.print-empty{margin:0 0 8px;padding:8px;border:1px dashed var(--sys-separator);color:var(--sys-ink-3);font-size:10pt!important;text-align:center}
.print-amount{border:2px solid var(--sys-ink);border-radius:8px;padding:12px 14px;margin-bottom:14px;break-inside:avoid}
.print-amount div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.print-amount small{font-size:10pt!important;color:var(--sys-ink-2);font-weight:700}
.print-amount b{font-size:20pt!important;font-weight:800}
.print-words{margin:6px 0 0;padding-top:6px;border-top:1px dashed var(--sys-ink-3);font-size:11pt!important;font-weight:700}
.print-balance{display:flex;flex-wrap:wrap;gap:6px 20px;margin:10px 0;padding:8px 10px;background:var(--sys-bg)!important;border:1px solid var(--sys-separator);font-size:10pt!important}
.print-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.print-metrics div{border:1px solid var(--sys-separator);padding:8px 10px}
.print-metrics small{display:block;font-size:9pt!important;color:var(--sys-ink-2)}
.print-metrics b{display:block;margin-top:2px;font-size:13pt!important;font-weight:800}
.print-signatures{display:flex;gap:40px;margin-top:30px;break-inside:avoid}
.print-signatures div{flex:1}
.print-signatures span{display:block;font-size:10pt!important;font-weight:700;margin-bottom:26px}
.print-signatures i{display:block;border-top:1px solid var(--sys-ink)}
.print-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:7px;border-top:1px solid var(--sys-separator);font-size:8.5pt!important;color:var(--sys-ink-3)}

/* Saudi legal SaaS workspace — Stage 39 */
:root{
  --saas-navy:#0f2442;--saas-navy-2:#153257;--saas-blue:#2563eb;--saas-blue-soft:#eff6ff;
  --saas-green:#0f9f6e;--saas-green-soft:#ecfdf5;--saas-purple:#7c3aed;--saas-purple-soft:#f5f3ff;
  --saas-amber:#d97706;--saas-amber-soft:#fffbeb;--saas-red:#dc2626;--saas-red-soft:#fef2f2;
  --saas-bg:#f4f7fb;--saas-card:#fff;--saas-ink:#17243a;--saas-muted:#748198;--saas-border:#e5eaf1;
  --saas-shadow:0 8px 24px rgba(15,36,66,.055);--sidebar-width:248px;
}
body{background:var(--saas-bg);color:var(--saas-ink)}
.app{height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:76px minmax(0,1fr);grid-template-areas:"sidebar top" "sidebar main";background:var(--saas-bg)}
.saas-sidebar{grid-area:sidebar;position:relative;z-index:30;display:flex;min-width:0;flex-direction:column;padding:20px 14px 14px;background:var(--saas-navy);color:var(--sys-on-fill);box-shadow:-1px 0 0 rgba(255,255,255,.04) inset}
.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 9px 20px;border-bottom:1px solid rgba(255,255,255,.09)}
.sidebar-brand .brandmark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#2f6fe4;color:var(--sys-on-fill);font-size:18px;font-weight:900;box-shadow:0 8px 18px rgba(37,99,235,.25)}
.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{font-size:14px;font-weight:900}.sidebar-brand small{margin-top:2px;color:#9fb0c7;font-size:10px!important;font-weight:700}
.saas-sidebar .modules{display:flex!important;flex:1;flex-direction:column;align-items:stretch;gap:3px;margin-top:17px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
.saas-sidebar .module{width:100%;min-height:42px;display:flex;align-items:center;justify-content:flex-start;gap:11px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#becadd;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}
.saas-sidebar .module:hover{background:rgba(255,255,255,.07);color:var(--sys-on-fill);transform:translateX(-2px)/* @rtl-ok: الوحدة تنزاح نحو المحتوى، والمحتوى يسار الشريط */}
.saas-sidebar .module.active{background:var(--pal-blue-2);color:var(--sys-on-fill);box-shadow:0 7px 18px rgba(37,99,235,.2)}
.saas-sidebar .module .ico{width:20px;height:20px;display:grid;place-items:center;background:transparent!important;color:inherit}.saas-sidebar .module .app-icon{width:18px;height:18px}.saas-sidebar .module .txt{font-size:11px!important;font-weight:800}
.sidebar-divider{height:1px;margin:9px 12px;background:rgba(255,255,255,.09)}
.sidebar-foot{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.045)}
.sidebar-foot>.app-icon{width:18px;height:18px;color:#6ee7b7}.sidebar-foot b,.sidebar-foot small{display:block}.sidebar-foot b{font-size:10px!important}.sidebar-foot small{margin-top:2px;color:#91a5bf;font-size:8px!important;line-height:1.5}
.top{grid-area:top;height:76px;min-width:0;display:flex;align-items:center;gap:16px;padding:0 26px;border-bottom:1px solid var(--saas-border);background:rgba(255,255,255,.96);box-shadow:none;backdrop-filter:blur(12px)}
.top>.brand,.top>.modules{display:none!important}.top-context{min-width:150px}.top-context b,.top-context small{display:block}.top-context b{font-size:12px!important;font-weight:900;color:var(--saas-ink)}.top-context small{margin-top:2px;color:var(--saas-muted);font-size:9px!important;font-weight:700}
.top .actions{min-width:0;flex:1;display:flex;align-items:center;justify-content:flex-end;gap:8px}.top .search{width:min(520px,48vw);height:42px;display:flex;align-items:center;gap:9px;margin-inline:auto;padding:0 13px;border:1px solid #dfe5ee;border-radius:11px;background:var(--sys-bg);box-shadow:none}
.top .search:focus-within{border-color:#86a9eb;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.top .search input{min-width:0;flex:1;border:0;background:transparent;color:var(--saas-ink);font-size:11px!important;outline:0}.top .search .app-icon{width:17px;height:17px;color:#8b98aa}.top .search kbd{padding:2px 6px;border:1px solid #dbe2eb;border-radius:6px;background:var(--sys-surface);color:#8a97aa;font:700 8px var(--font-app)}
.top-icon{position:relative;width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #e2e7ee;border-radius:10px;background:var(--sys-surface);color:#607089;cursor:pointer}.top-icon:hover{border-color:#cbd7e7;background:var(--sys-bg);color:#224878}.top-icon .app-icon{width:17px;height:17px}.top-icon i{position:absolute;top:-4px;left:-3px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:999px;background:var(--saas-red);color:var(--sys-on-fill);font-size:7px!important;font-style:normal;font-weight:900}
.top .user{min-width:176px;display:flex;align-items:center;gap:9px;margin-inline-start:4px;padding-inline-start:12px;border-inline-start:1px solid #e5eaf1}.top .user .avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#eaf1ff;color:#2458aa;font-size:13px;font-weight:900}.top .user b,.top .user small{display:block}.top .user b{color:#22304a;font-size:10px!important;font-weight:900}.top .user small{margin-top:1px;color:#8491a3;font-size:8px!important;font-weight:700}.top .user>.app-icon{width:14px;height:14px;margin-inline-start:auto;color:#98a4b4}.sidebar-mobile-toggle{display:none}
.tabs{display:none!important}.main{grid-area:main;min-width:0;min-height:0;overflow:auto;background:var(--saas-bg)}.page>.wrap{max-width:1540px;margin:0 auto;padding:26px 28px 44px}.mobile{display:none!important}

.dashboard-wrap{font-size:11px}.dashboard-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.dashboard-welcome .eyebrow{margin-bottom:4px;color:#7d8b9f;font-size:9px!important;font-weight:800}.dashboard-welcome h1{margin:0;color:#14233b;font-size:22px!important;font-weight:900;letter-spacing:normal}.dashboard-welcome p{margin:4px 0 0;color:#77859a;font-size:11px!important;font-weight:700}.welcome-actions{display:flex;gap:8px}.dashboard-primary,.dashboard-secondary{height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:10px;font-size:10px!important;font-weight:900;cursor:pointer}.dashboard-primary{border:1px solid #245dd6;background:var(--pal-blue-2);color:var(--sys-on-fill);box-shadow:0 5px 14px rgba(37,99,235,.16)}.dashboard-secondary{border:1px solid #dbe3ee;background:var(--sys-surface);color:#27415f}.dashboard-primary .app-icon,.dashboard-secondary .app-icon{width:15px;height:15px}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.dashboard-kpi{min-width:0;display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--saas-border);border-radius:14px;background:var(--sys-surface);text-align:right;box-shadow:0 4px 14px rgba(15,36,66,.035);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dashboard-kpi:hover{transform:translateY(-2px);border-color:#cfdae8;box-shadow:var(--saas-shadow)}.dashboard-kpi>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px}.dashboard-kpi>span .app-icon{width:19px;height:19px}.dashboard-kpi.clients>span{background:var(--saas-green-soft);color:var(--saas-green)}.dashboard-kpi.cases>span{background:var(--saas-blue-soft);color:var(--saas-blue)}.dashboard-kpi.hearings>span{background:var(--saas-purple-soft);color:var(--saas-purple)}.dashboard-kpi.overdue>span{background:var(--saas-amber-soft);color:var(--saas-amber)}.dashboard-kpi small,.dashboard-kpi b,.dashboard-kpi em{display:block}.dashboard-kpi small{color:#738197;font-size:9px!important;font-weight:800}.dashboard-kpi b{margin-top:2px;color:#15243a;font-size:22px!important;line-height:1.1;font-weight:900}.dashboard-kpi em{margin-top:4px;color:#98a3b3;font-size:8px!important;font-style:normal;font-weight:700}
.smart-assistant-card{display:grid;grid-template-columns:auto minmax(260px,1fr);gap:10px 24px;align-items:center;margin-bottom:14px;padding:16px 18px;border:1px solid #dfe7f2;border-radius:15px;background:linear-gradient(108deg,#f7faff 0%,#fff 58%,#f4f8ff 100%);box-shadow:0 4px 18px rgba(37,99,235,.04)}.smart-assistant-copy{display:flex;align-items:center;gap:11px}.smart-assistant-copy>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#e9f1ff;color:var(--pal-blue-2)}.smart-assistant-copy .app-icon{width:19px;height:19px}.smart-assistant-copy b,.smart-assistant-copy small{display:block}.smart-assistant-copy b{font-size:12px!important;font-weight:900}.smart-assistant-copy small{margin-top:2px;color:#7b899e;font-size:9px!important;font-weight:700}.smart-assistant-search{height:42px;display:flex;align-items:center;overflow:hidden;border:1px solid #dce5f0;border-radius:11px;background:var(--sys-surface)}.smart-assistant-search:focus-within{border-color:#88a9e8;box-shadow:0 0 0 3px rgba(37,99,235,.07)}.smart-assistant-search input{min-width:0;flex:1;height:100%;padding:0 13px;border:0;background:transparent;color:#263750;font-size:10px!important;outline:0}.smart-assistant-search button{height:34px;display:flex;align-items:center;gap:6px;margin:4px;padding:0 13px;border:0;border-radius:8px;background:#173c70;color:var(--sys-on-fill);font-size:9px!important;font-weight:900;cursor:pointer}.smart-assistant-search .app-icon{width:13px;height:13px}.smart-chips{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.smart-chips button{padding:5px 10px;border:1px solid #e0e7f1;border-radius:999px;background:var(--sys-surface);color:#56677f;font-size:8px!important;font-weight:800;cursor:pointer}.smart-chips button:hover{border-color:#a9c0e7;color:#24569d;background:#f8fbff}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr);gap:14px;margin-bottom:14px}.dashboard-secondary-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;margin-bottom:14px}.dashboard-main-grid.lower{grid-template-columns:minmax(0,1fr) minmax(320px,.75fr)}.dashboard-card{min-width:0;padding:16px;border:1px solid var(--saas-border);border-radius:15px;background:var(--sys-surface);box-shadow:0 4px 15px rgba(15,36,66,.035)}.dashboard-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.dashboard-card>header h2{margin:1px 0 0;color:#1d2c43;font-size:13px!important;font-weight:900}.section-kicker{display:block;color:#8b98aa;font-size:8px!important;font-weight:800}.dashboard-card>header button,.dashboard-card>header select{min-height:30px;padding:0 9px;border:1px solid #e1e7ef;border-radius:8px;background:var(--sys-bg);color:#5f7088;font-size:8px!important;font-weight:800;cursor:pointer}.dashboard-card>header select{outline:0}
.cases-chart-wrap{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:14px;align-items:center;min-height:188px}.cases-chart{height:180px;min-width:0}.cases-chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#e9edf3;stroke-width:1}.chart-area{fill:rgba(37,99,235,.08)}.chart-line{fill:none;stroke:var(--pal-blue-2);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#fff;stroke:var(--pal-blue-2);stroke-width:2}.chart-label{fill:var(--sys-ink-3);font:700 8px var(--font-app)}.chart-value{fill:var(--sys-ink-2);font:900 8px var(--font-app)}.case-status-legend{display:grid;gap:7px}.case-status-item{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:9px;background:var(--sys-bg)}.case-status-item i{width:7px;height:7px;border-radius:99px}.case-status-item span{min-width:0;flex:1;color:var(--sys-ink-3);font-size:8px!important;font-weight:800}.case-status-item b{color:#25364f;font-size:10px!important;font-weight:900}
.compact-list{display:grid;gap:7px}.compact-empty{display:grid;place-items:center;min-height:118px;padding:16px;border:1px dashed var(--sys-separator);border-radius:11px;background:var(--sys-bg);color:var(--sys-ink-3);text-align:center;font-size:9px!important;font-weight:700}.compact-row{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid #edf0f4;border-radius:10px;background:var(--sys-surface);cursor:pointer}.compact-row:hover{border-color:#d7e1ed;background:#fbfdff}.compact-row-date{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;background:#f2efff;color:#6d43ca;text-align:center}.compact-row-date b,.compact-row-date small{display:block}.compact-row-date b{font-size:13px!important;line-height:1}.compact-row-date small{font-size:7px!important}.compact-row-main{min-width:0}.compact-row-main b,.compact-row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-row-main b{color:#273850;font-size:9px!important;font-weight:900}.compact-row-main small{margin-top:2px;color:#8995a6;font-size:8px!important;font-weight:700}.compact-row>time,.compact-row>.task-state{color:#5f7088;font-size:8px!important;font-weight:800;white-space:nowrap}.compact-row.overdue{border-color:#f6d8d8;background:#fffafa}.compact-row.overdue .task-state{color:#c43030}
.finance-summary-body{display:grid;grid-template-columns:112px minmax(0,1fr);gap:17px;align-items:center}.finance-donut{width:108px;height:108px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#0f9f6e 0deg,#e8edf3 0deg);position:relative}.finance-donut:after{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--sys-surface)}.finance-donut>span{position:relative;z-index:1;text-align:center}.finance-donut b,.finance-donut small{display:block}.finance-donut b{font-size:16px!important;font-weight:900;color:#17324d}.finance-donut small{font-size:8px!important;color:var(--sys-ink-3);font-weight:700}.finance-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.finance-mini-grid>div{padding:8px 9px;border:1px solid #edf0f4;border-radius:10px;background:#f9fafc}.finance-mini-grid small,.finance-mini-grid b{display:block}.finance-mini-grid small{color:var(--sys-ink-3);font-size:8px!important;font-weight:700}.finance-mini-grid b{margin-top:3px;color:#24354d;font-size:11px!important;font-weight:900}.finance-mini-grid .paid b{color:var(--pal-green-2)}.finance-mini-grid .pending b{color:var(--pal-brown)}.finance-mini-grid .overdue b{color:#c33232}
.quick-actions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.quick-actions-grid button{min-width:0;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px;border:1px solid #e7ebf1;border-radius:11px;background:var(--sys-surface);color:#3c4e67;font-size:8px!important;font-weight:900;cursor:pointer}.quick-actions-grid button:hover{border-color:#cdd9e7;background:#fafcff;transform:translateY(-1px)}.quick-actions-grid span,.legal-system-grid span{width:33px;height:33px;display:grid;place-items:center;border-radius:10px}.quick-actions-grid .app-icon,.legal-system-grid .app-icon{width:16px;height:16px}.blue{background:var(--saas-blue-soft);color:var(--saas-blue)}.indigo{background:#eef2ff;color:var(--pal-indigo-2)}.green{background:var(--saas-green-soft);color:var(--saas-green)}.amber{background:var(--saas-amber-soft);color:var(--saas-amber)}.purple{background:var(--saas-purple-soft);color:var(--saas-purple)}.red{background:var(--saas-red-soft);color:var(--saas-red)}
.recent-cases-list{display:grid;gap:7px}.recent-case-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #edf0f4;border-radius:10px;cursor:pointer}.recent-case-row:hover{border-color:#d7e2ef;background:#fbfdff}.recent-case-row>div{min-width:0}.recent-case-row b,.recent-case-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-case-row b{font-size:9px!important;color:#273850}.recent-case-row small{margin-top:2px;color:#8995a6;font-size:8px!important}.case-status-pill{padding:4px 7px;border-radius:999px;background:var(--pal-blue-tint);color:#245eb8;font-size:7px!important;font-weight:900;white-space:nowrap}.case-status-pill.closed{background:#ecfdf5;color:var(--pal-green-2)}.recent-case-row time{color:#8995a6;font-size:8px!important;white-space:nowrap}.task-check{width:22px;height:22px;display:grid;place-items:center;border:1px solid #d9e1eb;border-radius:7px;background:var(--sys-surface);color:#9aa6b6}.task-check .app-icon{width:12px;height:12px}
.legal-systems-card{margin-bottom:14px}.legal-system-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.legal-system-grid button{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:10px;border:1px solid #e8ecf2;border-radius:11px;background:var(--sys-surface);text-align:right;cursor:pointer}.legal-system-grid button:hover{border-color:#ccd9e8;background:#fbfdff}.legal-system-grid span{grid-row:1/3}.legal-system-grid b,.legal-system-grid small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legal-system-grid b{font-size:9px!important;color:#2e3f57}.legal-system-grid small{font-size:7px!important;color:var(--sys-ink-3)}
.critical-alerts-card{margin-bottom:10px}.critical-alerts-card .deadlines-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.critical-alerts-card .deadline-row{min-width:0;border:1px solid #edf0f4;border-radius:10px;background:var(--sys-surface)}.critical-alerts-card .deadline-row.overdue{border-color:#f2d0d0;background:#fffafa}.deadlines-status{padding:4px 8px;border-radius:999px;background:var(--sys-bg);color:var(--sys-ink-3);font-size:8px!important;font-weight:800}.deadlines-empty{grid-column:1/-1;margin:0;padding:18px;border:1px dashed var(--sys-separator);border-radius:10px;background:var(--sys-bg);text-align:center;color:var(--sys-ink-3);font-size:9px!important}

body.saas-dark{--saas-bg:#0d1726;--saas-card:#142238;--saas-ink:#e7edf7;--saas-muted:#93a3ba;--saas-border:#26364d;background:var(--saas-bg);color:var(--saas-ink)}
body.saas-dark .main,body.saas-dark .app{background:var(--saas-bg)}body.saas-dark .top{background:rgba(20,34,56,.96);border-color:var(--saas-border)}body.saas-dark .top-context b,body.saas-dark .top .user b{color:#e7edf7}body.saas-dark .top .search,body.saas-dark .top-icon{border-color:#304058;background:#18283f;color:#b8c6d9}body.saas-dark .top .search input{color:#e7edf7}body.saas-dark .dashboard-welcome h1,body.saas-dark .dashboard-card h2{color:#e7edf7}body.saas-dark .dashboard-kpi,body.saas-dark .dashboard-card,body.saas-dark .smart-assistant-card,body.saas-dark .compact-row,body.saas-dark .quick-actions-grid button,body.saas-dark .legal-system-grid button,body.saas-dark .recent-case-row{border-color:var(--saas-border);background:#142238;color:#dbe5f2}body.saas-dark .dashboard-kpi b,body.saas-dark .smart-assistant-copy b,body.saas-dark .compact-row-main b,body.saas-dark .recent-case-row b,body.saas-dark .legal-system-grid b{color:#e4ebf5}body.saas-dark .smart-assistant-search{border-color:#304058;background:#18283f}body.saas-dark .smart-assistant-search input{color:#e7edf7}body.saas-dark .finance-donut:after{background:#142238}body.saas-dark .finance-mini-grid>div,body.saas-dark .case-status-item{border-color:#26364d;background:#18283f}body.saas-dark .critical-alerts-card .deadline-row{background:#142238;border-color:#26364d}

@media(max-width:1180px){:root{--sidebar-width:218px}.page>.wrap{padding-inline:20px}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}.legal-system-grid{grid-template-columns:repeat(3,1fr)}.top .user{min-width:150px}.cases-chart-wrap{grid-template-columns:1fr}.case-status-legend{grid-template-columns:repeat(5,1fr)}}
@media(max-width:920px){.app{grid-template-columns:1fr;grid-template-rows:68px minmax(0,1fr);grid-template-areas:"top" "main"}.saas-sidebar{position:fixed;top:0;right:0;bottom:0;width:248px;transform:translateX(105%)/* @rtl-ok: الشريط يختفي خلف حافته اليمنى */;transition:transform .22s ease}.app.sidebar-open .saas-sidebar{transform:translateX(0)}.sidebar-mobile-toggle{width:38px;height:38px;display:grid;place-items:center;border:1px solid #e2e7ee;border-radius:10px;background:var(--sys-surface);color:#36516f}.sidebar-mobile-toggle .app-icon{width:17px;height:17px}.top{height:68px;padding-inline:14px}.top-context{display:none}.top .search{width:auto;flex:1;margin:0}.top .user{min-width:0;border:0;padding:0}.top .user>div:not(.avatar),.top .user>.app-icon,.top .actions>.top-icon:not(.bell){display:none}.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-main-grid,.dashboard-secondary-grid,.dashboard-main-grid.lower{grid-template-columns:1fr}.smart-assistant-card{grid-template-columns:1fr}.smart-chips{grid-column:auto;justify-content:flex-start}.critical-alerts-card .deadlines-list{grid-template-columns:1fr}}
@media(max-width:620px){body{overflow:auto}.app{height:auto;min-height:100vh}.main{overflow:visible}.page>.wrap{padding:18px 12px 84px}.dashboard-welcome{align-items:flex-start;flex-direction:column}.welcome-actions{width:100%}.welcome-actions button{flex:1}.dashboard-kpis{grid-template-columns:1fr}.dashboard-kpi{padding:12px}.top .search kbd,.top .user{display:none}.dashboard-card,.smart-assistant-card{padding:13px}.finance-summary-body{grid-template-columns:1fr}.finance-donut{margin:auto}.quick-actions-grid,.legal-system-grid{grid-template-columns:1fr 1fr}.case-status-legend{grid-template-columns:1fr 1fr}.cases-chart{height:150px}.recent-case-row{grid-template-columns:minmax(0,1fr) auto}.recent-case-row time{display:none}}

/* Stage 40 — encrypted multi-provider API center */
.provider-settings-card{padding:22px;border-color:#dce4ee;background:linear-gradient(145deg,#fff 0%,#fff 62%,#f8f5ed 100%)}
.provider-settings-head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px}
.settings-card-icon.provider{border-color:#d7dff2;background:linear-gradient(145deg,#edf3ff,#f7f9ff);color:#315faa}
.provider-active-summary{padding:7px 11px;border:1px solid #dce5ef;border-radius:999px;background:#f7f9fc;color:#61718a;font-size:9px!important;font-weight:900;white-space:nowrap}
.provider-active-summary.ready{border-color:#bfe5d2;background:#edf9f3;color:var(--pal-green-2)}
.provider-security-note{display:flex;align-items:center;gap:8px;margin-top:17px;padding:10px 12px;border:1px solid #e6dcc6;border-radius:11px;background:#fbf8f1;color:#725d39;font-size:9px!important;font-weight:800;line-height:1.7}
.provider-security-note .app-icon{width:16px;height:16px;flex:0 0 auto;color:#8d6c32}
.provider-settings-message{margin-top:11px;padding:9px 12px;border:1px solid #bfdccf;border-radius:10px;background:#eef9f4;color:#147153;font-size:9px!important;font-weight:900}
.provider-settings-message.error{border-color:#f0caca;background:#fff2f2;color:#ad2d2d}
.provider-settings-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}
.provider-loading{grid-column:1/-1;display:grid;place-items:center;min-height:110px;border:1px dashed #d8e0e9;border-radius:12px;color:#8492a5;font-size:10px!important;font-weight:800}
.provider-item{min-width:0;padding:14px;border:1px solid #dfe5ed;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 4px 12px rgba(23,46,77,.025);transition:border-color .16s ease,box-shadow .16s ease}
.provider-item.active{border-color:#77a0df;box-shadow:0 0 0 3px rgba(49,95,170,.08),0 5px 14px rgba(23,46,77,.04)}
.provider-item-head{display:flex;align-items:center;gap:10px}.provider-logo{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#edf3fb;color:#315faa;font-size:13px!important;font-weight:900}.provider-logo.gemini{background:#f1edff;color:#6546bd}.provider-logo.anthropic{background:#f5efe8;color:#79593a}.provider-logo.openrouter{background:#edf8f4;color:#13765a}
.provider-item-title{min-width:0;flex:1}.provider-item-title b,.provider-item-title small{display:block}.provider-item-title b{color:#20324a;font-size:12px!important;font-weight:900}.provider-item-title small{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sys-ink-3);font-size:8px!important;font-weight:700}
.provider-state{padding:4px 7px;border-radius:999px;background:#f1f4f7;color:var(--sys-ink-3);font-size:7px!important;font-weight:900;white-space:nowrap}.provider-state.configured{background:#eaf8f1;color:var(--pal-green-2)}.provider-state.environment{background:#edf3ff;color:#315faa}
.provider-fields{display:grid;gap:9px;margin-top:13px}.provider-field{display:grid;gap:5px}.provider-field>span{color:#53647b;font-size:8px!important;font-weight:900}.provider-input-wrap{height:39px;display:flex;align-items:center;overflow:hidden;border:1px solid #dce3eb;border-radius:10px;background:#fbfcfd}.provider-input-wrap:focus-within{border-color:#7fa3da;box-shadow:0 0 0 3px rgba(49,95,170,.07);background:var(--sys-surface)}.provider-input-wrap input{min-width:0;flex:1;height:100%;padding:0 11px;border:0;background:transparent;color:#263850;font-family:var(--font-app);font-size:10px!important;font-weight:700;outline:0}.provider-input-wrap input[dir="ltr"]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px!important;text-align:left}.provider-key-toggle{width:38px;height:100%;display:grid;place-items:center;border:0;border-inline-start:1px solid #e5eaf0;background:var(--sys-bg);color:#718198;cursor:pointer}.provider-key-toggle .app-icon{width:15px;height:15px}
.provider-saved-key{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;color:#7b899b;font-size:8px!important;font-weight:700}.provider-saved-key code{direction:ltr;font:800 9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#3e526d}
.provider-actions{display:flex;align-items:center;gap:6px;margin-top:12px;flex-wrap:wrap}.provider-actions button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid #dce3eb;border-radius:9px;background:var(--sys-surface);color:#40546e;font-size:8px!important;font-weight:900;cursor:pointer}.provider-actions button:hover{border-color:#b8c8db;background:#f9fbfd}.provider-actions button:disabled{opacity:.55;cursor:wait}.provider-actions .provider-save{border-color:#2459ad;background:#285eaf;color:var(--sys-on-fill)}.provider-actions .provider-activate.active{border-color:#b8dfcd;background:#edf9f3;color:var(--pal-green-2)}.provider-actions .provider-delete{margin-inline-start:auto;border-color:#efd5d5;color:#b23a3a}.provider-actions .app-icon{width:13px;height:13px}
.provider-test-result{min-height:17px;margin-top:8px;color:#697a91;font-size:8px!important;font-weight:800}.provider-test-result.success{color:var(--pal-green-2)}.provider-test-result.error{color:#b52f2f}
body.saas-dark .provider-settings-card,body.saas-dark .provider-item{border-color:#2a3b52;background:#142238;color:#dbe5f2}body.saas-dark .provider-item-title b{color:#e5edf7}body.saas-dark .provider-input-wrap{border-color:#33445a;background:#18283f}body.saas-dark .provider-input-wrap input{color:#e5edf7}body.saas-dark .provider-security-note{border-color:#4b4435;background:#26251f;color:#d6c49c}body.saas-dark .provider-actions button{border-color:#34465e;background:#1a2a41;color:#c7d4e5}
@media(max-width:920px){.provider-settings-list{grid-template-columns:1fr}}
@media(max-width:620px){.provider-settings-card{padding:15px}.provider-settings-head{grid-template-columns:50px 1fr;gap:11px}.provider-settings-head .settings-card-icon{width:50px;height:50px;border-radius:15px}.provider-active-summary{grid-column:1/-1;justify-self:start}.provider-item{padding:12px}.provider-actions .provider-delete{margin-inline-start:0}.provider-actions button{flex:1}}

/* Stage 41 — persistent AI provider state and model validation */
.provider-global-status{height:40px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e1e6ed;border-radius:10px;background:var(--sys-surface);color:#596b82;text-align:right;cursor:pointer;white-space:nowrap}.provider-global-status>i,.document-provider-status>i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#9aa6b5;box-shadow:0 0 0 3px rgba(154,166,181,.13)}.provider-global-status b,.provider-global-status small{display:block}.provider-global-status b{font-size:8px!important;font-weight:900}.provider-global-status small{margin-top:1px;font-size:7px!important;font-weight:800;color:#8794a6}.provider-global-status.connected{border-color:#bfe3d1;background:#f3fbf7;color:var(--pal-green-2)}.provider-global-status.connected>i,.document-provider-status.connected>i{background:#10a36f;box-shadow:0 0 0 3px rgba(16,163,111,.13)}.provider-global-status.warning{border-color:#ead7ae;background:#fffaf0;color:#91640e}.provider-global-status.warning>i,.document-provider-status.warning>i{background:#d6961a;box-shadow:0 0 0 3px rgba(214,150,26,.13)}
.document-provider-status{height:31px;display:flex;align-items:center;gap:7px;margin-inline-start:auto;padding:0 10px;border:1px solid #dfe5ed;border-radius:999px;background:var(--sys-bg);color:var(--sys-ink-3);font-size:8px!important;font-weight:900;cursor:pointer}.document-provider-status.connected{border-color:#bfe3d1;background:#effaf5;color:var(--pal-green-2)}.document-provider-status.warning{border-color:#ead7ae;background:#fff9ed;color:#8b620f}
.provider-item.model-invalid{border-color:#e9bd94;background:#fffaf5}.provider-model-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.provider-use-default{min-width:112px;border:1px solid #d8c49d;border-radius:10px;background:#fff9ed;color:#795a20;font-size:8px!important;font-weight:900;cursor:pointer}.provider-model-warning{display:block;margin-top:5px;color:#b15b1d;font-size:8px!important;font-weight:900}.provider-connection-line{display:flex;align-items:center;gap:6px}.provider-connection-line i{width:7px;height:7px;border-radius:50%;background:#a3adba}.provider-connection-line.connected{color:var(--pal-green-2)}.provider-connection-line.connected i{background:#10a36f}.provider-connection-line.warning{color:#9b6711}.provider-connection-line.warning i{background:#d6961a}
body.saas-dark .provider-global-status,body.saas-dark .document-provider-status{border-color:#304158;background:#18283f;color:#c6d2e2}body.saas-dark .provider-global-status.connected,body.saas-dark .document-provider-status.connected{border-color:#285c4a;background:#15342b;color:#83dfb8}
@media(max-width:1180px){.provider-global-status{display:none}}
@media(max-width:620px){.document-provider-status{max-width:165px}.document-provider-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-model-row{grid-template-columns:1fr}.provider-use-default{min-height:34px}}

/* Stage 42 — calm, product-led workspace inspired by Apple HIG principles */
:root{
  --saas-navy:#f0f0f2;--saas-navy-2:#e8e8eb;--saas-blue:#0a84ff;--saas-blue-soft:#e8f3ff;
  --saas-green:#248a3d;--saas-green-soft:#eaf7ed;--saas-purple:#8250df;--saas-purple-soft:#f2edfc;
  --saas-amber:#b87503;--saas-amber-soft:#fff4df;--saas-red:#d92d20;--saas-red-soft:#fff0ef;
  --saas-bg:#f5f5f7;--saas-card:rgba(255,255,255,.88);--saas-ink:#1d1d1f;--saas-muted:#6e6e73;
  --saas-border:rgba(60,60,67,.12);--saas-shadow:0 12px 38px rgba(0,0,0,.055);--sidebar-width:244px;
}
body{background:var(--saas-bg);color:var(--saas-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.app{grid-template-rows:70px minmax(0,1fr);transition:grid-template-columns var(--dur-collapse) var(--ease-out)/* MOTION_77_LAYOUT_OK: طيّ الشريط */}
.saas-sidebar{padding:18px 12px 12px;border-inline-end:1px solid rgba(60,60,67,.1);background:rgba(242,242,247,.82);color:var(--sys-ink);box-shadow:none;backdrop-filter:blur(28px) saturate(1.55);transition:padding var(--dur-collapse) var(--ease-out)/* MOTION_77_LAYOUT_OK: طيّ الشريط */}
.sidebar-brand{gap:10px;padding:0 8px 18px;border-bottom:0}
.sidebar-brand .brandmark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#2997ff,var(--pal-blue));box-shadow:0 7px 18px rgba(0,102,204,.2);font-size:17px}
.sidebar-brand strong{color:var(--sys-ink);font-size:14px!important;letter-spacing:normal}.sidebar-brand small{color:#77777c;font-size:9px!important;font-weight:700}
.saas-sidebar .modules{gap:2px;margin-top:4px;padding-inline:2px;overflow-x:hidden}
.sidebar-section-label{display:block;padding:12px 11px 6px;color:var(--sys-ink-3);font-size:8px!important;font-weight:900;letter-spacing:normal;white-space:nowrap}
.saas-sidebar .module{min-height:43px;gap:11px;padding:0 11px;border:1px solid transparent;border-radius:11px;color:var(--sys-ink-2);transform:none!important;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
.saas-sidebar .module:hover{border-color:rgba(60,60,67,.08);background:rgba(255,255,255,.72);color:var(--sys-ink);box-shadow:0 3px 12px rgba(0,0,0,.03)}
.saas-sidebar .module.active{border-color:rgba(10,132,255,.13);background:rgba(10,132,255,.11);color:var(--pal-blue);box-shadow:none}
.saas-sidebar .module .ico{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.62)!important;box-shadow:0 1px 2px rgba(0,0,0,.025)}
.saas-sidebar .module.active .ico{background:#0a84ff!important;color:var(--sys-on-fill);box-shadow:0 4px 10px rgba(10,132,255,.23)}
.saas-sidebar .module .app-icon{width:16px;height:16px;stroke-width:1.8}.saas-sidebar .module .txt{color:inherit;font-size:11px!important;font-weight:800;white-space:nowrap}
.sidebar-divider{margin:8px 10px;background:rgba(60,60,67,.11)}
.sidebar-foot{position:relative;gap:9px;margin-top:10px;padding:10px 9px;border-color:rgba(60,60,67,.1);border-radius:13px;background:rgba(255,255,255,.62);color:#333338;box-shadow:0 2px 12px rgba(0,0,0,.025)}
.sidebar-foot>.app-icon{color:#248a3d}.sidebar-foot b{font-size:9px!important}.sidebar-foot small{color:#85858a;font-size:7px!important}.sidebar-foot>div{min-width:0;flex:1}
.sidebar-collapse{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(60,60,67,.11);border-radius:9px;background:rgba(255,255,255,.78);color:var(--sys-ink-3);cursor:pointer;transition:transform .2s ease,background .2s ease}.sidebar-collapse:hover{background:var(--sys-surface);color:var(--sys-ink)}.sidebar-collapse .app-icon{width:13px;height:13px}
.top{height:70px;padding:0 24px;border-color:rgba(60,60,67,.11);background:rgba(255,255,255,.74);backdrop-filter:blur(28px) saturate(1.55)}
.top-context b{color:var(--sys-ink);font-size:12px!important}.top-context small{color:#85858a;font-size:8px!important}
.top .search{height:40px;border-color:rgba(60,60,67,.11);border-radius:12px;background:rgba(118,118,128,.075);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.top .search:hover{background:rgba(118,118,128,.1)}.top .search:focus-within{border-color:rgba(10,132,255,.4);background:var(--sys-surface);box-shadow:0 0 0 4px rgba(10,132,255,.09)}
.top .search input{font-size:11px!important}.top .search kbd{border-color:rgba(60,60,67,.12);background:rgba(255,255,255,.86);color:#77777c}
.top-icon{border-color:rgba(60,60,67,.11);border-radius:11px;background:rgba(255,255,255,.76);color:#5c5c62}.top-icon:hover{border-color:rgba(60,60,67,.16);background:var(--sys-surface);color:var(--pal-blue)}
.top .user{border-color:rgba(60,60,67,.11)}.top .user .avatar{border-radius:50%;background:linear-gradient(145deg,#e8f3ff,#d9ebff);color:var(--pal-blue)}.top .user b{color:var(--sys-ink)}.top .user small{color:#85858a}
.provider-global-status{border-color:rgba(60,60,67,.11);border-radius:11px;background:rgba(255,255,255,.76)}
.main{background:linear-gradient(180deg,#f8f8fa 0,#f5f5f7 220px)}.page>.wrap{max-width:1480px;padding:30px 34px 54px}
.dashboard-welcome{align-items:center;margin-bottom:24px}.dashboard-welcome .eyebrow{margin-bottom:6px;color:var(--sys-ink-3);font-size:9px!important}.dashboard-welcome h1{color:var(--sys-ink);font-size:26px!important;font-weight:900;letter-spacing:normal}.dashboard-welcome p{margin-top:6px;color:var(--sys-ink-3);font-size:11px!important}
.welcome-actions{gap:9px}.dashboard-primary,.dashboard-secondary{height:41px;padding:0 16px;border-radius:12px;font-size:10px!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.dashboard-primary{border-color:var(--sys-accent);background:var(--sys-accent);box-shadow:0 6px 18px rgba(0,113,227,.2)}.dashboard-primary:hover{background:#0077ed;transform:translateY(-1px)}.dashboard-secondary{border-color:rgba(60,60,67,.12);background:rgba(255,255,255,.82);color:var(--sys-ink)}.dashboard-secondary:hover{background:var(--sys-surface);transform:translateY(-1px)}
.dashboard-kpis{gap:14px;margin-bottom:16px}.dashboard-kpi{min-height:116px;align-items:flex-start;gap:14px;padding:18px;border-color:rgba(60,60,67,.105);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 4px 20px rgba(0,0,0,.035);backdrop-filter:blur(16px);transition:transform .2s var(--ease-out),box-shadow .2s ease,border-color .2s ease}.dashboard-kpi:hover{transform:translateY(-3px);border-color:rgba(60,60,67,.16);box-shadow:0 14px 32px rgba(0,0,0,.075)}
.dashboard-kpi>span{width:43px;height:43px;border-radius:13px}.dashboard-kpi small{color:var(--sys-ink-3);font-size:9px!important}.dashboard-kpi b{margin-top:5px;color:var(--sys-ink);font-size:25px!important;letter-spacing:normal}.dashboard-kpi em{margin-top:6px;color:var(--sys-ink-3);font-size:8px!important}
.smart-assistant-card{grid-template-columns:auto minmax(280px,1fr);gap:11px 26px;margin-bottom:16px;padding:19px 20px;border-color:rgba(10,132,255,.14);border-radius:20px;background:linear-gradient(115deg,rgba(232,243,255,.92),rgba(255,255,255,.9) 54%,rgba(242,237,252,.68));box-shadow:0 8px 28px rgba(0,102,204,.055)}
.smart-assistant-copy>span{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#0a84ff,#0071e3);color:var(--sys-on-fill);box-shadow:0 6px 15px rgba(10,132,255,.2)}.smart-assistant-copy b{color:var(--sys-ink);font-size:12px!important}.smart-assistant-copy small{color:var(--sys-ink-3);font-size:9px!important}
.smart-assistant-search{height:44px;border-color:rgba(60,60,67,.12);border-radius:13px;box-shadow:0 3px 12px rgba(0,0,0,.025)}.smart-assistant-search:focus-within{border-color:rgba(10,132,255,.45);box-shadow:0 0 0 4px rgba(10,132,255,.08)}.smart-assistant-search button{height:36px;border-radius:10px;background:#1d1d1f}.smart-chips button{padding:6px 11px;border-color:rgba(60,60,67,.11);background:rgba(255,255,255,.72);color:#5c5c62}.smart-chips button:hover{border-color:rgba(10,132,255,.25);background:var(--sys-surface);color:var(--pal-blue)}
.dashboard-main-grid,.dashboard-secondary-grid{gap:16px;margin-bottom:16px}.dashboard-card{padding:19px;border-color:rgba(60,60,67,.105);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 5px 24px rgba(0,0,0,.035);backdrop-filter:blur(16px)}.dashboard-card>header{margin-bottom:17px}.dashboard-card>header h2{color:var(--sys-ink);font-size:14px!important;letter-spacing:normal}.section-kicker{color:var(--sys-ink-3);font-size:8px!important}.dashboard-card>header button,.dashboard-card>header select{min-height:32px;border-color:rgba(60,60,67,.11);border-radius:10px;background:rgba(118,118,128,.06);color:#5c5c62}.dashboard-card>header button:hover{background:rgba(10,132,255,.08);color:var(--pal-blue)}
.compact-row,.recent-case-row{border-color:rgba(60,60,67,.09);border-radius:13px;background:rgba(255,255,255,.74);transition:background .16s ease,border-color .16s ease,transform .16s ease}.compact-row:hover,.recent-case-row:hover{border-color:rgba(10,132,255,.16);background:var(--sys-surface);transform:translateY(-1px)}.compact-row-date{border-radius:11px}
.finance-donut{background:conic-gradient(#34c759 0deg,#ececf0 0deg)}.finance-mini-grid>div,.case-status-item{border-color:rgba(60,60,67,.08);border-radius:12px;background:rgba(118,118,128,.05)}
.quick-actions-grid{gap:10px}.quick-actions-grid button{min-height:88px;border-color:rgba(60,60,67,.09);border-radius:14px;background:rgba(255,255,255,.72);font-size:9px!important;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.quick-actions-grid button:hover{border-color:rgba(10,132,255,.18);background:var(--sys-surface);box-shadow:0 8px 18px rgba(0,0,0,.05);transform:translateY(-2px)}.quick-actions-grid span,.legal-system-grid span{border-radius:11px}
.legal-system-grid{gap:10px}.legal-system-grid button{padding:12px;border-color:rgba(60,60,67,.09);border-radius:14px;background:rgba(255,255,255,.7)}.legal-system-grid button:hover{border-color:rgba(10,132,255,.17);background:var(--sys-surface)}.legal-system-grid b{font-size:10px!important}.critical-alerts-card .deadline-row{border-color:rgba(60,60,67,.09);border-radius:13px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(10,132,255,.25)!important;outline-offset:2px}
.app.sidebar-collapsed{--sidebar-width:76px}.app.sidebar-collapsed .saas-sidebar{padding-inline:10px}.app.sidebar-collapsed .sidebar-brand{justify-content:center;padding-inline:0}.app.sidebar-collapsed .sidebar-brand>div:last-child,.app.sidebar-collapsed .sidebar-section-label,.app.sidebar-collapsed .module .txt,.app.sidebar-collapsed .sidebar-divider,.app.sidebar-collapsed .sidebar-foot>div,.app.sidebar-collapsed .sidebar-foot>.app-icon{display:none}.app.sidebar-collapsed .saas-sidebar .modules{align-items:center}.app.sidebar-collapsed .saas-sidebar .module{width:46px;justify-content:center;padding:0}.app.sidebar-collapsed .saas-sidebar .module .ico{width:30px}.app.sidebar-collapsed .sidebar-foot{justify-content:center;padding:8px}.app.sidebar-collapsed .sidebar-collapse{transform:rotate(180deg)}
body.saas-dark{--saas-bg:#111113;--saas-card:rgba(35,35,39,.9);--saas-ink:#f5f5f7;--saas-muted:#a1a1a6;--saas-border:rgba(255,255,255,.1)}
body.saas-dark .saas-sidebar{border-color:rgba(255,255,255,.08);background:rgba(28,28,30,.88);color:#f5f5f7}body.saas-dark .sidebar-brand strong{color:#f5f5f7}body.saas-dark .sidebar-brand small,body.saas-dark .sidebar-section-label{color:#8e8e93}body.saas-dark .saas-sidebar .module{color:#c7c7cc}body.saas-dark .saas-sidebar .module:hover{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.07);color:#fff}body.saas-dark .saas-sidebar .module.active{border-color:rgba(10,132,255,.2);background:rgba(10,132,255,.17);color:#64a8ff}body.saas-dark .sidebar-foot{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:#f5f5f7}body.saas-dark .sidebar-collapse{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.06);color:#c7c7cc}body.saas-dark .main{background:linear-gradient(180deg,#171719,#111113 220px)}body.saas-dark .top{background:rgba(28,28,30,.8)}body.saas-dark .dashboard-welcome h1,body.saas-dark .dashboard-kpi b,body.saas-dark .dashboard-card h2,body.saas-dark .smart-assistant-copy b{color:#f5f5f7}body.saas-dark .dashboard-kpi,body.saas-dark .dashboard-card,body.saas-dark .smart-assistant-card{border-color:rgba(255,255,255,.09);background:rgba(35,35,39,.86)}body.saas-dark .dashboard-primary{background:#0a84ff}body.saas-dark .dashboard-secondary{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#f5f5f7}body.saas-dark .smart-assistant-search,body.saas-dark .compact-row,body.saas-dark .recent-case-row,body.saas-dark .quick-actions-grid button,body.saas-dark .legal-system-grid button{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.045)}
@media(max-width:1180px){:root{--sidebar-width:214px}.page>.wrap{padding-inline:24px}.dashboard-kpi{padding:15px}.app.sidebar-collapsed{--sidebar-width:72px}}
@media(max-width:920px){.app,.app.sidebar-collapsed{grid-template-columns:1fr}.saas-sidebar{width:258px}.app.sidebar-collapsed .sidebar-brand{justify-content:flex-start}.app.sidebar-collapsed .sidebar-brand>div:last-child,.app.sidebar-collapsed .sidebar-section-label,.app.sidebar-collapsed .module .txt,.app.sidebar-collapsed .sidebar-divider,.app.sidebar-collapsed .sidebar-foot>div,.app.sidebar-collapsed .sidebar-foot>.app-icon{display:block}.app.sidebar-collapsed .saas-sidebar .modules{align-items:stretch}.app.sidebar-collapsed .saas-sidebar .module{width:100%;justify-content:flex-start;padding:0 11px}.app.sidebar-collapsed .sidebar-foot{justify-content:flex-start;padding:10px 9px}.sidebar-collapse{display:none}.dashboard-welcome h1{font-size:23px!important}.page>.wrap{padding-inline:20px}.smart-assistant-card{grid-template-columns:1fr}.smart-chips{grid-column:auto;justify-content:flex-start}}
@media(max-width:620px){.page>.wrap{padding:20px 13px 88px}.dashboard-welcome{margin-bottom:18px}.dashboard-welcome h1{font-size:21px!important}.dashboard-kpi{min-height:104px}.smart-assistant-card,.dashboard-card{border-radius:17px}.welcome-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;/* MOTION_80: يسقط ما يتحرّك ويبقى ما يُعين الفهم — تلطيفٌ لا إلغاء. */transition-property:opacity,color,background-color,border-color,box-shadow!important;transition-duration:200ms!important;transition-timing-function:ease!important}}

/* Stage 43 — visible compact navigation and a softer layered dark mode */
body.saas-dark{
  --saas-bg:#1c1c1e;--saas-card:#2c2c2e;--saas-ink:#f5f5f7;--saas-muted:#aeaeb2;
  --saas-border:rgba(255,255,255,.105);--saas-shadow:0 14px 34px rgba(0,0,0,.24);
  background:#1c1c1e;color:#f5f5f7;
}
body.saas-dark .app,body.saas-dark .main{background:#1c1c1e}
body.saas-dark .main{background:linear-gradient(180deg,#242426 0,#1c1c1e 250px)}
body.saas-dark .top{border-color:rgba(255,255,255,.09);background:rgba(36,36,38,.9);box-shadow:0 1px 0 rgba(0,0,0,.18)}
body.saas-dark .top-context b,body.saas-dark .top .user b{color:#f5f5f7}
body.saas-dark .top-context small,body.saas-dark .top .user small{color:#aeaeb2}
body.saas-dark .top .search{border-color:rgba(255,255,255,.09);background:#323234}
body.saas-dark .top .search:hover,body.saas-dark .top .search:focus-within{border-color:rgba(100,168,255,.38);background:#3a3a3c}
body.saas-dark .top .search input{color:#f5f5f7}body.saas-dark .top .search .app-icon{color:#aeaeb2}
body.saas-dark .top .search kbd{border-color:rgba(255,255,255,.1);background:#454547;color:#d1d1d6}
body.saas-dark .top-icon,body.saas-dark .provider-global-status{border-color:rgba(255,255,255,.1);background:#323234;color:#d1d1d6}
body.saas-dark .top-icon:hover{border-color:rgba(100,168,255,.32);background:#3a3a3c;color:#64a8ff}
body.saas-dark .saas-sidebar{border-color:rgba(255,255,255,.08);background:rgba(36,36,38,.94)}
body.saas-dark .sidebar-brand strong{color:#f5f5f7}body.saas-dark .sidebar-brand small,body.saas-dark .sidebar-section-label{color:#98989d}
body.saas-dark .saas-sidebar .module{color:#d1d1d6}body.saas-dark .saas-sidebar .module .ico{background:rgba(255,255,255,.055)!important}
body.saas-dark .saas-sidebar .module:hover{border-color:rgba(255,255,255,.09);background:#323234;color:#fff}
body.saas-dark .saas-sidebar .module.active{border-color:rgba(100,168,255,.24);background:rgba(10,132,255,.18);color:#77b5ff}
body.saas-dark .saas-sidebar .module.active .ico{background:#0a84ff!important;color:#fff}
body.saas-dark .sidebar-foot{border-color:rgba(255,255,255,.09);background:#2c2c2e;color:#f5f5f7}
body.saas-dark .sidebar-foot small{color:#98989d}body.saas-dark .sidebar-collapse{border-color:rgba(255,255,255,.1);background:#3a3a3c;color:#d1d1d6}
body.saas-dark .dashboard-welcome h1,body.saas-dark .dashboard-kpi b,body.saas-dark .dashboard-card h2,body.saas-dark .smart-assistant-copy b{color:#f5f5f7}
body.saas-dark .dashboard-welcome p,body.saas-dark .dashboard-welcome .eyebrow,body.saas-dark .section-kicker{color:#aeaeb2}
body.saas-dark .dashboard-kpi,body.saas-dark .dashboard-card{border-color:rgba(255,255,255,.09);background:#2c2c2e;box-shadow:0 9px 25px rgba(0,0,0,.18)}
body.saas-dark .dashboard-kpi:hover,body.saas-dark .dashboard-card:hover{border-color:rgba(255,255,255,.14)}
body.saas-dark .dashboard-kpi small{color:#c7c7cc}body.saas-dark .dashboard-kpi em{color:#98989d}
body.saas-dark .dashboard-kpi.clients>span{background:rgba(48,209,88,.14);color:#55d979}
body.saas-dark .dashboard-kpi.cases>span{background:rgba(10,132,255,.16);color:#64a8ff}
body.saas-dark .dashboard-kpi.hearings>span{background:rgba(191,90,242,.15);color:#cc78f5}
body.saas-dark .dashboard-kpi.overdue>span{background:rgba(255,159,10,.15);color:#ffb340}
body.saas-dark .smart-assistant-card{border-color:rgba(100,168,255,.2);background:linear-gradient(115deg,#20354a,#2c2c2e 56%,#352f43);box-shadow:0 10px 30px rgba(0,0,0,.2)}
body.saas-dark .smart-assistant-copy small{color:#b8b8bd}body.saas-dark .smart-assistant-search{border-color:rgba(255,255,255,.1);background:#3a3a3c}
body.saas-dark .smart-assistant-search input{color:#f5f5f7}body.saas-dark .smart-assistant-search button{background:#0a84ff}
body.saas-dark .smart-chips button,body.saas-dark .dashboard-card>header button,body.saas-dark .dashboard-card>header select{border-color:rgba(255,255,255,.1);background:#3a3a3c;color:#d1d1d6}
body.saas-dark .compact-row,body.saas-dark .recent-case-row,body.saas-dark .quick-actions-grid button,body.saas-dark .legal-system-grid button{border-color:rgba(255,255,255,.08);background:#323234;color:#e5e5ea}
body.saas-dark .compact-row:hover,body.saas-dark .recent-case-row:hover,body.saas-dark .quick-actions-grid button:hover,body.saas-dark .legal-system-grid button:hover{border-color:rgba(100,168,255,.28);background:#3a3a3c}
body.saas-dark .compact-row-main b,body.saas-dark .recent-case-row b,body.saas-dark .legal-system-grid b,body.saas-dark .finance-mini-grid b,body.saas-dark .case-status-item b{color:#f5f5f7}
body.saas-dark .compact-row-main small,body.saas-dark .recent-case-row small,body.saas-dark .legal-system-grid small,body.saas-dark .finance-mini-grid small{color:#aeaeb2}
body.saas-dark .finance-donut:after{background:#2c2c2e}body.saas-dark .finance-donut{background:conic-gradient(#30d158 0deg,#48484a 0deg)}
body.saas-dark .finance-mini-grid>div,body.saas-dark .case-status-item{border-color:rgba(255,255,255,.07);background:#363638}
body.saas-dark .compact-empty,body.saas-dark .deadlines-empty{border-color:rgba(255,255,255,.1);background:#323234;color:#aeaeb2}
body.saas-dark .critical-alerts-card .deadline-row{border-color:rgba(255,255,255,.08);background:#323234}

@media(max-width:920px){
  .tabs{position:fixed!important;right:10px;left:10px;bottom:10px;z-index:110;height:66px;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:3px;padding:6px;border:1px solid rgba(60,60,67,.13);border-radius:20px;background:rgba(248,248,250,.9);box-shadow:0 12px 36px rgba(0,0,0,.13);backdrop-filter:blur(26px) saturate(1.7)}
  .tabs .tab{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;border:0;border-radius:14px;background:transparent;color:#77777c;font-size:8px!important;font-weight:800;white-space:nowrap;cursor:pointer}
  .tabs .tab:hover{background:rgba(118,118,128,.08);color:#333338}.tabs .tab.active{background:rgba(10,132,255,.12);color:var(--pal-blue);box-shadow:none}
  .tabs .tab .app-icon{width:19px;height:19px}.tabs .tab .tab-png-icon{width:21px;height:21px;object-fit:contain}.tabs .tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .main{padding-bottom:84px}.page>.wrap{padding-bottom:38px}.mobile{display:none!important}#theme-toggle{display:grid!important}
  body.saas-dark .tabs{border-color:rgba(255,255,255,.11);background:rgba(44,44,46,.92);box-shadow:0 14px 38px rgba(0,0,0,.32)}
  body.saas-dark .tabs .tab{color:#aeaeb2}body.saas-dark .tabs .tab:hover{background:#3a3a3c;color:#f5f5f7}body.saas-dark .tabs .tab.active{background:rgba(10,132,255,.2);color:#77b5ff}
}
@media(max-width:620px){.tabs{right:8px;left:8px;bottom:8px;height:66px;border-radius:18px}.tabs .tab{border-radius:12px;font-size:9px!important}.main{padding-bottom:82px}.page>.wrap{padding-bottom:30px}}

/* Stage 44 — readable mobile labels and text without clipping */
@media(max-width:920px){
  .tabs{height:76px;padding:6px 5px}
  .tabs .tab{height:100%!important;min-height:62px;gap:4px;padding:5px 2px!important;font-size:10.5px!important;font-weight:900;line-height:1.15;white-space:normal}
  .tabs .tab .app-icon{width:21px;height:21px;flex:0 0 auto}.tabs .tab .tab-png-icon{width:23px;height:23px;flex:0 0 auto}
  .tabs .tab span{display:block;max-width:none;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.15;text-align:center}
  .main{padding-bottom:94px}
}
@media(max-width:620px){
  .tabs{right:7px;left:7px;bottom:7px;height:76px;border-radius:19px}
  .tabs .tab{min-height:62px;border-radius:13px;font-size:10px!important}
  .main{padding-bottom:92px}.page>.wrap{padding-bottom:32px}
  .dashboard-welcome .eyebrow{font-size:10px!important}.dashboard-welcome h1{font-size:24px!important}.dashboard-welcome p{font-size:12px!important;line-height:1.7}
  .dashboard-primary,.dashboard-secondary{font-size:11px!important}
  .dashboard-kpi small{font-size:11px!important}.dashboard-kpi b{font-size:26px!important}.dashboard-kpi em{font-size:10px!important;line-height:1.5}
  .smart-assistant-copy b{font-size:13px!important}.smart-assistant-copy small{font-size:10.5px!important;line-height:1.6}
  .smart-assistant-search input{font-size:11px!important}.smart-assistant-search button{font-size:10px!important}
  .smart-chips button{font-size:10px!important}.dashboard-card>header h2{font-size:14px!important}.section-kicker{font-size:10px!important}
  .dashboard-card>header button,.dashboard-card>header select{font-size:10px!important}
  .compact-row-main b,.recent-case-row b{font-size:11px!important}.compact-row-main small,.recent-case-row small{font-size:10px!important}
  .quick-actions-grid button{font-size:10px!important}.legal-system-grid b{font-size:11px!important}.legal-system-grid small{font-size:9px!important}
}

/* Stage 45 — desktop navigation labels are always visible */
.saas-sidebar .module .txt{display:block!important;max-width:180px!important;width:auto!important;flex:1;opacity:1!important;overflow:visible!important;text-overflow:clip!important;color:inherit;white-space:nowrap}
@media(min-width:921px){
  .app,.app.sidebar-collapsed{--sidebar-width:244px}
  .app.sidebar-collapsed .saas-sidebar{padding:18px 12px 12px}
  .app.sidebar-collapsed .sidebar-brand{justify-content:flex-start;padding:0 8px 18px}
  .app.sidebar-collapsed .sidebar-brand>div:last-child,.app.sidebar-collapsed .sidebar-section-label,.app.sidebar-collapsed .module .txt,.app.sidebar-collapsed .sidebar-divider,.app.sidebar-collapsed .sidebar-foot>div,.app.sidebar-collapsed .sidebar-foot>.app-icon{display:block}
  .app.sidebar-collapsed .saas-sidebar .modules{align-items:stretch}
  .app.sidebar-collapsed .saas-sidebar .module{width:100%;justify-content:flex-start;padding:0 11px}
  .app.sidebar-collapsed .sidebar-foot{justify-content:flex-start;padding:10px 9px}
  .saas-sidebar .module .txt{font-size:12px!important}
  .sidebar-collapse{display:none!important}
}

/* Stage 48 — sidebar-only glass redesign */
.saas-sidebar{
  isolation:isolate;
  padding:18px 13px 13px;
  border-inline-end:1px solid rgba(255,255,255,.72);
  background:linear-gradient(160deg,rgba(250,250,252,.78),rgba(235,237,243,.62));
  box-shadow:inset -1px 0 0 rgba(60,60,67,.07),-10px 0 32px rgba(27,36,52,.055);
  backdrop-filter:blur(30px) saturate(1.55);
  -webkit-backdrop-filter:blur(30px) saturate(1.55);
}
.saas-sidebar:before,.saas-sidebar:after{content:"";position:absolute;pointer-events:none;z-index:-1}
.saas-sidebar:before{inset:0;background:linear-gradient(120deg,rgba(255,255,255,.62),transparent 34%,rgba(255,255,255,.18) 72%,transparent)}
.saas-sidebar:after{width:230px;height:230px;right:-88px;top:108px;border-radius:50%;background:radial-gradient(circle,rgba(86,132,214,.16),transparent 68%);filter:blur(3px)}
.saas-sidebar .sidebar-brand,.saas-sidebar .modules,.saas-sidebar .sidebar-foot{position:relative;z-index:1}
.saas-sidebar .sidebar-brand{margin:0 2px 13px;padding:0 7px 17px;border-bottom:1px solid rgba(255,255,255,.78);box-shadow:0 1px 0 rgba(60,60,67,.06)}
.saas-sidebar .modules{gap:5px;margin-top:0;padding:1px 1px 5px}
.saas-sidebar .sidebar-section-label{padding:10px 11px 5px;color:#777b85;font-size:9.5px!important;font-weight:900}
.saas-sidebar .sidebar-divider{height:1px;margin:8px 10px;background:linear-gradient(90deg,transparent,rgba(60,60,67,.15),transparent)}
.saas-sidebar .module{
  position:relative;
  min-height:48px;
  gap:10px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(255,255,255,.24));
  color:#484b54;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 14px rgba(31,42,60,.035);
  backdrop-filter:blur(16px) saturate(1.32);
  -webkit-backdrop-filter:blur(16px) saturate(1.32);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.saas-sidebar .module:after{content:"";position:absolute;inset:-45% auto -45% -70%;width:42%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(0) skewX(-14deg);opacity:0;transition:transform var(--dur-panel) var(--ease-out),opacity var(--dur-state) ease}
.saas-sidebar .module:hover{border-color:rgba(255,255,255,.95);background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.38));color:#1f2937;box-shadow:inset 0 1px 0 #fff,0 9px 22px rgba(31,42,60,.07);transform:translateY(-1px)!important}
.saas-sidebar .module:hover:after{transform:translateX(471.43%) skewX(-14deg)/* @rtl-ok: الكنسة تعبر الوحدة نحو اليمين البصري كما كانت */;opacity:.72}
.saas-sidebar .module.active{border-color:rgba(62,126,220,.32);background:linear-gradient(135deg,rgba(223,237,255,.86),rgba(197,221,255,.56));color:#155aa8;box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 8px 20px rgba(35,103,194,.12)}
.saas-sidebar .module.active:before{content:"";position:absolute;right:0;top:9px;bottom:9px;width:3px;border-radius:3px 0 0 3px;background:linear-gradient(#45a0ff,#0969da);box-shadow:0 0 12px rgba(10,132,255,.32)}
.saas-sidebar .module .ico{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.74);border-radius:11px;background:rgba(255,255,255,.46)!important;color:#687181;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 3px 8px rgba(31,42,60,.04)}
.saas-sidebar .module.active .ico{border-color:rgba(76,139,225,.2);background:rgba(255,255,255,.68)!important;color:#1768be;box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(35,103,194,.1)}
.saas-sidebar .module .app-icon{width:17px;height:17px;stroke-width:1.75}
.saas-sidebar .module .txt{font-size:12px!important;font-weight:900;letter-spacing:0}
.sidebar-nav-png{display:block;width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(31,42,60,.11))}
.sidebar-nav-png.dashboard-home{width:25px;height:25px}.sidebar-nav-png.finance-fees{width:27px;height:27px;image-rendering:auto}
.saas-sidebar .sidebar-foot{margin:10px 1px 0;padding:11px;border:1px solid rgba(255,255,255,.72);border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 7px 18px rgba(31,42,60,.045);backdrop-filter:blur(16px)}
body.saas-dark .saas-sidebar{border-color:rgba(255,255,255,.08);background:linear-gradient(160deg,rgba(48,48,52,.88),rgba(31,31,34,.82));box-shadow:inset -1px 0 0 rgba(255,255,255,.055),-10px 0 34px rgba(0,0,0,.22)}
body.saas-dark .saas-sidebar:before{background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 36%,rgba(255,255,255,.025) 72%,transparent)}body.saas-dark .saas-sidebar:after{background:radial-gradient(circle,rgba(46,125,220,.18),transparent 68%)}
body.saas-dark .saas-sidebar .sidebar-brand{border-color:rgba(255,255,255,.09);box-shadow:0 1px 0 rgba(0,0,0,.25)}body.saas-dark .saas-sidebar .sidebar-section-label{color:#a9a9b0}
body.saas-dark .saas-sidebar .module{border-color:rgba(255,255,255,.085);background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));color:#d1d1d6;box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 6px 16px rgba(0,0,0,.1)}
body.saas-dark .saas-sidebar .module:hover{border-color:rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.055));color:#fff}
body.saas-dark .saas-sidebar .module.active{border-color:rgba(74,148,239,.35);background:linear-gradient(135deg,rgba(26,106,202,.34),rgba(20,84,165,.19));color:#9bc9ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 22px rgba(0,64,150,.22)}
body.saas-dark .saas-sidebar .module .ico{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.055)!important;color:#c7c7cc;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}body.saas-dark .saas-sidebar .module.active .ico{border-color:rgba(102,174,255,.24);background:rgba(10,132,255,.18)!important;color:#a9d1ff}
body.saas-dark .saas-sidebar .sidebar-foot{border-color:rgba(255,255,255,.085);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 8px 18px rgba(0,0,0,.12)}
@media(max-width:920px){.saas-sidebar{padding:16px 12px 12px}.saas-sidebar .module{min-height:47px}.saas-sidebar .modules{gap:4px}}


/* ═══ LEGAL_WORKSPACE_L1 — مساحة عمل الأنظمة القانونية ═══
   هوية: أساس محايد + Tuwaiq Stone للبنية + Camel Dune للاختيار والفعل.
   كل الأصناف بسابقة lw- فلا تتداخل مع أي قاعدة قائمة. */
#assistant .lw-wrap{
  /* READER_SYS_87: المظهر من رموز النظام، والدلالة تبقى ألواناً بأعيانها. */
  --lw-canvas:var(--sys-bg);--lw-surface:var(--sys-surface);
  /* السطح الثاني والدافئ أرضيةُ النظام لا حشوته: الحبر الثالث يعطي 4.04:1
     على الحشوة #E5E5EA — دون العتبة — و4.75:1 على الأرضية #F5F5F7. مقيسٌ لا مذوق. */
  --lw-surface2:var(--sys-bg);--lw-warm:var(--sys-bg);
  --lw-text:var(--sys-ink);--lw-text2:var(--sys-ink-2);--lw-text3:var(--sys-ink-3);
  --lw-line:var(--sys-hairline);--lw-line2:var(--sys-separator);
  /* ألوان المدوّنات: دلالةٌ لا تُمسّ. */
  --lw-tuwaiq:#806C5C;--lw-camel:#B9875E;--lw-najd:#856B9A;
  /* واللونُ نفسه بدرجةٍ تُقرأ نصّاً: الهُوية واحدة والدور مختلف. */
  --lw-hue-ink:color-mix(in srgb,var(--lw-hue) 62%,#1D1D1F);
  display:flex;flex-direction:column;gap:0}

#assistant .lw-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:16px}
#assistant .lw-head h1{margin:0;font-size:22px;font-weight:700;letter-spacing:normal;color:var(--lw-text)}
#assistant .lw-head p{margin:4px 0 0;font-size:13.5px;color:var(--lw-text2)}
#assistant .lw-state{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--lw-text2);white-space:nowrap}
#assistant .lw-state i{width:6px;height:6px;border-radius:50%;background:var(--lw-text3);flex:0 0 6px}
#assistant .lw-state.warn i{background:var(--lw-camel)}

#assistant .lw-scope{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
#assistant .lw-picker{position:relative}
#assistant .lw-scope-btn{display:inline-flex;align-items:center;gap:9px;background:var(--lw-surface);
  border:1px solid var(--lw-line2);border-radius:10px;padding:9px 13px;font-size:14px;font-weight:700;
  color:var(--lw-text);cursor:pointer;transition:border-color .14s ease}
#assistant .lw-scope-btn:hover{border-color:var(--lw-tuwaiq)}
#assistant .lw-scope-btn .app-icon{width:16px;height:16px;color:var(--lw-tuwaiq)}
#assistant .lw-scope-btn .lw-chev{width:13px;height:13px;color:var(--lw-text3)}
#assistant .lw-menu{position:absolute;inset-inline-start:0;top:calc(100% + 6px);width:320px;z-index:40;
  background:var(--lw-surface);border:1px solid var(--lw-line);border-radius:12px;padding:6px;
  box-shadow:0 14px 34px rgba(29,29,31,.14)}
#assistant .lw-menu[hidden]{display:none!important}
#assistant .lw-menu-label{font-size:11.5px;font-weight:700;color:var(--lw-text3);padding:9px 10px 5px}
#assistant .lw-menu-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;
  text-align:start;padding:9px 10px;border-radius:8px;font-size:14px;color:var(--lw-text);cursor:pointer}
#assistant .lw-menu-item span{flex:1}
#assistant .lw-menu-item b{font-size:12px;font-weight:600;color:var(--lw-text3)}
#assistant .lw-menu-item .app-icon{width:16px;height:16px;color:var(--lw-tuwaiq);flex:0 0 16px}
#assistant .lw-menu-item:hover:not([disabled]){background:var(--lw-surface2)}
#assistant .lw-menu-item[aria-selected="true"]{background:var(--lw-warm);font-weight:700}
#assistant .lw-menu-item[disabled]{color:var(--lw-text3);cursor:default}

#assistant .lw-sources{display:flex;gap:2px;background:var(--lw-surface2);border-radius:10px;padding:3px;flex-wrap:wrap}
#assistant .lw-src{border:0;background:none;padding:7px 12px;border-radius:7px;font-size:13px;font-weight:600;
  color:var(--lw-text2);cursor:pointer;transition:background .14s ease,color .14s ease}
#assistant .lw-src[aria-pressed="true"]{background:var(--lw-surface);color:var(--lw-text);font-weight:700;
  box-shadow:0 1px 2px rgba(29,29,31,.07)}
#assistant .lw-src b{font-size:11.5px;font-weight:600;color:var(--lw-text3);margin-inline-start:5px}

#assistant .lw-searchwrap{margin-bottom:12px}
#assistant .lw-search{display:flex;align-items:center;gap:11px;background:var(--lw-surface);
  border:1px solid var(--lw-line2);border-radius:10px;padding:0 14px;height:52px;
  transition:border-color .15s ease,box-shadow .15s ease}
#assistant .lw-search:focus-within{border-color:var(--lw-camel);box-shadow:0 0 0 3px rgba(185,135,94,.16)}
#assistant .lw-search .app-icon{width:19px;height:19px;color:var(--lw-text3);flex:0 0 19px}
#assistant .lw-search input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:17px;
  font-weight:600;height:100%;color:var(--lw-text);min-width:0}
#assistant .lw-search input::placeholder{color:var(--lw-text3);font-weight:500}
#assistant .lw-search input::-webkit-search-cancel-button{cursor:pointer}

#assistant .lw-ctx{margin-bottom:12px}

#assistant .lw-panes{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0;
  border:1px solid var(--lw-line);border-radius:12px;overflow:hidden;background:var(--lw-surface);min-height:520px}
#assistant .lw-results{border-inline-start:1px solid var(--lw-line);display:flex;flex-direction:column;
  min-width:0;background:var(--lw-canvas)}
#assistant .lw-results-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:11px 16px;font-size:12.5px;color:var(--lw-text3)}
#assistant .lw-list{overflow:auto;padding:0 10px 16px;flex:1}
#assistant .lw-res{display:block;width:100%;text-align:start;background:none;border:0;border-radius:8px;
  padding:11px 12px;margin-bottom:2px;position:relative;cursor:pointer;transition:background .13s ease}
#assistant .lw-res:hover{background:var(--lw-surface2)}
#assistant .lw-res[aria-selected="true"]{background:var(--lw-surface)}
#assistant .lw-res[aria-selected="true"]::before{content:"";position:absolute;inset-inline-start:0;top:9px;
  bottom:9px;width:3px;border-radius:2px;background:var(--lw-camel)}
#assistant .lw-res:focus-visible{outline:2px solid var(--lw-camel);outline-offset:-2px}
#assistant .lw-res-top{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}
#assistant .lw-res-num{font-size:13.5px;font-weight:700;color:var(--lw-text)}
#assistant .lw-res-src{font-size:11.5px;color:var(--lw-text3);margin-inline-start:auto;white-space:nowrap}
#assistant .lw-res-snip{margin:0;font-size:13px;line-height:1.8;color:var(--lw-text2);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#assistant .lw-res mark{background:rgba(185,135,94,.24);color:inherit;border-radius:3px;padding:0 1px}

#assistant .lw-reader{padding:26px 30px 34px;overflow:auto;min-width:0}
#assistant .lw-reader:focus{outline:0}
#assistant .lw-kicker{font-size:12.5px;font-weight:700;color:var(--lw-tuwaiq)}
#assistant .lw-reader h2{margin:5px 0 0;font-size:19px;font-weight:700;color:var(--lw-text)}
#assistant .lw-article{margin:18px 0 0;font-size:17px;line-height:2.05;font-weight:600;white-space:pre-line;
  max-width:66ch;padding-inline-start:14px;border-inline-start:2px solid var(--lw-warm);color:var(--lw-text)}
#assistant .lw-tools{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}
#assistant .lw-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--lw-line2);
  background:var(--lw-surface);border-radius:10px;padding:9px 13px;font-size:13.5px;font-weight:700;
  color:var(--lw-text);cursor:pointer;text-decoration:none;transition:border-color .14s,background .14s}
#assistant .lw-btn:hover{border-color:var(--lw-tuwaiq);background:var(--lw-surface2)}
#assistant .lw-btn .app-icon{width:15px;height:15px}
#assistant .lw-btn.primary{background:var(--lw-camel);border-color:var(--lw-camel);color:var(--sys-on-fill)}
#assistant .lw-btn.primary:hover{background:#a9784f;border-color:#a9784f}
#assistant .lw-cite{margin-top:22px;border-top:1px solid var(--lw-line);padding-top:16px}
#assistant .lw-cite dt{font-size:12.5px;font-weight:700;color:var(--lw-text3);margin-bottom:4px}
#assistant .lw-cite dd{margin:0 0 12px;font-size:13.5px;color:var(--lw-text2);line-height:1.85}
#assistant .lw-cite a{color:var(--lw-tuwaiq)}

#assistant .lw-blank{padding:56px 30px;text-align:center;color:var(--lw-text3);font-size:14px;line-height:1.9}
#assistant .lw-unavailable{margin:26px 30px;max-width:560px;border:1px solid var(--lw-line);border-radius:12px;padding:20px}
#assistant .lw-unavailable h3{margin:0 0 6px;font-size:16px;color:var(--lw-text)}
#assistant .lw-unavailable p{margin:0 0 14px;font-size:13.5px;color:var(--lw-text2);line-height:1.85}
#assistant .lw-unavailable code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;
  padding:1px 6px;border-radius:6px;background:var(--lw-surface2);direction:ltr;unicode-bidi:isolate;display:inline-block}

#assistant .lw-frameholder{border:1px solid var(--lw-line);border-radius:12px;overflow:hidden;min-height:560px}
#assistant .lw-frameholder[hidden]{display:none!important}
#assistant .lw-frameholder iframe{width:100%;height:560px;border:0;display:block}
#assistant .lw-hiddenmeta[hidden]{display:none!important}

@media(max-width:1000px){
  #assistant .lw-panes{grid-template-columns:1fr}
  #assistant .lw-results{border-inline-start:0;border-bottom:1px solid var(--lw-line);max-height:320px}
  #assistant .lw-reader{padding:22px 18px}
}
@media print{#assistant .lw-scope,#assistant .lw-searchwrap,#assistant .lw-results{display:none}}


/* ═══ LEGAL_WORKSPACE_L3 — حالات مساحة العمل القانونية ═══ */
#assistant .lw-blank b{display:block;font-size:14.5px;font-weight:700;color:var(--lw-text);margin-bottom:6px}
#assistant .lw-blank span{display:block;font-size:13px;line-height:1.85;color:var(--lw-text2);max-width:38ch;margin:0 auto}
#assistant .lw-blankactions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
#assistant .lw-blank .lw-btn{margin-top:14px}
#assistant .lw-blankactions .lw-btn{margin-top:0}

/* هياكل التحميل — لا دوران بلا معنى */
#assistant .lw-skel{padding:11px 12px;margin-bottom:2px}
#assistant .lw-skel-line{display:block;height:10px;border-radius:5px;margin-bottom:8px;
  background:linear-gradient(90deg,var(--lw-surface2) 25%,var(--lw-warm) 50%,var(--lw-surface2) 75%);
  background-size:200% 100%;animation:lw-shimmer 1.3s ease-in-out infinite}
#assistant .lw-skel-line.short{width:38%}
#assistant .lw-skel-line.mid{width:72%;margin-bottom:0}
@keyframes lw-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){#assistant .lw-skel-line{animation:none}}


/* ═══ LEGAL_GROUP_BY_SOURCE — تجميع النتائج حسب المصدر ═══ */
#assistant .lw-group{margin-bottom:6px}
#assistant .lw-group-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;
  margin:0;padding:9px 12px 7px;font-size:12px;font-weight:700;letter-spacing:normal;
  color:var(--lw-tuwaiq);background:var(--lw-canvas)}
#assistant .lw-group-head::after{content:"";flex:1;height:1px;background:var(--lw-line);order:1}
#assistant .lw-group-head b{order:2;font-size:11.5px;font-weight:700;color:var(--lw-text3);
  background:var(--lw-surface2);border-radius:999px;padding:1px 8px}
#assistant .lw-group + .lw-group .lw-group-head{padding-top:14px}


/* ═══ SAUDI_THEME — الثيم السعودي ═══
   خلفية اللوحة الجانبية بلون السدو #8B3437، وخط أبيض عريض 20px.
   نسب التباين مقيسة: أبيض/سدو 7.94:1 (AAA) · أبيض/نشط 5.73:1 (AA). */
/* HOME_HERO_86: الفيروزي العميق بدل السدو. والأسماء تبقى ليقرأها سبعة عشر
   موضعاً؛ ولون السدو نفسه باقٍ حيث يدلّ — خطراً في المذكرات والموكّلين. */
body.saudi-theme{--sadu:#0A6E72;--sadu-deep:#08585C;--sadu-active:rgba(255,255,255,.16);
  --sadu-hover:rgba(255,255,255,.08);--sadu-label:#CDE7E8;--sadu-line:rgba(255,255,255,.18)}

body.saudi-theme .saas-sidebar{
  background:var(--sadu)!important;
  color:var(--sys-on-fill);
  box-shadow:-1px 0 0 rgba(255,255,255,.10) inset;
}
/* 20px عريض لا يتسع في 248px — نوسّع اللوحة بدل قصّ الأسماء. */
body.saudi-theme .app{--sidebar-w:272px}
body.saudi-theme .saas-sidebar{width:272px}

body.saudi-theme .saas-sidebar .module{
  min-height:48px;
  color:var(--sys-on-fill);
  font-size:20px;
  font-weight:800;
  letter-spacing:normal;
}
body.saudi-theme .saas-sidebar .module .txt{
  font-size:20px!important;
  font-weight:800!important;
  color:var(--sys-on-fill)!important;
}
body.saudi-theme .saas-sidebar .module .app-icon{color:var(--sys-on-fill);opacity:.95}
body.saudi-theme .saas-sidebar .module .ico{color:var(--sys-on-fill)}
body.saudi-theme .saas-sidebar .module img.sidebar-nav-png{filter:brightness(0) invert(1);opacity:.95}

/* الثيم الفاتح يرسم لكل عنصر حداً أبيض 68% وظلاً داخلياً أبيض — على خلفية
   السدو يظهران كأقراص باهتة. نُبطلهما ونُبقي التمييز للحالة النشطة وحدها. */
body.saudi-theme .saas-sidebar .module{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.saudi-theme .saas-sidebar .module:hover{background:var(--sadu-hover)!important;color:var(--sys-on-fill)}
body.saudi-theme .saas-sidebar .module.active{
  background:var(--sadu-active)!important;
  color:var(--sys-on-fill);
  box-shadow:inset 3px 0 0 #fff!important;
  border-color:transparent!important;
}
body.saudi-theme .saas-sidebar .module.active .txt{color:var(--sys-on-fill)!important}
body.saudi-theme .saas-sidebar .module:focus-visible{outline:2px solid #fff;outline-offset:-2px}

/* ثلاثة بقايا من الثيم الفاتح تُبهت السدو — رُصدت بقياس الأنماط المحسوبة:
   1) ::before على اللوحة يرسم تدرّجاً أبيض 62% من الزاوية.
   2) .ico صندوق أبيض 46% بحدّ وظلّ داخلي — يظهر كمربع باهت خلف كل أيقونة.
   3) نص الفوتر الصغير رمادي #85858A ودرع أخضر — كلاهما غير مقروء على الأحمر. */
body.saudi-theme .saas-sidebar::before{background:none!important;opacity:0!important}
body.saudi-theme .saas-sidebar .module .ico{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.saudi-theme .saas-sidebar .sidebar-foot *{color:var(--sadu-label)!important}
body.saudi-theme .saas-sidebar .sidebar-foot b,
body.saudi-theme .saas-sidebar .sidebar-foot strong{color:var(--sys-on-fill)!important}
body.saudi-theme .saas-sidebar .sidebar-foot svg{color:var(--sys-on-fill)!important;stroke:#fff!important}

body.saudi-theme .sidebar-section-label{color:var(--sadu-label);font-weight:700;letter-spacing:normal}
body.saudi-theme .sidebar-divider{background:var(--sadu-line);border-color:var(--sadu-line)}
body.saudi-theme .sidebar-brand strong{color:var(--sys-on-fill);font-weight:800}
body.saudi-theme .sidebar-brand small{color:var(--sadu-label)}
body.saudi-theme .sidebar-brand .brandmark{background:var(--sys-surface);color:var(--sadu);font-weight:800}
body.saudi-theme .saas-sidebar .sidebar-foot,
body.saudi-theme .saas-sidebar .sidebar-footer{
  color:var(--sadu-label);
  background:rgba(255,255,255,.10)!important;
  border-color:var(--sadu-line)!important;
  box-shadow:none!important;
}
body.saudi-theme .saas-sidebar .sidebar-foot b,
body.saudi-theme .saas-sidebar .sidebar-footer b{color:var(--sys-on-fill)}

/* بطاقة الإعدادات */
.saudi-theme-preview{display:flex;gap:10px;align-items:center;margin-top:14px;padding:12px 14px;
  border-radius:10px;background:#8B3437;border:1px solid #7A2E31}
.saudi-theme-preview span{font-size:20px;font-weight:800;color:var(--sys-on-fill)}
.saudi-theme-preview small{margin-inline-start:auto;font-size:12px;color:#E8D5D5;font-weight:600}
.saudi-theme-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}


/* ═══ LEGAL_KEYBOARD — لوحة المفاتيح ═══ */
#assistant .lw-search{position:relative}
#assistant .lw-kbd{font-size:11.5px;color:var(--lw-text3);border:1px solid var(--lw-line);
  border-radius:6px;padding:3px 7px;background:var(--lw-surface2);white-space:nowrap;direction:ltr;
  unicode-bidi:isolate;flex:0 0 auto}
#assistant .lw-search:focus-within .lw-kbd{opacity:0;transition:opacity .12s ease}
/* حلقة تركيز مرئية على كل عنصر قابل للتنقّل — شرط استعمال بلا فأرة. */
#assistant .lw-reader:focus-visible{outline:2px solid var(--lw-camel);outline-offset:-4px;border-radius:8px}
#assistant .lw-res:focus{outline:2px solid var(--lw-camel);outline-offset:-2px}
#assistant .lw-scope-btn:focus-visible,
#assistant .lw-src:focus-visible,
#assistant .lw-btn:focus-visible{outline:2px solid var(--lw-camel);outline-offset:2px}


/* ═══ SAUDI_THEME_PNG_ART — صور المستخدم تحتفظ بألوانها في الثيم السعودي ═══
   brightness(0) invert(1) يُسطّح كل بكسل غير شفاف إلى أبيض: مقبول لرسم خطّي،
   ومدمّر لرسم مصمت الملء (المالية والأتعاب، الأنظمة القانونية) — يظهر مربعاً
   أبيض بلا ملامح. لا نُعدّل عمل المستخدم: نُبقي الألوان ونُعيد القرص خلفها. */
body.saudi-theme .saas-sidebar .module img.sidebar-nav-png{
  filter:none!important;
  opacity:1!important;
}
body.saudi-theme .saas-sidebar .module .ico.png-ico{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:11px!important;
  box-shadow:0 1px 3px rgba(0,0,0,.14)!important;
  padding:3px;
}


/* ═══ LEGAL_ENGINE_SWITCH — الإخفاء يغلب العرض ═══
   lwShowWorkspace() تضع السمة hidden، لكن قواعد العرض أعلاه مؤلَّفة بمعرّف
   القسم فتغلب قاعدة المتصفح [hidden]{display:none}. بلا هذه القاعدة تبقى
   ألواح الإثبات وعدّاداتها ظاهرة داخل نظام الأحوال الشخصية. */
#assistant .lw-panes[hidden],
#assistant .lw-sources[hidden],
#assistant .lw-searchwrap[hidden],
#assistant .lw-results-meta[hidden],
#assistant #engine-box[hidden]{display:none!important}

/* محرك الأحوال يملأ المساحة نفسها التي كانت للألواح، لا يُدفع أسفلها. */
#assistant #engine-box{min-height:620px}
#assistant #engine-box iframe{width:100%;height:70vh;min-height:620px;border:0;
  border-radius:14px;background:var(--lw-canvas)}


/* ═══ LEGAL_READER_UI — مربع الاستشهاد ومقروئية النص ═══ */

/* الاستشهاد صار مربعاً مستقلاً واضحاً، لا سطرين في قائمة تعريفات باهتة. */
#assistant .lw-citebox{margin-top:24px;border:1px solid var(--lw-line);
  border-radius:12px;background:var(--lw-surface2);padding:14px 16px 16px}
#assistant .lw-citebox-head{display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:10px}
#assistant .lw-citebox-title{font-size:12.5px;font-weight:800;color:var(--lw-tuwaiq);
  letter-spacing:normal}
#assistant .lw-citebox-copy{display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--lw-line);border-radius:8px;background:var(--sys-surface);color:var(--lw-text2);
  font:inherit;font-size:12.5px;font-weight:700;padding:5px 10px;cursor:pointer;
  transition:background .12s ease,border-color .12s ease}
#assistant .lw-citebox-copy:hover{background:var(--lw-warm);border-color:var(--lw-line2)}
#assistant .lw-citebox-copy:focus-visible{outline:2px solid var(--lw-camel);outline-offset:2px}
#assistant .lw-citebox-copy .app-icon{width:14px;height:14px}
#assistant .lw-citebox-text{margin:0;font-size:14.5px;font-weight:600;color:var(--lw-text);
  line-height:1.9;unicode-bidi:isolate}
#assistant .lw-citebox-source{margin:8px 0 0;font-size:12.5px;color:var(--lw-text3);line-height:1.7}

/* شريط مقاس النص فوق القارئ. */
#assistant .lw-readbar{display:flex;align-items:center;gap:8px;justify-content:flex-end;
  padding:8px 18px 0}
#assistant .lw-readbar-label{font-size:12px;color:var(--lw-text3);margin-inline-end:2px}
#assistant .lw-readbar-btn{min-width:30px;height:26px;border:1px solid var(--lw-line);
  border-radius:7px;background:var(--lw-surface2);color:var(--lw-text2);font:inherit;
  font-size:13px;font-weight:800;cursor:pointer;line-height:1}
#assistant .lw-readbar-btn:hover{background:var(--lw-warm)}
#assistant .lw-readbar-btn:focus-visible{outline:2px solid var(--lw-camel);outline-offset:2px}
#assistant .lw-readbar-value{font-size:12px;color:var(--lw-text3);min-width:18px;text-align:center;
  direction:ltr;unicode-bidi:isolate}

/* عرض السطر: النص النظامي الطويل يُقرأ أسوأ كلما طال السطر. */
#assistant .lw-article{max-width:68ch}
#assistant .lw-article mark{background:rgba(185,135,94,.26);color:inherit;
  border-radius:3px;padding:0 1px}


/* ═══ SAUDI_TYPE_SCALE — درجتان أصغر بأمر المالك ═══
   20px ← 18.5 ← 17. والعرض يعود من 272px إلى 258px لأن سبب التوسعة كان
   المقاس الأكبر وحده؛ «الأنظمة القانونية» تسع في 258px عند 17px بلا قصّ. */
body.saudi-theme .saas-sidebar .module{font-size:17px}
body.saudi-theme .saas-sidebar .module .txt{font-size:17px!important}
body.saudi-theme .app{--sidebar-w:258px}
body.saudi-theme .saas-sidebar{width:258px}


/* ═══ LEGAL_UI_ROUND2 — شريط العدّاد والموضع ورقائق المصادر ═══ */

/* كان النصّان متقابلين في لوح 340px فينكسر كلٌّ منهما سطرين. */
#assistant .lw-results-meta{flex-direction:column;align-items:flex-start;gap:2px;
  padding-bottom:9px}
#assistant .lw-results-meta #lw-count{font-size:13px;font-weight:700;color:var(--lw-text2)}
#assistant .lw-results-meta #lw-sort{font-size:11.5px;color:var(--lw-text3);line-height:1.5}

/* موضع المادة بين النتائج. */
#assistant .lw-pos{color:var(--lw-text3);font-weight:600;unicode-bidi:isolate}

/* مصدر بلا مطابقة لهذا الاستعلام: باهت لا مخفي — الغياب معلومة أيضاً. */
#assistant .lw-src.empty{opacity:.42}
#assistant .lw-src.empty:hover{opacity:.72}


/* ═══ LEGAL_DOC_SHELL — الاتجاه أ «الوثيقة»: شريط واحد ومسرح يملأ الشاشة ═══
   قبل: أربعة أشرطة تستهلك 307px من 900 (34%) قبل أول كلمة من المادة،
   واللوحان أطول من الشاشة فتتمرّر الصفحة كلها.
   بعد: شريط واحد 56px، والمسرح يملأ ما تبقّى ويتمرّر كل لوح وحده. */
#assistant.page.active{display:flex;flex-direction:column;min-height:0}
#assistant>.wrap.lw-doc{max-width:none;margin:0;padding:0;flex:1 1 auto;min-height:0;
  display:flex;flex-direction:column;background:var(--lw-warm)}

/* العنوان يبقى في شجرة الصفحة لقارئ الشاشة، ويخرج من مجال البصر. */
#assistant .lw-doc .lw-head{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

#assistant .lw-colhead .lw-scope-btn{border:0;background:none;padding:6px 9px;border-radius:8px;font-size:14px;
  white-space:nowrap}
#assistant .lw-colhead .lw-scope-btn span{white-space:nowrap}
#assistant .lw-colhead .lw-scope-btn:hover{background:var(--lw-surface2)}
#assistant .lw-colhead .lw-searchwrap{flex:1 1 auto;min-width:170px;max-width:560px;margin:0}
#assistant .lw-colhead .lw-search{height:36px;border-radius:9px;padding:0 12px;gap:9px;
  background:var(--lw-canvas);border-color:var(--lw-line)}
#assistant .lw-colhead .lw-search .app-icon{width:15px;height:15px;flex:0 0 15px}
#assistant .lw-colhead .lw-search input{font-size:14px}
/* الرقائق تنكمش وتتمرّر أفقياً بدل أن تُقصّ: التضييق بالمصدر وظيفة لا زينة،
   فلا يجوز أن يبتلعها ضيق الشاشة. */
#assistant .lw-colhead .lw-sources{margin-inline-start:auto;background:none;padding:0;gap:1px;
  flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none}
#assistant .lw-colhead .lw-sources::-webkit-scrollbar{display:none}
#assistant .lw-colhead .lw-src{padding:5px 9px;font-size:12px;border-radius:7px;white-space:nowrap;flex:0 0 auto}
#assistant .lw-colhead .lw-src[aria-pressed="true"]{background:var(--lw-warm);box-shadow:none}
#assistant .lw-colhead .lw-state{flex:0 1 auto;min-width:0;font-size:12px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
/* دون 1360px تُطوى حالة المدوّنة — خبر مطمئن لا أمر عاجل — ويبقى التحذير
   ظاهراً دائماً، فالخلل يجب أن يُرى مهما ضاقت الشاشة. */
@media(max-width:1360px){
  #assistant .lw-colhead .lw-state{display:none}
  #assistant .lw-colhead .lw-state.warn{display:inline-flex;max-width:230px}
}
#assistant .lw-readbar[hidden]{display:none!important}
#assistant .lw-doc .lw-ctx{flex:0 0 auto;margin:0;padding:12px 20px;
  border-bottom:1px solid var(--lw-line);background:var(--lw-surface)}

/* المسرح: رفّ نتائج ضيّق + صفحة الوثيقة، كلٌّ يتمرّر وحده. */
#assistant .lw-doc .lw-panes{flex:1 1 auto;min-height:0;margin:0;border:0;border-radius:0;
  background:transparent;grid-template-columns:284px minmax(0,1fr)}
#assistant .lw-doc .lw-results{min-height:0;background:var(--lw-warm);
  border-inline-start:0;border-inline-end:1px solid var(--lw-line)}
#assistant .lw-doc .lw-reader{padding:0;min-height:0;overflow:auto;background:transparent}
#assistant .lw-doc #engine-box{flex:1 1 auto;min-height:0;margin:16px 20px;border-radius:12px}
#assistant .lw-doc #engine-box iframe{height:100%;min-height:0}

/* صفحة الوثيقة: ورقة بيضاء بهوامش كريمة على خلفية دافئة. */
#assistant .lw-page{width:min(860px,100%);margin:26px auto 0;background:var(--lw-surface);
  border:1px solid var(--lw-line);border-bottom:0;border-radius:16px 16px 0 0;
  padding:34px 48px 30px;box-shadow:0 2px 26px rgba(29,29,31,.07)}
#assistant .lw-doc .lw-reader>.lw-blank{margin:0;padding:84px 30px}
#assistant .lw-doc .lw-unavailable{margin:26px auto}

@media(max-width:1000px){
  #assistant .lw-doc .lw-panes{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  #assistant .lw-doc .lw-results{max-height:240px;border-inline-end:0;
    border-bottom:1px solid var(--lw-line)}
  #assistant .lw-page{margin-top:14px;padding:22px 20px;border-radius:12px 12px 0 0}
  #assistant .lw-colhead .lw-sources{display:none}
}
@media print{
  #assistant .lw-doc .lw-results{display:none}
  #assistant .lw-page{border:0;box-shadow:none;padding:0;margin:0;width:auto}
}


/* ═══ LEGAL_DOC_TYPE — طباعة الوثيقة: خطّ نسخ للمتن ورقم في الهامش ═══
   Amiri محلي من dist/fonts/vendor (حزم @fontsource، رخصة SIL OFL) —
   لا نداء إلى fonts.googleapis.com، التزاماً بـOFFLINE_READER_ASSETS.
   نطاقا اليونيكود ضروريان: بلا unicode-range تُلغي النسخة اللاتينية العربية. */
@font-face{font-family:"Amiri";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/vendor/amiri-arabic-400-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Amiri";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/vendor/amiri-arabic-700-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Amiri";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/vendor/amiri-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Amiri";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/vendor/amiri-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

#assistant .lw-doc{--lw-serif:"Amiri","Dubai",Tahoma,Georgia,serif}

/* الصفحة: رقم المادة في هامشها، والمتن إلى جانبه.
   min-height تجعل الورقة تبلغ أسفل المسرح، فلا تنتهي معلّقة في الهواء. */
#assistant .lw-page{display:flex;gap:28px;align-items:flex-start;min-height:calc(100% - 26px)}
#assistant .lw-pagebody{flex:1 1 auto;min-width:0}
#assistant .lw-folio{flex:0 0 auto;text-align:center;padding-top:3px;user-select:none}
#assistant .lw-folio b{display:block;font-family:var(--lw-serif);font-size:54px;font-weight:700;
  line-height:.92;color:var(--lw-camel);font-variant-numeric:lining-nums}
#assistant .lw-folio small{display:block;margin-top:6px;font-size:10.5px;color:var(--lw-text3);letter-spacing:normal}
#assistant .lw-folio::after{content:"";display:block;width:34px;height:2px;
  background:var(--lw-warm);margin:13px auto 0}

/* التسلسل يُصحَّح نسبةً من الرمز العام لا برقم مجمَّد. */
#assistant .lw-page h2{font-family:var(--lw-serif);font-weight:700;margin:11px 0 0;
  font-size:calc(var(--font-size-title) * 1.85)!important;line-height:1.4!important}
#assistant .lw-page .lw-kicker{font-size:12px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}

#assistant .lw-doc .lw-article{font-family:var(--lw-serif);white-space:normal;font-weight:400;
  border-inline-start:0;padding-inline-start:0;margin:19px 0 0;line-height:2.1;max-width:60ch}
#assistant .lw-p{display:flex;gap:13px;margin:0 0 13px}
#assistant .lw-p:last-child{margin-bottom:0}
#assistant .lw-p-plain{display:block}
#assistant .lw-pnum{flex:0 0 auto;min-width:1.15em;padding-top:.42em;font-size:.8em;font-weight:700;
  color:var(--lw-camel);font-variant-numeric:lining-nums}
#assistant .lw-doc .lw-article mark{padding:0 2px}

#assistant .lw-doc .lw-tools{margin-top:26px}
#assistant .lw-doc .lw-citebox{margin-top:26px;padding:16px 0 0;border:0;border-radius:0;
  background:transparent;border-top:1px solid var(--lw-warm)}
#assistant .lw-doc .lw-citebox-text{font-family:var(--lw-serif);font-size:17px;font-weight:700}

/* رفّ النتائج: الرقم يتقدّم، والمقتطف بخط المتن نفسه. */
#assistant .lw-doc .lw-res-num{display:flex;align-items:baseline;gap:7px}
#assistant .lw-doc .lw-res-num b{font-family:var(--lw-serif);font-size:20px;font-weight:700;
  line-height:1;color:var(--lw-line2);font-variant-numeric:lining-nums}
#assistant .lw-doc .lw-res[aria-selected="true"] .lw-res-num b{color:var(--lw-hue-ink)}
#assistant .lw-doc .lw-res-num i{font-style:normal;font-size:11.5px;font-weight:600;color:var(--lw-text3)}
#assistant .lw-doc .lw-res-snip{font-family:var(--lw-serif);font-size:14.5px;line-height:1.85}
#assistant .lw-doc .lw-res[aria-selected="true"]{background:var(--lw-surface);border-radius:10px;
  box-shadow:0 1px 3px rgba(29,29,31,.07)}
#assistant .lw-doc .lw-res[aria-selected="true"]::before{top:11px;bottom:11px}

@media(max-width:1000px){
  #assistant .lw-page{gap:16px}
  #assistant .lw-folio b{font-size:38px}
}


/* ═══ LEGAL_DOC_COLOR — لكل نظام لونه، واللون بنية لا زينة ═══
   الرمز --lw-hue يُورَّث من العنصر الموسوم بمصدره، فيصبغ رقم المادة والشارة
   وشريط الاختيار والعدّاد بلونٍ واحد متسق. الألوان الأربعة كلها من اللوحة
   السعودية المعتمدة في هذه اللوحة سلفاً — لا لون جديد. */
#assistant .lw-doc{--lw-sadu:#8B3437;--lw-hue:var(--lw-camel)}
#assistant .lw-doc [data-lw-instrument]{--lw-hue:var(--lw-camel)}
#assistant .lw-doc [data-lw-instrument="procedural"]{--lw-hue:var(--lw-tuwaiq)}
#assistant .lw-doc [data-lw-instrument="electronic"]{--lw-hue:var(--lw-najd)}
#assistant .lw-doc [data-lw-instrument="expert"]{--lw-hue:var(--lw-sadu)}
#assistant .lw-doc [data-lw-instrument="labour"]{--lw-hue:var(--lw-tuwaiq)}
#assistant .lw-doc [data-lw-instrument="family"]{--lw-hue:var(--lw-sadu)}
#assistant .lw-doc [data-lw-instrument="civil"]{--lw-hue:var(--lw-najd)}
#assistant .lw-doc [data-lw-instrument="enforcement"]{--lw-hue:var(--lw-camel)}
#assistant .lw-doc [data-lw-instrument="enforcement1447"]{--lw-hue:var(--lw-tuwaiq)}
#assistant .lw-doc [data-lw-instrument="commercialcourts"]{--lw-hue:var(--lw-najd)}
#assistant .lw-doc [data-lw-instrument="companies"]{--lw-hue:var(--lw-sadu)}
#assistant .lw-doc [data-lw-instrument="commerciallaw1350"]{--lw-hue:var(--lw-sadu)}
#assistant .lw-doc [data-lw-instrument="criminalprocedure"]{--lw-hue:var(--lw-tuwaiq)}

#assistant .lw-doc .lw-folio b{color:var(--lw-hue-ink)}
#assistant .lw-doc .lw-folio::after{background:color-mix(in srgb,var(--lw-hue) 26%,transparent)}
#assistant .lw-doc .lw-pnum{color:var(--lw-hue-ink)}
#assistant .lw-doc .lw-page .lw-kicker{color:var(--lw-hue-ink);font-weight:700}
#assistant .lw-doc .lw-page .lw-kicker .lw-pos{color:var(--lw-text3);font-weight:600}
#assistant .lw-chip{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:2px;
  background:var(--lw-hue)}

#assistant .lw-doc .lw-group-head{background:var(--lw-warm);color:var(--lw-hue-ink)}
#assistant .lw-doc .lw-group-head::before{content:"";order:-1;flex:0 0 7px;width:7px;height:7px;
  border-radius:2px;background:var(--lw-hue)}
#assistant .lw-doc .lw-res[aria-selected="true"]::before{background:var(--lw-hue)}
#assistant .lw-doc .lw-res[aria-selected="true"] .lw-res-num b{color:var(--lw-hue-ink)}
#assistant .lw-doc .lw-res mark,#assistant .lw-doc .lw-article mark{
  background:color-mix(in srgb,var(--lw-hue) 22%,transparent)}

#assistant .lw-colhead .lw-src b{color:var(--lw-hue-ink)}
#assistant .lw-colhead .lw-src[data-lw-src="all"] b{color:var(--lw-text3)}
#assistant .lw-colhead .lw-src[aria-pressed="true"]{background:color-mix(in srgb,var(--lw-hue) 14%,transparent)}
#assistant .lw-colhead .lw-src.empty b{color:var(--lw-text3);opacity:.7}


/* ═══ LEGAL_DOC_BOXES — المربعات: سطح ولون وحدّ ═══
   كل لون هنا مشتقٌّ بـcolor-mix من --lw-hue الموروث من مصدر المادة — لا لون
   جديد خارج اللوحة السعودية. قِيس الفرق الإدراكي بين الألوان الأربعة
   (CIE ΔE): 23.7 أقربها و52.6 أبعدها، فالتمايز كان قائماً والناقص هو السطح. */

/* ── مربع صيغة الاستشهاد: يعود مربعاً كما طُلب، وبلونٍ يميّزه عن الصفحة ──
   ت-٢ كانت سطّحته إلى خيط شعري، وهذا نقضٌ لطلب صريح سابق. */
#assistant .lw-doc .lw-citebox{position:relative;overflow:hidden;
  margin-top:28px;padding:14px 17px;border-radius:12px;
  border:1px solid color-mix(in srgb,var(--lw-hue) 34%,transparent);
  border-top:1px solid color-mix(in srgb,var(--lw-hue) 34%,transparent);
  background:color-mix(in srgb,var(--lw-hue) 9%,var(--lw-surface))}
#assistant .lw-doc .lw-citebox::before{content:"";position:absolute;
  inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--lw-hue)}
#assistant .lw-doc .lw-citebox-title{color:var(--lw-hue-ink)}
#assistant .lw-doc .lw-citebox-copy{background:var(--lw-surface);
  border-color:color-mix(in srgb,var(--lw-hue) 40%,transparent);
  color:var(--lw-hue-ink);font-weight:700}
#assistant .lw-doc .lw-citebox-copy:hover{
  background:color-mix(in srgb,var(--lw-hue) 12%,var(--lw-surface));
  border-color:var(--lw-hue)}
#assistant .lw-doc .lw-citebox-source{color:var(--lw-text2)}

/* ── صفوف النتائج: بطاقة لها سطح وحدّ، لا نصّ عائم ── */
#assistant .lw-doc .lw-res{background:var(--lw-surface);
  border:1px solid var(--lw-line);border-radius:11px;
  padding:11px 13px;margin-bottom:7px;overflow:hidden}
#assistant .lw-doc .lw-res:hover{
  border-color:color-mix(in srgb,var(--lw-hue) 48%,var(--lw-line));
  background:var(--lw-surface)}
#assistant .lw-doc .lw-res[aria-selected="true"]{
  border-color:var(--lw-hue);
  background:color-mix(in srgb,var(--lw-hue) 8%,var(--lw-surface));
  box-shadow:0 1px 4px color-mix(in srgb,var(--lw-hue) 22%,transparent)}
#assistant .lw-doc .lw-res[aria-selected="true"]::before{
  inset-inline-start:0;top:0;bottom:0;width:3px;border-radius:0}
#assistant .lw-doc .lw-res-num b{color:color-mix(in srgb,var(--lw-hue) 52%,var(--lw-line2))}

/* ── رقائق المصادر: أزرار لها حدّ، والمختار مملوء بلون مصدره ── */
#assistant .lw-colhead .lw-src{border:1px solid var(--lw-line);
  background:var(--lw-surface);margin-inline-start:4px}
#assistant .lw-colhead .lw-src:hover{border-color:color-mix(in srgb,var(--lw-hue) 50%,var(--lw-line))}
#assistant .lw-colhead .lw-src[aria-pressed="true"]{
  border-color:var(--lw-hue);
  background:color-mix(in srgb,var(--lw-hue) 15%,var(--lw-surface));
  color:var(--lw-text);font-weight:700}
#assistant .lw-colhead .lw-src.empty{background:var(--lw-surface2);border-color:var(--lw-line);opacity:.6}
/* «الكل» ليس نظاماً فلا يستعير لون نظام — ولولا هذا لبدا مطابقاً لرقاقة
   «نظام الإثبات» تماماً، فكلاهما يرث اللون الافتراضي نفسه. */
#assistant .lw-colhead .lw-src[data-lw-src="all"][aria-pressed="true"]{
  border-color:var(--lw-text2);background:var(--lw-warm);color:var(--lw-text)}
#assistant .lw-colhead .lw-src[data-lw-src="all"]:hover{border-color:var(--lw-line2)}

/* ── شارة لون النظام: أكبر قليلاً ولها حدّ فلا تذوب في البياض ── */
#assistant .lw-chip{width:9px;height:9px;flex:0 0 9px;border-radius:3px;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#1D1D1F 16%,transparent)}
#assistant .lw-doc .lw-group-head::before{width:8px;height:8px;flex:0 0 8px;border-radius:3px;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#1D1D1F 16%,transparent)}

/* عند الطباعة تختفي الزينة ويبقى المعنى. */
@media print{
  #assistant .lw-doc .lw-citebox{border:0;background:none;padding:12px 0 0}
  #assistant .lw-doc .lw-citebox::before{display:none}
}


/* ═══ LEGAL_DOC_COMPARE — المقارنة: عمودان يتمرّر كلٌّ منهما وحده ═══
   هذه هي المقايضة المعلنة للاتجاه أ، تُسدَّد لا تُترك ديناً. */
#assistant .lw-doc .lw-panes.lw-comparing{grid-template-columns:216px minmax(0,1fr)}
#assistant .lw-doc .lw-reader.lw-compare{display:grid;grid-template-columns:1fr 1fr;
  gap:14px;padding:18px 16px;overflow:hidden;align-items:stretch}
#assistant .lw-doc .lw-reader.lw-compare .lw-page{width:auto;margin:0;height:100%;min-height:0;
  overflow:auto;border-radius:14px;border-bottom:1px solid var(--lw-line);
  padding:20px 22px;gap:16px}
#assistant .lw-doc .lw-reader.lw-compare .lw-article{max-width:none}
#assistant .lw-doc .lw-reader.lw-compare .lw-folio b{font-size:34px}
#assistant .lw-doc .lw-reader.lw-compare .lw-folio::after{margin-top:9px}
#assistant .lw-doc .lw-reader.lw-compare .lw-tools{gap:6px}
#assistant .lw-doc .lw-reader.lw-compare .lw-btn{padding:7px 10px;font-size:12.5px}

/* LEGAL_PIN_RIGHT_92 — فعل التثبيت قريب من عنوان المادة، لا مدفوناً بعد النص. */
#assistant .lw-article-headbar{display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-width:0}
#assistant .lw-article-headbar .lw-kicker{min-width:0}
#assistant .lw-titlepin{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  flex:0 0 auto;min-height:34px;padding:6px 11px;border:1px solid var(--lw-line2);
  border-radius:10px;background:var(--lw-surface);color:var(--lw-text2);cursor:pointer;
  font:inherit;font-size:12px;font-weight:700;transition:background .14s,border-color .14s,color .14s}
#assistant .lw-titlepin .app-icon{width:14px;height:14px}
#assistant .lw-titlepin:hover{border-color:var(--lw-hue);background:var(--lw-surface2);color:var(--lw-hue-ink)}
#assistant .lw-titlepin.lw-pinned{border-color:color-mix(in srgb,var(--lw-hue) 55%,var(--lw-line));
  background:color-mix(in srgb,var(--lw-hue) 13%,var(--lw-surface));color:var(--lw-hue-ink)}
#assistant .lw-titlepin:focus-visible{outline:2px solid var(--lw-hue);outline-offset:2px}

/* المثبّتة تحمل لون نظامها فلا تلتبس بالمقروءة. */
#assistant .lw-page-pinned{background:color-mix(in srgb,var(--lw-hue) 5%,var(--lw-surface));
  border-color:color-mix(in srgb,var(--lw-hue) 32%,var(--lw-line))}
#assistant .lw-pinbar{display:flex;align-items:center;justify-content:space-between;gap:10px}
#assistant .lw-pinmark{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;
  color:var(--lw-hue-ink);background:color-mix(in srgb,var(--lw-hue) 14%,transparent);
  border-radius:999px;padding:4px 11px}
#assistant .lw-pinmark .app-icon{width:13px;height:13px}
#assistant .lw-pinclose{width:27px;height:27px;display:grid;place-items:center;cursor:pointer;
  border:1px solid var(--lw-line);background:var(--lw-surface);border-radius:8px;color:var(--lw-text3)}
#assistant .lw-pinclose:hover{border-color:var(--lw-hue);color:var(--lw-hue-ink)}
#assistant .lw-pinclose:focus-visible{outline:2px solid var(--lw-hue);outline-offset:2px}
#assistant .lw-pinclose .app-icon{width:13px;height:13px}
#assistant .lw-pincite{margin:22px 0 0;padding-top:13px;border-top:1px solid var(--lw-line);
  font-family:var(--lw-serif);font-size:15px;font-weight:700;color:var(--lw-text2)}
#assistant .lw-page-pinned .lw-kicker{margin-top:10px}

/* زر التثبيت يعلن حالته: مضغوطٌ بلون النظام. */
#assistant .lw-doc .lw-btn.lw-pinned{border-color:var(--lw-hue);color:var(--lw-hue-ink);
  background:color-mix(in srgb,var(--lw-hue) 11%,var(--lw-surface))}

/* عمودان بعرض 250px ليسا مقارنة — دون 1100px يصيران صفّين. */
@media(max-width:1100px){
  #assistant .lw-doc .lw-panes.lw-comparing{grid-template-columns:1fr}
  #assistant .lw-doc .lw-reader.lw-compare{grid-template-columns:1fr;grid-template-rows:1fr 1fr;
    gap:10px;padding:12px}
}
@media(max-width:560px){
  #assistant .lw-article-headbar{align-items:flex-start;flex-direction:column}
  #assistant .lw-titlepin{align-self:flex-start}
}
@media print{
  #assistant .lw-doc .lw-reader.lw-compare{display:block;padding:0}
  #assistant .lw-page-pinned{display:none}
}


/* ═══ LEGAL_DOC_TYPEFIX — استرداد مقاس اللوحة من قاعدة !important العامة ═══
   body :where(p,small,label,button,…){font-size:var(--font-size-body)!important}
   تقهر كل ما أعلنّاه، فكانت المادة تُعرض بـ11px وزرّا أ+/أ− بلا أثر. كل قيمة
   هنا **نسبة من الرمز العام** لا رقم مجمَّد، فتبقى منظومة المقاسات هي الحاكمة. */

/* المتن: يرث من .lw-article وهو الذي يحمل قيمة زرّي أ+/أ−.
   هذا السطر تحديداً هو ما يجعل الزرّين يعملان. */
#assistant .lw-doc .lw-article .lw-p{font-size:inherit!important}
#assistant .lw-doc .lw-article .lw-p .lw-pnum{font-size:.72em!important}

/* رفّ النتائج */
#assistant .lw-doc .lw-res{font-size:calc(var(--font-size-body) * 1.18)!important}
#assistant .lw-doc .lw-res-snip{font-size:calc(var(--font-size-body) * 1.32)!important}

/* صفحة الوثيقة */
#assistant .lw-doc .lw-folio small{font-size:calc(var(--font-size-body) * 0.96)!important}
#assistant .lw-doc .lw-citebox-text{font-size:calc(var(--font-size-body) * 1.55)!important}
#assistant .lw-doc .lw-citebox-source{font-size:calc(var(--font-size-body) * 1.14)!important}
#assistant .lw-doc .lw-citebox-copy{font-size:calc(var(--font-size-body) * 1.14)!important}
#assistant .lw-doc .lw-pincite{font-size:calc(var(--font-size-body) * 1.36)!important}
#assistant .lw-doc .lw-btn{font-size:calc(var(--font-size-body) * 1.18)!important}
#assistant .lw-doc .lw-pinclose{font-size:calc(var(--font-size-body) * 1)!important}
#assistant .lw-doc .lw-titlepin{font-size:calc(var(--font-size-body) * 1.08)!important}

/* الشريط العلوي */
#assistant .lw-colhead .lw-scope-btn{font-size:calc(var(--font-size-body) * 1.27)!important}
#assistant .lw-colhead .lw-search input{font-size:calc(var(--font-size-body) * 1.27)!important}
#assistant .lw-colhead .lw-src{font-size:calc(var(--font-size-body) * 1.09)!important}
#assistant .lw-readtools .lw-readbar-btn{font-size:calc(var(--font-size-body) * 1.18)!important}

/* عنوان مجموعة المصدر <h3> يقهره رمز العناوين لا رمز المتن. */
#assistant .lw-doc .lw-group-head{font-size:calc(var(--font-size-title) * .9)!important}


/* ═══ LEGAL_QUICK_CATEGORIES — أبواب سريعة في الشريط الأعلى ═══ */
#assistant .lw-catpicker{position:relative;flex:0 0 auto}
#assistant .lw-colhead .lw-catbtn{white-space:nowrap}
#assistant .lw-colhead .lw-catbtn .app-icon{width:15px;height:15px}
#assistant .lw-catmenu{width:290px;max-height:min(78vh,600px);overflow:auto;padding-bottom:0}
#assistant .lw-catmenu .lw-menu-label:first-child{padding-top:4px}
#assistant .lw-cat b{font-variant-numeric:lining-nums;background:var(--lw-surface2);
  border-radius:999px;padding:1px 8px;font-size:calc(var(--font-size-body) * 1)!important}
#assistant .lw-cat[aria-selected="true"]{background:var(--lw-warm);font-weight:700}
#assistant .lw-cat[aria-selected="true"] b{background:var(--lw-camel);color:var(--sys-on-fill)}
/* الإعلان لاصقٌ في ذيل القائمة: تنبيهٌ لا يُرى إلا بالتمرير ليس تنبيهاً. */
#assistant .lw-catnote{position:sticky;bottom:0;margin:6px -6px -6px;padding:9px 12px 10px;
  background:var(--lw-surface);border-top:1px solid var(--lw-line);
  color:var(--lw-text3);line-height:1.7;font-size:calc(var(--font-size-body) * .98)!important}
#assistant .lw-catbtn[aria-expanded="true"]{background:var(--lw-surface2)}
@media(max-width:1180px){#assistant .lw-colhead .lw-catbtn span:not(.app-icon){display:none}}


/* ═══ LEGAL_MENU_CLIP_FIX — الشريط لم يعد يقصّ منسدلاته ═══
   overflow:hidden أُضيف في ت-١ لاحتواء رقائق المصادر، فقصّ معها منسدلة
   التصنيفات **ومنتقي النظام** — وهو الطريق الوحيد إلى نظام الأحوال الشخصية.
   الاحتواء ينتقل إلى العنصر المرن نفسه، والشريط يعود مرئي الفائض. */
/* LAW_READTOOLS_129: رُفع الشريط، والمنسدلتان في رأس العمود الذي لا يقصّ ما يفيض منه (عقد 127). */
#assistant .lw-colhead .lw-picker,
#assistant .lw-colhead .lw-catpicker{flex:0 0 auto}
/* المنسدلتان فوق كل ما في المسرح، وفوق عناوين المجموعات اللاصقة (z-index:2). */
#assistant .lw-colhead .lw-menu{z-index:60}

/* بنود المنسدلتين <button> — يقهرها الرمز العام إلى 11px تماماً كما قُهر متن
   المادة. لم يظهر ذلك من قبل لأن القائمتين لم تكونا تُرسمان أصلاً. النسبة من
   الرمز نفسه لا رقم مجمَّد، اتساقاً مع ت-٧. */
#assistant .lw-menu-item{font-size:calc(var(--font-size-body) * 1.27)!important}


/* ═══ LEGAL_DOC_POLISH — الصقل: سبعة عيوب مقيسة ═══ */

/* (١) الورقة بعرض سطرها: --lw-measure يكتبه lwApplyReaderScale مع كل تغيير
   مقاس. 182px = الهامش الرقمي (58) + الفجوة (28) + حشوتا الجانبين (96). */
#assistant .lw-doc .lw-page{
  width:min(100%, calc(var(--lw-measure, 704px) + 182px));
  max-width:min(940px, 100%)}
#assistant .lw-doc .lw-article{max-width:var(--lw-measure, 704px)}

/* (٢) الورقة صحيفةٌ بقدر محتواها، لا لوحٌ ممدود ببياض ميت. */
#assistant .lw-doc .lw-page{min-height:0;margin:26px auto 30px;
  border-radius:16px;border-bottom:1px solid var(--lw-line);
  padding:32px 44px 30px}

/* (٤) الفصل بين الفقرات يجب أن يُرى وسط سطورٍ متباعدة أصلاً. */
#assistant .lw-doc .lw-article{line-height:1.9}
#assistant .lw-doc .lw-article .lw-p{margin-bottom:1.15em}
#assistant .lw-doc .lw-article .lw-p:last-child{margin-bottom:0}
#assistant .lw-doc .lw-article .lw-p .lw-pnum{padding-top:.34em;opacity:.85}

/* (٥) فعلٌ أوّل واحد، والبقية هادئة. */
#assistant .lw-doc .lw-tools{gap:4px;align-items:center}
#assistant .lw-doc .lw-btn{border-color:transparent;background:transparent;
  color:var(--lw-text2);font-weight:600;padding:8px 11px}
#assistant .lw-doc .lw-btn:hover{background:var(--lw-surface2);
  border-color:transparent;color:var(--lw-text)}
#assistant .lw-doc .lw-btn .app-icon{color:var(--lw-text3)}
#assistant .lw-doc .lw-btn:hover .app-icon{color:var(--lw-hue-ink)}
#assistant .lw-doc .lw-btn.primary{background:var(--lw-hue);border-color:var(--lw-hue);
  color:var(--sys-on-fill);font-weight:700;margin-inline-end:6px}
#assistant .lw-doc .lw-btn.primary:hover{filter:brightness(.93);
  background:var(--lw-hue);border-color:var(--lw-hue);color:var(--sys-on-fill)}
#assistant .lw-doc .lw-btn.primary .app-icon,
#assistant .lw-doc .lw-btn.primary:hover .app-icon{color:var(--sys-on-fill)}
#assistant .lw-doc .lw-btn.lw-pinned{background:color-mix(in srgb,var(--lw-hue) 13%,transparent);
  border-color:transparent;color:var(--lw-hue-ink)}
#assistant .lw-doc .lw-btn.lw-pinned .app-icon{color:var(--lw-hue-ink)}

/* (٦) صف النتيجة أقصر، فيُرى منه أكثر. */
#assistant .lw-doc .lw-res{padding:9px 12px;margin-bottom:5px;border-radius:10px}
#assistant .lw-doc .lw-res-top{margin-bottom:2px}
#assistant .lw-doc .lw-res-num b{font-size:17px}
#assistant .lw-doc .lw-res-snip{line-height:1.7;-webkit-line-clamp:2}
#assistant .lw-doc .lw-list{padding:0 10px 14px}

/* (٧) الشريط يهدأ: حقل البحث لا يبتلع الفائض، والحالة سطرٌ قصير. */
#assistant .lw-colhead .lw-searchwrap{max-width:420px}
#assistant .lw-colhead .lw-state{max-width:150px}

/* اتساق: مربع الاستشهاد يهدأ درجة فلا ينافس المتن.
   القاعدة تُعيد إعلان الحدّ والزاوية كاملةً عمداً: عقد المرحلة يفحص **آخر**
   قاعدة سارية، ولو اكتفت هذه بلونٍ لبدا العقد كأن المربع سُطِّح. */
#assistant .lw-doc .lw-citebox{
  border:1px solid color-mix(in srgb,var(--lw-hue) 24%,transparent);
  border-radius:12px;
  background:color-mix(in srgb,var(--lw-hue) 6%,var(--lw-surface))}
#assistant .lw-doc .lw-citebox::before{opacity:.75}

/* في المقارنة تبقى الورقتان بعرض العمود لا بعرض السطر. */
#assistant .lw-doc .lw-reader.lw-compare .lw-page{width:auto;max-width:none;
  margin:0;padding:20px 22px;border-radius:14px}
#assistant .lw-doc .lw-reader.lw-compare .lw-article{max-width:none}


/* ═══ LEGAL_RULE_INDEX — القواعد الفرعية داخل المادة ═══ */
#assistant .lw-rules{margin-top:28px;padding-top:24px;border-top:1px solid var(--lw-line)}
#assistant .lw-doc .lw-panes.lw-rules-open:not(.lw-comparing){grid-template-columns:230px minmax(0,1fr)}
#assistant .lw-doc .lw-page.lw-page-rules{width:min(100%,calc(var(--lw-measure,768px) + 420px));
  max-width:min(1180px,100%);padding-inline:36px}
#assistant .lw-rules-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  padding:17px 19px;border:1px solid color-mix(in srgb,var(--lw-hue) 30%,var(--lw-line));
  border-radius:14px;background:color-mix(in srgb,var(--lw-hue) 7%,var(--lw-surface))}
#assistant .lw-rules-head>div{min-width:0}
#assistant .lw-rules-eyebrow{display:block;color:var(--lw-hue-ink);font-weight:800;
  font-size:calc(var(--font-size-body) * 1.02)!important;margin-bottom:4px}
#assistant .lw-rules-head h3{margin:0;color:var(--lw-text);font-family:var(--lw-serif);
  font-size:calc(var(--font-size-title) * 1.25)!important;line-height:1.45!important}
#assistant .lw-rules-head p{margin:5px 0 0;color:var(--lw-text3);line-height:1.7;
  font-size:calc(var(--font-size-body) * 1.05)!important}
#assistant .lw-rules-head>b{display:grid;place-items:center;flex:0 0 48px;min-height:48px;
  border-radius:12px;background:var(--lw-hue);color:var(--sys-on-fill);font-family:var(--lw-serif);
  font-size:calc(var(--font-size-title) * 1.28)!important;font-variant-numeric:lining-nums}

#assistant .lw-rulefilters{display:flex;gap:7px;overflow:auto;padding:14px 1px 9px;scrollbar-width:thin}
#assistant .lw-rulefilter{flex:0 0 auto;border:1px solid var(--lw-line);border-radius:999px;
  background:var(--lw-surface);color:var(--lw-text2);padding:7px 11px;cursor:pointer;
  font:inherit;font-weight:700;font-size:calc(var(--font-size-body) * 1.02)!important;white-space:nowrap}
#assistant .lw-rulefilter b{font-variant-numeric:lining-nums;color:var(--lw-text3);margin-inline-start:4px}
#assistant .lw-rulefilter:hover{border-color:color-mix(in srgb,var(--lw-hue) 55%,var(--lw-line))}
#assistant .lw-rulefilter[aria-pressed="true"]{border-color:var(--lw-hue);color:var(--lw-hue-ink);
  background:color-mix(in srgb,var(--lw-hue) 11%,var(--lw-surface))}
#assistant .lw-rulefilter[aria-pressed="true"] b{color:var(--lw-hue-ink)}
#assistant .lw-rulefilter:focus-visible{outline:2px solid var(--lw-hue);outline-offset:2px}

#assistant .lw-rulelist{display:grid;gap:20px;margin-top:8px}
#assistant .lw-rule-group{display:grid;gap:10px;scroll-margin-block:20px}
#assistant .lw-rule-group[hidden]{display:none!important}
#assistant .lw-rule-grouphead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  padding:0 2px 8px;border-bottom:2px solid color-mix(in srgb,var(--lw-hue) 34%,var(--lw-line))}
#assistant .lw-rule-groupindex{display:block;margin-bottom:2px;color:var(--lw-text3);font-weight:800;
  font-size:calc(var(--font-size-body) * .92)!important}
#assistant .lw-rule-grouphead h4{margin:0;color:var(--lw-text);font-family:var(--lw-serif);
  font-size:calc(var(--font-size-title) * 1.13)!important;line-height:1.45!important}
#assistant .lw-rule-range{display:flex;align-items:baseline;gap:7px;flex:0 0 auto;color:var(--lw-hue-ink)}
#assistant .lw-rule-range small{color:var(--lw-text3);font-weight:700;
  font-size:calc(var(--font-size-body) * .9)!important}
#assistant .lw-rule-range b{font-family:var(--lw-serif);font-size:calc(var(--font-size-title) * 1.17)!important;
  font-variant-numeric:lining-nums;direction:ltr}
#assistant .lw-rulegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
#assistant .lw-rule-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;
  border:1px solid var(--lw-line);border-radius:14px;padding:16px;background:var(--lw-surface);
  scroll-margin-block:20px;break-inside:avoid;min-height:100%}
#assistant .lw-rule-card[hidden]{display:none!important}
#assistant .lw-rule-card::before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;
  width:3px;border-radius:3px;background:color-mix(in srgb,var(--lw-hue) 42%,transparent)}
#assistant .lw-rule-card.lw-rule-match{border-color:color-mix(in srgb,var(--lw-hue) 52%,var(--lw-line));
  background:color-mix(in srgb,var(--lw-hue) 5%,var(--lw-surface))}
#assistant .lw-rule-card.lw-rule-selected{border-color:var(--lw-hue);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--lw-hue) 16%,transparent)}
#assistant .lw-rule-card.lw-rule-selected::before{background:var(--lw-hue)}
#assistant .lw-rule-number{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  align-self:stretch;padding:9px 5px;border-radius:11px;
  background:color-mix(in srgb,var(--lw-hue) 10%,var(--lw-surface));color:var(--lw-hue-ink)}
#assistant .lw-rule-number span{font-family:"Dubai",Tahoma,sans-serif;font-weight:800;
  font-size:.58em;line-height:1.1}
#assistant .lw-rule-number b{font-family:var(--lw-serif);font-size:2em;line-height:1.05;
  font-weight:700;font-variant-numeric:lining-nums}
#assistant .lw-rule-main{min-width:0;display:flex;flex-direction:column}
#assistant .lw-rule-cardhead{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:9px}
#assistant .lw-rule-kind{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;
  background:var(--lw-hue);color:var(--sys-on-fill);font-weight:800;
  font-size:calc(var(--font-size-body) * .94)!important}
#assistant .lw-rule-category{display:inline-flex;border-radius:999px;padding:3px 9px;
  color:var(--lw-hue-ink);background:color-mix(in srgb,var(--lw-hue) 10%,var(--lw-surface));
  font-weight:700;font-size:calc(var(--font-size-body) * .94)!important}
#assistant .lw-rule-card h4{margin:0 0 5px;font-family:var(--lw-serif);color:var(--lw-hue-ink);
  font-size:1.12em!important;line-height:1.55!important}
#assistant .lw-rule-text{margin:0;font-family:var(--lw-serif);font-weight:400;color:var(--lw-text);
  line-height:1.9;font-size:inherit!important}
#assistant .lw-rule-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:13px}
#assistant .lw-rule-action{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--lw-hue);
  border-radius:8px;background:var(--lw-hue);color:var(--sys-on-fill);padding:6px 9px;cursor:pointer;font-weight:800;
  font-size:calc(var(--font-size-body) * .96)!important}
#assistant .lw-rule-action-link{border-color:var(--lw-line);background:var(--lw-surface);color:var(--lw-text2)}
#assistant .lw-rule-action:hover{filter:brightness(.94)}
#assistant .lw-rule-action-link:hover{border-color:var(--lw-hue);color:var(--lw-hue-ink);filter:none}
#assistant .lw-rule-action:focus-visible{outline:2px solid var(--lw-hue);outline-offset:2px}
#assistant .lw-rule-action .app-icon{width:14px;height:14px}
#assistant .lw-rule-text mark,#assistant .lw-rule-card h4 mark{
  background:color-mix(in srgb,var(--lw-hue) 22%,transparent);color:inherit;border-radius:3px;padding:0 2px}
#assistant .lw-rule-hit{margin-inline-start:auto;display:inline-flex;border-radius:999px;padding:2px 7px;
  background:color-mix(in srgb,var(--lw-hue) 12%,var(--lw-surface));color:var(--lw-hue-ink);
  font-weight:800;font-size:calc(var(--font-size-body) * .9)!important;white-space:nowrap}

#assistant .lw-reader.lw-compare .lw-rules-head{padding:12px 13px}
#assistant .lw-reader.lw-compare .lw-rules-head>b{display:none}
#assistant .lw-reader.lw-compare .lw-rulegrid{grid-template-columns:1fr}
#assistant .lw-reader.lw-compare .lw-rule-card{padding:11px 13px;grid-template-columns:48px minmax(0,1fr)}
@media(max-width:700px){
  #assistant .lw-rules-head{padding:14px;gap:10px}
  #assistant .lw-rules-head>b{flex-basis:42px;min-height:42px}
  #assistant .lw-doc .lw-page.lw-page-rules{padding-inline:20px}
  #assistant .lw-rulegrid{grid-template-columns:1fr}
  #assistant .lw-rule-card{padding:13px;grid-template-columns:50px minmax(0,1fr);gap:11px}
}
@media print{
  #assistant .lw-rulefilters,#assistant .lw-rule-actions{display:none!important}
  #assistant .lw-rulegrid{grid-template-columns:1fr}
  #assistant .lw-rule-card{border-color:var(--lw-line);box-shadow:none!important}
}

/* ═══ APP_TYPE_SCALE — سُلَّم طباعة واحد للتطبيق ═══
   قِيس قبل التعريف: 72% من نصّ التطبيق دون 12px، و32% منه عند 8px، ورمزا
   المقاس 11/14 بنسبة 1.27 لا تصنع تسلسلاً. النسبة هنا ≈1.20 والأرضية 12.5px.
   يُعرَّف مرة واحدة، وتطبّقه المراحل صفحةً صفحة بأمر المالك. */
:root{
  --t-label:12.5px;   /* لصيقات ووحدات ودلالات ثانوية — الأرضية */
  --t-body:15px;      /* المتن الافتراضي وأزرار الأفعال */
  --t-lead:18px;      /* قيمة بارزة داخل بطاقة */
  --t-card:22px;      /* عنوان بطاقة */
  --t-section:26px;   /* عنوان قسم */
  --t-page:31px;      /* عنوان الصفحة */
  --t-stat:38px;      /* أرقام المؤشّرات */
}

/* ── ط-١: اللوحة الرئيسية وحدها. القواعد كلها مستخرجة بالقياس من متصفح
   فعلي — لا بالبحث النصّي — فلا زائدة ولا ناقصة. ── */
#home .legal-system-grid small{font-size:var(--t-label)!important}   /* كان 7px */
#home .section-kicker{font-size:var(--t-label)!important}   /* كان 8px */
#home .smart-chips button{font-size:var(--t-label)!important}   /* كان 8px */
#home .case-status-item span{font-size:var(--t-label)!important}   /* كان 8px */
#home .dashboard-card > header button,
#home .dashboard-card > header select{font-size:var(--t-label)!important}   /* كان 8px */
#home .dashboard-kpi em{font-size:var(--t-label)!important}   /* كان 8px */
#home .finance-mini-grid small{font-size:var(--t-label)!important}   /* كان 8px */
#home .finance-donut small{font-size:var(--t-label)!important}   /* كان 8px */
#home .deadlines-status{font-size:var(--t-label)!important}   /* كان 8px */
#home .dashboard-kpi small{font-size:var(--t-label)!important}   /* كان 9px */
#home .dashboard-welcome .eyebrow{font-size:var(--t-label)!important}   /* كان 9px */
#home .quick-actions-grid button{font-size:var(--t-body)!important}   /* كان 9px */
#home .compact-empty{font-size:var(--t-body)!important}   /* كان 9px */
#home .smart-assistant-copy small{font-size:var(--t-body)!important}   /* كان 9px */
#home .smart-assistant-search button{font-size:var(--t-body)!important}   /* كان 9px */
#home .deadlines-empty{font-size:var(--t-body)!important}   /* كان 9px */
#home .legal-system-grid b{font-size:var(--t-body)!important}   /* كان 10px */
#home .dashboard-primary,
#home .dashboard-secondary{font-size:var(--t-body)!important}   /* كان 10px */
#home .dashboard-welcome p{font-size:var(--t-body)!important}   /* كان 11px */
#home .case-status-item b{font-size:var(--t-lead)!important}   /* كان 10px */
#home .finance-mini-grid b{font-size:var(--t-lead)!important}   /* كان 11px */
#home .smart-assistant-copy b{font-size:var(--t-lead)!important}   /* كان 12px */
#home .dashboard-card > header h2{font-size:var(--t-card)!important}   /* كان 14px */
#home .finance-donut b{font-size:var(--t-section)!important}   /* كان 16px */
#home .dashboard-kpi b{font-size:var(--t-stat)!important}   /* كان 25px */
#home .dashboard-welcome h1{font-size:var(--t-page)!important}   /* كان 26px */
#home .chart-label{font-size:var(--t-label)!important}   /* كان 8px */
#home .chart-value{font-size:var(--t-label)!important}   /* كان 8px */

/* ── الصناديق تتبع نصّها ──
   قِيس بعد رفع المقاس: **18 عنصراً مقصوصاً** عند كل عرض. السبب ليس المقاس
   الجديد بل «height» ثابت فُصِّل على نصّ 9px: زر «قضية جديدة» يحتاج 61px
   ويملك 39، وبطاقة المؤشّر تحتاج 203 وتملك 130. وهذا خلل كامنٌ أصلاً — أي
   لصيقة عربية أطول كانت ستُقصّ اليوم قبل أي تغيير مقاس.
   العلاج مبدئي لا ترقيعي: **الارتفاع أرضية لا سقف**. */
#home button,
#home select,
#home .dashboard-kpi{height:auto!important}
#home .dashboard-primary,
#home .dashboard-secondary{min-height:42px;padding:9px 18px;white-space:nowrap}
#home .dashboard-kpi{min-height:auto}
#home .smart-assistant-search button{min-height:38px;padding:8px 14px;white-space:nowrap}
#home .dashboard-card > header button,
#home .dashboard-card > header select{min-height:34px;padding:6px 12px;white-space:nowrap}
#home .smart-chips button{white-space:nowrap}
#home .legal-system-grid span{height:auto;min-height:36px}
#home .quick-actions-grid button{min-height:96px}

/* ── ثلاثة تجاوزات أحدثها رفع المقاس، قِيست ثم عولجت بقدرها ──
   • لصيقة المحور الأخيرة «أغسطس» تخرج 3px عن يمين المخطّط عند 1440.
   • خليّتا «المحصّل» و«متأخر الاستحقاق» تخرجان 5px عن شبكتهما عند 960.
   (تجاوزا cases-chart وcase-status-legend عند 960 **سابقان** لهذه المرحلة —
    قِيسا على الأساس قبل التعديل ولم تُحدثهما، ويُعالَجان في مرحلتهما.) */
#home .cases-chart{padding-inline:8px}
#home .finance-mini-grid > *{min-width:0}
#home .finance-mini-grid b{overflow-wrap:anywhere}


/* ═══ LEGAL_ARTICLE_SUFFIX — هامش الرقم يتّسع للاحقة ═══
   «المادة مكرر (1)» أطول من «المادة» بثلاثة أضعاف. الهامش كان يتشكّل على
   الكلمة الواحدة، فيقصّ اللاحقة أو يدفع المتن. أرضية عرضٍ ولفٌّ صريح. */
#assistant .lw-folio{min-width:62px;max-width:96px}
#assistant .lw-folio small{white-space:normal;overflow-wrap:anywhere;line-height:1.45}


/* ═══ APP_TYPE_SCALE_SETTINGS — ط-٢: صفحة الإعدادات تنتقل إلى السُلَّم ═══
   قِيس قبل التعديل: 108 عنصر نصّي، ثلاثة عشر مقاساً، 71% دون 12.5px،
   اثنان وثلاثون عنصراً عند 8px وأربعة عند 7px. وعنوان الصفحة وعنوان البطاقة
   كلاهما 14px — فلا تسلسل. القواعد أدناه مستخرجة بالقياس من متصفح فعلي. */
#settings .provider-state{font-size:var(--t-label)!important}   /* كان 7px */
#settings .provider-item-title small{font-size:var(--t-label)!important}   /* كان 8px */
#settings .provider-field > span{font-size:var(--t-label)!important}   /* كان 8px */
#settings .provider-use-default{font-size:var(--t-label)!important}   /* كان 8px */
#settings .provider-saved-key{font-size:var(--t-label)!important}   /* كان 8px */
#settings .provider-actions button span{font-size:var(--t-body)!important}   /* كان 8px */
#settings .provider-active-summary{font-size:var(--t-label)!important}   /* كان 9px */
#settings .provider-security-note span{font-size:var(--t-label)!important}   /* كان 9px */
#settings .provider-saved-key code{font-size:var(--t-label)!important}   /* كان 9px */
#settings .calendar-setting-sample{font-size:var(--t-body)!important}   /* كان 10px */
#settings .settings-head .eyebrow{font-size:var(--t-label)!important}   /* كان 11px */
#settings .settings-kicker{font-size:var(--t-label)!important}   /* كان 11px */
#settings .font-setting-status{font-size:var(--t-label)!important}   /* كان 11px */
#settings .font-choice-grid button span small{font-size:var(--t-label)!important}   /* كان 11px */
#settings .font-live-preview small{font-size:var(--t-label)!important}   /* كان 11px */
#settings .settings-features span{font-size:var(--t-label)!important}   /* كان 11px */
#settings .saudi-theme-preview small{font-size:var(--t-label)!important}   /* كان 11px */
#settings .settings-head p{font-size:var(--t-body)!important}   /* كان 11px */
#settings .settings-card-content p{font-size:var(--t-body)!important}   /* كان 11px */
#settings .font-live-preview span{font-size:var(--t-body)!important}   /* كان 11px */
#settings .notification-actions button{font-size:var(--t-body)!important}   /* كان 11px */
#settings .saudi-theme-actions button span{font-size:var(--t-body)!important}   /* كان 11px */
#settings .workspace-security-open span{font-size:var(--t-body)!important}   /* كان 11px */
#settings .provider-item-title b{font-size:var(--t-lead)!important}   /* كان 12px */
#settings .provider-logo{font-size:var(--t-lead)!important}   /* كان 13px */
#settings .font-choice-grid button span b{font-size:var(--t-lead)!important}   /* كان 14px */
#settings .font-live-preview b{font-size:var(--t-lead)!important}   /* كان 14px */
#settings .settings-card-content h2{font-size:var(--t-card)!important}   /* كان 14px */
#settings .font-choice-mark{font-size:var(--t-card)!important}   /* كان 16px */
#settings .saudi-theme-preview span{font-size:var(--t-card)!important}   /* كان 20px */
#settings .settings-head h1{font-size:var(--t-page)!important}   /* كان 14px */

/* شريط التنبيه يُحقن بالشيفرة داخل بطاقة المزوّدين؛ معرّفه ثابت فيُسمّى به. */
#api-notice-strip b{font-size:var(--t-lead)!important}   /* كان 13.5px */
#api-notice-strip span{font-size:var(--t-body)!important}   /* كان 12.5px */

/* ── الصناديق تتبع نصّها ──
   الدرس نفسه من ط-١: «height» ثابت فُصِّل على نصّ 8px يقصّ لصيقته متى طالت،
   وهو خللٌ كامنٌ أصلاً لا يُحدثه رفع المقاس. الارتفاع أرضية لا سقف. */
#settings button,
#settings select,
#settings input{height:auto!important}
#settings .provider-actions button{min-height:36px;padding:8px 14px}
#settings .provider-use-default{min-height:30px;padding:5px 10px}
#settings .font-choice-grid button{min-height:auto;padding:14px 12px}
#settings .notification-actions button,
#settings .saudi-theme-actions button,
#settings .workspace-security-open{min-height:38px;padding:9px 16px}
#settings .provider-field input,
#settings .provider-field select{min-height:38px}

/* ── الوصف يلتفّ ولا يُقتطع بـ«…» ──
   قِيس قبل وبعد: هذه الأوصاف مضبوطة على سطر واحد بـ«nowrap + ellipsis»،
   فكانت تُقتطع **قبل هذه المرحلة** عند العرض 960 (ستة عناصر) وعند 1180
   (عنصر واحد)، ورفعُ المقاس زادها إلى عشرة وعنصرين. وعند 1440 لا يُقتطع
   شيء في الحالتين.
   والاقتطاع هنا ليس زخرفياً: هذه أوصافُ ما بين خيارين — أيّ خطٍّ أختار،
   وأيّ مزوّدٍ يقرأ ماذا. ونصفُ الجملة خلف «…» يخفي ما يُبنى عليه القرار،
   والتلميح لا يُكتشف بالفأرة وحدها. فالسطر أرضية لا سقف، كالارتفاع. */
#settings .font-choice-grid button > span > small,
#settings .provider-item-title small{
  white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}

/* ── الرقائق والشارات تتّسع لنصّها ── */
#settings .provider-state{padding:3px 9px;white-space:nowrap}
#settings .provider-logo{min-width:38px;min-height:38px;display:inline-flex;
  align-items:center;justify-content:center}
#settings .settings-card-icon{flex:0 0 auto}
#settings .provider-item-title{min-width:0}
#settings .provider-item-title b,
#settings .provider-item-title small{overflow-wrap:anywhere}
#settings .provider-saved-key code{overflow-wrap:anywhere;min-width:0}
#settings .font-choice-grid button > span{min-width:0}


/* ═══ APP_TYPE_SCALE_CHROME — ط-٣: الرموز العامة تنتقل إلى السُلَّم ═══
   قِيس قبل التعديل، على ما هو خارج حاويات .page: ثلاثة وعشرون عنصراً نصّياً،
   تسعة مقاسات، عشرون منها دون 12.5px — ومنها تنقّل التطبيق الأول عند 12px،
   ونصّ الطمأنة «بيانات المكتب محفوظة على جهازك» عند 7px. */
.saas-sidebar .sidebar-foot small{font-size:var(--t-label)!important}   /* كان 7px */
.provider-global-status small{font-size:var(--t-label)!important}   /* كان 7px */
.top .top-icon.bell i{font-size:var(--t-label)!important}   /* كان 7px */
.top .top-context small{font-size:var(--t-label)!important}   /* كان 8px */
.top .user small{font-size:var(--t-label)!important}   /* كان 8px */
.top .search kbd{font-size:var(--t-label)!important}   /* كان 8px */
.saas-sidebar .sidebar-brand small{font-size:var(--t-label)!important}   /* كان 9px */
.saas-sidebar .sidebar-section-label{font-size:var(--t-label)!important}   /* كان 9.5px */
.saas-sidebar .sidebar-foot b{font-size:var(--t-body)!important}   /* كان 9px */
.provider-global-status b{font-size:var(--t-body)!important}   /* كان 8px */
.top .user b{font-size:var(--t-body)!important}   /* كان 10px */
.top .search input{font-size:var(--t-body)!important}   /* كان 11px */
.saas-sidebar .modules button.module .txt{font-size:var(--t-body)!important}   /* كان 12px */
.top .top-context b{font-size:var(--t-body)!important}   /* كان 12px */
.top .user .avatar{font-size:var(--t-lead)!important}   /* كان 13px */
.saas-sidebar .sidebar-brand strong{font-size:var(--t-lead)!important}   /* كان 14px */
.saas-sidebar .sidebar-brand .brandmark{font-size:var(--t-lead)!important}   /* كان 17px */

/* ── الصناديق تتبع نصّها ──
   الشريط العلوي والأزرار الجانبية مضبوطة على ارتفاعات فُصِّلت على نصّ 8-12px.
   الارتفاع أرضية لا سقف، وإلا قصّ الشريطُ ما كبر من نصّه. */
.top,
.saas-sidebar .modules button.module,
.top .actions button,
.top .search{height:auto!important}
.top{min-height:60px}
.saas-sidebar .modules button.module{min-height:42px}
.top .actions button.top-icon{min-width:38px;min-height:38px}
.top .search{min-height:40px}
.top .search kbd{padding:3px 8px;white-space:nowrap}
.provider-global-status{min-height:38px;padding:6px 12px}
.top .top-icon.bell i{min-width:18px;min-height:18px;display:inline-flex;
  align-items:center;justify-content:center;line-height:1}
.top .user .avatar{min-width:38px;min-height:38px}
.saas-sidebar .sidebar-brand .brandmark{min-width:40px;min-height:40px}

/* ── ولا يُقصّ نصٌّ ولا يُدفع جاره ── */
.top .top-context,
.top .user > div,
.provider-global-status > span,
.saas-sidebar .modules button.module .txt{min-width:0}
.top .top-context b,
.top .top-context small,
.top .user b,
.top .user small{overflow-wrap:anywhere}


/* ═══ APP_TYPE_SCALE_CLIENTS — ط-٤: سجلّ الموكلين ينتقل إلى السُلَّم ═══
   قِيس على صفحة **مأهولة** ببيانات مصطنعة في المختبر — لا على صفحة فارغة:
   113 عنصراً نصّياً، سبعة مقاسات، 112 منها دون 12.5px (99%).
   واسم الموكل — أهمّ نصٍّ في الصفحة — كان 11px، وأيقونته 12px. */
#clients .client-type-badge{font-size:var(--t-label)!important}   /* كان 7px */
#clients .client-updated{font-size:var(--t-label)!important}   /* كان 7px */
#clients .client-list-header span{font-size:var(--t-label)!important}   /* كان 8px */
#clients .client-view-tabs button b{font-size:var(--t-label)!important}   /* كان 8px */
#clients .client-status{font-size:var(--t-label)!important}   /* كان 11px */
#clients .client-info-line.muted small{font-size:var(--t-label)!important}   /* كان 11px */
#clients .client-row-stats .client-stat small{font-size:var(--t-label)!important}   /* كان 11px */
#clients .head .eyebrow{font-size:var(--t-label)!important}   /* كان 11px */
#clients .client-count-note{font-size:var(--t-label)!important}   /* كان 11px */
#clients .client-info-line b{font-size:var(--t-body)!important}   /* كان 9px */
#clients .head p{font-size:var(--t-body)!important}   /* كان 11px */
#clients .client-add span{font-size:var(--t-body)!important}   /* كان 11px */
#clients .client-view-tabs button span{font-size:var(--t-body)!important}   /* كان 11px */
#clients .client-name-line b{font-size:var(--t-lead)!important}   /* كان 11px */
#clients .client-row-stats .client-stat b{font-size:var(--t-lead)!important}   /* كان 10px */
#clients .client-avatar{font-size:var(--t-body)!important}   /* كان 12px */
#clients .head h1{font-size:var(--t-page)!important}   /* كان 14px */

/* ── الصناديق تتبع نصّها ── */
#clients button,
#clients select,
#clients input{height:auto!important}
#clients .client-view-tabs button{min-height:36px;padding:7px 13px;white-space:nowrap}
#clients .client-primary-actions button{min-height:40px;padding:9px 16px;white-space:nowrap}
#clients .client-avatar{min-width:44px;min-height:44px;display:flex;
  align-items:center;justify-content:center}
#clients .client-type-badge,
#clients .client-status{padding:3px 9px;white-space:nowrap}
#clients .client-row-stats .client-stat{min-height:auto}
#clients .client-filters select,
#clients .client-filters input{min-height:38px}

/* ── اسم الموكل يلتفّ ولا يُقتطع ──
   قِيس قبل وبعد، على خمسة عروض: الاسم مضبوط على سطر واحد بـ«nowrap +
   ellipsis»، ولم يكن يُقتطع عند أيٍّ منها قبل هذه المرحلة. ورفعُه من 11 إلى
   18 يقتطع **الأسماء الخمسة كلها عند 1280px** — وهو عرضٌ شائع.
   واسم الموكل أهمّ نصٍّ في الصفحة؛ سطرٌ ثانٍ أهون من نصف اسم. */
#clients .client-name-line{flex-wrap:wrap}
#clients .client-name-line b{white-space:normal;overflow:visible;
  text-overflow:clip;overflow-wrap:anywhere}

/* ── ولا يُقصّ اسمٌ ولا رقم ── */
#clients .client-main-copy,
#clients .client-contact,
#clients .client-id-meta,
#clients .client-info-line{min-width:0}
#clients .client-name-line b,
#clients .client-info-line b,
#clients .client-info-line.muted small{overflow-wrap:anywhere}


/* ═══ APP_TYPE_SCALE_HOME_ROWS — ط-٥: صفوف «آخر القضايا» التي أخفتها اللوحة الفارغة ═══
   قِيست اللوحة في ط-١ فارغةً فبدت خاليةً من أي نصٍّ دون الأرضية. وصفٌّ من
   البيانات المصطنعة كشف عشرين عنصراً دون 12.5px في قائمة «آخر القضايا»،
   لأنها لا تُرسم إلا إذا وُجدت قضايا. */
#home .case-status-pill{font-size:var(--t-label)!important}   /* كان 7px */
#home .recent-case-row small{font-size:var(--t-label)!important}   /* كان 8px */
#home .recent-case-row time{font-size:var(--t-label)!important}   /* كان 8px */
#home .recent-case-row b{font-size:var(--t-body)!important}   /* كان 9px */

/* ── الصفّ يتبع نصّه ──
   عنوان القضية ورقمها كانا مضبوطين على سطر واحد بـ«nowrap + ellipsis» عند
   9px و8px. ورفعُهما يقتطعهما، وعنوان القضية موضوعُ الصفّ لا حاشيته. */
#home .recent-case-row b,
#home .recent-case-row small{white-space:normal;overflow:visible;
  text-overflow:clip;overflow-wrap:anywhere}
#home .recent-case-row{min-height:auto;align-items:start}
#home .recent-case-row time{white-space:nowrap;flex:0 0 auto}
#home .case-status-pill{padding:3px 9px;white-space:nowrap}


/* ═══ CLIENT_RECORD_V2 — م-١: سجلّ الموكل بعمودين ═══
   قِيس قبل التصميم على ملفٍ فيه ثلاث قضايا: شريط تبويب 119px مكسور بأربعة
   تبويبات في ثلاثة أعمدة · ثلاث لغات بصرية · 348px بياضاً مفروضاً بالقاعدة
   لا بالمحتوى · ثمانية حقول اتصال في صناديق مُوسَّطة · صفّ قضية بلا أعمدة
   وعنوانه 10px. القواعد أدناه على البنية القائمة — لا سطر في الشيفرة. */

/* ── ١) الهيكل: عمود هويّة ثابت ومساحة عمل ── */
#client-details-body .client-workspace-layout{
  grid-template-columns:min(320px,32%) minmax(0,1fr)!important;
  gap:16px!important;padding-top:12px!important;align-items:start}
#client-details-body .client-workspace-rail{gap:12px!important;position:sticky;top:0}

/* ── ٢) بطاقة الهويّة: لغة واحدة، لا تدرّج ولا لون غريب ──
   التدرّج الأزرق كان الهويّة الثالثة في شاشة واحدة. اللون يعود دلالةً في
   الرقاقة وحدها، والسطح يصير سطح التطبيق. */
#client-details-body .client-workspace-hero{
  padding:16px!important;border:1px solid var(--line,var(--sys-separator))!important;border-radius:16px!important;
  background:var(--sys-surface)!important;color:var(--text,#1d1d1f)!important;
  box-shadow:0 1px 2px rgba(23,52,93,.04)!important}
#client-details-body .client-workspace-identity{display:flex;align-items:center;gap:12px}
#client-details-body .client-workspace-avatar{
  width:48px!important;height:48px!important;border-radius:14px!important;
  background:#eef2f7!important;color:var(--pal-navy)!important;font-size:var(--t-lead)!important}
/* اسم الموكل كان **أبيض على أبيض** بعد إلغاء التدرّج: قاعدة
   «.client-workspace-identity h3{color:#fff}» أخصُّ من لون البطاقة، فلا يرثه.
   وهذا خللٌ لا يظهر في أي عدّاد — العنصر موجود ومقاسه صحيح ولا يُقرأ.
   وُجد بقياس اللون المحسوب لا بالنظر إلى اللقطة. */
#client-details-body .client-workspace-hero h3,
#client-details-body .client-workspace-identity h3{
  margin:0!important;color:var(--text,#1d1d1f)!important;
  font-size:var(--t-card)!important;line-height:1.35;overflow-wrap:anywhere}
#client-details-body .client-workspace-hero p{
  margin:3px 0 0!important;color:var(--text2,#60605f)!important;font-size:var(--t-label)!important}
#client-details-body .client-workspace-tags{
  display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#client-details-body .client-workspace-tags span{
  padding:3px 10px;border-radius:999px;background:#eef2f7;color:#3d5a80;
  font-size:var(--t-label)!important;font-weight:700}

/* أفعال الهويّة: صفٌّ واحد من أزرار نصّية، لا شبكة بنسب غريبة. */
#client-details-body .client-hero-actions{
  display:flex!important;flex-wrap:wrap;gap:7px;margin-top:14px!important;
  padding-top:13px;border-top:1px solid var(--line,var(--sys-separator))}
#client-details-body .client-hero-actions button{
  flex:1 1 auto;min-height:36px;height:auto!important;padding:7px 12px;
  border:1px solid var(--line,var(--sys-separator))!important;border-radius:10px;
  background:var(--sys-surface)!important;color:#3d5a80!important;
  font-size:var(--t-label)!important;white-space:nowrap}
#client-details-body .client-hero-actions button:hover{background:#f6f8fb!important}

/* ── ٣) بيانات الاتصال: قائمة تعريف لا صناديق ──
   ثمانية حقول كانت تشغل ثمانية صناديق مؤطَّرة بنصٍّ مُوسَّط. البيانات
   المتراصّة تُقرأ بالمسح العمودي، والتوسيط يكسر حافّة المسح. */
#client-details-body .client-workspace-contact{
  padding:0!important;border:1px solid var(--line,var(--sys-separator));border-radius:16px;background:var(--sys-surface);
  overflow:hidden;gap:0!important}
#client-details-body .client-contact-heading{
  display:flex;align-items:center;gap:8px;padding:11px 14px;
  border-bottom:1px solid var(--line,var(--sys-separator));background:var(--sys-bg);
  color:var(--text2,#60605f);font-size:var(--t-label)!important;font-weight:700}
#client-details-body .client-contact-grid{
  display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important}
/* صفٌّ واحد لكل حقل: اللصيقة في أوّل السطر والقيمة في آخره.
   جُرّب عمودان أوّلاً فانكسر البريد في منتصفه («lab0@example.invali / d»)،
   ثم جُرّب تمديد الحقول اللاتينية إلى عرض الصفّ فتركت فجوةً في العمود المجاور
   لأن تدفّق الشبكة يدفع تاليها إلى العمود الثاني. والصفّ الواحد يحلّ
   الاثنين: كل قيمة تجد عرضها، ولا فجوة، والمحاذاة عمودٌ واحد تمسحه العين. */
#client-details-body .client-contact-grid>div{
  min-height:0!important;display:flex!important;
  /* القاعدة الأصلية كانت flex-direction:column، وهي ترث إن لم تُصرَّح —
     فتُكدَّس اللصيقة فوق قيمتها ويرتفع الصفّ إلى ضعفه. */
  flex-direction:row!important;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;
  gap:14px;text-align:start!important;
  padding:9px 14px!important;border:0!important;border-radius:0!important;background:transparent!important;
  border-top:1px solid #f0f3f7!important}
#client-details-body .client-contact-grid>div:first-child{border-top:0!important}
#client-details-body .client-contact-grid small{
  flex:0 0 auto;margin:0!important;color:var(--text3,#8a8885);
  font-size:var(--t-label)!important;font-weight:600}
#client-details-body .client-contact-grid b{
  min-width:0;text-align:end;color:var(--text,#1d1d1f);
  font-size:var(--t-body)!important;font-weight:700;overflow-wrap:break-word}

/* ── ٤) شريط التبويب: سطر واحد، أربعة أعمدة، والنشط بخطٍّ سفلي ──
   كان أربعة تبويبات في «repeat(3,1fr)» فيسقط الرابع إلى صفٍّ ثانٍ. والخط
   السفلي يشير إلى المحتوى تحته؛ والصندوق يشير إلى نفسه. */
#client-details-body .client-workspace-unified{
  min-height:0!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(23,52,93,.04)!important}
#client-details-body .client-workspace-toolbar{
  display:flex!important;align-items:stretch;gap:0!important;padding:0!important;
  border-bottom:1px solid var(--line,var(--sys-separator))!important;background:var(--sys-surface)!important}
#client-details-body .client-workspace-toolbar .client-workspace-tabs{
  order:1;flex:1 1 auto;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;padding:0!important;background:transparent!important;border:0!important}
#client-details-body .client-workspace-toolbar .client-workspace-tabs button{
  height:auto!important;min-height:46px;display:inline-flex!important;
  align-items:center;justify-content:center;gap:8px;
  padding:11px 10px!important;border:0!important;border-radius:0!important;
  border-bottom:2px solid transparent!important;background:transparent!important;
  color:var(--text2,#60605f)!important;font-size:var(--t-body)!important;font-weight:700;
  text-align:center!important;box-shadow:none!important;white-space:nowrap;transition:background var(--dur-fast) ease,border-bottom-color var(--dur-fast) ease,color var(--dur-fast) ease}
#client-details-body .client-workspace-toolbar .client-workspace-tabs button:hover{
  background:var(--sys-bg)!important;color:var(--text,#1d1d1f)!important}
#client-details-body .client-workspace-toolbar .client-workspace-tabs button.active,
#client-details-body .client-workspace-toolbar .client-workspace-tabs button[aria-selected="true"]{
  border-bottom-color:var(--pal-navy)!important;color:var(--pal-navy)!important;background:transparent!important}
/* الوصف الثانوي حشوٌ يعرفه القارئ: «ملفات القضايا» تحت «القضايا». */
#client-details-body .client-workspace-toolbar .client-workspace-tabs button small{display:none!important}
#client-details-body .client-workspace-tab-icon{
  grid-row:auto!important;width:18px!important;height:18px!important;opacity:.85;filter:none!important}

/* زرّ طيّ البيانات ليس تبويباً: يخرج من صفّها إلى طرف الشريط. */
#client-details-body .client-workspace-toolbar .client-rail-toggle{
  order:2;flex:0 0 auto;height:auto!important;min-height:46px;
  display:inline-flex;align-items:center;gap:7px;padding:0 14px!important;
  border:0!important;border-inline-start:1px solid var(--line,var(--sys-separator))!important;border-radius:0!important;
  background:#fbfcfd!important;color:var(--text2,#60605f)!important;
  font-size:var(--t-label)!important;white-space:nowrap}
#client-details-body .client-workspace-toolbar .client-rail-toggle:hover{
  background:#f2f5f9!important;color:var(--pal-navy)!important}

/* ── ٥) رأس القسم وأدوات التصفية: سطرٌ لكلٍّ منهما ── */
#client-details-body .client-workspace-pane{min-height:0!important;padding:16px!important}
#client-details-body .client-cases-head{gap:14px!important;flex-wrap:wrap}
#client-details-body .client-cases-head h3{font-size:var(--t-card)!important;line-height:1.3}
#client-details-body .client-cases-head small{
  display:block;margin-top:2px;color:var(--text3,#8a8885);font-size:var(--t-label)!important}
#client-details-body .client-cases-head .primary,
#client-details-body .client-document-head-actions button{
  height:auto!important;min-height:38px;padding:9px 15px!important;
  font-size:var(--t-body)!important;white-space:nowrap}
#client-details-body .case-filters{
  grid-template-columns:minmax(0,1fr) 168px!important;gap:9px!important;margin-top:14px!important}
#client-details-body .case-filters input,
#client-details-body .case-filters select{
  height:auto!important;min-height:40px;padding:0 13px!important;
  border-radius:10px!important;font-size:var(--t-body)!important;font-weight:600!important}

/* ── ٦) صفّ القضية جدولٌ حقيقي ──
   كان: عنوان يميناً، أزرار يساراً، وعدّاد عائم بلا محاذاة. صار ثلاثة أعمدة
   محاذاة، وفواصل شعرية، وحالة تمرير تدلّ على أن الصفّ قابل للفعل. */
#client-details-body .case-list{margin-top:14px;border:1px solid var(--line,var(--sys-separator));border-radius:13px;overflow:hidden}
#client-details-body .case-row{
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:14px!important;align-items:center!important;padding:13px 15px!important;
  border-top:1px solid #f0f3f7!important;transition:background .12s}
#client-details-body .case-row:hover{background:var(--sys-bg)}
#client-details-body .case-row-main b{
  font-size:var(--t-body)!important;white-space:normal!important;overflow:visible!important;
  text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.4}
#client-details-body .case-row-main small{
  display:block;margin-top:3px;color:var(--text3,#8a8885);font-size:var(--t-label)!important;line-height:1.5}
/* حالة القضية رقاقة، فتُميَّز بالنظرة لا بالقراءة. */
#client-details-body .case-row-main small>span{
  display:inline-block;padding:1px 8px;margin:0 2px;border-radius:999px;
  background:#eef2f7;color:#3d5a80;font-weight:700}
#client-details-body .case-document-count{
  grid-column:auto!important;padding:3px 9px;border-radius:999px;
  background:#f4f0fb;color:#6d28d9;font-size:var(--t-label)!important}
#client-details-body .case-row-actions{gap:6px!important}
#client-details-body .case-row-actions button{
  width:auto!important;height:auto!important;min-width:34px;min-height:34px;
  padding:6px 9px!important;border-radius:9px!important;font-size:var(--t-label)!important}
#client-details-body .case-row-actions button.upload{padding:6px 12px!important;gap:6px}

/* ── ٧) الحالة الفارغة تملأ مكان القائمة لا الشاشة ── */
#client-details-body .case-empty{padding:34px 16px!important;text-align:center}
#client-details-body .case-empty b{display:block;font-size:var(--t-body)!important}
#client-details-body .case-empty span{
  display:block;margin-top:5px;color:var(--text3,#8a8885);font-size:var(--t-label)!important}

/* ── ٨) الملخّص الداخلي: بطاقة هادئة لا لوح أزرق ── */
#client-details-body .client-detail-section.summary{
  padding:14px 16px!important;border:1px solid var(--line,var(--sys-separator))!important;border-radius:14px!important;
  background:var(--sys-surface)!important}
#client-details-body .client-detail-section.summary b{font-size:var(--t-label)!important;color:var(--text3,#8a8885)}
#client-details-body .client-detail-section.summary p{
  margin:5px 0 0!important;font-size:var(--t-body)!important;line-height:1.65;color:var(--text,#1d1d1f)}

/* ── ٩) بقيّة النافذة: ما لم تبلغه مراحل السُلَّم ──
   قِيس داخل النافذة بعد إعادة التصميم: **ستة عشر عنصراً دون 12.5px**، كلها
   خارج ما شملته المراحل السابقة لأنها تُنسَب إلى #clients لا إلى النافذة.
   ومنها ترويسة النافذة وأزرارها السفلية ولوحة الأتعاب كاملة. */
#client-details-body .client-finance-dashboard{
  border:1px solid var(--line,var(--sys-separator))!important;border-radius:16px!important;background:var(--sys-surface)!important}
#client-details-body .client-finance-title small,
#client-details-body .client-finance-empty,
#client-details-body .client-finance-metric small,
#client-details-body .client-finance-badge,
#client-details-body .client-finance-badge b{font-size:var(--t-label)!important}
#client-details-body .client-finance-metric b{font-size:var(--t-lead)!important}
#client-details-body .client-finance-metric{min-height:0!important;padding:10px 12px!important}
#client-details-body .client-finance-empty{padding:12px 14px!important;line-height:1.6}

#client-details-modal .client-modal-card>header p{font-size:var(--t-label)!important}
#client-details-modal .client-details-actions button,
#client-details-modal .client-details-actions button span{font-size:var(--t-body)!important}
#client-details-modal .client-details-actions button{
  height:auto!important;min-height:40px;padding:9px 16px!important}

/* ── ٩) عند ضيق الشاشة يصير العمودان عموداً واحداً ── */
@media(max-width:1080px){
  #client-details-body .client-workspace-layout{grid-template-columns:minmax(0,1fr)!important}
  #client-details-body .client-workspace-rail{position:static}
  /* قِيس عند 960: عمود الهويّة يصير شريطاً بعمودين ارتفاعه 808px قبل أن تبدأ
     مساحة العمل — أي أن المحامي يمرّر بيانات التعريف كلها ليبلغ قضاياه.
     ومساحة العمل هي المقصودة، فتتقدّم؛ والهويّة تحتها لمن أرادها. */
  #client-details-body .client-workspace-main{order:-1}
}
@media(max-width:720px){
  #client-details-body .client-contact-grid{grid-template-columns:1fr!important}
  #client-details-body .client-contact-grid>div:nth-child(odd){border-inline-start:0!important}
  #client-details-body .client-contact-grid>div:nth-child(2){border-top:1px solid #f0f3f7!important}
  #client-details-body .case-filters{grid-template-columns:minmax(0,1fr)!important}
}


/* ═══ CLIENT_RAIL_STAYS — ص-١: الطيّ يعمل حين يُطلب، ولا يقع تلقائياً ═══
   م-١ ثبّتت شبكة السجلّ بـ!important، فغلبت قاعدة الطيّ التي لا !important
   فيها: يُخفى عمود الهويّة وتبقى الشبكة عمودين، فتسقط مساحة العمل في خانة
   الـ320px — وهو «تصغُر اللوحة بشكل غريب». تُعاد الأولوية بمساواة الوزن. */
#client-details-body .client-workspace-layout.client-rail-collapsed{
  grid-template-columns:minmax(0,1fr)!important;gap:0!important}
#client-details-body .client-workspace-layout.client-rail-collapsed>.client-workspace-rail{
  display:none!important}


/* ═══ SAUDI_CLAY_IDENTITY — م-٢: هوية الطين الناعم على سطح الموكلين ═══
   الشكل من الملف المرفوع (ظلٌّ مزدوج · حوافٌّ واسعة · حدٌّ أبيض شفّاف ·
   غائرٌ لغير النشط)، واللون من اللوحة السعودية المعتمدة، والخطّ Cairo
   المُنزَّل محلياً بدل Tajawal الذي يُجلب من الشبكة. */

/* ── الخطّ: Cairo من القرص، لا من الشبكة ── */
@font-face{font-family:"Cairo";font-style:normal;font-weight:400;font-display:swap;
  src:url("/fonts/vendor/cairo-arabic-400-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Cairo";font-style:normal;font-weight:700;font-display:swap;
  src:url("/fonts/vendor/cairo-arabic-700-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Cairo";font-style:normal;font-weight:800;font-display:swap;
  src:url("/fonts/vendor/cairo-arabic-800-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Cairo";font-style:normal;font-weight:400;font-display:swap;
  src:url("/fonts/vendor/cairo-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF}
@font-face{font-family:"Cairo";font-style:normal;font-weight:700;font-display:swap;
  src:url("/fonts/vendor/cairo-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF}

/* ── رموز اللغة: الشكل من الملف، القيم من اللوحة السعودية ── */
#clients,
#client-details-modal{
  /* CLAY_SYS_85: الأسماء تبقى ليقرأها ثمانون استعمالاً، والقيم تصير رموز
     النظام. والنحت يزول: العمق في نظام آبل حافةٌ شعرية وظلٌّ من الأعلى، لا
     ضوءٌ أبيض من جهةٍ وظلٌّ من الجهة المقابلة. */
  --sc-ground:var(--sys-bg);
  --sc-card:var(--sys-surface);
  --sc-edge:var(--sys-hairline);
  --sc-dark:rgba(0,0,0,.04);
  --sc-lift:var(--sys-shadow);
  --sc-lift-sm:0 0 0 1px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.06),0 6px 14px -6px rgba(0,0,0,.10);
  /* الغائر كان نحتاً، وصار **حشوةً** — وهي طريقة آبل في تمييز الخامل:
     ظلٌّ داخليٌّ بانتشارٍ يملأ العنصر بلون الحشو، فلا تُمسّ قاعدةٌ واحدة. */
  --sc-sink:inset 0 0 0 999px var(--sys-fill);
  --sc-accent:var(--sys-accent);
  --sc-accent2:var(--sys-ink-2);
  --sc-ink:var(--sys-ink);
  --sc-ink2:var(--sys-ink-2);
  --sc-r:var(--sys-radius);
  font-family:"Cairo","Dubai",system-ui,sans-serif}
#clients :where(h1,h2,h3,b,strong,button,span,small,p,input,select,textarea,label,li,td,th,time,i,em,code),
#client-details-modal :where(h1,h2,h3,b,strong,button,span,small,p,input,select,textarea,label,li,td,th,time,i,em,code){
  font-family:inherit}

/* ── الأرضية والبطاقات ── */
#clients{background:var(--sc-ground)}
#clients .card,
#clients .client-command-bar,
#clients .client-registry{
  border:1px solid var(--sc-edge)!important;border-radius:var(--sc-r)!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-lift)!important}
#clients .head h1{color:var(--sc-ink)}
#clients .head .eyebrow{color:var(--sc-accent2);letter-spacing:normal}
#clients .head p{color:var(--sc-ink2)}

/* ── التبويبات العلوية: غائرةٌ حتى تُختار، فترتفع بلون جمل ──
   الملف يميّز النشط بلونٍ مصمت والخامل بظلٍّ غائر. هذا هو المأخوذ. */
#clients .client-view-tabs button{
  border:1px solid transparent!important;border-radius:14px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-sink)!important;
  color:var(--sc-ink2)!important;transition:background var(--dur-state) ease,border-color var(--dur-state) ease,box-shadow var(--dur-state) ease,color var(--dur-state) ease}
#clients .client-view-tabs button:hover{color:var(--sc-ink)!important}
#clients .client-view-tabs button.active,
#clients .client-view-tabs button[aria-selected="true"]{
  background:var(--sc-accent)!important;color:var(--sys-on-fill)!important;
  border-color:transparent!important;box-shadow:var(--sc-lift-sm)!important}
#clients .client-view-tabs button.active b,
#clients .client-view-tabs button[aria-selected="true"] b{
  background:rgba(0,0,0,.2)!important;color:var(--sys-on-fill)!important}
#clients .client-view-tabs button b{
  padding:1px 8px;border-radius:999px;background:rgba(0,113,227,.14);color:var(--sc-accent2)}
#clients .client-view-tabs button .app-icon{color:currentColor}

/* ── الفعل الأوّل مرفوع، والحقول غائرة ── */
#clients .client-primary-actions .primary{
  border:1px solid transparent!important;border-radius:14px!important;
  background:var(--sc-accent)!important;color:var(--sys-on-fill)!important;box-shadow:var(--sc-lift-sm)!important}
#clients .client-primary-actions .primary:hover{background:#0062C4!important}
#clients .client-filters input,
#clients .client-filters select{
  border:1px solid transparent!important;border-radius:13px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-sink)!important;color:var(--sc-ink)!important}
#clients .client-filters input:focus,
#clients .client-filters select:focus{outline:2px solid rgba(0,113,227,.45);outline-offset:1px}

/* ── صفّ الموكل: بطاقة مرفوعة تعلو عند المرور ── */
#clients .clients-list{border:0!important;background:transparent!important;display:grid;gap:10px}
#clients .client-list-header{
  border:0!important;background:transparent!important;padding:2px 14px 0!important;
  color:var(--sc-ink2)!important}
#clients .client-row{
  border:1px solid var(--sc-edge)!important;border-radius:18px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-lift-sm)!important;
  transition:transform .16s, box-shadow .16s}
#clients .client-row:hover{transform:translateY(-2px);box-shadow:var(--sc-lift)!important}
#clients .client-avatar{
  border-radius:16px!important;background:rgba(0,113,227,.16)!important;color:var(--sc-accent2)!important;
  box-shadow:var(--sc-sink)!important}
#clients .client-name-line b{color:var(--sc-ink)!important}
#clients .client-type-badge{
  background:rgba(0,0,0,.14)!important;color:var(--sc-accent2)!important;border:0!important}
#clients .client-status{background:rgba(0,113,227,.16)!important;color:#0058B0!important;border:0!important}
#clients .client-row-stats .client-stat{
  border:1px solid transparent!important;border-radius:14px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-sink)!important}
#clients .client-row-stats .client-stat b{color:var(--sc-accent2)!important}
#clients .client-row-actions button{
  border:1px solid var(--sc-edge)!important;border-radius:12px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-lift-sm)!important;color:var(--sc-ink2)!important}
#clients .client-row-actions button:hover{color:var(--sc-accent)!important}

/* ── ضبط الأعمدة: الاسم يأخذ عرضه، والمؤشّرات تنكمش ──
   قِيس عند 1440: عمود الهويّة 282px، فاسمٌ من ثلاث كلمات يلتفّ سطرين ثم تنزل
   تحته الشارة والحالة والوسوم — خمسة أسطر في عمودٍ ضيّق. وعمود المؤشّرات
   265px لأربع بطاقات صغيرة. فيُنقل العرض من الثاني إلى الأول.
   والترويسة والصفّ يتغيّران معاً، وإلا انفكّت المحاذاة — وهي مقيسة: فرق
   الحافّتين 1.7px قبل التعديل، ويجب أن يبقى كذلك بعده. */
#clients .client-list-header,
#clients .client-real-row{
  /* لا «auto» في عمودٍ مشترك بين شبكتين: auto يقيس محتواه، ومحتوى الترويسة
     لصيقةٌ قصيرة ومحتوى الصفّ أربع رقائق — فينفكّ العمودان. جُرِّب فانفكّا
     (412 مقابل 250). القيم كلها مستقلّة عن المحتوى. */
  grid-template-columns:minmax(250px,1.5fr) minmax(160px,.82fr) minmax(150px,.78fr) minmax(190px,1fr) 112px!important}
#clients .client-name-line{gap:8px}
#clients .client-name-line b{flex:1 1 100%;min-width:0}
#clients .client-row-stats{display:flex!important;flex-wrap:wrap;gap:7px!important;justify-content:flex-end}
#clients .client-row-stats .client-stat{
  display:inline-flex!important;align-items:baseline;gap:5px;
  min-width:0!important;padding:5px 11px!important;border-radius:999px!important}
#clients .client-row-stats .client-stat b{font-size:var(--t-body)!important}
#clients .client-row-stats .client-stat small{font-size:var(--t-label)!important}

/* ── شريط التبويبات يتمرّر، ويُعلن أنه يتمرّر ──
   قِيس: عرضه الفعلي 1223px والمرئي 943 — أي أن تبويبين خارج النظر. وهو شريط
   متمرّر بالتصميم (overflow-x:auto)، لكنّ المتمرّر الذي لا يبدو متمرّراً
   يُقرأ مقصوصاً. فتُضيَّق الحشوة، ويُوضع تلاشٍ عند الحافّة يدلّ على البقية. */
#clients .client-view-tabs button{padding:6px 11px!important;gap:6px!important}
#clients .client-view-tabs{
  position:relative;
  -webkit-mask-image:linear-gradient(to left,#000 calc(100% - 26px),transparent 100%);
  mask-image:linear-gradient(to left,#000 calc(100% - 26px),transparent 100%)}
#clients .client-view-tabs::-webkit-scrollbar{height:6px}
#clients .client-view-tabs::-webkit-scrollbar-thumb{
  border-radius:999px;background:rgba(0,0,0,.35)}

/* «آخر تحديث …» كان يُقتطع بعد أن ضاق عموده (197px ← 177px) لصالح عمود
   الاسم. وهو تاريخٌ لا لصيقة، ونصفُ تاريخٍ خلف «…» لا يفيد. فيلتفّ سطرين. */
#clients .client-updated{
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.5}

/* وسوم الموكل كانت 11px — دون أرضية السُلَّم، ولم تبلغها المرحلة 65 لأنها
   لا تظهر إلا لموكلٍ له وسوم. */
#clients .client-row-tags span{font-size:var(--t-label)!important;
  padding:2px 9px;border-radius:999px;background:rgba(0,0,0,.13)!important;color:var(--sc-accent2)!important}

/* ── وعند ضيق العرض تنطوي الأعمدة ──
   قِيس عند 1180: مجموع الحدود الدنيا للأعمدة الخمسة 862px وبينها فواصل،
   فيتجاوز الصفُّ حاويته بـ54px. والصفّ الذي يتجاوز حاويته يُقصّ أو يُخرج
   شريط تمرير أفقياً للصفحة كلها. فتنطوي الأعمدة الأقلّ إلحاحاً أوّلاً:
   بيانات الملف ثم التواصل — ويبقى الاسم والمؤشّرات والإجراءات. */
@media(max-width:1300px){
  #clients .client-list-header,
  #clients .client-real-row{
    grid-template-columns:minmax(220px,1.6fr) minmax(150px,.85fr) minmax(170px,1fr) 108px!important}
  #clients .client-list-header>span:nth-child(3),
  #clients .client-real-row>.client-id-meta{display:none!important}
}
@media(max-width:1080px){
  #clients .client-list-header,
  #clients .client-real-row{
    grid-template-columns:minmax(200px,1.7fr) minmax(160px,1fr) 108px!important}
  #clients .client-list-header>span:nth-child(2),
  #clients .client-real-row>.client-contact{display:none!important}
}

/* ── نافذة السجلّ: اللغة نفسها ── */
#client-details-modal .client-modal-card{background:var(--sc-ground)!important}
#client-details-body .client-workspace-hero,
#client-details-body .client-workspace-contact,
#client-details-body .client-workspace-unified,
#client-details-body .client-finance-dashboard,
#client-details-body .client-detail-section.summary{
  border:1px solid var(--sc-edge)!important;border-radius:var(--sc-r)!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-lift)!important}
#client-details-body .client-workspace-avatar{
  background:rgba(0,113,227,.16)!important;color:var(--sc-accent2)!important;
  box-shadow:var(--sc-sink)!important}
#client-details-body .client-workspace-tags span{
  background:rgba(0,0,0,.14)!important;color:var(--sc-accent2)!important}
#client-details-body .client-hero-actions button{
  border:1px solid var(--sc-edge)!important;border-radius:13px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-lift-sm)!important;color:var(--sc-ink2)!important}
#client-details-body .client-hero-actions button:hover{color:var(--sc-accent)!important}
#client-details-body .client-contact-heading{
  background:transparent!important;border-bottom:1px solid rgba(0,0,0,.16)!important;
  color:var(--sc-ink2)!important}
#client-details-body .client-contact-grid>div{border-top-color:rgba(0,0,0,.14)!important}
#client-details-body .client-contact-grid b{color:var(--sc-ink)!important}

/* التبويب الداخلي: الخطّ السفلي يصير بلون جمل، والشريط على سطح البطاقة. */
#client-details-body .client-workspace-toolbar{
  background:transparent!important;border-bottom:1px solid rgba(0,0,0,.18)!important}
#client-details-body .client-workspace-toolbar .client-workspace-tabs button{color:var(--sc-ink2)!important}
#client-details-body .client-workspace-toolbar .client-workspace-tabs button:hover{
  background:rgba(0,113,227,.07)!important;color:var(--sc-ink)!important}
#client-details-body .client-workspace-toolbar .client-workspace-tabs button.active,
#client-details-body .client-workspace-toolbar .client-workspace-tabs button[aria-selected="true"]{
  border-bottom-color:var(--sc-accent)!important;color:var(--sc-accent2)!important}
#client-details-body .client-workspace-toolbar .client-rail-toggle{
  background:transparent!important;border-inline-start-color:rgba(0,0,0,.18)!important;
  color:var(--sc-ink2)!important}
#client-details-body .client-workspace-toolbar .client-rail-toggle:hover{
  background:rgba(0,113,227,.08)!important;color:var(--sc-accent2)!important}

/* ── جدول القضايا داخل السجلّ ── */
#client-details-body .case-list{
  border:1px solid rgba(0,0,0,.18)!important;border-radius:16px!important;background:transparent!important}
#client-details-body .case-row{border-top-color:rgba(0,0,0,.14)!important}
#client-details-body .case-row:hover{background:rgba(0,113,227,.05)!important}
#client-details-body .case-row-main b{color:var(--sc-ink)!important}
#client-details-body .case-row-main small>span{
  background:rgba(0,0,0,.14)!important;color:var(--sc-accent2)!important}
#client-details-body .case-document-count{
  background:rgba(133,107,154,.14)!important;color:#6B5480!important}
#client-details-body .case-row-actions button,
#client-details-body .case-filters input,
#client-details-body .case-filters select{
  border:1px solid transparent!important;border-radius:12px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-sink)!important;color:var(--sc-ink2)!important}
#client-details-body .client-cases-head .primary{
  border:1px solid transparent!important;border-radius:13px!important;
  background:var(--sc-accent)!important;color:var(--sys-on-fill)!important;box-shadow:var(--sc-lift-sm)!important}

/* ══ المفكرة ══
   كانت بلغتين غريبتين عن الشاشة: مُنشئ بنفسجي (#f7f4fd→#f1ecf8 وحدّ #d3c8df)
   وبطاقات كهرمانية (حدّ #e5a934) — ولونُ الكهرمان يقرأ إنذاراً لا تثبيتاً.
   وقِيس أن مربّع الكتابة **240px فارغاً** لملاحظةٍ سطرين، وأن بطاقة الملاحظة
   ثابتة الارتفاع فيبقى تحت نصّها فراغٌ ميت قبل صفّ التاريخ. */
#client-details-body .client-note-composer{
  border:1px solid var(--sc-edge)!important;border-radius:18px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-lift-sm)!important;
  display:grid;gap:11px;padding:14px!important}
#client-details-body .client-note-templates{margin:0!important;gap:8px!important}
#client-details-body .client-note-templates button{
  min-height:34px;padding:6px 14px!important;
  border:1px solid transparent!important;border-radius:999px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-sink)!important;
  color:var(--sc-ink2)!important;font-size:var(--t-label)!important;transition:background var(--dur-press) ease,box-shadow var(--dur-press) ease,color var(--dur-press) ease}
#client-details-body .client-note-templates button:hover{
  color:var(--sys-on-fill)!important;background:var(--sc-accent)!important;box-shadow:var(--sc-lift-sm)!important}
#client-details-body .client-note-client-link{
  display:flex;align-items:center;gap:10px;margin:0!important}
#client-details-body .client-note-client-link>span{
  flex:0 0 auto;color:var(--sc-ink2)!important;font-size:var(--t-label)!important}
#client-details-body .client-note-client-link select{
  flex:1 1 auto;min-width:0;min-height:38px;
  border:1px solid transparent!important;border-radius:12px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-sink)!important;
  color:var(--sc-ink)!important;font-size:var(--t-body)!important}
/* مربّع الكتابة يبدأ بقدر ملاحظةٍ لا بقدر صفحة، ويمتدّ بيد المالك. */
/* الوسم rows="8" يعطي المربّع ثمانية أسطر (≈220px) قبل أي قاعدة. وmin-height
   أرضيةٌ لا سقف، فلم تُنقصه. يُضبط بالارتفاع نفسه، ويبقى قابلاً للسحب. */
#client-details-body #client-note-content{
  height:132px!important;min-height:132px!important;resize:vertical;
  border:1px solid transparent!important;border-radius:14px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-sink)!important;
  color:var(--sc-ink)!important;font-size:var(--t-body)!important;line-height:1.75;padding:12px 14px!important}
#client-details-body #client-note-content:focus{outline:2px solid rgba(0,113,227,.4);outline-offset:1px}
#client-details-body .client-note-composer-footer{margin:0!important}
#client-details-body .client-note-composer-footer>div{color:var(--sc-ink2)!important}
#client-details-body .client-note-composer-footer #client-note-counter{font-size:var(--t-label)!important}
#client-details-body .client-note-composer-footer small{font-size:var(--t-label)!important}
#client-details-body #client-note-save{
  border:1px solid transparent!important;border-radius:13px!important;
  background:var(--sc-accent)!important;color:var(--sys-on-fill)!important;box-shadow:var(--sc-lift-sm)!important;
  min-height:40px;padding:9px 17px!important;font-size:var(--t-body)!important}
#client-details-body #client-note-save:hover{background:#0062C4!important}

/* بطاقة الملاحظة: ترتفع كبطاقات الملف، وتتبع نصّها، والمثبَّتة بشريط جمل. */
#client-details-body .client-notebook-list{gap:12px!important}
#client-details-body .client-note-card{
  display:grid;align-content:start;gap:10px;padding:14px!important;
  border:1px solid var(--sc-edge)!important;border-radius:18px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-lift-sm)!important;
  transition:transform .16s, box-shadow .16s}
#client-details-body .client-note-card:hover{transform:translateY(-2px);box-shadow:var(--sc-lift)!important}
#client-details-body .client-note-card.pinned{
  border-color:rgba(0,113,227,.5)!important;box-shadow:var(--sc-lift-sm)!important}
#client-details-body .client-note-card.pinned::before{
  content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:3px;
  border-radius:999px;background:var(--sc-accent)}
#client-details-body .client-note-card{position:relative;overflow:hidden}
#client-details-body .client-note-text{
  color:var(--sc-ink)!important;font-size:var(--t-body)!important;line-height:1.75!important}
#client-details-body .client-note-card footer{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-top:10px;border-top:1px solid rgba(0,0,0,.16)}
#client-details-body .client-note-card time{color:var(--sc-ink2)!important;font-size:var(--t-label)!important}
#client-details-body .client-note-card footer button{
  min-width:32px;min-height:32px;border:1px solid transparent!important;border-radius:10px!important;
  background:var(--sc-card)!important;box-shadow:var(--sc-sink)!important;color:var(--sc-ink2)!important}
#client-details-body .client-note-card footer button:hover{color:var(--sc-accent)!important}
#client-details-body .client-note-empty{
  border:1px dashed rgba(0,0,0,.32)!important;border-radius:18px!important;
  background:transparent!important;padding:26px 16px!important;text-align:center}

/* أزرار أسفل النافذة كانت خارج نطاق م-١ فبقيت بلونها القديم — كحليّ وأحمر
   على أرضية رملية. تنضمّ إلى اللغة: الفعل الأوّل بلون جمل، والحذف يبقى
   محذِّراً لكن بدرجة السدو لا بأحمر غريب عن اللوحة. */
#client-details-modal .client-details-actions button.primary{
  border:1px solid transparent!important;border-radius:13px!important;
  background:var(--sc-accent)!important;color:var(--sys-on-fill)!important;box-shadow:var(--sc-lift-sm)!important}
#client-details-modal .client-details-actions button.primary:hover{background:#0062C4!important}
#client-details-modal .client-details-actions button.smallbtn{
  border:1px solid var(--sc-edge)!important;border-radius:13px!important;
  background:var(--sc-card)!important;color:var(--sc-ink2)!important;box-shadow:var(--sc-lift-sm)!important}
#client-details-modal .client-details-actions button.client-danger{
  border:1px solid rgba(139,52,55,.28)!important;border-radius:13px!important;
  background:transparent!important;color:#8B3437!important;box-shadow:none!important}
#client-details-modal .client-details-actions button.client-danger:hover{
  background:rgba(139,52,55,.08)!important}
#client-details-modal .client-modal-card>header{background:transparent!important}
#client-details-modal .client-modal-card>header h2{color:var(--sc-ink)!important}
#client-details-modal .client-modal-card>header p{color:var(--sc-ink2)!important}

/* ── وفي الوضع الداكن تنقلب الأضواء ولا تنقلب اللوحة ── */
body.saas-dark #clients,
body.saas-dark #client-details-modal{
  /* CLAY_SYS_85 */
  --sc-ground:#1C1C1E;--sc-card:#2C2C2E;--sc-edge:rgba(255,255,255,.08);
  --sc-dark:rgba(0,0,0,.5);
  --sc-lift:0 0 0 1px rgba(255,255,255,.06),0 8px 24px -8px rgba(0,0,0,.6);
  --sc-lift-sm:0 0 0 1px rgba(255,255,255,.06),0 4px 12px -6px rgba(0,0,0,.5);
  --sc-sink:inset 0 0 0 999px rgba(255,255,255,.08);
  --sc-ink:#F2F2F7;--sc-ink2:#AEAEB2}

/* ═══ MEMO_DESK_V1 — مكتب المذكرات ═══
   الورقة على الشاشة بمقاس A4 المنطقي (794px عند 96dpi) لأن المحامي يقدّر طول
   مذكرته بالصفحة لا بالبكسل. والمتن بخط النسخ (Amiri) لأنه خطّ القضاء المقروء،
   ومقاسه 17px على الشاشة يقابل 11pt عند الطباعة كما هو المعتاد في المذكرات. */
#memos{--memo-ink:var(--text,#1D1D1F);--memo-ink2:var(--muted,#60605F);--memo-line:var(--line,#DEDAD5);
  --memo-paper:var(--surface,#fff);--memo-warm:#F2F0EC;--memo-accent:#B9875E;--memo-danger:#8B3437}
/* الوضع الداكن: الورقة تبقى ورقةً لكنها لا تبقى بيضاء ناصعة — بياضٌ كامل في
   محيط داكن يوجع العين بعد صفحتين. */
body.saas-dark #memos{--memo-ink:#EDE9E3;--memo-ink2:#A9A49C;--memo-line:#3A3631;
  --memo-paper:#211F1C;--memo-warm:#2A2724}
#memos .memo-wrap{max-width:1180px;margin-inline:auto;padding-bottom:32px}
#memos .memo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
#memos .memo-head h2{margin:0;font-size:var(--t-page,31px)!important;color:var(--memo-ink)}
#memos .memo-head p{margin:4px 0 0;font-size:var(--t-body,15px)!important;color:var(--memo-ink2)}
#memos .memo-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
#memos .memo-toolbar input[type=search],#memos .memo-toolbar select{
  font-size:var(--t-body,15px)!important;padding:9px 12px;border:1px solid var(--memo-line);border-radius:12px;background:var(--memo-paper);color:var(--memo-ink)}
#memos .memo-toolbar input[type=search]{flex:1 1 240px;min-width:180px}
#memos button.memo-primary{display:inline-flex;align-items:center;gap:8px;background:var(--memo-accent);color:var(--sys-on-fill);border:0;
  border-radius:12px;padding:10px 16px;font-size:var(--t-body,15px)!important;font-weight:700;cursor:pointer}
#memos button.memo-primary:hover{filter:brightness(.94)}
#memos .memo-ghost{display:inline-flex;align-items:center;gap:8px;background:var(--memo-paper);color:var(--memo-ink);
  border:1px solid var(--memo-line);border-radius:12px;padding:9px 14px;font-size:var(--t-body,15px)!important;cursor:pointer}
#memos .memo-ghost:hover{border-color:var(--memo-accent)}
/* الأيقونة داخل زرّ نصّي بلا مقاس معلن تأخذ مقاس الخطّ الموروث فتكبر وتدفع
   النصّ إلى سطر ثانٍ خارج الصندوق: قيس 209px من محتوى في صندوق 161px. */
#memos .memo-primary,#memos .memo-ghost{white-space:nowrap}
#memos .memo-primary .app-icon,#memos .memo-ghost .app-icon{width:16px;height:16px;flex:0 0 auto}

#memos #memo-library-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
#memos .memo-card{background:var(--memo-paper);border:1px solid var(--memo-line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
#memos .memo-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#memos .memo-card header b{font-size:var(--t-card,22px)!important;font-weight:700;color:var(--memo-ink);line-height:1.35;overflow-wrap:anywhere}
#memos .memo-card p{margin:0;font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2)}
#memos .memo-pill{flex:0 0 auto;font-size:var(--t-label,12.5px)!important;padding:3px 10px;border-radius:999px;
  background:var(--memo-warm);color:var(--memo-ink2);white-space:nowrap}
#memos .memo-pill-final,#memos .memo-pill-filed{background:rgba(185,135,94,.16);color:#7A5333}
#memos .memo-meter{display:flex;align-items:center;gap:4px}
#memos .memo-meter i{display:block;width:100%;height:5px;border-radius:3px;background:var(--memo-line)}
#memos .memo-meter i.on{background:var(--memo-accent)}
#memos .memo-meter small{flex:0 0 auto;margin-inline-start:6px;font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2)}
#memos .memo-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--memo-line);padding-top:10px}
#memos .memo-card footer time{font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2)}
#memos .memo-card footer button{background:none;border:0;cursor:pointer;font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2);padding:4px 6px;border-radius:8px}
#memos .memo-card footer button:hover{background:var(--memo-warm);color:var(--memo-ink)}
#memos .memo-card footer button.danger:hover{background:rgba(139,52,55,.1);color:var(--memo-danger)}
#memos .memo-empty{grid-column:1/-1;text-align:center;padding:40px 16px;border:1px dashed var(--memo-line);border-radius:16px}
#memos .memo-empty b{display:block;font-size:var(--t-lead,18px)!important;color:var(--memo-ink)}
#memos .memo-empty span{font-size:var(--t-body,15px)!important;color:var(--memo-ink2)}

#memos .memo-editor-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
#memos #memo-title{flex:1 1 240px;min-width:200px;font-size:var(--t-lead,18px)!important;font-weight:700;
  border:1px solid transparent;border-radius:12px;padding:8px 12px;background:transparent;color:var(--memo-ink)}
#memos #memo-title:focus{border-color:var(--memo-line);background:var(--memo-paper);outline:none}
#memos #memo-save-state{font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2)}
#memos .memo-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}
#memos #memo-checklist{background:var(--memo-paper);border:1px solid var(--memo-line);border-radius:16px;padding:14px 16px;position:sticky;top:16px}
#memos #memo-checklist h4{margin:0 0 10px;font-size:var(--t-body,15px)!important;color:var(--memo-ink)}
#memos #memo-checklist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
#memos #memo-checklist li{border-inline-start:3px solid var(--memo-line);padding-inline-start:10px}
#memos #memo-checklist li b{display:block;font-size:var(--t-label,12.5px)!important;color:var(--memo-ink)}
#memos #memo-checklist li span{font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2);line-height:1.6}
#memos #memo-checklist li.memo-ok{border-color:#4B7B5A}
#memos #memo-checklist li.memo-warn{border-color:var(--memo-accent)}
#memos #memo-checklist li.memo-danger{border-color:var(--memo-danger)}

/* الهامش التلقائي على عنصر شبكة يُلغي التمدّد ويردّه إلى مقاس محتواه: قيست
   الورقة 292px داخل عمود 814px. فالعرض يُعلن أولاً، ثم يُقصّ بالحدّ الأعلى. */
#memos #memo-page{background:var(--memo-paper);border:1px solid var(--memo-line);border-radius:6px;
  width:100%;max-width:794px;justify-self:center;padding:56px 64px;box-shadow:0 10px 30px rgba(120,110,95,.10)}
#memos .memo-block+.memo-block{margin-top:26px}
#memos .memo-block h3{margin:0 0 10px;font-family:'Amiri',serif;font-size:21px!important;font-weight:700;color:var(--memo-ink)}
#memos .memo-block textarea{width:100%;border:0;border-inline-start:2px solid transparent;padding:2px 0 2px 0;
  background:transparent;resize:none;overflow:hidden;color:var(--memo-ink);
  font-family:'Amiri',serif!important;font-size:17px!important;line-height:1.95!important;text-align:justify}
/* حلقة التركيز الزرقاء من المتصفّح تُطوّق مربّعاً بعرض الورقة فتقطع القراءة.
   تُستبدل ولا تُلغى: شريط جمليّ على حافّة القسم — فالمؤشّر باقٍ لمن يتنقّل بلوحة
   المفاتيح، والورقة تبقى ورقة. */
#memos .memo-block textarea:focus,#memos .memo-block textarea:focus-visible{
  outline:none;border-inline-start-color:var(--memo-accent);padding-inline-start:12px;background:var(--memo-warm)}
#memos .memo-block textarea::placeholder{color:var(--memo-ink2);opacity:.62;font-size:15px!important}
/* MEMO_LAYOUT_115: العنوان حقلٌ بهيئة العنوان نفسه، لا إطار له حتى يُمرّ عليه أو يُركَّز فيه.
   والزرّان صغيران بجانبه، لأن الورقة للمتن لا للأدوات. */
#memos .memo-block-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0 0 10px}
#memos .memo-block-head h3{flex:1 1 220px;min-width:0;margin:0}
#memos .memo-block-label{width:100%;border:0;border-bottom:1px dashed transparent;border-radius:0;background:transparent;
  padding:0;font:inherit;font-size:inherit!important;color:inherit;box-shadow:none}
#memos .memo-block-label:hover{border-bottom-color:var(--memo-line)}
#memos .memo-block-label:focus,#memos .memo-block-label:focus-visible{outline:none;border-bottom-color:var(--memo-accent)}
#memos .memo-block-act{flex:0 0 auto;background:none;border:1px solid var(--memo-line);border-radius:999px;padding:3px 10px;
  font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2);cursor:pointer;white-space:nowrap}
#memos .memo-block-act:hover{border-color:var(--memo-accent);color:var(--memo-ink)}
#memos .memo-block-act[hidden]{display:none}
/* MEMO_PREAMBLE_116: زرّ الملء بلون الفعل، لأنه يكتب في الورقة لا يغيّر عرضها. */
#memos .memo-block-fill{color:var(--memo-accent);border-color:var(--memo-accent)}
/* MEMO_FACTS_117: زرّ «+ إضافة واقعة» يكتب في الورقة، فلونه لون الفعل كزرّ الملء. */
#memos .memo-block-add{color:var(--memo-accent);border-color:var(--memo-accent)}
/* MEMO_QUALIFY_118: بطاقة التكييف المقترح تحت قسمه — اقتراحٌ على أرضٍ دافئة، لا نصٌّ في الورقة.
   وكلُّ عنصرٍ يحمل مقاسه بـ!important، فطبقةُ المقاس تهبط بما لم يُعلَن إلى 11px. */
#memos .memo-qualify{margin:12px 0 0;padding:12px 14px;border:1px dashed var(--memo-accent);border-radius:8px;
  background:var(--memo-warm);display:grid;gap:8px;font-size:var(--t-body,15px)!important;color:var(--memo-ink)}
#memos .memo-qualify[hidden]{display:none}
#memos .memo-qualify header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
#memos .memo-qualify header b{font-size:var(--t-body,15px)!important;color:var(--memo-ink)}
#memos .memo-qualify header span{font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2)}
#memos .memo-qualify article p{font-size:var(--t-body,15px)!important;line-height:1.85;color:var(--memo-ink);margin:0 0 6px}
#memos .memo-qualify .memo-qualify-cites{font-size:var(--t-label,12.5px)!important;color:var(--memo-ink);margin:0;line-height:1.7}
#memos .memo-qualify .memo-qualify-note{margin:0;padding-inline-start:1.1rem;display:grid;gap:4px}
#memos .memo-qualify .memo-qualify-note li{font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2);line-height:1.7}
#memos .memo-qualify .memo-qualify-acts{display:flex;flex-wrap:wrap;gap:8px}
#memos .memo-qualify .memo-qualify-acts button{font-size:var(--t-label,12.5px)!important;border-radius:999px;cursor:pointer;
  border:1px solid var(--memo-line);background:var(--memo-paper);color:var(--memo-ink);padding:5px 14px}
#memos .memo-qualify .memo-qualify-acts button[data-memo-qualify-act="accept"]{background:var(--memo-accent);border-color:transparent;color:var(--sys-on-fill)}
#memos .memo-block-act[disabled]{opacity:.55;cursor:progress}
#memos .memo-hidden-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:26px 0 0;
  padding:8px 12px;border:1px dashed var(--memo-line);border-radius:8px;font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2)}
#memos .memo-hidden-note:first-child{margin-top:0}
#memos .memo-hidden-note b{color:var(--memo-ink)}
#memos .memo-hidden-note+.memo-block{margin-top:26px}

#memos #memo-cite{position:fixed;inset:0;background:rgba(30,28,25,.42);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}
#memos #memo-cite[hidden]{display:none}
#memos .memo-cite-panel{background:var(--memo-paper);border-radius:18px;width:min(660px,100%);max-height:78vh;display:flex;flex-direction:column;overflow:hidden}
#memos .memo-cite-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--memo-line)}
#memos .memo-cite-panel header b{font-size:var(--t-lead,18px)!important;color:var(--memo-ink)}
#memos #memo-cite-query{margin:14px 18px;padding:10px 14px;border:1px solid var(--memo-line);border-radius:12px;font-size:var(--t-body,15px)!important}
#memos #memo-cite-results{overflow-y:auto;padding:0 12px 14px;display:flex;flex-direction:column;gap:6px}
#memos .memo-cite-row{text-align:start;background:none;border:1px solid transparent;border-radius:12px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:4px}
#memos .memo-cite-row:hover{border-color:var(--memo-accent);background:var(--memo-warm)}
#memos .memo-cite-row b{font-size:var(--t-body,15px)!important;color:var(--memo-ink)}
#memos .memo-cite-row span{font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2);line-height:1.7}
#memos .memo-cite-hint{margin:0;padding:14px;font-size:var(--t-body,15px)!important;color:var(--memo-ink2);text-align:center}

@media (max-width:1080px){
  #memos .memo-editor-grid{grid-template-columns:minmax(0,1fr)}
  #memos #memo-checklist{position:static}
  #memos #memo-page{padding:32px 26px}
}

@media print{
  /* الورقة القضائية: هوامش 2.5سم، والمتن 11pt، والعناوين 14pt — كما تُقدَّم.
     ولا ترويسة ولا ترقيم يدوي: المتصفّح يرقّم، والمحكمة تعرف مصدرها من الرفع. */
  @page{size:A4;margin:25mm 22mm}
  #print-root .memo-print{font-family:'Amiri',serif;color:#111;direction:rtl;text-align:justify}
  #print-root .memo-print h1{font-size:16pt;font-weight:700;text-align:center;margin:0 0 18pt}
  #print-root .memo-print h2{font-size:14pt;font-weight:700;margin:16pt 0 6pt;page-break-after:avoid}
  #print-root .memo-print p{font-size:11pt;line-height:1.9;margin:0 0 8pt;orphans:3;widows:3}
  #print-root .memo-print-block{page-break-inside:auto}
}

/* ═══ MEMO_LINK_V1 — وصلات المذكرة ═══ */
#memos .memo-filter-chip{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-label,12.5px)!important;
  background:var(--memo-warm);color:var(--memo-ink);border:1px solid var(--memo-line);border-radius:999px;padding:5px 12px}
#memos .memo-filter-chip[hidden]{display:none}
#memos .memo-filter-chip b{font-weight:700}
#memos .memo-filter-chip button{background:none;border:0;cursor:pointer;color:var(--memo-ink2);
  font-size:var(--t-body,15px)!important;line-height:1;padding:0 2px}
#memos .memo-filter-chip button:hover{color:var(--memo-danger)}
#memos #memo-case{font-size:var(--t-body,15px)!important;padding:9px 12px;border:1px solid var(--memo-line);
  border-radius:12px;background:var(--memo-paper);color:var(--memo-ink);max-width:220px}
#memos #memo-case:disabled{opacity:.55;cursor:not-allowed}

.case-memos{margin:14px 0 0;border:1px solid var(--line,#DEDAD5);border-radius:16px;padding:12px 16px;background:var(--surface,#fff)}
.case-memos header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.case-memos header b{font-size:var(--t-body,15px)!important;color:var(--text,#1D1D1F)}
.case-memos ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.case-memos li button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;
  text-align:start;background:none;border:1px solid transparent;border-radius:12px;padding:8px 10px;cursor:pointer}
.case-memos li button:hover{border-color:var(--memo-accent,#B9875E);background:var(--memo-warm,#F2F0EC)}
.case-memos li button b{font-size:var(--t-body,15px)!important;color:var(--text,#1D1D1F);overflow-wrap:anywhere}
.case-memos li button small{grid-column:1/-1;font-size:var(--t-label,12.5px)!important;color:var(--muted,#60605F)}
.case-memos .case-memos-empty{margin:0;font-size:var(--t-label,12.5px)!important;color:var(--muted,#60605F)}

/* ═══ MEMO_SOURCE_V1 — لوح المصدر ═══
   ثلاثة أعمدة عند فتح اللوح: المصدر، فالورقة، فقائمة ما قبل التقديم. والورقة
   تبقى أوسعها لأنها موضع العمل. */
#memos .memo-editor-grid:has(#memo-source:not([hidden]))
  {grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr) 260px}
#memos #memo-source{background:var(--memo-paper);border:1px solid var(--memo-line);border-radius:16px;
  padding:14px 16px;max-height:78vh;display:flex;flex-direction:column;gap:10px;position:sticky;top:16px}
#memos #memo-source[hidden]{display:none}
#memos #memo-source header{display:flex;align-items:center;justify-content:space-between;gap:10px}
#memos #memo-source header b{font-size:var(--t-body,15px)!important;color:var(--memo-ink)}
#memos #memo-source-pick{flex:1 1 auto;min-width:0;font-size:var(--t-label,12.5px)!important;
  padding:6px 10px;border:1px solid var(--memo-line);border-radius:10px;background:var(--memo-paper);color:var(--memo-ink)}
#memos #memo-source-text{overflow-y:auto;padding-inline-end:6px}
#memos #memo-source-text article p{margin:0 0 10px;font-family:'Amiri',serif!important;
  font-size:15px!important;line-height:1.85!important;color:var(--memo-ink);text-align:justify}
#memos .memo-source-hint{margin:0;font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2);line-height:1.7}
#memos #memo-checklist li button[data-memo-task]{margin-top:6px;background:none;border:1px solid var(--memo-line);
  border-radius:10px;padding:4px 10px;cursor:pointer;font-size:var(--t-label,12.5px)!important;color:var(--memo-ink2)}
#memos #memo-checklist li button[data-memo-task]:hover{border-color:var(--memo-accent);color:var(--memo-ink)}
@media (max-width:1240px){
  #memos .memo-editor-grid:has(#memo-source:not([hidden])){grid-template-columns:minmax(0,1fr)}
  #memos #memo-source{position:static;max-height:340px}
}

/* MEMO_RULES_79: حدُّ الفحص مكتوبٌ تحت القائمة لا في وثيقةٍ بعيدة. */
#memos .memo-checklist-limit{margin:8px 2px 0;font-size:var(--t-label,12.5px)!important;line-height:1.6;color:var(--lw-tuwaiq,#806C5C);opacity:.9}

/* ═══ MOTION_80 — دخول النوافذ والمنبثقات ═══
   الدخول بـ@starting-style: لا جافاسكربت ولا صنفٌ يُضاف ثم يُنزع. والخروج
   فوريّ لأن [hidden] يقطع العرض — وهذا مقصود: الخروج أسرع من الدخول. */

/* النافذة: تلاشٍ للسِّتر، وتقارُبٌ طفيف للبطاقة من **مركزها**.
   ولا تُنسب النافذة إلى زرّ: مركزها مركزها، وهذا صواب لا يُبلَّغ عنه. */
.client-modal{opacity:1;transition:opacity var(--dur-modal) var(--ease-out)}
.client-modal-card{opacity:1;transform:scale(1);transform-origin:center;
transition:opacity var(--dur-modal) var(--ease-out),transform var(--dur-modal) var(--ease-out)}
@starting-style{
.client-modal{opacity:0}
.client-modal-card{opacity:0;transform:scale(.96)}
}

/* المنبثقة: تكبر من الحافة التي تُفتح منها لا من مركزها.
   والحافة تنقلب بانقلاب الاتجاه: calc(50% - var(--dir) * 50%) = 0% حين --dir:1
   و100% حين --dir:-1. فقاعدةٌ واحدة تصحّ في الاتجاهين بلا سطرِ جافاسكربت. */
#assistant .lw-menu{opacity:1;transform:translateY(0) scale(1);
transform-origin:calc(50% - var(--dir) * 50%) 0;
transition:opacity var(--dur-panel) var(--ease-out),transform var(--dur-panel) var(--ease-out)}
@starting-style{
#assistant .lw-menu{opacity:0;transform:translateY(-4px) scale(.97)}
}

/* ═══ MEMO_CREATE_81 — لوح إنشاء المذكرة ═══
   البطاقة مصمتة فوق سِترٍ مموَّه، وبطاقات الأنواع داخلها **مصمتة أيضاً**:
   الشفافية لا تُركَّب على شفافية وإلا انهارت المقروئية. واللون على الطبقة
   المصمتة لا على الواجهة المموَّهة.
   والتباعد بالـrem فيتمدّد مع خطّ المستخدم بدل أن ينكسر. */
.memo-create-card{width:min(880px,100%);padding:1.5rem 1.5rem 1.75rem}
.memo-create-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}
.memo-create-head h2{font-size:var(--t-card,22px)!important;line-height:1.35;margin:0}
.memo-create-head p{margin:.35rem 0 0;font-size:var(--t-label,12.5px)!important;line-height:1.7;color:var(--lw-tuwaiq,#806C5C);max-width:52ch}
/* أرضية 12.5px: طبقة المقياس تفرض قيمها بـ!important، فما لا يفرض مقاسه يُهزَم. */
#memo-create-close{font-size:var(--t-label,12.5px)!important}
.memo-create-body{display:grid;gap:1.5rem;max-height:min(66vh,620px);overflow:auto;padding-inline-end:.25rem}

/* عنوان المرحلة: التوكيد بالوزن لا بالمقاس — والعربية لا تحتمل التباعد. */
.memo-create-group h3{margin:0 0 .6rem;font-size:var(--t-label,12.5px)!important;font-weight:900;line-height:1.6;
color:var(--lw-camel,#B9875E)}
.memo-create-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem}

.memo-create-type{display:grid;gap:.3rem;text-align:start;padding:.85rem .9rem;border-radius:16px;
border:1px solid rgba(60,60,67,.12);border-inline-start:2px solid transparent;
background:var(--sys-surface);cursor:pointer;
/* قاعدة الأزرار الزجاجية تمنح كل <button> تمويهاً خلفياً. وهذه بطاقةٌ مصمتة
   فوق سِترٍ مموَّه: الشفافية لا تُركَّب على شفافية، والتمويه هنا كلفةٌ بلا أثر. */
backdrop-filter:none;-webkit-backdrop-filter:none;
transition:background var(--dur-press) ease,border-color var(--dur-press) ease,box-shadow var(--dur-press) ease,transform var(--dur-press) var(--ease-out)}
.memo-create-type b{font-size:var(--t-body,15px)!important;font-weight:800;line-height:1.4;color:var(--sys-ink)}
.memo-create-type em{font-style:normal;font-size:var(--t-label,12.5px)!important;font-weight:700;line-height:1.5;
color:var(--lw-camel,#B9875E)}
.memo-create-type span{font-size:var(--t-label,12.5px)!important;line-height:1.7;color:var(--lw-tuwaiq,#806C5C)}

/* التحويم مسوَّرٌ: اللمس يُطلق تحويماً كاذباً عند النقر. */
@media (hover:hover) and (pointer:fine){
.memo-create-type:hover{background:rgba(185,135,94,.06);border-color:rgba(185,135,94,.35);
border-inline-start-color:var(--lw-camel,#B9875E);box-shadow:0 6px 18px rgba(29,29,31,.06)}
}
.memo-create-type:active{transform:scale(.97)}
.memo-create-type:focus-visible{outline:2px solid var(--lw-camel,#B9875E);outline-offset:2px;
border-inline-start-color:var(--lw-camel,#B9875E)}

/* شفافيةٌ أقلّ عند طلبها: يُرفع الصمت ويُسقط التمويه. */
@media (prefers-reduced-transparency:reduce){
.memo-create-modal{background:rgba(11,23,42,.82);backdrop-filter:none}
}
/* وتباينٌ أعلى عند طلبه: حدودٌ مُعرَّفة بدل الظلال الخفيفة. */
@media (prefers-contrast:more){
.memo-create-type{border-color:rgba(29,29,31,.55)}
.memo-create-type span{color:var(--sys-ink)}
}

.memo-create-card{opacity:1;transform:scale(1);transform-origin:center}
@starting-style{
.memo-create-card{opacity:0;transform:scale(.97)}
}

/* ═══ COLOR_UNIFY_152 — توحيد الألوان بلا تغيير الشكل، الجزء الثاني (S7.7) ═══
   رموزٌ مسمّاة لكل لونٍ تكرّر ٥ مرات فأكثر في الصفحات (scripts/patch-colors-152.mjs)، ومعها --sys-on-fill (الأبيض على تعبئةٍ ملوّنة) في APPLE_SYS_83.
   قيمها هي الألوان نفسها حرفاً، ولا تُعاد في الوضع الداكن ولا في أي محدِّد، فلم يتغيّر بكسل. يحرس ذلك عقد 152، والخريطة في docs/COLOR_SYSTEM.md. */
:root{
--pal-navy:#17345D;
--pal-navy-2:#244A79;
--pal-navy-3:#31588E;
--pal-navy-tint:#EAF1FA;
--pal-navy-tint-2:#EDF4FB;
--pal-blue:#0066CC;
--pal-blue-2:#2563EB;
--pal-blue-tint:#EFF6FF;
--pal-indigo:#4338CA;
--pal-indigo-2:#4F46E5;
--pal-violet:#7C3AED;
--pal-green:#106B4D;
--pal-green-2:#087A55;
--pal-green-3:#047857;
--pal-teal:#0A6E72;
--pal-rose:#E11D48;
--pal-rose-tint:#FFF1F2;
--pal-red:#B91C1C;
--pal-amber:#B45309;
--pal-brown:#8C5206;
--pal-paper:#FFFDF9;
--pal-line:#E6EBF2;}

/* ═══ APPLE_SYS_83 — نظام آبل: الأساس وسطح المذكرات ═══
   الرموز هنا رموزُ **نظام** لا رموزُ صفحة: خلفية، وسطح، ورماديات نصّ، ولون
   إجراء، وحدٌّ شعري، وظلٌّ مطبَّق، ونصف قطر. وما بقي من ألوان المدوّنات
   القانونية لا يُمسّ: ذلك لونٌ يحمل معنى، وهذا لونٌ يحمل مظهراً. */
:root{
--sys-bg:#F5F5F7;
--sys-surface:#FFFFFF;
--sys-ink:#1D1D1F;
/* NEUTRAL_RAMP_84: سُلَّم حبرٍ كلُّ مستوى نصٍّ فيه يمرّ عتبة WCAG AA.
   قياسُ ما قبله وجد 94 نصّاً دون العتبة، وأسوأُهما هذان الرماديان. */
--sys-ink-2:#4B4B50;
--sys-ink-3:#6E6E73;
--sys-separator:#D2D2D7;
--sys-accent:#0071E3;
--sys-on-fill:#FFFFFF;
--sys-hairline:rgba(0,0,0,.06);
--sys-fill:#E5E5EA;
--sys-radius:22px;
--sys-radius-sm:12px;
--sys-shadow:0 0 0 1px rgba(0,0,0,.04),0 2px 8px -2px rgba(0,0,0,.04),0 12px 24px -4px rgba(0,0,0,.04);
}

/* COLOR_DARK_154 — الوضع الداكن برموز النظام (S7.8، الجزء الثالث)، داخل طبقة APPLE_SYS_83.
   قيمٌ داكنة لرموز --sys-* وحدها، مرةً واحدةً في body.saas-dark، تتبعها كل صفحةٍ تستعمل الرمز (ومنها صفحة الأنظمة
   التي كان الداكن لا يمسّها). --sys-on-fill وسائر الرموز التي لا سطح لها (--sys-radius والظلّ) لا تُعاد: الأبيض يبقى أبيض
   على التعبئة الملوّنة. وقواعد body.saas-dark القائمة باقيةٌ تغلب بخصوصيتها حيث تُعيد تلوين عنصرٍ بعينه؛ وطيّها
   قاعدةً قاعدةً يلي هذه الكتلة بإثباتٍ لكل قاعدة (docs/COLOR_SYSTEM.md). */
body.saas-dark{
--sys-bg:#1C1C1E;
--sys-surface:#2C2C2E;
--sys-ink:#F5F5F7;
--sys-ink-2:#D1D1D6;
--sys-ink-3:#AEAEB2;
--sys-separator:#48484A;
--sys-accent:#0A84FF;
--sys-hairline:rgba(255,255,255,.1);
--sys-fill:#3A3A3C;
}

/* أرضية النظام: رماديّ بارد يجعل الأسطح البيضاء تطفو عليه بدل أن تذوب فيه. */
.main{background:var(--sys-bg)}

/* الزجاج المصنفر: طبقةٌ **واحدة** لا تُركَّب على أخرى، وحدٌّ شعري بدل خطٍّ سميك،
   ووميضٌ داخلي علويّ يقرأه العين ضوءاً على الحافة. */
.top{background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(180%);
-webkit-backdrop-filter:blur(20px) saturate(180%);
border-bottom:1px solid var(--sys-hairline);
box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}

/* شفافيةٌ أقلّ عند طلبها: يُرفع الصمت ويُسقط التمويه. */
@media (prefers-reduced-transparency:reduce){
.top{background:var(--sys-surface);backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* ── سطح المذكرات ── */
#memos button.memo-primary{background:var(--sys-accent);/* NEUTRAL_RAMP_84: خصوصيةٌ تكافئ ما قبلها */border:0;border-radius:999px;color:var(--sys-on-fill);
font-weight:700;padding:.62rem 1.1rem;box-shadow:0 1px 2px rgba(0,113,227,.28),0 6px 16px -6px rgba(0,113,227,.45);
transition:background var(--dur-press) ease,box-shadow var(--dur-press) ease,transform var(--dur-press) var(--ease-out)}
#memos .memo-primary:active{transform:scale(.97)}

/* شريط الأدوات: البحث والترشيح والعدّاد أدواتٌ واحدة تحكم ما تحتها،
   فتُجمَع في وعاءٍ واحد. والقرب يدلّ على العلاقة. */
#memos .memo-toolbar{display:flex;align-items:center;gap:.6rem;padding:.5rem;
background:rgba(0,0,0,.03);border:1px solid var(--sys-hairline);border-radius:16px}
#memos #memo-search{flex:1;min-inline-size:0;border:1px solid transparent;border-radius:999px;
background:var(--sys-fill);padding:.5rem .9rem;color:var(--sys-ink);
transition:background var(--dur-press) ease,border-color var(--dur-press) ease}
#memos #memo-search:focus{background:var(--sys-surface);border-color:rgba(0,0,0,.1);outline:0}
#memos #memo-search:focus-visible{outline:2px solid var(--sys-accent);outline-offset:1px}
#memos #memo-library-count{color:var(--sys-ink-2);font-size:var(--t-label,12.5px)!important;white-space:nowrap}

/* المُنتقي المقسَّم: كبسولةٌ بيضاء تنزلق تحت الخيار النشط. */
#memos .seg{position:relative;display:flex;gap:2px;padding:2px;background:var(--sys-fill);border-radius:999px}
#memos .seg-pill{position:absolute;inset-block:2px;inline-size:0;border-radius:999px;background:var(--sys-surface);
box-shadow:0 1px 3px rgba(0,0,0,.12);
transition:transform var(--dur-panel) var(--ease-out),inline-size var(--dur-panel) var(--ease-out)/* MOTION_77_LAYOUT_OK: عرض الكبسولة يتبع عرض الخيار، والخيارات مختلفة الطول */;
pointer-events:none;inset-inline-start:0}
#memos .seg button{position:relative;z-index:1;border:0;background:transparent;border-radius:999px;
padding:.36rem .75rem;font-size:var(--t-label,12.5px)!important;font-weight:700;color:var(--sys-ink-2);
cursor:pointer;white-space:nowrap;backdrop-filter:none;-webkit-backdrop-filter:none;
transition:color var(--dur-press) ease,transform var(--dur-press) var(--ease-out)}
#memos .seg button[aria-selected="true"]{color:var(--sys-ink)}
#memos .seg button:active{transform:scale(.97)}
#memos .seg button:focus-visible{outline:2px solid var(--sys-accent);outline-offset:2px}

/* البطاقة: سطحٌ مصمت بحدٍّ شعري وظلٍّ مطبَّق — لا ظلٌّ داكنٌ حادّ. */
#memos .memo-card{background:var(--sys-surface);border:1px solid var(--sys-hairline);
border-radius:var(--sys-radius);box-shadow:var(--sys-shadow);padding:1rem 1.1rem;
opacity:1;transform:translateY(0);
transition:box-shadow var(--dur-panel) var(--ease-out),transform var(--dur-panel) var(--ease-out)}
@starting-style{
#memos .memo-card{opacity:0;transform:translateY(12px)}
}
/* الظهور متتابعٌ لا دفعةً واحدة، والتأخير محسوبٌ من موضع البطاقة ومحدودٌ بسقف. */
#memos .memo-card{transition-delay:var(--card-in,0ms)}
@media (hover:hover) and (pointer:fine){
#memos .memo-card:hover{box-shadow:0 0 0 1px rgba(0,0,0,.05),0 4px 12px -2px rgba(0,0,0,.06),0 18px 32px -6px rgba(0,0,0,.07)}
}

#memos .memo-card header b{font-size:var(--t-lead,18px)!important;font-weight:800;line-height:1.4;color:var(--sys-ink)}
/* «بلا عنوان» ليست عنواناً: تُقرأ فراغاً يُملأ لا اسماً اختير. */
#memos .memo-card header b.memo-untitled{color:var(--sys-ink-3);font-style:italic;font-weight:600}
#memos .memo-card p{color:var(--sys-ink-2);font-size:var(--t-label,12.5px)!important;line-height:1.7}
#memos .memo-card time{color:var(--sys-ink-2);font-size:var(--t-label,12.5px)!important}

/* وسم الحالة: كبسولةٌ خافتة بلا حدّ، واللون على الطبقة المصمتة. */
#memos .memo-pill{border:0;background:rgba(0,0,0,.05);color:var(--sys-ink-2);
border-radius:999px;padding:.2rem .6rem;font-size:var(--t-label,12.5px)!important;font-weight:700}
#memos .memo-pill-final,#memos .memo-pill-filed{background:rgba(0,113,227,.1);color:var(--sys-accent)}

/* التقدّم: شريطٌ نحيف في سطرٍ واحد مع الكسر، بدل قطعٍ تأكل عرض البطاقة. */
#memos .memo-meter{display:flex;align-items:center;gap:.5rem}
#memos .memo-meter-track{flex:1;block-size:4px;border-radius:999px;background:var(--sys-fill);overflow:hidden}
/* ولا انتقال على عرض التعبئة: البطاقة تُعاد رسمها فلا يقع الانتقال أصلاً،
   وتحريك المقاس يُجبر تخطيطاً في كل إطار بلا مقابل. */
#memos .memo-meter-track i{display:block;block-size:100%;border-radius:999px;background:var(--sys-accent)}
#memos .memo-meter small{color:var(--sys-ink-2);font-size:var(--t-label,12.5px)!important;font-weight:700}

/* شريط الإجراءات: مجموعٌ في أسفل البطاقة، خافتٌ حتى يقترب المؤشّر. */
#memos .memo-card footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;
margin-block-start:.75rem;padding-block-start:.7rem;border-block-start:1px solid var(--sys-hairline)}
#memos .memo-card footer>div{display:flex;gap:.35rem;opacity:.72;
transition:opacity var(--dur-press) ease}
@media (hover:hover) and (pointer:fine){
#memos .memo-card:hover footer>div{opacity:1}
}
#memos .memo-card footer button{border:0;background:transparent;border-radius:var(--sys-radius-sm);
padding:.34rem .6rem;color:var(--sys-ink-2);font-size:var(--t-label,12.5px)!important;font-weight:700;
cursor:pointer;backdrop-filter:none;-webkit-backdrop-filter:none;
transition:background var(--dur-press) ease,color var(--dur-press) ease,transform var(--dur-press) var(--ease-out)}
@media (hover:hover) and (pointer:fine){
#memos .memo-card footer button:hover{background:rgba(0,0,0,.05);color:var(--sys-ink)}
#memos .memo-card footer button.danger:hover{background:rgba(211,47,47,.08)}
}
#memos .memo-card footer button:active{transform:scale(.97)}
#memos .memo-card footer button.danger{color:#c0392b}
#memos .memo-card footer button:focus-visible{outline:2px solid var(--sys-accent);outline-offset:2px}

/* تنبيهٌ بزرّ تراجع — بديلُ حوارٍ يحبس الصفحة.
   ‏pointer-events:auto على الزرّ وحده لا على المضيف: التنبيه يعلو الصفحة وهو
   مُعطَّل التقاطِ النقر منذ أُنشئ (‎.stage-toast{pointer-events:none}‎) كي لا
   يحجب ما تحته، فلو أعدنا الالتقاط للمضيف لصار مستطيلاً أعمى يبتلع نقرات
   المستخدم تسع ثوانٍ. الزرّ وحده يستعيده، فيُنقر ويبقى ما حوله شفّافاً. */
.stage-toast.stage-toast-action{display:flex;align-items:center;gap:.75rem}
.stage-toast.stage-toast-action button{border:0;background:rgba(255,255,255,.16);color:var(--sys-on-fill);
border-radius:999px;padding:.3rem .7rem;font-weight:800;cursor:pointer;pointer-events:auto;
font-size:var(--t-label,12.5px)!important;backdrop-filter:none;-webkit-backdrop-filter:none;
transition:background var(--dur-press) ease,transform var(--dur-press) var(--ease-out)}
.stage-toast.stage-toast-action button:hover{background:rgba(255,255,255,.26)}
.stage-toast.stage-toast-action button:active{transform:scale(.97)}
.stage-toast.stage-toast-action button:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* ═══ NEUTRAL_RAMP_84 — الحياد: سُلَّم حبرٍ يُقرأ، ورماديات موحّدة ═══
   ما قبل هذه المرحلة كان في الملف ستُّ درجاتٍ من الرمادي الأزرق تؤدّي أدواراً
   متداخلة، وكان 94 نصّاً دون عتبة التباين. والآن: ثلاث درجات نصٍّ كلُّها
   تُقرأ، ودرجةٌ رابعة للزخرفة وحدها، وفاصلٌ واحد، وخلفيةٌ واحدة.
   ولا يُلوَّن نصٌّ بـ--sys-ink-4: يحرسه عقد المرحلة 84. */

/* ═══ CLAY_SYS_85 — سطح الموكّلين على نظام النظام ═══
   حُوّل بإعادة تعريف رموزه لا بإعادة كتابة قواعده: إحدى عشرة رمزاً تحمل
   ثمانين استعمالاً. والنحت (bevel) زال، والحشوة حلّت محلّ الغائر.
   وبقي ما يدلّ: الأحمر خطراً، والكهرماني تنبيهاً، وبنفسج نجد مدوّنةً. */

/* ═══ HOME_HERO_86 — لوحةٌ مجموعة: صندوقٌ واحد ومقياسٌ واحد ═══
   كان في أعلى اللوحة صندوقان وأربعة صناديق: ترحيبٌ ثم أربع بطاقاتٍ مستقلّة
   بارتفاع 116px لكلٍّ منها. والفراغ بينها أكبر من خبرها. فصارت كلُّها
   صندوقاً واحداً: الترحيب والاسم يميناً، والوقت والتاريخ في كبسولةٍ إلى
   جانبهما، والمؤشّرات الأربعة شريطاً واحداً تحتهما تفصله خطوطٌ شعرية.
   والمقياس: النصّ 13px والعنوان 15px — بأمرك، وعلى هذا السطح وحده. */

#home .dashboard-hero{
  margin-bottom:16px;padding:16px;
  border:1px solid var(--sys-hairline);border-radius:var(--sys-radius);
  background:var(--sys-surface);box-shadow:var(--sys-shadow)}
#home .dashboard-hero .dashboard-welcome{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;
  gap:14px;margin:0!important}
#home .dashboard-hero .dashboard-welcome>div:first-child{min-width:0}
#home .dashboard-hero h1{margin:0;font-size:19px!important;font-weight:800;color:var(--sys-ink)}
#home .dashboard-hero .dashboard-welcome p{margin:3px 0 0;font-size:13px!important;color:var(--sys-ink-2)}

/* كبسولة الوقت: الوقت أولاً لأنه المتغيّر، والتاريخ تحته ساكناً.
   والأرقام بعرضٍ ثابت كي لا ترقص الكبسولة كلَّ دقيقة. */
#home .hero-clock{
  display:grid;justify-items:center;gap:2px;min-width:140px;padding:8px 14px;
  border:1px solid var(--sys-hairline);border-radius:14px;background:var(--sys-fill)}
#home .hero-clock b{
  font-size:19px!important;font-weight:800;color:var(--sys-ink);line-height:1.1;
  font-variant-numeric:lining-nums tabular-nums}
#home .hero-clock .eyebrow{
  margin:0!important;font-size:13px!important;font-weight:700;color:var(--sys-ink-2);
  max-width:170px;text-align:center;line-height:1.45;letter-spacing:normal}

/* المؤشّرات: أربع خلايا في وعاءٍ واحد، لا أربعة صناديق. */
#home .dashboard-hero .dashboard-kpis{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;
  margin:14px 0 0!important;overflow:hidden;
  border:1px solid var(--sys-hairline);border-radius:16px;background:var(--sys-bg)}
#home .dashboard-hero .dashboard-kpi{
  min-height:0!important;height:auto!important;align-items:center!important;
  gap:10px!important;padding:11px 13px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  backdrop-filter:none;-webkit-backdrop-filter:none}
#home .dashboard-hero .dashboard-kpi+.dashboard-kpi{
  box-shadow:inset 1px 0 0 var(--sys-hairline)!important/* @rtl-ok: الفاصل على حافة البداية في الاتجاهين */}
#home .dashboard-hero .dashboard-kpi:hover{background:rgba(0,0,0,.02)!important;transform:none!important}
#home .dashboard-hero .dashboard-kpi>span{width:30px;height:30px;flex:0 0 auto;border-radius:9px}
#home .dashboard-hero .dashboard-kpi>span .app-icon{width:16px;height:16px}
#home .dashboard-hero .dashboard-kpi small{font-size:13px!important;color:var(--sys-ink-2)}
#home .dashboard-hero .dashboard-kpi b{font-size:20px!important;line-height:1.15;color:var(--sys-ink)}
#home .dashboard-hero .dashboard-kpi em{font-size:13px!important;font-style:normal;color:var(--sys-ink-3)}

/* ── مقياس اللوحة: 13 للنصّ و15 للعنوان ──
   طبقةُ المقياس العامة تكتب بـ!important، فلا يُغلب إعلانٌ دونها. وهذا
   السطح وحده يُستثنى — والأسطح الأخرى تبقى على مقياسها حتى تُقرَّر. */
#home.page p,#home.page small,#home.page em,#home.page li,#home.page td,#home.page th,
#home.page time,#home.page .section-kicker,#home.page label,
#home.page span:not(.app-icon):not(.brandmark){font-size:13px!important}
#home.page h2,#home.page .dashboard-card header h2,#home.page h3{font-size:15px!important}
#home .dashboard-card{padding:15px;border-radius:18px}
#home .dashboard-card header h2{margin:2px 0 0}

@media(max-width:980px){
  #home .dashboard-hero .dashboard-welcome{grid-template-columns:1fr;justify-items:stretch}
  #home .hero-clock{justify-self:start}
  #home .dashboard-hero .dashboard-kpis{grid-template-columns:1fr 1fr}
  #home .dashboard-hero .dashboard-kpi:nth-child(3){box-shadow:inset 0 1px 0 var(--sys-hairline)!important}
  #home .dashboard-hero .dashboard-kpi:nth-child(4){box-shadow:inset 1px 0 0 var(--sys-hairline),inset 0 1px 0 var(--sys-hairline)!important}
}
@media(max-width:620px){
  #home .dashboard-hero .dashboard-kpis{grid-template-columns:1fr}
  #home .dashboard-hero .dashboard-kpi+.dashboard-kpi{box-shadow:inset 0 1px 0 var(--sys-hairline)!important}
}

/* ═══ READER_SYS_87 — القارئ على النظام، ولونٌ واحد للإجراء ═══
   تسعة رموز مظهرٍ في القارئ صارت رموز نظام، وبقيت ألوان المدوّنات الأربعة.
   و«اللون الذي يدلّ» صار له درجتان: واحدةٌ تملأ، وواحدةٌ تُقرأ — وهما لونٌ
   واحد لا لونان، فالهُوية لا تنقسم. */

/* ═══ TYPE_FLOOR_88 — أرضية الحروف تُبلَغ في كل موضع ═══
   ثلاثة وعشرون موضعاً كانت دون 12.5px، وأصغرها **8px** — تنبيهٌ يخبر
   المستخدم أن مزوّد الذكاء غير مضبوط، وهو أحوج ما يكون إلى أن يُقرأ.
   وكلُّ سطرٍ هنا **مقيس**: رُصد حيّاً، ولا سطرَ زائدٌ احتياطاً.

   و!important لازمٌ لا زينة: طبقةُ المقياس نفسها تكتب به، وقواعدُ هذه
   المواضع أخصُّ منها — فإعلانٌ بلا أولوية يُهزَم ويعود إلى 11px. */
#clients .clients-empty p{font-size:13px!important}/* نصّ الحالة الفارغة في الموكّلين */
.primary,.primary span{font-size:13px!important}/* عنوان الزرّ الأساسي (11px في قاعدته) */
#documents .subnav strong{font-size:13px!important}/* عنوان شريط المستندات */
#documents .subnav .subbtn{font-size:13px!important}/* تبويبات المستندات */
#documents #document-provider-status span{font-size:var(--t-label,12.5px)!important}/* تنبيه المزوّد — كان 8px */
#assistant .lw-head p{font-size:13px!important}/* وصف القارئ */
#assistant #lw-sources .lw-src{font-size:13px!important}/* رقائق المصادر */
#assistant #lw-sources .lw-src b{font-size:var(--t-label,12.5px)!important}/* أعداد المصادر */
#assistant #lw-scale-value{font-size:var(--t-label,12.5px)!important}/* مؤشّر مقاس القراءة */
#assistant #law-status-text{font-size:var(--t-label,12.5px)!important}/* حالة الفهرسة */

/* ═══ LEGAL_EXPLANATIONS_89 — شرح المرجع المرفق تحت المادة ═══ */
#assistant .lw-explanations{margin-top:28px;border:1px solid var(--lw-line);border-inline-start:4px solid var(--lw-hue);border-radius:12px;background:var(--lw-surface);padding:20px;text-align:start;min-width:0}
#assistant .lw-related{margin-top:24px;border-top:1px solid var(--lw-line);padding-top:16px}
#assistant .lw-related summary{cursor:pointer;font-size:22px;font-weight:800;color:var(--lw-tuwaiq);min-height:44px}
#assistant .lw-related-list{display:grid;gap:8px;margin-top:12px}
#assistant .lw-related-link{display:grid;gap:3px;width:100%;padding:10px 12px;text-align:start;border:1px solid var(--lw-line);border-radius:9px;background:var(--lw-surface);color:var(--lw-text);cursor:pointer}
#assistant .lw-related-link:hover{border-color:var(--lw-camel);background:var(--lw-surface2)}
#assistant .lw-related-link{min-height:44px;min-width:0;overflow-wrap:anywhere;font-family:inherit}
#assistant .lw-related-link b,#assistant .lw-related-link span{font-size:18px!important;color:var(--lw-tuwaiq)}
#assistant .lw-related-link small{font-size:20px!important;line-height:1.7;color:var(--lw-text2);white-space:normal}
#assistant .lw-related-link:focus-visible,#assistant .lw-section summary:focus-visible{outline:2px solid var(--lw-camel);outline-offset:2px}
#assistant .lw-section{display:block;width:100%;border:0;border-bottom:1px solid var(--lw-line);padding:8px;background:transparent}
#assistant .lw-section summary{font-size:18px;min-height:44px;cursor:pointer;color:var(--lw-text)}
#assistant .lw-section-articles{display:flex;flex-wrap:wrap;gap:6px;padding:6px}
#assistant .lw-section-articles button{min-width:44px;min-height:44px;border:1px solid var(--lw-line);border-radius:8px;background:var(--lw-surface);font-size:18px;cursor:pointer}
#assistant .lw-related-back{margin-bottom:12px}
#assistant .lw-sections{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;padding:8px;border:1px solid var(--lw-line);border-radius:10px;background:var(--lw-surface2)}
#assistant .lw-sections[hidden]{display:none!important}
@media(max-width:1000px){
  #assistant .lw-colhead .lw-sources{display:flex;order:3;flex:1 0 100%;min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}
  #assistant .lw-colhead .lw-src{flex:0 0 auto;min-height:44px}
  #assistant .lw-colhead .lw-searchwrap{min-width:0;flex:1 1 150px}
}
@media(max-width:620px){#assistant .lw-colhead .lw-searchwrap{order:2;flex-basis:100%;max-width:none}}
#assistant .lw-sections-panel{width:100%;min-width:0}
#assistant .lw-sections-panel>summary{min-height:44px;align-content:center;cursor:pointer;font-size:18px!important;font-weight:700}
#assistant .lw-sections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:280px;overflow:auto;padding:6px}
@media(max-width:900px){#assistant .lw-sections-grid{grid-template-columns:minmax(0,1fr)}}
#assistant .lw-section{display:block;min-width:0;max-width:100%;border:1px solid var(--lw-line);border-radius:8px;background:var(--lw-surface);padding:6px 9px;color:var(--lw-text);font:inherit}
#assistant .lw-section b{font-size:16px!important;color:var(--lw-text3)}
#assistant .lw-section-articles button{font-family:inherit;color:var(--lw-text)}
#assistant .lw-related summary:focus-visible,#assistant .lw-section-articles button:focus-visible{outline:3px solid var(--lw-hue);outline-offset:3px}
#assistant .lw-sections-loading,#assistant .lw-sections-error{font-size:18px!important;color:var(--lw-text2);padding:5px}
@media(max-width:900px){#assistant .lw-related-link{min-height:44px}#assistant .lw-sections{max-height:180px;overflow:auto}}
@media(max-width:900px){#assistant .lw-doc .lw-reader.lw-related-return .lw-page-pinned{display:none!important}#assistant .lw-doc .lw-reader.lw-related-return{display:block!important;overflow:auto}#assistant .lw-doc .lw-reader.lw-related-return .lw-page-current{height:auto;min-height:100%;overflow:visible}}
#assistant .lw-explanations summary{cursor:pointer;color:var(--lw-hue-ink);font-weight:800;font-size:22px!important;padding:4px 0}
#assistant .lw-explanations summary span{font-size:inherit!important}
#assistant .lw-explanations .lw-explanation-count{font-size:15px!important;margin-inline-start:14px;font-weight:500;color:var(--lw-text2)}
#assistant .lw-explanation-notice,#assistant .lw-explanation-source{font-size:16px!important;line-height:1.8!important;margin:10px 0;color:var(--lw-text2)}
#assistant .lw-explanation-list{display:grid;gap:16px;margin-top:18px}
#assistant .lw-explanation-card{min-width:0;padding:18px;border:1px solid var(--lw-line);border-radius:10px;background:color-mix(in srgb,var(--lw-hue) 4%,var(--lw-surface))}
#assistant .lw-explanation-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#assistant .lw-explanation-section{font-size:16px!important;font-weight:700;color:var(--lw-hue-ink)}
#assistant .lw-explanation-ref{font-size:15px!important;color:var(--lw-text2);unicode-bidi:plaintext}
#assistant .lw-explanation-text{font-family:var(--lw-serif);font-size:var(--lw-explanation-size,24px)!important;line-height:1.85}
#assistant .lw-explanation-text p,#assistant .lw-explanation-text strong{font-family:inherit;font-size:inherit!important;line-height:inherit!important;color:var(--lw-text)}
#assistant .lw-explanation-text p{margin:0 0 .75em;overflow-wrap:anywhere}
#assistant .lw-explanation-text p:last-child{margin-bottom:0}
#assistant .lw-explanation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--lw-line)}
#assistant .lw-explanation-actions .lw-btn,#assistant .lw-explanation-actions>span{font-size:14px!important}
#assistant .lw-explanation-actions>span{color:var(--lw-text2);margin-inline-start:auto}
@media(max-width:700px){#assistant .lw-explanations{padding:12px}#assistant .lw-explanation-card{padding:12px}}
@media print{#assistant .lw-explanation-actions{display:none!important}#assistant .lw-explanation-card{break-inside:avoid}}

/* REGREEN_94 — حالة المواد المرتبطة: وسم p يقهره الرمز العام فيهبط إلى 11px.
   وهذا هو العيب الذي كُتب عقد 57 ليمنعه، فعاد من بابٍ جديد. والقاعدة تتبع
   أرضية المرحلة 88 لا رقماً مكتوباً هنا. */
#assistant .lw-related-status{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3);margin:.25rem 0 0}

/* AI_CALL_96 — كبسولة الحالة وزرّ الميزانية ولوحة المعاينة.
   المقاسات تتبع طبقة المقياس (المرحلة 61) بـ!important، وإلا هبطت إلى 11px
   تحت الرمز العام — وهي العائلة التي أوقعت 23 موضعاً قبل المرحلة 88. */
.ai-budget-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.75rem 0 0;padding:.75rem;
  border:1px solid var(--sys-separator);border-radius:var(--sys-radius-sm);background:var(--sys-bg)}
.ai-status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;
  font-size:var(--t-label,12.5px)!important;font-weight:700;background:var(--sys-fill);color:var(--sys-ink-2)}
.ai-status-pill::before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--sys-ink-3)}
.ai-status-pill[data-state="ready"]::before{background:var(--pal-green)}
.ai-status-pill[data-state="blocked"]::before{background:var(--pal-brown)}
.ai-status-pill[data-state="offline"]::before{background:var(--sys-ink-3)}
.ai-budget-field{display:flex;align-items:center;gap:.45rem;margin:0}
.ai-budget-field span{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-2)}
.ai-budget-field input{width:6rem;font-size:13px!important;padding:.35rem .5rem;border-radius:var(--sys-radius-sm);
  border:1px solid var(--sys-separator);background:var(--sys-surface);color:var(--sys-ink)}
.ai-budget-hint{flex:1 0 100%;font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3)}
/* زرّ «حفظ الحدّ» يرث smallbtn، وهي بلا مقاسٍ بـ!important فهبط إلى 11px — قاسه
   مقياسُ الأرضية حيّاً بعد أن مرّ من العقد. ومن أضاف زرّاً هنا فليُضِف قاعدته. */
#ai-budget-save{font-size:13px!important}
.ai-preview-modal .client-modal-card{max-width:44rem}
.ai-preview-meta{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3);margin:.25rem 0 .5rem}
.ai-preview-body{max-height:22rem;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0 0 .75rem;
  padding:.75rem;border:1px solid var(--sys-separator);border-radius:var(--sys-radius-sm);
  background:var(--sys-bg);color:var(--sys-ink);font-size:13px!important;line-height:1.75;font-family:inherit}
.ai-preview-mute{display:flex;gap:.5rem;align-items:flex-start;margin:0 0 .75rem}
.ai-preview-mute b{display:block;font-size:13px!important}
.ai-preview-mute small{display:block;font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3)}

/* CHAT_97 — سطح المساعد. المقاسات بـ!important لأن الوسوم التي يقهرها
   الرمز العام (p · small · label · button · textarea · select) تهبط إلى 11px
   بدونها — وهي أكثر عائلةٍ تكرّرت في هذا الملفّ. */
/* ترويسة الصفحة: .eyebrow وp من الوسوم التي يقهرها الرمز العام، وطبقة المقياس
   تُخصّص لكل سطحٍ باسمه — فسطحٌ جديد يولد بـ11px حتى تُكتب قاعدته. قاسه مقياس
   الأرضية حيّاً بعد أن مرّ من العقد. */
#chat .head .eyebrow{font-size:var(--t-label,12.5px)!important}
#chat .head p{font-size:13px!important}
#chat .chat-grid{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:1rem;align-items:start}
#chat .chat-thread{display:flex;flex-direction:column;min-height:28rem;padding:0;overflow:hidden}
#chat .chat-log{flex:1;overflow-y:auto;max-height:32rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}
#chat .chat-empty{margin:auto;max-width:26rem;text-align:center;color:var(--sys-ink-3);font-size:13px!important;line-height:1.9}
#chat .chat-msg{display:flex;flex-direction:column;gap:.25rem;max-width:100%}
#chat .chat-bubble{padding:.7rem .9rem;border-radius:var(--sys-radius-sm);font-size:13px!important;line-height:1.9;
  white-space:pre-wrap;word-break:break-word;border:1px solid var(--sys-separator);background:var(--sys-surface);color:var(--sys-ink)}
#chat .chat-me{align-items:flex-start}
#chat .chat-me .chat-bubble{background:var(--sys-fill);border-color:transparent}
#chat .chat-sys .chat-bubble{background:var(--sys-bg);color:var(--sys-ink-2)}
#chat .chat-note{margin:0;font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3);line-height:1.7}
#chat .chat-cite{padding:0 .15rem;border-radius:4px}
#chat mark.chat-cite{background:rgba(16,107,77,.12);color:var(--pal-green);text-decoration:none}
#chat del.chat-cite{background:rgba(140,82,6,.1);color:var(--pal-brown)}
#chat .chat-composer{border-top:1px solid var(--sys-separator);padding:.75rem;display:flex;flex-direction:column;gap:.6rem;background:var(--sys-bg)}
#chat .chat-tasks{display:flex;flex-wrap:wrap;gap:.4rem}
#chat .chat-tasks button,#chat .chat-engines button{border:1px solid var(--sys-separator);background:var(--sys-surface);
  color:var(--sys-ink-2);border-radius:999px;padding:.3rem .75rem;font-size:var(--t-label,12.5px)!important;font-weight:700;cursor:pointer}
#chat .chat-tasks button.active,#chat .chat-engines button.active{background:var(--sys-accent);border-color:var(--sys-accent);color:var(--sys-on-fill)}
#chat #chat-input{width:100%;resize:vertical;padding:.6rem .75rem;border-radius:var(--sys-radius-sm);
  border:1px solid var(--sys-separator);background:var(--sys-surface);color:var(--sys-ink);font-size:13px!important;
  line-height:1.9;font-family:inherit}
#chat .chat-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
#chat .chat-provider-field{display:flex;align-items:center;gap:.4rem;margin:0}
#chat .chat-provider-field span{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3)}
#chat .chat-provider-field select{font-size:var(--t-label,12.5px)!important;padding:.3rem .5rem;border-radius:var(--sys-radius-sm);
  border:1px solid var(--sys-separator);background:var(--sys-surface);color:var(--sys-ink)}
#chat .chat-selected-count{margin-inline-start:auto;font-size:var(--t-label,12.5px)!important;font-weight:700;color:var(--sys-ink-3)}
#chat .chat-selected-count[data-state="on"]{color:var(--pal-green)}
#chat #chat-send{font-size:13px!important}
#chat #chat-send:disabled{opacity:.5;cursor:not-allowed}
#chat .chat-sources{display:flex;flex-direction:column;gap:.6rem;max-height:36rem}
#chat .chat-sources header h2{margin:0;font-size:15px!important}
#chat .chat-sources header p{margin:.15rem 0 0;font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3)}
#chat .chat-engines{display:flex;flex-wrap:wrap;gap:.35rem}
#chat #chat-source-search{width:100%;padding:.45rem .6rem;border-radius:var(--sys-radius-sm);border:1px solid var(--sys-separator);
  background:var(--sys-surface);color:var(--sys-ink);font-size:13px!important;font-family:inherit}
#chat .chat-source-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem;min-height:8rem}
#chat .chat-source-empty{margin:.5rem 0;font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3)}
#chat .chat-source-row{display:flex;gap:.5rem;align-items:flex-start;padding:.45rem .5rem;border-radius:var(--sys-radius-sm);
  border:1px solid transparent;cursor:pointer}
#chat .chat-source-row:hover{background:var(--sys-bg)}
#chat .chat-source-row.on{background:var(--sys-bg);border-color:var(--sys-accent)}
#chat .chat-source-row b{display:block;font-size:13px!important}
#chat .chat-source-row small{display:block;font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3);line-height:1.6}
@media(max-width:1000px){#chat .chat-grid{grid-template-columns:minmax(0,1fr)}#chat .chat-sources{max-height:24rem}}

/* DOC_INTEL_98 — لوح المستند وبطاقة الحقول المقترحة. والمقاسات بـ!important:
   كلُّ سطحٍ جديد يولد بـ11px حتى تُكتب قاعدته — درسُ المرحلة 97. */
#chat .chat-modes{display:flex;gap:.35rem}
#chat .chat-modes button{flex:1;border:1px solid var(--sys-separator);background:var(--sys-surface);color:var(--sys-ink-2);
  border-radius:var(--sys-radius-sm);padding:.35rem .5rem;font-size:var(--t-label,12.5px)!important;font-weight:700;cursor:pointer}
#chat .chat-modes button.active{background:var(--sys-accent);border-color:var(--sys-accent);color:var(--sys-on-fill)}
#chat .chat-doc-hint{margin:0 0 .5rem;font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3);line-height:1.7}
#chat .doc-suggestions{display:flex;flex-direction:column;gap:.3rem}
#chat .doc-confidence{margin:0 0 .35rem;font-size:var(--t-label,12.5px)!important;font-weight:700;color:var(--pal-green)}
#chat .doc-confidence[data-low="1"]{color:var(--pal-brown)}
#chat .doc-rejected{margin:0 0 .35rem;font-size:var(--t-label,12.5px)!important;color:var(--pal-brown)}
#chat .doc-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:var(--sys-radius-sm);
  background:var(--sys-bg);border:1px solid var(--sys-separator)}
#chat .doc-row b{flex:0 0 7.5rem;font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3)}
#chat .doc-row span{flex:1;font-size:13px!important;color:var(--sys-ink);word-break:break-word}
#chat .doc-row button{flex:0 0 auto;font-size:var(--t-label,12.5px)!important}
#chat .doc-row i{flex:0 0 auto;font-style:normal;font-size:var(--t-label,12.5px)!important;font-weight:700;color:var(--pal-brown)}
#chat .doc-row.empty{opacity:.6}
#chat .doc-row.empty span{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3)}

/* DOC_TO_CASE_99 — لوح النقل إلى القضية. والمقاسات بـ!important كعادة هذا الملفّ. */
#chat .chat-doc-transfer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.5rem;
  border-top:1px solid var(--sys-separator)}
#chat .chat-doc-transfer select{flex:1;min-width:0;font-size:var(--t-label,12.5px)!important;padding:.3rem .5rem;
  border-radius:var(--sys-radius-sm);border:1px solid var(--sys-separator);background:var(--sys-surface);color:var(--sys-ink)}
#chat .chat-doc-transfer button{font-size:var(--t-label,12.5px)!important}
#chat .doc-row del{color:var(--sys-ink-3);text-decoration-color:var(--pal-brown)}
#chat .doc-held{margin:.5rem 0 0;padding-inline-start:1.1rem;display:flex;flex-direction:column;gap:.2rem}
#chat .doc-held li{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3);line-height:1.7}


/* ═══ MEMO_DRAFT_100 — بطاقة مسوّدة الموجز ═══
   كلُّ سطحٍ جديد يولد بـ11px حتى تُكتب قاعدته: طبقةُ المقاس تُطبَّق بـ!important،
   فما لم يُعلن مقاسه بها هبط إلى الأرضية. */
#memo-draft{border:1px solid var(--sys-separator);border-radius:var(--sys-radius-sm,12px);
  background:var(--sys-surface);padding:.75rem;margin:0 0 .75rem;display:grid;gap:.5rem;
  /* الأساس على الحاوية نفسها: أغلفتها لا تحمل نصّاً اليوم، ومن كتب فيها نصّاً
     غداً ورثه بمقاسٍ صالح بدل أن يولد بـ11px. */
  font-size:var(--t-body,15px)!important}
#memo-draft header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
#memo-draft header b{font-size:var(--t-body,15px)!important;color:var(--sys-ink)}
#memo-draft header span{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3)}
#memo-draft article p{font-size:var(--t-body,15px)!important;line-height:1.85;color:var(--sys-ink);margin:0 0 .5rem}
#memo-draft .memo-draft-note{margin:0;padding-inline-start:1.1rem;display:grid;gap:.25rem}
#memo-draft .memo-draft-note li{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3);line-height:1.7}
#memo-draft .memo-draft-acts{display:flex;flex-wrap:wrap;gap:.5rem}
#memo-draft .memo-draft-acts button{font-size:var(--t-label,12.5px)!important;border-radius:999px;
  border:1px solid var(--sys-separator);background:var(--sys-fill);color:var(--sys-ink);
  padding:.35rem .9rem;cursor:pointer}
#memo-draft .memo-draft-acts button[data-memo-draft="accept"]{background:var(--sys-accent);border-color:transparent;color:var(--sys-on-fill)}
#memo-source header button#memo-draft-run{font-size:var(--t-label,12.5px)!important}
body.saas-dark #memo-draft{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}


/* ═══ CITE_GAP_101 — قائمة ثغرات الاستشهاد ═══ */
#memos .memo-gap-list{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.35rem;
  font-size:var(--t-label,12.5px)!important}
#memos .memo-gap-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  flex-wrap:wrap;padding:.3rem .5rem;border-radius:var(--sys-radius-sm,12px);background:var(--sys-fill);
  /* الوراثة لا تكفي: طبقةُ المقاس تبلغ العنصر نفسه بـ!important، فقيس العنصرُ 11px. */
  font-size:var(--t-label,12.5px)!important}
#memos .memo-gap-list li span{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-2);
  min-width:0;overflow-wrap:anywhere}
#memos .memo-gap-list li button{font-size:var(--t-label,12.5px)!important;border-radius:999px;
  border:1px solid var(--sys-separator);background:var(--sys-surface);color:var(--sys-ink);
  padding:.25rem .75rem;cursor:pointer;white-space:nowrap}
body.saas-dark #memos .memo-gap-list li{background:rgba(255,255,255,.06)}
body.saas-dark #memos .memo-gap-list li button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}


/* ═══ MEMO_REVIEW_102 — ملاحظات مراجعة الدفوع ═══ */
#memos .memo-review-list{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.35rem;
  font-size:var(--t-label,12.5px)!important}
#memos .memo-review-list li{padding:.3rem .5rem;border-radius:var(--sys-radius-sm,12px);
  background:var(--sys-fill);font-size:var(--t-label,12.5px)!important}
#memos .memo-review-list li span{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-2);
  line-height:1.7;overflow-wrap:anywhere}
#memos button#memo-review-run{font-size:var(--t-label,12.5px)!important}
body.saas-dark #memos .memo-review-list li{background:rgba(255,255,255,.06)}

/* ═══ ONE_SEARCH_103 — لا سطحَ جديداً في هذه المرحلة: الترتيب وحده تغيّر ═══ */


/* ═══ CHAT_ENGINE_104 — لوح المصدر: مدوّنةٌ كاملة ═══ */
#chat .chat-engine-note{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-3);
  line-height:1.75;margin:.6rem 0 0;padding:.55rem .7rem;border-radius:var(--sys-radius-sm,12px);
  background:var(--sys-fill);overflow-wrap:anywhere}
body.saas-dark #chat .chat-engine-note{background:rgba(255,255,255,.06)}


/* ═══════════════════ CHAT_FULL_105 — شاتٌ يملأ الصفحة ═══════════════════
 *
 * كان المساعد بطاقتين متجاورتين في صفحةٍ ذات هوامش: لوحُ مصدرٍ عريض إلى جانب
 * مجرًى محصورٍ في 32rem. والمحادثة لا تُقرأ هكذا — سطحُها الطبيعي **صفحةٌ
 * كاملة**: أرضٌ رمادية، وعمودُ نصٍّ مُوسَّطٌ لا يتّسع حتى يتعب العين، ومرسًى
 * ملتصقٌ بالأسفل. وهو ما استقرّ عليه كلُّ من بنى محادثة.
 *
 * وثلاثة مقاييس تحكم الشكل:
 *   • **عمود القراءة 52rem**: السطر الطويل يُتعب التتبّع، والقصير يقطع المعنى.
 *   • **الأرض رمادية والفقاعة بيضاء**: العمق من الأرض لا من الحدود.
 *   • **لوح المصدر شريطٌ لا عمود**: مدوّنةٌ واحدة تُختار، ولا حاجة إلى عمودٍ
 *     كاملٍ لخمسة أزرار (وهذا ثمرةُ المرحلة 104: زال انتقاءُ الموادّ باليد).
 *
 * ولا يُغيَّر في هذه المرحلة سلوكٌ ولا حمولة — الشكلُ وحده.
 */
#chat.page.active{display:flex}
#chat .chat-wrap{max-width:none;width:100%;padding:0;display:flex;flex-direction:column;
  min-height:0;height:100%;background:var(--sys-bg)}

/* الترويسة: شريطٌ رفيعٌ لا كتلةُ عنوان */
#chat .head{margin:0;padding:.85rem 1.25rem;background:var(--sys-surface);
  border-bottom:1px solid var(--sys-separator);align-items:center;gap:.75rem;flex:none}
#chat .head h1{font-size:var(--t-h2,19px)!important;margin:0}
#chat .head .eyebrow{margin:0}

/* الشبكة صارت عموداً واحداً: مصدرٌ فوق، ومجرًى يملأ ما بقي */
/* CHAT_SIDE_108: صفٌّ لا عمود — المجرى يميناً (أوّلُ الصفّ في RTL) والقائمة يساراً */
#chat .chat-grid{display:flex;flex-direction:row;grid-template-columns:none;
  flex:1;min-height:0;gap:0;align-items:stretch}

/* لوح المصدر: شريطٌ أفقيّ */
/* **الاتّجاه يُصرَّح به**: القاعدة السابقة عمودٌ بسقف 36rem. وقاعدةٌ تُضيف ولا
   تنقض تُبقيه عموداً، فيصير «flex:1 1 20rem» على اللوح **ارتفاعاً** لا عرضاً —
   وقيس الشريط 411px بدل 40. عائلةٌ تستحقّ اسماً: **قاعدةٌ تُضيف ولا تنقض**. */
/* CHAT_SIDE_108: الشريط صار لوحاً جانبياً يساراً — بالقاعدة نفسها لا بقاعدةٍ فوقها.
   والاتّجاه والسقف مصرَّحٌ بهما: قاعدةُ 97 عمودٌ بسقف 36rem، واستعلامُ 1000px يسقفه 24rem. */
#chat .chat-sources{flex:0 0 17rem;width:17rem;min-width:0;min-height:0;border:0;
  border-inline-start:1px solid var(--sys-separator);
  border-radius:0;box-shadow:none;background:var(--sys-surface);padding:1rem .85rem;
  display:flex;flex-direction:column;align-items:stretch;gap:.9rem;
  max-height:none;overflow-y:auto}
#chat .chat-sources>header{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;margin:0;flex:none}
#chat .chat-sources>header h2{font-size:var(--t-label,12.5px)!important;margin:0;color:var(--sys-ink)}
#chat .chat-sources>header p{font-size:var(--t-label,12.5px)!important;margin:0;color:var(--sys-ink-3)}
#chat .chat-modes{display:flex;gap:.35rem;flex:none}
#chat #chat-law-pane{display:flex;flex-direction:column;align-items:stretch;gap:1rem;flex:none;min-width:0}
/* DOC_MODE_HIDDEN_201: docRenderMode تضع السمة hidden، وقواعد display:flex لهذه العناصر كانت تغلبها، فتنزل قائمة المستندات تحت لوح الأنظمة. */
#chat #chat-law-pane[hidden],#chat .chat-tasks[hidden],#chat .chat-doc-transfer[hidden]{display:none!important}
#chat .chat-engines{display:flex;flex-direction:column;gap:.9rem;min-width:0}
/* قياسُ التباين أرى اللافتة عند 4.04:1 — رماديٌّ فاتح على رقعةٍ فاتحة.
   والعتبة 4.5، فيُغمَّق الحبر درجةً واحدة ويبقى الشكل. */
#chat .chat-engine-note{flex:1 1 16rem;min-width:0;margin:0;color:var(--sys-ink-2)}
#chat #chat-doc-pane{flex:1 1 100%;min-width:0}

/* المجرى: أرضٌ رمادية وعمودُ قراءةٍ مُوسَّط */
#chat .chat-thread{background:transparent;border:0;box-shadow:none;border-radius:0;
  flex:1;min-height:0;padding:0;overflow:hidden}
#chat .chat-log{flex:1;min-height:0;max-height:none;background:var(--sys-bg);
  padding:1.5rem 1.25rem 1rem;align-items:center;gap:1rem}
#chat .chat-log>*{width:100%;max-width:52rem}
#chat .chat-empty{max-width:34rem}
#chat .chat-ai .chat-bubble,#chat .chat-sys .chat-bubble{box-shadow:0 1px 2px rgba(0,0,0,.04)}
#chat .chat-me .chat-bubble{max-width:min(80%,40rem);margin-inline-start:auto}

/* المرسى: ملتصقٌ بالأسفل، وعرضُه عرضُ عمود القراءة */
#chat .chat-composer{flex:none;background:var(--sys-bg);border-top:1px solid var(--sys-separator);
  padding:.8rem 1.25rem 1rem;align-items:center}
#chat .chat-composer>*{width:100%;max-width:52rem}
/* المكتبُ قيس 98px بثلاثة أسطر، فصار المرسى 212px — ثلثَ الإطار في الشاشة
   المتوسّطة. وسطران يكفيان، والجرُّ باقٍ لمن أراد أكثر. */
#chat #chat-input{border-radius:18px;padding:.65rem 1rem;min-height:0;height:3.25rem;
  box-shadow:0 1px 2px rgba(0,0,0,.04)}
#chat .chat-actions{justify-content:flex-end}
#chat .chat-selected-count{margin-inline-end:auto}

body.saas-dark #chat .chat-wrap,body.saas-dark #chat .chat-log,body.saas-dark #chat .chat-composer{background:#101114}
body.saas-dark #chat .head,body.saas-dark #chat .chat-sources{background:rgba(255,255,255,.04)}

/* الشاشة الضيّقة: الهوامش تنكمش ولا يُقصّ شيء */
@media (max-width:720px){
  #chat .head{padding:.7rem .85rem}
  #chat .chat-sources{padding:.5rem .85rem}
  #chat .chat-log{padding:1rem .85rem .75rem}
  #chat .chat-composer{padding:.7rem .85rem .85rem}
  #chat .chat-me .chat-bubble{max-width:92%}
}


/* ═══════════════════ CHAT_POLISH_107 — مؤشّرٌ، وردٌّ منسَّق، وزرُّ تصفير ═══════════════════
 * كلُّ سطحٍ جديد له مقاسٌ بـ!important: الوسوم التي يقهرها الرمز العام تهبط
 * إلى 11px بدونها — وهي أكثر عائلةٍ تكرّرت في هذا الملف.
 */
#chat .chat-ai .chat-bubble{white-space:normal}
#chat .chat-md{font-size:13px!important;line-height:1.9}
#chat .chat-md>:first-child{margin-top:0}
#chat .chat-md>:last-child{margin-bottom:0}
#chat .chat-md p{margin:0 0 .65rem;font-size:13px!important;line-height:1.9}
#chat .chat-md h3{margin:1rem 0 .45rem;font-size:15px!important;font-weight:800;line-height:1.6;color:var(--sys-ink)}
#chat .chat-md h4{margin:.85rem 0 .4rem;font-size:13.5px!important;font-weight:800;line-height:1.6;color:var(--sys-ink)}
#chat .chat-md ul,#chat .chat-md ol{margin:0 0 .65rem;padding-inline-start:1.35rem}
#chat .chat-md li{margin:.2rem 0;font-size:13px!important;line-height:1.85}
#chat .chat-md li::marker{color:var(--sys-ink-3)}
#chat .chat-md strong{font-weight:800;color:var(--sys-ink)}
#chat .chat-md em{font-style:normal;color:var(--sys-ink-2)}
#chat .chat-md hr{border:0;border-top:1px solid var(--sys-separator);margin:.9rem 0}
#chat .chat-md blockquote{margin:0 0 .65rem;padding:.45rem .85rem;border-inline-start:3px solid var(--sys-accent);
  border-radius:0 var(--sys-radius-sm) var(--sys-radius-sm) 0;background:var(--sys-bg);color:var(--sys-ink-2);font-size:13px!important}
#chat .chat-md code{font-size:var(--t-label,12.5px)!important;background:var(--sys-fill);padding:0 .3rem;border-radius:4px}
#chat .chat-md .chat-table{overflow-x:auto;margin:0 0 .65rem;max-width:100%}
#chat .chat-md table{border-collapse:collapse;width:100%}
#chat .chat-md th,#chat .chat-md td{border:1px solid var(--sys-separator);padding:.4rem .6rem;text-align:start;vertical-align:top;
  font-size:var(--t-label,12.5px)!important;line-height:1.7}
#chat .chat-md th{background:var(--sys-bg);font-weight:800;color:var(--sys-ink)}

/* المؤشّر: ثلاث نقاطٍ تخفت وتشتدّ — بالشفافية وحدها، فلا تتحرّك الصفحة */
#chat .chat-thinking .chat-bubble{display:inline-flex;align-items:center;gap:.6rem;align-self:flex-start;color:var(--sys-ink-2)}
#chat .chat-thinking-label{font-size:13px!important}
#chat .chat-thinking-dots{display:inline-flex;gap:.3rem;flex:none}
#chat .chat-thinking-dots i{width:.42rem;height:.42rem;border-radius:50%;background:var(--sys-accent);opacity:.25;
  animation:chat-thinking 1.2s var(--ease-in-out) infinite}
#chat .chat-thinking-dots i:nth-child(2){animation-delay:.2s}
#chat .chat-thinking-dots i:nth-child(3){animation-delay:.4s}
@keyframes chat-thinking{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){#chat .chat-thinking-dots i{animation:none;opacity:.6}}

/* «محادثة جديدة»: آخرُ الشريط */
#chat #chat-reset{margin-top:auto;align-self:stretch;justify-content:center;flex:none;font-size:var(--t-label,12.5px)!important}
#chat #chat-reset:disabled{opacity:.5;cursor:not-allowed}


/* ═══════════════════ CHAT_SIDE_108 — القائمة اليسرى، والنصُّ يميناً ═══════════════════ */
#chat .chat-sources>header{display:block}
#chat .chat-sources>header p{margin-top:.2rem}
#chat .chat-modes{align-self:stretch}
#chat .chat-modes button{flex:1}

/* المجموعات: عنوانٌ صغير ثم صفوفٌ بعرض اللوح */
#chat .chat-engine-group{display:flex;flex-direction:column;gap:.15rem}
#chat .chat-engine-group-title{margin:0 0 .25rem;padding-inline:.6rem;font-size:var(--t-label,12.5px)!important;
  font-weight:800;color:var(--sys-ink-2)}
/* CHAT_DESK_109: الزرُّ صار رأسَ بطاقة — فالقاعدة تسمّي الرأسَ لا كلَّ زرٍّ في المجموعة
   (أزرار الفروع داخل البطاقة أزرارٌ أيضاً، وقاعدةٌ على «button» تبتلعها). */
#chat .chat-engines .chat-engine-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  width:100%;text-align:start;border:0;border-radius:8px;background:transparent;color:var(--sys-ink);
  padding:0;font-size:13.5px!important;font-weight:800;cursor:pointer}
#chat .chat-engines .chat-engine-head small{font-size:var(--t-label,12.5px)!important;font-weight:600;
  color:var(--sys-ink-2);flex:none}

/* ما أُرسل مع آخر سؤال: مقسومٌ بالأداة */
#chat .chat-sent{border-top:1px solid var(--sys-separator);padding-top:.85rem}
#chat .chat-sent h3{margin:0 0 .5rem;font-size:var(--t-label,12.5px)!important;font-weight:800;color:var(--sys-ink)}
#chat .chat-sent h3 span{color:var(--sys-ink-2);font-weight:600}
#chat .chat-sent-group{margin:0 0 .6rem}
#chat .chat-sent-instrument{margin:0 0 .2rem;font-size:var(--t-label,12.5px)!important;font-weight:700;color:var(--sys-ink-2)}
#chat .chat-sent ul{margin:0;padding-inline-start:1.1rem}
#chat .chat-sent li{font-size:var(--t-label,12.5px)!important;line-height:1.8;color:var(--sys-ink)}

/* العربيّة يميناً: المكتبُ ونصُّه المؤقّت والردّ */
#chat .chat-log,#chat .chat-bubble{direction:rtl;text-align:right}
#chat #chat-input{direction:rtl;text-align:right}
#chat #chat-input::placeholder{text-align:right}

/* الشاشة الضيّقة: اللوحُ فوق المجرى، والأنظمة صفٌّ يلتفّ */
/* والقائمةُ فيه صفٌّ واحدٌ من الأزرار بلا عناوين — فالشاشة لا تتّسع لعمودين ولا لقائمةٍ طويلة */
@media (max-width:900px){
  #chat .chat-grid{flex-direction:column}
  #chat .chat-sources{order:-1;flex:none;width:auto;max-height:40vh;border-inline-start:0;
    border-bottom:1px solid var(--sys-separator);padding:.6rem .85rem;gap:.5rem}
  #chat .chat-sources>header p{display:none}
  #chat .chat-engines{flex-direction:row;flex-wrap:wrap;gap:.3rem}
  #chat .chat-engine-group{display:contents}
  #chat .chat-engine-group-title{display:none}
  /* CHAT_DESK_109: قواعدُ البطاقات في الضيّق في آخر الملف — بعد قواعدها الأصلية لا قبلها */
  #chat .chat-sent{padding-top:.5rem}
}


/* ═══════════════════ CHAT_DESK_109 — لوحٌ من بطاقات، وجوابٌ يبدأ بالمادة ═══════════════════ */

/* اللوح: أرضٌ رمادية تحمل بطاقاتٍ بيضاء في إطار */
#chat .chat-sources{background:var(--sys-bg)}
#chat .chat-modes{background:var(--sys-fill);border-radius:10px;padding:3px;gap:3px}
#chat .chat-modes button{border:0;border-radius:8px;background:transparent;box-shadow:none}
#chat .chat-modes button.active{background:var(--sys-surface);color:var(--sys-ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}

#chat .chat-engine-group{gap:.4rem}
#chat .chat-engine-group-title{padding-inline:.2rem;margin:0}
#chat .chat-engine-group-note{margin:-.15rem 0 .15rem;padding-inline:.2rem;font-size:var(--t-label,12.5px)!important;
  line-height:1.6;color:var(--sys-ink-2)}
#chat .chat-engine-card{background:var(--sys-surface);border:1px solid var(--sys-separator);border-radius:12px;
  padding:.6rem .7rem;display:flex;flex-direction:column;gap:.3rem;
  transition:border-color var(--dur-state,160ms) ease,box-shadow var(--dur-state,160ms) ease}
#chat .chat-engine-card:hover{border-color:color-mix(in srgb,var(--sys-accent) 45%,var(--sys-separator))}
#chat .chat-engine-card.active{border-color:var(--sys-accent);box-shadow:0 0 0 1px var(--sys-accent) inset,0 1px 3px rgba(0,0,0,.06)}
#chat .chat-engine-card.active .chat-engine-head span{color:var(--sys-accent)}
#chat .chat-engine-scope{margin:0;font-size:var(--t-label,12.5px)!important;line-height:1.7;color:var(--sys-ink-2)}
#chat .chat-engine-meta{margin:0;font-size:var(--t-label,12.5px)!important;line-height:1.6;color:var(--sys-ink-2);
  border-top:1px dashed var(--sys-separator);padding-top:.35rem}
#chat .chat-branches{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.15rem}
#chat .chat-branches button{border:1px solid var(--sys-separator);background:var(--sys-bg);color:var(--sys-ink);
  border-radius:999px;padding:.2rem .6rem;font-size:var(--t-label,12.5px)!important;font-weight:700;cursor:pointer;
  line-height:1.6;text-align:start}
#chat .chat-branches button small{font-size:var(--t-label,12.5px)!important;font-weight:600;color:var(--sys-ink-2)}
#chat .chat-branches button.active{background:var(--sys-accent);border-color:var(--sys-accent);color:var(--sys-on-fill)}
#chat .chat-branches button.active small{color:var(--sys-on-fill)}

/* ما أُرسل: بطاقةٌ في إطار */
#chat .chat-sent{border-top:0;padding:.7rem .75rem;background:var(--sys-surface);border:1px solid var(--sys-separator);
  border-radius:12px}

/* البداية: عنوانٌ ونصٌّ وأمثلة */
#chat .chat-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem}
#chat .chat-empty-title{margin:0;font-size:var(--t-h2,19px)!important;font-weight:800;color:var(--sys-ink)}
#chat .chat-empty-text{margin:0;font-size:13px!important;line-height:1.9;color:var(--sys-ink-2)}
#chat .chat-examples{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.25rem}
#chat .chat-examples span{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-2)}
#chat .chat-examples button{border:1px solid var(--sys-separator);background:var(--sys-surface);color:var(--sys-ink);
  border-radius:999px;padding:.3rem .8rem;font-size:13px!important;font-weight:700;cursor:pointer}
#chat .chat-examples button:hover{border-color:var(--sys-accent);color:var(--sys-accent)}

/* الجواب: رقمُ المادة المُطابَقة أخضرُ عريض، والفقرةُ التي تبدأ به تُفرَد */
#chat mark.chat-cite.ok{font-weight:800;color:var(--pal-green);background:rgba(16,107,77,.1)}
#chat .chat-md .chat-lead{border-inline-start:3px solid var(--pal-green);padding-inline-start:.7rem;margin-top:.75rem}
#chat .chat-md .chat-lead>mark.chat-cite.ok:first-child,#chat .chat-md .chat-lead>strong:first-child{color:var(--pal-green)}

/* نصوص المواد تحت الجواب: المادة ورقمها أخضرُ عريض، ثم الأداة، ثم النصّ */
#chat .chat-arts{margin-top:.6rem;display:flex;flex-direction:column;gap:.4rem}
#chat .chat-arts-title{margin:0;font-size:var(--t-label,12.5px)!important;font-weight:800;color:var(--sys-ink-2)}
#chat .chat-art{background:var(--sys-surface);border:1px solid var(--sys-separator);border-radius:12px;padding:.55rem .8rem}
#chat .chat-art summary{display:flex;align-items:baseline;gap:.6rem;cursor:pointer;list-style:none}
#chat .chat-art summary::-webkit-details-marker{display:none}
#chat .chat-art summary b{font-size:14px!important;font-weight:800;color:var(--pal-green)}
#chat .chat-art summary span{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-2)}
#chat .chat-art p{margin:.45rem 0 0;font-size:13px!important;line-height:1.95;color:var(--sys-ink);white-space:pre-line}

/* المكتب يتّسع بما يُكتب حتى سقف */
#chat #chat-input{resize:none;max-height:11rem;overflow-y:auto}

/* الضيّق: البطاقاتُ أزرارٌ صغيرة بلا نطاقٍ ولا فروع. وهي هنا **بعد** قواعد البطاقات —
   فاستعلامٌ قبلها بالخصوصية نفسها تنقضه القاعدةُ الأصلية (قاعدةٌ تُضيف ولا تنقض). */
@media (max-width:900px){
  #chat .chat-engine-group{gap:.3rem}
  #chat .chat-engine-card{padding:.3rem .75rem;border-radius:999px;gap:0}
  #chat .chat-engines .chat-engine-head small,#chat .chat-engine-scope,#chat .chat-engine-meta,
  #chat .chat-branches,#chat .chat-engine-group-note{display:none}
}

body.saas-dark #chat .chat-engine-card,body.saas-dark #chat .chat-sent,body.saas-dark #chat .chat-art{background:rgba(255,255,255,.05)}
body.saas-dark #chat mark.chat-cite.ok,body.saas-dark #chat .chat-art summary b{color:#4fd1a1}
body.saas-dark #chat .chat-md .chat-lead{border-inline-start-color:#4fd1a1}


/* ═══════════════════ CHAT_FIX_110 — اللوح المشغول ═══════════════════ */
#chat .chat-sources[aria-busy="true"] .chat-engines,#chat .chat-sources[aria-busy="true"] .chat-modes{
  opacity:.55;cursor:progress}
#chat .chat-sources[aria-busy="true"] .chat-engines button,#chat .chat-sources[aria-busy="true"] .chat-modes button{cursor:progress}

/* ═══════════════════ COURTS_GUIDE_113 · LAW_DATES_113 — المحكمة ودرجتها، وتاريخ آخر تعديل ═══════════════════ */
#chat .chat-court{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.6rem;padding:.6rem .7rem;
  background:var(--sys-surface);border:1px solid var(--sys-separator);border-radius:12px}
#chat .chat-court[hidden]{display:none}
#chat .chat-court-row{display:flex;flex-wrap:wrap;gap:.5rem}
#chat .chat-court-row .chat-provider-field{flex:1 1 9rem;min-width:0}
#chat .chat-court-row select{flex:1;min-width:0;max-width:100%}
#chat .chat-court-note{margin:0;font-size:var(--t-label,12.5px)!important;line-height:1.7;color:var(--sys-ink-2)}
#chat .chat-court-guide summary{cursor:pointer;font-size:var(--t-label,12.5px)!important;font-weight:800;color:var(--sys-accent)}
#chat .chat-court-guide[open] summary{margin-bottom:.35rem}
#chat .chat-court-guide>div{max-height:22rem;overflow-y:auto;padding-inline-end:.25rem}
#chat .chat-court-section{border-top:1px dashed var(--sys-separator);padding-top:.4rem;margin-top:.4rem}
#chat .chat-court-section:first-child{border-top:0;padding-top:0;margin-top:0}
#chat .chat-court-section h4{margin:0 0 .25rem;font-size:13px!important;font-weight:800;color:var(--sys-ink)}
#chat .chat-court-section p{margin:0 0 .25rem;font-size:13px!important;line-height:1.9;color:var(--sys-ink)}
#chat .chat-court-section p.chat-court-source{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-2);margin-top:.35rem}
#chat .chat-court-notice{margin:.5rem 0 0;font-size:var(--t-label,12.5px)!important;line-height:1.7;color:var(--sys-ink-2);
  border-inline-start:3px solid var(--sys-separator);padding-inline-start:.5rem}
#chat .chat-engine-date{margin:0;font-size:var(--t-label,12.5px)!important;line-height:1.6;color:var(--sys-ink-2)}
@media (max-width:900px){ #chat .chat-engine-date{display:none} }
body.saas-dark #chat .chat-court{background:rgba(255,255,255,.05)}
@media print{ #chat .chat-court{display:none} }

/* ═══════════════════ JURISDICTION_GATE_114 — تنبيه الاختصاص تحت السؤال ═══════════════════ */
#chat .chat-gate{margin-top:.45rem;padding:.55rem .7rem;border-radius:10px;text-align:start;
  background:color-mix(in srgb,#B7791F 9%,var(--sys-surface));border:1px solid color-mix(in srgb,#B7791F 45%,var(--sys-separator));
  border-inline-start:3px solid #B7791F;color:var(--sys-ink)}
#chat .chat-gate p{margin:0 0 .3rem;font-size:13px!important;line-height:1.85}
#chat .chat-gate b{color:#8A5A12;font-weight:800}
#chat .chat-gate summary{cursor:pointer;font-size:var(--t-label,12.5px)!important;font-weight:800;color:var(--sys-accent);margin-bottom:.25rem}
#chat .chat-gate .chat-gate-source,#chat .chat-gate .chat-gate-repealed,#chat .chat-gate .chat-gate-caveat,
#chat .chat-gate .chat-gate-foot{font-size:var(--t-label,12.5px)!important;color:var(--sys-ink-2)}
#chat .chat-gate .chat-gate-foot{margin:0}
body.saas-dark #chat .chat-gate{background:rgba(183,121,31,.12)}
body.saas-dark #chat .chat-gate b{color:#f2c46d}

/* ═══ CLIENT_SUMMARY_119 — تبويب «الملخّص» في ملف الموكّل ═══
   خمسة تبويبات لا أربعة: القاعدة السابقة تثبّت أربعة أعمدة بـ!important، فيسقط الخامس إلى صفٍّ
   ثانٍ. وهذا المحدِّد أخصّ منها بعنصر nav. وكل عنصرٍ جديد يحمل مقاسه، فطبقةُ المقاس تهبط بما لم يُعلَن إلى 11px. */
#client-details-body .client-workspace-toolbar nav.client-workspace-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important}
/* في الضيّق صفٌّ واحدٌ يُمرَّر داخله. والاستعلام في سطرٍ واحد: عقد 109 يقرأ آخر استعلامٍ للضيّق حتى أول «}» في أول سطر. */
@media(max-width:640px){#client-details-body .client-workspace-toolbar nav.client-workspace-tabs{display:flex!important;overflow-x:auto;scrollbar-width:none}#client-details-body .client-workspace-toolbar nav.client-workspace-tabs button{flex:0 0 auto;padding-inline:12px!important}}
.summary-tab-icon{display:grid!important;place-items:center;background:rgba(10,110,114,.10);color:var(--pal-teal);border-radius:9px}
.summary-tab-icon .app-icon{width:15px;height:15px}
#client-details-body .client-summary .client-cases-head small{font-size:var(--t-label,12.5px)!important}
#client-details-body .client-summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
@media(max-width:760px){#client-details-body .client-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
#client-details-body .client-summary-metric{min-width:0;padding:10px 12px;border:1px solid var(--sys-separator);border-radius:12px;background:var(--sys-bg)}
#client-details-body .client-summary-metric small{display:block;color:var(--sys-ink-3);font-size:var(--t-label,12.5px)!important;font-weight:800}
#client-details-body .client-summary-metric b{display:block;margin-top:2px;color:var(--sys-ink);font-size:20px!important;font-weight:900;line-height:1.3}
#client-details-body .client-summary-metric span{display:block;margin-top:2px;color:var(--sys-ink-2);font-size:var(--t-label,12.5px)!important;line-height:1.6}
#client-details-body .client-summary-line{margin:12px 0 0;color:var(--sys-ink);font-size:var(--t-body,15px)!important;line-height:1.8}
#client-details-body .client-summary-line.muted{color:var(--sys-ink-3)}
#client-details-body .client-summary-cases{display:grid;gap:8px;margin-top:12px}
#client-details-body .client-summary-case{padding:10px 12px;border:1px solid var(--sys-separator);border-radius:12px;background:var(--sys-surface,#fff)}
#client-details-body .client-summary-case header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#client-details-body .client-summary-case header b{min-width:0;color:var(--sys-ink);font-size:var(--t-body,15px)!important;overflow-wrap:anywhere}
#client-details-body .client-summary-case header span{flex:0 0 auto;padding:2px 10px;border-radius:999px;background:var(--sys-fill);color:var(--sys-ink-2);font-size:var(--t-label,12.5px)!important;font-weight:800}
#client-details-body .client-summary-case small{display:block;margin-top:4px;color:var(--sys-ink-2);font-size:var(--t-label,12.5px)!important;line-height:1.8}
#client-details-body .client-summary-ai{margin-top:12px;padding:12px 14px;border:1px dashed var(--pal-teal);border-radius:12px;background:rgba(10,110,114,.05);display:grid;gap:8px}
#client-details-body .client-summary-ai[hidden]{display:none}
#client-details-body .client-summary-ai header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#client-details-body .client-summary-ai header b{color:var(--sys-ink);font-size:var(--t-body,15px)!important}
#client-details-body .client-summary-ai header span{color:var(--sys-ink-3);font-size:var(--t-label,12.5px)!important}
#client-details-body .client-summary-ai article p{margin:0 0 6px;color:var(--sys-ink);font-size:var(--t-body,15px)!important;line-height:1.85}
#client-details-body .client-summary-legend{margin:0;color:var(--sys-ink-2);font-size:var(--t-label,12.5px)!important;line-height:1.7}
#client-details-body .client-summary-note{margin:0;padding-inline-start:1.1rem;display:grid;gap:4px}
#client-details-body .client-summary-note li{color:var(--sys-ink-3);font-size:var(--t-label,12.5px)!important;line-height:1.7}
#client-details-body .client-summary-acts{display:flex;flex-wrap:wrap;gap:8px}
#client-details-body .client-summary-acts button{padding:5px 14px;border:1px solid var(--sys-separator);border-radius:999px;background:var(--sys-surface,#fff);color:var(--sys-ink);font-size:var(--t-label,12.5px)!important;cursor:pointer}
#client-details-body .client-summary-acts button[data-client-summary-act="save"]{background:var(--pal-teal);border-color:transparent;color:var(--sys-on-fill)}
#client-details-body [data-client-summary-ai][disabled]{opacity:.55;cursor:progress}

/* ═══ CLIENT_GAPS_120 — «ما ينقص الملف» و«حافظة المستندات» ═══ */
#client-details-body .client-gaps{margin-top:12px;padding:10px 12px;border:1px solid var(--sys-separator);border-radius:12px;background:var(--sys-surface,#fff)}
#client-details-body .client-gaps h4{margin:0 0 6px;color:var(--sys-ink);font-size:var(--t-body,15px)!important;font-weight:900}
#client-details-body .client-gaps ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
#client-details-body .client-gaps li{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:6px 10px;border-radius:10px;border-inline-start:3px solid #b7791f;background:rgba(183,121,31,.07)}
#client-details-body .client-gaps li.danger{border-inline-start-color:#b42318;background:rgba(180,35,24,.07)}
#client-details-body .client-gaps li span{min-width:0;color:var(--sys-ink);font-size:var(--t-label,12.5px)!important;line-height:1.7;overflow-wrap:anywhere}
#client-details-body .client-gaps li button,#client-details-body .client-summary-bundle{flex:0 0 auto;padding:3px 10px;border:1px solid var(--sys-separator);border-radius:999px;background:var(--sys-surface,#fff);color:var(--sys-ink-2);font-size:var(--t-label,12.5px)!important;cursor:pointer}
#client-details-body .client-gaps li button:hover,#client-details-body .client-summary-bundle:hover{border-color:var(--pal-teal);color:var(--pal-teal)}
#client-details-body .client-gaps-ok{margin:12px 0 0;color:var(--sys-ink-3);font-size:var(--t-label,12.5px)!important;line-height:1.7}
/* COURTS_PLATFORMS_121: منصّات الوزارة في دليل المحكمة */
#chat .chat-court-section .chat-court-kicker{display:block;margin:0 0 .1rem;font-size:var(--t-label,12.5px)!important;font-weight:700;color:var(--pal-teal)}
#chat .chat-court-section p a{color:var(--pal-teal);font-weight:700;overflow-wrap:anywhere}
/* COURTS_DEADLINES_124: مدد نظام المرافعات في دليل المحكمة */
#chat .chat-court-due h5{margin:.45rem 0 .2rem;font-size:var(--t-label,12.5px)!important;font-weight:800;color:var(--pal-teal)}
#chat .chat-court-due .chat-court-article{margin:0 0 .35rem;padding:.3rem .5rem;border-inline-start:3px solid var(--sys-separator);border-radius:4px}
#chat .chat-court-due .chat-court-article b{display:block;font-size:var(--t-label,12.5px)!important;color:var(--sys-ink)}

/* ═══ LAW_COLUMN_127 — رأس عمود المواد: اختيار النظام والبحث والتصفية (S6.1) ═══
   كانت في شريطٍ فوق الصفحة يتزاحم فيه سبعة عناصر: الحقل 130px، والعدّاد مرتين، والأقسام مرتين.
   صارت في رأس العمود الذي تظهر فيه النتيجة: النظام صفٌّ كامل، ثم البحث وبجانبه الأبواب (تملأ البحث)، ثم الرقائق.
   والترتيب صريح فلا تقلبه قواعد الشريط الضيّق القديمة (order:2 للبحث وorder:3 للرقائق). */
@media(min-width:1001px){#assistant .lw-doc .lw-panes{grid-template-columns:320px minmax(0,1fr)}}
#assistant .lw-colhead{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;padding:14px 16px 12px;border-bottom:1px solid var(--lw-line);background:var(--lw-surface)}
#assistant .lw-colhead .lw-picker{order:0;flex:0 0 auto;min-width:0}
#assistant .lw-colhead .lw-scope-btn{height:38px;max-width:100%;border:1px solid var(--lw-line);background:var(--lw-surface)}
#assistant .lw-colhead .lw-picker .lw-scope-btn{width:100%;min-width:0;justify-content:flex-start}
#assistant .lw-colhead #lw-scope-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:start;font-weight:700}
#assistant .lw-colhead-row{order:1;display:flex;align-items:center;gap:6px;min-width:0}
#assistant .lw-colhead .lw-searchwrap{order:0;flex:1 1 auto;min-width:0;max-width:none;margin:0}
#assistant .lw-colhead .lw-search{height:38px}
#assistant .lw-colhead .lw-search input{text-overflow:ellipsis}
#assistant .lw-colhead .lw-catpicker{order:1;flex:0 0 auto}
#assistant .lw-colhead .lw-catbtn{gap:2px;padding:0 8px}
/* اسم الأبواب في تلميح الزر واسمه المقروء؛ وبجانب البحث يكفي رمزه. */
#assistant .lw-colhead .lw-catbtn span:not(.app-icon){display:none}
#assistant .lw-colhead .lw-catmenu{inset-inline-start:auto;inset-inline-end:0}
#assistant .lw-colhead .lw-sources{order:2;flex:0 0 auto;display:flex;gap:6px;margin:0;padding:0 0 2px;flex-wrap:nowrap;overflow-x:auto}
#assistant .lw-colhead .lw-src{margin:0}
/* العدّاد في رأس النتائج وحده؛ والحالة لا تظهر هنا إلا تحذيراً، بنصّه كاملاً. */
#assistant .lw-colhead .lw-state{order:3;display:none}
#assistant .lw-colhead .lw-state.warn{display:flex;max-width:none;white-space:normal}
@media(max-width:1000px){#assistant .lw-doc .lw-results{max-height:none}#assistant .lw-doc .lw-list{max-height:min(260px,32vh)}}

/* ═══ LAW_READTOOLS_129 — أدوات المادة في شريطٍ لاصق أعلى بطاقتها (S6.3) ═══
   كان المقاس في شريطٍ فوق الصفحة يظهر قبل أن تُفتح مادة، والأفعال تحت النص لا تُرى في مادةٍ طويلة.
   صارا صفّاً واحداً يلتصق بأعلى القارئ عند التمرير: الأفعال في البداية، والمقاس والتثبيت في النهاية. */
#assistant .lw-readtools{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin:-8px 0 16px;padding:8px 0 10px;background:var(--lw-surface);border-bottom:1px solid var(--lw-line)}
#assistant .lw-doc .lw-readtools .lw-tools{margin:0;flex-wrap:wrap}
#assistant .lw-readtools-end{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
#assistant .lw-readtools .lw-readbar{display:flex;align-items:center;gap:5px;margin:0;padding:0}
/* صفٌّ واحد لا صفّان (قِيس 100px على 1440 بالأسماء كلها). LAW_TOOLS_140: كانت الأفعال الثانوية رموزاً بلا اسم فلا تُفهم،
   فصار لها اسمٌ قصير ظاهر (طباعة · نسخ الرابط · المصدر) يُبقي الصف واحداً، واسمها الكامل في تلميحها واسمها المقروء.
   وفي المقارنة والهاتف يضيق أكثر، فتعود رموزاً ويلحق بها اسم التثبيت. */
#assistant .lw-readtools .lw-btn:not(.primary){padding-inline:10px}
#assistant .lw-reader.lw-compare .lw-readtools .lw-btn:not(#lw-save-under-doc) span,#assistant .lw-reader.lw-compare .lw-readtools .lw-titlepin span{display:none}
@media(max-width:560px){#assistant .lw-readtools .lw-btn:not(#lw-save-under-doc) span,#assistant .lw-readtools .lw-titlepin span{display:none}}
/* في المقارنة تتمرّر كل ورقةٍ وحدها وحشوها العلوي 20px، فيلتصق الشريط بحافّتها لا تحتها فيطلّ النص من فوقه. */
#assistant .lw-reader.lw-compare .lw-readtools{top:-20px}
/* في الهاتف يضيق القلب بجانب رقم المادة فيصير الشريط صفّين (قِيس 94px)، ولاصقٌ بهذا الارتفاع يأكل الشاشة: يبقى أعلى المادة ولا يلتصق. */
@media(max-width:560px){#assistant .lw-readtools{position:static;margin-top:0}}
@media print{#assistant .lw-readtools{display:none}}

/* ═══ LAW_NAV_131 — التنقّل في عمود المواد (S6.5) ═══
   «/» يركّز بحث المواد (والإشارة إليه داخل الحقل)، وزرّا السابقة والتالية أسفل العمود. */
#assistant .lw-colhead .lw-kbd{flex:0 0 auto;min-width:20px;padding:1px 6px;border:1px solid var(--lw-line);border-radius:5px;background:var(--lw-surface2);color:var(--lw-text3);font:inherit;font-size:var(--t-label,12.5px);line-height:1.5;text-align:center}
#assistant .lw-colhead .lw-search:focus-within .lw-kbd{display:none}
#assistant .lw-colfoot{flex:0 0 auto;display:flex;gap:8px;padding:10px 16px 12px;border-top:1px solid var(--lw-line);background:var(--lw-surface)}
#assistant .lw-navbtn{flex:1 1 0;min-height:36px;border:1px solid var(--lw-line);border-radius:9px;background:var(--lw-surface);color:var(--lw-text);font:inherit;font-weight:700;cursor:pointer}
#assistant .lw-doc .lw-navbtn{font-size:calc(var(--font-size-body) * 1.09)!important}
#assistant .lw-navbtn:hover:not(:disabled){border-color:var(--lw-text2);background:var(--lw-surface2)}
#assistant .lw-navbtn:focus-visible{outline:2px solid var(--lw-camel);outline-offset:2px}
#assistant .lw-navbtn:disabled{opacity:.45;cursor:default}
@media print{#assistant .lw-colfoot{display:none}}

/* ═══ LAW_READING_132 — قراءة مريحة (S6.6) ═══
   السطر 65–75 حرفاً (--lw-measure في lwApplyReaderScale)، وتباعد الأسطر 2، والفقرة المرقّمة كتلةٌ بخطٍّ جانبي بلون نظامها،
   وزرّ نسخها في الهامش يظهر عند المرور عليها أو التركيز (ويبقى ظاهراً في الشاشات التي لا مرور فيها). */
#assistant .lw-doc .lw-article{line-height:2}
#assistant .lw-doc .lw-article .lw-p:not(.lw-p-plain){position:relative;padding-inline-start:12px;border-inline-start:3px solid color-mix(in srgb,var(--lw-hue) 38%,transparent);border-radius:2px}
#assistant .lw-pcopy{position:absolute;inset-inline-end:-40px;top:.15em;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid var(--lw-line);border-radius:8px;background:var(--lw-surface);color:var(--lw-text3);cursor:pointer;opacity:0;transition:opacity var(--dur-fast,150ms) ease}
#assistant .lw-pcopy .app-icon{width:15px;height:15px}
#assistant .lw-doc .lw-pcopy{font-size:var(--t-label,12.5px)!important}
#assistant .lw-p:hover .lw-pcopy,#assistant .lw-pcopy:focus-visible{opacity:1}
#assistant .lw-pcopy:hover{border-color:var(--lw-hue);color:var(--lw-hue-ink)}
#assistant .lw-pcopy:focus-visible{outline:2px solid var(--lw-hue);outline-offset:2px}
/* في المقارنة والهاتف لا هامش يتّسع للزرّ: يدخل الفقرة آخرَها، ولا يُخفى. */
#assistant .lw-reader.lw-compare .lw-pcopy{position:static;flex:0 0 30px;align-self:flex-start;margin-inline-start:auto;opacity:.75}
@media(max-width:560px){#assistant .lw-pcopy{position:static;flex:0 0 30px;align-self:flex-start;margin-inline-start:auto;opacity:.75}}
@media(hover:none){#assistant .lw-pcopy{opacity:.75}}
@media print{#assistant .lw-pcopy{display:none}#assistant .lw-doc .lw-article .lw-p:not(.lw-p-plain){border-inline-start:0;padding-inline-start:0}}

/* ═══ LAW_ACTIVE_133 — المادة المختارة واضحة، والأخضر للذكاء وحده (S6.7) ═══
   كانت المختارة شريطاً 3px بلون نظامها (الجملي للإثبات: تباينه مع البطاقة نحو 2.9:1) على مسحةٍ 8%، فتلتبس بجاراتها في فهرسٍ
   طويل. صار الشريط 4px بلون الحبر الداكن — لونُ كل عنصرٍ نشط — والمسحة 12%، وبقي حدّ البطاقة بلون نظامها.
   والأخضر في البرنامج لحالة المساعد الذكي وحده (شارة «المساعد الخارجي»)، فلا يُستعمل في صفحة الأنظمة؛ ويحرس ذلك عقد 133.
   وكان الأخضر الوحيد فيها نقطةَ حالة الفهرسة (#3F6B4E) — والحالة لا تظهر إلا تحذيراً منذ 127 — فصارت رمادية،
   وشارةُ «محفوظ تحت المستند» في شريط سياق المستند (#106B4D على #cfeadd) — حالة حفظٍ لا ذكاء — فصارت بلون الحبر كأيّ عنصرٍ نشط. */
/* SELECTED_168 (P28): المختارة أرضيةٌ وحدها — أُطفئ الشريط الداكن 4px، وعاد الحدّ محايداً بلا ظلّ (كانت أربع علاماتٍ على بطاقةٍ واحدة).
   والمسحة 14% بدل 12% عوضاً عن الشريط، فلا تلتبس المختارة بجاراتها في فهرسٍ طويل. */
#assistant .lw-doc .lw-res[aria-selected="true"]{background:color-mix(in srgb,var(--lw-hue) 14%,var(--lw-surface));border-color:var(--lw-line);box-shadow:none}
#assistant .lw-doc .lw-res[aria-selected="true"]::before{content:none}
/* وفي الداكن تذوب مسحة 14% في السطح الداكن (فرقٌ نحو 12 درجة عن الجارات، قيس في المتصفح)، فترتفع إلى 30%. */
body.saas-dark #assistant .lw-doc .lw-res[aria-selected="true"]{background:color-mix(in srgb,var(--lw-hue) 30%,var(--lw-surface))}

/* ═══ LAW_RELATED_134 — النصوص المرتبطة تحت المادة أوضح (S6.8) ═══
   صندوقٌ مفتوح بأرضيةٍ رمادية خفيفة تحت النص مباشرة، ولا يُصيَّر إلا مع رابطٍ معتمد من فهرس الإحالات (لا ربط آلي). */
#assistant .lw-doc .lw-related.lw-related-shown{margin:20px 0 4px;padding:12px 16px 14px;border:1px solid var(--lw-line);border-radius:12px;background:var(--lw-surface2)}
/* العنوان لا يصغر عن روابطه (18px): كان 14px تحت روابط 18px فانقلب التسلسل. */
#assistant .lw-doc .lw-related.lw-related-shown summary{font-size:calc(var(--font-size-title) * 1.3)!important;font-weight:800;color:var(--lw-text);min-height:36px;align-content:center}
#assistant .lw-doc .lw-related.lw-related-shown .lw-related-link{background:var(--lw-surface)}
@media print{#assistant .lw-doc .lw-related.lw-related-shown{background:none;border:0;padding:0}}

/* ═══ LAW_VERIFY_135 — ما كشفه التحقق الشامل لصفحة الأنظمة (S6.9) ═══
   قاعدة «القواعد مفتوحة» (عمود 230px) أعلى خصوصيةً من صفّ الشاشة الضيقة، فكانت المادة 720 من المعاملات المدنية — ذات القواعد
   الإحدى والأربعين — في الهاتف عمودين: 230px وقارئاً بعرض 145px. خللٌ قائم منذ 2026-09-11، كشفه فحص الأنظمة الخمسة على 375. */
@media(max-width:1000px){#assistant .lw-doc .lw-panes.lw-rules-open:not(.lw-comparing){grid-template-columns:1fr}}

/* ═══ LAW_ISTINAD_136 — صيغة المذكرات تحت صيغة الاستشهاد (S7.1) ═══
   سطرٌ ثانٍ في الصندوق نفسه بفاصلٍ رفيع: أول الصيغة وحده، وزرٌّ ينسخها مع نص المادة كاملاً. وفي المعدّلة والملغاة سطرُ تنبيه بلا زرّ. */
#assistant .lw-doc .lw-istinad{margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--lw-hue) 24%,transparent)}
#assistant .lw-doc .lw-istinad .lw-citebox-head{margin-bottom:6px;flex-wrap:wrap;row-gap:8px}
#assistant .lw-doc .lw-istinad .lw-citebox-title,#assistant .lw-doc .lw-istinad .lw-citebox-copy{white-space:nowrap}
#assistant .lw-doc .lw-istinad-off{margin:12px 0 0;font-size:calc(var(--font-size-body) * 1.14)!important;color:var(--lw-text2);line-height:1.7}
@media print{#assistant .lw-doc .lw-istinad{display:none}}

/* ═══ LAW_SHELF_137 — المفضلة وآخر ما قرأت (S7.2) ═══
   رفّان في رأس عمود المواد بعد رقائق المصادر، بشكلها: حدٌّ رفيع، والمختار بمسحة لون نظامه وحدٍّ بلون الحبر كأيّ عنصرٍ نشط.
   وزرّ «المفضلة» في شريط المادة بشكل زرّ التثبيت، ونجمته ممتلئة إذا كانت المادة في المفضلة. */
#assistant .lw-colhead .lw-shelf{order:2;display:flex;gap:6px;flex-wrap:wrap;min-width:0}
#assistant .lw-colhead .lw-shelf:empty{display:none}
#assistant .lw-shelf-btn{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:4px 10px;border:1px solid var(--lw-line);border-radius:8px;background:var(--lw-surface);color:var(--lw-text2);font:inherit;font-size:calc(var(--font-size-body) * 1.09)!important;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s,color .12s}
#assistant .lw-shelf-btn .app-icon{width:14px;height:14px}
#assistant .lw-shelf-btn b{font-weight:700;color:var(--lw-text2);margin-inline-start:3px}
#assistant .lw-shelf-btn:hover{border-color:color-mix(in srgb,var(--lw-hue) 50%,var(--lw-line));color:var(--lw-text)}
#assistant .lw-shelf-btn[aria-pressed="true"]{border-color:var(--lw-text);background:color-mix(in srgb,var(--lw-hue) 12%,var(--lw-surface));color:var(--lw-text)}
#assistant .lw-shelf-btn[aria-pressed="true"] b{color:var(--lw-text)}
#assistant .lw-shelf-btn:focus-visible{outline:2px solid var(--lw-hue);outline-offset:2px}
#assistant .lw-favbtn.lw-faved .app-icon{fill:currentColor}
@media(max-width:1000px){#assistant .lw-colhead .lw-shelf{order:3}#assistant .lw-shelf-btn{min-height:44px}}
@media print{#assistant .lw-shelf{display:none}}

/* ═══ LAW_TRAIL_138 — مسار الباب والفصل فوق المادة (S7.3) ═══
   سطرٌ هادئ بين اسم النظام وعنوان المادة: العناوين بنصّها من الصفحة الرسمية، يفصلها «‹»، وآخرها — أقربها إلى المادة — أثقل. */
#assistant .lw-doc .lw-trail{margin:4px 0 8px}
#assistant .lw-trail ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 0;margin:0;padding:0;list-style:none}
#assistant .lw-trail li{font-size:calc(var(--font-size-body) * 1.09)!important;color:var(--lw-text2);line-height:1.7}
#assistant .lw-trail li+li::before{content:"‹";margin-inline:7px;color:var(--lw-text2)}
#assistant .lw-trail li:last-child{color:var(--lw-text);font-weight:700}

/* ═══ COLOR_UNIFY_139 — توحيد الألوان بلا تغيير الشكل، الجزء الأول (S7.6) ═══
   بُدّل كل لونٍ مكتوب يساوي رمزاً من --sys-* حرفاً بالرمز نفسه (148 موضعاً، scripts/patch-colors-139.mjs): السطح الأبيض والحبر ولون الإجراء.
   ورموز --sys-* معرّفةٌ مرةً في APPLE_SYS_83 ولا تُعاد في الوضع الداكن، فلم يتغيّر بكسل. الخريطة والقاعدة في docs/COLOR_SYSTEM.md:
   لا لون مكتوب جديد، ولا إعادة تعريفٍ لـ--sys-*. يحرس ذلك عقد 139. */

/* ═══ LAW_TOOLS_140 — أدوات المادة أوضح (S8.1) ═══
   كانت الطباعة والرابط والمصدر رموزاً رماديةً شفّافة بلا حدٍّ ولا اسم، والطباعة إيصالاً والمصدر مبنى، فلا يُعرف ما تفعل.
   صارت أزراراً بحدٍّ شعري واسمٍ قصير ورمزٍ يُفهم، بحبر النص لا رماديّه. بالرموز وحدها لا بلونٍ مكتوب (docs/COLOR_SYSTEM.md). */
#assistant .lw-doc .lw-readtools .lw-btn:not(.primary){gap:6px;border-color:var(--lw-line2);background:var(--lw-surface);color:var(--lw-text);font-weight:700}
#assistant .lw-doc .lw-readtools .lw-btn:not(.primary) .app-icon{width:16px;height:16px;color:var(--lw-text2)}
#assistant .lw-doc .lw-readtools .lw-btn:not(.primary):hover{border-color:var(--lw-hue);background:var(--lw-surface2);color:var(--lw-hue-ink)}
#assistant .lw-doc .lw-readtools .lw-btn:not(.primary):hover .app-icon{color:var(--lw-hue-ink)}
/* والأسماء الثلاثة تأخذ مكاناً: فإن ضاق الشريط عن الأسماء كلها (قِيس 735px) صار زرّا المفضلة والتثبيت رمزين، وحالتهما في لونهما
   وتلميحهما، فيبقى الصف واحداً على 1440 كما كان. والقياس بعرض الشريط نفسه لا بعرض الشاشة. */
#assistant .lw-readtools{container-type:inline-size}
@container (max-width:759px){#assistant .lw-readtools .lw-titlepin span{display:none}#assistant .lw-readtools .lw-titlepin{padding-inline:9px}}

/* ═══ HEADER_141 — الشريط العلوي بطابع تطبيقات الأعمال (S8.2–S8.5) ═══
   كان 70px بثلاثة أسطرٍ متزاحمة: عنوانٌ ونصٌّ فرعي، وحقل بحثٍ عريض، ومربّع مساعدٍ أخضر بسطرين، ومربّعا الهلال والجرس
   بحدودٍ قاسية، ودائرةٌ حمراء فيها «0» دائماً، والاسم ومعه «مالك مساحة العمل». صار 56px بثلاث مجموعات متوازنة.
   بأسماء جديدة (top-search · top-assistant · top-btn · top-user) فلا ترثها قواعد الشريط القديم ولا داكنه المكتوب.
   وكل لونٍ رمزٌ من --saas-* (يتبدّل في الداكن) أو مزيجٌ منه بالشفافية، لا لون مكتوب (docs/COLOR_SYSTEM.md). */
.app{grid-template-rows:56px minmax(0,1fr)}
header.top{height:56px!important;min-height:0;position:relative;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 20px}
.top-start{display:flex;align-items:center;gap:10px;min-width:0;justify-self:start}
.top-center{justify-self:center}
.top-end{display:flex;align-items:center;gap:4px;justify-self:end}
.top .top-context{min-width:0}
.top .top-context b{font-weight:800;white-space:nowrap}

/* البحث السريع: زرٌّ مدمج يفتح نافذة البحث نفسها، وCtrl+K كما كان. */
.top-search{width:300px;height:36px;display:flex;align-items:center;gap:8px;padding-inline:12px 6px;border:1px solid var(--saas-border);border-radius:8px;background:var(--saas-bg);color:var(--saas-muted);cursor:pointer;text-align:start;transition:border-color .16s ease,background .16s ease}
.top-search:hover{border-color:color-mix(in srgb,var(--saas-ink) 20%,transparent)}
.top-search .app-icon{width:15px;height:15px}
.top-search span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--t-label)!important;font-weight:600}
.top-search kbd{flex:0 0 auto;padding:1px 6px;border:1px solid var(--saas-border);border-radius:5px;background:var(--saas-card);color:var(--saas-muted);font-family:inherit;font-size:var(--t-label)!important;font-weight:600;line-height:1.5;direction:ltr}

/* المساعد: كبسولةٌ بسطرٍ واحد ونقطة حالة — خضراء متصل، وكهرمانية يحتاج اختباراً، ورمادية بلا مزوّد. والتفصيل في التلميح. */
.top-assistant{height:36px;display:inline-flex;align-items:center;gap:7px;margin-inline-end:4px;padding:0 12px;border:1px solid var(--saas-border);border-radius:999px;background:transparent;color:var(--saas-ink);cursor:pointer;white-space:nowrap;transition:background .16s ease}
.top-assistant b{font-size:var(--t-label)!important;font-weight:700}
.top-assistant i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--saas-muted)}
.top-assistant.connected i{background:var(--saas-green)}
.top-assistant.warning i{background:var(--saas-amber)}

/* الهلال والجرس: رمزان بلا حدود، وأرضيتهما الرمادية عند التمرير وحده. */
.top-btn{position:relative;width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:0;border-radius:8px;background:transparent;color:var(--saas-muted);cursor:pointer;transition:background .16s ease,color .16s ease}
.top-btn .app-icon{width:18px;height:18px}
.top-assistant:hover,.top-btn:hover,.top-user-btn:hover,.top-user-btn[aria-expanded="true"]{background:color-mix(in srgb,var(--saas-ink) 7%,transparent);color:var(--saas-ink)}
.top-bell i{position:absolute;top:8px;inset-inline-end:8px;width:8px;height:8px;border-radius:50%;background:var(--saas-red);box-shadow:0 0 0 2px var(--saas-card);font-size:0!important;overflow:hidden}
.top-bell i[hidden]{display:none}

/* فاصلٌ رأسي رفيع، ثم الملف: صورةٌ 32px والاسم وسهم، و«مالك مساحة العمل» في القائمة وحدها. */
.top-sep{width:1px;height:22px;margin-inline:8px;background:var(--saas-border)}
.top-user{position:relative}
.top-user-btn{height:40px;display:flex;align-items:center;gap:8px;padding:0 4px 0 8px;border:0;border-radius:999px;background:transparent;color:var(--saas-ink);cursor:pointer;white-space:nowrap}
.top-user-btn b{font-size:var(--t-label)!important;font-weight:700}
.top-user-btn .app-icon{width:14px;height:14px;color:var(--saas-muted)}
.top-avatar{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--saas-blue) 14%,transparent);color:var(--saas-blue);font-size:var(--t-label)!important;font-weight:800}
.top-user-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:230px;padding:6px;border:1px solid var(--saas-border);border-radius:12px;background:var(--saas-card);box-shadow:var(--saas-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.top-user-menu[hidden]{display:none}
.top-user-card{display:flex;align-items:center;gap:10px;padding:8px 8px 10px;margin-bottom:4px;border-bottom:1px solid var(--saas-border)}
.top-user-card b,.top-user-card small{display:block;white-space:nowrap}
.top-user-card b{color:var(--saas-ink);font-size:var(--t-label)!important;font-weight:800}
.top-user-card small{color:var(--saas-muted);font-size:var(--t-label)!important;font-weight:600}
.top-user-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--saas-ink);cursor:pointer;font-size:var(--t-label)!important;font-weight:600;text-align:start}
.top-user-item:hover{background:color-mix(in srgb,var(--saas-ink) 7%,transparent)}
.top-user-item .app-icon{width:16px;height:16px;color:var(--saas-muted)}
.top-search:focus-visible,.top-assistant:focus-visible,.top-btn:focus-visible,.top-user-btn:focus-visible,.top-user-item:focus-visible{outline:2px solid var(--saas-blue);outline-offset:2px}
/* نافذةٌ ضيّقة على الكمبيوتر (دون 1180px): يقصر البحث، ثم يبقى من الملف صورته وحدها — فلا تتراكب المجموعات. */
@media(max-width:1180px){.top-search{width:240px}}
@media(max-width:1050px){.top-user-btn b{display:none}}

/* ═══ FAMILY_INDEX_UI_177 · FAMILY_INDEX_SIDEBAR_186 — فهرس الأحوال الشخصية داخل عمود المواد، وموضوعات المادة أسفلها ═══
   كانت لوحةً بعرض الشاشة فوق مساحة العمل؛ صارت تبويباً ثلاثياً في رأس العمود، وشريطاً ثابتاً فوق القائمة (الباب والفصل، أو التصفية النشطة بـ✕). */
#assistant .lw-colhead .lw-ixtabs{order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;border-radius:9px;background:var(--sys-fill,var(--lw-surface2))}
#assistant .lw-colhead .lw-ixtabs[hidden]{display:none!important}
#assistant .lw-ixtab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:40px;padding:3px 4px;border:0;border-radius:7px;background:transparent;color:var(--lw-text2);font:inherit;font-size:calc(var(--font-size-body) * 1.0)!important;font-weight:700;line-height:1.3;cursor:pointer;transition:background .12s,color .12s}
#assistant .lw-ixtab b{font-size:calc(var(--font-size-body) * .9)!important;font-weight:600;color:var(--lw-text3)}
#assistant .lw-ixtab:hover{color:var(--lw-text)}
#assistant .lw-ixtab[aria-selected="true"]{background:var(--lw-surface);color:var(--lw-text);box-shadow:0 1px 2px rgba(0,0,0,.08)}
#assistant .lw-ixtab:focus-visible{outline:2px solid var(--lw-hue);outline-offset:1px}
#assistant .lw-ixbar{flex:0 0 auto;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0 10px 6px;padding:6px 10px;border-radius:8px;font-size:calc(var(--font-size-body) * .95)!important;line-height:1.5}
#assistant .lw-ixbar[hidden]{display:none!important}
#assistant .lw-ixsticky{background:var(--lw-surface2);border-inline-start:3px solid var(--lw-hue);color:var(--lw-text2)}
#assistant .lw-ixsticky b{color:var(--lw-text);font-weight:700}
#assistant .lw-ixsticky span::before{content:'›';margin-inline-end:6px;color:var(--lw-text3)}
#assistant .lw-ixactive{align-items:center;background:color-mix(in srgb,var(--lw-hue) 10%,var(--lw-surface));border:1px solid color-mix(in srgb,var(--lw-hue) 35%,var(--lw-line));color:var(--lw-text2)}
#assistant .lw-ixactive b{flex:1 1 auto;min-width:0;color:var(--lw-text);font-weight:700}
#assistant .lw-ixclear{flex:0 0 auto;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--lw-text2);font:inherit;font-size:15px!important;cursor:pointer}
#assistant .lw-ixclear:hover,#assistant .lw-ixclear:focus-visible{background:var(--lw-surface);color:var(--lw-text);outline:none}
#assistant .lw-list[hidden],#assistant .lw-ixpane[hidden]{display:none!important}
#assistant .lw-ixpane{flex:1;min-height:0;overflow:auto;padding:6px 10px 16px}
/* شجرة الأبواب: سطرٌ لكل باب — السهم والاسم يميناً، وشارة العدد يساراً. */
#assistant .lw-ixbab{border-bottom:1px solid var(--lw-line)}
#assistant .lw-ixbab>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 4px;list-style:none;cursor:pointer;color:var(--lw-text);font-weight:700;font-size:calc(var(--font-size-body) * 1.02)!important;line-height:1.45}
#assistant .lw-ixbab>summary::-webkit-details-marker{display:none}
#assistant .lw-ixbab>summary::before{content:'';flex:0 0 auto;width:6px;height:6px;border-inline-start:1.5px solid var(--lw-text3);border-bottom:1.5px solid var(--lw-text3);transform:rotate(45deg);transition:transform .15s;margin-inline:2px 4px}
#assistant .lw-ixbab[open]>summary::before{transform:rotate(-45deg)}
#assistant .lw-ixbab>summary:hover{color:var(--lw-hue-ink)}
#assistant .lw-ixbab>summary:focus-visible{outline:2px solid var(--lw-hue);outline-offset:-2px;border-radius:6px}
#assistant .lw-ixbab-name{flex:1 1 auto;min-width:0}
#assistant .lw-ixcount{flex:0 0 auto;min-width:26px;padding:0 7px;border-radius:999px;background:var(--lw-surface2);color:var(--lw-text3);font-size:calc(var(--font-size-body) * .85)!important;font-weight:600;line-height:20px;text-align:center}
#assistant .lw-ixbab-body{margin:0 9px 10px 0;padding-inline-start:12px;border-inline-start:1px solid var(--lw-line)}
#assistant .lw-ixshow{display:block;margin:0 0 6px;padding:2px 0;border:0;background:none;color:var(--lw-hue-ink);font:inherit;font-size:calc(var(--font-size-body) * .9)!important;font-weight:600;cursor:pointer}
#assistant .lw-ixshow:hover{text-decoration:underline}
#assistant .lw-ixfasl{margin:0 0 8px}
/* EVIDENCE_INDEX_UI_188: فصلٌ ذو فروع (نظام الإثبات) — عنوانه سطرٌ هادئ، وفروعه تحته بإزاحةٍ وخطٍّ شجري. */
#assistant .lw-ixfasl-title{margin:6px 6px 2px;color:var(--lw-text3);font-size:calc(var(--font-size-body) * .9)!important;font-weight:700;line-height:1.45}
#assistant .lw-ixfar{margin-inline-start:10px;padding-inline-start:6px;border-inline-start:1px dashed var(--lw-line)}
#assistant .lw-ixfasl-head{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:3px 6px;border:0;border-radius:6px;background:none;color:var(--lw-text2);font:inherit;font-size:calc(var(--font-size-body) * .95)!important;font-weight:600;line-height:1.45;text-align:start;cursor:pointer}
#assistant .lw-ixfasl-head span:first-child{flex:1 1 auto;min-width:0}
#assistant .lw-ixfasl-head:hover{background:var(--lw-surface2);color:var(--lw-text)}
#assistant .lw-ixarts{display:flex;flex-wrap:wrap;gap:4px;padding:4px 6px 0}
#assistant .lw-ixart{min-width:34px;height:28px;padding:0 6px;border:1px solid var(--lw-line);border-radius:6px;background:var(--lw-surface);color:var(--lw-text2);font:inherit;font-size:calc(var(--font-size-body) * .9)!important;font-variant-numeric:tabular-nums;cursor:pointer}
#assistant .lw-ixart:hover{border-color:var(--lw-hue);color:var(--lw-text)}
#assistant .lw-ixart[aria-current]{border-color:var(--lw-hue);background:color-mix(in srgb,var(--lw-hue) 14%,var(--lw-surface));color:var(--lw-text);font-weight:700}
#assistant .lw-ixart:focus-visible,#assistant .lw-ixfasl-head:focus-visible,#assistant .lw-ixchip:focus-visible,#assistant .lw-ixshow:focus-visible{outline:2px solid var(--lw-hue);outline-offset:1px}
/* الموضوعات: وسومٌ تحت عنوان مجموعتها — الاسم ثم العدد رمادياً. */
#assistant .lw-ixgroup{padding:8px 0 10px;border-bottom:1px solid var(--lw-line)}
#assistant .lw-ixgroup:last-child{border-bottom:0}
#assistant .lw-ixgroup h4{margin:0 2px 8px;font-size:calc(var(--font-size-body) * .9)!important;font-weight:700;color:var(--lw-text3)}
#assistant .lw-ixchips{display:flex;flex-wrap:wrap;gap:6px}
#assistant .lw-ixchip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:2px 10px;border:1px solid var(--lw-line);border-radius:999px;background:var(--lw-surface);color:var(--lw-text);font:inherit;font-size:calc(var(--font-size-body) * .95)!important;line-height:1.4;cursor:pointer;transition:border-color .12s,background .12s}
#assistant .lw-ixchip b{font-weight:600;color:var(--lw-text3);font-size:.9em}
#assistant .lw-ixchip:hover{border-color:var(--lw-hue);background:color-mix(in srgb,var(--lw-hue) 7%,var(--lw-surface))}
/* أسفل المادة: قسمٌ هادئ بخطٍّ رفيع — موضوعاتها كبسولاتٌ تصفّي العمود، ثم إحالاتها. */
#assistant .lw-fidx{margin-top:18px;padding-top:10px;border-top:1px solid var(--lw-line)}
#assistant .lw-fidx-row{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;padding:4px 0}
#assistant .lw-fidx-row>b{flex:0 0 auto;font-size:calc(var(--font-size-body) * .95)!important;font-weight:600;color:var(--lw-text3)}
#assistant .lw-fidx-topics,#assistant .lw-fidx-links{display:flex;gap:6px;flex-wrap:wrap}
#assistant .lw-fidx-topic{min-height:28px;padding:1px 11px;border:1px solid var(--lw-line);border-radius:999px;background:var(--lw-surface2);font:inherit;font-size:calc(var(--font-size-body) * .95)!important;color:var(--lw-text2);cursor:pointer;transition:border-color .12s,color .12s}
#assistant .lw-fidx-topic:hover,#assistant .lw-fidx-topic:focus-visible{border-color:var(--lw-hue);color:var(--lw-text);outline:none}
#assistant .lw-fidx-art{min-height:28px;padding:0 10px;border:1px solid var(--lw-line);border-radius:6px;background:var(--lw-surface);font:inherit;font-size:calc(var(--font-size-body) * .95)!important;color:var(--lw-text2);cursor:pointer}
#assistant .lw-fidx-art:hover,#assistant .lw-fidx-art:focus-visible{border-color:var(--lw-hue);color:var(--lw-text)}
@media print{#assistant .lw-fidx,#assistant .lw-sections,#assistant .lw-ixtabs,#assistant .lw-ixbar,#assistant .lw-ixpane{display:none!important}}

/* ═══ PDF_WORKSHOP_189 — ورشة المستندات: شبكة صفحات وعمود تصدير (P33–P34) ═══
   رموز النظام وحدها (--sys-*) ولون --pal-navy الثابت ممزوجاً، ومقاسات الخط من --font-size-body.
   PDF_WORKSHOP_LOOK_192 (P37): خط IBM Plex Sans Arabic للورشة وحدها (نسخة محلية)، ومكتبٌ رماديٌّ مزرقّ، وطاولة عمل منقّطة
   تبرز عليها الصفحات أوراقاً بظل، وشريطٌ علوي واحد، وتبويبا تصدير.
   PDF_WORKSHOP_CONTRAST_193 (P38): تباينٌ صريح — الخيار المفعّل أزرق صلب بعلامة ✓ لا أبيض على رمادي، وتبويب المخرج كحلي، ولوحة التصدير
   مربعاتٌ فرعية، والحذف أحمر، والصفحة بطاقةٌ بيضاء بشريطٍ سفلي وإطارٍ أزرق وهالةٍ عند تحديدها، وشارة الأداة الحالية في الشريط العلوي.
   الأزرق 2563EB من --pal-blue-2 حرفاً، والكحلي --pal-navy، وما سواهما ممزوجٌ من --pal-* بسطح النظام أو حبره أو أرضيته أو فاصله (--sys-*)
   فيتبع الوضع الداكن وحده بلا قاعدة body.saas-dark (عقدا 139 و152)؛ فلا لون مكتوب في الكتلة.
   PDF_WORKSHOP_REFINE_194 (P39): هرمٌ لوني — الأزرق الساطع لزرّ التصدير و«إضافة ملفات» والصفحة المحددة وحدها (وخط التبويب النشط)،
   والخيار المفعّل كحلي بلا ✓، ولوحة التصدير أقسامٌ يفصلها خطٌّ ناعم بلا صناديق، والأبيض والأسود مفتاح تبديل تحت الضغط، والشارتان هادئتان،
   والتدوير زرٌّ مزدوج، والبطاقة أكبر وأزرارها عائمة بالتمرير، وبطاقة الإضافة رمادية هادئة تزرقّ بالتمرير. */
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/vendor/ibm-plex-sans-arabic/IBMPlexSansArabic-Regular.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/vendor/ibm-plex-sans-arabic/IBMPlexSansArabic-Bold.woff2") format("woff2")}
#workshop{--font-app:"IBM Plex Sans Arabic","Dubai",Tahoma,"Segoe UI",sans-serif;--pw-desk:color-mix(in srgb,var(--pal-navy) 5%,var(--sys-bg));--pw-table:color-mix(in srgb,var(--pal-navy) 10%,var(--sys-bg));--pw-dot:color-mix(in srgb,var(--pal-navy) 20%,transparent);--pw-line:color-mix(in srgb,var(--pal-navy) 14%,var(--sys-separator));--pw-paper:0 1px 2px color-mix(in srgb,var(--pal-navy) 20%,transparent),0 8px 18px color-mix(in srgb,var(--pal-navy) 16%,transparent);--pw-scrim:color-mix(in srgb,var(--pal-navy) 58%,transparent);font-family:var(--font-app);background:var(--pw-desk);min-height:100%}
#workshop{--pw-blue:var(--pal-blue-2);--pw-blue-deep:color-mix(in srgb,var(--pal-blue-2) 75%,var(--pal-navy));--pw-blue-text:color-mix(in srgb,var(--pal-blue-2) 70%,var(--sys-ink));--pw-blue-line:color-mix(in srgb,var(--pal-blue-2) 85%,var(--sys-surface));--pw-blue-dash:color-mix(in srgb,var(--pal-blue-2) 45%,var(--sys-surface));--pw-blue-soft:color-mix(in srgb,var(--pal-blue-2) 8%,var(--sys-surface));--pw-blue-edge:color-mix(in srgb,var(--pal-blue-2) 28%,var(--sys-surface));--pw-ring:color-mix(in srgb,var(--pal-blue-2) 20%,transparent);--pw-night:color-mix(in srgb,var(--pal-navy) 85%,var(--sys-ink));--pw-steel:var(--pal-navy-2);--pw-slate-0:color-mix(in srgb,var(--pal-navy) 2%,color-mix(in srgb,var(--sys-bg) 60%,var(--sys-surface)));--pw-slate-1:color-mix(in srgb,var(--pal-navy) 4%,var(--sys-bg));--pw-slate-2:color-mix(in srgb,var(--pal-navy) 6%,color-mix(in srgb,var(--sys-separator) 45%,var(--sys-surface)));--pw-slate-3:color-mix(in srgb,var(--pal-navy) 8%,color-mix(in srgb,var(--sys-separator) 80%,var(--sys-surface)));--pw-slate-ink:color-mix(in srgb,var(--pal-navy) 25%,var(--sys-ink-3));--pw-label:color-mix(in srgb,var(--pal-navy) 25%,var(--sys-ink-2));--pw-rose:color-mix(in srgb,var(--pal-rose) 85%,var(--sys-ink));--pw-rose-soft:color-mix(in srgb,var(--pal-rose) 6%,var(--sys-surface));--pw-rose-hover:color-mix(in srgb,var(--pal-rose) 12%,var(--sys-surface));--pw-rose-line:color-mix(in srgb,var(--pal-rose) 22%,var(--sys-surface));--pw-indigo-soft:color-mix(in srgb,var(--pal-indigo) 7%,var(--sys-surface));--pw-indigo-line:color-mix(in srgb,var(--pal-indigo) 28%,var(--sys-surface));--pw-indigo-ink:color-mix(in srgb,var(--pal-indigo) 55%,var(--sys-ink));--pw-teal-soft:color-mix(in srgb,var(--pal-teal) 11%,var(--sys-surface));--pw-teal-ink:color-mix(in srgb,var(--pal-teal) 80%,var(--sys-ink));--pw-lift:0 10px 15px -3px color-mix(in srgb,var(--pal-blue-2) 25%,transparent),0 4px 6px -4px color-mix(in srgb,var(--pal-blue-2) 25%,transparent)}
#workshop :where(button,input,select,textarea){font-family:inherit}
#workshop :where(h1,h2,h3,b,button,.pw-field>span,.pw-seg label,.pw-check){font-weight:700}
#workshop .pw-wrap{max-width:1560px}
#workshop .pw-head{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;margin-bottom:14px;border:1px solid var(--pw-line);border-radius:var(--sys-radius-sm);background:var(--sys-surface);box-shadow:var(--sys-shadow)}
#workshop .pw-head h1{margin:0;color:var(--sys-ink);font-size:calc(var(--font-size-title) * 1.3)!important;font-weight:700}
#workshop .pw-back{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--pw-slate-3);border-radius:9px;background:var(--pw-slate-1);color:var(--sys-ink);cursor:pointer;transition:background .12s,border-color .12s}
#workshop .pw-back:hover,#workshop .pw-back:focus-visible{border-color:var(--pw-slate-ink);background:var(--pw-slate-2);outline:none}
#workshop .pw-count{margin-inline-start:auto;padding:5px 12px;border:1px solid var(--pw-slate-2);border-radius:999px;background:var(--pw-slate-1);color:var(--pw-slate-ink);white-space:nowrap}
#workshop .pw-add{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border:1px solid var(--pw-blue-deep);border-radius:10px;background:linear-gradient(180deg,var(--pw-blue),var(--pw-blue-deep));color:var(--sys-on-fill);box-shadow:var(--pw-lift);cursor:pointer}
#workshop .pw-add .app-icon{width:16px;height:16px}
#workshop[data-pw-step="start"] .pw-back,#workshop[data-pw-step="start"] .pw-count,#workshop[data-pw-step="start"] .pw-add,#workshop[data-pw-step="start"] .pw-layout{display:none}
#workshop[data-pw-step="start"] .pw-tool{display:none}
#workshop .pw-tool{position:relative}
#workshop .pw-tool-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--pw-indigo-line);border-radius:999px;background:var(--pw-indigo-soft);color:var(--pw-indigo-ink);cursor:pointer;transition:box-shadow .12s,border-color .12s}
#workshop .pw-tool-btn span{font-weight:400}
#workshop .pw-tool-btn .app-icon{width:16px;height:16px}
#workshop .pw-tool-btn .pw-tool-caret{width:14px;height:14px;transition:transform .14s}
#workshop .pw-tool-btn[aria-expanded="true"] .pw-tool-caret{transform:rotate(180deg)}
#workshop .pw-tool-btn:hover,#workshop .pw-tool-btn:focus-visible,#workshop .pw-tool-btn[aria-expanded="true"]{border-color:var(--pw-indigo-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--pal-indigo) 16%,transparent);outline:none}
#workshop .pw-tool-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:20;display:grid;gap:2px;min-width:250px;padding:6px;border:1px solid var(--pw-line);border-radius:12px;background:var(--sys-surface);box-shadow:var(--pw-paper)}
#workshop .pw-tool-menu[hidden]{display:none}
#workshop .pw-tool-menu button{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--sys-ink-2);text-align:start;cursor:pointer}
#workshop .pw-tool-menu button:hover,#workshop .pw-tool-menu button:focus-visible{background:var(--pw-slate-1);color:var(--sys-ink);outline:none}
#workshop .pw-tool-menu button[aria-checked="true"]{background:var(--pw-indigo-soft);color:var(--pw-indigo-ink)}
#workshop .pw-tool-menu button[aria-checked="true"]::after{content:"✓";margin-inline-start:auto}
#workshop .pw-tool-menu .app-icon{width:16px;height:16px}
#workshop .pw-status{margin:0 0 12px;padding:9px 14px;border:1px solid var(--pw-line);border-radius:10px;background:var(--sys-surface);color:var(--sys-ink-2);font-weight:700}
#workshop .pw-status:empty{display:none}
#workshop .pw-status[data-tone="error"]{border-color:color-mix(in srgb,var(--pal-red) 40%,var(--pw-line));color:var(--pal-red)}
#workshop .pw-status[data-tone="warn"]{border-color:color-mix(in srgb,var(--pal-amber) 45%,var(--pw-line));color:var(--pal-amber)}
#workshop .pw-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}
#workshop .pw-board{min-width:0}
#workshop .pw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 10px;margin-bottom:10px;border:1px solid var(--pw-line);border-radius:var(--sys-radius-sm);background:var(--sys-surface);box-shadow:var(--sys-shadow)}
#workshop .pw-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#workshop .pw-toolbar button,#workshop .pw-range input{height:34px;padding:0 11px;border:1px solid var(--pw-slate-2);border-radius:8px;background:var(--sys-surface);color:var(--pw-slate-ink);font:inherit;font-weight:700;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}
#workshop .pw-toolbar button{display:inline-flex;align-items:center;gap:5px}
#workshop .pw-toolbar button:hover:not(:disabled){border-color:var(--pw-slate-3);background:var(--pw-slate-0);color:var(--sys-ink)}
#workshop .pw-toolbar button:disabled{opacity:.4;cursor:not-allowed}
#workshop .pw-toolbar .app-icon{width:15px;height:15px}
#workshop .pw-range{display:inline-flex;align-items:stretch;height:34px;border:1px solid var(--pw-slate-3);border-radius:8px;background:var(--sys-surface);overflow:hidden;transition:border-color .12s,box-shadow .12s}
#workshop .pw-range:focus-within{border-color:var(--pw-blue);box-shadow:0 0 0 3px var(--pw-ring)}
#workshop .pw-range input{width:96px;height:32px;border:0;border-radius:0;outline:none;cursor:text;direction:ltr;text-align:center}
#workshop .pw-sep{width:1px;height:22px;background:var(--pw-line)}
#workshop .pw-selcount{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--pw-slate-2);border-radius:999px;background:var(--pw-slate-1);color:var(--pw-slate-ink);font-weight:700;white-space:nowrap;transition:background .14s,color .14s,border-color .14s}
#workshop .pw-selcount[data-on="true"]{border-color:var(--pw-blue-edge);background:var(--pw-blue-soft);color:var(--pw-blue-text)}
#workshop .pw-toolbar .pw-pickbtn{height:32px;border:0;border-inline-start:1px solid var(--pw-slate-3);border-radius:0;background:var(--pw-slate-1);color:var(--sys-ink)}
#workshop .pw-toolbar .pw-pickbtn:hover:not(:disabled){background:var(--pw-slate-2);color:var(--sys-ink)}
#workshop .pw-rotpair{display:inline-flex;height:34px;border:1px solid var(--pw-slate-2);border-radius:8px;background:var(--pw-slate-0);overflow:hidden}
#workshop .pw-rotpair .pw-rot{height:32px;padding:0 10px;border:0;border-radius:0;background:transparent}
#workshop .pw-rotpair .pw-rot+.pw-rot{border-inline-start:1px solid var(--pw-slate-2)}
#workshop .pw-toolbar .pw-rot .app-icon{width:16px;height:16px;color:var(--pw-slate-ink)}
#workshop .pw-rotpair .pw-rot:hover:not(:disabled){background:var(--pw-slate-1);color:var(--sys-ink)}
#workshop .pw-rotpair .pw-rot:hover:not(:disabled) .app-icon{color:var(--sys-ink)}
#workshop .pw-toolbar .pw-danger{border-color:var(--pw-rose-line);background:var(--pw-rose-soft);color:var(--pw-rose)}
#workshop .pw-toolbar .pw-danger:hover:not(:disabled){border-color:var(--pw-rose);background:var(--pw-rose-hover);color:var(--pw-rose)}
#workshop .pw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;align-content:start;min-height:calc(100vh - 250px);padding:18px;border:1px solid var(--pw-line);border-radius:var(--sys-radius-sm);background-color:var(--pw-table);background-image:radial-gradient(var(--pw-dot) 1px,transparent 1.4px);background-size:16px 16px;box-shadow:inset 0 1px 3px color-mix(in srgb,var(--pal-navy) 10%,transparent)}
#workshop .pw-board.is-over .pw-grid{outline:2px dashed var(--sys-accent);outline-offset:-8px}
#workshop .pw-empty{grid-column:1/-1;display:grid;place-items:center;align-content:center;gap:4px;min-height:170px;color:var(--sys-ink-3);text-align:center}
#workshop .pw-empty b{color:var(--sys-ink-2)}
#workshop .pw-card{display:flex;flex-direction:column;padding:12px 12px 0;border:1px solid var(--pw-slate-2);border-radius:12px;background:var(--sys-surface);box-shadow:var(--sys-shadow);cursor:pointer;transition:border-color .12s,box-shadow .12s}
#workshop .pw-card:hover{border-color:var(--pw-slate-3);box-shadow:var(--sys-shadow),0 8px 18px -6px color-mix(in srgb,var(--pal-navy) 18%,transparent)}
#workshop .pw-card.is-selected{border-color:var(--pw-blue);box-shadow:0 0 0 1px var(--pw-blue),0 0 0 5px var(--pw-ring)}
#workshop .pw-card.is-dragging{opacity:.4}
#workshop .pw-card.is-target{border-style:dashed;border-color:var(--pw-blue)}
#workshop .pw-thumb{position:relative;display:grid;place-items:center;height:260px;padding:10px;border-radius:8px;background:var(--pw-slate-0)}
#workshop .pw-thumb canvas{max-width:100%;max-height:100%;border-radius:2px;box-shadow:var(--pw-paper)}
#workshop .pw-num{position:absolute;top:6px;right:6px;z-index:1;min-width:26px;padding:1px 8px;border-radius:999px;background:var(--pal-navy);color:var(--sys-on-fill);font-size:var(--font-size-body)!important;font-weight:700;text-align:center}
#workshop .pw-card.is-selected .pw-num{background:var(--pw-blue);box-shadow:0 0 0 2px var(--sys-surface)}
#workshop .pw-marks{position:absolute;top:6px;left:6px;z-index:1;display:flex;gap:4px}
#workshop .pw-marks i{padding:1px 8px;border-radius:999px;background:var(--sys-surface);color:var(--sys-ink-2);font-size:var(--font-size-body)!important;font-style:normal;font-weight:700;box-shadow:var(--sys-shadow)}
#workshop .pw-cardbar{display:grid;gap:6px;margin:10px -12px 0;padding:8px 10px;border-top:1px solid var(--pw-slate-2);border-radius:0 0 11px 11px;background:var(--pw-slate-0);transition:background .12s}
#workshop .pw-card.is-selected .pw-cardbar{border-top-color:var(--pw-blue-dash);background:var(--pw-blue-soft)}
#workshop .pw-actions{position:absolute;bottom:10px;left:50%;z-index:2;display:flex;gap:2px;padding:4px;border:1px solid var(--pw-slate-2);border-radius:999px;background:var(--sys-surface);box-shadow:var(--pw-paper);opacity:0;pointer-events:none;transform:translate(-50%,6px)/* @rtl-ok: توسيطٌ فيزيائي مع left:50% في الاتجاهين */;transition:opacity .14s,transform .14s}
#workshop .pw-card:hover .pw-actions,#workshop .pw-card:focus-within .pw-actions{opacity:1;pointer-events:auto;transform:translate(-50%,0)/* @rtl-ok: التوسيط نفسه */}
#workshop .pw-actions button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:999px;background:transparent;color:var(--pw-slate-ink);cursor:pointer;transition:background .12s,color .12s}
#workshop .pw-actions button:hover,#workshop .pw-actions button:focus-visible{background:var(--pw-slate-1);color:var(--sys-ink);outline:none}
#workshop .pw-actions button[data-pw-act="del"]{color:var(--pw-rose)}
#workshop .pw-actions button[data-pw-act="del"]:hover,#workshop .pw-actions button[data-pw-act="del"]:focus-visible{background:var(--pw-rose-soft);color:var(--pw-rose)}
#workshop .pw-actions .app-icon{width:17px;height:17px}
#workshop .pw-pick{display:flex;align-items:center;gap:7px;min-width:0;color:var(--pw-slate-ink);font-size:calc(var(--font-size-body) * .95)!important;cursor:pointer}
#workshop .pw-card.is-selected .pw-pick{color:var(--pw-blue-text)}
#workshop .pw-pick span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#workshop .pw-pick input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--pw-blue);cursor:pointer}
#workshop .pw-addcard{display:grid;place-items:center;align-content:center;gap:10px;min-height:320px;border:2px dashed var(--pw-slate-3);border-radius:12px;background:transparent;color:var(--pw-slate-ink);font:inherit;cursor:pointer;transition:border-color .12s,background .12s,color .12s}
#workshop .pw-addcard span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--pw-slate-2);border-radius:999px;background:var(--sys-surface);color:var(--pw-slate-ink);font-size:calc(var(--font-size-title) * 1.3)!important;line-height:1;box-shadow:var(--sys-shadow);transition:color .12s}
#workshop .pw-addcard:hover,#workshop .pw-addcard:focus-visible{border-color:var(--pw-blue-dash);background:color-mix(in srgb,var(--pw-blue-soft) 50%,transparent);color:var(--pw-blue-text);outline:none}
#workshop .pw-addcard:hover span,#workshop .pw-addcard:focus-visible span{color:var(--pw-blue-text)}
#workshop .pw-export{position:sticky;top:12px;display:grid;gap:14px;padding:16px;border:1px solid var(--pw-line);border-radius:var(--sys-radius-sm);background:var(--sys-surface);box-shadow:var(--sys-shadow)}
#workshop .pw-export h2{margin:0;color:var(--sys-ink);font-size:var(--font-size-title)!important}
#workshop .pw-sect{display:grid;gap:14px;padding:0 0 16px;border-bottom:1px solid var(--pw-slate-1)}
#workshop .pw-field{display:grid;gap:5px;min-width:0}
#workshop .pw-field>span{color:var(--pw-label)}
#workshop .pw-field input[type="text"],#workshop .pw-field select{width:100%;height:38px;padding:0 10px;border:1px solid var(--pw-slate-3);border-radius:8px;background:var(--sys-surface);color:var(--sys-ink);font:inherit;transition:border-color .12s,box-shadow .12s}
#workshop .pw-field input[type="text"]:focus,#workshop .pw-field select:focus{border-color:var(--pw-blue);box-shadow:0 0 0 3px var(--pw-ring);outline:none}
#workshop .pw-seg{display:flex;gap:3px;padding:3px;border:1px solid var(--pw-slate-2);border-radius:10px;background:var(--pw-slate-1)}
#workshop .pw-tabs{display:flex;gap:20px;border-bottom:1px solid var(--pw-slate-2)}
#workshop .pw-seg label{flex:1;position:relative;padding:7px 4px;border-radius:8px;color:var(--pw-slate-ink);text-align:center;cursor:pointer;transition:background .12s,color .12s}
#workshop .pw-seg label:hover:not(:has(input:checked)){background:var(--pw-slate-2);color:var(--sys-ink)}
#workshop .pw-seg input{position:absolute;opacity:0;pointer-events:none}
#workshop .pw-seg label:has(input:checked){background:var(--pw-night);color:var(--sys-on-fill);box-shadow:0 1px 2px color-mix(in srgb,var(--pal-navy) 30%,transparent)}
#workshop .pw-seg label:has(input:focus-visible){outline:2px solid var(--pw-blue);outline-offset:2px}
#workshop .pw-tabs button{flex:0 0 auto;height:40px;padding:0 2px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--pw-slate-ink);cursor:pointer;transition:color .12s,border-color .12s}
#workshop .pw-tabs button:hover:not([aria-selected="true"]){border-bottom-color:var(--pw-slate-3);color:var(--sys-ink)}
#workshop .pw-tabs button[aria-selected="true"]{border-bottom-color:var(--pw-blue);color:var(--sys-ink)}
#workshop .pw-tabs button:focus-visible{outline:2px solid var(--pw-blue);outline-offset:2px}
#workshop .pw-pane{display:grid;gap:12px}
#workshop .pw-pane[hidden]{display:none}
#workshop .pw-check{display:flex;align-items:center;gap:7px;color:var(--sys-ink-2);cursor:pointer}
#workshop .pw-check input{width:16px;height:16px;accent-color:var(--sys-accent)}
#workshop .pw-switch{position:relative;justify-content:space-between;gap:12px;color:var(--sys-ink)}
#workshop .pw-switch input{position:absolute;opacity:0;pointer-events:none}
#workshop .pw-switch-track{position:relative;flex:0 0 auto;width:38px;height:22px;border-radius:999px;background:var(--pw-slate-3);color:var(--sys-on-fill);transition:background .14s}
#workshop .pw-switch-track::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:999px;background:currentColor;box-shadow:0 1px 2px color-mix(in srgb,var(--pal-navy) 35%,transparent);transition:transform .14s}
#workshop .pw-switch:has(input:checked) .pw-switch-track{background:var(--pw-night)}
#workshop .pw-switch:has(input:checked) .pw-switch-track::after{transform:translateX(-16px)/* @rtl-ok: الورشة عربيةٌ دائماً، فالمقبض يبدأ يميناً ويتحرّك نحو نهاية السطر */}
#workshop .pw-switch:has(input:focus-visible) .pw-switch-track{outline:2px solid var(--pw-blue);outline-offset:2px}
#workshop .pw-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#workshop .pw-go{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:48px;border:1px solid var(--pw-line);border-radius:10px;background:var(--sys-surface);color:var(--sys-ink);font:inherit;font-weight:700;cursor:pointer;transition:filter .12s,transform .12s}
#workshop .pw-go.primary{border-color:var(--pw-blue-deep);background:linear-gradient(180deg,var(--pw-blue),var(--pw-blue-deep));color:var(--sys-on-fill);box-shadow:var(--pw-lift)}
#workshop .pw-go.primary:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}
#workshop .pw-go:disabled{opacity:.5;cursor:progress}
#workshop .pw-go .app-icon{width:18px;height:18px}
#workshop .pw-info{position:relative;justify-self:start;color:var(--sys-ink-3);cursor:help;outline:none}
#workshop .pw-info:focus-visible{color:var(--sys-ink);text-decoration:underline}
#workshop .pw-tip{position:absolute;bottom:calc(100% + 8px);right:0;z-index:5;width:270px;padding:10px 12px;border-radius:10px;background:var(--pal-navy);color:var(--sys-on-fill);line-height:1.7;box-shadow:var(--pw-paper);opacity:0;visibility:hidden;transition:opacity .14s}
#workshop .pw-info:hover .pw-tip,#workshop .pw-info:focus .pw-tip{opacity:1;visibility:visible}
#workshop .pw-result{margin:0;color:var(--sys-ink-2);font-weight:700}
#workshop .pw-result:empty{display:none}
#workshop .pw-crop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:var(--pw-scrim)}
#workshop .pw-crop[hidden]{display:none}
#workshop .pw-crop-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;max-width:min(1100px,94vw);max-height:92vh;padding:14px;border-radius:var(--sys-radius-sm);background:var(--sys-surface);box-shadow:var(--sys-shadow)}
#workshop .pw-crop-card header{display:flex;align-items:baseline;gap:10px}
#workshop .pw-crop-card header b{color:var(--sys-ink)}
#workshop .pw-crop-card header small{color:var(--sys-ink-3)}
#workshop .pw-crop-stage{display:grid;place-items:center;min-height:0;padding:8px;border-radius:8px;background:var(--pw-table);overflow:hidden}
#workshop .pw-crop-frame{position:relative;direction:ltr;line-height:0;cursor:crosshair;touch-action:none;user-select:none}
#workshop .pw-crop-frame canvas{display:block;max-width:min(1060px,90vw);max-height:calc(92vh - 150px);width:auto;height:auto}
#workshop .pw-crop-box{position:absolute;border:2px solid var(--sys-accent);box-shadow:0 0 0 9999px var(--pw-scrim);pointer-events:none}
#workshop .pw-crop-card footer{display:flex;align-items:center;gap:8px}
#workshop .pw-crop-card footer span{flex:1}
#workshop .pw-crop-card footer button{height:36px;padding:0 14px;border:1px solid var(--pw-line);border-radius:9px;background:var(--sys-surface);color:var(--sys-ink);font:inherit;font-weight:700;cursor:pointer}
#workshop .pw-crop-card footer .primary{border-color:var(--sys-accent);background:var(--sys-accent);color:var(--sys-on-fill)}
/* PDF_WORKSHOP_SERVICES_191 — الخطوة الأولى: لوحة الخدمات في المنتصف، والورشة وتصديرها مخفيّان حتى تُضاف صفحة. */
#workshop[data-pw-step="work"] .pw-start{display:none}
#workshop .pw-start{max-width:1040px;margin:18px auto 0;text-align:center}
#workshop .pw-start h2{margin:0;color:var(--sys-ink);font-size:calc(var(--font-size-title) * 1.2)!important}
#workshop .pw-start>p{margin:4px 0 16px;color:var(--sys-ink-3)}
#workshop .pw-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#workshop .pw-service{display:grid;justify-items:center;align-content:start;gap:8px;min-height:180px;padding:22px 18px;border:1px solid var(--pw-line);border-radius:var(--sys-radius-sm);background:var(--sys-surface);box-shadow:var(--sys-shadow);color:var(--sys-ink-2);font:inherit;text-align:center;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
#workshop .pw-service:hover,#workshop .pw-service:focus-visible,#workshop .pw-service.is-over{border-color:var(--sys-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sys-accent) 22%,transparent),var(--sys-shadow);outline:none;transform:translateY(-2px)}
#workshop .pw-service.is-over{background:color-mix(in srgb,var(--sys-accent) 6%,var(--sys-surface))}
#workshop .pw-service-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--sys-accent) 11%,var(--sys-surface));color:var(--sys-accent)}
#workshop .pw-service-ico .app-icon{width:26px;height:26px}
#workshop .pw-service b{color:var(--sys-ink);font-size:var(--font-size-title)!important}
#workshop .pw-service small{max-width:30ch;color:var(--sys-ink-3);line-height:1.7}
#workshop .pw-resume{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:8px 10px 8px 14px;border:1px solid var(--pw-line);border-radius:999px;background:var(--sys-surface);color:var(--sys-ink-2)}
#workshop .pw-resume[hidden]{display:none}
#workshop .pw-resume button{height:32px;padding:0 14px;border:1px solid var(--sys-accent);border-radius:999px;background:var(--sys-accent);color:var(--sys-on-fill);font:inherit;font-weight:700;cursor:pointer}
#workshop[data-pw-focus="gray"] #pw-gray-wrap,#workshop[data-pw-focus="images"] .pw-images,#workshop[data-pw-focus="range"] .pw-range{outline:2px solid var(--sys-accent);outline-offset:3px;border-radius:8px;background:color-mix(in srgb,var(--sys-accent) 7%,transparent)}
@media(max-width:1100px){#workshop .pw-services{grid-template-columns:repeat(2,minmax(0,1fr))}#workshop .pw-layout{grid-template-columns:minmax(0,1fr)}#workshop .pw-export{position:static}}
@media print{#workshop{display:none!important}}

/* ═══ HEAD_SLIM_165 — رأس لوحة الأنظمة بلا رقائق مكرّرة (P27، S27.1) ═══
   lwRenderSources تُفرغ الرقائق حين لا يبقى إلا «الكل» ومصدرٌ واحد، فيُطوى صفّها ويصعد رفّ المفضلة مكانه.
   لا بالسمة hidden: lwShowWorkspace تضعها وترفعها لغرضٍ آخر. ونظام الإثبات بمصادره الأربعة كما هو. */
#assistant .lw-colhead .lw-sources:empty{display:none!important}

/* ═══ LAW_MENU_156 — قائمة الأنظمة المصنّفة (P13) ═══
   كانت ثمانية أنظمةٍ مسطّحة تحت «أنظمة مفهرسة» (واثنان «قيد الإعداد») بأيقوناتٍ مكرّرة. صارت أربع مجموعاتٍ بالمجال، وحقلاً يصفّيها.
   ومظهرها كلّه أُعيد بناؤه في LAW_MENU_159 أدناه (P16)؛ وبقي هنا ما يمسّ رأس العمود كله، وقائمةُ التصنيفات السريعة (.lw-catmenu) منه:
   إخفاء ما تُخفيه التصفية، والمعطّل، وشارة «قريباً»، وأرضية المختار. أما العرض والتمرير فللأنظمة وحدها (P29 أدناه).
   والمحدِّد #assistant .lw-colhead ليغلب قواعد القائمة الأولى. والكتلتان قبل SIDEBAR_151 لأن عقدها يقرأ إلى آخر الملف. */
#assistant .lw-colhead .lw-menu-item[disabled]{opacity:.6}
#assistant .lw-colhead .lw-menu .lw-tag{flex:0 0 auto;padding:1px 8px;border:1px solid var(--lw-line2);border-radius:999px;font-size:calc(var(--font-size-body) * 1.14)!important;font-weight:700;line-height:1.5;color:var(--lw-text2)}
#assistant .lw-colhead .lw-menu .lw-tag-soon{border-color:transparent;background:color-mix(in srgb,var(--lw-camel) 18%,var(--lw-surface));color:color-mix(in srgb,var(--lw-camel) 55%,var(--lw-text))}
#assistant .lw-colhead .lw-menu-item[aria-selected="true"]{background:var(--sys-fill);font-weight:700}

/* الحقل ثابتٌ أعلى القائمة، والأنظمة وحدها تتمرّر تحته. والعرض 356px (كان 320). وما تُخفيه التصفية يُخفى حقاً ولو كان للعنصر display. */
#assistant .lw-colhead .lw-menu{display:flex;flex-direction:column;width:356px;max-height:min(80vh,760px);padding:0;overflow:hidden}
/* CATMENU_FIX_169 (P29): قائمة الأبواب السريعة تحمل .lw-menu أيضاً فأخذت القاعدة أعلاه منذ 156 — فامتدّت 356px من حافة زرّها اليسرى
   تحت القائمة الجانبية فانقطعت أسماؤها، وأُقفل تمريرها فسقط ما تحت 600px. تعود إلى هندستها الأولى (LEGAL_QUICK_CATEGORIES). */
#assistant .lw-colhead .lw-catmenu{display:block;width:290px;max-height:min(78vh,600px);padding:6px 6px 0;overflow:auto}
#assistant .lw-colhead .lw-menu [hidden]{display:none!important}
#assistant .lw-colhead .lw-menu-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 6px;overscroll-behavior:contain}
#assistant .lw-colhead .lw-menu-empty{margin:0;padding:14px 12px;text-align:center;font-size:calc(var(--font-size-body) * 1.18)!important;color:var(--lw-text3)}

/* ═══ LAW_MENU_159 — قائمة الأنظمة الهادئة (P16، S16.1–S16.7) ═══
   أُعيد بناء مظهر قائمة 156 كلّه: الحقل بلا إطارٍ مدمجٌ في رأسها بخطٍّ سفلي رفيع، والمجموعات تفصلها مسافةٌ لا خطوط،
   وعناوينها وأيقوناتها رماديةٌ واحدة (لا ألوان مجموعات)، والعدد نصٌّ رمادي بلا كبسولة، والمختار بأرضيةٍ ناعمة وخطٍّ قصير يمين اسمه بلا ✓،
   ونظام التنفيذ سطرٌ واحد بمفتاحٍ لإصداريه. وأُزيل «تحليل مستند» من القائمة (قارئ الملفات في القائمة الجانبية).
   المحدِّد #lw-menu لا .lw-colhead .lw-menu: قائمة التصنيفات السريعة في رأس العمود أيضاً، ولا تُمسّ.
   المقاسات نسبٌ من الرمز العام بـ!important (عقد 57)، ولا شيء تحت 12.5px (عقدا 73 و74): الأسماء 14px، والعدد والعناوين 12.5px. والألوان رموزٌ لا غير. */

/* الحقل: لا إطار ولا مستطيل تركيز — حقلٌ وحيد يُركَّز عند كل فتح، فالمؤشر الوامض فيه يكفي. */
#assistant #lw-menu .lw-menu-find{flex:0 0 auto;padding:0 16px;border-bottom:1px solid var(--lw-line)}
#assistant #lw-menu .lw-menu-search{display:flex;align-items:center;gap:10px;height:46px;padding:0;border:0;border-radius:0;background:none;font-size:calc(var(--font-size-body) * 1.18)!important;color:var(--lw-text3)}
#assistant #lw-menu .lw-menu-search .app-icon{width:16px;height:16px;flex:0 0 16px}
#assistant #lw-menu .lw-menu-search input{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0;border:0;outline:0!important;background:none;box-shadow:none;font:inherit;font-size:inherit!important;color:var(--lw-text)}
#assistant #lw-menu .lw-menu-search input::placeholder{color:var(--lw-text3);opacity:1}

/* المجموعات: مسافةٌ بينها لا خط، وعنوانٌ صغير رمادي بأيقونته الخطية من لونه. */
#assistant #lw-menu .lw-menu-list{padding:4px 8px 10px}
#assistant #lw-menu .lw-menu-group+.lw-menu-group{margin-top:8px}
#assistant #lw-menu .lw-menu-group>.lw-menu-label{display:flex;align-items:center;gap:6px;padding:10px 12px 4px;font-size:calc(var(--font-size-body) * 1.14)!important;font-weight:500;color:var(--lw-text3)}
#assistant #lw-menu .lw-menu-group>.lw-menu-label .app-icon{width:14px;height:14px;flex:0 0 14px;color:currentColor}

/* البند: الاسم 14px بوزنٍ متوسط يميناً، والعدد نصٌّ رمادي هادئ يساراً بلا خلفيةٍ ولا إطار. */
#assistant #lw-menu .lw-menu-group>.lw-menu-item,
#assistant #lw-menu .lw-menu-family{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:38px;padding:7px 12px;border-radius:8px;font-weight:500;color:var(--lw-text2)}
#assistant #lw-menu .lw-menu-group>.lw-menu-item:hover:not([disabled],[aria-selected="true"]){background:var(--lw-surface2);color:var(--lw-text)}
/* ولمعة الزجاج العامة على الأزرار (حدٌّ داخلي ووميضٌ في ::after) تُطفأ هنا: كانت تجعل كل سطرٍ في الداكن صندوقاً. */
#assistant #lw-menu button{box-shadow:none}
#assistant #lw-menu button::after{content:none}
#assistant #lw-menu .lw-menu-group b{flex:0 0 auto;padding:0;border:0;border-radius:0;background:none;font-size:calc(var(--font-size-body) * 1.14)!important;font-weight:400;line-height:1.5;color:var(--lw-text3);font-variant-numeric:tabular-nums}

/* المختار: أرضيةٌ ناعمة جداً، والاسم بالحبر الأدكن. ونظام التنفيذ يُعلَّم سطرُه كله إن اختير أحد إصداريه.
   SELECTED_168 (P28): أُطفئ الخطّ القصير يمين الاسم؛ المختار أرضيةٌ وحدها كما في النتائج والشريط الجانبي. */
#assistant #lw-menu .lw-menu-group>.lw-menu-item[aria-selected="true"],
#assistant #lw-menu .lw-menu-family:has(.lw-seg-opt[aria-selected="true"]){background:color-mix(in srgb,var(--lw-tuwaiq) 8%,var(--lw-surface));color:var(--lw-text);font-weight:600}
#assistant #lw-menu .lw-menu-group>.lw-menu-item[aria-selected="true"]::before,
#assistant #lw-menu .lw-menu-family:has(.lw-seg-opt[aria-selected="true"])::before{content:none}

/* نظام التنفيذ: اسمه لا يُختار، وبجانبه يساراً مفتاحٌ بجزأين في كبسولةٍ واحدة، والعدد للإصدار المختار وحده. */
#assistant #lw-menu .lw-menu-parent{flex:1 1 auto;min-width:0;padding:0;font-size:calc(var(--font-size-body) * 1.27);font-weight:inherit;color:inherit}
#assistant #lw-menu .lw-seg{display:inline-flex;flex:0 0 auto;gap:2px;padding:2px;border-radius:999px;background:var(--lw-surface2)}
#assistant #lw-menu .lw-seg .lw-seg-opt{display:inline-flex;align-items:center;width:auto;min-height:0;padding:1px 10px;border-radius:999px;background:none;font-size:calc(var(--font-size-body) * 1.14)!important;font-weight:500;line-height:1.6;color:var(--lw-text3);font-variant-numeric:tabular-nums}
#assistant #lw-menu .lw-seg .lw-seg-opt:hover{background:none;color:var(--lw-text)}
#assistant #lw-menu .lw-seg .lw-seg-opt[aria-selected="true"]{background:var(--lw-surface);color:var(--lw-text);font-weight:600;box-shadow:0 1px 2px color-mix(in srgb,var(--lw-text) 16%,transparent)}
#assistant #lw-menu .lw-menu-family .lw-seg-count{display:none}
#assistant #lw-menu .lw-menu-family:has([data-engine="enforcement1447"][aria-selected="true"]) .lw-seg-count[data-for="enforcement1447"],
#assistant #lw-menu .lw-menu-family:has([data-engine="enforcement"][aria-selected="true"]) .lw-seg-count[data-for="enforcement"]{display:inline}

/* ═══ SIDEBAR_151 — القائمة الجانبية على خط الشريط العلوي (P11، S11.1–S11.5) ═══
   الترويسة 56px كالشريط فيلتقي خطّاهما، والرموز خطية 20px بلا مربعات، والنص يميناً ملاصقاً للرمز بـ12px،
   ولا خلفية إلا للتمرير والنشط، والنشط واحدٌ بمؤشرٍ رفيع على حافته اليمنى، و«الإعدادات» في القاع.
   المحدِّدات تبدأ بـ«body .app>.saas-sidebar» لتغلب طبقات القائمة السابقة (الزجاج والسدو والداكن)،
   والألوان رموزٌ للقائمة (--sb-*) تأخذ قيمها من --saas-* (تتبدّل في الداكن) أو من السدو. */

/* العمود بعرض القائمة: كان 244px والقائمة السعودية 258px (رمزها --sidebar-w لا يقرؤه أحد)، فغطّت 14px من الشريط والصفحة. */
@media(min-width:921px){body.saudi-theme .app,body.saudi-theme .app.sidebar-collapsed{--sidebar-width:258px}}

body .app>.saas-sidebar{--sb-ink:var(--saas-ink);--sb-muted:var(--saas-muted);--sb-line:var(--saas-border);
  --sb-hover:color-mix(in srgb,var(--saas-ink) 6%,transparent);--sb-active:color-mix(in srgb,var(--saas-ink) 9%,transparent);
  padding:0 12px 12px}
/* السدو: الأبيض رمز السطح (ثابتٌ في الوضعين)، والرمادي المائل للأبيض --sadu-label، والنشط أبيض 16%. */
body.saudi-theme .app>.saas-sidebar{--sb-ink:var(--sys-surface);--sb-muted:var(--sadu-label);--sb-line:var(--sadu-line);
  --sb-hover:var(--sadu-hover);--sb-active:var(--sadu-active)}

/* ١. الترويسة: 56px تماماً بعرض القائمة كله، فخطّها السفلي على خط الشريط. والشعار 32px على خط الرموز. */
body .app>.saas-sidebar .sidebar-brand{height:56px;box-sizing:border-box;display:flex;align-items:center;gap:10px;margin:0 -12px;padding:0 24px;border-bottom:1px solid var(--sb-line);box-shadow:none}
body .app>.saas-sidebar .sidebar-brand .brandmark{width:32px;height:32px;min-width:32px;min-height:32px;flex:0 0 auto;border-radius:9px;box-shadow:none;font-size:var(--t-body)!important}
body .app>.saas-sidebar .sidebar-brand strong{line-height:1.3}
body .app>.saas-sidebar .sidebar-brand small{margin-top:1px;color:var(--sb-muted);font-weight:600;line-height:1.3}

/* ٥. الأقسام: «مساحة العمل» على 20px تحت الخط، والعنوانان صغيران هادئان على خط الرموز، وبينهما مسافةٌ لا خط. */
body .app>.saas-sidebar .modules{gap:2px;margin-top:0;padding:20px 0 0}
body .app>.saas-sidebar .sidebar-section-label{margin:0 0 6px;padding:0 12px;color:var(--sb-muted);font-weight:600;line-height:1.4;opacity:.8}
body .app>.saas-sidebar .module+.sidebar-section-label{margin-top:18px}

/* ٣. الأزرار: 42px، والنص يميناً بعد الرمز بـ12px، ولا خلفية ولا حدّ ولا ظلّ ولا لمعة إلا عند التمرير. */
body .app>.saas-sidebar .module{position:relative;min-height:42px;gap:12px;justify-content:flex-start;padding:0 12px;border:0!important;border-radius:10px;background:transparent!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--sb-muted);text-align:start;transform:none!important;transition:background-color var(--dur-state) ease,color var(--dur-state) ease}
body .app>.saas-sidebar .module::before,body .app>.saas-sidebar .module::after{content:none}
body .app>.saas-sidebar .module:hover{background:var(--sb-hover)!important;color:var(--sb-ink)}
body .app>.saas-sidebar .module:focus-visible{outline:2px solid var(--sb-ink);outline-offset:-2px}

/* ٢. الرموز: خطيةٌ 20px بسماكةٍ واحدة، بلا مربع خلفها — والنشط كغيره. */
body .app>.saas-sidebar .module .ico,body .app>.saas-sidebar .module.active .ico{width:20px;height:20px;flex:0 0 20px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit}
body .app>.saas-sidebar .module .app-icon{width:20px;height:20px;stroke-width:1.75;color:inherit;opacity:1}
body .app>.saas-sidebar .module .txt{text-align:start;color:inherit!important;font-weight:600!important}

/* ٤. النشط: أرضيةٌ مضيئة ناعمة ونصٌّ عريض — بلا ظلٍّ أبيض يساراً ولا نقطةٍ زرقاء.
   SELECTED_168 (P28): أُطفئ المؤشر الرفيع على الحافة اليمنى؛ النشط أرضيةٌ وحدها كما في قائمة الأنظمة والنتائج. */
body .app>.saas-sidebar .module.active{background:var(--sb-active)!important;box-shadow:none!important;color:var(--sb-ink)}
body .app>.saas-sidebar .module.active .txt{font-weight:800!important}
body .app>.saas-sidebar .module.active::before{content:none}

/* ٥. «الإعدادات» في قاع القائمة فوق فاصلٍ رفيع، وتحتها سطر الطمأنة صغيراً بلا مربع. */
body .app>.saas-sidebar .sidebar-bottom{margin-top:auto;padding-top:8px;border-top:1px solid var(--sb-line)}
body .app>.saas-sidebar .sidebar-foot{display:flex;align-items:center;gap:8px;margin:6px 0 0;padding:0 12px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--sb-muted);opacity:.85}
body .app>.saas-sidebar .sidebar-foot>.app-icon{width:14px;height:14px;flex:0 0 auto;color:inherit!important;stroke:currentColor!important}
body .app>.saas-sidebar .sidebar-foot small{margin:0;color:inherit!important;font-weight:600;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}