/**
 * مخزني — هوية الألوان الموحّدة
 * لوحة التحكم: برتقالي #ffa62b · زيتي #344e41 · teal/coral/gold/mint/slate
 */
/* أرقام لاتينية (0-9) في كل النظام — ثقافة + خط Alexandria */
html,
body {
    font-variant-numeric: lining-nums;
    -webkit-font-feature-settings: "lnum" 1, "locl" 0;
    font-feature-settings: "lnum" 1, "locl" 0;
}

.numeric,
.tile-value,
.tile-sub,
.reports-footer-box .val,
input[type="date"],
input[type="time"],
input[type="number"],
[dir="ltr"] {
    font-variant-numeric: lining-nums tabular-nums;
    -webkit-font-feature-settings: "lnum" 1, "tnum" 1, "locl" 0;
    font-feature-settings: "lnum" 1, "tnum" 1, "locl" 0;
}

:root {
    /* ── Enterprise design tokens ─────────────────────────────────────────── */
    --primary: #0f4c5c;
    --primary-light: #1a6578;
    --primary-dark: #0a3844;
    --accent: #26b9cc;
    --accent-strong: #2096c2;
    --bg-light: #f7f9fb;
    --surface: #ffffff;
    --border: #e5e9ef;
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --success: #2d9a6f;
    --success-soft: #e8f5ef;
    --danger: #c0392b;
    --danger-soft: #fceceb;
    --warning: #d4930d;
    --warning-soft: #fef6e8;
    --info: #2980b9;
    --info-soft: #eaf4fb;
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 12px;
    --space-4: 32px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --shadow-nav: 0 2px 8px rgba(15, 23, 42, 0.06);
    --shadow-dropdown: 0 12px 32px rgba(15, 23, 42, 0.12);
    --shadow-card: 0 1px 3px rgba(15, 23, 42, 0.05), 0 4px 12px rgba(15, 23, 42, 0.04);
    --shadow-card-hover: 0 8px 24px rgba(15, 23, 42, 0.1);
    --leading-ar: 1.65;
    --font-display: 'Alexandria', system-ui, sans-serif;
    --text-h1: 1.75rem;
    --text-h2: 1.375rem;
    --text-h3: 1.125rem;
    --text-body: 0.9375rem;
    --text-caption: 0.8125rem;
    --text-overline: 0.6875rem;
    /* بطاقات لوحة التحكم — ألوان أصلية */
    --dash-teal: #26b9cc;
    --dash-coral: #f98b72;
    --dash-gold: #fdd382;
    --dash-mint: #2ecc91;
    --dash-slate: #2096c2;
    /* ألوان مستندات الفواتير — متزامنة مع شاشات الإنشاء */
    --inv-sale: #26b9cc;
    --inv-purchase: #1565c0;
    --inv-sale-return: #e85d4a;
    --inv-purchase-return: #7b1fa2;
    --inv-quotation: #3f51b5;
    --mh-topbar: var(--primary);
    /* شريط التنقّل — تدرج عميق احترافي */
    --mh-navbar: linear-gradient(135deg, #0a3844 0%, #0f4c5c 42%, #103c4c 100%);
    --mh-topbar-text: #ffffff;
    --mh-txt-black: #080808;
    --mh-content-title: var(--primary);
    --mh-content-heading: var(--text-primary);
    --mh-content-muted: var(--text-secondary);
    --mh-topbar-text-muted: rgba(255, 255, 255, 0.72);
    --mh-topbar-hover: rgba(255, 255, 255, 0.12);
    --mh-table-head: var(--mh-navbar);
    --mh-primary: var(--primary);
    --mh-primary-hover: var(--primary-light);
    --mh-secondary: var(--accent);
    --mh-accent: var(--accent);
    --mh-danger: var(--danger);
    --mh-info: var(--info);
    --mh-bg: var(--bg-light);
    --mh-surface: var(--surface);
    --mh-border: var(--border);
    --mh-sidebar: var(--dash-slate);
    --mh-content: #ffffff;
    --mh-btn: var(--dash-mint);
    --mh-primary-light: rgba(15, 76, 92, 0.08);
    --mh-primary-pale: var(--bg-light);
    --mh-accent-light: rgba(253, 211, 130, .35);
    --mh-text: #1e293b;
    --mh-text-muted: #64748b;
    --mh-shadow: 0 1px 4px rgba(52, 103, 122, .1);
    --mh-shadow-md: 0 4px 16px rgba(52, 103, 122, .12);
    --mh-focus-ring: 0 0 0 3px rgba(38, 185, 204, .22);
    /* هامش أفقي موحّد لمحتوى الصفحات */
    --mh-page-gutter: 12px;
    --mh-page-gutter-sm: 10px;
    /* لوحة ألوان قديمة — للتوافق */
    --mh-c-deep: var(--dash-slate);
    --mh-c-mid: var(--dash-teal);
    --mh-c-soft: #82c0cc;
    --mh-c-cream: #ede7e3;
    --mh-c-accent: var(--mh-topbar);
    /* توافق مع app.css القديم */
    --green: var(--mh-btn);
    --green-dark: var(--mh-primary);
    --green-mid: var(--mh-secondary);
    --green-light: var(--mh-primary-light);
    --green-pale: var(--mh-bg);
    --red: var(--mh-danger);
    --blue: var(--mh-info);
    --gray-50: #fafafa;
    --gray-100: var(--mh-bg);
    --gray-200: #eeeeee;
    --gray-300: var(--mh-border);
    --gray-500: #9e9e9e;
    --gray-700: var(--mh-text-muted);
    --gray-900: var(--mh-text);
}

/* مساعدات للعناصر القديمة / Excel */
.mh-bg-btn {
    background: var(--mh-btn) !important;
    color: #fff !important;
}

.mh-bg-primary {
    background: var(--mh-primary) !important;
    color: #fff !important;
}

.mh-text-primary {
    color: var(--mh-primary) !important;
}

.mh-text-profit {
    color: var(--mh-primary) !important;
}

.mh-text-loss {
    color: var(--dash-coral) !important;
}

.mh-text-discount {
    color: var(--dash-coral) !important;
}

.mh-text-olive {
    color: var(--mh-topbar-text) !important;
}

/* App version badge — bump Makhzani.Web/AppVersion.cs to refresh */
.app-version-footer {
    position: fixed;
    inset-inline-start: 12px;
    bottom: max(8px, env(safe-area-inset-bottom, 0px));
    z-index: 40;
    pointer-events: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.app-version-footer__text {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--text-muted, #5a6b73);
    opacity: 0.7;
    user-select: none;
}