:root{
  /* ===== الهوية: أخضر داكن + ذهبي (مصقولة) ===== */
  /* ===== B891 · الرموز اللونية (الوضع الفاتح). الداكن في آخر الملف. لا ألوان حرفية في القواعد ===== */
  --paper:#f4f2ec; --surface:#ffffff; --tint:#faf8f3; --zebra:#fcfbf8; --border:#e5dfd2; --border-strong:#d6cdb9;
  --text:#1e2a26; --muted:#5d6862; --muted-2:#6b7670; --ink:#16302a; --ink-2:#1f4339; --ink-3:#2b5b4d;
  --ink-soft:#e7eeeb; --gold:#a87d2c; --gold-ink:#8a6420; --gold-ink-2:#7a5818; --gold-soft:#f2e9d4;
  --gold-line:#e7d3a3; --pos:#2e7d57; --pos-ink:#1f6b46; --pos-soft:#e3f0e8; --neg:#b14333; --neg-ink:#a12626;
  --neg-soft:#f6e4e0; --neg-tint:#fdf3f1; --warn:#b07d1a; --warn-ink:#7a5512; --warn-soft:#f7eed5;
  --warn-tint:#fff7e6; --info:#2a5f7a; --info-soft:#e2eef4; --track:#eef2f0; --soft:#f3f6f5; --soft-ink:#4f6f66;
  --brand:#00704F; --brand-hover:#005a3f; --on-brand:#ffffff; --brand-ink:#00704F; --brand-tint:#e1f1ea;
  --side:#16302a; --side-2:#1f4339; --ink-bg:#16302a; --on-ink:#ffffff; --brand-on-side:#3fbf8f; --tick-bg:#fdf3dc;
  --tick-ink:#7a5000; --tick-line:#ecd49a; --neg-fill:#b14333; --bg:#faf8f3; --surface-2:#f3f6f5;
  --overlay:rgba(10,25,20,.28);
  /* ===== ظلال متدرّجة (عمق بدل الحدود الجافة) ===== */
  --sh-sm:0 1px 2px rgba(22,48,42,.05);
  --sh:0 1px 2px rgba(22,48,42,.05),0 6px 18px rgba(22,48,42,.06);
  --sh-md:0 2px 4px rgba(22,48,42,.06),0 12px 30px rgba(22,48,42,.09);
  --sh-lg:0 8px 40px rgba(22,48,42,.16);
  --shadow:var(--sh);
  /* ===== سلّم النص ===== */
  --fs-xs:11.5px; --fs-sm:12.5px; --fs-md:13.5px; --fs-lg:15px; --fs-xl:18px; --fs-2xl:22px; --fs-3xl:28px;
  /* ===== المسافات ===== */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:22px; --sp-6:30px;
  --radius:14px; --radius-sm:9px; --radius-pill:999px;
  --ring:0 0 0 3px rgba(168,125,44,.32);
  --ease:cubic-bezier(.4,0,.2,1);
  --font:-apple-system,"Segoe UI",system-ui,"Noto Sans Arabic","Noto Kufi Arabic",Tahoma,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:var(--text);background:var(--paper);min-height:100vh;line-height:1.5;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,select,textarea{font-family:inherit;font-size:14px}

:root{--sbw:224px;--sbw-rail:66px}
.layout{display:grid;grid-template-columns:var(--sbw) 1fr;min-height:100vh;transition:grid-template-columns .18s ease}
body.rail .layout{--sbw:var(--sbw-rail)}
.sidebar{background:var(--side);color:#dfe9e4;padding:12px 10px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;overflow:hidden}
.sb-head{flex-shrink:0}
.sb-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.sb-scroll::-webkit-scrollbar{width:6px}
.sb-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:3px}
.brand{display:flex;align-items:center;gap:9px;padding:2px 6px 10px}
.brand-mark{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:var(--brand);display:grid;place-items:center;color:var(--on-brand);font-weight:800;font-size:18px}
.brand-name{font-weight:700;font-size:14px;color:#fff;line-height:1.2;white-space:nowrap}
.brand-sub{font-size:11px;color:#9db8ac}
.nav-item{position:relative;display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;color:#c6d6cf;font-size:13px;font-weight:500;transition:.15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-badge{margin-inline-start:auto;background:#d98c1f;color:#fff;font-size:11px;font-weight:800;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:9px;padding:0 5px}
.nav-item.active{background:var(--side-2);color:#fff;font-weight:600}
.nav-item.active::before{content:"";position:absolute;inset-inline-start:0;top:18%;height:64%;width:3px;border-radius:0 3px 3px 0;background:var(--brand-on-side)}
html[dir=rtl] .nav-item.active::before{border-radius:3px 0 0 3px}
.ic{width:18px;height:18px;flex-shrink:0;vertical-align:middle}
.panel-title .ic{width:18px;height:18px;flex-shrink:0}
.badge .ic{width:12px;height:12px;flex-shrink:0}
.nav-item .ic{width:18px;height:18px;flex-shrink:0;opacity:.85}
.ic.ic-l{fill:none}   /* B883 · أيقونات الشاشات الخطية */

/* قوائم فرعية هرمية داخل المجموعة */
.nav-sub{display:flex;flex-direction:column;margin-inline-start:6px;border-inline-start:1px solid rgba(255,255,255,.10);padding-inline-start:6px}
.nav-sub-head{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;cursor:pointer;color:#9fbdb0;font-size:12px;font-weight:600;padding:7px 10px;border-radius:8px;text-align:start}
.nav-sub-head:hover{background:rgba(255,255,255,.05);color:#dbe9e3}
.nav-sub-caret{width:14px;height:14px;transition:transform .18s;opacity:.65}
.nav-sub.open>.nav-sub-head .nav-sub-caret{transform:rotate(180deg)}
.nav-sub-items{display:flex;flex-direction:column;gap:3px;overflow:hidden;max-height:0;opacity:0;transition:max-height .22s ease,opacity .18s}
.nav-sub.open>.nav-sub-items{max-height:1800px;opacity:1} /* B850: كان 900px فتُقصّ القوائم الطويلة */
.nav-sub .nav-item{font-size:13px;padding:7px 10px}
.nav-sub-head .nav-badge{margin-inline-start:6px}
.nav-label{font-size:11px;color:#8aa79b;padding:13px 12px 5px;letter-spacing:.5px;text-transform:uppercase}
.nav-grp{display:flex;flex-direction:column}
.nav-grp-head{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;cursor:pointer;
  font-size:11px;color:#8aa79b;padding:11px 12px 6px;letter-spacing:.5px;text-transform:uppercase;font-family:inherit;font-weight:700}
.nav-grp-head:hover{color:#cfe0d8}
.nav-grp-caret{width:16px;height:16px;transition:transform .18s;opacity:.7}
.nav-grp.open .nav-grp-caret{transform:rotate(180deg)}
.nav-grp-items{display:flex;flex-direction:column;gap:3px;overflow:hidden;max-height:0;opacity:0;transition:max-height .22s ease,opacity .18s}
.nav-grp.open .nav-grp-items{max-height:3200px;opacity:1} /* B850: كان 900px — مجموعة «العمل المهني» مفتوحة بالكامل تتجاوز 1030px فكانت آخر بنودها تُقصّ */
/* لا فتح بالمرور — الفتح بالنقر فقط (طلب المستخدم) */

.main{display:flex;flex-direction:column;min-width:0}
.topbar{display:flex;align-items:center;gap:14px;padding:14px 26px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}
.nav-toggle{display:none}
.nav-backdrop{display:none}
.page-title{font-size:20px;font-weight:700;color:var(--ink)}
.page-sub{font-size:12.5px;color:var(--muted)}
.spacer{flex:1}
.lang-toggle{padding:7px 13px;border:1px solid var(--border);border-radius:9px;font-size:13px;font-weight:600;color:var(--muted);background:var(--paper)}
.lang-toggle:hover{color:var(--ink)}
.edition-pill{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--gold-ink-2);background:var(--gold-soft);border:1px solid var(--gold-line);padding:4px 11px;border-radius:30px;text-transform:uppercase}
.user-chip{display:flex;align-items:center;gap:9px;padding:5px 8px;border:1px solid var(--border);border-radius:30px;background:var(--paper)}
.user-av{width:30px;height:30px;border-radius:50%;background:var(--ink-bg);color:var(--on-ink);display:grid;place-items:center;font-weight:700;font-size:13px}
.user-nm{font-weight:600;font-size:12.5px;color:var(--ink);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role-tag{font-size:11px;color:var(--muted)}
.content{padding:24px 26px 60px}

.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:9px;font-size:13.5px;font-weight:600;transition:.15s}
.btn-primary{background:var(--brand);color:var(--on-brand)}
.btn-primary:hover{background:var(--brand-hover)}
.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}
.btn-ghost:hover{background:var(--paper)}
.btn-danger{background:var(--neg-fill);color:var(--on-ink)}
.btn .ic{width:16px;height:16px}
.btn-sm{padding:6px 11px;font-size:12.5px}

.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px}
.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.kpi::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:3px;height:100%;background:var(--brand)}
.kpi-label{font-size:12.5px;color:var(--muted);font-weight:600}
.kpi-value{font-size:28px;font-weight:800;color:var(--ink);margin-top:6px;letter-spacing:-.5px}
.kpi-meta{font-size:12px;margin-top:5px;font-weight:600}
.kpi-meta.down{color:var(--neg)}

.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:20px}
.panel-head{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--border)}
.panel-title{font-size:15px;font-weight:700;color:var(--ink)}
.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}

.tbl-wrap{overflow-x:auto}
table.data{width:100%;border-collapse:collapse;font-size:13.5px}
table.data th{text-align:start;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:700;padding:11px 16px;border-bottom:1px solid var(--border);background:var(--tint);white-space:nowrap}
table.data td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}
table.data tr:last-child td{border-bottom:none}
table.data tbody tr:hover{background:var(--tint)}
.num{font-variant-numeric:tabular-nums;font-weight:600}
.cell-strong{font-weight:600;color:var(--ink)}
.cell-muted{color:var(--muted);font-size:12.5px}

.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}
.b-pos{background:var(--pos-soft);color:var(--pos-ink)}
.b-neg{background:var(--neg-soft);color:var(--neg)}
.b-warn{background:var(--warn-soft);color:var(--warn-ink)}
.b-ink{background:var(--ink-soft);color:var(--ink-2)}
.b-gold{background:var(--gold-soft);color:var(--gold-ink-2)}
.dot{width:7px;height:7px;border-radius:50%}

.prog{height:7px;background:var(--border);border-radius:20px;overflow:hidden;min-width:80px}
.prog>i{display:block;height:100%;background:var(--brand);border-radius:20px}

.row-actions{display:flex;gap:6px;align-items:center}
.inline-del{display:inline}
.icon-btn{width:30px;height:30px;border-radius:8px;display:inline-grid;place-items:center;border:1px solid var(--border);background:var(--surface);color:var(--muted);transition:.15s}
.icon-btn:hover{color:var(--ink);border-color:var(--border-strong);background:var(--paper)}
.icon-btn.danger:hover{color:var(--neg);border-color:var(--neg)}
.icon-btn .ic{width:15px;height:15px}

.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.search{position:relative;flex:1;max-width:320px}
.search input{width:100%;padding:9px 36px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface)}
.search .ic{position:absolute;inset-inline-start:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted)}
.filter-select{padding:9px 12px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--text)}

.lrow{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid var(--border)}
.lrow:last-child{border-bottom:none}
.li-ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}
.li-ic .ic{width:17px;height:17px}
.li-main{flex:1;min-width:0}
.li-title{font-size:13.5px;font-weight:600;color:var(--ink)}
.li-sub{font-size:12px;color:var(--muted)}

.empty{text-align:center;padding:46px 20px;color:var(--muted)}

.flash{padding:11px 16px;border-radius:10px;margin-bottom:18px;font-weight:600;font-size:13.5px}
.flash-ok{background:var(--pos-soft);color:var(--pos-ink)}
.flash-err{background:var(--neg-soft);color:var(--neg)}

/* النماذج */
.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);max-width:760px;overflow:hidden}
.form-head{padding:16px 22px;border-bottom:1px solid var(--border);font-size:16px;font-weight:700;color:var(--ink)}
.form-body{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-foot{padding:16px 22px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}
.field{display:flex;flex-direction:column;gap:6px}
.field.row2{grid-column:span 2}
.field label{font-size:12.5px;font-weight:600;color:var(--text)}
.field input,.field select,.field textarea{padding:10px 12px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--text);width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.field .hint{font-size:11.5px;color:var(--muted)}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;grid-column:span 2}
.perm-row{display:flex;align-items:center;gap:10px;justify-content:space-between;background:var(--paper);border:1px solid var(--border);border-radius:9px;padding:7px 11px}
.perm-row span{font-size:13px;font-weight:600}
.perm-row select{padding:6px 9px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface)}
.sec-title{grid-column:span 2;font-size:12px;font-weight:700;color:var(--gold-ink);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;border-top:1px solid var(--border);padding-top:14px}

/* صفحة الدخول */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,#1f4339,var(--side))}
.login-card{background:var(--surface);border-radius:18px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.login-head{padding:30px 28px 22px;text-align:center;background:radial-gradient(circle at 50% 0%,#22463b,var(--side));color:#fff;position:relative}
.login-mark{width:54px;height:54px;border-radius:14px;background:var(--brand);display:grid;place-items:center;color:var(--on-brand);font-weight:800;font-size:24px;margin:0 auto 12px}
.login-title{font-size:22px;font-weight:800;letter-spacing:1px}
.login-sub{font-size:12.5px;color:#cfe0d8;margin-top:4px}
.login-body{padding:26px 28px;display:flex;flex-direction:column;gap:14px}
.login-body label{font-size:12.5px;font-weight:600}
.login-body input{padding:11px 13px;border:1px solid var(--border-strong);border-radius:9px;width:100%;margin-top:5px;background:var(--surface);color:var(--text)}
.login-btn{background:var(--brand);color:var(--on-brand);padding:12px;border-radius:9px;font-weight:700;font-size:14px;width:100%}
.login-btn:hover{background:var(--brand-hover)}
.login-hint{font-size:11.5px;color:var(--muted);text-align:center}
.login-err{background:var(--neg-soft);color:var(--neg);padding:9px 12px;border-radius:8px;font-size:12.5px;font-weight:600;text-align:center}


/* ===== شريط جانبي مضغوط: وضع الأيقونات (rail) + بحث سريع ===== */
.sb-tools{display:flex;align-items:center;gap:6px;padding:0 4px 8px}
.sb-search{flex:1;position:relative;display:flex;align-items:center}
.sb-search .ic{position:absolute;inset-inline-start:8px;width:14px;height:14px;opacity:.5;pointer-events:none}
.sb-search input{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:#eaf2ee;
  border-radius:9px;padding-block:7px;padding-inline-start:28px;padding-inline-end:10px;
  font-size:12.5px;font-family:inherit;outline:none;transition:.15s}
.sb-search input::placeholder{color:#9fb8ad}
.sb-search input:focus{background:rgba(255,255,255,.12);border-color:rgba(212,175,86,.5)}
.sb-collapse{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);border-radius:9px;color:#cfe0d8;cursor:pointer;transition:.15s}
.sb-collapse:hover{background:rgba(255,255,255,.14);color:#fff}
.sb-collapse .ic{width:15px;height:15px;transition:transform .2s}
body.rail .sb-collapse .ic{transform:rotate(180deg)}

/* وضع الأيقونات: يخفي النصوص ويترك أيقونات مركزية بتلميح */
body.rail .sidebar{padding:12px 7px}
body.rail .brand-name,body.rail .brand-sub,body.rail .sb-search,
body.rail .nav-grp-head span,body.rail .nav-sub,body.rail .nav-label{display:none}
body.rail .brand{justify-content:center;padding:2px 0 10px}
body.rail .sb-tools{justify-content:center;padding:0 0 8px}
body.rail .nav-item{justify-content:center;padding:9px 0;gap:0}
body.rail .nav-item>span:not(.nav-badge){display:none}
body.rail .nav-item .ic{width:19px;height:19px;opacity:1}
body.rail .nav-grp{border-top:1px solid rgba(255,255,255,.08);padding-top:5px;margin-top:3px}
body.rail .nav-grp-head{justify-content:center;padding:4px 0}
body.rail .nav-grp-caret{display:none}
body.rail .nav-grp-items{max-height:none!important;opacity:1!important}
body.rail .nav-badge{position:absolute;top:3px;inset-inline-end:6px;margin:0;min-width:15px;height:15px;line-height:15px;font-size:9.5px;padding:0 3px}
/* تلميح اسم الشاشة في وضع الأيقونات */
body.rail .nav-item::after{content:attr(data-label);position:absolute;inset-inline-start:calc(100% + 8px);top:50%;transform:translateY(-50%);
  background:#0f2620;color:#fff;font-size:12px;padding:5px 10px;border-radius:7px;white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .14s;z-index:70;box-shadow:0 6px 18px rgba(0,0,0,.35)}
body.rail .nav-item:hover::after{opacity:1}

/* نتائج البحث داخل القائمة */
.sidebar.filtering .nav-grp-items{max-height:none!important;opacity:1!important}
.sidebar.filtering .nav-sub-items{max-height:none!important;opacity:1!important}
.nav-item.nav-hide,.nav-grp.nav-hide,.nav-sub.nav-hide{display:none}
.sb-noresult{display:none;color:#9fb8ad;font-size:12px;padding:10px 12px;text-align:center}
.sidebar.filtering .sb-noresult.on{display:block}


/* ============================================================
   صقل تجربة الاستخدام (809): وضوح، لمسات لطيفة، وإتاحة للجميع
   ============================================================ */

/* 1) حلقة تركيز واضحة لمستخدمي لوحة المفاتيح (كانت غائبة تماماً) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.btn:focus-visible,.icon-btn:focus-visible{outline:none;box-shadow:var(--ring)}
input:focus,select:focus,textarea:focus{border-color:var(--ink-3);box-shadow:var(--ring);outline:none}

/* 2) احترام تفضيل تقليل الحركة */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* 3) الجداول: لا تمدّ الصفحة، والقيم الذرّية لا تنكسر */
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl-wrap table.data{width:max-content;min-width:100%}
table.data th{background:var(--tint);box-shadow:0 1px 0 var(--border)}
table.data td.num,table.data td.mono,table.data td .badge,
table.data td[class*="date"],table.data th.num{white-space:nowrap}
table.data td.wrap,table.data td.long{white-space:normal;max-width:340px;font-size:var(--fs-sm);color:var(--muted);line-height:1.65}
table.data tbody tr{transition:background .12s var(--ease)}
table.data tbody tr:hover{background:var(--tint)}
table.data tbody tr:nth-child(even){background:var(--zebra)}
table.data tbody tr:nth-child(even):hover{background:var(--tint)}
.cell-strong{font-weight:650;color:var(--text)}

/* 4) حالات فارغة ودودة: أيقونة + جملة + إجراء (بدل «لا توجد بيانات» الجافة) */
.empty{text-align:center;padding:38px 20px;color:var(--muted)}
.empty .ic{width:30px;height:30px;opacity:.32;margin-bottom:8px}
.empty-t{font-size:var(--fs-lg);font-weight:650;color:var(--text);margin-bottom:4px}
.empty-s{font-size:var(--fs-md);color:var(--muted);max-width:420px;margin:0 auto 14px;line-height:1.75}
.empty .btn{margin-top:2px}

/* 5) البطاقات واللوحات: عمق ألطف بدل الحدود الجافة */
.panel{box-shadow:var(--sh);transition:box-shadow .18s var(--ease)}
.panel:hover{box-shadow:var(--sh-md)}
.panel-title{font-size:var(--fs-lg);font-weight:650}

/* 6) الأزرار: إحساس ملموس عند الضغط */
.btn{transition:transform .12s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease);will-change:transform}
.btn:active{transform:translateY(1px)}
.btn-primary{box-shadow:0 2px 8px rgba(22,48,42,.18)}
.btn-primary:hover{box-shadow:0 4px 14px rgba(22,48,42,.24)}
.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}
.icon-btn{transition:background .14s var(--ease),color .14s var(--ease)}

/* 7) النماذج: تسميات أوضح وتلميحات ونجمة للمطلوب */
.field label{font-weight:600;color:var(--text);font-size:var(--fs-md)}
.field .hint{font-size:var(--fs-xs);color:var(--muted);margin-top:5px;line-height:1.6}
.field input,.field select,.field textarea{transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}
.field.req label::after{content:" *";color:var(--neg);font-weight:800}
.form-card{box-shadow:var(--sh)}
.form-head{font-size:var(--fs-lg);font-weight:650}

/* 8) الرسائل: أوضح وبعلامة جانبية */
.flash{border-inline-start:4px solid currentColor;box-shadow:var(--sh-sm);animation:flashIn .28s var(--ease) both}
@keyframes flashIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* 9) الشارات: أوضح قليلاً */
.badge{font-weight:650;letter-spacing:.1px}
.b-info{background:var(--info-soft);color:var(--info)}

/* 10) الأرقام دائماً LTR داخل النص العربي */
.num,.mono,td.num,.kpi-value{direction:ltr;unicode-bidi:isolate;text-align:start}
html[dir=rtl] .num,html[dir=rtl] td.num{text-align:end}

/* 11) بطاقات المؤشرات: تسلسل بصري أوضح */
.kpi{box-shadow:var(--sh-sm);transition:transform .16s var(--ease),box-shadow .16s var(--ease)}
.kpi:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}
.kpi-label{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.kpi-value{font-size:var(--fs-3xl);font-weight:800;line-height:1.1;color:var(--ink)}
.kpi-meta{font-size:var(--fs-sm);color:var(--muted)}

/* 12) شريط الأدوات يلتفّ على الشاشات الصغيرة بدل أن يمدّ الصفحة */
.toolbar{flex-wrap:wrap;gap:var(--sp-2)}

/* 13) حدّ صارم ضد تمدّد الصفحة أفقياً */
html,body{overflow-x:clip;max-width:100vw}


/* الصف الذي حُفظ للتو — يُبرز لحظياً بدل أن يضيع المستخدم مكانه */
@keyframes rowSaved{0%{background:var(--pos-soft)}100%{background:transparent}}
table.data tbody tr.row-saved{animation:rowSaved 2.2s var(--ease) both;scroll-margin-block-start:96px}
table.data tbody tr.row-saved td:first-child{box-shadow:inset 3px 0 0 var(--pos)}
html[dir=rtl] table.data tbody tr.row-saved td:first-child{box-shadow:inset -3px 0 0 var(--pos)}


/* الفوتر داخل عمود المحتوى: يلتصق بالأسفل ولا يترك الشريط الجانبي مبتوراً */
.content{flex:1 0 auto}
.app-foot{flex-shrink:0;text-align:center;padding:16px 20px 20px;font-size:11px;color:var(--muted);
  line-height:1.8;border-top:1px solid var(--border);margin-top:auto;background:var(--paper)}
/* الشريط الجانبي يملأ ارتفاع الصفحة دائماً */
.sidebar{min-height:100vh}


/* تنبيهات المراجعة */
.aa-list{display:flex;flex-direction:column}
.aa-row{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border)}
.aa-row:last-child{border-bottom:none}
.aa-row:hover{background:var(--tint)}
.aa-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:6px}
.aa-main{flex:1;min-width:0}
.aa-t{font-weight:650;color:var(--text);font-size:var(--fs-md);line-height:1.6}
.aa-d{font-size:var(--fs-sm);color:var(--muted);margin-top:3px;line-height:1.7}
.aa-act{display:flex;align-items:center;gap:6px;flex-shrink:0}
.nav-badge-hot{background:var(--neg-fill)!important;color:#fff!important}
@media (max-width:720px){.aa-row{flex-wrap:wrap}.aa-act{width:100%;justify-content:flex-end}}

@media print{.sidebar,.topbar,.toolbar,.row-actions{display:none!important}.layout{grid-template-columns:1fr}.content{padding:0}}
@media(max-width:880px){
  .layout{grid-template-columns:1fr}
  /* الشريط الجانبي: درج منزلق من الجانب */
  .sidebar{position:fixed;top:0;inset-inline-start:0;height:100vh;width:84vw;max-width:300px;z-index:60;
    transform:translateX(var(--nav-off,-105%));transition:transform .25s ease;box-shadow:0 0 40px rgba(0,0,0,.3)}
  html[dir=rtl] .sidebar{--nav-off:105%}
  body.nav-open .sidebar{transform:translateX(0)}
  .nav-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:55}
  body.nav-open .nav-backdrop{display:block}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:var(--ink);cursor:pointer;padding:6px;margin-inline-end:4px}
  /* المجموعات مفتوحة دائماً داخل الدرج على الهاتف */
  .sidebar .nav-grp-items{max-height:none!important;opacity:1!important}
  /* أهداف لمس مريحة على الهاتف (>=44px) */
  .sidebar .nav-item{padding:12px 12px;font-size:14px}
  .sidebar .nav-grp-head{padding:12px 10px}
  .sidebar .nav-sub-head{padding:11px 10px}
  .sb-collapse{width:40px;height:40px}
  .sb-search input{padding-block:11px}
  body.rail .layout{grid-template-columns:1fr}
  body.rail .sidebar{padding:12px 10px;width:84vw;max-width:300px}
  body.rail .brand-name,body.rail .brand-sub,body.rail .sb-search,body.rail .nav-grp-head span,body.rail .nav-sub{display:revert}
  body.rail .nav-item{justify-content:flex-start;padding:7px 10px;gap:9px}
  body.rail .nav-item>span:not(.nav-badge){display:revert}
  body.rail .nav-item::after{display:none}
  .sidebar .nav-grp-caret{display:none}
  .topbar{padding:12px 16px}
  .content{padding:16px 14px 80px}
  .two-col,.form-body{grid-template-columns:1fr}
  .field.row2{grid-column:span 1}
  /* الشبكات ثلاثية الأعمدة تنهار لعمود واحد */
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:240px 1fr"],[style*="grid-template-columns:260px 1fr"]{grid-template-columns:1fr!important}
  /* أهداف لمس أكبر */
  .nav-item{padding:12px 12px;font-size:15px}
  .btn{padding:10px 14px}
  .icon-btn{padding:8px}
  table.data{font-size:13px}
  table.data th,table.data td{padding:10px 12px}
  /* الشريط العلوي: إخفاء العناصر الثانوية لتوفير المساحة */
  .topbar .role-tag,.edition-pill{display:none}
  .page-title{font-size:16px}
}
@media(max-width:520px){
  .topbar .user-nm{display:none}
  .content{padding:12px 10px 80px}
  table.data th,table.data td{padding:9px 9px;font-size:12.5px}
  .panel-head{flex-wrap:wrap;gap:6px}
}

/* ===== Documents grid (icon view) ===== */
.doc-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:14px; }
.doc-card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:16px 12px 10px; text-align:center; box-shadow:var(--shadow); display:flex; flex-direction:column; align-items:center; gap:6px; transition:.15s; }
.doc-card:hover{ border-color:var(--border-strong); transform:translateY(-1px); }
.doc-ico{ width:54px; height:54px; border-radius:12px; display:grid; place-items:center; font-weight:800; font-size:13px; margin-bottom:4px; }
.doc-ico.b-neg{ background:var(--neg-soft); color:var(--neg); } .doc-ico.b-ink{ background:var(--ink-soft); color:var(--ink-2); }
.doc-ico.b-pos{ background:var(--pos-soft); color:var(--pos-ink); } .doc-ico.b-gold{ background:var(--gold-soft); color:var(--gold-ink-2); } .doc-ico.b-warn{ background:var(--warn-soft); color:var(--warn-ink); }
.doc-name{ font-size:13px; font-weight:600; color:var(--ink); width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.doc-meta{ font-size:11.5px; color:var(--muted); width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.doc-acts{ display:flex; gap:5px; margin-top:8px; padding-top:8px; border-top:1px solid var(--border); width:100%; justify-content:center; flex-wrap:wrap; }
.doc-acts form{ display:inline; }

.badge.b-soft{background:var(--soft);color:var(--soft-ink)}

/* ===== B44 · fsmap smart-mapping: filter chips + bulk save bar ===== */
.fsmap-chips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px;scroll-margin-block-start:96px}
.fsmap-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius-pill);
  border:1px solid var(--border);background:var(--paper);color:var(--muted);font-size:13px;font-weight:600;
  text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.fsmap-chip:hover{border-color:var(--gold);color:var(--ink)}
.fsmap-chip .fsmap-chip-n{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;
  border-radius:var(--radius-pill);background:var(--tint);color:var(--ink-2);font-size:11.5px;font-weight:800;direction:ltr}
.fsmap-chip.active{background:var(--ink-bg);border-color:var(--ink-bg);color:var(--on-ink)}
.fsmap-chip.active .fsmap-chip-n{background:var(--gold-soft);color:var(--gold-ink-2)}
.fsmap-chip.warn:not(.active) .fsmap-chip-n{background:var(--warn-soft);color:var(--warn-ink)}
.fsmap-savebar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin-top:12px;padding:12px 16px;background:var(--paper);border:1px solid var(--border);
  border-radius:var(--radius);box-shadow:var(--sh-md)}
.fsmap-savebar .spacer{flex:1 1 auto}
.fsmap-learn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);cursor:pointer;user-select:none}
.fsmap-learn input{accent-color:var(--gold-ink)}
@media(max-width:640px){.fsmap-savebar{padding:10px 12px}.fsmap-savebar .btn{width:100%}}

/* ===== B822 · Calendar (Reviza): month grid + deadline notifications ===== */
.cal-wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
.cal-legend{display:flex;gap:5px;flex-wrap:wrap}
.cal-grid-head{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);
  border-block-start:1px solid var(--border);border-block-end:1px solid var(--border)}
.cal-grid-head>div{background:var(--paper);padding:8px 6px;text-align:center;font-size:11.5px;font-weight:700;color:var(--muted)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border)}
.cal-cell{background:var(--surface);min-height:104px;padding:5px 6px;display:flex;flex-direction:column;gap:3px}
.cal-cell-empty{background:var(--paper);opacity:.5}
.cal-today{box-shadow:inset 0 0 0 2px var(--brand)}
.cal-daynum{font-size:11.5px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:5px}
.cal-today-tag{background:var(--brand);color:var(--on-brand);border-radius:var(--radius-pill);padding:0 6px;font-size:9.5px;font-weight:800}
.cal-ev{display:flex;align-items:center;gap:5px;text-decoration:none;padding:2px 4px;border-radius:6px;
  background:var(--paper);font-size:11px;color:var(--ink-2);overflow:hidden;transition:background .15s}
.cal-ev:hover{background:var(--tint)}
.cal-ev-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-ev-late{background:var(--neg-soft);color:var(--neg)}
.cal-ev-done{opacity:.55;text-decoration:line-through}
.cal-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:currentColor}
.cal-more{font-size:10.5px;color:var(--muted);padding-inline-start:4px}
.cal-list{display:flex;flex-direction:column}
.cal-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-block-end:1px solid var(--border);text-decoration:none;color:inherit}
.cal-row:last-child{border-block-end:none}
.cal-row:hover{background:var(--paper)}
.cal-row-main{flex:1;min-width:0;display:flex;flex-direction:column}
.cal-row-t{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-row-s{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1000px){.cal-wrap{grid-template-columns:1fr}}
@media(max-width:640px){
  .cal-cell{min-height:74px;padding:4px}
  .cal-ev-t{display:none}
  .cal-ev{justify-content:center;padding:3px}
  .cal-grid-head>div{font-size:10px;padding:6px 2px}
}

/* ===== B823 · Vouchers (Reviza): printable voucher document ===== */
.vo-doc{border:1px solid var(--border-strong);border-radius:var(--radius);padding:20px 22px;background:var(--surface)}
.vo-doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  border-block-end:2px solid var(--ink);padding-block-end:12px;margin-block-end:16px}
.vo-doc-t{font-size:20px;font-weight:800;color:var(--ink)}
.vo-amount{display:flex;align-items:baseline;gap:12px;background:var(--gold-soft);border:1px solid var(--gold);
  border-radius:var(--radius-sm);padding:12px 16px;margin-block-end:16px}
.vo-amount-v{font-size:26px;font-weight:800;color:var(--ink);margin-inline-start:auto;direction:ltr;unicode-bidi:isolate}
.vo-doc-tbl th{background:var(--paper);font-weight:700;color:var(--muted);font-size:12.5px;width:170px}
.vo-doc-tbl td{font-weight:600;color:var(--ink)}
.vo-sign{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-block-start:34px;text-align:center}
.vo-sign>div{border-block-start:1px solid var(--border-strong);padding-block-start:8px;font-size:12.5px;color:var(--muted)}
@media print{
  .no-print,.sidebar,.topbar,.hdr-eng{display:none!important}
  .vo-print{border:none;box-shadow:none}
  .vo-doc{border:1px solid #000}
  @page{size:A5 landscape;margin:10mm}
}

/* ============================================================
   B828 · الموبايل والطباعة والحالات الفارغة (premium pass)
   ============================================================ */

/* --- 1) حارس التمدد: لا شيء يوسّع الصفحة على الهاتف --- */
@media(max-width:880px){
  html,body{overflow-x:clip;max-width:100vw}
  .content{min-width:0}
}

/* --- 2) الجداول تتحوّل بطاقات على الهاتف ---
   العناوين تُنسخ إلى data-label تلقائياً (tableCards) فتظهر بجانب كل قيمة.
   لو تعطّل السكربت يبقى الجدول قابلاً للتمرير كما كان — لا يختفي محتوى أبداً. */
@media(max-width:640px){
  table.data.as-cards, table.data.as-cards tbody, table.data.as-cards tr, table.data.as-cards td{display:block;width:100%}
  table.data.as-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  table.data.as-cards tr{
    background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
    box-shadow:var(--sh-sm);margin-block-end:10px;padding:4px 2px;overflow:hidden}
  table.data.as-cards td{
    border:0;border-block-end:1px solid var(--border);padding:9px 13px;
    display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start;min-height:40px}
  table.data.as-cards td:last-child{border-block-end:0}
  table.data.as-cards td::before{
    content:attr(data-label);flex:0 0 40%;color:var(--muted);font-size:11.5px;font-weight:700;
    text-transform:none;letter-spacing:0}
  table.data.as-cards td:empty{display:none}
  /* الخلية بلا عنوان (أزرار الإجراءات) تأخذ العرض كاملاً */
  table.data.as-cards td[data-label=""]{justify-content:flex-end}
  table.data.as-cards td[data-label=""]::before{display:none}
  table.data.as-cards tfoot tr{background:var(--paper);font-weight:800}
  .tbl-wrap{overflow-x:visible}
}

/* --- 3) النصوص الطويلة لا تكسر الجدول --- */
table.data td{overflow-wrap:anywhere}
table.data td.num,table.data td .badge,table.data td.cell-strong.num{white-space:nowrap}
table.data td.cell-muted{max-width:340px}

/* --- 4) مساحات اللمس: 44×44 على أجهزة اللمس فقط (لا تُضخّم الديسكتوب) --- */
@media(hover:none) and (pointer:coarse){
  .icon-btn{width:44px;height:44px}
  .icon-btn .ic{width:19px;height:19px}
  .btn,.btn-sm{min-height:44px;padding-inline:16px}
  .nav-item,.nav-grp-head{min-height:44px}
  input,select,textarea,.filter-select{min-height:44px;font-size:16px} /* 16px يمنع تكبير iOS التلقائي */
  .row-actions{gap:8px}
  .lang-toggle a,.lang-toggle button{min-height:44px;display:inline-flex;align-items:center}
}

/* --- 5) الحالات الفارغة: أيقونة + عنوان + جملة + إجراء --- */
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;
  padding:46px 20px;color:var(--muted)}
.empty .ic{width:40px;height:40px;opacity:.35;color:var(--ink-2)}
.empty-t{font-size:14.5px;font-weight:700;color:var(--ink)}
.empty-s{font-size:12.5px;color:var(--muted);max-width:420px;line-height:1.7}
.empty .btn{margin-block-start:6px}

/* --- 6) الطباعة: A4 وتكرار رأس الجدول ومنع كسر الصفوف --- */
@media print{
  @page{size:A4 portrait;margin:14mm 12mm}
  html,body{background:#fff!important}
  .sidebar,.topbar,.toolbar,.nav-backdrop,.no-print,.row-actions,.fsmap-savebar,
  .lang-toggle,.hdr-eng,.btn,.icon-btn,.pagination{display:none!important}
  .layout{grid-template-columns:1fr!important}
  .content{padding:0!important}
  .panel{box-shadow:none!important;border:1px solid #bbb!important;break-inside:auto}
  .panel-head{border-block-end:1px solid #bbb!important}
  table.data{width:100%!important;font-size:10.5pt}
  table.data thead{display:table-header-group}      /* رأس الجدول يتكرر في كل صفحة */
  table.data tfoot{display:table-footer-group}
  table.data tr{page-break-inside:avoid;break-inside:avoid}
  table.data th{background:#f0efe9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  table.data th,table.data td{border:1px solid #ccc!important;padding:5pt 6pt}
  .badge{border:1px solid #999;color:#000!important;background:#fff!important}
  .tbl-wrap{overflow:visible!important}
  a{text-decoration:none;color:#000}
  h1,h2,h3,.panel-title{break-after:avoid}
}

/* --- 7) احترام تقليل الحركة --- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ============================================================
   B844 · إعادة تصميم القائمة الجانبية — هرمية أوضح وإيقاع أهدأ
   المشكلة قبل: عنوان المجموعة بنفس وزن العنصر فتتشابه المستويات،
   وحلقة تركيز ذهبية تبقى على زر المجموعة بعد النقر بالفأرة.
   ============================================================ */

/* 1) عنوان المجموعة: تسمية لا زر — أصغر وأهدأ وبمسافة حروف */
.sidebar .nav-grp-head{
  min-height:34px; padding:9px 12px 5px; margin-block-start:6px;
  font-size:10.5px; font-weight:700; letter-spacing:.8px;
  color:#7f9c90; text-transform:uppercase; background:none;
  border-radius:8px; width:100%; display:flex; align-items:center; gap:8px;
  transition:color .15s;
}
.sidebar .nav-grp-head:hover{ color:#b9cdc4; background:rgba(255,255,255,.03) }
.sidebar .nav-grp-head span{ flex:1; text-align:start }
.sidebar .nav-grp-caret{ width:13px; height:13px; opacity:.45 }
.sidebar .nav-grp.open > .nav-grp-head{ color:#9fbcb0 }

/* 2) لا حلقة تركيز عند النقر بالفأرة — تبقى للوحة المفاتيح فقط */
.sidebar .nav-grp-head:focus{ outline:none }
.sidebar .nav-grp-head:focus:not(:focus-visible){ outline:none; box-shadow:none }
.sidebar .nav-grp-head:focus-visible{ outline:2px solid var(--gold); outline-offset:-2px }

/* 3) خط إرشادي خفيف يربط عناصر المجموعة بعنوانها */
.sidebar .nav-grp-items{ position:relative; gap:1px; padding-inline-start:2px }
.sidebar .nav-grp-items::before{
  content:""; position:absolute; inset-block:2px; inset-inline-start:15px;
  width:1px; background:rgba(255,255,255,.07);
}

/* 4) العنصر: إيقاع أهدأ وأيقونة ثابتة المحاذاة */
.sidebar .nav-item{
  padding:8px 12px; border-radius:9px; font-size:13.5px; font-weight:500;
  color:#bdd0c8; gap:11px; line-height:1.35;
}
.sidebar .nav-item .ic{ width:17px; height:17px; opacity:.62; transition:opacity .15s }
.sidebar .nav-item:hover{ background:rgba(255,255,255,.055); color:#fff }
.sidebar .nav-item:hover .ic{ opacity:.9 }

/* 5) العنصر النشط: تباين واضح + شريط ذهبي + أيقونة كاملة الوضوح */
.sidebar .nav-item.active{
  background:linear-gradient(90deg, rgba(63,191,143,.16), var(--side-2) 42%);
  color:#fff; font-weight:700;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.sidebar .nav-item.active .ic{ opacity:1; color:var(--brand-on-side) }
.sidebar .nav-item.active::before{ width:3px; top:22%; height:56%; background:var(--brand-on-side) }

/* 6) شارة العدّاد: أهدأ إلا عند وجود متأخر */
.sidebar .nav-badge{
  background:rgba(255,255,255,.14); color:#e6efeb; font-weight:700;
  font-size:10.5px; min-width:19px; height:19px; line-height:19px;
}
.sidebar .nav-badge.nav-badge-hot{ background:var(--neg-fill); color:#fff }

/* 7) الترويسة والبحث: فصل بصري عن قائمة الشاشات */
.sidebar .sb-head{ padding-block-end:8px; border-block-end:1px solid rgba(255,255,255,.07); margin-block-end:4px }
.sidebar .sb-search input{ font-size:12.5px; border-radius:9px }

/* 8) شريط تمرير رفيع يليق بالخلفية الداكنة */
.sidebar{ scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.16) transparent; overflow-y:auto }
.sidebar::-webkit-scrollbar{ width:7px }
.sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.14); border-radius:6px }
.sidebar::-webkit-scrollbar-thumb:hover{ background:rgba(255,255,255,.24) }
.sidebar::-webkit-scrollbar-track{ background:transparent }

/* 9) على اللمس: مساحات أكبر دون تفكيك الإيقاع */
@media(hover:none) and (pointer:coarse){
  .sidebar .nav-item{ min-height:44px; padding:10px 12px }
  .sidebar .nav-grp-head{ min-height:40px }
}

/* ============================================================
   B845 · ودجة المساعدة العائمة — زر ثابت أسفل الجانب ولوحة منزلقة
   RTL: تظهر أسفل اليسار · LTR: أسفل اليمين (الجانب المقابل للقائمة)
   ============================================================ */
.hlp-fab{
  position:fixed; inset-block-end:20px; inset-inline-end:20px; z-index:80;
  width:52px; height:52px; border-radius:50%; display:grid; place-items:center;
  background:var(--brand); color:var(--on-brand); border:1px solid rgba(255,255,255,.12);
  box-shadow:0 6px 20px rgba(22,48,42,.28); cursor:pointer; transition:transform .15s, box-shadow .15s, background .15s;
}
html[dir="rtl"] .hlp-fab{ inset-inline-end:auto; inset-inline-start:20px }
.hlp-fab:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(22,48,42,.34); background:var(--brand-hover) }
.hlp-fab .ic{ width:23px; height:23px }
body.hlp-open .hlp-fab{ background:var(--ink-bg); color:var(--on-ink) }

.hlp-panel{
  position:fixed; inset-block-end:84px; z-index:81;
  width:min(400px, calc(100vw - 32px)); max-height:min(560px, calc(100vh - 130px));
  display:flex; flex-direction:column; overflow:hidden;
  background:var(--surface); border:1px solid var(--border-strong); border-radius:16px;
  box-shadow:0 18px 48px rgba(22,48,42,.24);
  animation:hlpIn .16s ease-out;
}
.hlp-panel{ inset-inline-end:20px }
html[dir="rtl"] .hlp-panel{ inset-inline-end:auto; inset-inline-start:20px }
@keyframes hlpIn{ from{ opacity:0; transform:translateY(8px) } to{ opacity:1; transform:none } }

.hlp-head{ display:flex; align-items:center; gap:8px; padding:12px 14px; background:var(--side); color:#fff }
.hlp-title{ font-size:14px; font-weight:700; display:flex; align-items:center; gap:7px; flex:1 }
.hlp-title .ic{ width:17px; height:17px; color:var(--gold) }
.hlp-full{ font-size:11.5px; color:#bcd3c9; text-decoration:none; white-space:nowrap }
.hlp-full:hover{ color:#fff; text-decoration:underline }
.hlp-x{ width:28px; height:28px; display:grid; place-items:center; border-radius:8px; color:#bcd3c9; background:none; border:none; cursor:pointer }
.hlp-x:hover{ background:rgba(255,255,255,.1); color:#fff }
.hlp-x .ic{ width:15px; height:15px }

.hlp-searchbar{ display:flex; gap:7px; padding:11px 12px; border-block-end:1px solid var(--border); background:var(--paper) }
.hlp-searchbar input{ flex:1; padding:9px 12px; border:1px solid var(--border-strong); border-radius:9px; background:var(--surface); font-size:13.5px }
.hlp-ai{ padding:0 12px; border-radius:9px; background:var(--brand); color:var(--on-brand); border:none; font-size:12px; font-weight:600; cursor:pointer; white-space:nowrap }
.hlp-ai:hover{ background:var(--brand-hover) }

.hlp-body{ overflow-y:auto; padding:6px 0; scrollbar-width:thin }
.hlp-sec{ padding:10px 14px 4px }
.hlp-sec-t{ font-size:10.5px; font-weight:800; color:var(--muted); letter-spacing:.6px; margin-block-end:6px }
.hlp-tip{ font-size:12.5px; color:var(--ink-2); padding:2px 0; line-height:1.7 }
.hlp-sug{
  display:block; width:100%; text-align:start; margin-block-end:5px; padding:9px 11px;
  background:var(--paper); border:1px solid var(--border); border-radius:9px;
  font-size:12.5px; color:var(--ink); cursor:pointer; font-family:inherit; transition:.15s;
}
.hlp-sug:hover{ background:var(--tint); border-color:var(--border-strong) }

.hlp-hit{ padding:12px 14px; border-block-end:1px solid var(--border) }
.hlp-hit:last-child{ border-block-end:none }
.hlp-hit-q{ font-size:13.5px; font-weight:700; color:var(--ink); margin-block-end:6px; display:flex; align-items:center; gap:6px; flex-wrap:wrap }
.hlp-hit-a{ font-size:12.8px; line-height:1.85; color:var(--ink-2); white-space:pre-wrap }
.hlp-links{ display:flex; gap:6px; flex-wrap:wrap; margin-block-start:9px }
.hlp-link{ font-size:11.5px; padding:5px 10px; border-radius:20px; background:var(--paper); border:1px solid var(--border-strong); color:var(--ink); text-decoration:none }
.hlp-link:hover{ background:var(--ink-bg); color:var(--on-ink); border-color:var(--ink-bg) }
.hlp-note{ margin-block-start:9px; padding-block-start:8px; border-block-start:1px dashed var(--border); font-size:11px; color:var(--muted); line-height:1.65 }
.hlp-note-tax{ border:none; background:var(--warn-soft); color:var(--warn-ink); padding:8px 10px; border-radius:8px }
.hlp-empty{ padding:26px 16px; text-align:center; color:var(--muted); font-size:13px }

/* الهاتف: تملأ العرض وتلتصق بالأسفل */
@media(max-width:640px){
  .hlp-fab{ inset-block-end:16px; width:48px; height:48px }
  html[dir="rtl"] .hlp-fab{ inset-inline-start:16px }
  .hlp-panel{ inset-inline:10px !important; inset-block-end:74px; width:auto; max-height:70vh }
}
@media print{ .hlp-fab,.hlp-panel{ display:none !important } }

/* ============================================================
   B846 · مواضع وأحجام ودجة المساعدة — تُضبط من شاشة الإعدادات
   الهامش من متغيّر --hlp-off، والموضع من فئة على الزر واللوحة.
   ============================================================ */
:root{ --hlp-off:20px }

/* الافتراضي (auto): الجانب المقابل للقائمة — يسار في العربية ويمين في الإنجليزية */
.hlp-fab.hlp-pos-auto{ inset-block-end:var(--hlp-off); inset-inline-end:var(--hlp-off); inset-inline-start:auto; inset-block-start:auto }
html[dir="rtl"] .hlp-fab.hlp-pos-auto{ inset-inline-end:auto; inset-inline-start:var(--hlp-off) }
.hlp-panel.hlp-pos-auto{ inset-block-end:calc(var(--hlp-off) + 64px); inset-inline-end:var(--hlp-off); inset-inline-start:auto; inset-block-start:auto }
html[dir="rtl"] .hlp-panel.hlp-pos-auto{ inset-inline-end:auto; inset-inline-start:var(--hlp-off) }

/* مواضع صريحة بالشاشة الفعلية (لا تتأثر باتجاه اللغة) */
.hlp-fab.hlp-pos-bl,.hlp-fab.hlp-pos-br,.hlp-fab.hlp-pos-tl,.hlp-fab.hlp-pos-tr{ inset:auto }
.hlp-fab.hlp-pos-bl{ bottom:var(--hlp-off); left:var(--hlp-off) }
.hlp-fab.hlp-pos-br{ bottom:var(--hlp-off); right:var(--hlp-off) }
.hlp-fab.hlp-pos-tl{ top:calc(var(--hlp-off) + 56px); left:var(--hlp-off) }
.hlp-fab.hlp-pos-tr{ top:calc(var(--hlp-off) + 56px); right:var(--hlp-off) }
.hlp-panel.hlp-pos-bl,.hlp-panel.hlp-pos-br,.hlp-panel.hlp-pos-tl,.hlp-panel.hlp-pos-tr{ inset:auto }
.hlp-panel.hlp-pos-bl{ bottom:calc(var(--hlp-off) + 64px); left:var(--hlp-off) }
.hlp-panel.hlp-pos-br{ bottom:calc(var(--hlp-off) + 64px); right:var(--hlp-off) }
.hlp-panel.hlp-pos-tl{ top:calc(var(--hlp-off) + 112px); left:var(--hlp-off) }
.hlp-panel.hlp-pos-tr{ top:calc(var(--hlp-off) + 112px); right:var(--hlp-off) }

/* الأحجام */
.hlp-fab.hlp-size-sm{ width:44px; height:44px }
.hlp-fab.hlp-size-sm .ic{ width:19px; height:19px }
.hlp-fab.hlp-size-lg{ width:60px; height:60px }
.hlp-fab.hlp-size-lg .ic{ width:27px; height:27px }
.hlp-panel.hlp-size-sm{ width:min(340px, calc(100vw - 32px)); max-height:min(460px, calc(100vh - 130px)) }
.hlp-panel.hlp-size-lg{ width:min(460px, calc(100vw - 32px)); max-height:min(660px, calc(100vh - 120px)) }

/* إخفاؤها على الهاتف عند اختيار ذلك */
@media(max-width:640px){
  .hlp-fab.hlp-no-mobile,.hlp-panel.hlp-no-mobile{ display:none !important }
  .hlp-panel{ inset-inline:10px !important; inset-block-end:calc(var(--hlp-off) + 58px) !important;
              inset-block-start:auto !important; width:auto !important; max-height:70vh }
}

/* ============================================================
   B847 · إصلاح: إعداد موضع الودجة لم يكن يُطبَّق
   السبب: قاعدة html[dir="rtl"] .hlp-fab أعلى أولوية من .hlp-fab.hlp-pos-*
   فكانت تفرض الموضع وتُلغي الإعداد — وتضع الزر فوق القائمة الجانبية.
   الحل: خصائص فيزيائية (left/right) بأولوية كافية، بلا اعتماد على الاتجاه.
   ============================================================ */

/* صفّر أي موضع قديم ثم طبّق المطلوب — الأولوية عبر html[dir] لتغلب القديم */
html[dir] .hlp-fab, html[dir] .hlp-panel{
  inset-block:auto; inset-inline:auto; top:auto; bottom:auto; left:auto; right:auto;
}
/* تلقائي: الجانب المقابل للقائمة — القائمة يمين في العربية فالزر يسار */
html[dir="rtl"] .hlp-fab.hlp-pos-auto{ bottom:var(--hlp-off); left:var(--hlp-off) }
html[dir="ltr"] .hlp-fab.hlp-pos-auto{ bottom:var(--hlp-off); right:var(--hlp-off) }
html[dir="rtl"] .hlp-panel.hlp-pos-auto{ bottom:calc(var(--hlp-off) + 66px); left:var(--hlp-off) }
html[dir="ltr"] .hlp-panel.hlp-pos-auto{ bottom:calc(var(--hlp-off) + 66px); right:var(--hlp-off) }

/* مواضع صريحة — ثابتة بالشاشة الفعلية في اللغتين */
html[dir] .hlp-fab.hlp-pos-bl{ bottom:var(--hlp-off); left:var(--hlp-off) }
html[dir] .hlp-fab.hlp-pos-br{ bottom:var(--hlp-off); right:var(--hlp-off) }
html[dir] .hlp-fab.hlp-pos-tl{ top:calc(var(--hlp-off) + 62px); left:var(--hlp-off) }
html[dir] .hlp-fab.hlp-pos-tr{ top:calc(var(--hlp-off) + 62px); right:var(--hlp-off) }
html[dir] .hlp-panel.hlp-pos-bl{ bottom:calc(var(--hlp-off) + 66px); left:var(--hlp-off) }
html[dir] .hlp-panel.hlp-pos-br{ bottom:calc(var(--hlp-off) + 66px); right:var(--hlp-off) }
html[dir] .hlp-panel.hlp-pos-tl{ top:calc(var(--hlp-off) + 118px); left:var(--hlp-off) }
html[dir] .hlp-panel.hlp-pos-tr{ top:calc(var(--hlp-off) + 118px); right:var(--hlp-off) }

/* الزر فوق القائمة في ترتيب الطبقات حتى لا يُحجب أو يُحجبها */
.hlp-fab{ z-index:120 }
.hlp-panel{ z-index:121 }

/* لا حلقة تركيز ذهبية عند النقر بالفأرة (تبقى للوحة المفاتيح) */
.hlp-fab:focus{ outline:none }
.hlp-fab:focus:not(:focus-visible){ outline:none; box-shadow:0 6px 20px rgba(22,48,42,.28) }
.hlp-fab:focus-visible{ outline:2px solid var(--gold); outline-offset:3px }

/* حالة الفتح: الزر يصير علامة إغلاق واضحة */
body.hlp-open .hlp-fab{ background:var(--ink-bg); color:var(--on-ink); transform:rotate(90deg) }
body.hlp-open .hlp-fab .hlp-i-open{ display:none }
.hlp-fab .hlp-i-close{ display:none }
body.hlp-open .hlp-fab .hlp-i-close{ display:block }

/* الهاتف: لا تتعارض القواعد القديمة */
@media(max-width:640px){
  html[dir] .hlp-panel{ left:10px !important; right:10px !important; width:auto !important;
                        top:auto !important; bottom:calc(var(--hlp-off) + 60px) !important; max-height:72vh }
}

/* B847b · auto بخصائص فيزيائية صريحة — القائمة يمين في العربية فالزر يسار */
html[dir="rtl"] .hlp-fab.hlp-pos-auto{ bottom:var(--hlp-off) !important; left:var(--hlp-off) !important; right:auto !important; top:auto !important }
html[dir="ltr"] .hlp-fab.hlp-pos-auto{ bottom:var(--hlp-off) !important; right:var(--hlp-off) !important; left:auto !important; top:auto !important }
html[dir="rtl"] .hlp-panel.hlp-pos-auto{ bottom:calc(var(--hlp-off) + 66px) !important; left:var(--hlp-off) !important; right:auto !important; top:auto !important }
html[dir="ltr"] .hlp-panel.hlp-pos-auto{ bottom:calc(var(--hlp-off) + 66px) !important; right:var(--hlp-off) !important; left:auto !important; top:auto !important }

/* ============================================================
   B848 · إصلاح جوهري: اللوحة لم تكن تختفي عند الضغط على الزر
   السبب: السمة hidden تعني display:none بأولوية (0,0,1)، بينما
   .hlp-panel{display:flex} أولويتها (0,1,0) فكانت تغلبها وتُبقي
   اللوحة ظاهرة دائماً. الحل: قاعدة صريحة للحالة المخفية.
   ============================================================ */
.hlp-panel[hidden]{ display:none !important }
html[dir] .hlp-panel[hidden]{ display:none !important }

/* اللوحة كانت تأخذ نصف الشاشة — أُعيد ضبط المقاسات لتكون مساعِدة لا مُزاحِمة */
html[dir] .hlp-panel.hlp-size-sm{ width:min(320px, calc(100vw - 28px)); max-height:min(46vh, 380px) }
html[dir] .hlp-panel.hlp-size-md{ width:min(370px, calc(100vw - 28px)); max-height:min(56vh, 460px) }
html[dir] .hlp-panel.hlp-size-lg{ width:min(430px, calc(100vw - 28px)); max-height:min(68vh, 580px) }

/* إيقاع أهدأ داخل اللوحة حتى يظهر محتوى أكثر في مساحة أقل */
.hlp-head{ padding:10px 12px }
.hlp-title{ font-size:13px }
.hlp-searchbar{ padding:9px 10px }
.hlp-searchbar input{ padding:8px 11px; font-size:13px }
.hlp-hit{ padding:10px 12px }
.hlp-hit-a{ font-size:12.5px; line-height:1.75 }
.hlp-sec{ padding:8px 12px 3px }

/* على الهاتف: لا تتجاوز ثلثي الشاشة */
@media(max-width:640px){
  html[dir] .hlp-panel{ max-height:64vh !important }
}

/* ============================================================
   B850 · مركز الاستيراد والتصدير
   ============================================================ */
.dio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-bottom:20px}
.dio-card{margin-bottom:0;display:flex;flex-direction:column}
.dio-card-head{display:flex;gap:12px;align-items:center;padding:16px 18px 10px}
.dio-ic{width:40px;height:40px;border-radius:11px;background:var(--ink-bg);color:var(--on-ink);display:grid;place-items:center;flex-shrink:0}
.dio-ic .ic{width:20px;height:20px}
.dio-name{font-weight:700;font-size:14.5px;color:var(--ink)}
.dio-count{font-size:12px;color:var(--muted)}
.dio-actions{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px 16px;margin-top:auto}
.dio-colhint{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;line-height:2.1}
.dio-report{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
.dio-stat{border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center;background:var(--surface)}
.dio-stat .n{font-size:24px;font-weight:800;color:var(--ink)}
.dio-stat .t{font-size:12px;color:var(--muted);margin-top:3px}
.dio-stat.ok .n{color:var(--pos)} .dio-stat.up .n{color:var(--gold-ink)} .dio-stat.sk .n{color:var(--neg)}
.dio-errors{margin:8px 0 0;padding-inline-start:18px;font-size:12.5px;color:var(--neg);line-height:1.9;max-height:220px;overflow:auto}
.dio-map thead th{padding:6px}
.dio-map-sel{width:100%;min-width:120px;padding:6px 8px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:12px}
.flash-warn{background:var(--warn-tint);color:var(--warn-ink)}
@media(max-width:640px){ .dio-step1{grid-template-columns:1fr !important} .dio-grid{grid-template-columns:1fr} }

/* B854 · الارتباطات: تجميع حسب العميل + اختيار أنواع متعددة */
.eg-client-row td{background:var(--soft);border-top:2px solid var(--border-strong);padding:9px 14px}
.eg-client-row .eg-client-name{font-weight:800;color:var(--ink);display:inline-flex;align-items:center;gap:7px;margin-inline-end:10px}
.eg-client-row .eg-client-name .ic{width:15px;height:15px;color:var(--gold)}
.eg-client-row .eg-client-fee{font-size:12px;margin-inline-start:10px}
.eg-client-row .eg-add{display:inline-flex;margin-inline-start:14px;padding:3px 10px;font-size:12px;vertical-align:middle}
.ef-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.ef-type{display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:9px;padding:9px 11px;cursor:pointer;font-size:13.5px;background:var(--surface)}
.ef-type:hover{border-color:var(--gold)}
.ef-type input{accent-color:var(--ink)}
.ef-type .ef-fee{margin-inline-start:auto;font-size:11.5px;color:var(--pos);font-weight:700}
.cf-inline{border-top:1px solid var(--border);margin-top:6px}
.cf-inline summary{cursor:pointer;padding:12px 4px;font-weight:700;color:var(--ink);font-size:13.5px;list-style:none;display:flex;align-items:center;gap:8px}
.cf-inline summary::before{content:'▸';transition:transform .15s;color:var(--muted)}
.cf-inline[open] summary::before{transform:rotate(90deg)}
.cf-inline table{font-size:13px}
@media(max-width:640px){ .eg-client-row .eg-add{margin-inline-start:0;margin-top:6px} }
/* B890 · صف رأس العميل في وضع البطاقات: سطر كامل لا عمودان (كان الاسم والإجمالي ينكسران حرفاً في السطر) */
@media(max-width:640px){
  table.data.as-cards tr.eg-client-row td{display:block;width:100%;text-align:start;line-height:1.9}
  table.data.as-cards tr.eg-client-row td::before{display:none}
  table.data.as-cards tr.eg-client-row .eg-client-fee{display:block;margin-inline-start:0}
}

/* B855 · طي وفتح مجموعات العملاء في قائمة الارتباطات */
tr.eg-row.eg-fold{display:none !important}
.eg-client-row{cursor:pointer;user-select:none}
.eg-client-row:hover td{background:var(--ink-soft)}
.eg-caret{width:16px;height:16px;vertical-align:middle;color:var(--muted);transition:transform .18s;margin-inline-end:4px}
.eg-client-row.eg-folded .eg-caret{transform:rotate(-90deg)}
html[dir=ltr] .eg-client-row.eg-folded .eg-caret{transform:rotate(90deg)}

/* B856 · صفوف الارتباطات المتعددة في نموذج الإنشاء */
.ef-rows-wrap{padding:6px 22px 16px}
.ef-row{border:1px solid var(--border-strong);border-radius:12px;padding:14px 16px;margin-bottom:12px;background:var(--surface)}
.ef-row-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ef-row-no{font-weight:800;color:var(--ink);font-size:13px}
.ef-row-fee{font-size:12px;color:var(--pos);font-weight:700}
.ef-row-head .ef-del{margin-inline-start:auto}
.ef-row-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.ef-row-grid .ef-w2{grid-column:span 2}
@media(max-width:880px){ .ef-row-grid{grid-template-columns:1fr 1fr} .ef-row-grid .ef-w2{grid-column:span 2} }
@media(max-width:520px){ .ef-row-grid{grid-template-columns:1fr} .ef-row-grid .ef-w2{grid-column:span 1} }

/* B864 · علامات المراجعة (Tickmarks) والإحالات */
.tick{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;margin-inline-end:3px;border-radius:5px;background:var(--tick-bg);color:var(--tick-ink);border:1px solid var(--tick-line);font-size:11px;font-weight:800;line-height:1;font-family:Tahoma,Arial,sans-serif}
.mk-ed{position:relative}
.mk-ed>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:2px;flex-wrap:wrap}
.mk-ed>summary::-webkit-details-marker{display:none}
.mk-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:360px;max-width:92vw;max-height:88vh;overflow:auto;background:var(--surface,#fff);border:1px solid var(--border-strong,#d8d2c4);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.14);padding:12px;display:grid;gap:8px}
.mk-ticks{display:grid;gap:4px;max-height:220px;overflow:auto;font-size:12px}
.mk-ticks label{display:flex;align-items:center;gap:6px;font-weight:500}
.mk-ticks input{width:auto;margin:0}
.mk-form select,.mk-form input[name=mk_note]{width:100%;padding:7px 9px;border:1px solid var(--border-strong,#d8d2c4);border-radius:8px;font:inherit;font-size:12.5px}
.mk-legend{padding:8px 14px 12px;font-size:11.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.mk-ed[open]::before{content:"";position:fixed;inset:0;background:var(--overlay);z-index:999}
.mk-head{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:13px}
.mk-head button{border:0;background:none;font-size:18px;cursor:pointer;color:var(--muted);line-height:1}

/* ============================================================
   B891 · مراجعة الشكل — الموجة 2
   1) لون Audiexa (Auditenta سابقاً) في كتالوج سيسنتا (#00704F) لوناً أساسياً: الأزرار الرئيسية والعلامة ومؤشّر الشاشة النشطة.
   2) الوضع الداكن: نفس الرموز بقيم داكنة، عبر <html data-theme="auto|light|dark"> (includes/theme_lib.php).
      auto = يتبع نظام الجهاز. الطباعة تبقى فاتحة دائماً (الداكن تحت @media screen فقط).
      الصفحات التي لا تحمل data-theme (الترحيل والتركيب ومستندات الطباعة) لا تتأثر إطلاقاً.
   3) خط IBM Plex Sans Arabic مستضاف محلياً (assets/fonts) أولاً في سلسلة الخطوط.
   ============================================================ */
@font-face{font-family:"PlexAr";font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"PlexAr";font-weight:500;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"PlexAr";font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"PlexAr";font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-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+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"PlexAr";font-weight:500;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"PlexAr";font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-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+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
:root{--font:"PlexAr",-apple-system,"Segoe UI",system-ui,"Noto Sans Arabic","Noto Kufi Arabic",Tahoma,Arial,sans-serif}
:root[data-theme]{color-scheme:light}
@media screen{
:root[data-theme="dark"]{
  --paper:#0f1513; --surface:#161e1b; --tint:#1c2522; --zebra:#19221f; --border:#2a3531; --border-strong:#3b4843;
  --text:#e3eae7; --muted:#a3b1ab; --muted-2:#93a29c; --ink:#eef4f1; --ink-2:#c4d8cf; --ink-3:#9cc9b6;
  --ink-soft:#22302b; --gold:#d4a752; --gold-ink:#e0b865; --gold-ink-2:#e6c27c; --gold-soft:#33291a;
  --gold-line:#5c4a26; --pos:#5cc795; --pos-ink:#7fd6ac; --pos-soft:#15302a; --neg:#ff8f80; --neg-ink:#ff9d90;
  --neg-soft:#3a1f1b; --neg-tint:#2a1a18; --warn:#e6b450; --warn-ink:#f0c870; --warn-soft:#33280f;
  --warn-tint:#2b2412; --info:#86bfdc; --info-soft:#152c38; --track:#26312d; --soft:#1c2522; --soft-ink:#a9c4b9;
  --brand:#00704F; --brand-hover:#00845d; --on-brand:#ffffff; --brand-ink:#4cc79a; --brand-tint:#123128;
  --side:#111b18; --side-2:#1f4339; --ink-bg:#2b5b4d; --on-ink:#ffffff; --brand-on-side:#3fbf8f; --tick-bg:#3a2f14;
  --tick-ink:#f2cf7a; --tick-line:#6b5626; --neg-fill:#b14333; --bg:#1c2522; --surface-2:#1c2522;
  --overlay:rgba(0,0,0,.55); --sh-sm:0 1px 2px rgba(0,0,0,.35);
  --sh:0 1px 2px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.28);
  --sh-md:0 2px 4px rgba(0,0,0,.4),0 12px 30px rgba(0,0,0,.38); --sh-lg:0 8px 40px rgba(0,0,0,.55);
  --th-moon:none; --th-sun:inline-block; color-scheme:dark;
}
}
@media screen and (prefers-color-scheme:dark){
:root[data-theme="auto"]{
  --paper:#0f1513; --surface:#161e1b; --tint:#1c2522; --zebra:#19221f; --border:#2a3531; --border-strong:#3b4843;
  --text:#e3eae7; --muted:#a3b1ab; --muted-2:#93a29c; --ink:#eef4f1; --ink-2:#c4d8cf; --ink-3:#9cc9b6;
  --ink-soft:#22302b; --gold:#d4a752; --gold-ink:#e0b865; --gold-ink-2:#e6c27c; --gold-soft:#33291a;
  --gold-line:#5c4a26; --pos:#5cc795; --pos-ink:#7fd6ac; --pos-soft:#15302a; --neg:#ff8f80; --neg-ink:#ff9d90;
  --neg-soft:#3a1f1b; --neg-tint:#2a1a18; --warn:#e6b450; --warn-ink:#f0c870; --warn-soft:#33280f;
  --warn-tint:#2b2412; --info:#86bfdc; --info-soft:#152c38; --track:#26312d; --soft:#1c2522; --soft-ink:#a9c4b9;
  --brand:#00704F; --brand-hover:#00845d; --on-brand:#ffffff; --brand-ink:#4cc79a; --brand-tint:#123128;
  --side:#111b18; --side-2:#1f4339; --ink-bg:#2b5b4d; --on-ink:#ffffff; --brand-on-side:#3fbf8f; --tick-bg:#3a2f14;
  --tick-ink:#f2cf7a; --tick-line:#6b5626; --neg-fill:#b14333; --bg:#1c2522; --surface-2:#1c2522;
  --overlay:rgba(0,0,0,.55); --sh-sm:0 1px 2px rgba(0,0,0,.35);
  --sh:0 1px 2px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.28);
  --sh-md:0 2px 4px rgba(0,0,0,.4),0 12px 30px rgba(0,0,0,.38); --sh-lg:0 8px 40px rgba(0,0,0,.55);
  --th-moon:none; --th-sun:inline-block; color-scheme:dark;
}
}
/* الحقول الأصلية بلا تنسيق صريح تتبع الرموز (أولوية صفرية: أي قاعدة موجودة تغلبها) */
:where(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=submit],[type=button],[type=image],[type=hidden]),select,textarea){background-color:var(--surface);color:var(--text)}
/* زر التبديل ☀/🌙 */
.th-toggle .ic{width:16px;height:16px}
.th-moon{display:var(--th-moon,inline-block)} .th-sun{display:var(--th-sun,none)}
.login-head .th-toggle{position:absolute;top:12px;inset-inline-end:12px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#dfe9e4}
.login-head .th-toggle:hover{background:rgba(255,255,255,.16);color:#fff}
/* فوتر صفحة الدخول فوق الخلفية الداكنة + رابط اللغة (كانا 2.41 و3.73) */
.login-foot{text-align:center;margin-top:18px;font-size:11px;color:#b4c8bf;line-height:1.8}
.login-lang{color:var(--gold-ink-2);font-weight:600}
.cpw-note{background:var(--gold-soft);color:var(--text)}
/* P3 · بطاقات المؤشرات الخمس في صف واحد على الشاشات العريضة (كانت 4+1) */
@media(min-width:1180px){ .kpi-grid:has(> .kpi:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))} }
/* P2 · زر المساعدة العائم لا يغطي آخر الصفوف: مساحة سفلية بقدر الزر + 24px */
body:has(.hlp-fab) .content{padding-bottom:calc(var(--hlp-off,20px) + 84px)}
/* P2 · زر الحالة الفارغة: أيقونة بلون النص وحجم الزر (كانت 40px باهتة داكنة على داكن) */
.empty .btn{justify-content:center}
.empty .btn .ic{width:16px;height:16px;opacity:1;color:currentColor;margin:0}
/* P2 · حقل اختيار الملف بنص عربي/إنجليزي من ملف اللغة بدل «Choose Files» (assets/app.js) */
.af-wrap{position:relative;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%;min-width:0}
.af-wrap>input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;min-width:0;margin:0}
.af-wrap:focus-within .af-btn{box-shadow:var(--ring)}
.af-name{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
/* نص الإرشاد داخل الحقول بلون مقروء في الوضعين (كان رمادي المتصفح 3.69 على الداكن) */
:where(input,textarea)::placeholder{color:var(--muted-2);opacity:1}
/* الهاتف: زر الوضع أضيف للشريط العلوي — تضييق المسافات وإخفاء زر المساعدة المكرّر (الزر العائم يبقى) */
@media(max-width:520px){
  .topbar{gap:8px;padding:10px 10px}
  .topbar>a.icon-btn[href*="page=assistant"]{display:none}
  .lang-toggle{padding:7px 9px}
}
/* المظهر الداكن: صفوف مخصّصة لا تُغطّيها الرموز */
@media screen{
  :root[data-theme="dark"] .login-card{box-shadow:0 24px 60px rgba(0,0,0,.6)}
  :root[data-theme="dark"] img[src^="logo.php"]{background:#fff}
}
@media screen and (prefers-color-scheme:dark){
  :root[data-theme="auto"] .login-card{box-shadow:0 24px 60px rgba(0,0,0,.6)}
}

/* ============================================================
   B895 · تبويبات أنواع الارتباطات + روابطها الفرعية في القائمة الجانبية + شرائح لوحة التحكم
   + تنبيه «النوع ده مالوش ميزان مراجعة». رموز الموجة 2 فقط (فاتح/داكن تلقائياً)،
   والتبويبات تلتفّ على الهاتف فلا تمرير أفقي على 375px.
   ============================================================ */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eg-tabs{display:flex;flex-wrap:wrap;gap:4px;max-width:100%;margin:0 0 12px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--sh-sm)}
.eg-tab{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 12px;border-radius:7px;font-size:var(--fs-sm);font-weight:600;color:var(--muted);white-space:nowrap;transition:background .15s var(--ease),color .15s var(--ease)}
.eg-tab:hover{background:var(--soft);color:var(--text)}
.eg-tab:focus-visible{outline:none;box-shadow:var(--ring)}
.eg-tab.on{background:var(--ink-bg);color:var(--on-ink)}
.eg-tab-n{min-width:22px;padding:0 7px;border-radius:var(--radius-pill);background:var(--ink-soft);color:var(--text);font-size:11.5px;font-weight:700;line-height:20px;text-align:center}
.eg-tab.on .eg-tab-n{background:rgba(255,255,255,.16);color:var(--on-ink)}
@media(max-width:520px){.eg-tab{flex:1 1 auto;justify-content:center;min-height:40px;padding:6px 10px}}
.sidebar .nav-sub .nav-et .nav-et-n{margin-inline-start:auto;font-size:11px;font-weight:600}
.sidebar .nav-sub .nav-et.active{background:rgba(255,255,255,.07);color:#fff}
.sidebar .nav-sub .nav-et.active::before{display:none}
.eg-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 16px}
.eg-chips-t{font-size:var(--fs-sm);font-weight:600;color:var(--muted);margin-inline-end:2px}
.eg-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:var(--fs-sm);font-weight:600;transition:border-color .15s,background .15s}
.eg-chip b{color:var(--ink-3);font-weight:700}
.eg-chip:hover{border-color:var(--border-strong);background:var(--tint)}
.eg-chip:focus-visible{outline:none;box-shadow:var(--ring)}
.tbt-note{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;padding:14px 16px;border:1px solid var(--gold-line);border-radius:var(--radius-sm);background:var(--warn-tint);color:var(--warn-ink);font-size:var(--fs-md);line-height:1.8}
.tbt-note>.ic{width:22px;height:22px;flex-shrink:0;margin-top:2px}
.tbt-note b{font-weight:700}
.tbt-note .badge{margin-inline-start:6px}
.tbt-note-s{margin-top:2px;color:var(--text);font-size:var(--fs-sm)}
.tbx-cols{display:block;margin-top:4px;padding:4px 8px;border-radius:6px;background:var(--soft);color:var(--text);font-size:11.5px;line-height:1.7;unicode-bidi:isolate;text-align:left;overflow-wrap:anywhere}

/* ============================================================
   B899 · إصلاحات P1 من مراجعة G2 — تعمل في الواجهتين (القديمة والجديدة)
   ============================================================ */
/* شريط تغطية التأكيدات: له عرض داخل الخلية حتى في وضع البطاقات (كان div بلا عرض فيختفي) */
.au-cov{display:block;flex:1 1 auto;width:100%;min-width:80px;height:10px;background:var(--track);border-radius:999px;overflow:hidden}
.au-cov>i{display:block;height:100%;border-radius:inherit}
/* تبويبات حسابات المكتب: صف واحد يُمرَّر أفقياً، لا تراكب ولا قصّ */
.au-tabs-bar{align-items:center}
.au-tabs{display:flex;gap:4px;max-width:100%;min-width:0;flex:0 1 auto;overflow-x:auto;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.au-tab{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}
.au-tab:hover{background:var(--soft);color:var(--text)}
.au-tab.is-on{background:var(--ink-bg);color:var(--on-ink)}
@media(max-width:640px){.au-tabs-bar{flex-wrap:wrap}.au-tabs{flex:1 1 100%}}
/* الفترة «من ← إلى»: بالاتجاه الصحيح ولا تنكسر */
.au-period{white-space:nowrap;unicode-bidi:isolate}
.au-period bdi{font-variant-numeric:tabular-nums}
.au-period-sep{color:var(--muted)}
td.au-period-td{white-space:nowrap}
/* علامة Audiexa (بدل مربع «A» النصي) */
.au-mark{display:block;border-radius:8px}
.au-ic-xl{width:40px!important;height:40px!important;opacity:.5}
/* ===== B900 · مكوّنات تظهر في الواجهتين (بالرموز القديمة؛ الجسر يحوّلها لرموز sx) ===== */
.au-pwelcome{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:16px}
.au-panel-note{margin:0;padding:10px 16px 12px;border-top:1px solid var(--border);color:var(--muted);font-size:12.5px;line-height:1.75}
.au-pneed{margin-bottom:16px}
.au-pneed .panel-head{display:flex;align-items:center;gap:8px}
.au-pneed h2.panel-title{margin:0;font-size:15px}
.au-pneed-n{margin-inline-start:auto;min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:var(--neg-soft);color:var(--neg-ink);font-weight:700;font-size:12.5px;line-height:24px;text-align:center}
.au-pneed-l{list-style:none;margin:0;padding:0}
.au-pneed-i{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:12px 16px;border-top:1px solid var(--border)}
.au-pneed-i:first-child{border-top:0}
.au-pneed-m{flex:1 1 260px;min-width:0}
.au-pneed-t{font-weight:600;color:var(--text)}
.au-pneed-t:hover{text-decoration:underline}
.au-pneed-s{font-size:12.5px;color:var(--muted);margin-top:2px}
.au-pneed-i.is-late .au-pneed-s b{color:var(--neg-ink)}
.au-pneed-ret{margin-top:6px;padding:6px 10px;border-radius:8px;background:var(--neg-soft);color:var(--text);font-size:12.5px}
.au-pneed-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.au-pneed-pick{position:relative;cursor:pointer}
.au-pneed-in{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.au-pneed-pick:focus-within{outline:2px solid var(--brand-ink);outline-offset:2px}
.au-pneed-more{padding:10px 16px;border-top:1px solid var(--border);font-size:13px}
.au-pneed-more a{color:var(--brand-ink);font-weight:600}
.au-pfoot{margin-top:28px}
@media (max-width:640px){ .au-pneed-f{width:100%} .au-pneed-f .btn{flex:1 1 auto} }
/* B900 · icons on the setup/migrate pages (instead of check/cross/warning glyphs) */
.au-mi{vertical-align:-2px;flex:none}

/* ===== B900 · أدوات بديلة لأنماط مكتوبة يدوياً تكررت في الشاشات (P2-18). !important = نفس أولوية style="" التي حلّت محلها ===== */
.au-f11{font-size:11px!important}
.au-f12{font-size:12px!important}
.au-f115{font-size:11.5px!important}
.au-f10{font-size:10px!important}
.au-f105{font-size:10.5px!important}
.au-m0{margin:0!important}
.au-mb14{margin-bottom:14px!important}
.au-mb12{margin-bottom:12px!important}
.au-mb10{margin-bottom:10px!important}
.au-mt14{margin-top:14px!important}
.au-mt10{margin-top:10px!important}
.au-mt8{margin-top:8px!important}
.au-p1416{padding:14px 16px!important}
.au-p14{padding:14px!important}
.au-nowrap{white-space:nowrap!important}
.au-fw7{font-weight:700!important}
.au-ltr{direction:ltr!important}
/* B901 · سطر فارغ قصير داخل جدول متكرر */
.au-empty-line{padding:10px 4px;color:var(--muted);font-size:13px}
.au-empty-line a{color:var(--brand-ink);font-weight:600}

/* ===== B902 · P2-18 · بدائل الأنماط المكتوبة يدوياً في الوسم. :where() = أولوية صفر و!important = تغلب كل قاعدة عادية زي النمط المكتوب في الوسم بالظبط، وأي قاعدة !important تانية (زي [hidden]) تفضل غالبة زي ما كانت. لا تعدّل الترتيب داخل ax-k-* ===== */
:where(.ax-ai-baseline){align-items:baseline!important}
:where(.ax-ai-center){align-items:center!important}
:where(.ax-ai-end){align-items:end!important}
:where(.ax-ai-flex-start){align-items:flex-start!important}
:where(.ax-ai-start){align-items:start!important}
:where(.ax-ai-stretch){align-items:stretch!important}
:where(.ax-as-center){align-self:center!important}
:where(.ax-as-end){align-self:end!important}
:where(.ax-bar10){display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:10px!important}
:where(.ax-bb-1_dashed_border){border-bottom:1px dashed var(--border)!important}
:where(.ax-bb-1_dotted_border){border-bottom:1px dotted var(--border)!important}
:where(.ax-bb-1_solid_border){border-bottom:1px solid var(--border)!important}
:where(.ax-bc-gold-line){border-color:var(--gold-line)!important}
:where(.ax-bc-neg){border-color:var(--neg)!important}
:where(.ax-bc-pos-ink){border-color:var(--pos-ink)!important}
:where(.ax-bc-warn-ink){border-color:var(--warn-ink)!important}
:where(.ax-bd-0){border:0!important}
:where(.ax-bd-1_solid_border){border:1px solid var(--border)!important}
:where(.ax-bd-1_solid_warn){border:1px solid var(--warn)!important}
:where(.ax-bd-614357){border:1px solid var(--border-strong)!important}
:where(.ax-bd-e2a337){border:1px dashed var(--border-strong)!important}
:where(.ax-bg-bg){background:var(--bg)!important}
:where(.ax-bg-brand){background:var(--brand)!important}
:where(.ax-bg-fff){background:#fff!important}
:where(.ax-bg-gold-soft){background:var(--gold-soft)!important}
:where(.ax-bg-ink){background:var(--ink)!important}
:where(.ax-bg-ink-bg){background:var(--ink-bg)!important}
:where(.ax-bg-neg){background:var(--neg)!important}
:where(.ax-bg-neg-soft){background:var(--neg-soft)!important}
:where(.ax-bg-paper){background:var(--paper)!important}
:where(.ax-bg-pos){background:var(--pos)!important}
:where(.ax-bg-pos-soft){background:var(--pos-soft)!important}
:where(.ax-bg-soft){background:var(--soft)!important}
:where(.ax-bg-surface){background:var(--surface)!important}
:where(.ax-bg-tint){background:var(--tint)!important}
:where(.ax-bg-track){background:var(--track)!important}
:where(.ax-bg-warn-soft){background:var(--warn-soft)!important}
:where(.ax-bg-warn-tint){background:var(--warn-tint)!important}
:where(.ax-bs-1_solid_border){border-inline-start:1px solid var(--border)!important}
:where(.ax-bt-1_dashed_border){border-top:1px dashed var(--border)!important}
:where(.ax-bt-1_solid_border){border-top:1px solid var(--border)!important}
:where(.ax-bt-2_solid_ink){border-top:2px solid var(--ink)!important}
:where(.ax-c-8aa39a){color:#8aa39a!important}
:where(.ax-c-a12626){color:#a12626!important}
:where(.ax-c-gold-ink){color:var(--gold-ink)!important}
:where(.ax-c-inherit){color:inherit!important}
:where(.ax-c-ink){color:var(--ink)!important}
:where(.ax-c-ink-2){color:var(--ink-2)!important}
:where(.ax-c-muted){color:var(--muted)!important}
:where(.ax-c-neg){color:var(--neg)!important}
:where(.ax-c-neg-ink){color:var(--neg-ink)!important}
:where(.ax-c-on-ink){color:var(--on-ink)!important}
:where(.ax-c-pos-ink){color:var(--pos-ink)!important}
:where(.ax-c-warn-ink){color:var(--warn-ink)!important}
:where(.ax-cur-pointer){cursor:pointer!important}
:where(.ax-d-block){display:block!important}
:where(.ax-d-flex){display:flex!important}
:where(.ax-d-grid){display:grid!important}
:where(.ax-d-inline){display:inline!important}
:where(.ax-d-inline-flex){display:inline-flex!important}
:where(.ax-d-none){display:none!important}
:where(.ax-dir-ltr){direction:ltr!important}
:where(.ax-fb-100pc){flex-basis:100%!important}
:where(.ax-fd-column){flex-direction:column!important}
:where(.ax-fd-row){flex-direction:row!important}
:where(.ax-ff-monospace){font-family:monospace!important}
:where(.ax-flush){padding:0!important;overflow:hidden!important}
:where(.ax-fs-10){font-size:10px!important}
:where(.ax-fs-10p5){font-size:10.5px!important}
:where(.ax-fs-11){font-size:11px!important}
:where(.ax-fs-11p5){font-size:11.5px!important}
:where(.ax-fs-12){font-size:12px!important}
:where(.ax-fs-12p5){font-size:12.5px!important}
:where(.ax-fs-13){font-size:13px!important}
:where(.ax-fs-13p5){font-size:13.5px!important}
:where(.ax-fs-14){font-size:14px!important}
:where(.ax-fs-14p5){font-size:14.5px!important}
:where(.ax-fs-15){font-size:15px!important}
:where(.ax-fs-16){font-size:16px!important}
:where(.ax-fs-18){font-size:18px!important}
:where(.ax-fs-22){font-size:22px!important}
:where(.ax-fs-24){font-size:24px!important}
:where(.ax-fs-42){font-size:42px!important}
:where(.ax-fs-9p5){font-size:9.5px!important}
:where(.ax-fs-fs-sm){font-size:var(--fs-sm)!important}
:where(.ax-fs-fs-xs){font-size:var(--fs-xs)!important}
:where(.ax-fsh-0){flex-shrink:0!important}
:where(.ax-fw-wrap){flex-wrap:wrap!important}
:where(.ax-fwt-400){font-weight:400!important}
:where(.ax-fwt-500){font-weight:500!important}
:where(.ax-fwt-600){font-weight:600!important}
:where(.ax-fwt-700){font-weight:700!important}
:where(.ax-fwt-800){font-weight:800!important}
:where(.ax-fx-1){flex:1!important}
:where(.ax-fx-2){flex:2!important}
:where(.ax-gap-0){gap:0!important}
:where(.ax-gap-10){gap:10px!important}
:where(.ax-gap-12){gap:12px!important}
:where(.ax-gap-14){gap:14px!important}
:where(.ax-gap-16){gap:16px!important}
:where(.ax-gap-18){gap:18px!important}
:where(.ax-gap-20){gap:20px!important}
:where(.ax-gap-3){gap:3px!important}
:where(.ax-gap-4){gap:4px!important}
:where(.ax-gap-4_16){gap:4px 16px!important}
:where(.ax-gap-5){gap:5px!important}
:where(.ax-gap-6){gap:6px!important}
:where(.ax-gap-6_18){gap:6px 18px!important}
:where(.ax-gap-7){gap:7px!important}
:where(.ax-gap-8){gap:8px!important}
:where(.ax-gap-8_24){gap:8px 24px!important}
:where(.ax-gap6row){display:flex!important;gap:6px!important}
:where(.ax-gc-1s-1){grid-column:1/-1!important}
:where(.ax-gtc-09e04c){grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
:where(.ax-gtc-0bb6ee){grid-template-columns:repeat(auto-fit,minmax(380px,1fr))!important}
:where(.ax-gtc-150_90_90_1fr){grid-template-columns:150px 90px 90px 1fr!important}
:where(.ax-gtc-160_1fr_auto){grid-template-columns:160px 1fr auto!important}
:where(.ax-gtc-1cc8f3){grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
:where(.ax-gtc-1fr){grid-template-columns:1fr!important}
:where(.ax-gtc-1fr_1fr){grid-template-columns:1fr 1fr!important}
:where(.ax-gtc-1fr_1fr_1fr){grid-template-columns:1fr 1fr 1fr!important}
:where(.ax-gtc-1p2fr_1fr_1p4fr){grid-template-columns:1.2fr 1fr 1.4fr!important}
:where(.ax-gtc-200_1fr){grid-template-columns:200px 1fr!important}
:where(.ax-gtc-26a040){grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
:where(.ax-gtc-2e2837){grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}
:where(.ax-gtc-2fr_1fr_1fr){grid-template-columns:2fr 1fr 1fr!important}
:where(.ax-gtc-300_1fr){grid-template-columns:300px 1fr!important}
:where(.ax-gtc-329ed6){grid-template-columns:1fr 120px 120px 120px 120px!important}
:where(.ax-gtc-340_1fr){grid-template-columns:340px 1fr!important}
:where(.ax-gtc-48a2c9){grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
:where(.ax-gtc-64e134){grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
:where(.ax-gtc-6d3916){grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}
:where(.ax-gtc-6f3039){grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
:where(.ax-gtc-8b8b65){grid-template-columns:repeat(auto-fit,minmax(340px,1fr))!important}
:where(.ax-gtc-932c00){grid-template-columns:minmax(200px,1fr) 2fr auto!important}
:where(.ax-gtc-ae1288){grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
:where(.ax-gtc-auto_160_1fr_auto){grid-template-columns:auto 160px 1fr auto!important}
:where(.ax-gtc-eeb03e){grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}
:where(.ax-gtc-f6c087){grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}
:where(.ax-gtc-repeat-2-1fr){grid-template-columns:repeat(2,1fr)!important}
:where(.ax-h-10){height:10px!important}
:where(.ax-h-100pc){height:100%!important}
:where(.ax-h-14){height:14px!important}
:where(.ax-h-34){height:34px!important}
:where(.ax-h-6){height:6px!important}
:where(.ax-h-7){height:7px!important}
:where(.ax-h-70vh){height:70vh!important}
:where(.ax-h-8){height:8px!important}
:where(.ax-h-9){height:9px!important}
:where(.ax-iis-0){inset-inline-start:0!important}
:where(.ax-jc-center){justify-content:center!important}
:where(.ax-jc-space-between){justify-content:space-between!important}
:where(.ax-k-021c5d){padding:14px 16px!important;font-size:13px!important;line-height:1.9!important}
:where(.ax-k-0390a9){font-size:13px!important;line-height:1.9!important;color:var(--muted)!important;margin-bottom:12px!important}
:where(.ax-k-0645bd){font-size:12px!important;font-weight:600!important}
:where(.ax-k-0b00fa){padding:6px 16px 14px!important;font-size:12.5px!important;color:var(--muted)!important;line-height:1.9!important}
:where(.ax-k-0f9c7a){font-size:22px!important;font-weight:800!important;color:var(--pos-ink)!important}
:where(.ax-k-125aa6){padding:12px 16px!important;background:var(--warn-tint)!important;color:var(--warn-ink)!important;border-radius:9px!important;font-size:13px!important;line-height:1.9!important}
:where(.ax-k-12dc70){display:grid!important;grid-template-columns:1fr 120px 120px 120px 120px!important;gap:8px!important;font-size:11px!important;color:var(--muted)!important;font-weight:700!important}
:where(.ax-k-236b01){padding:14px!important;font-size:13px!important;line-height:1.9!important}
:where(.ax-k-2634ec){padding:18px 22px!important;line-height:1.9!important;font-size:13px!important}
:where(.ax-k-284f58){font-size:24px!important;font-weight:800!important}
:where(.ax-k-2d216d){display:grid!important;grid-template-columns:1fr 120px 120px 120px 120px!important;gap:8px!important;font-size:13px!important;padding:6px 0!important;font-weight:800!important;border-top:2px solid var(--ink)!important}
:where(.ax-k-3533d1){margin:14px 0 0!important;padding-inline-start:20px!important;font-size:13px!important;line-height:2!important;color:var(--ink-2)!important}
:where(.ax-k-3af6af){background:var(--paper)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;padding:10px 12px!important;direction:ltr!important;unicode-bidi:isolate!important;font-size:12.5px!important;font-family:monospace!important}
:where(.ax-k-3ba7c9){font-weight:400!important;font-size:12px!important}
:where(.ax-k-3fbbbe){font-size:13.5px!important;line-height:1.9!important;white-space:pre-wrap!important;color:var(--ink-2)!important}
:where(.ax-k-40a014){padding:6px 16px 16px!important;font-size:12.5px!important;color:var(--muted)!important;line-height:1.8!important}
:where(.ax-k-43d61d){background:var(--paper)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;padding:10px 12px!important;direction:ltr!important;unicode-bidi:isolate!important;word-break:break-all!important;font-size:12.5px!important;font-family:monospace!important}
:where(.ax-k-551182){padding:12px 16px!important;font-size:13px!important;line-height:1.9!important;color:var(--muted)!important}
:where(.ax-k-574eb3){padding:12px 16px!important;font-size:13px!important;line-height:1.9!important}
:where(.ax-k-585375){font-size:16px!important;font-weight:700!important;color:var(--ink)!important;margin-bottom:6px!important}
:where(.ax-k-623906){margin:0 0 12px!important;padding-inline-start:36px!important;font-size:12.5px!important;color:var(--neg-ink)!important;line-height:1.9!important}
:where(.ax-k-62f239){width:100%!important;font-family:monospace!important;font-size:12px!important}
:where(.ax-k-672bc1){font-size:13px!important;color:var(--muted)!important;margin-bottom:12px!important;line-height:1.9!important}
:where(.ax-k-6d03b8){padding:0 16px 12px!important;font-size:13px!important;line-height:1.9!important;white-space:pre-wrap!important}
:where(.ax-k-6ddccf){font-size:11.5px!important;font-weight:700!important;margin-top:8px!important}
:where(.ax-k-6ee0d3){font-size:18px!important;font-weight:800!important}
:where(.ax-k-704cea){font-size:19px!important;font-weight:800!important;color:var(--pos-ink)!important}
:where(.ax-k-712bbf){font-weight:700!important;font-size:12px!important;padding:8px 8px 4px!important;color:var(--ink)!important}
:where(.ax-k-7760a1){color:var(--neg)!important;font-size:12px!important;font-weight:700!important}
:where(.ax-k-7a91fe){background:var(--soft)!important;font-weight:700!important;font-size:12.5px!important}
:where(.ax-k-7cf84b){font-size:12px!important;line-height:1.8!important}
:where(.ax-k-7ec73a){background:#c9a227!important;color:#16302a!important;border-radius:10px!important;padding:8px 14px!important;margin-bottom:12px!important;font-size:12.5px!important;line-height:1.8!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important}
:where(.ax-k-7f477f){font-size:19px!important;font-weight:800!important}
:where(.ax-k-827f1c){font-weight:600!important;font-size:13px!important;margin-bottom:5px!important;display:block!important}
:where(.ax-k-88ff61){font-size:14px!important;line-height:1.7!important;white-space:pre-wrap!important}
:where(.ax-k-8bb45e){padding:18px 20px!important;white-space:pre-wrap!important;line-height:1.9!important;font-size:14px!important}
:where(.ax-k-8e1d4c){font-size:16px!important;font-weight:800!important}
:where(.ax-k-8ef1ca){direction:ltr!important;font-family:monospace!important;font-weight:700!important}
:where(.ax-k-96b64c){font-size:13px!important;color:var(--neg)!important;font-weight:600!important}
:where(.ax-k-96c00d){width:30px!important;height:30px!important;border-radius:50%!important;background:var(--ink-bg)!important;color:var(--on-ink)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;font-size:13px!important}
:where(.ax-k-9782e6){font-size:20px!important;font-weight:800!important;color:var(--warn-ink)!important}
:where(.ax-k-9a5133){width:100%!important;font-family:inherit!important;line-height:1.8!important}
:where(.ax-k-9a5b9d){margin:0!important;padding:12px 16px!important;max-height:520px!important;overflow:auto!important;white-space:pre-wrap!important;font-family:inherit!important;font-size:12.5px!important;line-height:1.8!important;background:var(--bg)!important}
:where(.ax-k-9b4cd1){font-size:19px!important;font-weight:800!important;color:var(--warn-ink)!important}
:where(.ax-k-9d3666){font-size:13px!important;line-height:2!important}
:where(.ax-k-a2f377){margin-top:12px!important;background:var(--paper)!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:12px!important;white-space:pre-wrap!important;font-family:monospace!important;font-size:12px!important;direction:ltr!important;text-align:left!important}
:where(.ax-k-a51025){font-size:12px!important;color:var(--muted)!important;margin-top:10px!important;line-height:1.8!important}
:where(.ax-k-a614d0){font-size:11.5px!important;font-weight:700!important;margin-bottom:6px!important}
:where(.ax-k-ac663f){border:none!important;border-top:1px solid var(--border)!important;margin:14px 0!important}
:where(.ax-k-acb753){font-size:10.5px!important;font-weight:400!important}
:where(.ax-k-aceda5){padding:14px 16px!important;font-size:14px!important;line-height:1.9!important;white-space:pre-wrap!important}
:where(.ax-k-b7c4a9){width:100%!important;font-family:inherit!important;line-height:1.9!important;padding:12px 14px!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-sm)!important}
:where(.ax-k-b837ec){font-weight:800!important;font-size:14px!important;direction:ltr!important;unicode-bidi:isolate!important}
:where(.ax-k-bd8171){font-weight:600!important;font-size:11px!important}
:where(.ax-k-bd9475){padding:16px 18px!important;font-size:13px!important;line-height:1.9!important}
:where(.ax-k-c1927d){font-size:22px!important;font-weight:800!important;color:var(--warn-ink)!important}
:where(.ax-k-c4f7e8){font-size:15px!important;font-weight:800!important;margin:6px 0!important}
:where(.ax-k-c51511){font-size:20px!important;font-weight:800!important;color:var(--pos-ink)!important}
:where(.ax-k-c564ed){font-size:20px!important;font-weight:800!important}
:where(.ax-k-d28ab6){font-size:16px!important;font-weight:700!important;color:var(--neg)!important;margin-bottom:6px!important}
:where(.ax-k-d67ec0){font-size:20px!important;font-weight:800!important;color:var(--neg)!important}
:where(.ax-k-d7de11){font-size:11.5px!important;line-height:1.7!important}
:where(.ax-k-dc24a5){font-weight:600!important;font-size:13px!important}
:where(.ax-k-deafa6){font-size:11.5px!important;margin-top:10px!important;line-height:1.9!important}
:where(.ax-k-dff98d){font-size:12px!important;font-weight:700!important}
:where(.ax-k-e5defc){padding:0 16px 10px!important;font-size:12.5px!important;line-height:1.9!important}
:where(.ax-k-ee881d){font-size:11px!important;font-weight:700!important;margin-bottom:8px!important;letter-spacing:.3px!important}
:where(.ax-k-f634b0){padding:4px 16px 8px!important;font-size:13px!important;line-height:1.9!important}
:where(.ax-k-f9f235){margin:6px 0 0!important;padding-inline-start:20px!important;font-size:12.5px!important;color:var(--neg-ink)!important;line-height:1.9!important}
:where(.ax-k-f9f350){margin-top:16px!important;font-weight:700!important;font-size:13.5px!important}
:where(.ax-k-fb54ce){font-weight:700!important;font-size:13px!important;margin-bottom:8px!important;cursor:pointer!important}
:where(.ax-kpi22){font-size:22px!important;font-weight:800!important}
:where(.ax-lh-1p9){line-height:1.9!important}
:where(.ax-lst-none){list-style:none!important}
:where(.ax-m-0){margin:0!important}
:where(.ax-m-0_0_16){margin:0 0 16px!important}
:where(.ax-m-0_0_4){margin:0 0 4px!important}
:where(.ax-m-0_16){margin:0 16px!important}
:where(.ax-m-0_16_12){margin:0 16px 12px!important}
:where(.ax-m-0_16_14){margin:0 16px 14px!important}
:where(.ax-m-0_16_8){margin:0 16px 8px!important}
:where(.ax-m-0_3){margin:0 3px!important}
:where(.ax-m-1){margin:1px!important}
:where(.ax-m-10_0){margin:10px 0!important}
:where(.ax-m-10_0_6){margin:10px 0 6px!important}
:where(.ax-m-12_0){margin:12px 0!important}
:where(.ax-m-12_16){margin:12px 16px!important}
:where(.ax-m-14_0_6){margin:14px 0 6px!important}
:where(.ax-m-16_0){margin:16px 0!important}
:where(.ax-m-4_0){margin:4px 0!important}
:where(.ax-m-4_0_10){margin:-4px 0 10px!important}
:where(.ax-m-6_0){margin:6px 0!important}
:where(.ax-m-6_0_12){margin:-6px 0 12px!important}
:where(.ax-m-6_0_14){margin:-6px 0 14px!important}
:where(.ax-m-8_0_14){margin:8px 0 14px!important}
:where(.ax-m-9_0_11){margin:9px 0 11px!important}
:where(.ax-maxh-120){max-height:120px!important}
:where(.ax-maxh-200){max-height:200px!important}
:where(.ax-maxh-320){max-height:320px!important}
:where(.ax-maxh-420){max-height:420px!important}
:where(.ax-maxh-48){max-height:48px!important}
:where(.ax-maxh-54){max-height:54px!important}
:where(.ax-maxh-60){max-height:60px!important}
:where(.ax-maxw-120){max-width:120px!important}
:where(.ax-maxw-150){max-width:150px!important}
:where(.ax-maxw-180){max-width:180px!important}
:where(.ax-maxw-200){max-width:200px!important}
:where(.ax-maxw-220){max-width:220px!important}
:where(.ax-maxw-240){max-width:240px!important}
:where(.ax-maxw-320){max-width:320px!important}
:where(.ax-maxw-460){max-width:460px!important}
:where(.ax-maxw-620){max-width:620px!important}
:where(.ax-maxw-640){max-width:640px!important}
:where(.ax-maxw-680){max-width:680px!important}
:where(.ax-maxw-720){max-width:720px!important}
:where(.ax-maxw-75pc){max-width:75%!important}
:where(.ax-maxw-760){max-width:760px!important}
:where(.ax-maxw-820){max-width:820px!important}
:where(.ax-maxw-880){max-width:880px!important}
:where(.ax-maxw-900){max-width:900px!important}
:where(.ax-maxw-920){max-width:920px!important}
:where(.ax-maxw-980){max-width:980px!important}
:where(.ax-maxw-none){max-width:none!important}
:where(.ax-mb-10){margin-bottom:10px!important}
:where(.ax-mb-12){margin-bottom:12px!important}
:where(.ax-mb-14){margin-bottom:14px!important}
:where(.ax-mb-16){margin-bottom:16px!important}
:where(.ax-mb-18){margin-bottom:18px!important}
:where(.ax-mb-2){margin-bottom:2px!important}
:where(.ax-mb-20){margin-bottom:20px!important}
:where(.ax-mb-3){margin-bottom:3px!important}
:where(.ax-mb-4){margin-bottom:4px!important}
:where(.ax-mb-6){margin-bottom:6px!important}
:where(.ax-mb-8){margin-bottom:8px!important}
:where(.ax-me-10){margin-inline-end:10px!important}
:where(.ax-me-4){margin-inline-end:4px!important}
:where(.ax-me-6){margin-inline-end:6px!important}
:where(.ax-me-8){margin-inline-end:8px!important}
:where(.ax-minw-0){min-width:0!important}
:where(.ax-minw-120){min-width:120px!important}
:where(.ax-minw-130){min-width:130px!important}
:where(.ax-minw-140){min-width:140px!important}
:where(.ax-minw-150){min-width:150px!important}
:where(.ax-minw-160){min-width:160px!important}
:where(.ax-minw-170){min-width:170px!important}
:where(.ax-minw-180){min-width:180px!important}
:where(.ax-minw-190){min-width:190px!important}
:where(.ax-minw-200){min-width:200px!important}
:where(.ax-minw-220){min-width:220px!important}
:where(.ax-minw-230){min-width:230px!important}
:where(.ax-minw-240){min-width:240px!important}
:where(.ax-minw-260){min-width:260px!important}
:where(.ax-minw-280){min-width:280px!important}
:where(.ax-minw-300){min-width:300px!important}
:where(.ax-minw-42){min-width:42px!important}
:where(.ax-minw-60){min-width:60px!important}
:where(.ax-minw-70){min-width:70px!important}
:where(.ax-ms-10){margin-inline-start:10px!important}
:where(.ax-ms-4){margin-inline-start:4px!important}
:where(.ax-ms-5){margin-inline-start:5px!important}
:where(.ax-ms-6){margin-inline-start:6px!important}
:where(.ax-ms-8){margin-inline-start:8px!important}
:where(.ax-ms-auto){margin-inline-start:auto!important}
:where(.ax-mt-10){margin-top:10px!important}
:where(.ax-mt-12){margin-top:12px!important}
:where(.ax-mt-14){margin-top:14px!important}
:where(.ax-mt-16){margin-top:16px!important}
:where(.ax-mt-18){margin-top:18px!important}
:where(.ax-mt-1c38ea){margin-top:-6px!important}
:where(.ax-mt-2){margin-top:2px!important}
:where(.ax-mt-20){margin-top:20px!important}
:where(.ax-mt-3){margin-top:3px!important}
:where(.ax-mt-4){margin-top:4px!important}
:where(.ax-mt-6){margin-top:6px!important}
:where(.ax-mt-7){margin-top:7px!important}
:where(.ax-mt-8){margin-top:8px!important}
:where(.ax-negb){color:var(--neg)!important;font-weight:700!important}
:where(.ax-note115){font-size:11.5px!important;color:var(--muted)!important}
:where(.ax-op-p5){opacity:.5!important}
:where(.ax-op-p75){opacity:.75!important}
:where(.ax-op-p8){opacity:.8!important}
:where(.ax-ov-auto){overflow:auto!important}
:where(.ax-ov-hidden){overflow:hidden!important}
:where(.ax-p-0){padding:0!important}
:where(.ax-p-0_14_12){padding:0 14px 12px!important}
:where(.ax-p-0_16_10){padding:0 16px 10px!important}
:where(.ax-p-0_16_12){padding:0 16px 12px!important}
:where(.ax-p-0_16_14){padding:0 16px 14px!important}
:where(.ax-p-0_16_16){padding:0 16px 16px!important}
:where(.ax-p-0_16_20){padding:0 16px 20px!important}
:where(.ax-p-0_16_8){padding:0 16px 8px!important}
:where(.ax-p-0_18_8){padding:0 18px 8px!important}
:where(.ax-p-0_20_16){padding:0 20px 16px!important}
:where(.ax-p-0_20_8){padding:0 20px 8px!important}
:where(.ax-p-0_22){padding:0 22px!important}
:where(.ax-p-10){padding:10px!important}
:where(.ax-p-10_12){padding:10px 12px!important}
:where(.ax-p-10_14){padding:10px 14px!important}
:where(.ax-p-10_16){padding:10px 16px!important}
:where(.ax-p-10_6){padding:10px 6px!important}
:where(.ax-p-10_8_4){padding:10px 8px 4px!important}
:where(.ax-p-12){padding:12px!important}
:where(.ax-p-12_14){padding:12px 14px!important}
:where(.ax-p-12_15){padding:12px 15px!important}
:where(.ax-p-12_16){padding:12px 16px!important}
:where(.ax-p-12_16_0){padding:12px 16px 0!important}
:where(.ax-p-12_18){padding:12px 18px!important}
:where(.ax-p-13_15){padding:13px 15px!important}
:where(.ax-p-14_16){padding:14px 16px!important}
:where(.ax-p-14_18){padding:14px 18px!important}
:where(.ax-p-14_20){padding:14px 20px!important}
:where(.ax-p-14_20_20){padding:14px 20px 20px!important}
:where(.ax-p-16){padding:16px!important}
:where(.ax-p-16_18){padding:16px 18px!important}
:where(.ax-p-16_20){padding:16px 20px!important}
:where(.ax-p-18){padding:18px!important}
:where(.ax-p-18_20){padding:18px 20px!important}
:where(.ax-p-18_22){padding:18px 22px!important}
:where(.ax-p-2){padding:2px!important}
:where(.ax-p-20){padding:20px!important}
:where(.ax-p-24){padding:24px!important}
:where(.ax-p-26){padding:26px!important}
:where(.ax-p-2_0){padding:2px 0!important}
:where(.ax-p-2_6){padding:2px 6px!important}
:where(.ax-p-2_8){padding:2px 8px!important}
:where(.ax-p-30){padding:30px!important}
:where(.ax-p-3_0){padding:3px 0!important}
:where(.ax-p-4){padding:4px!important}
:where(.ax-p-44){padding:44px!important}
:where(.ax-p-4_0){padding:4px 0!important}
:where(.ax-p-4_10){padding:4px 10px!important}
:where(.ax-p-4_16_14){padding:4px 16px 14px!important}
:where(.ax-p-4_9){padding:4px 9px!important}
:where(.ax-p-50){padding:50px!important}
:where(.ax-p-5_0){padding:5px 0!important}
:where(.ax-p-5_10){padding:5px 10px!important}
:where(.ax-p-6){padding:6px!important}
:where(.ax-p-60_20){padding:60px 20px!important}
:where(.ax-p-6_0){padding:6px 0!important}
:where(.ax-p-6_10){padding:6px 10px!important}
:where(.ax-p-6_11){padding:6px 11px!important}
:where(.ax-p-6_12){padding:6px 12px!important}
:where(.ax-p-6_16){padding:6px 16px!important}
:where(.ax-p-6_16_0){padding:6px 16px 0!important}
:where(.ax-p-6_16_10){padding:6px 16px 10px!important}
:where(.ax-p-6_20){padding:6px 20px!important}
:where(.ax-p-6_8){padding:6px 8px!important}
:where(.ax-p-7_0){padding:7px 0!important}
:where(.ax-p-7_12){padding:7px 12px!important}
:where(.ax-p-8){padding:8px!important}
:where(.ax-p-8_0){padding:8px 0!important}
:where(.ax-p-8_10){padding:8px 10px!important}
:where(.ax-p-8_12){padding:8px 12px!important}
:where(.ax-p-8_14){padding:8px 14px!important}
:where(.ax-p-8_16){padding:8px 16px!important}
:where(.ax-p-8_16_12){padding:8px 16px 12px!important}
:where(.ax-p-9_12){padding:9px 12px!important}
:where(.ax-p-9_13){padding:9px 13px!important}
:where(.ax-p-9_14){padding:9px 14px!important}
:where(.ax-pi-center){place-items:center!important}
:where(.ax-pos-static){position:static!important}
:where(.ax-pos-sticky){position:sticky!important}
:where(.ax-ps-22){padding-inline-start:22px!important}
:where(.ax-pt-0){padding-top:0!important}
:where(.ax-pt-10){padding-top:10px!important}
:where(.ax-pt-12){padding-top:12px!important}
:where(.ax-pt-14){padding-top:14px!important}
:where(.ax-pt-16){padding-top:16px!important}
:where(.ax-pt-6){padding-top:6px!important}
:where(.ax-pt-8){padding-top:8px!important}
:where(.ax-r-10){border-radius:10px!important}
:where(.ax-r-12){border-radius:12px!important}
:where(.ax-r-14){border-radius:14px!important}
:where(.ax-r-4){border-radius:4px!important}
:where(.ax-r-5){border-radius:5px!important}
:where(.ax-r-50pc){border-radius:50%!important}
:where(.ax-r-6){border-radius:6px!important}
:where(.ax-r-8){border-radius:8px!important}
:where(.ax-r-9){border-radius:9px!important}
:where(.ax-row6){display:flex!important;gap:6px!important;align-items:center!important}
:where(.ax-row8){display:flex!important;gap:8px!important;align-items:center!important}
:where(.ax-roww8){display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
:where(.ax-span2){margin:0!important;grid-column:span 2!important}
:where(.ax-spanall){margin:0!important;grid-column:1/-1!important}
:where(.ax-sub11){font-size:11px!important;font-weight:400!important}
:where(.ax-t-scale-p8){transform:scale(.8)!important}
:where(.ax-ta-center){text-align:center!important}
:where(.ax-ta-end){text-align:end!important}
:where(.ax-ta-left){text-align:left!important}
:where(.ax-ta-start){text-align:start!important}
:where(.ax-td-line-through){text-decoration:line-through!important}
:where(.ax-td-none){text-decoration:none!important}
:where(.ax-tov-ellipsis){text-overflow:ellipsis!important}
:where(.ax-ub-embed){unicode-bidi:embed!important}
:where(.ax-ub-isolate){unicode-bidi:isolate!important}
:where(.ax-v-ai){align-items:var(--ax-ai)!important}
:where(.ax-v-bg){background:var(--ax-bg)!important}
:where(.ax-v-c){color:var(--ax-c)!important}
:where(.ax-v-cur){cursor:var(--ax-cur)!important}
:where(.ax-v-gc){grid-column:var(--ax-gc)!important}
:where(.ax-v-w){width:var(--ax-w)!important}
:where(.ax-w-100){width:100px!important}
:where(.ax-w-100pc){width:100%!important}
:where(.ax-w-110){width:110px!important}
:where(.ax-w-120){width:120px!important}
:where(.ax-w-130){width:130px!important}
:where(.ax-w-140){width:140px!important}
:where(.ax-w-150){width:150px!important}
:where(.ax-w-160){width:160px!important}
:where(.ax-w-170){width:170px!important}
:where(.ax-w-180){width:180px!important}
:where(.ax-w-190){width:190px!important}
:where(.ax-w-200){width:200px!important}
:where(.ax-w-210){width:210px!important}
:where(.ax-w-220){width:220px!important}
:where(.ax-w-230){width:230px!important}
:where(.ax-w-260){width:260px!important}
:where(.ax-w-28){width:28px!important}
:where(.ax-w-30){width:30px!important}
:where(.ax-w-320){width:320px!important}
:where(.ax-w-34){width:34px!important}
:where(.ax-w-34pc){width:34%!important}
:where(.ax-w-38pc){width:38%!important}
:where(.ax-w-40pc){width:40%!important}
:where(.ax-w-44){width:44px!important}
:where(.ax-w-44pc){width:44%!important}
:where(.ax-w-46){width:46px!important}
:where(.ax-w-46pc){width:46%!important}
:where(.ax-w-48){width:48px!important}
:where(.ax-w-50){width:50px!important}
:where(.ax-w-56){width:56px!important}
:where(.ax-w-60){width:60px!important}
:where(.ax-w-62){width:62px!important}
:where(.ax-w-70){width:70px!important}
:where(.ax-w-80){width:80px!important}
:where(.ax-w-82){width:82px!important}
:where(.ax-w-90){width:90px!important}
:where(.ax-w-auto){width:auto!important}
:where(.ax-wb-break-all){word-break:break-all!important}
:where(.ax-wide14){max-width:none!important;margin-top:14px!important}
:where(.ax-ws-nowrap){white-space:nowrap!important}
:where(.ax-ws-pre-wrap){white-space:pre-wrap!important}
/* ===== B903 · شرائط التبويب (.au-tabs): كل شرائط «المكتبة / مصفوفة …» اليدوية بقت الشريط ده — بيتمرّر أفقياً بدل ما يتراكب،
   هدف 44px على الهاتف واللمس، والتبويب الحالي بيتمرّر لحد ما يبان (app.js) ===== */
.au-tabs-sm .au-tab{font-size:12.5px;padding:5px 12px}
.panel-head>.au-tabs{flex:0 1 auto}
@media(max-width:640px){.au-tab,.au-tabs-sm .au-tab{min-height:44px}.panel-head:has(>.au-tabs){flex-wrap:wrap}.panel-head>.au-tabs{flex:1 1 100%}}
@media(hover:none) and (pointer:coarse){.au-tab{min-height:44px}}