/* ══════════════════════════════════════════════════════════════════════════
   ecowove — نمط «Dash» للوحات التحكم (rc.44)
   قماشٌ رمادي فاتح، بطاقات بيضاء عائمة بأنصاف أقطار كبيرة وظل ناعم، شريط جانبي كبسولي بأيقونات
   ونشط برتقالي، شريط علوي بشرائح (المستخدم · البحث · الإشعارات)، بطاقة مؤشر رئيسة + بلاطات ملوّنة،
   صفوف بطاقية، أشرطة تقدم بكبسولات قيمة، وحلقات تقدم. مبني على رموز التصميم (--t-*)، RTL أولاً.
   الخطوط (OFL، مستضافة ذاتياً): Poppins للاتيني والأرقام · Tajawal للعربية.
   ══════════════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Poppins";src:url("/fonts/Poppins-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("/fonts/Poppins-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url("/fonts/Poppins-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Poppins";src:url("/fonts/Poppins-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Tajawal";src:url("/fonts/Tajawal-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Tajawal";src:url("/fonts/Tajawal-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Tajawal";src:url("/fonts/Tajawal-Bold.ttf") format("truetype");font-weight:700;font-display:swap}

:root{
  --d-canvas:#EEF2F6;--d-surface:#FFFFFF;--d-soft:#F5F7FA;--d-line:#E6EAF0;
  --d-ink:#1E2433;--d-ink2:#5B6475;--d-dim:#8A93A6;
  --d-accent:#F15A24;--d-accent-press:#D34A19;--d-accent-soft:#FDE9E1;
  --d-violet:#4F3CC9;--d-sky:#1FB6F0;--d-lime:#7CC142;--d-green:#0C6B44;--d-green-soft:#E3EFE8;--d-amber:#A96A0B;--d-amber-soft:#F7EEDD;--d-danger:#D9342B;--d-danger-soft:#FDE7E4;
  --d-r-xl:24px;--d-r-lg:18px;--d-r-md:14px;--d-r-pill:999px;
  --d-shadow:0 10px 30px rgba(30,36,51,.06),0 1px 2px rgba(30,36,51,.04);--d-shadow-2:0 18px 40px rgba(30,36,51,.10);
  --d-font:"Tajawal","Poppins",system-ui,sans-serif;--d-font-latin:"Poppins","Tajawal",system-ui,sans-serif;
}
html[lang=zh] :root,html[lang=en] :root{--d-font:"Poppins",system-ui,sans-serif}
body.dash{margin:0;background:var(--d-canvas);color:var(--d-ink);font-family:var(--d-font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.dash .num,body.dash .mono,body.dash [data-num]{font-family:var(--d-font-latin);font-variant-numeric:tabular-nums}

/* ── الهيكل: شريط جانبي كبسولي + محتوى ── */
.dash-shell{display:grid;grid-template-columns:96px 1fr;gap:22px;max-width:1440px;margin:0 auto;padding:22px}
.dash-side{position:sticky;top:22px;align-self:start;display:flex;flex-direction:column;gap:14px}
.dash-logo{width:64px;height:64px;border-radius:20px;background:var(--d-ink);color:#fff;display:grid;place-items:center;font-weight:700;font-family:var(--d-font-latin);font-size:1.15rem;box-shadow:var(--d-shadow);margin-inline:auto;text-decoration:none}.dash-logo img{width:40px;height:auto;filter:brightness(0) invert(1)}
.dash-nav{background:var(--d-surface);border-radius:var(--d-r-pill);box-shadow:var(--d-shadow);padding:16px 8px;display:flex;flex-direction:column;gap:6px;align-items:center}
.dash-nav a{display:flex;flex-direction:column;align-items:center;gap:6px;width:72px;padding:8px 4px;color:var(--d-ink2);text-decoration:none;font-size:.74rem;font-weight:500;border-radius:16px;min-height:var(--t-touch,44px)}
.dash-nav a i{width:44px;height:44px;border-radius:50%;background:var(--d-soft);display:grid;place-items:center;font-style:normal;font-size:1.05rem;transition:transform var(--t-fast,150ms) var(--t-ease,ease),background var(--t-fast,150ms)}
.dash-nav a:hover i{transform:translateY(-1px);background:var(--d-line)}
.dash-nav a[aria-current=page]{color:var(--d-ink);font-weight:700}
.dash-nav a[aria-current=page] i{background:var(--d-accent);color:#fff;box-shadow:0 8px 18px rgba(241,90,36,.35)}
.dash-nav h5{margin:6px 0 0;font-size:.62rem;letter-spacing:.06em;color:var(--d-dim);text-transform:uppercase;font-weight:600}
.dash-main{min-width:0;display:flex;flex-direction:column;gap:22px}

/* ── الشريط العلوي: شرائح ── */
.dash-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dash-chip{display:inline-flex;align-items:center;gap:12px;background:var(--d-surface);border-radius:var(--d-r-pill);padding:10px 16px 10px 10px;box-shadow:var(--d-shadow);min-height:56px}
.dash-chip .av{width:40px;height:40px;border-radius:50%;background:var(--d-accent-soft);color:var(--d-accent);display:grid;place-items:center;font-weight:700}
.dash-chip b{display:block;font-size:.95rem}.dash-chip small{display:block;color:var(--d-dim);font-size:.76rem}
.dash-search{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;background:var(--d-surface);border-radius:var(--d-r-pill);padding:8px 10px;box-shadow:var(--d-shadow);min-height:56px}
.dash-search input{flex:1;border:0;background:transparent;font:inherit;color:var(--d-ink);outline:none;min-height:40px}
.dash-search i{width:40px;height:40px;border-radius:50%;background:var(--d-soft);display:grid;place-items:center;font-style:normal;color:var(--d-ink2)}
.dash-bell{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--d-surface);border-radius:var(--d-r-pill);padding:8px 16px 8px 8px;box-shadow:var(--d-shadow);min-height:56px;color:var(--d-ink)}
.dash-bell i{width:40px;height:40px;border-radius:50%;background:var(--d-soft);display:grid;place-items:center;font-style:normal}
.dash-bell .n{background:var(--d-danger);color:#fff;border-radius:var(--d-r-pill);font-size:.72rem;font-weight:700;padding:2px 8px;font-family:var(--d-font-latin)}

/* ── رأس الصفحة ── */
.dash-head .eyebrow{color:var(--d-dim);font-weight:500;margin:0}
.dash-head h1{margin:0 0 8px;font-size:2rem;font-weight:700;letter-spacing:-.01em}
.dash-head p{color:var(--d-ink2);max-width:60ch;margin:0}
.dash-head p b{color:var(--d-accent)}

/* ── الشبكات والبطاقات ── */
.dash-grid{display:grid;gap:22px}.dash-grid.c2{grid-template-columns:1fr 1fr}.dash-grid.c3{grid-template-columns:repeat(3,1fr)}.dash-grid.c12{grid-template-columns:5fr 7fr}
@media(max-width:1000px){.dash-grid.c2,.dash-grid.c3,.dash-grid.c12{grid-template-columns:1fr}.dash-shell{grid-template-columns:1fr}.dash-side{position:static;flex-direction:row}.dash-nav{flex-direction:row;overflow:auto;border-radius:var(--d-r-xl);padding:10px}.dash-nav h5{display:none}}
.dash-card{background:var(--d-surface);border-radius:var(--d-r-xl);box-shadow:var(--d-shadow);padding:22px}
.dash-card>h3,.dash-card>header h3{margin:0;font-size:1.1rem;font-weight:700}
.dash-card>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.dash-more{color:var(--d-ink2);font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.dash-more::after{content:"›";display:inline-grid;place-items:center;width:20px;height:20px;border:1.5px solid var(--d-line);border-radius:50%;font-size:.9rem}
html[dir=rtl] .dash-more::after{content:"‹"}

/* ── المؤشر الرئيس + البلاطات ── */
.dash-hero{display:grid;grid-template-columns:minmax(180px,1fr) repeat(auto-fit,minmax(150px,1fr));gap:14px;align-items:stretch}
.dash-kpi{padding:6px 4px}.dash-kpi .lbl{color:var(--d-ink);font-weight:600;margin:0 0 6px}.dash-kpi .val{font-family:var(--d-font-latin);font-size:2.1rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.dash-kpi .sub{color:var(--d-ink2);font-size:.82rem;display:flex;gap:8px;align-items:center;margin-top:6px}
.dash-delta{background:#E8F7DA;color:#3F8A11;border-radius:var(--d-r-pill);padding:1px 8px;font-size:.72rem;font-weight:700;font-family:var(--d-font-latin)}
.dash-delta.down{background:var(--d-danger-soft);color:var(--d-danger)}
/* انضباط اللوحة (قرار 2026-09-09): لهجة واحدة — بلاطة برتقالية واحدة للمؤشر الأهم، والبقية بيضاء/ناعمة؛ الألوان الأخرى دلالية أو للبيانات فقط */
.dash-tile{border-radius:var(--d-r-lg);padding:16px;color:var(--d-ink);background:var(--d-soft);display:flex;flex-direction:column;justify-content:space-between;min-height:118px;position:relative}
.dash-tile.accent{background:var(--d-accent);color:#fff}.dash-tile.ink{background:var(--d-ink);color:#fff}
.dash-tile.violet,.dash-tile.sky,.dash-tile.lime{background:var(--d-soft);color:var(--d-ink)}
.dash-tile.violet .t i{background:#EEEBFB;color:var(--d-violet)}.dash-tile.sky .t i{background:#E4F6FD;color:#0B84B5}.dash-tile.lime .t i{background:#EEF7E4;color:#4E8A1E}
.dash-tile .t{font-weight:700;display:flex;justify-content:space-between;align-items:center}.dash-tile .t i{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;font-style:normal;font-size:.8rem}.dash-tile:not(.accent):not(.ink) .t i{background:var(--d-surface)}
.dash-tile .s{opacity:.85;font-size:.78rem;margin-top:10px}.dash-tile .v{font-family:var(--d-font-latin);font-size:1.35rem;font-weight:700;line-height:1.1}

/* ── الصفوف البطاقية والجداول ── */
.dash-rows{display:grid;gap:10px}
.dash-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:var(--d-soft);border-radius:var(--d-r-md);padding:12px 14px;transition:background var(--t-fast,150ms)}
.dash-row:hover{background:#EEF2F6}
.dash-row .ico{width:34px;height:34px;border-radius:50%;background:var(--d-surface);display:grid;place-items:center;flex:none}
.dash-row .title{font-weight:700}.dash-row .sub{color:var(--d-dim);font-size:.78rem}
.dash-row .cols{display:flex;gap:18px;align-items:center;color:var(--d-ink2);font-size:.86rem;flex-wrap:wrap}
.dash-table{width:100%;border-collapse:separate;border-spacing:0 8px}
.dash-table th{color:var(--d-dim);font-weight:600;font-size:.8rem;text-align:start;padding:0 14px 2px}
.dash-table td{background:var(--d-soft);padding:12px 14px;font-size:.9rem}
.dash-table tr td:first-child{border-start-start-radius:var(--d-r-md);border-end-start-radius:var(--d-r-md)}.dash-table tr td:last-child{border-start-end-radius:var(--d-r-md);border-end-end-radius:var(--d-r-md)}

/* ── أشرطة التقدم بكبسولات القيمة · حلقات التقدم ── */
.dash-bar{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:10px 0}
.dash-bar .pill{border-radius:var(--d-r-md);padding:8px 10px;color:#fff;font-weight:700;font-family:var(--d-font-latin);min-width:68px;text-align:center;font-size:.85rem}
.dash-bar .pill{background:var(--d-ink)}.dash-bar .pill.accent{background:var(--d-accent)}.dash-bar .pill.lime,.dash-bar .pill.violet,.dash-bar .pill.sky{background:var(--d-ink)}
.dash-bar .lbl{font-weight:600;font-size:.9rem;color:var(--d-ink2)}.dash-bar .track{height:8px;background:var(--d-line);border-radius:var(--d-r-pill);overflow:hidden;margin-top:6px}.dash-bar .track i{display:block;height:100%;border-radius:var(--d-r-pill)}
.dash-bar .track i{background:var(--d-ink)}.dash-bar .track i.accent{background:var(--d-accent)}.dash-bar .track i.lime{background:var(--d-green)}.dash-bar .track i.violet,.dash-bar .track i.sky{background:var(--d-ink)}
.dash-bar .pct{font-family:var(--d-font-latin);font-weight:700}
.dash-ring{--p:0;--c:var(--d-sky);width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),var(--d-line) 0);display:grid;place-items:center;flex:none}
.dash-ring::after{content:"";width:28px;height:28px;border-radius:50%;background:var(--d-surface)}
.dash-ring-wrap{display:inline-flex;align-items:center;gap:8px;font-family:var(--d-font-latin);font-weight:600;color:var(--d-ink2)}

/* ── بطاقات محتوى · شارات · أزرار ── */
.dash-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.dash-content .item{background:var(--d-soft);border-radius:var(--d-r-lg);padding:14px;display:flex;flex-direction:column;gap:8px;min-height:180px}
.dash-content .item.hi{background:var(--d-ink);color:#fff}
.dash-content .item h4{margin:0;font-size:1rem}.dash-content .item p{margin:0;font-size:.82rem;color:var(--d-ink2)}.dash-content .item.hi p{color:#C9D0DB}
.dash-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--d-accent);color:#fff;border:0;border-radius:var(--d-r-pill);padding:10px 18px;font:inherit;font-weight:700;cursor:pointer;min-height:var(--t-touch,44px);box-shadow:0 8px 18px rgba(241,90,36,.25);transition:transform var(--t-fast,150ms) var(--t-ease,ease),background var(--t-fast,150ms)}
.dash-btn:hover{background:var(--d-accent-press);transform:translateY(-1px)}.dash-btn.ghost{background:var(--d-surface);color:var(--d-ink);box-shadow:var(--d-shadow)}.dash-btn.sm{padding:6px 14px;min-height:36px;font-size:.82rem}
.dash-btn:focus-visible,.dash-nav a:focus-visible,.dash-more:focus-visible{outline:3px solid var(--d-accent);outline-offset:3px}
.dash-badge{display:inline-block;border-radius:var(--d-r-pill);padding:2px 10px;font-size:.74rem;font-weight:700}
.dash-badge.ok{background:var(--d-green-soft);color:var(--d-green)}.dash-badge.warn{background:var(--d-amber-soft);color:var(--d-amber)}.dash-badge.bad{background:var(--d-danger-soft);color:var(--d-danger)}.dash-badge.info{background:#EEF2F6;color:var(--d-ink2)}
.dash-note{background:var(--d-amber-soft);border-inline-start:4px solid var(--d-amber);border-radius:var(--d-r-md);padding:10px 14px;font-size:.88rem}
.dash-input{width:100%;border:1.5px solid var(--d-line);border-radius:var(--d-r-md);padding:10px 12px;font:inherit;background:var(--d-surface);min-height:var(--t-touch,44px)}
.dash-input:focus{outline:none;border-color:var(--d-accent);box-shadow:0 0 0 4px var(--d-accent-soft)}
@media (prefers-reduced-motion:reduce){.dash *{transition:none!important}}

/* ── جسور التوافق: تُعيد تشكيل أصناف التطبيقات القائمة داخل body.dash دون لمس منطقها ── */
body.dash .card{background:var(--d-surface);border:0;border-radius:var(--d-r-xl);box-shadow:var(--d-shadow);padding:22px}
body.dash .btn{border-radius:var(--d-r-pill);font-weight:700;min-height:var(--t-touch,44px)}
body.dash .btn.primary,body.dash .btn:not(.ghost){background:var(--d-accent);color:#fff;border:0;box-shadow:0 8px 18px rgba(241,90,36,.22)}
body.dash .note{color:var(--d-ink2)}
body.dash input,body.dash select,body.dash textarea{border:1.5px solid var(--d-line);border-radius:var(--d-r-md);background:var(--d-surface);font:inherit;min-height:var(--t-touch,44px);padding:10px 12px}
body.dash input:focus,body.dash select:focus{outline:none;border-color:var(--d-accent);box-shadow:0 0 0 4px var(--d-accent-soft)}
body.dash .v4tabs button{background:var(--d-soft);color:var(--d-ink2)}body.dash .v4tabs button[aria-selected=true]{background:var(--d-accent);color:#fff;box-shadow:0 8px 18px rgba(241,90,36,.25)}
body.dash .v4item,body.dash .v4card{background:var(--d-soft);border:0;border-radius:var(--d-r-md)}
body.dash .v4steps span{background:var(--d-soft);color:var(--d-dim)}body.dash .v4steps span.now{background:var(--d-accent);color:#fff}body.dash .v4steps span.done{background:var(--d-green-soft);color:var(--d-green)}
body.dash .v4meter{background:var(--d-line)}body.dash .v4meter i{background:linear-gradient(90deg,var(--d-lime),var(--d-accent))}
body.dash .legal-links{color:var(--d-dim)}
/* rc.85 — الهاتف: عمود الشبكة كان 1fr (أدناه = عرض المحتوى الأدنى) فاتسع الغلاف بعرض شريط التنقل الأفقي ⇒ تمرير أفقي للصفحة كلها */
@media(max-width:1000px){.dash-shell{grid-template-columns:minmax(0,1fr);padding:12px;gap:14px}.dash-side,.dash-nav,.dash-main{min-width:0;max-width:100%}.dash-top{gap:10px}.dash-search{min-width:0;flex-basis:100%}.dash-head h1{font-size:1.5rem}.dash-grid.c2,.dash-grid.c3,.dash-grid.c12{grid-template-columns:minmax(0,1fr)}.dash-card{min-width:0}}