/* ============================================================================
Admin-Dashboard — واجهة «لوحة الوحدات» (الحزمة 50)
كل قاعدة تحت :root[data-ui="modules"] فلا تمسّ «الواجهة السابقة» ولا «فسيفساء».
المرجع: _تصميم/modules/DESIGN.md + النموذج _تصميم/نماذج-الواجهة/C (shell.css).
قواعد: وحدات مسطّرة بخطوط شعرية وزوايا 2–3px · لسان نحاسي على حافة كل وحدة ·
لا ظلّ إلا للنافذة والقوائم العائمة · أبيض على النحاسي العميق #A9552F وحده ·
لا «inset» اختصاراً · كل حركة تُلغى مع «تقليل الحركة».
============================================================================ */
/* ---------- 1) الرموز: الفاتح ---------- */
:root[data-ui="modules"] {
--m-ground: #F4F5F6; --m-mod: #FFFFFF; --m-sunk: #F5F6F7; --m-zebra: #F7F8F9;
--m-ink: #1E1C1F; --m-ink2: #47434A; --m-ink3: #66616B;
--m-rule: #D8DCE1; --m-rule2: #E7EAED; --m-rule-strong: #8E959E;
--m-copper: #B8603C; --m-tab: #A9552F; --m-tab-hover: #96492A; --m-tab-ink: #FFFFFF;
--m-copper-tint: #F6E9E2; --m-copper-line: #E0B49F;
--m-verm: #C2361C; --m-verm-tint: #FBEAE6;
--m-amber: #8F5B00; --m-amber-tint: #FBF1DC; --m-amber-line: #C98A12;
--m-green: #2D6A43; --m-green-tint: #E5F1E9;
--m-steel: #3F6787; --m-steel-tint: #E6EEF5; --m-slate: #5A5F6B; --m-slate-tint: #ECEDF0;
--m-s-ink: #2B282D; --m-s-steel: #4C7698; --m-s-area: rgba(30, 28, 31, .06);
--m-grid: #E3E6EA; --m-kbd: #F1F2F4; --m-focus: #3F6787;
--m-logo: #1E1C1F;
--m-shadow-menu: 0 8px 24px rgba(0, 0, 0, .12);
--m-shadow-modal: 0 24px 64px rgba(0, 0, 0, .28), 0 2px 6px rgba(0, 0, 0, .1);
--m-chev: url("data:image/svg+xml;utf8,");
--m-tick: url("data:image/svg+xml;utf8,");
/* رموز المنصّة كلها مشتقّة من النظام فترث الصفحات غير المعاد تصميمها مظهراً متّسقاً */
--bg: var(--m-ground); --surface: var(--m-mod); --surface-2: var(--m-sunk);
--ink: var(--m-ink); --ink-soft: var(--m-ink2); --muted: var(--m-ink3); --faint: #6E6973;
--line: var(--m-rule); --line-soft: var(--m-rule2); --track: #ECEEF1;
--accent: var(--m-copper); --accent-strong: var(--m-tab); --accent-ink: #FFFFFF;
--accent-soft: var(--m-copper-tint); --accent-soft-2: #F0DACE;
--good: var(--m-green); --good-bg: var(--m-green-tint);
--warn: var(--m-amber); --warn-bg: var(--m-amber-tint);
--bad: var(--m-verm); --bad-bg: var(--m-verm-tint);
--topbar: var(--m-mod); --topbar-ink: var(--m-ink); --topbar-line: var(--m-rule); --topbar-glass: var(--m-mod);
--r-sm: 2px; --r: 3px; --r-lg: 3px; --r-xl: 3px; --radius: 3px;
--shadow: none; --shadow-lg: var(--m-shadow-modal); --shadow-accent: none;
--glow: none; --ambient: none; --grid-bg: none; --blur: 0px;
--glass-surface: var(--m-mod); --glass-border: var(--m-rule);
--zebra: var(--m-zebra);
--tone-info: var(--m-steel); --tone-violet: var(--m-slate); --tone-gold: #7A5A12; --tone-teal: #2E6B6F;
--ic-sw: 1.8;
--scrim: rgba(20, 18, 22, .56);
--ease: cubic-bezier(.23, 1, .32, 1);
color-scheme: light;
}
/* ---------- 1-ب) الرموز: الداكن ---------- */
:root[data-ui="modules"][data-theme="dark"] {
--m-ground: #141317; --m-mod: #1E1C21; --m-sunk: #252329; --m-zebra: #232126;
--m-ink: #EEEBE7; --m-ink2: #C4BEB8; --m-ink3: #A39D97;
--m-rule: #34313A; --m-rule2: #2C2A31; --m-rule-strong: #6B6672;
--m-copper: #D27C57; --m-copper-tint: #3A2820; --m-copper-line: #6E4330;
--m-verm: #F0806A; --m-verm-tint: #3D211C;
--m-amber: #E2AE4E; --m-amber-tint: #372B16; --m-amber-line: #D49A2C;
--m-green: #7CC495; --m-green-tint: #1C3125;
--m-steel: #8FB2D0; --m-steel-tint: #1F2B36; --m-slate: #B3B7C0; --m-slate-tint: #2A2B31;
--m-s-ink: #DDD7D1; --m-s-steel: #7FA6C8; --m-s-area: rgba(238, 235, 231, .07);
--m-grid: #2E2C33; --m-kbd: #2A282E; --m-focus: #8FB2D0;
--m-shadow-menu: 0 8px 24px rgba(0, 0, 0, .45);
--m-shadow-modal: 0 24px 64px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .3);
--m-chev: url("data:image/svg+xml;utf8,");
--faint: #9A948E; --track: #2C2A31; --accent-soft-2: #4A3226; --accent-ink: #FFFFFF;
--tone-gold: #D9AE5C; --tone-teal: #6FC0C4;
--scrim: rgba(0, 0, 0, .62);
color-scheme: dark;
}
/* ---------- 2) الأساس: الخط · الخلفية · التركيز ---------- */
:root[data-ui="modules"] body {
--font-ar: 'Tajawal', system-ui, 'Segoe UI', sans-serif;
--font-latin: 'Tajawal', system-ui, 'Segoe UI', sans-serif;
--font-num: 'Tajawal', system-ui, sans-serif;
--font-display: 'Tajawal', system-ui, sans-serif;
font-family: var(--font-ar);
background: var(--m-ground); color: var(--m-ink);
font-size: 14px; line-height: 1.5; font-variant-numeric: tabular-nums;
}
:root[data-ui="modules"] body::before, :root[data-ui="modules"] body::after { display: none; }
:root[data-ui="modules"] .mono { font-family: var(--font-latin); font-variant-numeric: tabular-nums; }
:root[data-ui="modules"] :focus-visible { outline: 2px solid var(--m-focus); outline-offset: 2px; }
:root[data-ui="modules"] a { color: var(--m-tab); }
:root[data-ui="modules"][data-theme="dark"] a { color: var(--m-copper); }
/* أيقونات المؤشّرات والفقرات: حاوية مربّعة خفيفة من لونها (بلا توهّج) */
:root[data-ui="modules"] .ad-ic {
border-radius: 3px; padding: 5px; filter: none;
background: color-mix(in srgb, var(--ic-c) 12%, var(--m-mod));
}
:root[data-ui="modules"][data-theme="dark"] .ad-ic { background: color-mix(in srgb, var(--ic-c) 18%, var(--m-mod)); }
:root[data-ui="modules"] .ad-ic svg.ic, :root[data-ui="modules"][data-theme="dark"] .ad-ic svg.ic { filter: none; stroke-width: 1.8; }
:root[data-ui="modules"] .ad-ic.sm { padding: 4px; }
:root[data-ui="modules"] .ad-ic.gold { --ic-c: var(--tone-gold); }
/* ---------- 3) الصفّ الأول من الترويسة ---------- */
:root[data-ui="modules"] .topbar {
background: var(--m-mod); color: var(--m-ink);
height: 52px; padding: 0 16px; gap: 8px;
border-bottom: 1px solid var(--m-rule2); box-shadow: none;
position: sticky; top: 0; z-index: 31;
}
:root[data-ui="modules"] .topbar .logo {
background: var(--m-logo); height: 52px; padding: 0 14px; margin-inline-start: -16px;
display: flex; align-items: center; justify-content: center; flex: none;
}
:root[data-ui="modules"] .topbar .logo-img { height: 26px; }
:root[data-ui="modules"] #navToggle, :root[data-ui="modules"] .nav-toggle { display: none !important; }
:root[data-ui="modules"] .topbar .icon-btn {
width: 36px; height: 36px; border: 1px solid var(--m-rule); border-radius: 3px;
background: var(--m-mod); color: var(--m-ink2); transform: none;
transition: border-color .12s ease, color .12s ease;
}
:root[data-ui="modules"] .topbar .icon-btn svg.ic { width: 18px; height: 18px; }
:root[data-ui="modules"] .topbar .icon-btn:hover { background: var(--m-mod); border-color: var(--m-rule-strong); color: var(--m-ink); transform: none; }
:root[data-ui="modules"] .topbar .company-switch {
height: 36px; min-height: 36px; padding: 0 12px; padding-inline-end: 32px; border-radius: 3px;
border: 1px solid var(--m-rule); background-color: var(--m-mod); color: var(--m-ink);
background-image: var(--m-chev); background-size: 14px; background-position: left 10px center;
font-size: 13px; font-weight: 700; box-shadow: none; min-width: 0;
}
:root[data-ui="modules"][dir="ltr"] .topbar .company-switch { background-position: right 10px center; }
:root[data-ui="modules"] .topbar .company-switch:hover { border-color: var(--m-rule-strong); }
:root[data-ui="modules"] .topbar .company-switch:focus { border-color: var(--m-focus); box-shadow: none; background-color: var(--m-mod); }
:root[data-ui="modules"] .user-chip { flex-direction: column; align-items: flex-start; gap: 0; line-height: 1.3; padding-inline-start: 4px; }
:root[data-ui="modules"] .user-chip #userName { font-size: 13px; font-weight: 700; color: var(--m-ink); white-space: nowrap; }
:root[data-ui="modules"] .user-chip .role { background: none; color: var(--m-ink3); padding: 0; border-radius: 0; font-size: 12px; font-weight: 500; white-space: nowrap; }
/* ---------- 4) الصفّ الثاني: كل الصفحات تبويباتٍ مجمّعة ---------- */
:root[data-ui="modules"] #navTop {
position: sticky; top: 52px; z-index: 30;
background: var(--m-mod); border-bottom: 1px solid var(--m-rule);
}
:root[data-ui="modules"] .nt-row { display: flex; align-items: stretch; padding-inline: 8px; min-width: 0; }
:root[data-ui="modules"] #navTop .nt-group { display: flex; flex-direction: column; min-width: 0; border: 0; border-radius: 0; background: none; padding: 0; }
:root[data-ui="modules"] #navTop .nt-group + .nt-group { border-inline-start: 1px solid var(--m-rule2); margin-inline-start: 2px; padding-inline-start: 2px; }
:root[data-ui="modules"] .nt-cap {
display: flex; align-items: center; height: 20px; padding: 4px 8px 0;
font-size: 12px; font-weight: 700; color: var(--m-ink3); white-space: nowrap;
}
:root[data-ui="modules"] #navTop .nt-group:not(:has(.nt-cap)) .nt-tabs { margin-top: 20px; }
:root[data-ui="modules"] .nt-tabs { display: flex; }
:root[data-ui="modules"] .nt-tab {
position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
height: 44px; padding: 2px 8px 6px; border: 0; background: none; border-radius: 0;
font: inherit; font-size: 13px; font-weight: 600; line-height: 18px; color: var(--m-ink2); white-space: nowrap;
transition: background-color .12s ease, color .12s ease;
}
:root[data-ui="modules"] .nt-tab .nt-ic { width: 17px; height: 17px; padding: 0; background: none; color: var(--m-ink3); border-radius: 0; vertical-align: 0; }
:root[data-ui="modules"] .nt-tab .nt-ic svg.ic { width: 17px; height: 17px; }
:root[data-ui="modules"] .nt-tab:hover { color: var(--m-ink); background: var(--m-sunk); }
:root[data-ui="modules"] .nt-tab:hover .nt-ic { color: var(--m-ink2); }
:root[data-ui="modules"] .nt-tab.on { color: var(--m-ink); font-weight: 700; }
:root[data-ui="modules"] .nt-tab.on .nt-ic { color: var(--m-copper); }
:root[data-ui="modules"] .nt-tab.on::after { content: ""; position: absolute; left: 4px; right: 4px; bottom: 0; height: 3px; background: var(--m-copper); }
:root[data-ui="modules"] .nt-tab .nav-cnt { position: absolute; top: 1px; inset-inline-start: calc(50% + 4px); }
/* شارة العدد (التبويبات والقائمة والشريط السفلي والدرج) */
:root[data-ui="modules"] .nav-cnt {
display: inline-grid; place-items: center; min-width: 17px; height: 17px; padding: 0 4px;
border-radius: 9px; border: 1.5px solid var(--m-mod); background: var(--m-verm); color: #fff;
font-family: var(--font-latin); font-size: 12px; font-weight: 700; line-height: 1;
}
:root[data-ui="modules"][data-theme="dark"] .nav-cnt { color: #1E1C1F; }
/* «المزيد»: قائمة مصمَّمة بالمجموعات التي خرجت من الصفّ */
:root[data-ui="modules"] .nt-more { display: none; position: relative; align-items: center; margin-inline-start: auto; }
:root[data-ui="modules"] .nt-morebtn {
flex-direction: row; height: 32px; margin: 0 6px; padding: 0 10px; gap: 6px;
border: 1px solid var(--m-rule); border-radius: 3px; background: var(--m-mod); color: var(--m-ink);
font-weight: 700;
}
:root[data-ui="modules"] .nt-morebtn:hover { border-color: var(--m-rule-strong); background: var(--m-mod); }
:root[data-ui="modules"] .nt-morebtn .nt-ic { color: var(--m-ink3); }
:root[data-ui="modules"] .nt-pop {
display: none; position: absolute; top: calc(100% + 4px); inset-inline-end: 0; z-index: 40;
min-width: 240px; max-height: 70vh; overflow-y: auto; padding: 4px;
background: var(--m-mod); border: 1px solid var(--m-rule-strong); border-radius: 3px; box-shadow: var(--m-shadow-menu);
}
:root[data-ui="modules"] .nt-more.open .nt-pop { display: block; animation: unmod-pop .16s var(--ease); transform-origin: top left; }
:root[data-ui="modules"][dir="ltr"] .nt-more.open .nt-pop { transform-origin: top right; }
:root[data-ui="modules"] .nt-popg { display: none; }
:root[data-ui="modules"] .nt-popg + .nt-popg { border-top: 1px solid var(--m-rule2); margin-top: 4px; padding-top: 4px; }
:root[data-ui="modules"] .nt-popcap { padding: 6px 10px 2px; font-size: 12px; font-weight: 700; color: var(--m-ink3); }
:root[data-ui="modules"] .nt-popi {
display: flex; align-items: center; gap: 8px; width: 100%; min-height: 36px; padding: 0 10px;
border: 0; border-radius: 2px; background: none; color: var(--m-ink); font: inherit; font-size: 13px; font-weight: 500; text-align: start;
}
:root[data-ui="modules"] .nt-popi:hover { background: var(--m-sunk); }
:root[data-ui="modules"] .nt-popi.on { background: var(--m-copper-tint); font-weight: 700; }
:root[data-ui="modules"] .nt-popi .ad-ic { background: none; padding: 0; width: 16px; height: 16px; color: var(--m-ink3); }
:root[data-ui="modules"] .nt-popi.on .ad-ic { color: var(--m-copper); }
:root[data-ui="modules"] .nt-popi .nav-cnt { margin-inline-start: auto; }
@keyframes unmod-pop { from { opacity: 0; transform: scale(.97); } }
/* الشريط السفلي والدرج للهاتف — مخفيّان على الشاشات الأعرض */
:root[data-ui="modules"] #navBottom { display: none; }
/* ---------- 5) اللوحة: شبكة 12 عموداً بفجوة 8px ---------- */
:root[data-ui="modules"] #main.container {
max-width: none; margin: 0; padding: 0 16px 24px;
display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 8px; align-content: start;
}
:root[data-ui="modules"] #main.container > * { grid-column: 1 / -1; min-width: 0; margin-top: 0; margin-bottom: 0; }
:root[data-ui="modules"] #main.container > .btn { justify-self: start; }
/* وحدتان بلسانين متتاليتان: الرسم 8 أعمدة والتوزيع 4 */
:root[data-ui="modules"] #main.container > .un-tabmod:has(+ .un-tabmod) { grid-column: span 8; }
:root[data-ui="modules"] #main.container > .un-tabmod + .un-tabmod { grid-column: span 4; }
:root[data-ui="modules"] .ad-g2 { gap: 8px; }
:root[data-ui="modules"] .ad-g2 > .ad-sec { margin: 0; }
/* ---------- 6) شريط الحالة: عنوان الصفحة وأدواتها ثم شريط الدورات ---------- */
:root[data-ui="modules"] #main > .page-head {
margin: 0 -16px; padding: 6px 16px; min-height: 48px; gap: 8px; row-gap: 6px;
background: var(--m-ground); border-bottom: 1px solid var(--m-rule);
}
:root[data-ui="modules"] .page-head h2 { font-size: 18px; font-weight: 800; color: var(--m-ink); gap: 8px; margin-inline-end: 6px; line-height: 1.3; }
:root[data-ui="modules"] .page-head h2 .ad-ic.lg { width: 30px; height: 30px; padding: 6px; border-radius: 3px; vertical-align: 0; }
:root[data-ui="modules"] #main > .page-head:has(+ .ad-cycles-wrap) { border-bottom: 0; }
:root[data-ui="modules"] #main > .ad-cycles-wrap {
margin: -8px -16px 0; padding: 0 16px 6px; background: var(--m-ground); border-bottom: 1px solid var(--m-rule);
}
:root[data-ui="modules"] .ad-cybar { margin: 0; gap: 0; row-gap: 4px; min-height: 32px; }
:root[data-ui="modules"] .ad-cybar > .btn { margin-inline-end: 12px; }
:root[data-ui="modules"] .ad-cybar > .btn-primary {
background: var(--m-mod); border-color: var(--m-rule); color: var(--m-ink); height: 32px; min-height: 32px;
}
:root[data-ui="modules"] .ad-cybar > .btn-primary:hover { background: var(--m-mod); border-color: var(--m-rule-strong); color: var(--m-ink); }
:root[data-ui="modules"] .ad-cybar > .btn-primary svg.ic { color: var(--m-ink3); }
:root[data-ui="modules"] .ad-cybar > .ad-badge {
height: 20px; min-height: 20px; padding: 0 12px; border-radius: 0; background: none;
border-inline-start: 1px solid var(--m-rule); color: var(--m-ink2); font-size: 13px; font-weight: 500;
}
:root[data-ui="modules"] .ad-cybar > .ad-badge.b-acc { color: var(--m-ink); font-weight: 700; }
:root[data-ui="modules"] .ad-cybar > .ad-badge svg.ic { color: var(--m-ink3); }
/* ---------- 7) الوحدة: إطار شعري + لسان نحاسي على حافتها العليا ---------- */
:root[data-ui="modules"] .ad-sec {
margin: 0; display: flex; flex-direction: column; min-width: 0;
background: var(--m-mod); border: 1px solid var(--m-rule); border-radius: 2px;
transition: border-color .12s ease;
}
:root[data-ui="modules"] .ad-sec:hover, :root[data-ui="modules"] .ad-sec:focus-within { border-color: var(--m-rule-strong); }
:root[data-ui="modules"] .ad-sec > .sec-head {
display: flex; align-items: stretch; flex-wrap: nowrap; gap: 6px;
min-height: 33px; margin: 0; padding: 0; padding-inline-end: 4px;
border-bottom: 1px solid var(--m-rule); flex: none; min-width: 0;
}
:root[data-ui="modules"] .ad-sec > .sec-head > h3,
:root[data-ui="modules"] .modal > header > h3 {
display: flex; align-items: center; gap: 6px; flex: none;
height: 34px; margin: -1px 0 0; margin-inline-start: -1px; padding: 0 12px;
background: var(--m-tab); color: var(--m-tab-ink); border-radius: 0;
font-size: 13px; font-weight: 700; line-height: 1; white-space: nowrap; max-width: 70%; overflow: hidden; text-overflow: ellipsis;
}
:root[data-ui="modules"] .ad-sec > .sec-head > h3 .ad-ic,
:root[data-ui="modules"] .un-tab .ad-ic,
:root[data-ui="modules"] .modal > header > h3 .ad-ic {
width: 16px; height: 16px; padding: 0; background: none; color: currentColor; border-radius: 0; vertical-align: 0;
}
:root[data-ui="modules"] .ad-sec > .sec-head > h3 svg.ic, :root[data-ui="modules"] .modal > header > h3 > svg.ic { width: 15px; height: 15px; }
:root[data-ui="modules"] .ad-sec > .sec-head > :not(h3) { align-self: center; }
:root[data-ui="modules"] .ad-sec > .sec-head > .spacer { flex: 1; }
/* أدوات الوحدة في نهاية ترويستها */
:root[data-ui="modules"] .ad-sec > .sec-head .btn {
height: 26px; min-height: 26px; padding: 0 8px; margin: 0; gap: 5px;
border: 1px solid transparent; border-radius: 2px; background: none;
color: var(--m-ink2); font-size: 13px; font-weight: 600;
}
:root[data-ui="modules"] .ad-sec > .sec-head .btn:hover { border-color: var(--m-rule); background: var(--m-sunk); color: var(--m-ink); }
:root[data-ui="modules"] .ad-sec > .sec-head .btn svg.ic { width: 15px; height: 15px; }
:root[data-ui="modules"] .ad-sec > .sec-head .btn-primary { background: var(--m-tab); border-color: var(--m-tab); color: #fff; }
:root[data-ui="modules"] .ad-sec > .sec-head .btn-primary:hover { background: var(--m-tab-hover); border-color: var(--m-tab-hover); color: #fff; }
:root[data-ui="modules"] .ad-sec > .sec-head > .ad-badge { background: none; color: var(--m-ink3); font-weight: 500; padding: 0 6px; }
:root[data-ui="modules"] .ad-sec > .sec-head .ad-range-btn { margin-inline-start: auto; }
:root[data-ui="modules"] .ad-sec-body {
flex: 1; min-width: 0; padding: 12px;
background: none; border: 0; border-radius: 0; box-shadow: none;
}
/* الجدول يملأ الوحدة حتى حوافّها */
:root[data-ui="modules"] .ad-sec-body:has(> .tblwrap:only-child),
:root[data-ui="modules"] .ad-sec-body:has(> table.tbl:only-child),
:root[data-ui="modules"] .ad-sec-body:has(> div:only-child > table.tbl:only-child) { padding: 0; }
:root[data-ui="modules"] .ad-sec-body > table.tbl, :root[data-ui="modules"] .ad-sec-body > .tblwrap { margin: 0; width: 100%; }
:root[data-ui="modules"] .ad-sec-body > div:has(> table.tbl:only-child) { overflow-x: auto; max-width: 100%; }
/* ---------- 8) «ألسنة الوحدات»: لسان لكل عرض يبدّل المحتوى في مكانه ---------- */
:root[data-ui="modules"] .un-tabmod { position: relative; }
:root[data-ui="modules"] .un-tabs {
display: flex; align-items: stretch; min-height: 33px; flex: none;
border-bottom: 1px solid var(--m-rule); min-width: 0;
}
:root[data-ui="modules"] .un-tab {
display: flex; align-items: center; gap: 6px; height: 34px; margin: -1px 0 0; padding: 0 12px;
border: 1px solid var(--m-rule); border-inline-start-width: 0; border-radius: 0;
background: var(--m-sunk); color: var(--m-ink2); font: inherit; font-size: 13px; font-weight: 700; white-space: nowrap;
transition: color .12s ease;
}
:root[data-ui="modules"] .un-tab:first-child { margin-inline-start: -1px; border-inline-start-width: 1px; }
:root[data-ui="modules"] .un-tab:hover { color: var(--m-ink); }
:root[data-ui="modules"] .un-tab.on { background: var(--m-tab); border-color: var(--m-tab); color: var(--m-tab-ink); }
:root[data-ui="modules"] .un-panes { display: grid; flex: 1; min-width: 0; }
:root[data-ui="modules"] .ad-sec.un-pane {
grid-area: 1 / 1; border: 0; border-radius: 0; background: none; min-width: 0;
transition: opacity .15s ease;
}
:root[data-ui="modules"] .ad-sec.un-pane:not(.on) { visibility: hidden; opacity: 0; pointer-events: none; }
:root[data-ui="modules"] .ad-sec.un-pane > .sec-head {
position: absolute; top: 0; inset-inline-end: 0; max-width: 58%;
min-height: 33px; height: 33px; border-bottom: 0; padding-inline-start: 8px;
}
:root[data-ui="modules"] .ad-sec.un-pane > .sec-head > h3 { display: none; }
:root[data-ui="modules"] .ad-sec.un-pane > .sec-head > .ad-badge { overflow: hidden; text-overflow: ellipsis; }
/* ---------- 9) الهيرو: المؤشر الحاكم + خلايا المؤشرات ---------- */
:root[data-ui="modules"] .ad-hero {
display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 8px; align-items: stretch;
margin: 0; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none;
}
:root[data-ui="modules"] .ad-hero-ring,
:root[data-ui="modules"] .ad-hero-main {
position: relative; min-width: 0; width: auto;
background: var(--m-mod); border: 1px solid var(--m-rule); border-radius: 2px;
transition: border-color .12s ease;
}
:root[data-ui="modules"] .ad-hero-ring:hover, :root[data-ui="modules"] .ad-hero-main:hover { border-color: var(--m-rule-strong); }
:root[data-ui="modules"] .ad-hero-ring::before,
:root[data-ui="modules"] .ad-hero-main::before {
content: ""; position: absolute; top: 0; left: 0; right: 0; height: 33px; border-bottom: 1px solid var(--m-rule); pointer-events: none;
}
:root[data-ui="modules"] .ad-hero-ring { display: block; place-items: normal; justify-items: normal; padding: 45px 12px 12px; }
/* المؤشر الحاكم */
:root[data-ui="modules"] .un-gov.modules { display: flex; flex-direction: column; gap: 10px; }
:root[data-ui="modules"] .un-gov-num { display: flex; flex-direction: column; gap: 6px; }
:root[data-ui="modules"] .ad-hero-ring .un-gov .un-cap {
position: absolute; top: -1px; inset-inline-start: -1px; z-index: 1;
display: flex; align-items: center; height: 34px; padding: 0 12px;
background: var(--m-tab); color: var(--m-tab-ink); font-size: 13px; font-weight: 700; white-space: nowrap;
}
:root[data-ui="modules"] .un-gov .un-cap { font-size: 13px; font-weight: 700; color: var(--m-ink2); }
:root[data-ui="modules"] .un-big {
font-family: var(--font-num); font-size: 40px; font-weight: 800; line-height: 1; letter-spacing: 0;
color: var(--m-copper) !important; font-variant-numeric: tabular-nums;
}
:root[data-ui="modules"] .un-big small { font-size: 20px; font-weight: 700; margin-inline-start: 2px; }
:root[data-ui="modules"] .un-sub { font-size: 14px; font-weight: 500; color: var(--m-ink); line-height: 1.5; }
/* المقياس: شريط واحد بعلامتَي العتبتين مكتوبتين */
:root[data-ui="modules"] .un-meter { position: relative; padding: 20px 0 0; }
:root[data-ui="modules"] .un-mtrack {
position: relative; height: 12px; background: var(--m-sunk); border: 1px solid var(--m-rule); border-radius: 1px;
}
:root[data-ui="modules"] .un-mtrack > i {
position: absolute; top: 0; bottom: 0; inset-inline-start: 0; display: block; max-width: 100%;
background: var(--m-copper) !important; transform-origin: right center;
}
:root[data-ui="modules"][dir="ltr"] .un-mtrack > i { transform-origin: left center; }
:root[data-ui="modules"] .un-mtrack > s {
position: absolute; top: -5px; bottom: -5px; width: 0; inset-inline-start: var(--m);
border-inline-start: 2px solid var(--m-ink); text-decoration: none;
}
:root[data-ui="modules"] .un-mtrack > s.mk0 { border-color: var(--m-amber-line); }
:root[data-ui="modules"] .un-mtrack > s.mk1 { border-color: var(--m-verm); }
:root[data-ui="modules"] .un-mtrack > s em {
position: absolute; bottom: calc(100% + 1px); inset-inline-start: -1px; transform: translateX(50%);
font-style: normal; font-size: 12px; font-weight: 700; line-height: 14px; white-space: nowrap;
}
:root[data-ui="modules"][dir="ltr"] .un-mtrack > s em { transform: translateX(-50%); }
:root[data-ui="modules"] .un-mtrack > s.mk0 em { color: var(--m-amber); }
:root[data-ui="modules"] .un-mtrack > s.mk1 em { color: var(--m-verm); }
:root[data-ui="modules"] .un-mscale { display: flex; justify-content: space-between; margin-top: 4px; font-size: 12px; line-height: 14px; color: var(--m-ink3); font-family: var(--font-num); }
/* اللوح الأيسر: عنوان الدورة لساناً + الحالة ثم خلايا المؤشرات */
:root[data-ui="modules"] .ad-hero-main {
display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: start; justify-content: stretch;
}
:root[data-ui="modules"] .ad-hero-t {
position: relative; z-index: 1; display: flex; align-items: center; height: 34px; margin: -1px 0 0; margin-inline-start: -1px; padding: 0 12px;
background: var(--m-tab); color: var(--m-tab-ink); font-size: 13px; font-weight: 700; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
}
:root[data-ui="modules"] .ad-hero-s {
display: flex; align-items: center; gap: 6px; min-height: 33px; margin: 0; padding: 0 10px;
font-size: 13px; color: var(--m-ink3); overflow: hidden;
}
:root[data-ui="modules"] .ad-hero-main > :not(.ad-hero-t):not(.ad-hero-s) { grid-column: 1 / -1; }
:root[data-ui="modules"] .ad-hero-btns { margin: 0; padding: 8px 12px 12px; border-top: 1px solid var(--m-rule2); }
/* خلايا المؤشرات: مقسومة بخطوط شعرية */
:root[data-ui="modules"] .ad-mini {
display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 0; overflow: hidden; align-items: stretch;
}
:root[data-ui="modules"] .ad-mini:has(> .ad-m:nth-child(8)) { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
:root[data-ui="modules"] .ad-m {
display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
min-height: 0; padding: 12px; margin-top: -1px; margin-inline-start: -1px;
background: none; border: 0; border-radius: 0;
border-top: 1px solid var(--m-rule2); border-inline-start: 1px solid var(--m-rule2);
transform: none; box-shadow: none; transition: background-color .12s ease;
}
:root[data-ui="modules"] .ad-m:hover { transform: none; box-shadow: none; background: var(--m-sunk); border-color: var(--m-rule2); }
:root[data-ui="modules"] .ad-m > .ad-ic { width: 32px; height: 32px; padding: 7px; }
:root[data-ui="modules"] .ad-m-t { display: flex; flex-direction: column; gap: 6px; flex: 1; width: 100%; }
:root[data-ui="modules"] .ad-m .l {
font-size: 13px; font-weight: 500; color: var(--m-ink2); line-height: 1.35; min-height: 35px;
-webkit-line-clamp: 2; overflow: hidden;
}
:root[data-ui="modules"] .ad-m .v {
font-family: var(--font-num); font-size: 20px; font-weight: 800; line-height: 1.1; letter-spacing: 0; color: var(--m-ink);
margin-top: auto;
}
:root[data-ui="modules"] .ad-m .v small { font-family: var(--font-ar); font-size: 13px; font-weight: 600; color: var(--m-ink3); }
/* ---------- 10) الصناديق: على مقياس واحد 0–100% ---------- */
:root[data-ui="modules"] .ad-funds { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0; overflow: hidden; margin: -12px; }
:root[data-ui="modules"] .ad-fund {
display: flex; flex-direction: column; gap: 6px; padding: 12px;
margin-top: -1px; margin-inline-start: -1px;
background: none; border: 0; border-radius: 0; box-shadow: none;
border-top: 1px solid var(--m-rule2); border-inline-start: 1px solid var(--m-rule2);
}
:root[data-ui="modules"] .ad-fund.neg { background: var(--m-verm-tint); }
:root[data-ui="modules"] .ad-fund .h { font-size: 13px; font-weight: 700; color: var(--m-ink); gap: 6px; }
:root[data-ui="modules"] .ad-fund .h .ad-ic { width: 26px; height: 26px; }
:root[data-ui="modules"] .ad-fund .h .ad-badge {
background: none; border: 1px solid var(--m-rule); color: var(--m-ink3); border-radius: 2px; padding: 0 6px; height: 20px; min-height: 20px;
font-family: var(--font-latin); font-size: 12px;
}
:root[data-ui="modules"] .ad-fund .v { font-family: var(--font-num); font-size: 20px; font-weight: 800; line-height: 1.15; letter-spacing: 0; color: var(--m-ink); margin: 2px 0 0; }
:root[data-ui="modules"] .ad-fund .v small { font-size: 13px; font-weight: 600; color: var(--m-ink3); }
:root[data-ui="modules"] .ad-fund .cap { font-size: 13px; color: var(--m-ink3); margin: 0; }
:root[data-ui="modules"] .ad-fund .s { font-size: 13px; color: var(--m-ink2); line-height: 1.6; }
:root[data-ui="modules"] .ad-fund .s b { color: var(--m-ink); }
:root[data-ui="modules"] .ad-fund .tr { height: 8px; border-radius: 1px; background: var(--m-sunk); }
:root[data-ui="modules"] .ad-fund .tr i { border-radius: 0; }
:root[data-ui="modules"] .ad-fund .un-meter { padding-top: 18px; margin: 2px 0; }
:root[data-ui="modules"] .ad-fund .un-mtrack { height: 8px; }
:root[data-ui="modules"] .ad-fund .un-mtrack > i { background: var(--m-s-ink) !important; }
:root[data-ui="modules"] .ad-fund-fx { margin-top: 2px; padding-top: 8px; border-top: 1px dashed var(--m-rule); }
/* ---------- 11) قوائم التوزيع: صفّ واحد لكل بند على مقياس مشترك ---------- */
:root[data-ui="modules"] .ad-dist { display: flex; flex-direction: column; gap: 0; }
:root[data-ui="modules"] .ad-dist-row {
display: grid; grid-template-columns: minmax(0, 1fr) 96px; gap: 10px; align-items: center;
min-height: 34px; border-bottom: 1px solid var(--m-rule2);
}
:root[data-ui="modules"] .ad-dist-row:last-child { border-bottom: 0; }
:root[data-ui="modules"] .ad-dist-row > div:first-child { display: grid; grid-template-columns: minmax(0, 42%) minmax(0, 1fr); gap: 10px; align-items: center; min-width: 0; }
:root[data-ui="modules"] .ad-dist-n { font-size: 13px; font-weight: 600; color: var(--m-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:root[data-ui="modules"] .ad-dist-tr { height: 10px; margin: 0; background: var(--m-sunk); border-radius: 0; }
:root[data-ui="modules"] .ad-dist-tr i { background: var(--m-s-steel); border-radius: 0; }
:root[data-ui="modules"] .ad-dist-v { font-family: var(--font-num); font-size: 13px; font-weight: 700; text-align: center; color: var(--m-ink); white-space: nowrap; }
/* ---------- 12) الرسوم (ApexCharts + رسوم SVG الداخلية) ---------- */
:root[data-ui="modules"] .ad-sec-body > .ad-chart, :root[data-ui="modules"] .ad-sec-body > div > .ad-chart { margin: 0; }
:root[data-ui="modules"] .apexcharts-gridline { stroke: var(--m-grid); }
:root[data-ui="modules"] .apexcharts-xaxis-label, :root[data-ui="modules"] .apexcharts-yaxis-label { fill: var(--m-ink3); font-size: 12px; }
:root[data-ui="modules"] .ui35-apex .apexcharts-text { font-family: var(--font-latin) !important; }
/* السلسلة الرئيسية فحمية والأعمدة فولاذية — النحاسي للمؤشر الحاكم وحده */
:root[data-ui="modules"] .apexcharts-area-series path.apexcharts-area[fill="none"],
:root[data-ui="modules"] .apexcharts-line-series path.apexcharts-line { stroke: var(--m-s-ink); stroke-width: 2px; }
:root[data-ui="modules"] .apexcharts-area-series path.apexcharts-area:not([fill="none"]) { fill: var(--m-s-area); }
:root[data-ui="modules"] .apexcharts-area-series .apexcharts-marker,
:root[data-ui="modules"] .apexcharts-line-series .apexcharts-marker { fill: var(--m-mod); stroke: var(--m-s-ink); stroke-width: 2px; }
:root[data-ui="modules"] path.apexcharts-bar-area { stroke: none; }
:root[data-ui="modules"] path.apexcharts-bar-area[fill^="rgba(184,96,60"],
:root[data-ui="modules"] path.apexcharts-bar-area[fill^="rgba(210,124,87"],
:root[data-ui="modules"] path.apexcharts-bar-area[fill^="#b8603c" i],
:root[data-ui="modules"] path.apexcharts-bar-area[fill^="#d27c57" i] { fill: var(--m-s-steel); }
:root[data-ui="modules"] .ui35-apex .apexcharts-tooltip,
:root[data-ui="modules"] .ui35-apex .apexcharts-tooltip.apexcharts-theme-light {
background: var(--m-mod) !important; color: var(--m-ink) !important; border: 1px solid var(--m-rule-strong) !important;
border-radius: 2px !important; box-shadow: var(--m-shadow-menu) !important; font-family: var(--font-ar) !important;
}
:root[data-ui="modules"] .ui35-apex .apexcharts-tooltip-title {
background: var(--m-sunk) !important; border-bottom: 1px solid var(--m-rule) !important; color: var(--m-ink) !important; font-weight: 700;
}
:root[data-ui="modules"] .apexcharts-xaxistooltip, :root[data-ui="modules"] .apexcharts-yaxistooltip {
background: var(--m-ink); color: var(--m-mod); border: 0; border-radius: 2px;
}
:root[data-ui="modules"] .apexcharts-legend-text { color: var(--m-ink2) !important; font-family: var(--font-ar) !important; font-size: 13px !important; }
:root[data-ui="modules"] .ad-chart svg text { font-family: var(--font-latin); }
/* ---------- 13) الجداول: كل خلية في الوسط · تناوب خفيف · إجمالي مميّز ---------- */
:root[data-ui="modules"] .tblwrap { position: relative; }
:root[data-ui="modules"] .tbl-tools {
display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 12px;
border-bottom: 1px solid var(--m-rule2);
}
:root[data-ui="modules"] .ad-sec-body > .tblwrap > .tbl-tools { padding: 8px 12px; }
:root[data-ui="modules"] .tbl-search-w {
flex: 0 1 260px; max-width: 100%; height: 32px; padding: 0 10px; gap: 6px;
border: 1px solid var(--m-rule); border-radius: 3px; background: var(--m-mod); color: var(--m-ink3); box-shadow: none;
}
:root[data-ui="modules"] .tbl-search-w:focus-within { border-color: var(--m-focus); box-shadow: none; }
:root[data-ui="modules"] .tbl-search-w svg.ic { width: 15px; height: 15px; }
:root[data-ui="modules"] .tbl-search { padding: 0; height: 30px; font-size: 13px; color: var(--m-ink); }
:root[data-ui="modules"] .tbl-search::placeholder { color: var(--m-ink3); }
:root[data-ui="modules"] .tbl-gear, :root[data-ui="modules"] .tbl-gear.inline {
width: 32px; height: 32px; border: 1px solid var(--m-rule); border-radius: 3px; background: var(--m-mod); color: var(--m-ink2);
}
:root[data-ui="modules"] .tbl-gear:hover { border-color: var(--m-rule-strong); color: var(--m-ink); background: var(--m-mod); }
:root[data-ui="modules"] .tbl-count { background: none; color: var(--m-ink3); font-size: 13px; font-weight: 500; }
:root[data-ui="modules"] .tbl-clear { height: 32px; min-height: 32px; font-size: 13px; }
:root[data-ui="modules"] .ad-tscroll { overflow: auto; max-width: 100%; }
:root[data-ui="modules"] table.tbl {
width: 100%; border-collapse: collapse; background: var(--m-mod);
border-radius: 0; box-shadow: none; overflow: visible; font-size: 13px;
}
:root[data-ui="modules"] table.tbl th, :root[data-ui="modules"] table.tbl td {
text-align: center; vertical-align: middle; height: 36px; padding: 4px 8px;
border-bottom: 1px solid var(--m-rule2); font-size: 13px; line-height: 1.4; color: var(--m-ink);
}
:root[data-ui="modules"] table.tbl thead th, :root[data-ui="modules"] table.tbl > tr:first-child > th {
background: var(--m-sunk); color: var(--m-ink2); font-weight: 700; letter-spacing: 0;
border-bottom: 1px solid var(--m-rule); white-space: nowrap;
}
:root[data-ui="modules"][data-theme="dark"] table.tbl th { color: var(--m-ink2); }
:root[data-ui="modules"] .tbl.tbl-sepa thead th { background: var(--m-sunk); box-shadow: inset 0 -1px 0 var(--m-rule); }
:root[data-ui="modules"] .th-in { justify-content: center; gap: 4px; }
:root[data-ui="modules"] .th-lab { flex: 0 1 auto; }
:root[data-ui="modules"] .th-sortable:hover { color: var(--m-ink); }
:root[data-ui="modules"] .th-sort-ar { color: var(--m-copper); font-size: 11px; }
:root[data-ui="modules"] table.tbl th.th-sorted .th-lab { color: var(--m-ink); }
:root[data-ui="modules"] .th-filter {
display: inline-grid; place-items: center; width: 22px; height: 22px; padding: 0;
border-radius: 2px; color: var(--m-ink3); opacity: 1;
}
:root[data-ui="modules"] .th-filter svg.ic { width: 13px; height: 13px; }
:root[data-ui="modules"] .th-filter:hover { background: var(--m-mod); color: var(--m-ink); }
:root[data-ui="modules"] .th-filter.on { background: var(--m-copper-tint); color: var(--m-tab); }
:root[data-ui="modules"] table.tbl tbody tr:not(.tbl-total):nth-child(even) > td,
:root[data-ui="modules"][data-theme="dark"] table.tbl tbody tr:not(.tbl-total):nth-child(even) > td { background: var(--m-zebra); }
:root[data-ui="modules"] table.tbl tbody tr:not(.tbl-total):nth-child(odd) > td { background: var(--m-mod); }
:root[data-ui="modules"] table.tbl tbody tr:not(.tbl-total):hover > td { background: var(--m-sunk); }
:root[data-ui="modules"] table.tbl tbody tr:last-child > td { border-bottom: 1px solid var(--m-rule2); }
:root[data-ui="modules"] table.tbl tr.tbl-total > td, :root[data-ui="modules"] table.tbl tfoot tr > td {
height: 40px; background: var(--m-sunk); color: var(--m-ink); font-weight: 800;
border-top: 2px solid var(--m-ink); border-bottom: 0;
}
:root[data-ui="modules"] .tbl.tbl-sepa .tbl-total td { box-shadow: inset 0 2px 0 var(--m-ink); border-top: 0; }
:root[data-ui="modules"] table.tbl td.row-actions > span { display: inline-flex; gap: 4px; }
:root[data-ui="modules"] .mini-btn {
width: 28px; height: 28px; border: 1px solid transparent; border-radius: 2px; background: none; color: var(--m-ink3); opacity: 1;
}
:root[data-ui="modules"] .mini-btn:hover { border-color: var(--m-rule); background: var(--m-mod); color: var(--m-ink); }
:root[data-ui="modules"] .mini-btn[title="حذف"]:hover, :root[data-ui="modules"] .mini-btn[title="Delete"]:hover { color: var(--m-verm); }
/* حالة السطر تتلوّن عرض السطر كلّه — بلا شريط جانبي */
:root[data-ui="modules"] table.tbl tbody tr.row-bad > td, :root[data-ui="modules"] table.tbl tbody tr.bad > td { background: var(--m-verm-tint); }
:root[data-ui="modules"] .tbl-cols th.col-dragover { box-shadow: inset 0 -2px 0 var(--m-copper); }
:root[data-ui="modules"] .empty { color: var(--m-ink3); font-size: 13px; padding: 40px 16px; }
:root[data-ui="modules"] .col-filter-pop {
border: 1px solid var(--m-rule-strong); border-radius: 3px; box-shadow: var(--m-shadow-menu); padding: 8px;
}
:root[data-ui="modules"] .cf-q, :root[data-ui="modules"] .cf-list { border-radius: 3px; }
:root[data-ui="modules"] .cf-row { border-radius: 2px; min-height: 32px; font-size: 13px; }
/* ---------- 14) الشارات · التنبيهات · الأزرار ---------- */
:root[data-ui="modules"] .ad-badge {
min-height: 22px; padding: 2px 8px; gap: 5px; border-radius: 2px;
font-size: 12px; font-weight: 700; line-height: 1.2;
}
:root[data-ui="modules"] .ad-badge.b-good { background: var(--m-green-tint); color: var(--m-green); }
:root[data-ui="modules"] .ad-badge.b-warn { background: var(--m-amber-tint); color: var(--m-amber); }
:root[data-ui="modules"] .ad-badge.b-bad { background: var(--m-verm-tint); color: var(--m-verm); }
:root[data-ui="modules"] .ad-badge.b-mut { background: var(--m-sunk); color: var(--m-ink2); }
:root[data-ui="modules"] .ad-badge.b-acc { background: var(--m-copper-tint); color: var(--m-tab); }
:root[data-ui="modules"][data-theme="dark"] .ad-badge.b-acc { color: var(--m-copper); }
:root[data-ui="modules"] .dchip { border-radius: 2px; font-family: var(--font-latin); }
:root[data-ui="modules"] .ad-alert {
border: 1px solid transparent; border-radius: 2px; padding: 7px 10px; margin-top: 8px;
font-size: 13px; font-weight: 600; background: var(--m-sunk); color: var(--m-ink2);
}
:root[data-ui="modules"] .ad-alert.warn { background: var(--m-amber-tint); color: var(--m-amber); border-color: transparent; }
:root[data-ui="modules"] .ad-alert.bad { background: var(--m-verm-tint); color: var(--m-verm); border-color: transparent; }
:root[data-ui="modules"] .ad-alert.good { background: var(--m-green-tint); color: var(--m-green); border-color: transparent; }
:root[data-ui="modules"] .ad-sec-body > .ad-alert:first-child { margin-top: 0; }
:root[data-ui="modules"] .btn {
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
min-height: 36px; padding: 0 14px; border: 1px solid var(--m-rule); border-radius: 3px;
background: var(--m-mod); color: var(--m-ink); font-size: 13px; font-weight: 700; line-height: 1.2; white-space: nowrap;
box-shadow: none; transform: none;
transition: border-color .12s ease, background-color .12s ease, color .12s ease, transform .12s var(--ease);
}
:root[data-ui="modules"] .btn svg.ic { width: 16px; height: 16px; opacity: 1; }
:root[data-ui="modules"] .btn:hover { border-color: var(--m-rule-strong); color: var(--m-ink); background: var(--m-mod); box-shadow: none; transform: none; }
:root[data-ui="modules"] .btn:active { transform: scale(.97); }
:root[data-ui="modules"] .btn-primary { background: var(--m-tab); border-color: var(--m-tab); color: #fff; box-shadow: none; }
:root[data-ui="modules"] .btn-primary:hover { background: var(--m-tab-hover); border-color: var(--m-tab-hover); color: #fff; box-shadow: none; transform: none; }
:root[data-ui="modules"] .btn-ghost { background: transparent; border-color: transparent; }
:root[data-ui="modules"] .btn-ghost:hover { background: var(--m-sunk); border-color: transparent; color: var(--m-ink); }
:root[data-ui="modules"] .ad-range-btn { font-family: var(--font-latin); }
:root[data-ui="modules"] .ad-range-btn.on { border-color: var(--m-copper-line); background: var(--m-copper-tint); color: var(--m-ink); }
:root[data-ui="modules"] .icon-btn { border-radius: 3px; border-color: var(--m-rule); background: var(--m-mod); color: var(--m-ink2); }
:root[data-ui="modules"] .ad-link { color: var(--m-tab); }
/* ---------- 15) الحقول والقوائم والمقسّمات والمفاتيح ---------- */
:root[data-ui="modules"] .field { margin: 14px 0 0; }
:root[data-ui="modules"] .field label { font-size: 13px; font-weight: 700; color: var(--m-ink2); margin-bottom: 6px; }
:root[data-ui="modules"] .field input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
:root[data-ui="modules"] .field textarea {
min-height: 40px; padding: 8px 12px; border: 1px solid var(--m-rule); border-radius: 3px;
background: var(--m-mod); color: var(--m-ink); font-family: inherit; font-size: 14px; font-weight: 600; box-shadow: none;
}
:root[data-ui="modules"] .field textarea { min-height: 64px; line-height: 1.5; font-weight: 500; resize: vertical; }
:root[data-ui="modules"] .field input:focus, :root[data-ui="modules"] .field textarea:focus { border-color: var(--m-focus); box-shadow: none; background: var(--m-mod); outline: none; }
:root[data-ui="modules"] .field input::placeholder, :root[data-ui="modules"] .field textarea::placeholder { color: var(--m-ink3); font-weight: 500; }
:root[data-ui="modules"] select:not([multiple]):not([size]):not(.company-switch) {
min-height: 40px; padding: 0 12px; padding-inline-end: 34px; border: 1px solid var(--m-rule); border-radius: 3px;
background-color: var(--m-mod); background-image: var(--m-chev); background-size: 14px; background-position: left 11px center;
color: var(--m-ink); font-family: inherit; font-size: 14px; font-weight: 600; box-shadow: none;
}
:root[data-ui="modules"][data-theme="dark"] select:not([multiple]):not([size]):not(.company-switch) { background-image: var(--m-chev); }
:root[data-ui="modules"][dir="ltr"] select:not([multiple]):not([size]):not(.company-switch) { background-position: right 11px center; }
:root[data-ui="modules"] select:not([multiple]):not([size]):not(.company-switch):hover { border-color: var(--m-rule-strong); }
:root[data-ui="modules"] select:focus, :root[data-ui="modules"] select[aria-expanded="true"] { border-color: var(--m-focus) !important; box-shadow: none !important; }
:root[data-ui="modules"] .ad-provlock {
min-height: 40px; border: 1px solid var(--m-rule); border-radius: 3px; background: var(--m-sunk); color: var(--m-ink2);
}
:root[data-ui="modules"] .ad-provlock b { color: var(--m-ink); font-weight: 800; }
:root[data-ui="modules"] .ad-provlock .ad-badge { margin-inline-start: auto; background: none; color: var(--m-ink3); font-weight: 500; font-size: 13px; }
:root[data-ui="modules"] .ad-seg {
display: inline-flex; min-height: 36px; border: 1px solid var(--m-rule); border-radius: 3px; overflow: hidden; background: var(--m-mod);
}
:root[data-ui="modules"] .field .ad-seg { min-height: 40px; }
:root[data-ui="modules"] .ad-seg-b {
display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 1 1 auto;
padding: 0 14px; border: 0; border-radius: 0; background: var(--m-mod); color: var(--m-ink2); font-size: 13px; font-weight: 700;
}
:root[data-ui="modules"] .ad-seg-b + .ad-seg-b { border-inline-start: 1px solid var(--m-rule); }
:root[data-ui="modules"] .ad-seg-b:hover { background: var(--m-sunk); color: var(--m-ink); }
:root[data-ui="modules"] .ad-seg-b.on { background: var(--m-ink); color: var(--m-mod); }
:root[data-ui="modules"] .ad-seg-b i { opacity: .75; }
:root[data-ui="modules"] .switch { width: 40px; height: 22px; border-radius: 3px; background: var(--m-rule-strong); }
:root[data-ui="modules"] .switch .knob { top: 3px; width: 16px; height: 16px; border-radius: 2px; box-shadow: none; }
:root[data-ui="modules"] .switch.on { background: var(--m-tab); }
:root[data-ui="modules"] .switch.on .knob { transform: translateX(-18px); }
:root[data-ui="modules"][dir="ltr"] .switch.on .knob { transform: translateX(18px); }
:root[data-ui="modules"] .switch-row > span { font-size: 13px; color: var(--m-ink2); }
:root[data-ui="modules"] .set-box { border-radius: 2px; }
:root[data-ui="modules"] kbd {
font-family: var(--font-latin); font-size: 12px; font-weight: 700; line-height: 1; padding: 3px 5px;
border: 1px solid var(--m-rule); border-bottom-width: 2px; border-radius: 3px; background: var(--m-kbd); color: var(--m-ink2);
}
/* أسطح الصفحات الأخرى بزوايا الواجهة (كانت مستديرة بقيم ثابتة) */
:root[data-ui="modules"] .ad-mode, :root[data-ui="modules"] .ad-mode-state, :root[data-ui="modules"] .ad-derived,
:root[data-ui="modules"] .ad-ro-band, :root[data-ui="modules"] .ad-login-note, :root[data-ui="modules"] .ad-merge-route,
:root[data-ui="modules"] .rp42-map, :root[data-ui="modules"] .rp42-sec, :root[data-ui="modules"] .rp42-span, :root[data-ui="modules"] .rp42-o,
:root[data-ui="modules"] .ad-car-name, :root[data-ui="modules"] .ad-emp-menu, :root[data-ui="modules"] .ad-emp-newpos,
:root[data-ui="modules"] .ad-att, :root[data-ui="modules"] .apk-link, :root[data-ui="modules"] .co-slot { border-radius: 3px; }
:root[data-ui="modules"] .rp42-chip, :root[data-ui="modules"] .rp42-pb, :root[data-ui="modules"] .ad-emp-chip,
:root[data-ui="modules"] .ad-ro-chip, :root[data-ui="modules"] .ad-merge-co, :root[data-ui="modules"] .ad-gender,
:root[data-ui="modules"] .ad-emp-pos, :root[data-ui="modules"] .ad-emp-alias { border-radius: 2px; }
:root[data-ui="modules"] .ad-mode { border-width: 1px; border-color: var(--m-rule); }
:root[data-ui="modules"] .ad-mode:hover { border-color: var(--m-rule-strong); }
:root[data-ui="modules"] .ad-mode.on { border-color: var(--m-tab); box-shadow: inset 0 0 0 1px var(--m-tab); }
:root[data-ui="modules"] .ad-mode.danger.on { border-color: var(--m-verm); box-shadow: inset 0 0 0 1px var(--m-verm); }
:root[data-ui="modules"] .rp42-o.on, :root[data-ui="modules"] .ad-cyrow:hover { box-shadow: none; }
:root[data-ui="modules"] .ad-cyrow { border-radius: 3px; }
/* ---------- 16) النافذة: لسان نحاسي في ترويستها وتذييل غائر ---------- */
:root[data-ui="modules"] .modal-back { background: var(--scrim); }
:root[data-ui="modules"] .modal {
max-width: 680px; background: var(--m-mod); border: 1px solid var(--m-rule-strong); border-radius: 3px; box-shadow: var(--m-shadow-modal);
}
:root[data-ui="modules"] .modal-wide { max-width: 920px; }
:root[data-ui="modules"] .modal-xwide { max-width: 1180px; }
:root[data-ui="modules"] .modal > header {
display: flex; align-items: stretch; min-height: 40px; padding: 0; gap: 8px;
background: var(--m-mod); border-bottom: 1px solid var(--m-rule);
}
:root[data-ui="modules"] .modal > header > h3 { height: 41px; font-size: 14px; padding: 0 16px; gap: 8px; max-width: 75%; }
:root[data-ui="modules"] .modal > header .m-acts { align-self: center; padding-inline-end: 4px; gap: 4px; }
:root[data-ui="modules"] .modal > header .imp-status { align-self: center; border-radius: 2px; }
:root[data-ui="modules"] .m-act {
width: 32px; height: 32px; border: 1px solid var(--m-rule); border-radius: 3px; background: var(--m-mod); color: var(--m-ink2);
}
:root[data-ui="modules"] .m-act:hover { border-color: var(--m-rule-strong); background: var(--m-sunk); color: var(--m-ink); }
:root[data-ui="modules"] .m-act-primary { background: var(--m-tab); border-color: var(--m-tab); color: #fff; }
:root[data-ui="modules"] .m-act-primary:hover { background: var(--m-tab-hover); border-color: var(--m-tab-hover); color: #fff; }
:root[data-ui="modules"] .modal .body { padding: 16px; }
:root[data-ui="modules"] .modal .body > .field:first-child,
:root[data-ui="modules"] .modal .body > .ad-fgrid:first-child { margin-top: 0; }
:root[data-ui="modules"] .ad-fgrid { gap: 14px 16px; }
:root[data-ui="modules"] .ad-fgrid > .field { margin: 0; }
:root[data-ui="modules"] .modal > footer {
justify-content: flex-start; gap: 8px; padding: 12px 16px; background: var(--m-sunk); border-top: 1px solid var(--m-rule);
}
:root[data-ui="modules"] .modal > footer .btn { min-height: 40px; min-width: 120px; }
:root[data-ui="modules"] .modal > footer .btn-primary { order: -1; }
:root[data-ui="modules"] .more-menu {
border: 1px solid var(--m-rule-strong); border-radius: 3px; box-shadow: var(--m-shadow-menu); padding: 4px; background: var(--m-mod);
}
:root[data-ui="modules"] .more-menu .mm-item { border-radius: 2px; min-height: 44px; font-size: 14px; }
:root[data-ui="modules"] .more-menu .mm-item:hover { background: var(--m-sunk); color: var(--m-ink); }
:root[data-ui="modules"] .ad-toast { border-radius: 3px; border-color: var(--m-rule-strong); box-shadow: var(--m-shadow-menu); }
/* ---------- 17) القائمة المنسدلة المصمّمة (ui-select.js) ---------- */
:root[data-ui="modules"] .uip {
background: var(--m-mod); color: var(--m-ink); border: 1px solid var(--m-rule-strong); border-radius: 3px;
box-shadow: var(--m-shadow-menu); font-family: var(--font-ar);
}
:root[data-ui="modules"] .uip.sheet { border-radius: 3px 3px 0 0; }
:root[data-ui="modules"] .uip-grab { border-radius: 2px; background: var(--m-rule-strong); }
:root[data-ui="modules"] .uip-h { border-bottom-color: var(--m-rule); font-size: 14px; }
:root[data-ui="modules"] .uis-q { min-height: 40px; padding: 0 10px; border-bottom: 1px solid var(--m-rule); color: var(--m-ink3); }
:root[data-ui="modules"] .uip .uis-q input { font-size: 13px; color: var(--m-ink); }
:root[data-ui="modules"] .uis-ls { padding: 4px; }
:root[data-ui="modules"] .uis-g { padding: 8px 10px 4px; font-size: 12px; font-weight: 700; color: var(--m-ink3); }
:root[data-ui="modules"] .uis-o {
min-height: 36px; padding: 6px 10px; gap: 8px; border-inline-start: 0; border-radius: 2px;
font-size: 13px; color: var(--m-ink);
}
:root[data-ui="modules"] .uis-o.hi { background: var(--m-sunk); }
:root[data-ui="modules"] .uis-o.on, :root[data-ui="modules"][data-theme="dark"] .uis-o.on { background: var(--m-copper-tint); color: var(--m-ink); font-weight: 700; }
:root[data-ui="modules"] .uis-o.on::after {
content: ""; flex: none; width: 14px; height: 14px; margin-inline-start: auto; background: var(--m-copper);
-webkit-mask: var(--m-tick) center / contain no-repeat; mask: var(--m-tick) center / contain no-repeat;
}
:root[data-ui="modules"] .uis-o.new { color: var(--m-tab); }
:root[data-ui="modules"][data-theme="dark"] .uis-o.new { color: var(--m-copper); }
:root[data-ui="modules"] .uis-o.new .uis-ic { border-radius: 2px; background: var(--m-copper-tint); }
:root[data-ui="modules"] .uis-o.sep { border-bottom-color: var(--m-rule2); }
:root[data-ui="modules"] .uis-none { color: var(--m-ink3); }
:root[data-ui="modules"] .uip.sheet .uis-o { min-height: 48px; font-size: 14px; }
/* ---------- 18) اختيار الواجهة في ⚙ «المظهر»: ثلاث بطاقات بمعاينة مصغّرة ---------- */
:root[data-ui="modules"] .un-uipick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
:root[data-ui="modules"] .un-uicard {
position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 8px; text-align: start;
background: var(--m-mod); border: 1px solid var(--m-rule); border-radius: 3px; color: var(--m-ink); font: inherit; cursor: pointer;
transition: border-color .12s ease, transform .12s var(--ease);
}
:root[data-ui="modules"] .un-uicard:hover { border-color: var(--m-rule-strong); }
:root[data-ui="modules"] .un-uicard:active { transform: scale(.98); }
:root[data-ui="modules"] .un-uicard.on { border-color: var(--m-tab); box-shadow: inset 0 0 0 1px var(--m-tab); }
:root[data-ui="modules"] .un-uitxt { display: flex; flex-direction: column; gap: 2px; padding: 0 2px; }
:root[data-ui="modules"] .un-uitxt b { font-size: 14px; font-weight: 800; color: var(--m-ink); }
:root[data-ui="modules"] .un-uitxt small { font-size: 12px; line-height: 1.5; color: var(--m-ink3); }
:root[data-ui="modules"] .un-uitick {
position: absolute; top: 12px; inset-inline-end: 12px; display: grid; place-items: center; width: 22px; height: 22px;
border-radius: 2px; background: var(--m-tab); color: #fff;
}
:root[data-ui="modules"] .un-uitick svg.ic { width: 14px; height: 14px; stroke-width: 2.4; }
:root[data-ui="modules"] .un-uithumb {
display: block; position: relative; height: 76px; overflow: hidden; border-radius: 2px; border: 1px solid var(--m-rule2);
}
/* «فسيفساء»: شريط ملكيتي أخضر + لوحات حجرية وقطع نحاسية */
:root[data-ui="modules"] .un-uicard.ui-mosaic .un-uithumb {
background:
linear-gradient(#0E3A2C, #0E3A2C) right top / 18% 100% no-repeat,
repeating-linear-gradient(90deg, #A9552F 0 5px, transparent 5px 7px) left 10px top 14px / 34% 5px no-repeat,
repeating-linear-gradient(90deg, #A9552F 0 5px, transparent 5px 7px) left 10px top 21px / 26% 5px no-repeat,
repeating-linear-gradient(90deg, #D2DBD6 0 5px, transparent 5px 7px) left 10px top 28px / 34% 5px no-repeat,
linear-gradient(#FBFCFB, #FBFCFB) left 6px top 8px / 40% 32px no-repeat,
linear-gradient(#FBFCFB, #FBFCFB) left calc(46% + 2px) top 8px / 30% 32px no-repeat,
linear-gradient(#FBFCFB, #FBFCFB) left 6px top 46px / 72% 24px no-repeat,
#E7ECE9;
}
/* «لوحة الوحدات»: صفّان علويان ووحدات مسطّرة بألسنة نحاسية */
:root[data-ui="modules"] .un-uicard.ui-modules .un-uithumb {
background:
linear-gradient(#1E1C1F, #1E1C1F) right top / 16% 10px no-repeat,
linear-gradient(#B8603C, #B8603C) right 20% top 17px / 9% 2px no-repeat,
linear-gradient(#D8DCE1, #D8DCE1) left top 19px / 100% 1px no-repeat,
linear-gradient(#FFFFFF, #FFFFFF) left top / 100% 19px no-repeat,
linear-gradient(#A9552F, #A9552F) right 6px top 25px / 14% 5px no-repeat,
linear-gradient(#A9552F, #A9552F) right 42% top 25px / 12% 5px no-repeat,
linear-gradient(#A9552F, #A9552F) right 6px top 50px / 14% 5px no-repeat,
linear-gradient(#FFFFFF, #FFFFFF) right 6px top 25px / 33% 21px no-repeat,
linear-gradient(#D8DCE1, #D8DCE1) right 5px top 24px / calc(33% + 2px) 23px no-repeat,
linear-gradient(#FFFFFF, #FFFFFF) right 42% top 25px / 54% 21px no-repeat,
linear-gradient(#D8DCE1, #D8DCE1) right calc(42% - 1px) top 24px / calc(54% + 2px) 23px no-repeat,
linear-gradient(#FFFFFF, #FFFFFF) right 6px top 50px / calc(100% - 12px) 20px no-repeat,
linear-gradient(#D8DCE1, #D8DCE1) right 5px top 49px / calc(100% - 10px) 22px no-repeat,
#F4F5F6;
}
/* «الواجهة السابقة»: شريط فحمي بخيط نحاسي + بطاقات مستديرة وحلقة */
:root[data-ui="modules"] .un-uicard.ui-legacy .un-uithumb {
background:
radial-gradient(circle at 22% 56%, #FFFFFF 0 7px, transparent 7.5px),
radial-gradient(circle at 22% 56%, #B8603C 0 11px, transparent 11.5px),
linear-gradient(#B8603C, #B8603C) left top 13px / 100% 2px no-repeat,
linear-gradient(#1E1C1F, #1E1C1F) left top / 100% 13px no-repeat,
linear-gradient(#FFFFFF, #FFFFFF) left 8px top 22px / 40% 46px no-repeat,
linear-gradient(#FFFFFF, #FFFFFF) right 8px top 22px / 46% 20px no-repeat,
linear-gradient(#FFFFFF, #FFFFFF) right 8px top 48px / 46% 20px no-repeat,
#F6F4F0;
}
/* ---------- 19) الشاشات المتوسطة: انهيار صفّ الصفحات وإعادة رصف اللوحة ---------- */
@media (min-width: 1420px) {
:root[data-ui="modules"] .nt-more { display: none !important; }
}
@media (min-width: 761px) and (max-width: 1419px) {
:root[data-ui="modules"] #navTop .nt-group { flex-direction: row; align-items: stretch; }
:root[data-ui="modules"] .nt-cap { display: none; }
:root[data-ui="modules"] #navTop .nt-group:not(:has(.nt-cap)) .nt-tabs { margin-top: 0; }
:root[data-ui="modules"] #navTop .nt-group + .nt-group { margin-inline-start: 6px; padding-inline-start: 6px; }
:root[data-ui="modules"] .nt-tab { flex-direction: row; gap: 5px; height: 44px; padding: 0 7px; }
:root[data-ui="modules"] .nt-tab .nt-ic { display: none; }
:root[data-ui="modules"] .nt-tab .nav-cnt { position: static; }
:root[data-ui="modules"] .nt-morebtn .nt-ic { display: inline-grid; }
:root[data-ui="modules"] #navTop .nt-group.nt-m1 { display: none; }
:root[data-ui="modules"] .nt-more { display: flex; }
:root[data-ui="modules"] .nt-popg.nt-m1 { display: block; }
}
@media (min-width: 761px) and (max-width: 1339px) {
:root[data-ui="modules"] .nt-tab { padding: 0 5px; }
:root[data-ui="modules"] #navTop .nt-group + .nt-group { margin-inline-start: 3px; padding-inline-start: 3px; }
}
@media (min-width: 761px) and (max-width: 1259px) {
:root[data-ui="modules"] #navTop .nt-group.nt-m2 { display: none; }
:root[data-ui="modules"] .nt-popg.nt-m2 { display: block; }
}
@media (max-width: 1180px) {
:root[data-ui="modules"] .user-chip { display: none; }
:root[data-ui="modules"] .ad-hero { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
:root[data-ui="modules"] .ad-mini { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
:root[data-ui="modules"] #main.container > .un-tabmod:has(+ .un-tabmod),
:root[data-ui="modules"] #main.container > .un-tabmod + .un-tabmod { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
:root[data-ui="modules"] .ad-hero { grid-template-columns: minmax(0, 1fr); }
}
/* ---------- 20) الهاتف (≤760px): شريط سفلي ودرج ولوحة بعمود واحد ---------- */
@media (max-width: 760px) {
:root[data-ui="modules"] .topbar { height: 56px; min-height: 56px; padding: 0 12px; gap: 6px; flex-wrap: nowrap; }
:root[data-ui="modules"] .topbar .logo { height: 56px; padding: 0 10px; margin-inline-start: -12px; }
:root[data-ui="modules"] .topbar .logo-img { height: 28px; width: 34px; object-fit: cover; object-position: left center; }
:root[data-ui="modules"] .topbar .icon-btn { width: 40px; height: 40px; flex: none; }
:root[data-ui="modules"] .topbar .company-switch { height: 40px; min-height: 40px; flex: 1 1 auto; max-width: none; width: 0; min-width: 60px; font-size: 13px; }
:root[data-ui="modules"] .topbar .spacer { display: none; }
:root[data-ui="modules"] #navTop { display: none; }
/* زرّ ⌄: يكشف أزرار الترويسة المطويّة صفّاً ثانياً تحت الصفّ الأول */
:root[data-ui="modules"] #moreBtn svg.ic { transition: transform .2s var(--ease); }
:root[data-ui="modules"] #appView.more-open #moreBtn { border-color: var(--m-rule-strong); color: var(--m-ink); }
:root[data-ui="modules"] #appView.more-open #moreBtn svg.ic { transform: rotate(180deg); }
:root[data-ui="modules"] #appView.more-open > .topbar { flex-wrap: wrap; height: auto; row-gap: 8px; padding-bottom: 8px; }
:root[data-ui="modules"] #appView.more-open > .topbar #langBtn,
:root[data-ui="modules"] #appView.more-open > .topbar #dirBtn,
:root[data-ui="modules"] #appView.more-open > .topbar #apkBtn:not(.hidden),
:root[data-ui="modules"] #appView.more-open > .topbar #adminBtn,
:root[data-ui="modules"] #appView.more-open > .topbar #profileBtn { display: inline-grid !important; order: 10; }
:root[data-ui="modules"] #appView.more-open > .topbar::after { content: ""; order: 9; flex: 0 0 100%; height: 0; }
:root[data-ui="modules"] #appView.more-open > .topbar .user-chip { display: flex !important; order: 11; margin-inline-start: auto; }
:root[data-ui="modules"] #navBottom {
display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
background: var(--m-mod); border-top: 1px solid var(--m-rule-strong); padding-bottom: env(safe-area-inset-bottom, 0px);
}
:root[data-ui="modules"] .nb-i {
position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
min-height: 60px; padding: 6px 2px; border: 0; background: none; color: var(--m-ink2);
font: inherit; font-size: 13px; font-weight: 700; white-space: nowrap; min-width: 0;
}
:root[data-ui="modules"] .nb-ic { position: relative; display: inline-flex; }
:root[data-ui="modules"] .nb-ic svg.ic { width: 20px; height: 20px; color: var(--m-ink3); }
:root[data-ui="modules"] .nb-ic .nav-cnt { position: absolute; top: -6px; inset-inline-end: -12px; }
:root[data-ui="modules"] .nb-l { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
:root[data-ui="modules"] .nb-i.on { color: var(--m-ink); }
:root[data-ui="modules"] .nb-i.on .nb-ic svg.ic { color: var(--m-copper); }
:root[data-ui="modules"] .nb-i.on::before { content: ""; position: absolute; top: -1px; left: 18%; right: 18%; height: 3px; background: var(--m-copper); }
:root[data-ui="modules"] #navDrawer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 90; background: var(--scrim); animation: unmod-fade .2s ease; }
:root[data-ui="modules"] .nd-panel {
position: absolute; top: 0; bottom: 0; inset-inline-start: 0; width: min(320px, 86vw); overflow-y: auto; padding-bottom: 16px;
background: var(--m-mod); border-inline-end: 1px solid var(--m-rule-strong); animation: unmod-drawer .24s var(--ease);
}
:root[data-ui="modules"] .nd-head {
position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between;
height: 56px; padding: 0 12px 0 8px; background: var(--m-mod); border-bottom: 1px solid var(--m-rule);
}
:root[data-ui="modules"] .nd-head b { font-size: 16px; font-weight: 800; padding-inline-start: 6px; }
:root[data-ui="modules"] .nd-head .icon-btn { width: 40px; height: 40px; }
:root[data-ui="modules"] .nd-cap { padding: 12px 16px 4px; font-size: 12px; font-weight: 700; color: var(--m-ink3); }
:root[data-ui="modules"] .nd-i {
display: flex; align-items: center; gap: 10px; width: calc(100% - 16px); min-height: 48px; margin: 0 8px; padding: 0 10px;
border: 0; border-radius: 2px; background: none; color: var(--m-ink2); font: inherit; font-size: 14px; font-weight: 600; text-align: start;
}
:root[data-ui="modules"] .nd-i:hover { background: var(--m-sunk); }
:root[data-ui="modules"] .nd-i.on { background: var(--m-copper-tint); color: var(--m-ink); font-weight: 700; }
:root[data-ui="modules"] .nd-i .ad-ic { width: 18px; height: 18px; padding: 0; background: none; color: var(--m-ink3); }
:root[data-ui="modules"] .nd-i.on .ad-ic { color: var(--m-copper); }
:root[data-ui="modules"] .nd-i .nav-cnt { margin-inline-start: auto; }
:root[data-ui="modules"] #main.container {
grid-template-columns: minmax(0, 1fr); padding: 0 12px calc(80px + env(safe-area-inset-bottom, 0px)); gap: 8px;
}
:root[data-ui="modules"] #main.container > * { grid-column: 1 / -1 !important; }
:root[data-ui="modules"] #main > .page-head { margin: 0 -12px; padding: 8px 12px; }
:root[data-ui="modules"] .page-head h2 { width: 100%; font-size: 18px; }
:root[data-ui="modules"] .page-head .btn { flex: 1 1 auto; min-height: 40px; padding: 0 10px; font-size: 13px; }
:root[data-ui="modules"] .page-head > .spacer { display: none; }
:root[data-ui="modules"] #main > .ad-cycles-wrap { margin: -8px -12px 0; padding: 0 12px 8px; }
:root[data-ui="modules"] .ad-cybar > .btn { width: 100%; min-height: 40px; margin: 0 0 4px; }
:root[data-ui="modules"] .ad-cybar > .ad-badge:first-of-type { border-inline-start: 0; padding-inline-start: 0; }
:root[data-ui="modules"] .ad-sec > .sec-head { flex-wrap: wrap; row-gap: 0; }
:root[data-ui="modules"] .ad-sec > .sec-head > h3 { height: 42px; max-width: 100%; }
:root[data-ui="modules"] .ad-sec > .sec-head .btn { height: 34px; min-height: 34px; }
:root[data-ui="modules"] .un-tabs { min-height: 41px; }
:root[data-ui="modules"] .un-tab { height: 42px; flex: 1 1 auto; justify-content: center; padding: 0 10px; }
:root[data-ui="modules"] .ad-sec.un-pane > .sec-head {
position: static; max-width: none; height: auto; min-height: 36px; padding: 2px 8px; justify-content: flex-end; border-bottom: 1px solid var(--m-rule2);
}
:root[data-ui="modules"] .ad-hero-t { max-width: calc(100vw - 60px); }
:root[data-ui="modules"] .ad-hero-main { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="modules"] .ad-hero-s { padding: 8px 12px; border-bottom: 1px solid var(--m-rule2); }
:root[data-ui="modules"] .ad-mini, :root[data-ui="modules"] .ad-mini:has(> .ad-m:nth-child(8)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:root[data-ui="modules"] .ad-m .l { min-height: 0; }
:root[data-ui="modules"] .ad-funds { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="modules"] .ad-dist-row { min-height: 40px; grid-template-columns: minmax(0, 1fr) 84px; }
:root[data-ui="modules"] .tbl-search-w { flex: 1 1 100%; height: 40px; }
:root[data-ui="modules"] .tbl-search { height: 38px; }
:root[data-ui="modules"] .tbl-gear, :root[data-ui="modules"] .tbl-gear.inline { width: 40px; height: 40px; }
:root[data-ui="modules"] table.tbl th, :root[data-ui="modules"] table.tbl td { height: 44px; }
:root[data-ui="modules"] .mini-btn { width: 40px; height: 40px; }
:root[data-ui="modules"] .th-filter { width: 32px; height: 32px; }
:root[data-ui="modules"] .btn { min-height: 40px; }
:root[data-ui="modules"] .modal > header > h3 { max-width: calc(100% - 90px); }
:root[data-ui="modules"] .m-act { width: 40px; height: 40px; }
:root[data-ui="modules"] .modal .body { padding: 12px; }
:root[data-ui="modules"] .ad-fgrid { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="modules"] .modal > footer { padding: 10px 12px; }
:root[data-ui="modules"] .modal > footer .btn { flex: 1 1 0; min-width: 0; }
:root[data-ui="modules"] .un-uipick { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="modules"] .un-uicard { flex-direction: row; align-items: center; }
:root[data-ui="modules"] .un-uithumb { flex: 0 0 104px; height: 64px; }
}
/* ---------- 21) الحركة: عند الانتقال إلى شاشة فقط · تُلغى مع «تقليل الحركة» ---------- */
@keyframes unmod-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes unmod-fade { from { opacity: 0; } }
@keyframes unmod-drawer { from { transform: translateX(100%); } }
@keyframes unmod-drawer-ltr { from { transform: translateX(-100%); } }
:root[data-ui="modules"][dir="ltr"] .nd-panel { animation-name: unmod-drawer-ltr; }
@media (prefers-reduced-motion: no-preference) {
:root[data-ui="modules"] main.un-play .un-mtrack > i { animation: unmod-grow .7s cubic-bezier(.2, .7, .2, 1) both; }
}
@media (hover: none) {
:root[data-ui="modules"] .ad-m:hover { background: none; }
}
@media (prefers-reduced-motion: reduce) {
:root[data-ui="modules"] .ad-sec.un-pane,
:root[data-ui="modules"] .btn, :root[data-ui="modules"] .un-uicard { transition: none; }
:root[data-ui="modules"] .btn:active, :root[data-ui="modules"] .un-uicard:active { transform: none; }
:root[data-ui="modules"] .nt-more.open .nt-pop,
:root[data-ui="modules"] #navDrawer, :root[data-ui="modules"] .nd-panel { animation: none; }
:root[data-ui="modules"] main .un-mtrack > i { animation: none; }
}
@media print {
:root[data-ui="modules"] #navTop, :root[data-ui="modules"] #navBottom { display: none; }
}
/* ===== الحزمة 51 — صفحات الاستضافة ===== */
/* ---------- 51-1) الرقم الحاكم: «2 / 6» يُقرأ كما يُكتب · رقاقة الفرق بحجمها ---------- */
:root[data-ui="modules"] .un-gov-num > .un-big { align-self: flex-start; direction: ltr; unicode-bidi: isolate; }
:root[data-ui="modules"] .un-gov-num > .un-sub { align-self: flex-start; unicode-bidi: plaintext; }
:root[data-ui="modules"] .ad-m .dchip {
align-self: flex-start; margin: 0; min-height: 20px; padding: 0 6px; border-radius: 2px;
font-family: var(--font-latin); font-size: 12px; font-weight: 700; line-height: 20px;
}
/* ---------- 51-2) بطاقة البيت والفندق: وحدة بلسان نحاسي وأدوات في نهاية الترويسة ---------- */
:root[data-ui="modules"] #main.container > .grid.ad-hgrid,
:root[data-ui="modules"] .ad-sec-body > .grid { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 8px; }
:root[data-ui="modules"] .grid > .card.ad-hcard,
:root[data-ui="modules"] .ad-sec-body > .grid > .card {
position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: center; min-width: 0;
padding: 0 0 6px; border: 1px solid var(--m-rule); border-radius: 2px; box-shadow: none; transform: none;
background: linear-gradient(var(--m-rule), var(--m-rule)) left 0 top 33px / 100% 1px no-repeat, var(--m-mod);
color: var(--m-ink); transition: border-color .12s ease;
}
:root[data-ui="modules"] .grid > .card.ad-hcard:hover,
:root[data-ui="modules"] .grid > .card.ad-hcard:focus-within,
:root[data-ui="modules"] .ad-sec-body > .grid > .card:hover,
:root[data-ui="modules"] .ad-sec-body > .grid > .card:focus-within { border-color: var(--m-rule-strong); box-shadow: none; transform: none; }
:root[data-ui="modules"] .ad-sec-body > .grid > .card { cursor: default; }
:root[data-ui="modules"] .grid > .card.ad-hcard > *,
:root[data-ui="modules"] .ad-sec-body > .grid > .card > * { flex: 0 0 100%; min-width: 0; }
/* اللسان: اسم البيت أو الفندق */
:root[data-ui="modules"] .grid > .card.ad-hcard > h3,
:root[data-ui="modules"] .ad-sec-body > .grid > .card > h3 {
flex: 0 1 auto; max-width: calc(100% - 76px); height: 34px; margin: -1px 0 0; margin-inline-start: -1px; padding: 0 12px;
background: var(--m-tab); color: var(--m-tab-ink); border-radius: 0;
font-size: 13px; font-weight: 700; line-height: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
:root[data-ui="modules"] .grid > .card.ad-hcard > h3 svg.ic, :root[data-ui="modules"] .ad-sec-body > .grid > .card > h3 svg.ic { width: 15px; height: 15px; vertical-align: -3px; color: currentColor; }
:root[data-ui="modules"] .grid > .card.ad-hcard > h3 .ad-stars, :root[data-ui="modules"] .ad-sec-body > .grid > .card > h3 .ad-stars { color: currentColor; letter-spacing: 0; font-size: 12px; }
/* المكان بجانب اللسان (نصّ ميتا الترويسة) */
:root[data-ui="modules"] .grid > .card.ad-hcard > h3 + .meta, :root[data-ui="modules"] .ad-sec-body > .grid > .card > h3 + .meta {
flex: 1 1 0; height: 33px; margin: 0 !important; padding: 0 10px; padding-inline-end: 76px;
font-size: 13px; line-height: 33px; color: var(--m-ink3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
:root[data-ui="modules"] .ad-sec-body > .grid > .card:not(:has(> button.mini-btn)) > h3 + .meta { padding-inline-end: 10px; }
:root[data-ui="modules"] .grid > .card.ad-hcard > h3 + .meta svg.ic, :root[data-ui="modules"] .ad-sec-body > .grid > .card > h3 + .meta svg.ic { width: 14px; height: 14px; vertical-align: -2px; color: var(--m-ink3); }
/* أسطر البطاقة: صفوف كثيفة مسطّرة */
:root[data-ui="modules"] .grid > .card.ad-hcard > .meta:not(h3 + .meta),
:root[data-ui="modules"] .ad-sec-body > .grid > .card > .meta:not(h3 + .meta) {
margin: 0 !important; padding: 6px 12px; border-top: 1px solid var(--m-rule2);
font-size: 13px; line-height: 20px; color: var(--m-ink2);
}
:root[data-ui="modules"] .grid > .card.ad-hcard > .meta b, :root[data-ui="modules"] .ad-sec-body > .grid > .card > .meta b { color: var(--m-ink); font-weight: 700; }
:root[data-ui="modules"] .grid > .card.ad-hcard > .meta svg.ic, :root[data-ui="modules"] .ad-sec-body > .grid > .card > .meta svg.ic { width: 14px; height: 14px; vertical-align: -2px; color: var(--m-ink3); }
:root[data-ui="modules"] .grid > .card.ad-hcard > .meta .ad-badge, :root[data-ui="modules"] .ad-sec-body > .grid > .card > .meta .ad-badge { min-height: 20px; padding: 0 6px; vertical-align: 1px; }
/* أدوات البطاقة (تعديل · حذف) في نهاية الترويسة — تتغلّب على موضعها المضمَّن */
:root[data-ui="modules"] .grid > .card.ad-hcard > button.mini-btn, :root[data-ui="modules"] .ad-sec-body > .grid > .card > button.mini-btn {
position: absolute !important; top: 2px !important; inset-inline-start: auto !important;
width: 28px; height: 28px; color: var(--m-ink2);
}
:root[data-ui="modules"] .grid > .card.ad-hcard > button.mini-btn:nth-of-type(1), :root[data-ui="modules"] .ad-sec-body > .grid > .card > button.mini-btn:nth-of-type(1) { inset-inline-end: 34px !important; }
:root[data-ui="modules"] .grid > .card.ad-hcard > button.mini-btn:nth-of-type(2), :root[data-ui="modules"] .ad-sec-body > .grid > .card > button.mini-btn:nth-of-type(2) { inset-inline-end: 4px !important; }
:root[data-ui="modules"] .grid > .card.ad-hcard > button.mini-btn:nth-of-type(2):hover, :root[data-ui="modules"] .ad-sec-body > .grid > .card > button.mini-btn:nth-of-type(2):hover { color: var(--m-verm); }
/* أسرّة البيت الليلة: خلية لكل سرير والممتلئة مشغولة */
:root[data-ui="modules"] .un-hbeds {
display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 10px 12px 8px;
font-size: 13px; color: var(--m-ink2);
}
:root[data-ui="modules"] .un-cells { display: flex; flex-wrap: wrap; gap: 3px; min-width: 0; }
:root[data-ui="modules"] .un-cells > i {
display: block; width: 14px; height: 12px; border-radius: 1px;
background: var(--m-sunk); border: 1px solid var(--m-rule-strong);
}
:root[data-ui="modules"] .un-cells > i.f { background: var(--m-copper); border-color: var(--m-copper); }
:root[data-ui="modules"] .un-hcap { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px; }
:root[data-ui="modules"] .un-hcap b { font-weight: 800; color: var(--m-ink); }
:root[data-ui="modules"] .un-hcap .ad-badge { min-height: 20px; padding: 0 6px; }
/* الفندق: ثلاث خلايا مؤشّرات مسطّرة ثم صفّ أزرار كتذييل الوحدة */
:root[data-ui="modules"] .ad-sec-body > .grid > .card > .ad-mini {
grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 !important; border-top: 1px solid var(--m-rule2);
}
:root[data-ui="modules"] .ad-sec-body > .grid > .card > .ad-mini .ad-m { padding: 10px; gap: 6px; }
:root[data-ui="modules"] .ad-sec-body > .grid > .card > .ad-mini .ad-m .l { min-height: 0; }
:root[data-ui="modules"] .ad-sec-body > .grid > .card > .ad-btnrow {
margin: 0 !important; padding: 8px 12px 2px; gap: 6px; border-top: 1px solid var(--m-rule2);
}
:root[data-ui="modules"] .ad-sec-body > .grid > .card > .ad-btnrow .btn { min-height: 32px; padding: 0 10px; }
:root[data-ui="modules"] .ad-sec-body > .grid > .empty { grid-column: 1 / -1; }
/* ---------- 51-3) خريطة الغرف والأسرّة: صفّ لكل غرفة وشرائح أسرّة ---------- */
:root[data-ui="modules"] .un-rooms.modules { display: flex; flex-direction: column; }
:root[data-ui="modules"] .un-rooms.modules > .un-room {
display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 8px 12px;
min-height: 44px; padding: 6px 0; border-top: 1px solid var(--m-rule2);
}
:root[data-ui="modules"] .un-rooms.modules > .un-room:first-child { border-top: 0; padding-top: 0; }
:root[data-ui="modules"] .un-room-h { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 13px; color: var(--m-ink2); }
:root[data-ui="modules"] .un-room-h > svg.ic { flex: none; width: 15px; height: 15px; color: var(--m-ink3); }
:root[data-ui="modules"] .un-room-h > b { min-width: 0; font-weight: 700; color: var(--m-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:root[data-ui="modules"] .un-room-n {
flex: none; display: inline-grid; place-items: center; height: 20px; padding: 0 6px;
border: 1px solid var(--m-rule); border-radius: 2px; background: var(--m-sunk);
font-size: 12px; font-weight: 700; color: var(--m-ink2); direction: ltr; unicode-bidi: isolate;
}
:root[data-ui="modules"] .un-room.soft .un-room-h > svg.ic { color: var(--m-amber); }
:root[data-ui="modules"] .un-rooms.modules .un-beds { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
:root[data-ui="modules"] .ad-bed.un-chip {
display: flex; align-items: center; gap: 6px; flex: 0 1 260px; min-width: 200px; height: 32px; margin: 0;
padding: 0 8px; border: 1px solid var(--m-copper-line); border-radius: 2px; background: var(--m-copper-tint);
font-size: 13px; font-weight: 600; color: var(--m-ink); box-shadow: none;
}
:root[data-ui="modules"] .ad-bed.un-chip:has(> .ad-bed-out) { padding-inline-end: 2px; }
:root[data-ui="modules"] .ad-bed.un-chip > svg.ic { flex: none; width: 14px; height: 14px; color: var(--m-copper); }
:root[data-ui="modules"] .ad-bed.un-chip > .who { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:root[data-ui="modules"] .ad-bed.un-chip > .sz {
flex: none; padding: 0; border: 0; border-radius: 0; background: none;
font-family: inherit; font-size: 12px; font-weight: 500; color: var(--m-ink3); white-space: nowrap;
}
:root[data-ui="modules"] .ad-bed.un-chip > .un-ltag { flex: none; font-size: 12px; font-weight: 800; color: var(--m-verm); }
:root[data-ui="modules"] .ad-bed.un-chip > .ad-perm { flex: none; min-height: 20px; padding: 0 6px; gap: 3px; }
:root[data-ui="modules"] .ad-bed.un-chip > .ad-bed-out { flex: none; width: 26px; height: 26px; color: var(--m-ink2); }
:root[data-ui="modules"] .ad-bed.un-chip > .ad-bed-out:hover { border-color: var(--m-rule-strong); background: var(--m-mod); color: var(--m-ink); }
:root[data-ui="modules"] .ad-bed.un-chip.free {
background: transparent; border-style: dashed; border-color: var(--m-rule-strong); color: var(--m-ink3); font-weight: 500;
}
:root[data-ui="modules"] .ad-bed.un-chip.free > svg.ic { color: var(--m-ink3); }
:root[data-ui="modules"] .ad-bed.un-chip.late { background: var(--m-verm-tint); border-color: var(--m-verm); }
:root[data-ui="modules"] .ad-bed.un-chip.late > svg.ic { color: var(--m-verm); }
:root[data-ui="modules"] .ad-bed.un-chip.soft { background: var(--m-amber-tint); border-color: var(--m-amber-line); }
:root[data-ui="modules"] .ad-bed.un-chip.soft > svg.ic { color: var(--m-amber); }
/* المفتاح تحت الخريطة: عيّنة بشكل الشريحة نفسها + كلمتها */
:root[data-ui="modules"] .un-blegend {
display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin-top: 8px; padding-top: 8px;
border-top: 1px solid var(--m-rule2); font-size: 13px; color: var(--m-ink2);
}
:root[data-ui="modules"] .un-blegend > span { display: inline-flex; align-items: center; gap: 6px; }
:root[data-ui="modules"] .un-sw { display: inline-block; flex: none; width: 18px; height: 12px; border-radius: 1px; border: 1px solid; }
:root[data-ui="modules"] .un-sw.busy { background: var(--m-copper-tint); border-color: var(--m-copper-line); }
:root[data-ui="modules"] .un-sw.late { background: var(--m-verm-tint); border-color: var(--m-verm); }
:root[data-ui="modules"] .un-sw.free { background: transparent; border-style: dashed; border-color: var(--m-rule-strong); }
:root[data-ui="modules"] .un-sw.soft { background: var(--m-amber-tint); border-color: var(--m-amber-line); }
:root[data-ui="modules"] .un-bkey { display: none; }
/* ---------- 51-4) حال السطر: الصفّ كلّه يتلوّن · المنتهي باهت ومشطوب الاسم ---------- */
:root[data-ui="modules"] table.tbl tbody tr.un-row-bad:not(.tbl-total):nth-child(n) > td { background: var(--m-verm-tint); }
:root[data-ui="modules"] table.tbl tbody tr.un-row-bad:not(.tbl-total):nth-child(n):hover > td { background: color-mix(in srgb, var(--m-verm) 14%, var(--m-mod)); }
:root[data-ui="modules"] table.tbl tbody tr.un-row-done:not(.tbl-total) > td { color: var(--m-ink3); }
:root[data-ui="modules"] table.tbl tbody tr.un-row-done > td:first-child {
text-decoration: line-through; text-decoration-color: var(--m-ink3); text-decoration-thickness: 1px;
}
:root[data-ui="modules"] table.tbl tbody tr.un-row-done > td:first-child a { color: var(--m-ink3); }
:root[data-ui="modules"] .ad-due-dot { display: none; }
:root[data-ui="modules"] .ad-due-txt { color: var(--m-verm); }
/* ---------- 51-5) كثافة جداول الاستضافة: سطر واحد للخلية والملاحظات وحدها تلتفّ ---------- */
:root[data-ui="modules"] table.tbl:has(> thead th[data-col="checkin"], > thead th[data-col="gender"], > thead th[data-col="key_no"]):not(:has(> thead th[data-col="need"])) > tbody > tr > td { white-space: nowrap; }
:root[data-ui="modules"] table.tbl > tbody > tr > td:has(.ad-gnote),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(1):is([data-col="note"],
[data-col="notes"],
[data-col="purpose"],
[data-col="address"])) > tbody > tr > td:nth-child(1),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(2):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(2),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(3):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(3),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(4):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(4),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(5):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(5),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(6):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(6),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(7):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(7),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(8):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(8),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(9):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(9),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(10):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(10),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(11):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(11),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(12):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(12),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(13):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(13),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(14):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(14),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(15):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(15),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(16):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(16),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(17):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(17),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(18):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(18),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(19):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(19),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(20):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(20),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(21):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(21),
:root[data-ui="modules"] table.tbl:has(> thead > tr > th:nth-child(22):is([data-col="note"],
[data-col="address"])) > tbody > tr > td:nth-child(22) {
white-space: normal; min-width: 140px; line-height: 1.45;
}
:root[data-ui="modules"] table.tbl > tbody > tr > td:has(.ad-gnote) { min-width: 220px; }
:root[data-ui="modules"] table.tbl td .ad-gnote {
margin: 2px; padding: 1px 8px; border-radius: 2px; font-size: 12px; line-height: 18px; white-space: nowrap;
}
:root[data-ui="modules"] table.tbl td .ad-badge + .ad-badge { margin-inline-start: 2px; }
:root[data-ui="modules"] table.tbl td > :is(.ad-badge, .mono) { vertical-align: middle; }
/* ترويسة الجدول: خطّ شعري تحتها لا خيط نحاسي */
:root[data-ui="modules"] table.tbl thead th { box-shadow: inset 0 -1px 0 var(--m-rule); }
:root[data-ui="modules"] table.tbl td .ad-fx-sub { font-size: 12px; color: var(--m-ink3); }
:root[data-ui="modules"] .ad-stars { color: var(--tone-gold); letter-spacing: 0; }
:root[data-ui="modules"] .ad-stars .off { color: var(--m-rule-strong); }
/* شارة حالة في ترويسة الوحدة تبقى نطاقاً ملوّناً بكلمتها */
:root[data-ui="modules"] .ad-sec > .sec-head > .ad-badge:is(.b-warn, .b-bad, .b-good) { min-height: 22px; padding: 0 8px; font-weight: 700; }
:root[data-ui="modules"] .ad-sec > .sec-head > .ad-badge.b-warn { background: var(--m-amber-tint); color: var(--m-amber); }
:root[data-ui="modules"] .ad-sec > .sec-head > .ad-badge.b-bad { background: var(--m-verm-tint); color: var(--m-verm); }
:root[data-ui="modules"] .ad-sec > .sec-head > .ad-badge.b-good { background: var(--m-green-tint); color: var(--m-green); }
/* رابط نموذج الطلب: نطاق غائر وحده في الوحدة */
:root[data-ui="modules"] .ad-sec-body > .ad-alert:only-child { margin: 0; padding: 8px 10px; line-height: 1.7; }
/* ---------- 51-6) نوافذ الاستضافة: صندوق الرحلة ومحرّر الغرف والأسرّة ---------- */
:root[data-ui="modules"] .ad-trip-box {
margin: 6px 0 10px; padding: 2px 12px 10px; border: 1px solid var(--m-rule2);
border-radius: 2px; background: var(--m-sunk);
}
:root[data-ui="modules"] .ad-lrooms { gap: 8px; }
:root[data-ui="modules"] .ad-lr { border: 1px solid var(--m-rule); border-radius: 2px; background: var(--m-mod); box-shadow: none; }
:root[data-ui="modules"] .ad-lr-h { padding: 6px 8px; gap: 6px; background: var(--m-sunk); border-bottom: 1px solid var(--m-rule); }
:root[data-ui="modules"] .ad-lr-b { padding: 8px; gap: 6px; }
:root[data-ui="modules"] .ad-lr-n, :root[data-ui="modules"] .ad-lb-n {
height: 34px; min-height: 34px; margin: 0; padding: 0 10px; border: 1px solid var(--m-rule); border-radius: 3px;
background: var(--m-mod); color: var(--m-ink); font-family: inherit; font-size: 13px; font-weight: 600; box-shadow: none;
}
:root[data-ui="modules"] .ad-lr-n { font-weight: 700; }
:root[data-ui="modules"] .ad-lr-n:focus, :root[data-ui="modules"] .ad-lb-n:focus { border-color: var(--m-focus); outline: none; box-shadow: none; }
:root[data-ui="modules"] .ad-lb .ad-seg { min-height: 34px; }
:root[data-ui="modules"] .ad-lb .ad-seg-b { padding: 0 10px; }
/* ---------- 51-7) الهاتف ---------- */
@media (max-width: 760px) {
:root[data-ui="modules"] #main.container > .grid.ad-hgrid,
:root[data-ui="modules"] .ad-sec-body > .grid { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="modules"] .grid > .card.ad-hcard,
:root[data-ui="modules"] .ad-sec-body > .grid > .card {
background: linear-gradient(var(--m-rule), var(--m-rule)) left 0 top 41px / 100% 1px no-repeat, var(--m-mod);
}
:root[data-ui="modules"] .grid > .card.ad-hcard > h3,
:root[data-ui="modules"] .ad-sec-body > .grid > .card > h3 { height: 42px; line-height: 42px; max-width: calc(100% - 84px); }
:root[data-ui="modules"] .grid > .card.ad-hcard > h3 + .meta, :root[data-ui="modules"] .ad-sec-body > .grid > .card > h3 + .meta { height: 41px; line-height: 41px; padding-inline-end: 84px; }
:root[data-ui="modules"] .grid > .card.ad-hcard > button.mini-btn, :root[data-ui="modules"] .ad-sec-body > .grid > .card > button.mini-btn { top: 0 !important; width: 40px; height: 40px; }
:root[data-ui="modules"] .grid > .card.ad-hcard > button.mini-btn:nth-of-type(1), :root[data-ui="modules"] .ad-sec-body > .grid > .card > button.mini-btn:nth-of-type(1) { inset-inline-end: 41px !important; }
:root[data-ui="modules"] .grid > .card.ad-hcard > button.mini-btn:nth-of-type(2), :root[data-ui="modules"] .ad-sec-body > .grid > .card > button.mini-btn:nth-of-type(2) { inset-inline-end: 0 !important; }
:root[data-ui="modules"] .ad-sec-body > .grid > .card > .ad-btnrow .btn { flex: 1 1 0; min-height: 40px; }
:root[data-ui="modules"] .un-rooms.modules > .un-room { grid-template-columns: 96px minmax(0, 1fr); }
:root[data-ui="modules"] .ad-bed.un-chip { flex: 1 1 100%; min-width: 0; height: auto; min-height: 44px; }
:root[data-ui="modules"] .ad-bed.un-chip > .ad-bed-out { width: 40px; height: 40px; }
:root[data-ui="modules"] .ad-lb .ad-seg, :root[data-ui="modules"] .ad-lr-n, :root[data-ui="modules"] .ad-lb-n { min-height: 40px; height: 40px; }
}
@media (max-width: 420px) {
:root[data-ui="modules"] .un-rooms.modules > .un-room { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 8px 0; }
:root[data-ui="modules"] .un-rooms.modules > .un-room:first-child { padding-top: 0; }
}
/* ===== الحزمة 52 — الخطوط والسيارات والموظفون ===== */
/* ---------- 52-1) قيمة المؤشّر بعملتين: كل عملة سطرٌ لا ينكسر ---------- */
:root[data-ui="modules"] .ad-m .v:has(> .un-sum) { overflow-wrap: normal; white-space: normal; }
:root[data-ui="modules"] .ad-m .v > .un-sum { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
:root[data-ui="modules"] .ad-m .v > .un-sum > .un-amt { display: block; white-space: nowrap; overflow-wrap: normal; unicode-bidi: isolate; }
:root[data-ui="modules"] .ad-m:has(.un-sum) .ad-m-t { container-type: inline-size; }
/* المبلغ الأطول يحتاج نحو 135px بالحجم M ⇒ الحاكم يضيق إلى 3 أعمدة على الشاشة العريضة، وما ضاق بعدها ينزل إلى الحجم S */
@media (min-width: 1181px) {
:root[data-ui="modules"] .ad-hero:has(.un-sum) { grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); }
}
@container (max-width: 139px) {
:root[data-ui="modules"] .ad-m .v > .un-sum > .un-amt { font-size: 13px; font-weight: 800; line-height: 1.4; }
}
/* ---------- 52-2) جداول البنود (الخطوط · السيارات · المدفوعات · المصاريف): سطر واحد للخلية ---------- */
:root[data-ui="modules"] table.tbl:has(> thead th:is([data-col="owner_position"], [data-col="due"], [data-col="license_exp"], [data-col="insurance_exp"], [data-col="plate"], [data-col="due_date"], [data-col="paid_at"], [data-col="spent"])) > tbody > tr > td { white-space: nowrap; }
:root[data-ui="modules"] table.tbl:has(> thead th:is([data-col="license_exp"], [data-col="insurance_exp"])) td > .mono + .ad-badge { margin-inline-start: 6px; }
:root[data-ui="modules"] table.tbl td > b + .ad-paused { margin-inline-start: 6px; }
/* الخط المتوقّف: سطر باهت النصّ دون شطب — وشارته بكامل لونها؛ لا إبهات مضاعف بالشفافية */
:root[data-ui="modules"] table.tbl tbody tr:has(.ad-dim-row) td { opacity: 1; }
:root[data-ui="modules"] table.tbl tbody tr.un-row-mute:not(.tbl-total) > td { color: var(--m-ink3); }
:root[data-ui="modules"] table.tbl tbody tr.un-row-mute > td :is(b, .mono, .ad-emp-link) { color: var(--m-ink3); }
:root[data-ui="modules"] table.tbl tbody tr.un-row-mute > td .ad-badge:not(.ad-paused) { background: var(--m-sunk); color: var(--m-ink2); }
:root[data-ui="modules"] table.tbl tbody tr.un-row-mute > td .ad-paused { background: var(--m-amber-tint); color: var(--m-amber); }
:root[data-ui="modules"] table.tbl tbody tr.un-row-done > td:first-child .ad-emp-link { text-decoration: line-through; color: var(--m-ink3); }
/* ---------- 52-3) شرائط التنبيه في الصفحة: نطاقات بلا هوامش مضاعفة ---------- */
:root[data-ui="modules"] #main.container > .ad-alert { margin: 0 !important; padding: 8px 12px; line-height: 1.8; }
/* وثائق السيارات: جدول صغير مصفوف (الشارة · السيارة · الوثيقة وتاريخها) */
:root[data-ui="modules"] .ad-doc-list {
display: grid; grid-template-columns: max-content max-content minmax(0, 1fr); gap: 4px 16px; margin-top: 6px;
}
:root[data-ui="modules"] .ad-doc-row { display: contents; }
:root[data-ui="modules"] .ad-doc-row:not(:has(.ad-badge)) { display: block; grid-column: 1 / -1; color: var(--m-ink2); }
:root[data-ui="modules"] .ad-doc-row > * { display: flex; align-items: center; min-height: 24px; }
:root[data-ui="modules"] .ad-doc-row > .ad-badge { justify-content: center; min-width: 132px; min-height: 24px; padding: 0 8px; }
:root[data-ui="modules"] .ad-doc-row > b { color: var(--m-ink); font-weight: 700; }
:root[data-ui="modules"] .ad-doc-row > span:not(.ad-badge) { gap: 6px; color: var(--m-ink2); font-weight: 600; }
:root[data-ui="modules"] .ad-doc-row > span:not(.ad-badge) .mono { color: var(--m-ink); font-weight: 700; }
/* ---------- 52-4) قائمة المدفوعات: شريط أدوات مسطّر فوق الجدول ---------- */
:root[data-ui="modules"] .ad-sec-body:has(> div > .ad-pay-tools) { padding: 0; }
:root[data-ui="modules"] .ad-pay-tools {
display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 8px 12px;
background: var(--m-sunk); border-bottom: 1px solid var(--m-rule2);
}
:root[data-ui="modules"] .ad-pay-tools > .field { display: flex; align-items: center; gap: 8px; margin: 0; }
:root[data-ui="modules"] .ad-pay-tools > .field > label { margin: 0; white-space: nowrap; }
:root[data-ui="modules"] .ad-pay-tools > .field input { min-height: 36px; height: 36px; padding: 0 10px; font-size: 13px; }
:root[data-ui="modules"] .ad-pay-tools > .btn { min-height: 36px; }
:root[data-ui="modules"] .ad-pay-tools > .btn:disabled { opacity: 1; background: var(--m-mod); border-color: var(--m-rule); color: var(--m-ink3); cursor: not-allowed; }
:root[data-ui="modules"] .ad-pay-all { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; font-size: 13px; font-weight: 700; color: var(--m-ink); }
/* مربّع التحديد: 20px بإطار شعري، والمحدَّد نحاسي عميق بعلامة بيضاء */
:root[data-ui="modules"] :is(.ad-pay-all input, input.ad-pay-cb) {
-webkit-appearance: none; appearance: none; flex: none; display: inline-block; vertical-align: middle;
width: 20px; height: 20px; margin: 0; padding: 0; border: 0; border-radius: 2px; cursor: pointer;
background: var(--m-mod) no-repeat center / 14px; background-origin: content-box; background-clip: content-box;
box-shadow: inset 0 0 0 1.5px var(--m-rule-strong); transition: box-shadow .12s ease, background-color .12s ease;
}
:root[data-ui="modules"] :is(.ad-pay-all input, input.ad-pay-cb):hover { box-shadow: inset 0 0 0 1.5px var(--m-ink2); }
:root[data-ui="modules"] :is(.ad-pay-all input, input.ad-pay-cb):checked {
background-color: var(--m-tab); box-shadow: inset 0 0 0 1.5px var(--m-tab);
background-image: url("data:image/svg+xml;utf8,");
}
:root[data-ui="modules"] :is(.ad-pay-all input, input.ad-pay-cb):focus-visible { outline: 2px solid var(--m-focus); outline-offset: 2px; }
:root[data-ui="modules"] table.tbl tbody tr:has(input.ad-pay-cb:checked):not(.un-row-bad) > td { background: var(--m-copper-tint); }
/* ---------- 52-5) طلبات الخطوط: الشارات لا تنكسر والنصوص الطويلة تلتفّ ---------- */
:root[data-ui="modules"] table.tbl:has(> thead th:is([data-col="for"], [data-col="justification"], [data-col="created_at"])) td :is(.ad-badge, .mono, b) { white-space: nowrap; }
:root[data-ui="modules"] table.tbl:has(> thead th:is([data-col="for"], [data-col="justification"], [data-col="created_at"])) td > b + .ad-badge,
:root[data-ui="modules"] table.tbl:has(> thead th:is([data-col="for"], [data-col="justification"], [data-col="created_at"])) td .ad-emp-link + .ad-badge { margin-inline-start: 6px; }
/* ---------- 52-6) الموظفون: رقاقة منصب بسطر واحد · اسم يفتح البطاقة ---------- */
:root[data-ui="modules"] table.tbl:has(> thead th:is([data-col="positions"], [data-col="aliases"])) > tbody > tr > td { white-space: nowrap; }
:root[data-ui="modules"] .ad-emp-pos {
display: inline-flex; flex-direction: row; align-items: center; gap: 0; margin: 1px 2px; padding: 0 8px; min-height: 24px;
border: 1px solid var(--m-rule); border-radius: 2px; background: var(--m-slate-tint);
font-size: 12px; font-weight: 700; line-height: 1.2; color: var(--m-ink); white-space: nowrap; vertical-align: middle;
}
:root[data-ui="modules"] .ad-emp-pos small {
margin-inline-start: 7px; padding-inline-start: 7px; border-inline-start: 1px solid var(--m-rule);
font-size: 12px; font-weight: 500; color: var(--m-ink2); line-height: 14px;
}
:root[data-ui="modules"] .ad-emp-pos.ended { background: transparent; border-style: dashed; color: var(--m-ink3); text-decoration: line-through; text-decoration-color: var(--m-ink3); }
:root[data-ui="modules"] .ad-emp-pos.ended small { color: var(--m-ink3); }
:root[data-ui="modules"] .ad-emp-link {
color: var(--m-ink); font-weight: 500; border-radius: 2px;
text-decoration: underline dotted var(--m-rule-strong); text-decoration-thickness: 1px; text-underline-offset: 4px;
transition: color .12s ease;
}
:root[data-ui="modules"] .ad-emp-link:hover { color: var(--m-tab); text-decoration-style: solid; text-decoration-color: currentColor; }
:root[data-ui="modules"][data-theme="dark"] .ad-emp-link:hover { color: var(--m-copper); }
:root[data-ui="modules"] .ad-emp-link:focus-visible { outline: 2px solid var(--m-focus); outline-offset: 2px; }
/* ---------- 52-7) النوافذ: البند · حركة المصروف · بطاقة الموظف · الاستيراد ---------- */
:root[data-ui="modules"] .modal .set-box-h { font-size: 14px; font-weight: 800; gap: 6px; }
:root[data-ui="modules"] .modal .set-box-h > svg.ic { width: 16px; height: 16px; color: var(--m-ink3); }
:root[data-ui="modules"] .ad-car-name { border-radius: 2px; padding: 8px 12px; background: var(--m-copper-tint); color: var(--m-ink2); font-size: 13px; }
:root[data-ui="modules"] .ad-car-name svg.ic { color: var(--m-copper); }
:root[data-ui="modules"] .ad-car-name b { border-radius: 2px; border-width: 1px; font-size: 14px; box-shadow: inset 0 0 0 2px var(--m-mod), inset 0 0 0 3px var(--m-rule); }
:root[data-ui="modules"] .ad-car-name i { color: var(--m-ink3); }
:root[data-ui="modules"] .ad-amt .ad-seg-b { min-width: 46px; }
/* المنتقي المتقدّم: حقل بحث بأيقونة + جدول نتائج مسطّر بخلايا موسّطة */
:root[data-ui="modules"] .field .ad-pick-in input { padding-inline-start: 38px !important; }
:root[data-ui="modules"] .ad-pick-in svg.ic { width: 16px; height: 16px; color: var(--m-ink3); }
:root[data-ui="modules"] .ad-pick-res { margin-top: 6px; border: 1px solid var(--m-rule); border-radius: 2px; background: var(--m-mod); }
:root[data-ui="modules"] .ad-pick-res table { font-size: 13px; }
:root[data-ui="modules"] .ad-pick-res th {
height: 36px; padding: 0 10px; text-align: center; background: var(--m-sunk); color: var(--m-ink2);
font-size: 13px; font-weight: 700; border-bottom: 1px solid var(--m-rule);
}
:root[data-ui="modules"] .ad-pick-res td { height: 36px; padding: 0 10px; text-align: center; color: var(--m-ink); border-bottom: 1px solid var(--m-rule2); }
:root[data-ui="modules"] .ad-pick-res tbody tr:nth-child(even) td { background: var(--m-zebra); }
:root[data-ui="modules"] .ad-pick-res tbody tr:hover td { background: var(--m-sunk); }
:root[data-ui="modules"] .ad-pick-res tbody tr:focus-visible td { background: var(--m-copper-tint); }
:root[data-ui="modules"] .ad-pick-res tbody tr:focus-visible { outline: 2px solid var(--m-focus); outline-offset: -2px; }
:root[data-ui="modules"] .ad-pick-res mark { background: var(--m-amber-tint); color: var(--m-ink); border-radius: 1px; box-shadow: inset 0 -1.5px 0 var(--m-amber-line); }
:root[data-ui="modules"] .ad-pick-res .empty { padding: 20px 12px; }
:root[data-ui="modules"] .ad-pick > .btn { min-height: 32px; }
:root[data-ui="modules"] .ad-pick-card { border: 1px solid var(--m-copper-line); border-radius: 2px; background: var(--m-copper-tint); padding: 6px 10px; min-height: 40px; }
:root[data-ui="modules"] .ad-pick-card .m { color: var(--m-ink2); font-size: 13px; }
/* بنود الحركة: صفوف مسطّرة داخل إطار واحد */
:root[data-ui="modules"] .ad-xitems { gap: 0; border: 1px solid var(--m-rule); border-radius: 2px; background: var(--m-mod); }
:root[data-ui="modules"] .ad-xitems > .empty { padding: 18px 12px; }
:root[data-ui="modules"] .ad-xitem { padding: 6px 10px; border: 0; border-radius: 0; border-top: 1px solid var(--m-rule2); background: none; }
:root[data-ui="modules"] .ad-xitem:first-child { border-top: 0; }
:root[data-ui="modules"] .ad-xitem:nth-child(even) { background: var(--m-zebra); }
:root[data-ui="modules"] .ad-xitem-n .m { font-size: 12px; color: var(--m-ink3); }
:root[data-ui="modules"] .ad-xitem .ad-amt input { min-height: 36px; height: 36px; padding: 0 10px; font-size: 13px; }
:root[data-ui="modules"] .ad-xitem .ad-amt .ad-seg { min-height: 36px; }
:root[data-ui="modules"] .ad-xsum { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--m-rule2); color: var(--m-ink2); }
:root[data-ui="modules"] .ad-xsum b { color: var(--m-ink); font-weight: 800; }
/* منتقي الموظف واقتراحاته */
:root[data-ui="modules"] .ad-emp-menu { border: 1px solid var(--m-rule-strong); border-radius: 3px; box-shadow: none; padding: 4px; background: var(--m-mod); }
:root[data-ui="modules"] .ad-emp-opt { min-height: 36px; padding: 6px 10px; border: 0; border-radius: 2px; font-size: 13px; }
:root[data-ui="modules"] .ad-emp-opt:hover { background: var(--m-sunk); }
:root[data-ui="modules"] .ad-emp-opt.on { background: var(--m-copper-tint); font-weight: 700; }
:root[data-ui="modules"] .ad-emp-opt .h { font-size: 12px; color: var(--m-ink3); }
:root[data-ui="modules"] .ad-emp-opt .a, :root[data-ui="modules"] .ad-emp-opt.new { color: var(--m-tab); }
:root[data-ui="modules"][data-theme="dark"] .ad-emp-opt .a, :root[data-ui="modules"][data-theme="dark"] .ad-emp-opt.new { color: var(--m-copper); }
:root[data-ui="modules"] .ad-emp-pick.chosen .ad-emp-row input { border-color: var(--m-green); background: var(--m-green-tint); }
:root[data-ui="modules"] .ad-emp-chip { border-radius: 2px; border-color: var(--m-copper-line); background: var(--m-mod); color: var(--m-tab); min-height: 32px; font-size: 13px; }
:root[data-ui="modules"] .ad-emp-chip:hover { background: var(--m-copper-tint); }
:root[data-ui="modules"] .ad-emp-newpos { border-color: var(--m-rule-strong); border-radius: 2px; }
/* بطاقة الموظف */
:root[data-ui="modules"] .ad-emp-head { gap: 12px; margin: 0 0 4px; padding-bottom: 12px; border-bottom: 1px solid var(--m-rule2); }
:root[data-ui="modules"] .ad-emp-head > .ad-ic.lg { width: 40px; height: 40px; padding: 9px; }
:root[data-ui="modules"] .ad-emp-head .n { font-size: 18px; font-weight: 800; line-height: 1.4; }
:root[data-ui="modules"] .ad-emp-head .m { font-size: 13px; color: var(--m-ink3); }
:root[data-ui="modules"] .ad-emp-card > .set-box { margin-bottom: 4px; }
:root[data-ui="modules"] .ad-emp-prow, :root[data-ui="modules"] .ad-emp-irow { min-height: 40px; padding: 4px 0; gap: 6px 10px; border-bottom: 1px solid var(--m-rule2); font-size: 13px; }
:root[data-ui="modules"] .ad-emp-prow .d, :root[data-ui="modules"] .ad-emp-irow .d { font-size: 13px; color: var(--m-ink3); }
:root[data-ui="modules"] .ad-emp-prow.ended .l b { color: var(--m-ink3); }
:root[data-ui="modules"] .ad-emp-prow > span { display: inline-flex; gap: 2px; }
:root[data-ui="modules"] .ad-emp-alias { border-radius: 2px; border: 1px solid var(--m-copper-line); background: var(--m-copper-tint); color: var(--m-ink); font-size: 13px; min-height: 28px; }
:root[data-ui="modules"] .ad-emp-alias button { width: 24px; height: 24px; border-radius: 2px; color: var(--m-ink2); }
:root[data-ui="modules"] .ad-emp-alias button:hover { background: var(--m-verm-tint); color: var(--m-verm); }
:root[data-ui="modules"] .ad-emp-aadd input {
min-height: 40px; padding: 0 12px; border: 1px solid var(--m-rule); border-radius: 3px; background: var(--m-mod);
color: var(--m-ink); font: inherit; font-size: 14px; font-weight: 600; box-shadow: none;
}
:root[data-ui="modules"] .ad-emp-aadd input:focus { border-color: var(--m-focus); outline: none; }
:root[data-ui="modules"] .ad-emp-aadd .btn { min-height: 40px; }
:root[data-ui="modules"] .ad-emp-card .set-box > .btn { min-height: 36px; }
/* نافذة الاستيراد: معاينة الأوراق خلايا مسطّرة وحقل الملف منطقة إفلات */
:root[data-ui="modules"] .modal .body .ad-mini { border: 1px solid var(--m-rule); border-radius: 2px; }
:root[data-ui="modules"] .modal .body .ad-mini .ad-m .l { min-height: 0; }
:root[data-ui="modules"] .modal input[type="file"] {
width: 100%; min-height: 40px; padding: 6px !important; border: 1px dashed var(--m-rule-strong) !important; border-radius: 3px; background: var(--m-sunk) !important;
color: var(--m-ink2); font: inherit; font-size: 13px;
}
:root[data-ui="modules"] .modal input[type="file"]::file-selector-button {
height: 28px; margin-inline-end: 10px; padding: 0 12px; border: 1px solid var(--m-rule); border-radius: 3px;
background: var(--m-mod); color: var(--m-tab); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
}
:root[data-ui="modules"][data-theme="dark"] .modal input[type="file"]::file-selector-button { color: var(--m-copper); }
:root[data-ui="modules"] .ad-doc-hint .ad-badge { min-height: 22px; }
/* ---------- 52-8) الهاتف ---------- */
@media (max-width: 760px) {
:root[data-ui="modules"] .ad-pay-tools { flex-direction: column; align-items: stretch; gap: 8px; padding: 10px 12px; }
:root[data-ui="modules"] .ad-pay-tools > .spacer { display: none; }
:root[data-ui="modules"] .ad-pay-tools > .field { justify-content: space-between; }
:root[data-ui="modules"] .ad-pay-tools > .field input { flex: 1 1 auto; min-width: 0; max-width: 220px; min-height: 40px; height: 40px; }
:root[data-ui="modules"] .ad-pay-tools > .btn { width: 100%; min-height: 40px; }
:root[data-ui="modules"] .ad-pay-all { min-height: 40px; }
/* منطقة لمس 40px حول مربّع مرئي 20px: الإطار الشفاف يكبّر الهدف لا الشكل */
:root[data-ui="modules"] :is(.ad-pay-all input, input.ad-pay-cb) {
width: 40px; height: 40px; border: 10px solid transparent; border-radius: 12px; margin: -10px;
}
:root[data-ui="modules"] :is(.ad-pay-all input, input.ad-pay-cb):focus-visible { outline-offset: -8px; }
:root[data-ui="modules"] .ad-doc-list { grid-template-columns: max-content minmax(0, 1fr); row-gap: 2px; }
:root[data-ui="modules"] .ad-doc-row > .ad-badge { min-width: 0; grid-row: span 2; align-self: start; margin-top: 4px; }
:root[data-ui="modules"] .ad-doc-row > span:not(.ad-badge) { grid-column: 2; flex-wrap: wrap; margin-bottom: 6px; }
:root[data-ui="modules"] .ad-emp-aadd { flex-wrap: wrap; }
:root[data-ui="modules"] .ad-emp-aadd .btn { flex: 1 1 100%; }
:root[data-ui="modules"] .ad-emp-alias button { width: 40px; height: 40px; }
:root[data-ui="modules"] .ad-pick-res td, :root[data-ui="modules"] .ad-pick-res th { height: 44px; }
:root[data-ui="modules"] .ad-xitem .ad-amt input, :root[data-ui="modules"] .ad-xitem .ad-amt .ad-seg { min-height: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
:root[data-ui="modules"] :is(.ad-pay-all input, input.ad-pay-cb), :root[data-ui="modules"] .ad-emp-link { transition: none; }
}
/* الحزمة 52 — أعمدة النصّ الطويل تلتفّ وحدها (td[data-col] من buildTable) وبقية الجدول بسطر واحد */
:root[data-ui="modules"] table.tbl > tbody > tr > td:is([data-col="note"], [data-col="notes"], [data-col="details"], [data-col="justification"], [data-col="purpose"], [data-col="address"]) { white-space: normal; min-width: 180px; max-width: 260px; overflow-wrap: anywhere; }
:root[data-ui="modules"] .ad-pay-tools:empty { display: none; } /* المشاهد بلا صلاحية الإدارة: لا شريط فارغ */
/* ===== الحزمة 53 — التقارير والإعدادات والدخول وصفحة الطلب ===== */
/* ---------- 53-0) مربّع التحديد والاختيار المصمَّمان (النوافذ وصفحة الطلب) ---------- */
:root[data-ui="modules"] :is(.modal .col-opt, .modal .ad-perms, .rq-who-b, .rq-ty-b) input:is([type="checkbox"], [type="radio"]):not(.switch) {
-webkit-appearance: none; appearance: none; flex: none; display: inline-block; vertical-align: middle;
width: 18px; height: 18px; margin: 0; padding: 0; border: 0; border-radius: 2px; cursor: pointer;
background: var(--m-mod) no-repeat center / 12px; box-shadow: inset 0 0 0 1.5px var(--m-rule-strong);
transition: box-shadow .12s ease, background-color .12s ease;
}
:root[data-ui="modules"] :is(.modal .col-opt, .modal .ad-perms, .rq-who-b, .rq-ty-b) input[type="radio"]:not(.switch) { border-radius: 50%; }
:root[data-ui="modules"] :is(.modal .col-opt, .modal .ad-perms, .rq-who-b, .rq-ty-b) input:is([type="checkbox"], [type="radio"]):not(.switch):hover { box-shadow: inset 0 0 0 1.5px var(--m-ink2); }
:root[data-ui="modules"] :is(.modal .col-opt, .modal .ad-perms, .rq-who-b, .rq-ty-b) input[type="checkbox"]:not(.switch):checked {
background-color: var(--m-tab); box-shadow: inset 0 0 0 1.5px var(--m-tab);
background-image: url("data:image/svg+xml;utf8,");
}
:root[data-ui="modules"] :is(.modal .col-opt, .modal .ad-perms, .rq-who-b, .rq-ty-b) input[type="radio"]:not(.switch):checked {
background: var(--m-tab); box-shadow: inset 0 0 0 1.5px var(--m-tab), inset 0 0 0 5px var(--m-mod);
}
:root[data-ui="modules"] :is(.modal .col-opt, .modal .ad-perms, .rq-who-b, .rq-ty-b) input:is([type="checkbox"], [type="radio"]):focus-visible { outline: 2px solid var(--m-focus); outline-offset: 2px; }
/* تلميح الحقل (fieldWrap يكتبه بنمط مضمَّن 11.5px) — 12px بلون الحواشي */
:root[data-ui="modules"] .field > div[style*="font-size:11.5px"] { font-size: 12px !important; line-height: 1.6; color: var(--m-ink3) !important; }
/* ---------- 53-1) نافذة «جرّب الواجهات الجديدة»: شريط خلايا مسطّرة والمختارة نحاسية الصبغة ---------- */
:root[data-ui="modules"] .ad-uintro-lead { margin: 0 0 12px; font-size: 14px; line-height: 1.8; color: var(--m-ink2); }
:root[data-ui="modules"] .ad-uintro-cards {
gap: 0; border: 1px solid var(--m-rule); border-radius: 2px; overflow: hidden; background: var(--m-mod);
}
:root[data-ui="modules"] .ad-uintro-card {
gap: 10px; padding: 12px; border: 0; border-radius: 0; background: var(--m-mod); box-shadow: none;
border-inline-start: 1px solid var(--m-rule2); transition: background-color .12s ease, box-shadow .12s ease;
}
:root[data-ui="modules"] .ad-uintro-card:first-child { border-inline-start: 0; }
:root[data-ui="modules"] .ad-uintro-card:hover { background: var(--m-sunk); border-color: var(--m-rule2); }
:root[data-ui="modules"] .ad-uintro-card.on,
:root[data-ui="modules"] .ad-uintro-card.on:hover { background: var(--m-copper-tint); box-shadow: inset 0 0 0 1px var(--m-copper-line); }
:root[data-ui="modules"] .ad-uintro-card:focus-visible { outline: 2px solid var(--m-focus); outline-offset: -2px; }
:root[data-ui="modules"] .ad-uintro-card img { border: 1px solid var(--m-rule2); border-radius: 1px; background: var(--m-sunk); }
:root[data-ui="modules"] .ad-uintro-card .t { gap: 3px; padding: 0 2px; }
:root[data-ui="modules"] .ad-uintro-card b { font-size: 14px; font-weight: 800; color: var(--m-ink); }
:root[data-ui="modules"] .ad-uintro-card small { font-size: 13px; line-height: 1.55; color: var(--m-ink3); }
:root[data-ui="modules"] .ad-uintro-card.on small { color: var(--m-ink2); }
/* «جديدة» لسان نحاسي على زاوية الخلية · «الحالية» ختم فحمي في الزاوية المقابلة */
:root[data-ui="modules"] .ad-uintro-new,
:root[data-ui="modules"] .ad-uintro-cur {
top: 0; display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 10px; border: 0; border-radius: 0;
font-size: 12px; font-weight: 700; line-height: 1;
}
:root[data-ui="modules"] .ad-uintro-new { inset-inline-start: 0; background: var(--m-tab); color: var(--m-tab-ink); }
:root[data-ui="modules"] .ad-uintro-cur { inset-inline-end: 0; background: var(--m-ink); color: var(--m-mod); }
:root[data-ui="modules"] .ad-uintro-cur svg.ic { width: 13px; height: 13px; stroke-width: 2.4; }
:root[data-ui="modules"] .ad-uintro-where { margin: 12px 0 0; font-size: 13px; color: var(--m-ink3); }
:root[data-ui="modules"] .ad-uintro-where svg.ic { width: 15px; height: 15px; }
/* ---------- 53-2) ⚙ «صفحة الطلب العامّة»: معاينة غائرة بإطار شعري ---------- */
:root[data-ui="modules"] .ad-rqtheme { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--m-rule2); }
:root[data-ui="modules"] .ad-rqtheme > div > .field { margin-top: 10px; }
:root[data-ui="modules"] .ad-rqtheme-prev {
gap: 12px; margin-top: 8px; padding: 8px; border: 1px solid var(--m-rule); border-radius: 2px;
background: var(--m-sunk); font-size: 13px; line-height: 1.75; color: var(--m-ink2);
}
:root[data-ui="modules"] .ad-rqtheme-prev b { color: var(--m-ink); font-weight: 700; }
:root[data-ui="modules"] .ad-rqtheme-prev a { color: var(--m-tab); font-weight: 700; text-underline-offset: 3px; }
:root[data-ui="modules"][data-theme="dark"] .ad-rqtheme-prev a { color: var(--m-copper); }
:root[data-ui="modules"] .un-uicard.ad-rqtheme-thumb {
flex: 0 0 132px; width: 132px; padding: 0 !important; gap: 0; border: 0; border-radius: 0; background: none; box-shadow: none; cursor: default;
}
:root[data-ui="modules"] .un-uicard.ad-rqtheme-thumb .un-uithumb { height: 72px; border-color: var(--m-rule); }
/* ---------- 53-3) ⚙ الإعدادات: كل قسم وحدة بلسان نحاسي ---------- */
:root[data-ui="modules"] .modal .body:has(.un-uipick) > .set-box {
margin: 0 0 8px; padding: 0 12px 12px; border: 1px solid var(--m-rule); border-radius: 2px;
background: linear-gradient(var(--m-rule), var(--m-rule)) left 0 top 33px / 100% 1px no-repeat, var(--m-mod);
}
:root[data-ui="modules"] .modal .body:has(.un-uipick) > .set-box:last-child { margin-bottom: 0; }
:root[data-ui="modules"] .modal .body:has(.un-uipick) > .set-box > .set-box-h {
display: flex; align-items: center; width: max-content; max-width: calc(100% + 13px); height: 34px; gap: 6px;
margin: -1px 0 12px; margin-inline-start: -13px; padding: 0 12px;
background: var(--m-tab); color: var(--m-tab-ink); font-size: 13px; font-weight: 700; line-height: 1; white-space: nowrap;
}
:root[data-ui="modules"] .modal .body:has(.un-uipick) > .set-box > .set-box-h > svg.ic { width: 15px; height: 15px; color: currentColor; }
:root[data-ui="modules"] .modal .set-sub { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--m-rule2); }
:root[data-ui="modules"] .modal .set-sub-h { font-size: 13px; font-weight: 800; color: var(--m-ink); gap: 6px; margin-bottom: 6px; }
:root[data-ui="modules"] .modal .set-sub-h > svg.ic { width: 15px; height: 15px; color: var(--m-ink3); }
:root[data-ui="modules"] .modal .body p.meta,
:root[data-ui="modules"] .modal .set-box div.meta { font-size: 13px !important; line-height: 1.65; color: var(--m-ink3) !important; }
:root[data-ui="modules"] .modal .switch-row { min-height: 44px; padding: 6px 0; border-bottom: 1px solid var(--m-rule2); }
:root[data-ui="modules"] .modal .set-box > .switch-row:last-child, :root[data-ui="modules"] .modal .switch-row:has(+ .ad-btnrow, + .btn) { border-bottom: 0; }
:root[data-ui="modules"] .modal .switch-row > span { font-size: 13px; font-weight: 600; color: var(--m-ink); }
/* الحقول الحرّة خارج .field في الإعدادات (اسم التطبيق · الساعات · أيام الظهور) */
:root[data-ui="modules"] .modal .body:has(.un-uipick) :where(input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"], [type="hidden"], [type="button"], [type="submit"]):not(.tbl-search, .exp-in, .col-rename), textarea) {
min-height: 40px; padding: 0 12px; border: 1px solid var(--m-rule); border-radius: 3px; background: var(--m-mod);
color: var(--m-ink); font-family: inherit; font-size: 14px; font-weight: 600; box-shadow: none;
}
:root[data-ui="modules"] .modal .body:has(.un-uipick) :where(textarea) { padding: 8px 12px; min-height: 64px; font-weight: 500; line-height: 1.5; }
:root[data-ui="modules"] .modal .body:has(.un-uipick) :where(input, textarea):focus { border-color: var(--m-focus); outline: none; }
:root[data-ui="modules"] .modal .body:has(.un-uipick) :where(input[type="number"]) { font-family: var(--font-latin); text-align: center; }
/* رقائق أيام العمل: مربّع تحديد + اسم اليوم، والمحدَّد بصبغة نحاسية */
:root[data-ui="modules"] .modal .col-opt.col-opt-lab {
min-height: 36px; padding: 0 10px !important; gap: 8px; border: 1px solid var(--m-rule); border-radius: 2px;
background: var(--m-mod); font-size: 13px; font-weight: 600; color: var(--m-ink);
}
:root[data-ui="modules"] .modal .col-opt.col-opt-lab:has(input:checked) { background: var(--m-copper-tint); border-color: var(--m-copper-line); }
/* وضع المنصّة: ثلاث خلايا في شريط مسطّر واحد */
:root[data-ui="modules"] .ad-modes { gap: 0; margin: 0 0 10px; border: 1px solid var(--m-rule); border-radius: 2px; overflow: hidden; }
:root[data-ui="modules"] .ad-mode {
padding: 12px; border: 0; border-radius: 0; border-inline-start: 1px solid var(--m-rule2); background: var(--m-mod); box-shadow: none;
transition: background-color .12s ease, box-shadow .12s ease;
}
:root[data-ui="modules"] .ad-mode:first-child { border-inline-start: 0; }
:root[data-ui="modules"] .ad-mode:hover { background: var(--m-sunk); }
:root[data-ui="modules"] .ad-mode:focus-visible { outline: 2px solid var(--m-focus); outline-offset: -2px; }
:root[data-ui="modules"] .ad-mode.on { background: var(--m-copper-tint); box-shadow: inset 0 0 0 1px var(--m-copper-line); }
:root[data-ui="modules"] .ad-mode.danger.on { background: var(--m-verm-tint); box-shadow: inset 0 0 0 1px var(--m-verm); }
:root[data-ui="modules"] .ad-mode .h { font-size: 14px; font-weight: 800; color: var(--m-ink); }
:root[data-ui="modules"] .ad-mode .h .ad-ic { width: 28px; height: 28px; padding: 6px; }
:root[data-ui="modules"] .ad-mode .d { font-size: 13px; line-height: 1.6; color: var(--m-ink2); }
:root[data-ui="modules"] .ad-mode .r { width: 18px; height: 18px; border: 1.5px solid var(--m-rule-strong); }
:root[data-ui="modules"] .ad-mode.on .r { border-color: var(--m-tab); }
:root[data-ui="modules"] .ad-mode.on .r::after { background: var(--m-tab); }
:root[data-ui="modules"] .ad-mode.danger.on .r { border-color: var(--m-verm); }
:root[data-ui="modules"] .ad-mode.danger.on .r::after { background: var(--m-verm); }
:root[data-ui="modules"] .ad-mode-cur { min-height: 20px; padding: 0 6px; font-size: 12px; }
:root[data-ui="modules"] .ad-mode-state { border: 1px solid var(--m-rule2); border-radius: 2px; background: var(--m-sunk); font-size: 13px; }
:root[data-ui="modules"] .ad-mode-p { font-size: 13px; color: var(--m-ink3); }
:root[data-ui="modules"] .ad-mode-msg { font-size: 13px; color: var(--m-ink2); }
:root[data-ui="modules"] .ad-mode-warn { font-size: 13px; color: var(--m-amber); }
:root[data-ui="modules"] .ad-derived { border: 1px solid var(--m-rule); border-radius: 2px; background: var(--m-sunk); }
:root[data-ui="modules"] .ad-derived .lb { font-size: 12px; font-weight: 700; color: var(--m-ink3); }
:root[data-ui="modules"] .ad-derived .u { color: var(--m-ink); }
:root[data-ui="modules"] .ad-conseq li { font-size: 14px; }
/* ---------- 53-4) نافذة المستخدمين والقوائم: ألسنة الوحدة · شبكة الصلاحيات المسطّرة ---------- */
:root[data-ui="modules"] .modal .tabs {
display: flex; flex-wrap: wrap; gap: 0; margin: 0 0 12px; padding: 0; border-bottom: 1px solid var(--m-rule);
}
:root[data-ui="modules"] .modal .tabs button {
display: inline-flex; align-items: center; height: 34px; margin: 0 0 -1px; padding: 0 14px;
border: 1px solid var(--m-rule); border-inline-start-width: 0; border-radius: 0; background: var(--m-sunk); box-shadow: none;
font: inherit; font-size: 13px; font-weight: 700; color: var(--m-ink2); white-space: nowrap; transition: color .12s ease;
}
:root[data-ui="modules"] .modal .tabs button:first-child { border-inline-start-width: 1px; }
:root[data-ui="modules"] .modal .tabs button:hover { color: var(--m-ink); }
:root[data-ui="modules"] .modal .tabs button.active { background: var(--m-tab); border-color: var(--m-tab); color: var(--m-tab-ink); }
:root[data-ui="modules"] .modal .tabs ~ div > .btn-primary:first-child { margin-bottom: 8px !important; }
:root[data-ui="modules"] .modal .tabs ~ div > table.tbl { border: 1px solid var(--m-rule); }
:root[data-ui="modules"] .ad-sett-sub { margin: 16px 0 6px; font-size: 13px; font-weight: 800; color: var(--m-ink); }
:root[data-ui="modules"] .ad-perms { gap: 0 16px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
:root[data-ui="modules"] .modal .col-opt { min-height: 40px; padding: 4px 2px; gap: 10px; font-size: 13px; color: var(--m-ink); }
:root[data-ui="modules"] .modal .ad-perms > .col-opt { border-bottom: 1px solid var(--m-rule2); }
:root[data-ui="modules"] .modal .ad-perms > .col-opt:has(input:checked) { font-weight: 700; }
/* مفتاح «مفعّل» في نموذج المستخدم مربّع تحديد بصنف switch: يُرسم مفتاحاً بالمقاس نفسه */
:root[data-ui="modules"] .modal input[type="checkbox"].switch {
-webkit-appearance: none; appearance: none; position: relative; flex: none; margin: 0; border: 0; cursor: pointer;
width: 40px; height: 22px; border-radius: 3px; background: var(--m-rule-strong); transition: background-color .15s ease;
}
:root[data-ui="modules"] .modal input[type="checkbox"].switch::after {
content: ""; position: absolute; top: 3px; inset-inline-start: 3px; width: 16px; height: 16px; border-radius: 2px; background: #fff;
transition: transform .15s var(--ease);
}
:root[data-ui="modules"] .modal input[type="checkbox"].switch:checked { background: var(--m-tab); }
:root[data-ui="modules"] .modal input[type="checkbox"].switch:checked::after { transform: translateX(-18px); }
:root[data-ui="modules"][dir="ltr"] .modal input[type="checkbox"].switch:checked::after { transform: translateX(18px); }
:root[data-ui="modules"] .modal input[type="checkbox"].switch:focus-visible { outline: 2px solid var(--m-focus); outline-offset: 2px; }
:root[data-ui="modules"] .modal label.switch-row { justify-content: flex-start; cursor: pointer; }
/* ---------- 53-5) صفحة التقارير: كل تقرير وحدة بلسان نحاسي (لا تمسّ شبكة البيوت) ---------- */
:root[data-ui="modules"] #main.container > .grid:not(.ad-hgrid) { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 8px; }
:root[data-ui="modules"] #main.container > .grid:not(.ad-hgrid) > .card {
position: relative; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 0;
border: 1px solid var(--m-rule); border-radius: 2px; box-shadow: none; transform: none; cursor: pointer;
background: linear-gradient(var(--m-rule), var(--m-rule)) left 0 top 33px / 100% 1px no-repeat, var(--m-mod);
color: var(--m-ink); transition: border-color .12s ease;
}
:root[data-ui="modules"] #main.container > .grid:not(.ad-hgrid) > .card:hover { border-color: var(--m-rule-strong); box-shadow: none; transform: none; }
:root[data-ui="modules"] #main.container > .grid:not(.ad-hgrid) > .card > h3 {
display: flex; align-items: center; gap: 6px; max-width: calc(100% - 34px); height: 34px; margin: -1px 0 0; margin-inline-start: -1px; padding: 0 12px;
background: var(--m-tab); color: var(--m-tab-ink); border-radius: 0;
font-size: 13px; font-weight: 700; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
:root[data-ui="modules"] #main.container > .grid:not(.ad-hgrid) > .card > h3 svg.ic { flex: none; width: 15px; height: 15px; color: currentColor; }
:root[data-ui="modules"] #main.container > .grid:not(.ad-hgrid) > .card > .meta { padding: 10px 12px 12px; font-size: 13px; line-height: 1.65; color: var(--m-ink2); }
/* سهم «افتح» أداةً في نهاية الترويسة */
:root[data-ui="modules"] #main.container > .grid:not(.ad-hgrid) > .card::after {
content: ""; position: absolute; top: 8px; inset-inline-end: 9px; width: 16px; height: 16px; background: var(--m-ink3);
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
transition: background-color .12s ease;
}
:root[data-ui="modules"][dir="ltr"] #main.container > .grid:not(.ad-hgrid) > .card::after { transform: scaleX(-1); }
:root[data-ui="modules"] #main.container > .grid:not(.ad-hgrid) > .card:hover::after { background: var(--m-copper); }
/* ---------- 53-6) نافذة التحكّم بالتقرير (§11-أ) — واجهة التحكّم وحدها، لا التقرير المطبوع ---------- */
:root[data-ui="modules"] .rp42-grid { gap: 16px; }
:root[data-ui="modules"] .rp42-chips { gap: 6px; }
:root[data-ui="modules"] .rp42-chip {
min-height: 36px; padding: 0 12px; border: 1px solid var(--m-rule); border-radius: 3px; background: var(--m-mod);
font-size: 13px; font-weight: 700; color: var(--m-ink2);
}
:root[data-ui="modules"] .rp42-chip:hover { border-color: var(--m-rule-strong); color: var(--m-ink); }
:root[data-ui="modules"] .rp42-chip.on { background: var(--m-ink); border-color: var(--m-ink); color: var(--m-mod); }
:root[data-ui="modules"] .rp42-span { border: 1px solid var(--m-rule2); border-radius: 2px; background: var(--m-sunk); font-size: 13px; color: var(--m-ink2); }
:root[data-ui="modules"] .rp42-hint { font-size: 13px; color: var(--m-ink3); }
/* الفقرات: قائمة مسطّرة في إطار واحد */
:root[data-ui="modules"] .rp42-secs { gap: 0; border: 1px solid var(--m-rule); border-radius: 2px; background: var(--m-mod); }
:root[data-ui="modules"] .rp42-item { gap: 0; }
:root[data-ui="modules"] .rp42-item + .rp42-item { border-top: 1px solid var(--m-rule2); }
:root[data-ui="modules"] .rp42-sec { min-height: 44px; padding: 4px 8px; gap: 8px; border: 0; border-radius: 0; background: none; }
:root[data-ui="modules"] .rp42-sec .t { font-size: 13px; color: var(--m-ink); }
:root[data-ui="modules"] .rp42-sec.off .t { color: var(--m-ink3); }
:root[data-ui="modules"] .rp42-sec .h { min-width: 32px; min-height: 32px; border-radius: 2px; color: var(--m-ink3); }
:root[data-ui="modules"] .rp42-sec .h:hover { background: var(--m-sunk); color: var(--m-ink); }
:root[data-ui="modules"] .rp42-sec .ad-ic { width: 26px; height: 26px; padding: 5px; }
:root[data-ui="modules"] .rp42-pb {
min-height: 30px; padding: 0 10px; border: 1px dashed var(--m-rule-strong); border-radius: 2px;
font-size: 12px; font-weight: 700; color: var(--m-ink3);
}
:root[data-ui="modules"] .rp42-pb:hover { border-color: var(--m-ink2); color: var(--m-ink); }
:root[data-ui="modules"] .rp42-pb.on { border-style: solid; border-color: var(--m-copper-line); background: var(--m-copper-tint); color: var(--m-tab); }
:root[data-ui="modules"][data-theme="dark"] .rp42-pb.on { color: var(--m-copper); }
:root[data-ui="modules"] .rp42-cut { margin: 0; padding: 4px 8px; font-size: 12px; color: var(--m-tab); background: var(--m-copper-tint); }
:root[data-ui="modules"][data-theme="dark"] .rp42-cut { color: var(--m-copper); }
:root[data-ui="modules"] .rp42-cut::before, :root[data-ui="modules"] .rp42-cut::after { border-top: 1px dashed var(--m-copper); opacity: 1; }
/* الاتجاه: خليتان متلاصقتان، والمختارة نحاسية الصبغة بإطار نحاسي */
:root[data-ui="modules"] .rp42-or { gap: 0; }
:root[data-ui="modules"] .rp42-o {
min-height: 40px; padding: 0 14px; border: 1px solid var(--m-rule); border-radius: 0; background: var(--m-mod); box-shadow: none;
font-size: 13px; font-weight: 700; color: var(--m-ink2);
}
:root[data-ui="modules"] .rp42-o + .rp42-o { border-inline-start-width: 0; }
:root[data-ui="modules"] .rp42-o:first-child { border-start-start-radius: 3px; border-end-start-radius: 3px; }
:root[data-ui="modules"] .rp42-o:last-child { border-start-end-radius: 3px; border-end-end-radius: 3px; }
:root[data-ui="modules"] .rp42-o:hover { background: var(--m-sunk); }
:root[data-ui="modules"] .rp42-o.on { background: var(--m-copper-tint); border-color: var(--m-copper-line); color: var(--m-ink); box-shadow: none; }
:root[data-ui="modules"] .rp42-o i { border-color: var(--m-rule-strong); border-radius: 1px; box-shadow: inset 0 3px 0 var(--m-ink); background: var(--m-mod); }
:root[data-ui="modules"] .rp42-o.on i { border-color: var(--m-copper); }
:root[data-ui="modules"] .rp42-chip:focus-visible, :root[data-ui="modules"] .rp42-pb:focus-visible, :root[data-ui="modules"] .rp42-o:focus-visible { outline-color: var(--m-focus); }
/* خريطة الصفحات: وحدة غائرة بلسان */
:root[data-ui="modules"] .rp42-map { padding: 0 12px 30px; border: 1px solid var(--m-rule); border-radius: 2px; background: var(--m-sunk); }
:root[data-ui="modules"] .rp42-map h4 {
width: max-content; max-width: calc(100% + 13px); height: 34px; margin: -1px 0 0; margin-inline-start: -13px; padding: 0 12px; gap: 6px;
background: var(--m-tab); color: var(--m-tab-ink); font-size: 13px; font-weight: 700;
}
:root[data-ui="modules"] .rp42-map h4 svg.ic, :root[data-ui="modules"] .rp42-map h4 .ad-ic { width: 15px; height: 15px; padding: 0; background: none; color: currentColor; }
:root[data-ui="modules"] .rp42-map .sub { margin: 8px 0 14px; font-size: 12px; color: var(--m-ink3); }
:root[data-ui="modules"] .rp42-pg { border-radius: 1px; box-shadow: 0 0 0 1px var(--m-rule); }
:root[data-ui="modules"] .rp42-pg .no { font-size: 12px; color: var(--m-ink3); }
:root[data-ui="modules"] .rp42-msg { font-size: 13px; color: var(--m-ink3); }
:root[data-ui="modules"] .rp42-msg.warn { color: var(--m-verm); }
/* ---------- 53-7) شاشة الدخول واختيار البروفايل: وحدة واحدة على الأرضية ---------- */
:root[data-ui="modules"] .login-wrap { background: var(--m-ground); padding: 16px; }
:root[data-ui="modules"] .login-card {
max-width: 400px; border: 1px solid var(--m-rule); border-radius: 3px; background: var(--m-mod); box-shadow: none; text-align: start;
}
:root[data-ui="modules"] .login-head { background: var(--m-logo); border-bottom: 0; padding: 26px 24px 22px; text-align: center; }
:root[data-ui="modules"][data-theme="dark"] .login-head { border-bottom: 1px solid var(--m-rule); }
:root[data-ui="modules"] .login-logo { width: 132px; }
:root[data-ui="modules"] .login-head .brand-sub { margin-top: 12px; font-size: 13px; letter-spacing: 0; color: #C9C4BE; opacity: 1; }
:root[data-ui="modules"] .login-body { padding: 0 24px 24px; }
:root[data-ui="modules"] .login-card h1 {
display: flex; align-items: center; width: max-content; max-width: calc(100% + 25px); height: 36px; margin: 0 0 18px; margin-inline-start: -25px; padding: 0 16px;
background: var(--m-tab); color: var(--m-tab-ink); font-size: 14px; font-weight: 700; line-height: 1;
}
:root[data-ui="modules"] #profPick .meta { font-size: 13px !important; color: var(--m-ink2); }
:root[data-ui="modules"] .login-card .field { margin: 14px 0 0; }
:root[data-ui="modules"] .login-card .btn-primary { width: 100%; min-height: 44px; margin-top: 18px; padding: 0 14px; font-size: 14px; }
:root[data-ui="modules"] .login-err { margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--m-verm); }
:root[data-ui="modules"] .login-err:empty { min-height: 0; margin: 0; }
:root[data-ui="modules"] .apk-link { margin-top: 12px; border: 1px solid var(--m-rule); background: var(--m-sunk); color: var(--m-ink2); font-size: 13px; }
:root[data-ui="modules"] .ad-login-note { border: 1px solid var(--m-rule2); background: var(--m-sunk); color: var(--m-ink2); font-size: 13px; }
:root[data-ui="modules"] .ad-login-note.rec { background: var(--m-copper-tint); border-color: var(--m-copper-line); }
:root[data-ui="modules"] .ad-login-note > .ic { color: var(--m-copper); }
:root[data-ui="modules"] .ad-login-stamp .ad-ro-stamp { box-shadow: none; border: 1px solid var(--m-copper-line); border-radius: 2px; }
/* اختيار البروفايل: صفوف إجراء مسطّرة في إطار واحد */
:root[data-ui="modules"] .prof-pick { gap: 0; margin-top: 4px; border: 1px solid var(--m-rule); border-radius: 2px; overflow: hidden; }
:root[data-ui="modules"] .prof-pick button {
min-height: 52px; padding: 8px 12px; gap: 10px; border: 0; border-radius: 0; border-top: 1px solid var(--m-rule2);
background: var(--m-mod); color: var(--m-ink); font-size: 14px; font-weight: 700; transition: background-color .12s ease;
}
:root[data-ui="modules"] .prof-pick button:first-child { border-top: 0; }
:root[data-ui="modules"] .prof-pick button:hover { background: var(--m-copper-tint); border-color: var(--m-rule2); }
:root[data-ui="modules"] .prof-pick button:focus-visible { outline: 2px solid var(--m-focus); outline-offset: -2px; }
:root[data-ui="modules"] .prof-pick button > .ad-ic { width: 32px; height: 32px; padding: 7px; }
:root[data-ui="modules"] .prof-pick .pp-sub { font-size: 13px; font-weight: 500; color: var(--m-ink3); }
/* ---------- 53-8) صفحة الطلب العامّة (request.html) ---------- */
:root[data-ui="modules"] .rq-top {
height: 56px; padding: 0 16px; gap: 12px; background: var(--m-mod); color: var(--m-ink); border-bottom: 1px solid var(--m-rule);
}
:root[data-ui="modules"] .rq-top img { height: 56px; width: auto; padding: 14px; margin-inline-start: -16px; background: var(--m-logo); flex: none; }
:root[data-ui="modules"] .rq-top .t { font-size: 14px; font-weight: 800; color: var(--m-ink); }
:root[data-ui="modules"] .rq-top .s { font-size: 12px; opacity: 1; color: var(--m-ink3); }
:root[data-ui="modules"] .rq-wrap { max-width: 920px; padding: 16px 16px 48px; }
:root[data-ui="modules"] .rq-h1 { margin: 0 0 6px; font-size: 18px; font-weight: 800; gap: 8px; color: var(--m-ink); }
:root[data-ui="modules"] .rq-h1 .ad-ic.lg { width: 32px; height: 32px; padding: 7px; }
:root[data-ui="modules"] .rq-lead { margin: 0 0 16px; max-width: 80ch; font-size: 14px; line-height: 1.8; color: var(--m-ink2); }
:root[data-ui="modules"] .rq-req { color: var(--m-verm); }
:root[data-ui="modules"] .rq-hint { margin-top: 5px; font-size: 12px; line-height: 1.6; color: var(--m-ink3); }
:root[data-ui="modules"] .rq-foot { font-size: 12px; color: var(--m-ink3); }
:root[data-ui="modules"] .rq-back { min-height: 36px; padding: 0 12px; margin: 0 0 12px; font-size: 13px; }
/* البوّابة: كل نوع وحدة بلسان، وسطر «متابعة» تذييلها */
:root[data-ui="modules"] .rq-gate { gap: 8px; }
:root[data-ui="modules"] .rq-gate-b {
gap: 0; padding: 0; align-items: stretch; border: 1px solid var(--m-rule); border-radius: 2px; box-shadow: none; transform: none;
background: linear-gradient(var(--m-rule), var(--m-rule)) left 0 top 33px / 100% 1px no-repeat, var(--m-mod);
transition: border-color .12s ease;
}
:root[data-ui="modules"] .rq-gate-b:hover, :root[data-ui="modules"] .rq-gate-b:focus-visible { border-color: var(--m-rule-strong); box-shadow: none; transform: none; }
:root[data-ui="modules"] .rq-gate-b:focus-visible { outline: 2px solid var(--m-focus); outline-offset: 2px; }
:root[data-ui="modules"] .rq-gate-b .l {
order: -1; align-self: flex-start; height: 34px; margin: -1px 0 0; margin-inline-start: -1px; padding: 0 14px;
background: var(--m-tab); color: var(--m-tab-ink); font-size: 14px; font-weight: 700; line-height: 34px;
}
:root[data-ui="modules"] .rq-gate-b .ad-ic.lg { align-self: flex-start; width: 36px; height: 36px; padding: 8px; margin: 14px 14px 0; }
:root[data-ui="modules"] .rq-gate-b .d { padding: 8px 14px 14px; font-size: 13px; line-height: 1.7; color: var(--m-ink2); }
:root[data-ui="modules"] .rq-gate-b .go {
display: flex; align-items: center; gap: 6px; min-height: 44px; margin: auto 0 0; padding: 0 14px;
border-top: 1px solid var(--m-rule2); background: var(--m-sunk); color: var(--m-tab); font-size: 13px; font-weight: 700;
}
:root[data-ui="modules"] .rq-gate-b .go::after {
content: ""; width: 14px; height: 14px; margin-inline-start: auto; background: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
}
:root[data-ui="modules"][dir="ltr"] .rq-gate-b .go::after { transform: scaleX(-1); }
:root[data-ui="modules"] .rq-gate-b:hover .go { background: var(--m-copper-tint); }
:root[data-ui="modules"][data-theme="dark"] .rq-gate-b .go { color: var(--m-copper); }
/* النموذج: كل صندوق وحدة بلسان نحاسي */
:root[data-ui="modules"] .rq-wrap .ad-sec-body:not(.rq-done) { padding: 0; }
:root[data-ui="modules"] .rq-wrap .set-box {
margin: 0 0 8px; padding: 0 12px 12px; border: 1px solid var(--m-rule); border-radius: 2px;
background: linear-gradient(var(--m-rule), var(--m-rule)) left 0 top 33px / 100% 1px no-repeat, var(--m-mod);
}
:root[data-ui="modules"] .rq-wrap .set-box > .set-box-h {
display: flex; align-items: center; width: max-content; max-width: calc(100% + 13px); height: 34px; gap: 6px;
margin: -1px 0 0; margin-inline-start: -13px; padding: 0 12px;
background: var(--m-tab); color: var(--m-tab-ink); font-size: 13px; font-weight: 700; line-height: 1; white-space: nowrap;
}
:root[data-ui="modules"] .rq-wrap .set-box > .set-box-h .ad-ic { width: 16px; height: 16px; padding: 0; background: none; color: currentColor; }
:root[data-ui="modules"] .rq-wrap .set-box > .set-box-h .rq-req { color: var(--m-tab-ink); }
:root[data-ui="modules"] .rq-wrap .set-box > .set-box-h + * { margin-top: 12px; }
:root[data-ui="modules"] .rq-wrap .set-box > .set-box-h + .rq-grid { margin-top: 0; }
:root[data-ui="modules"] .rq-grid { gap: 0 12px; }
:root[data-ui="modules"] .rq-wrap .field { margin: 12px 0 0; }
/* «من يقدّم الطلب» وأخواتها: خليتان في شريط مسطّر */
:root[data-ui="modules"] .rq-who { gap: 0; border: 1px solid var(--m-rule); border-radius: 2px; overflow: hidden; }
:root[data-ui="modules"] .rq-who-b {
align-items: flex-start; gap: 10px; min-height: 44px; padding: 10px 12px; border: 0; border-radius: 0;
border-inline-start: 1px solid var(--m-rule2); background: var(--m-mod); box-shadow: none; transition: background-color .12s ease;
}
:root[data-ui="modules"] .rq-who-b:first-child { border-inline-start: 0; }
:root[data-ui="modules"] .rq-who-b:hover { background: var(--m-sunk); }
:root[data-ui="modules"] .rq-who-b.on, :root[data-ui="modules"] .rq-who-b:has(input:checked) { background: var(--m-copper-tint); box-shadow: inset 0 0 0 1px var(--m-copper-line); }
:root[data-ui="modules"] .rq-who-b input { margin-top: 2px; }
:root[data-ui="modules"] .rq-who-b .l, :root[data-ui="modules"] .rq-ty-b .l { font-size: 14px; font-weight: 800; color: var(--m-ink); }
:root[data-ui="modules"] .rq-who-b .d, :root[data-ui="modules"] .rq-ty-b .d { margin-top: 2px; font-size: 13px; line-height: 1.6; color: var(--m-ink2); }
:root[data-ui="modules"] .rq-ty { gap: 0; border: 1px solid var(--m-rule); border-radius: 2px; overflow: hidden; }
:root[data-ui="modules"] .rq-ty-b { padding: 12px; border: 0; border-radius: 0; border-inline-start: 1px solid var(--m-rule2); background: var(--m-mod); box-shadow: none; }
:root[data-ui="modules"] .rq-ty-b:first-child { border-inline-start: 0; }
:root[data-ui="modules"] .rq-ty-b.on { background: var(--m-copper-tint); box-shadow: inset 0 0 0 1px var(--m-copper-line); }
/* منطقة المرفقات: إسقاط بخطّ متقطّع على الغائر */
:root[data-ui="modules"] .rq-drop {
padding: 18px 16px; border: 1px dashed var(--m-rule-strong); border-radius: 2px; background: var(--m-sunk); color: var(--m-ink);
transition: border-color .12s ease, background-color .12s ease;
}
:root[data-ui="modules"] .rq-drop:hover, :root[data-ui="modules"] .rq-drop.over { border-color: var(--m-copper); background: var(--m-copper-tint); box-shadow: none; }
:root[data-ui="modules"] .rq-drop:focus-visible { outline: 2px solid var(--m-focus); outline-offset: 2px; box-shadow: none; }
:root[data-ui="modules"] .rq-drop .l { font-size: 14px; font-weight: 800; color: var(--m-ink); }
:root[data-ui="modules"] .rq-drop .d { font-size: 13px; color: var(--m-ink2); }
:root[data-ui="modules"] .rq-drop .m { font-size: 12px; color: var(--m-ink3); }
:root[data-ui="modules"] .rq-files { gap: 6px; }
:root[data-ui="modules"] .rq-file { padding: 4px 6px; gap: 8px; border: 1px solid var(--m-rule); border-radius: 2px; background: var(--m-mod); font-size: 13px; color: var(--m-ink2); }
:root[data-ui="modules"] .rq-file .th { border-radius: 1px; background: var(--m-sunk); }
:root[data-ui="modules"] .rq-file .s { font-size: 12px; color: var(--m-ink3); }
:root[data-ui="modules"] .rq-file button { min-width: 32px; min-height: 32px; justify-content: center; align-items: center; border-radius: 2px; color: var(--m-verm); }
:root[data-ui="modules"] .rq-file button:hover { background: var(--m-verm-tint); }
:root[data-ui="modules"] .rq-send { min-height: 44px; margin-top: 4px; padding: 0 16px; font-size: 14px; font-weight: 700; }
/* اقتراحات الاسم من سجل الموظفين: قائمة مصمَّمة */
:root[data-ui="modules"] .rq-ns-menu { border: 1px solid var(--m-rule-strong); border-radius: 3px; background: var(--m-mod); box-shadow: var(--m-shadow-menu); padding: 4px; }
:root[data-ui="modules"] .rq-ns-opt { min-height: 44px; padding: 6px 10px; border-bottom: 0; border-radius: 2px; }
:root[data-ui="modules"] .rq-ns-opt:hover { background: var(--m-sunk); }
:root[data-ui="modules"] .rq-ns-opt.on { background: var(--m-copper-tint); }
:root[data-ui="modules"] .rq-ns-opt b { font-size: 14px; font-weight: 700; }
:root[data-ui="modules"] .rq-ns-opt span { font-size: 12px; color: var(--m-ink3); }
:root[data-ui="modules"] .rq-ns-foot { font-size: 12px; color: var(--m-ink3); border-top: 1px solid var(--m-rule2); }
:root[data-ui="modules"] .rq-ns-note { font-size: 13px; color: var(--m-ink2); }
:root[data-ui="modules"] .rq-ns-note.ok { color: var(--m-green); }
:root[data-ui="modules"] .rq-ns-note.bad { color: var(--m-verm); }
:root[data-ui="modules"] input.rq-ns-ok { border-color: var(--m-green) !important; box-shadow: inset 0 0 0 1px var(--m-green) !important; }
/* بطاقة الصيانة وحالة «وصل طلبك» */
:root[data-ui="modules"] .rq-maint { padding: 28px 24px 24px; border: 1px solid var(--m-rule); border-radius: 3px; background: var(--m-mod); box-shadow: none; }
:root[data-ui="modules"] .rq-seal {
width: 64px; height: 64px; margin-bottom: 14px; border: 1px solid var(--m-copper-line); border-radius: 3px; box-shadow: none; transform: none;
background: var(--m-copper-tint); color: var(--m-copper);
}
:root[data-ui="modules"] .rq-seal .ic { width: 30px; height: 30px; }
:root[data-ui="modules"] .rq-maint h1 { font-size: 18px; font-weight: 800; }
:root[data-ui="modules"] .rq-maint .lead { font-size: 14px; color: var(--m-ink2); }
:root[data-ui="modules"] .rq-facts { gap: 0; }
:root[data-ui="modules"] .rq-fact { border: 1px solid var(--m-rule); border-radius: 2px; background: var(--m-sunk); padding: 10px 12px; }
:root[data-ui="modules"] .rq-fact + .rq-fact:not(.hidden) { margin-top: 6px; }
:root[data-ui="modules"] .rq-fact .k { font-size: 12px; color: var(--m-ink3); }
:root[data-ui="modules"] .rq-maint .foot { font-size: 13px; color: var(--m-ink3); }
:root[data-ui="modules"] .rq-done { padding: 32px 16px; border: 1px solid var(--m-rule); border-radius: 2px; background: var(--m-mod); }
:root[data-ui="modules"] .rq-done .ad-ic.lg { width: 44px; height: 44px; padding: 10px; }
:root[data-ui="modules"] .rq-done h2 { font-size: 18px; font-weight: 800; }
:root[data-ui="modules"] .rq-done p { font-size: 14px; color: var(--m-ink2); }
/* ---------- 53-9) الهاتف ---------- */
@media (max-width: 760px) {
:root[data-ui="modules"] .ad-uintro-card { border-inline-start: 0; border-top: 1px solid var(--m-rule2); gap: 12px; padding: 10px; }
:root[data-ui="modules"] .ad-uintro-card:first-child { border-top: 0; }
:root[data-ui="modules"] .ad-uintro-card:has(.ad-uintro-cur) .t { padding-top: 22px; }
:root[data-ui="modules"] .ad-uintro-new, :root[data-ui="modules"] .ad-uintro-cur { height: 22px; padding: 0 8px; }
:root[data-ui="modules"] .ad-rqtheme-prev { flex-direction: column; align-items: stretch; }
:root[data-ui="modules"] .un-uicard.ad-rqtheme-thumb { flex: none; width: 100%; }
:root[data-ui="modules"] .ad-modes { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="modules"] .ad-mode { border-inline-start: 0; border-top: 1px solid var(--m-rule2); }
:root[data-ui="modules"] .ad-mode:first-child { border-top: 0; }
:root[data-ui="modules"] .modal .body:has(.un-uipick) > .set-box { background-position: left 0 top 39px, 0 0; }
:root[data-ui="modules"] .modal .body:has(.un-uipick) > .set-box > .set-box-h { height: 40px; }
:root[data-ui="modules"] .modal .col-opt.col-opt-lab { min-height: 40px; }
:root[data-ui="modules"] .modal .tabs button { flex: 1 1 auto; justify-content: center; height: 42px; }
:root[data-ui="modules"] .modal .ad-perms { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="modules"] .modal .col-opt { min-height: 44px; }
:root[data-ui="modules"] .rp42-chip, :root[data-ui="modules"] .rp42-pb { min-height: 40px; }
:root[data-ui="modules"] .rp42-o { flex: 1 1 0; justify-content: center; min-height: 44px; }
:root[data-ui="modules"] .rp42-sec .h { min-width: 40px; min-height: 40px; }
/* تذييل بثلاثة أزرار فأكثر (نافذة التقرير): صفّان من زرّين بدل أربعة أزرار مضغوطة */
:root[data-ui="modules"] .modal > footer:has(> .btn:nth-child(3)) { flex-wrap: wrap; }
:root[data-ui="modules"] .modal > footer:has(> .btn:nth-child(3)) > .btn { flex: 1 1 calc(50% - 4px); }
:root[data-ui="modules"] #main.container > .grid:not(.ad-hgrid) { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="modules"] .login-wrap { padding: 40px 12px 12px; place-items: start center; }
:root[data-ui="modules"] .login-body { padding: 0 16px 20px; }
:root[data-ui="modules"] .login-card h1 { margin-inline-start: -17px; height: 40px; }
:root[data-ui="modules"] .rq-top { padding: 0 12px; gap: 10px; }
:root[data-ui="modules"] .rq-top img { margin-inline-start: -12px; padding: 14px 10px; }
:root[data-ui="modules"] .rq-wrap { padding: 12px 12px 40px; }
:root[data-ui="modules"] .rq-back { min-height: 44px; }
:root[data-ui="modules"] .rq-wrap .field input:not([type="checkbox"]):not([type="radio"]),
:root[data-ui="modules"] .rq-wrap select:not([multiple]):not([size]) { min-height: 44px; }
:root[data-ui="modules"] .rq-wrap .set-box { background-position: left 0 top 39px, 0 0; }
:root[data-ui="modules"] .rq-wrap .set-box > .set-box-h { height: 40px; }
:root[data-ui="modules"] .rq-gate-b { background-position: left 0 top 39px, 0 0; }
:root[data-ui="modules"] .rq-gate-b .l { height: 40px; line-height: 40px; }
}
@media (max-width: 640px) {
:root[data-ui="modules"] .rq-who-b, :root[data-ui="modules"] .rq-ty-b { border-inline-start: 0; border-top: 1px solid var(--m-rule2); }
:root[data-ui="modules"] .rq-who-b:first-child, :root[data-ui="modules"] .rq-ty-b:first-child { border-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
:root[data-ui="modules"] :is(.ad-uintro-card, .ad-mode, .prof-pick button, .rq-gate-b, .rq-who-b, .rq-drop, .rp42-sec),
:root[data-ui="modules"] #main.container > .grid:not(.ad-hgrid) > .card,
:root[data-ui="modules"] #main.container > .grid:not(.ad-hgrid) > .card::after,
:root[data-ui="modules"] .modal input[type="checkbox"].switch,
:root[data-ui="modules"] .modal input[type="checkbox"].switch::after { transition: none; }
}
/* الحزمة 53 — رمز العملة في قيمة العملتين (`sumHTML` ⇐ ) سطرٌ واحد مع رقمه: تُبطل قاعدة `.ad-m .v small` القديمة التي تجعله كتلة */
:root[data-ui="modules"] .ad-m .v > .un-sum > .un-amt > small { display: inline; margin-inline-start: 3px; font-size: 13px; font-weight: 700; color: var(--m-ink3); }