/* ════════════════════════════════════════════════════════════════════
   ERP · visual system v4.1  — design language
   ------------------------------------------------------------------
   Fonts, shapes and colors follow the design system: Zain for display
   and numbers, IBM Plex Sans Arabic for UI, black-on-paper monochrome
   with soft pastel tints per domain, 20px cards and soft shadows.
   Loaded AFTER the legacy inline styles; every rule is scoped under
   html.aurum so it wins over older theme layers without touching them.

   Themes : html.aurum[data-theme="light"]  (paper · black ink)
            html.aurum[data-theme="dark"]   (black · white ink)
   Layout : html.aurum.ax-rail  → collapsed icon-rail sidebar (desktop)
════════════════════════════════════════════════════════════════════ */

/* ───────────────────────── 1. TOKENS ───────────────────────── */
html.aurum {
  /* fonts & shapes of the design system */
  --ax-font: 'IBM Plex Sans Arabic', 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --ax-display: 'Zain', 'IBM Plex Sans Arabic', 'Cairo', system-ui, sans-serif;
  --ax-radius: 20px;
  --ax-radius-sm: 12px;
  --ax-radius-lg: 28px;
  --ax-ease: cubic-bezier(.22, 1, .36, 1);
  --ax-spring: cubic-bezier(.34, 1.42, .5, 1);
  --ax-side-w: 256px;
  --ax-rail-w: 76px;
}

/* ── Light ("paper") ── */
html.aurum[data-theme="light"] {
  /* 4.10 · day theme in the logo's own colors: white paper, navy ink, gold accent */
  color-scheme: light;
  --ax-bg: #E7ECF3;
  --ax-side: #FFFFFF;
  --ax-surface: #FFFFFF;
  --ax-surface-2: #F1F4F9;
  --ax-surface-3: #E3E9F2;
  --ax-line: #D5DDE8;
  --ax-line-2: #B5C1D3;
  --ax-text: #0B1630;
  --ax-muted: #47536B;
  --ax-faint: #737E95;
  --ax-ink: #002055;          /* the logo navy */
  --ax-on-ink: #FFFFFF;
  --ax-deep: #002055;         /* header / hero panel */
  --ax-on-deep: #FFFFFF;
  --ax-deep-muted: #A9B8D6;
  --ax-gold: #D79613;         /* the logo gold */
  --ax-gold-2: #B87C08;
  --ax-gold-soft: rgba(215, 150, 19, .14);
  --ax-primary: #002055;
  --ax-primary-hover: #0A2D6E;
  --ax-primary-ink: #FFFFFF;
  --ax-primary-rgb: 0, 32, 85;
  --ax-blue: #1F63E0;   --ax-blue-soft: #DCE7FD;
  --ax-ok: #138A47;     --ax-ok-soft: #DBF2E4;
  --ax-warn: #C27400;   --ax-warn-soft: #FDEBD2;
  --ax-bad: #D5221A;    --ax-bad-soft: #FBDEDB;
  --ax-violet: #6D3BDB; --ax-violet-soft: #E8E0FD;
  --ax-teal: #00958D;   --ax-teal-soft: #D2F1EF;
  --ax-pink: #D41459;   --ax-pink-soft: #FBDCE7;
  --ax-shadow: 0 1px 2px rgba(0, 32, 85, .06), 0 10px 26px -14px rgba(0, 32, 85, .22);
  --ax-shadow-lift: 0 2px 6px rgba(0, 32, 85, .08), 0 20px 42px -16px rgba(0, 32, 85, .32);
  --ax-shadow-lg: 0 24px 60px -12px rgba(0, 32, 85, .32);
  --ax-hover: rgba(0, 32, 85, .045);
  --ax-active: rgba(0, 32, 85, .07);
  --ax-input: #FFFFFF;
  --ax-ripple: rgba(0, 32, 85, .1);
}

/* ── Dark (night) ── */
html.aurum[data-theme="dark"] {
  color-scheme: dark;
  --ax-bg: #000000;
  --ax-side: #0A0A0A;
  --ax-surface: #121212;
  --ax-surface-2: #1A1A1A;
  --ax-surface-3: #1E1E1E;
  --ax-line: #232323;
  --ax-line-2: #333333;
  --ax-text: #FFFFFF;
  --ax-muted: #9E9E9E;
  --ax-faint: #6E6E6E;
  --ax-ink: #FFFFFF;
  --ax-on-ink: #000000;
  --ax-deep: #161616;
  --ax-on-deep: #FFFFFF;
  --ax-deep-muted: #9E9E9E;
  --ax-gold: var(--ax-ink);
  --ax-gold-2: #D6D6D6;
  --ax-gold-soft: rgba(255, 255, 255, .08);
  --ax-primary: #FFFFFF;
  --ax-primary-hover: #E6E6E6;
  --ax-primary-ink: #000000;
  --ax-primary-rgb: 255, 255, 255;
  --ax-blue: #6FBEFF;   --ax-blue-soft: #17395A;
  --ax-ok: #5CE89A;     --ax-ok-soft: #173E26;
  --ax-warn: #FFBD5C;   --ax-warn-soft: #42301A;
  --ax-bad: #FF6B6B;    --ax-bad-soft: #46212E;
  --ax-violet: #B79BFF; --ax-violet-soft: #2C2554;
  --ax-teal: #3EE0E8;   --ax-teal-soft: #13424B;
  --ax-pink: #FF7C99;   --ax-pink-soft: #46212E;
  --ax-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 26px -14px rgba(0, 0, 0, .7);
  --ax-shadow-lift: 0 2px 8px rgba(0, 0, 0, .4), 0 20px 46px -18px rgba(0, 0, 0, .75);
  --ax-shadow-lg: 0 30px 70px rgba(0, 0, 0, .7);
  --ax-hover: rgba(255, 255, 255, .05);
  --ax-active: rgba(255, 255, 255, .08);
  --ax-input: #000000;
  --ax-ripple: rgba(255, 255, 255, .12);
}

/* hero panel follows the deep header color */
html.aurum[data-theme] {
  --ax-hero-bg: var(--ax-deep);
  --ax-hero-bg-2: var(--ax-deep);
  --ax-hero-text: var(--ax-on-deep);
  --ax-hero-muted: var(--ax-deep-muted);
  --ax-hero-gold: #FFFFFF;
}

/* legacy variables → Aurum values (so every old component follows) */
html.aurum[data-theme] {
  --bg: var(--ax-bg);
  --bg-soft: var(--ax-surface-2);
  --surface: var(--ax-surface);
  --surface-2: var(--ax-surface-2);
  --surface-3: var(--ax-surface-3);
  --border: var(--ax-line);
  --border-strong: var(--ax-line-2);
  --text: var(--ax-text);
  --text-muted: var(--ax-muted);
  --text-soft: var(--ax-faint);
  --primary: var(--ax-primary);
  --primary-dark: var(--ax-primary-hover);
  --primary-light: var(--ax-gold-2);
  --primary-rgb: var(--ax-primary-rgb);
  --primary-50: var(--ax-gold-soft);
  --primary-100: var(--ax-gold-soft);
  --success: var(--ax-ok);
  --danger: var(--ax-bad);
  --warning: var(--ax-warn);
  --info: var(--ax-blue);
  --accent-blue: var(--ax-blue);
  --font: var(--ax-font);
  --shadow-sm: var(--ax-shadow);
  --shadow: var(--ax-shadow);
  --shadow-lg: var(--ax-shadow-lg);
  --grad-primary: var(--ax-primary);
  --tint-emerald: var(--ax-surface); --tint-mint: var(--ax-surface); --tint-lavender: var(--ax-surface);
  --tint-purple: var(--ax-surface);  --tint-peach: var(--ax-surface); --tint-rose: var(--ax-surface);
  --tint-amber: var(--ax-surface);   --tint-sky: var(--ax-surface);  --tint-cream: var(--ax-surface);
  --sidebar-w: var(--ax-side-w);
}
html.aurum.ax-rail[data-theme] { --sidebar-w: var(--ax-rail-w); }

/* ───────────────────────── 2. BASE ───────────────────────── */
html.aurum, html.aurum body {
  background: var(--ax-bg) !important;
  background-color: var(--ax-bg) !important;
  background-image: none !important;
}
html.aurum body {
  font-family: var(--ax-font) !important;
  color: var(--ax-text);
  font-weight: 500;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
html.aurum[data-theme="dark"] body::before {
  background:
    radial-gradient(1100px 520px at 88% -14%, rgba(91, 140, 255, .07), transparent 62%),
    radial-gradient(900px 460px at 0% -10%, rgba(228, 176, 74, .045), transparent 60%) !important;
}
html.aurum[data-theme="light"] body::before { background: none !important; }
html.aurum button, html.aurum input, html.aurum select, html.aurum textarea { font-family: var(--ax-font) !important; }

html.aurum h1, html.aurum h2, html.aurum h3, html.aurum h4,
html.aurum .page-title, html.aurum .dash-card-title, html.aurum .modal-title,
html.aurum .topbar-title, html.aurum .stat-value {
  color: var(--ax-text) !important;
  font-family: var(--ax-display) !important;
  letter-spacing: 0 !important;
}
html.aurum .page-subtitle, html.aurum .stat-label, html.aurum .text-muted,
html.aurum .sub, html.aurum .meta, html.aurum .table-meta { color: var(--ax-muted) !important; }
html.aurum td { color: var(--ax-text) !important; }
html.aurum a, html.aurum .link, html.aurum .dash-card-action { color: var(--ax-blue) !important; }
html.aurum ::selection { background: var(--ax-gold-soft); color: var(--ax-text); }

html.aurum *:focus-visible {
  outline: 2px solid var(--ax-gold) !important;
  outline-offset: 2px !important;
}

html.aurum ::-webkit-scrollbar { width: 10px; height: 10px; }
html.aurum ::-webkit-scrollbar-track { background: transparent; }
html.aurum ::-webkit-scrollbar-thumb { background: var(--ax-line-2); border-radius: 99px; border: 3px solid var(--ax-bg); }
html.aurum ::-webkit-scrollbar-thumb:hover { background: var(--ax-faint); }

/* number typography */
html.aurum .kpi-value, html.aurum .pg-value, html.aurum .dash-bigcard-value,
html.aurum .stat-value, html.aurum .stat-card .value, html.aurum .ax-num {
  font-family: var(--ax-display) !important;
  font-variant-numeric: tabular-nums;
}

/* ───────────────────────── 3. SIDEBAR ───────────────────────── */
html.aurum .sidebar, html.aurum aside.sidebar {
  width: var(--sidebar-w) !important;
  background: var(--ax-side) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  border-inline-start: 0 !important;
  border-inline-end: 1px solid var(--ax-line) !important;
  box-shadow: none !important;
  padding: 14px 12px !important;
  display: flex !important; flex-direction: column;
  transition: width .28s var(--ax-ease), transform .3s var(--ax-ease) !important;
  overflow-x: hidden;
}
html.aurum .main-content { margin-right: var(--sidebar-w) !important; transition: margin .28s var(--ax-ease); }

html.aurum .sidebar-brand {
  display: flex !important; align-items: center !important; gap: 12px !important;
  flex-direction: row-reverse !important; justify-content: flex-end !important;
  padding: 6px 6px 16px !important; margin: 0 0 8px !important;
  border-bottom: 1px solid var(--ax-line) !important;
  background: none !important; position: relative;
}
html.aurum .sidebar-brand::after {
  content: ''; position: absolute; bottom: -1px; inset-inline-start: 6px; width: 38px; height: 2px;
  background: var(--ax-gold); border-radius: 2px;
}
html.aurum .brand-logo {
  width: 42px !important; height: 42px !important; flex: 0 0 42px !important;
  border-radius: 50% !important; background: #fff !important; padding: 3px !important;
  box-shadow: 0 0 0 1px var(--ax-line-2), 0 6px 16px rgba(0, 0, 0, .18) !important;
  overflow: hidden;
}
html.aurum .brand-logo img { border-radius: 50% !important; object-fit: contain !important; background: #fff !important; padding: 0 !important; }
html.aurum .brand-name { font-family: var(--ax-display) !important; font-weight: 600 !important; font-size: 17px !important; color: var(--ax-text) !important; }
html.aurum .brand-sub { font-size: 11.5px !important; color: var(--ax-muted) !important; font-weight: 500 !important; }

html.aurum .sidebar-nav { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 4px 0 8px; }
html.aurum .nav-section-title {
  font-size: 11px !important; font-weight: 600 !important; letter-spacing: .3px !important;
  color: var(--ax-faint) !important; padding: 14px 12px 6px !important; margin: 0 !important;
  text-transform: none !important; white-space: nowrap;
}
html.aurum .nav-item {
  position: relative;
  display: flex !important; align-items: center !important; gap: 12px !important;
  padding: 9px 12px !important; margin: 1px 0 !important;
  border-radius: var(--ax-radius-sm) !important;
  background: transparent !important;
  color: var(--ax-muted) !important;
  font-weight: 500 !important; font-size: 14px !important;
  border: 0 !important; box-shadow: none !important; filter: none !important;
  transform: none !important;
  transition: background .18s ease, color .18s ease !important;
  animation: axFade .35s var(--ax-ease) both !important;
  white-space: nowrap;
}
html.aurum .nav-item::after { display: none !important; }
html.aurum .nav-item span { color: inherit !important; }
html.aurum .nav-item .nav-icon-colored, html.aurum .nav-item .icon {
  width: 32px !important; height: 32px !important; flex: 0 0 32px !important;
  display: grid !important; place-items: center !important;
  border-radius: 9px !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  color: inherit !important;
  transition: background .18s ease, color .18s ease;
}
html.aurum .nav-item .icon svg { width: 18px !important; height: 18px !important; }
html.aurum .nav-item:hover:not(.active) {
  background: var(--ax-hover) !important; color: var(--ax-text) !important;
  transform: none !important; filter: none !important;
}
html.aurum .nav-item:hover .icon { color: var(--nav-color, var(--ax-text)) !important; }
html.aurum .nav-item.active {
  background: var(--ax-active) !important;
  color: var(--ax-text) !important;
  font-weight: 600 !important;
  box-shadow: none !important; filter: none !important; transform: none !important;
}
html.aurum .nav-item.active::before {
  content: ''; position: absolute; inset-inline-start: -12px; top: 8px; bottom: 8px; width: 3px;
  border-radius: 0 3px 3px 0; background: var(--ax-gold);
}
html.aurum .nav-item.active .icon { color: var(--ax-gold) !important; background: var(--ax-gold-soft) !important; }
html.aurum .nav-item .badge {
  margin-inline-start: auto !important;
  min-width: 22px; height: 20px; padding: 0 7px !important;
  border-radius: 99px !important; display: grid !important; place-items: center;
  font-size: 11px !important; font-weight: 700 !important;
  background: var(--ax-bad-soft) !important; color: var(--ax-bad) !important; border: 0 !important;
  box-shadow: none !important;
}

html.aurum .sidebar-logout {
  margin: 8px 0 0 !important;
  display: flex !important; align-items: center; gap: 10px;
  padding: 10px 12px !important; border-radius: var(--ax-radius-sm) !important;
  background: transparent !important; border: 1px solid var(--ax-line) !important;
  color: var(--ax-muted) !important; font-weight: 500 !important; font-size: 13.5px !important;
  white-space: nowrap;
}
html.aurum .sidebar-logout:hover { color: var(--ax-bad) !important; border-color: var(--ax-bad-soft) !important; background: var(--ax-bad-soft) !important; }

/* rail toggle (injected by aurum.js) */
html.aurum .ax-rail-btn {
  margin-inline-start: auto; width: 30px; height: 30px; flex: 0 0 30px;
  display: grid; place-items: center; border-radius: 8px;
  background: transparent; border: 1px solid var(--ax-line); color: var(--ax-muted); cursor: pointer;
  transition: background .18s, color .18s, transform .28s var(--ax-ease);
}
html.aurum .ax-rail-btn:hover { background: var(--ax-hover); color: var(--ax-text); }
html.aurum .ax-rail-btn svg { width: 16px; height: 16px; }

/* ── collapsed rail (desktop) ── */
@media (min-width: 769px) {
  html.aurum.ax-rail .sidebar { padding: 14px 10px !important; }
  html.aurum.ax-rail .sidebar-brand { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 10px !important; }
  html.aurum.ax-rail .sidebar-brand > div:not(.brand-logo) { display: none !important; }
  html.aurum.ax-rail .sidebar-brand::after { inset-inline-start: calc(50% - 19px); }
  html.aurum.ax-rail .ax-rail-btn { margin: 0; transform: rotate(180deg); }
  html.aurum.ax-rail .nav-section-title { font-size: 0 !important; padding: 8px 0 !important; }
  html.aurum.ax-rail .nav-section-title::before { content: ''; display: block; height: 1px; margin: 0 14px; background: var(--ax-line); }
  html.aurum.ax-rail .nav-item { justify-content: center !important; padding: 7px 0 !important; }
  html.aurum.ax-rail .nav-item > span:not(.icon):not(.badge) { display: none !important; }
  html.aurum.ax-rail .nav-item .badge {
    position: absolute; top: 3px; inset-inline-end: 8px;
    min-width: 16px; height: 16px; padding: 0 4px !important; font-size: 10px !important;
  }
  html.aurum.ax-rail .nav-item.active::before { inset-inline-start: -10px; }
  html.aurum.ax-rail .sidebar-logout { justify-content: center; font-size: 0 !important; padding: 10px 0 !important; }
}

/* ───────────────────────── 4. TOPBAR ───────────────────────── */
html.aurum .company-banner { display: none !important; }
html.aurum .topbar {
  position: sticky !important; top: 0 !important; z-index: 55 !important;
  min-height: 64px !important;
  padding: 10px 24px !important;
  padding-top: max(10px, env(safe-area-inset-top, 0px)) !important;
  gap: 10px !important;
  background: color-mix(in srgb, var(--ax-bg) 82%, transparent) !important;
  backdrop-filter: blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
  border-bottom: 1px solid var(--ax-line) !important;
  box-shadow: none !important;
}
html.aurum .topbar-title {
  font-size: 19px !important; font-weight: 600 !important; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
html.aurum .icon-btn {
  width: 40px !important; height: 40px !important; min-width: 40px;
  border-radius: var(--ax-radius-sm) !important;
  background: transparent !important;
  border: 1px solid var(--ax-line) !important;
  color: var(--ax-muted) !important;
  box-shadow: none !important;
  display: grid; place-items: center;
  transition: background .18s, color .18s, border-color .18s !important;
}
html.aurum .icon-btn:hover { background: var(--ax-hover) !important; color: var(--ax-text) !important; border-color: var(--ax-line-2) !important; }
html.aurum .icon-btn svg { width: 19px; height: 19px; }
html.aurum .topbar-home-btn { background: transparent !important; box-shadow: none !important; color: var(--ax-muted) !important; animation: none !important; }
html.aurum .icon-btn .notif-dot { background: var(--ax-bad) !important; box-shadow: 0 0 0 2px var(--ax-bg) !important; }

html.aurum .search-box {
  background: var(--ax-surface) !important;
  border: 1px solid var(--ax-line) !important;
  border-radius: var(--ax-radius-sm) !important;
  height: 40px; min-width: 260px; max-width: 420px; flex: 1 1 320px;
  padding: 0 10px !important; box-shadow: none !important;
}
html.aurum .search-box:focus-within { border-color: var(--ax-gold) !important; box-shadow: 0 0 0 3px var(--ax-gold-soft) !important; }
html.aurum .search-box input { background: transparent !important; border: 0 !important; color: var(--ax-text) !important; box-shadow: none !important; font-size: 13.5px !important; }
html.aurum .search-mic-btn { background: var(--ax-surface-2) !important; color: var(--ax-muted) !important; border: 0 !important; box-shadow: none !important; }
html.aurum .search-results {
  background: var(--ax-surface) !important; border: 1px solid var(--ax-line-2) !important;
  border-radius: var(--ax-radius) !important; box-shadow: var(--ax-shadow-lg) !important;
  backdrop-filter: none !important;
}
html.aurum .search-result-item:hover { background: var(--ax-hover) !important; }
html.aurum .qnav-tile { background: var(--ax-surface-2) !important; color: var(--ax-text) !important; box-shadow: none !important; border: 1px solid var(--ax-line); }
html.aurum .qnav-tile i { background: var(--ax-gold-soft) !important; color: var(--ax-gold) !important; }

html.aurum .paper-counter, html.aurum .reciter-inline {
  display: inline-flex !important; flex-direction: row !important; align-items: center !important; gap: 6px !important;
  height: 36px; padding: 0 12px !important; border-radius: 99px !important;
  background: var(--ax-surface) !important; border: 1px solid var(--ax-line) !important;
  color: var(--ax-muted) !important; box-shadow: none !important; font-size: 12.5px !important; font-weight: 600 !important;
}
html.aurum .paper-counter svg { width: 16px !important; height: 16px !important; color: var(--ax-gold); }
html.aurum .paper-counter-num { font-family: var(--ax-display); color: var(--ax-text) !important; font-size: 13px !important; }
html.aurum .reciter-inline .pulse-dot { background: var(--ax-ok) !important; }

html.aurum .ax-theme-btn .ax-sun { display: none; }
html.aurum[data-theme="light"] .ax-theme-btn .ax-sun { display: block; }
html.aurum[data-theme="light"] .ax-theme-btn .ax-moon { display: none; }

/* ───────────────────────── 5. PAGE CHROME ───────────────────────── */
html.aurum .page-content, html.aurum #page-content { padding: 24px 28px 40px !important; max-width: 1480px; }
html.aurum .page-header { position: static !important; background: none !important; border: 0 !important; padding: 0 !important; margin-bottom: 18px !important; box-shadow: none !important; }
html.aurum .page-title { font-size: 24px !important; font-weight: 600 !important; }
html.aurum .page-subtitle { font-size: 13.5px !important; margin-top: 4px !important; }
html.aurum .section-action-bar { gap: 8px !important; margin-bottom: 18px !important; flex-wrap: wrap; }

/* cards: one calm surface everywhere */
html.aurum .dash-card, html.aurum .card, html.aurum .table-wrap, html.aurum .settings-card,
html.aurum .panel, html.aurum .data-card, html.aurum .centers-widget, html.aurum .churn-section,
html.aurum .filter-bar, html.aurum .ai-chat-wrap, html.aurum .table-scroll {
  background: var(--ax-surface) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  border: 1px solid var(--ax-line) !important;
  border-radius: var(--ax-radius) !important;
  box-shadow: var(--ax-shadow) !important;
}
html.aurum .dash-card:hover { transform: none !important; border-color: var(--ax-line-2) !important; }
html.aurum .filter-bar { padding: 12px !important; gap: 8px !important; margin-bottom: 14px !important; }
html.aurum .dash-card-header { border-bottom: 1px solid var(--ax-line) !important; }
html.aurum .dash-card-title { font-size: 15px !important; font-weight: 600 !important; }

/* ── generic stat cards (issuances page etc.) ── */
html.aurum .stats-grid { gap: 14px !important; }
html.aurum .stat-card {
  position: relative; overflow: hidden;
  background: var(--ax-surface) !important; color: var(--ax-text) !important;
  border: 1px solid var(--ax-line) !important; border-radius: var(--ax-radius) !important;
  box-shadow: var(--ax-shadow) !important; padding: 18px 18px 16px !important;
  animation: axRise .45s var(--ax-ease) both !important;
  filter: none !important;
}
html.aurum .stat-card::before {
  content: ''; position: absolute; top: 0; inset-inline: 0; height: 3px;
  background: var(--ax-sc, var(--ax-line-2)); opacity: .9;
}
html.aurum .stat-card:hover { transform: translateY(-2px) !important; border-color: var(--ax-line-2) !important; filter: none !important; }
html.aurum .stat-card.info, html.aurum .stat-card.stat-info { --ax-sc: var(--ax-blue); }
html.aurum .stat-card.success, html.aurum .stat-card.stat-success, html.aurum .stat-card.stat-primary { --ax-sc: var(--ax-ok); }
html.aurum .stat-card.warning, html.aurum .stat-card.stat-warning { --ax-sc: var(--ax-warn); }
html.aurum .stat-card.danger, html.aurum .stat-card.stat-danger { --ax-sc: var(--ax-bad); }
html.aurum .stat-card .label, html.aurum .stat-card .stat-label { color: var(--ax-muted) !important; font-size: 12.5px !important; font-weight: 500 !important; }
html.aurum .stat-card .value, html.aurum .stat-card .stat-value { color: var(--ax-text) !important; font-size: 26px !important; font-weight: 600 !important; }
html.aurum .stat-card .stat-sub { color: var(--ax-faint) !important; font-size: 12px !important; }
html.aurum .stat-card .icon-wrap { background: var(--ax-gold-soft) !important; color: var(--ax-gold) !important; box-shadow: none !important; }
html.aurum .stat-card .accent-stripe { display: none !important; }

/* ── big KPI cards (dashboard) ── */
html.aurum .kpi-grid-v3 { gap: 14px !important; }
html.aurum .kpi-v3 {
  background: var(--ax-surface) !important; border: 1px solid var(--ax-line) !important;
  border-radius: var(--ax-radius) !important; box-shadow: var(--ax-shadow) !important;
  padding: 18px !important; gap: 14px !important; backdrop-filter: none !important;
  animation: axRise .5s var(--ax-ease) both;
}
html.aurum .kpi-v3::before { display: none !important; }
html.aurum .kpi-v3:hover { transform: translateY(-2px) !important; border-color: var(--ax-line-2) !important; }
html.aurum .kpi-v3 .kpi-icon {
  width: 46px !important; height: 46px !important; border-radius: 12px !important;
  background: var(--ax-k-soft, var(--ax-gold-soft)) !important; color: var(--ax-k, var(--ax-gold)) !important;
  box-shadow: none !important;
}
html.aurum .kpi-v3 .kpi-icon svg { width: 22px; height: 22px; stroke-width: 2; }
html.aurum .kpi-v3 .kpi-label { color: var(--ax-muted) !important; font-weight: 500 !important; font-size: 12.5px !important; margin-bottom: 6px !important; }
html.aurum .kpi-v3 .kpi-value { color: var(--ax-text) !important; font-size: 26px !important; font-weight: 600 !important; letter-spacing: 0 !important; }
html.aurum .kpi-v3 .kpi-value .currency { font-family: var(--ax-font); font-size: 12px !important; color: var(--ax-faint); opacity: 1 !important; }
html.aurum .kpi-v3 .kpi-trend { font-weight: 600 !important; }
html.aurum .kpi-v3 .kpi-trend.up { color: var(--ax-ok) !important; }
html.aurum .kpi-v3 .kpi-trend.down { color: var(--ax-bad) !important; }
html.aurum .kpi-v3 .kpi-trend .ts { color: var(--ax-faint) !important; font-weight: 500; }
html.aurum .kpi-teal   { --ax-k: var(--ax-teal);   --ax-k-soft: var(--ax-teal-soft); }
html.aurum .kpi-green  { --ax-k: var(--ax-ok);     --ax-k-soft: var(--ax-ok-soft); }
html.aurum .kpi-purple { --ax-k: var(--ax-violet); --ax-k-soft: var(--ax-violet-soft); }
html.aurum .kpi-red    { --ax-k: var(--ax-bad);    --ax-k-soft: var(--ax-bad-soft); }
html.aurum .kpi-orange { --ax-k: var(--ax-warn);   --ax-k-soft: var(--ax-warn-soft); }

/* ── pulse grid: status cards ── */
html.aurum .pulse-grid { gap: 14px !important; }
html.aurum .pg-card {
  background: var(--ax-surface) !important;
  border: 1px solid var(--ax-line) !important;
  border-radius: var(--ax-radius) !important;
  box-shadow: var(--ax-shadow) !important;
  backdrop-filter: none !important; filter: none !important;
  animation: axRise .5s var(--ax-ease) both !important;
  min-height: 0 !important; padding: 16px 16px 10px !important;
}
html.aurum .pg-card::before {
  content: '' !important; position: absolute; top: 0; inset-inline: 0; height: 3px; background: var(--ax-pg, var(--ax-line-2)) !important;
  border-radius: 0; inset-block-start: 0;
}
html.aurum .pg-card:hover { transform: translateY(-2px) !important; border-color: var(--ax-line-2) !important; filter: none !important; }
html.aurum .pg-icon {
  background: var(--ax-pg-soft, var(--ax-gold-soft)) !important; color: var(--ax-pg, var(--ax-gold)) !important;
  border: 0 !important; box-shadow: none !important; width: 42px !important; height: 42px !important; flex-basis: 42px !important;
}
html.aurum .pg-title { color: var(--ax-text) !important; font-weight: 600 !important; font-size: 14px !important; }
html.aurum .pg-value {
  background: transparent !important; border: 0 !important; padding: 0 !important;
  color: var(--ax-text) !important; font-size: 20px !important; font-weight: 600 !important; margin-top: 2px !important;
}
html.aurum .pg-status { color: var(--ax-pg, var(--ax-muted)) !important; font-weight: 500 !important; font-size: 12.5px !important; }
html.aurum .pg-danger  { --ax-pg: var(--ax-bad);    --ax-pg-soft: var(--ax-bad-soft);  animation: axRise .5s var(--ax-ease) both !important; }
html.aurum .pg-warning { --ax-pg: var(--ax-warn);   --ax-pg-soft: var(--ax-warn-soft); }
html.aurum .pg-success { --ax-pg: var(--ax-ok);     --ax-pg-soft: var(--ax-ok-soft); }
html.aurum .pg-info    { --ax-pg: var(--ax-blue);   --ax-pg-soft: var(--ax-blue-soft); }
html.aurum .pg-purple  { --ax-pg: var(--ax-violet); --ax-pg-soft: var(--ax-violet-soft); }
html.aurum .pg-danger .pg-status::before {
  content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--ax-bad);
  margin-inline-end: 6px; vertical-align: middle; animation: axPing 1.8s ease-out infinite;
}
html.aurum .pulse-grid .pg-card:nth-child(1) { animation-delay: .02s !important; }
html.aurum .pulse-grid .pg-card:nth-child(2) { animation-delay: .06s !important; }
html.aurum .pulse-grid .pg-card:nth-child(3) { animation-delay: .10s !important; }
html.aurum .pulse-grid .pg-card:nth-child(4) { animation-delay: .14s !important; }
html.aurum .pulse-grid .pg-card:nth-child(5) { animation-delay: .18s !important; }
html.aurum .pulse-grid .pg-card:nth-child(6) { animation-delay: .22s !important; }

/* ── big coloured cards (suppliers etc.) → calm surfaces with a tinted icon ── */
html.aurum .dash-bigcards { gap: 14px !important; }
html.aurum .dash-bigcard {
  background: var(--ax-surface) !important; color: var(--ax-text) !important;
  border: 1px solid var(--ax-line) !important; border-radius: var(--ax-radius) !important;
  box-shadow: var(--ax-shadow) !important; min-height: 96px !important; padding: 16px 18px !important;
  animation: axRise .45s var(--ax-ease) both;
}
html.aurum .dash-bigcard::before, html.aurum .dash-bigcard::after { display: none !important; }
html.aurum .dash-bigcard:hover { transform: translateY(-2px) !important; border-color: var(--ax-line-2) !important; }
html.aurum .dash-bigcard-icon {
  width: 46px; height: 46px; flex: 0 0 46px; border-radius: 12px; display: grid; place-items: center;
  font-size: 22px !important; filter: none !important; transform: none !important;
  background: var(--ax-bc-soft, var(--ax-gold-soft));
}
html.aurum .dash-bigcard-label { color: var(--ax-muted) !important; text-shadow: none !important; font-weight: 500 !important; font-size: 12.5px !important; }
html.aurum .dash-bigcard-value { color: var(--ax-bc, var(--ax-text)) !important; text-shadow: none !important; font-size: 23px !important; font-weight: 600 !important; letter-spacing: 0 !important; }
html.aurum .dash-bigcard-foot { color: var(--ax-faint) !important; opacity: 1 !important; }
html.aurum .dash-bg-red, html.aurum .dash-bg-pink     { --ax-bc: var(--ax-bad);    --ax-bc-soft: var(--ax-bad-soft); }
html.aurum .dash-bg-green, html.aurum .dash-bg-teal   { --ax-bc: var(--ax-ok);     --ax-bc-soft: var(--ax-ok-soft); }
html.aurum .dash-bg-orange, html.aurum .dash-bg-amber { --ax-bc: var(--ax-warn);   --ax-bc-soft: var(--ax-warn-soft); }
html.aurum .dash-bg-sky    { --ax-bc: var(--ax-blue);   --ax-bc-soft: var(--ax-blue-soft); }
html.aurum .dash-bg-purple { --ax-bc: var(--ax-violet); --ax-bc-soft: var(--ax-violet-soft); }

/* the old quick-action tiles are replaced by the hero action row */
html.aurum .qa-section { display: none !important; }

/* ───────────────────────── 6. CONTROLS ───────────────────────── */
html.aurum .btn {
  border-radius: var(--ax-radius-sm) !important;
  font-weight: 600 !important; font-size: 13.5px !important;
  min-height: 38px; padding: 8px 16px !important;
  box-shadow: none !important; text-shadow: none !important;
  transition: background .18s, color .18s, border-color .18s, transform .12s var(--ax-ease) !important;
}
html.aurum .btn:active { transform: scale(.97) !important; }
html.aurum .btn-sm { min-height: 32px; padding: 5px 12px !important; font-size: 12.5px !important; }
html.aurum .btn-primary, html.aurum button.btn-primary {
  background: var(--ax-primary) !important; background-image: none !important;
  color: var(--ax-primary-ink) !important; border: 1px solid transparent !important;
}
html.aurum .btn-primary:hover { background: var(--ax-primary-hover) !important; transform: none !important; }
html.aurum .btn-secondary {
  background: var(--ax-surface) !important; color: var(--ax-text) !important;
  border: 1px solid var(--ax-line-2) !important;
}
html.aurum .btn-secondary:hover { background: var(--ax-surface-2) !important; }
html.aurum .btn-ghost { background: transparent !important; color: var(--ax-muted) !important; border: 1px solid transparent !important; }
html.aurum .btn-ghost:hover { background: var(--ax-hover) !important; color: var(--ax-text) !important; }
html.aurum .btn-success { background: var(--ax-ok) !important; color: #fff !important; border: 0 !important; }
html.aurum .btn-danger  { background: var(--ax-bad) !important; color: #fff !important; border: 0 !important; }
html.aurum .btn-warning { background: var(--ax-warn) !important; color: #1d1203 !important; border: 0 !important; }
html.aurum .btn-shine::after { display: none !important; }
html.aurum .btn-icon {
  width: 32px; height: 32px; border-radius: 8px !important; display: inline-grid !important; place-items: center;
  background: transparent !important; border: 1px solid transparent !important; color: var(--ax-muted);
  transition: background .15s, color .15s !important;
}
html.aurum .btn-icon:hover { background: var(--ax-hover) !important; color: var(--ax-text); }

html.aurum input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
html.aurum select, html.aurum textarea, html.aurum .form-control {
  background: var(--ax-input) !important;
  border: 1px solid var(--ax-line-2) !important;
  color: var(--ax-text) !important;
  border-radius: var(--ax-radius-sm) !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}
html.aurum input::placeholder, html.aurum textarea::placeholder { color: var(--ax-faint) !important; }
html.aurum input:focus, html.aurum select:focus, html.aurum textarea:focus, html.aurum .form-control:focus {
  border-color: var(--ax-gold) !important;
  box-shadow: 0 0 0 3px var(--ax-gold-soft) !important;
  outline: none !important;
}
html.aurum input[type="checkbox"], html.aurum input[type="radio"] { accent-color: var(--ax-gold); }
html.aurum .form-group label, html.aurum label { color: var(--ax-muted); font-weight: 600; }
html.aurum select option { background: var(--ax-surface); color: var(--ax-text); }

/* tabs (suppliers etc.) → segmented control */
html.aurum .sup-tabs {
  display: inline-flex !important; gap: 4px !important; padding: 4px !important; margin-bottom: 16px !important;
  background: var(--ax-surface) !important; border: 1px solid var(--ax-line) !important; border-radius: 12px !important;
  flex-wrap: wrap;
}
html.aurum .sup-tab {
  border: 0 !important; background: transparent !important; color: var(--ax-muted) !important;
  border-radius: 9px !important; padding: 8px 16px !important; font-weight: 600 !important; box-shadow: none !important;
}
html.aurum .sup-tab.active { background: var(--ax-active) !important; color: var(--ax-text) !important; box-shadow: inset 0 -2px 0 var(--ax-gold) !important; }

/* tables */
html.aurum .data-table thead th, html.aurum table thead th {
  background: var(--ax-surface-2) !important; color: var(--ax-muted) !important;
  font-weight: 600 !important; font-size: 12px !important; letter-spacing: 0 !important;
  border-bottom: 1px solid var(--ax-line) !important; white-space: nowrap;
  position: sticky; top: 0; z-index: 1;
}
html.aurum .data-table tbody tr, html.aurum table tbody tr { border-bottom: 1px solid var(--ax-line) !important; }
html.aurum .data-table tbody tr:hover, html.aurum table tbody tr:hover { background: var(--ax-hover) !important; }
html.aurum .data-table td { border-color: var(--ax-line) !important; }

/* status badges */
html.aurum .badge-status {
  border-radius: 99px !important; padding: 3px 10px !important; font-size: 11.5px !important; font-weight: 600 !important;
  border: 0 !important; background: var(--ax-surface-3) !important; color: var(--ax-muted) !important;
}
html.aurum .badge-paid, html.aurum .badge-success { background: var(--ax-ok-soft) !important; color: var(--ax-ok) !important; }
html.aurum .badge-partial, html.aurum .badge-warning { background: var(--ax-warn-soft) !important; color: var(--ax-warn) !important; }
html.aurum .badge-unpaid, html.aurum .badge-loss { background: var(--ax-bad-soft) !important; color: var(--ax-bad) !important; }
html.aurum .badge-info { background: var(--ax-blue-soft) !important; color: var(--ax-blue) !important; }
html.aurum .text-success, html.aurum .positive { color: var(--ax-ok) !important; }
html.aurum .text-warning { color: var(--ax-warn) !important; }
html.aurum .text-danger, html.aurum .negative { color: var(--ax-bad) !important; }

html.aurum .empty-state { color: var(--ax-muted) !important; }

/* ───────────────────────── 7. OVERLAYS ───────────────────────── */
html.aurum .modal-overlay { background: rgba(4, 9, 22, .62) !important; backdrop-filter: blur(4px) !important; }
html.aurum[data-theme="light"] .modal-overlay { background: rgba(13, 27, 61, .32) !important; }
html.aurum .modal {
  background: var(--ax-surface) !important; color: var(--ax-text);
  border: 1px solid var(--ax-line-2) !important; border-radius: var(--ax-radius-lg) !important;
  box-shadow: var(--ax-shadow-lg) !important; backdrop-filter: none !important;
}
html.aurum .modal-header { border-bottom: 1px solid var(--ax-line) !important; background: none !important; }
html.aurum .modal-title { font-size: 17px !important; font-weight: 600 !important; }
html.aurum .modal-footer { border-top: 1px solid var(--ax-line) !important; background: var(--ax-surface-2) !important; }
html.aurum .modal-overlay.show .modal { animation: axModal .26s var(--ax-ease) both !important; }

html.aurum .toast-container {
  position: fixed !important; top: 76px !important; bottom: auto !important;
  inset-inline-end: 20px !important; inset-inline-start: auto !important; left: auto;
  transform: none !important; width: auto !important; max-width: min(400px, calc(100vw - 24px)) !important;
  z-index: 9500 !important; align-items: stretch !important;
}
html.aurum .toast {
  background: var(--ax-surface) !important; color: var(--ax-text) !important;
  border: 1px solid var(--ax-line-2) !important; border-inline-start: 3px solid var(--ax-t, var(--ax-gold)) !important;
  border-radius: 12px !important; box-shadow: var(--ax-shadow-lg) !important; backdrop-filter: none !important;
  font-weight: 500 !important; font-size: 13.5px !important; line-height: 1.6;
}
html.aurum .toast.success { --ax-t: var(--ax-ok); }
html.aurum .toast.error { --ax-t: var(--ax-bad); }
html.aurum .toast.warning { --ax-t: var(--ax-warn); }
html.aurum .toast.info { --ax-t: var(--ax-blue); }
html.aurum .toast .icon { background: color-mix(in srgb, var(--ax-t, var(--ax-gold)) 16%, transparent) !important; color: var(--ax-t, var(--ax-gold)) !important; box-shadow: none !important; }

html.aurum .notes-panel { background: var(--ax-surface) !important; border-inline-start: 1px solid var(--ax-line-2) !important; }
html.aurum .ripple-circle { background: var(--ax-ripple) !important; }

/* ───────────────────────── 8. FLOATING + MOBILE NAV ───────────────────────── */
html.aurum #ai-fab {
  width: 52px !important; height: 52px !important; border-radius: 50% !important;
  background: var(--ax-hero-bg) !important; color: var(--ax-hero-gold) !important;
  box-shadow: 0 0 0 1px rgba(233, 182, 80, .45), 0 12px 30px rgba(0, 0, 0, .35) !important;
  animation: none !important;
}
html.aurum #ai-fab::before {
  content: ''; position: absolute; inset: -5px; border-radius: 50%;
  border: 1.5px solid transparent; border-top-color: var(--ax-hero-gold); border-inline-start-color: rgba(107, 151, 255, .7);
  animation: axSpin 6s linear infinite;
}
html.aurum #home-fab {
  background: var(--ax-surface) !important; color: var(--ax-text) !important;
  border: 1px solid var(--ax-line-2) !important; box-shadow: var(--ax-shadow-lg) !important; border-radius: 14px !important;
}

html.aurum #bottom-nav {
  background: color-mix(in srgb, var(--ax-side) 90%, transparent) !important;
  backdrop-filter: blur(16px) saturate(140%) !important; -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  border-top: 1px solid var(--ax-line) !important; box-shadow: 0 -8px 30px rgba(0, 0, 0, .18) !important;
  padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
  align-items: flex-end !important;
}
html.aurum .bn-item {
  color: var(--ax-faint) !important; background: transparent !important; box-shadow: none !important;
  font-weight: 600 !important; font-size: 10.5px !important; gap: 3px !important; padding: 6px 2px 4px !important; position: relative;
}
html.aurum .bn-item svg { width: 22px !important; height: 22px !important; filter: none !important; transform: none !important; }
html.aurum .bn-item.active { color: var(--ax-text) !important; background: transparent !important; }
html.aurum .bn-item.active svg { color: var(--ax-gold) !important; }
html.aurum .bn-item.active::after {
  content: ''; position: absolute; top: -6px; left: 50%; width: 22px; height: 3px; margin-left: -11px;
  border-radius: 0 0 3px 3px; background: var(--ax-gold);
}
html.aurum .bn-create {
  flex: 0 0 auto !important; max-width: none !important;
  width: 56px; height: 56px; margin: -22px 4px 2px !important; padding: 0 !important;
  border-radius: 18px !important;
  background: var(--ax-hero-bg) !important; color: var(--ax-hero-gold) !important;
  box-shadow: 0 0 0 1px rgba(233, 182, 80, .5), 0 10px 26px rgba(0, 0, 0, .35) !important;
  display: grid !important; place-items: center;
  transition: transform .2s var(--ax-spring) !important;
}
html.aurum .bn-create svg { width: 26px !important; height: 26px !important; transition: transform .3s var(--ax-spring); }
html.aurum .bn-create.open svg { transform: rotate(45deg) !important; }
html.aurum .bn-create span { display: none; }

@media (max-width: 768px) {
  html.aurum .sidebar {
    width: min(86vw, 300px) !important;
    z-index: 1100 !important;
    box-shadow: var(--ax-shadow-lg) !important;
  }
  html.aurum .main-content { margin-right: 0 !important; }
  html.aurum .topbar { padding: 8px 12px !important; padding-top: max(8px, env(safe-area-inset-top, 0px)) !important; min-height: 56px !important; }
  html.aurum .topbar-title { font-size: 17px !important; }
  html.aurum .icon-btn { width: 38px !important; height: 38px !important; min-width: 38px; }
  html.aurum .paper-counter, html.aurum .reciter-inline, html.aurum #topbar-refresh-btn, html.aurum .topbar-home-btn { display: none !important; }
  html.aurum .page-content, html.aurum #page-content { padding: 14px 14px calc(96px + env(safe-area-inset-bottom, 0px)) !important; }
  html.aurum .page-title { font-size: 20px !important; }
  html.aurum #home-fab { display: none !important; }
  html.aurum #ai-fab { bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important; }
  html.aurum .toast-container { top: max(64px, calc(env(safe-area-inset-top, 0px) + 60px)) !important; inset-inline: 12px !important; max-width: none !important; }
  html.aurum .modal { border-radius: 20px 20px 0 0 !important; }
}

/* ───────────────────────── 9. LOGIN ───────────────────────── */
html.aurum .lgn-wrap { background: #070F24 !important; }
html.aurum .lgn-grid { display: none !important; }
html.aurum .lgn-aurora { opacity: 1 !important; filter: none !important; }
html.aurum .lgn-blob { border-radius: 50%; background: none !important; animation: axSpin 60s linear infinite !important; }
html.aurum .lgn-b1 {
  width: 120vmax !important; height: 120vmax !important; top: -60vmax !important; inset-inline-start: -30vmax !important;
  border: 2px solid transparent; border-top-color: rgba(233, 182, 80, .5); border-inline-end-color: rgba(233, 182, 80, .16);
}
html.aurum .lgn-b2 {
  width: 95vmax !important; height: 95vmax !important; bottom: -55vmax !important; inset-inline-end: -25vmax !important; top: auto !important;
  border: 2px solid transparent; border-bottom-color: rgba(107, 151, 255, .45); border-inline-start-color: rgba(107, 151, 255, .14);
  animation-direction: reverse !important; animation-duration: 80s !important;
}
html.aurum .lgn-b3 {
  width: 60vmax !important; height: 60vmax !important; top: 20% !important; inset-inline-start: 55% !important;
  border: 1px solid rgba(233, 182, 80, .1);
}
html.aurum .lgn-card {
  background: #FFFFFF !important; border: 0 !important; border-radius: 22px !important;
  box-shadow: 0 40px 90px rgba(0, 0, 0, .45) !important; backdrop-filter: none !important;
}
html.aurum .lgn-title { color: #0D1B3D !important; font-family: var(--ax-display) !important; font-weight: 600 !important; }
html.aurum .lgn-sub { color: #56647F !important; }
html.aurum #login-page .lgn-input {
  background: #F4F6FB !important; border: 1px solid rgba(13, 31, 72, .14) !important; color: #0D1B3D !important;
}
html.aurum #login-page .lgn-input::placeholder { color: #8793AB !important; }
html.aurum #login-page .lgn-input:focus { background: #fff !important; border-color: #C58E1A !important; box-shadow: 0 0 0 3px rgba(197, 142, 26, .16) !important; }
html.aurum .lgn-btn {
  background: #0F2250 !important; color: #F3C868 !important; font-family: var(--ax-display) !important; font-weight: 600 !important;
  box-shadow: 0 12px 26px rgba(15, 34, 80, .35) !important;
}
html.aurum .lgn-btn:hover { background: #13306E !important; }
html.aurum .lgn-chip { background: #F4F6FB !important; border: 1px solid rgba(13, 31, 72, .1) !important; color: #56647F !important; }
html.aurum .lgn-foot { color: rgba(236, 241, 250, .55) !important; letter-spacing: 3px !important; }
html.aurum .lgn-r1 { border-top-color: rgba(233, 182, 80, .8) !important; border-inline-end-color: rgba(233, 182, 80, .2) !important; }
html.aurum .lgn-r2 { border-bottom-color: rgba(107, 151, 255, .7) !important; border-inline-start-color: rgba(107, 151, 255, .15) !important; }

/* ───────────────────────── 10. MOTION ───────────────────────── */
@keyframes axFade  { from { opacity: 0; } to { opacity: 1; } }
@keyframes axRise  { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes axModal { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes axSpin  { to { transform: rotate(360deg); } }
@keyframes axPing  { 0% { box-shadow: 0 0 0 0 rgba(242, 100, 103, .55); } 80%, 100% { box-shadow: 0 0 0 7px rgba(242, 100, 103, 0); } }
@keyframes axDraw  { from { stroke-dashoffset: var(--ax-len, 400); } }
@keyframes axSheet { from { transform: translateY(100%); } to { transform: none; } }

@media (prefers-reduced-motion: reduce) {
  html.aurum *, html.aurum *::before, html.aurum *::after {
    animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;
  }
}

/* ───────────────────────── 11. DASHBOARD HERO (signature) ───────────────────────── */
html.aurum .ax-hero {
  position: relative; overflow: hidden; isolation: isolate;
  display: grid; grid-template-columns: minmax(0, 1fr) 272px; gap: 28px;
  padding: 28px 30px; margin: 0 0 20px;
  border-radius: var(--ax-radius-lg);
  color: var(--ax-hero-text);
  background:
    radial-gradient(700px 320px at 12% 0%, rgba(107, 151, 255, .16), transparent 60%),
    linear-gradient(135deg, var(--ax-hero-bg) 0%, var(--ax-hero-bg-2) 100%);
  border: 1px solid rgba(233, 182, 80, .22);
  box-shadow: 0 20px 50px rgba(5, 12, 30, .35);
  animation: axRise .5s var(--ax-ease) both;
}
html.aurum .ax-hero::after {
  content: ''; position: absolute; inset-inline: 30px; bottom: 0; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(233, 182, 80, .7), transparent);
}
html.aurum .ax-hero-arcs {
  position: absolute; z-index: -1; width: 520px; height: 520px;
  inset-inline-end: -150px; top: -170px; opacity: .9; pointer-events: none;
  animation: axSpin 90s linear infinite;
}
html.aurum .ax-arc { fill: none; stroke-width: 3; stroke-linecap: round; }
html.aurum .ax-arc-gold  { stroke: rgba(233, 182, 80, .55); stroke-dasharray: 520 600; }
html.aurum .ax-arc-blue  { stroke: rgba(107, 151, 255, .45); stroke-dasharray: 300 640; stroke-dashoffset: -200; }
html.aurum .ax-arc-faint { stroke: rgba(255, 255, 255, .06); stroke-width: 1; }
html.aurum .ax-hero-main { min-width: 0; }
html.aurum .ax-eyebrow { color: var(--ax-hero-gold); font-weight: 600; font-size: 13.5px; }
html.aurum .ax-hero-title {
  font-family: var(--ax-display) !important; color: var(--ax-hero-text) !important;
  font-size: 30px !important; font-weight: 600 !important; line-height: 1.25; margin: 4px 0 6px !important;
}
html.aurum .ax-hero-date { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: var(--ax-hero-muted); font-size: 13px; }
html.aurum .ax-hero-date i { width: 4px; height: 4px; border-radius: 50%; background: var(--ax-hero-gold); display: inline-block; }
html.aurum .ax-today {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 22px 0 20px;
  border-block: 1px solid rgba(255, 255, 255, .08);
}
html.aurum .ax-fig { padding: 14px 16px 14px 0; border-inline-end: 1px solid rgba(255, 255, 255, .08); min-width: 0; }
html.aurum .ax-fig:last-child { border-inline-end: 0; }
html.aurum .ax-fig + .ax-fig { padding-inline-start: 18px; }
html.aurum .ax-fig span { display: block; color: var(--ax-hero-muted); font-size: 12px; font-weight: 500; }
html.aurum .ax-fig b { display: block; color: var(--ax-hero-text); font-size: 22px; font-weight: 600; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .ax-fig em { font-style: normal; color: var(--ax-hero-muted); font-size: 11.5px; }
html.aurum .ax-fig.ax-neg b { color: #FF9C9E; }
html.aurum .ax-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
html.aurum .ax-act {
  display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px;
  border-radius: 11px; cursor: pointer; font-family: var(--ax-font); font-weight: 600; font-size: 13.5px;
  color: var(--ax-hero-text); background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12);
  transition: background .18s, border-color .18s, transform .14s var(--ax-spring);
}
html.aurum .ax-act svg { width: 17px; height: 17px; }
html.aurum .ax-act:hover { background: rgba(255, 255, 255, .13); border-color: rgba(255, 255, 255, .22); }
html.aurum .ax-act:active { transform: scale(.96); }
html.aurum .ax-act-main { background: var(--ax-hero-gold); color: #1A1305; border-color: transparent; }
html.aurum .ax-act-main:hover { background: #F5C866; }
html.aurum .ax-act-ghost { background: transparent; }
html.aurum .ax-act-sep { width: 1px; height: 22px; background: rgba(255, 255, 255, .14); margin: 0 4px; }
html.aurum .ax-chips { margin-top: 14px; display: flex; gap: 8px; flex-wrap: wrap; }
html.aurum .ax-chip {
  border: 1px solid rgba(255, 140, 142, .35); background: rgba(242, 100, 103, .14); color: #FFB3B4;
  border-radius: 99px; padding: 5px 12px; font-size: 12px; font-weight: 600; cursor: pointer; font-family: var(--ax-font);
}
html.aurum .ax-chip::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #FF7B7E; margin-inline-end: 7px; vertical-align: middle; animation: axPing 1.8s ease-out infinite; }

html.aurum .ax-target {
  background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 16px; padding: 16px 18px; display: flex; flex-direction: column; align-items: center; gap: 12px;
  align-self: stretch;
}
html.aurum .ax-target-head { width: 100%; display: flex; align-items: center; justify-content: space-between; color: var(--ax-hero-muted); font-size: 12.5px; font-weight: 600; }
html.aurum .ax-link {
  display: inline-flex; align-items: center; gap: 5px; background: none; border: 0; cursor: pointer;
  color: var(--ax-hero-gold); font-family: var(--ax-font); font-weight: 600; font-size: 12.5px; padding: 2px;
}
html.aurum .ax-link svg { width: 14px; height: 14px; }
html.aurum .ax-ring { position: relative; width: 132px; height: 132px; }
html.aurum .ax-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
html.aurum .ax-ring-track { fill: none; stroke: rgba(255, 255, 255, .09); stroke-width: 9; }
html.aurum .ax-ring-bar { fill: none; stroke: var(--ax-hero-gold); stroke-width: 9; stroke-linecap: round; animation: axDraw 1.1s var(--ax-ease) both; filter: drop-shadow(0 0 6px rgba(233, 182, 80, .45)); }
html.aurum .ax-still .ax-ring-bar { animation: none; }
html.aurum .ax-ring-center { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
html.aurum .ax-ring-center b { font-size: 28px; font-weight: 600; color: var(--ax-hero-text); line-height: 1; }
html.aurum .ax-ring-center span { font-size: 11px; color: var(--ax-hero-muted); margin-top: 4px; }
html.aurum .ax-target-meta { width: 100%; display: grid; gap: 6px; font-size: 12.5px; }
html.aurum .ax-target-meta > div { display: flex; justify-content: space-between; gap: 8px; color: var(--ax-hero-muted); }
html.aurum .ax-target-meta b { color: var(--ax-hero-text); font-weight: 600; }
html.aurum .ax-target-meta .ax-target-hint { justify-content: center; margin-top: 4px; padding-top: 8px; border-top: 1px dashed rgba(255, 255, 255, .12); color: var(--ax-hero-muted); }
html.aurum .ax-target-hint b { color: var(--ax-hero-gold) !important; margin-inline: 4px; }
html.aurum .ax-target-hint.ax-ok { color: #7FE3BD !important; font-weight: 600; }
html.aurum .ax-target-empty { text-align: center; display: grid; gap: 6px; padding: 18px 4px; color: var(--ax-hero-muted); font-size: 12.5px; line-height: 1.7; }
html.aurum .ax-target-empty b { color: var(--ax-hero-text); font-size: 15px; font-family: var(--ax-display); font-weight: 600; }

@media (max-width: 1180px) {
  html.aurum .ax-hero { grid-template-columns: 1fr; }
  html.aurum .ax-target { flex-direction: row; flex-wrap: wrap; justify-content: center; }
  html.aurum .ax-target-head { order: -1; }
  html.aurum .ax-target-meta { width: auto; flex: 1 1 200px; }
}
@media (max-width: 768px) {
  html.aurum .ax-hero { padding: 20px 18px; gap: 16px; border-radius: 18px; }
  html.aurum .ax-hero-title { font-size: 24px !important; }
  html.aurum .ax-hero-arcs { width: 360px; height: 360px; inset-inline-end: -140px; top: -130px; }
  html.aurum .ax-today { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 16px 0; }
  html.aurum .ax-fig { padding: 12px 0; border-inline-end: 0; border-bottom: 1px solid rgba(255, 255, 255, .08); }
  html.aurum .ax-fig + .ax-fig { padding-inline-start: 0; }
  html.aurum .ax-fig:nth-child(even) { padding-inline-start: 14px; border-inline-start: 1px solid rgba(255, 255, 255, .08); }
  html.aurum .ax-fig:nth-last-child(-n+2) { border-bottom: 0; }
  html.aurum .ax-fig b { font-size: 19px; }
  html.aurum .ax-actions { display: grid; grid-template-columns: repeat(2, 1fr); }
  html.aurum .ax-act { justify-content: center; }
  html.aurum .ax-act-sep { display: none; }
  html.aurum .ax-ring { width: 108px; height: 108px; }
}

/* ───────────────────────── 12. DAY CLOSING ───────────────────────── */
html.aurum .ax-modal-lead { color: var(--ax-muted); font-size: 13.5px; line-height: 1.8; margin: 0 0 14px; }
html.aurum .ax-dc-bar { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
html.aurum .ax-dc-bar label { margin: 0; }
html.aurum .ax-dc-bar input { max-width: 200px; }
html.aurum .ax-dc-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
html.aurum .ax-dc-tile {
  background: var(--ax-surface-2); border: 1px solid var(--ax-line); border-radius: 12px; padding: 12px 14px;
  border-top: 3px solid var(--ax-dt, var(--ax-blue));
}
html.aurum .ax-dc-tile.ax-t-ok { --ax-dt: var(--ax-ok); }
html.aurum .ax-dc-tile.ax-t-bad { --ax-dt: var(--ax-bad); }
html.aurum .ax-dc-tile.ax-t-gold { --ax-dt: var(--ax-gold); background: var(--ax-gold-soft); }
html.aurum .ax-dc-tile span { display: block; font-size: 12px; color: var(--ax-muted); }
html.aurum .ax-dc-tile b { display: block; font-size: 20px; font-weight: 600; color: var(--ax-text); margin: 4px 0 2px; }
html.aurum .ax-dc-tile em { font-style: normal; font-size: 11.5px; color: var(--ax-faint); }
html.aurum .ax-dc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
html.aurum .ax-dc-box { background: var(--ax-surface); border: 1px solid var(--ax-line); border-radius: 12px; padding: 12px 14px; }
html.aurum .ax-dc-wide { grid-column: 1 / -1; }
html.aurum .ax-dc-box h4 { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: var(--ax-text); font-family: var(--ax-display); }
html.aurum .ax-dc-row, html.aurum .ax-dc-head { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--ax-line); font-size: 13px; }
html.aurum .ax-dc-row:last-child { border-bottom: 0; }
html.aurum .ax-dc-row span, html.aurum .ax-dc-head span { flex: 1; color: var(--ax-text); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.aurum .ax-dc-row em, html.aurum .ax-dc-head em { font-style: normal; color: var(--ax-muted); width: 90px; text-align: left; }
html.aurum .ax-dc-row b, html.aurum .ax-dc-head b { font-weight: 600; min-width: 110px; text-align: left; }
html.aurum .ax-dc-head { font-size: 11.5px; color: var(--ax-faint); }
html.aurum .ax-dc-head span, html.aurum .ax-dc-head b { color: var(--ax-faint); font-weight: 500; }
html.aurum .ax-dc-note span { color: var(--ax-muted); }
html.aurum .ax-dc-empty { color: var(--ax-faint); font-size: 12.5px; padding: 8px 0; }
@media (max-width: 900px) {
  html.aurum .ax-dc-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.aurum .ax-dc-grid { grid-template-columns: 1fr; }
}

/* ───────────────────────── 13. COLLECTIONS CALENDAR ───────────────────────── */
html.aurum .ax-cal-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
html.aurum .ax-cal-nav { display: flex; align-items: center; gap: 10px; }
html.aurum .ax-cal-nav b { font-family: var(--ax-display); font-weight: 600; font-size: 17px; min-width: 130px; text-align: center; }
html.aurum .ax-cal-sum { display: flex; flex-wrap: wrap; gap: 14px; font-size: 12.5px; color: var(--ax-muted); }
html.aurum .ax-cal-sum b { color: var(--ax-text); font-weight: 600; margin-inline-start: 4px; }
html.aurum .ax-cal-sum i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-inline-end: 6px; vertical-align: middle; }
html.aurum .ax-dot-in { background: var(--ax-ok); }
html.aurum .ax-dot-bad { background: var(--ax-bad); }
html.aurum .ax-dot-out { background: var(--ax-warn); }
html.aurum .ax-bad-text b { color: var(--ax-bad); }
html.aurum .ax-cal-week, html.aurum .ax-cal-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
html.aurum .ax-cal-week span { text-align: center; font-size: 11.5px; color: var(--ax-faint); font-weight: 600; padding: 4px 0; }
html.aurum .ax-cal-cell {
  min-height: 74px; border-radius: 10px; padding: 6px 7px; text-align: start;
  display: flex; flex-direction: column; gap: 3px; align-items: stretch;
  background: var(--ax-surface-2); border: 1px solid var(--ax-line); color: var(--ax-text);
  cursor: pointer; font-family: var(--ax-font); transition: border-color .15s, background .15s;
}
html.aurum .ax-cal-cell:hover { border-color: var(--ax-line-2); background: var(--ax-hover); }
html.aurum .ax-cal-pad { background: transparent; border-color: transparent; cursor: default; }
html.aurum .ax-cal-d { font-size: 12.5px; font-weight: 600; color: var(--ax-muted); }
html.aurum .ax-cal-in, html.aurum .ax-cal-out {
  font-size: 11px; font-weight: 600; border-radius: 6px; padding: 1px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html.aurum .ax-cal-in { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .ax-cal-out { background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum .ax-cal-cell.ax-over .ax-cal-in { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum .ax-cal-cell.ax-today { border-color: var(--ax-gold); box-shadow: inset 0 0 0 1px var(--ax-gold); }
html.aurum .ax-cal-cell.ax-today .ax-cal-d { color: var(--ax-gold); }
html.aurum .ax-cal-cell.ax-sel { background: var(--ax-active); border-color: var(--ax-line-2); }
html.aurum .ax-cal-detail { margin-top: 14px; border-top: 1px solid var(--ax-line); padding-top: 12px; }
html.aurum .ax-cal-detail h4 { margin: 0 0 8px; font-size: 14px; font-family: var(--ax-display); font-weight: 600; }
html.aurum .ax-cal-item { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--ax-line); }
html.aurum .ax-cal-item > div { flex: 1; min-width: 0; display: grid; }
html.aurum .ax-cal-item > div b { font-weight: 600; font-size: 13.5px; }
html.aurum .ax-cal-item > div span { font-size: 12px; color: var(--ax-muted); }
html.aurum .ax-cal-item .ax-in { color: var(--ax-ok); font-weight: 600; }
html.aurum .ax-cal-item .ax-out { color: var(--ax-warn); font-weight: 600; }
@media (max-width: 640px) {
  html.aurum .ax-cal-week, html.aurum .ax-cal-grid { gap: 3px; }
  html.aurum .ax-cal-week span { font-size: 10px; }
  html.aurum .ax-cal-cell { min-height: 52px; padding: 4px; border-radius: 8px; }
  html.aurum .ax-cal-in, html.aurum .ax-cal-out { font-size: 0; height: 5px; padding: 0; border-radius: 3px; }
  html.aurum .ax-cal-in { background: var(--ax-ok); }
  html.aurum .ax-cal-out { background: var(--ax-warn); }
  html.aurum .ax-cal-cell.ax-over .ax-cal-in { background: var(--ax-bad); }
}

/* ───────────────────────── 14. QUICK-CREATE SHEET (mobile) ───────────────────────── */
#ax-sheet { position: fixed; inset: 0; z-index: 1200; pointer-events: none; }
#ax-sheet .ax-sheet-scrim { position: absolute; inset: 0; background: rgba(4, 9, 22, .5); opacity: 0; transition: opacity .25s ease; }
#ax-sheet .ax-sheet-panel {
  position: absolute; inset-inline: 0; bottom: 0;
  background: var(--ax-surface); border-top: 1px solid var(--ax-line-2);
  border-radius: 22px 22px 0 0; padding: 8px 16px calc(96px + env(safe-area-inset-bottom, 0px));
  transform: translateY(100%); transition: transform .32s var(--ax-ease);
  box-shadow: var(--ax-shadow-lg);
}
#ax-sheet.show { pointer-events: auto; }
#ax-sheet.show .ax-sheet-scrim { opacity: 1; }
#ax-sheet.show .ax-sheet-panel { transform: none; }
#ax-sheet .ax-sheet-grip { width: 40px; height: 4px; border-radius: 4px; background: var(--ax-line-2); margin: 4px auto 10px; }
#ax-sheet .ax-sheet-title { font-family: var(--ax-display); font-weight: 600; color: var(--ax-text); margin: 0 4px 12px; }
#ax-sheet .ax-sheet-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
#ax-sheet .ax-sheet-btn {
  display: grid; justify-items: center; gap: 7px; padding: 12px 4px; border-radius: 14px;
  background: var(--ax-surface-2); border: 1px solid var(--ax-line); color: var(--ax-text);
  font-family: var(--ax-font); font-weight: 600; font-size: 12px; cursor: pointer;
}
#ax-sheet .ax-sheet-btn svg {
  width: 40px; height: 40px; padding: 10px; border-radius: 12px;
  background: var(--ax-sc-soft); color: var(--ax-sc);
}
#ax-sheet .ax-c-gold   { --ax-sc: var(--ax-gold);   --ax-sc-soft: var(--ax-gold-soft); }
#ax-sheet .ax-c-blue   { --ax-sc: var(--ax-blue);   --ax-sc-soft: var(--ax-blue-soft); }
#ax-sheet .ax-c-ok     { --ax-sc: var(--ax-ok);     --ax-sc-soft: var(--ax-ok-soft); }
#ax-sheet .ax-c-violet { --ax-sc: var(--ax-violet); --ax-sc-soft: var(--ax-violet-soft); }
#ax-sheet .ax-c-bad    { --ax-sc: var(--ax-bad);    --ax-sc-soft: var(--ax-bad-soft); }
#ax-sheet .ax-c-teal   { --ax-sc: var(--ax-teal);   --ax-sc-soft: var(--ax-teal-soft); }
#ax-sheet .ax-c-warn   { --ax-sc: var(--ax-warn);   --ax-sc-soft: var(--ax-warn-soft); }
@media (min-width: 769px) { html.aurum .bn-create, #ax-sheet { display: none !important; } }
@media (max-width: 768px) { html.aurum .ax-rail-btn { display: none; } }

/* ───────────────────────── 15. REFINEMENTS ───────────────────────── */
html.aurum .section-action-bar {
  justify-content: flex-start !important; max-width: none !important; margin: 0 0 18px !important;
  padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important;
}
html.aurum .section-action-bar .btn { padding: 8px 16px !important; font-size: 13.5px !important; font-weight: 600 !important; min-width: 0 !important; }
html.aurum .backup-reminder-banner {
  background: var(--ax-surface) !important; color: var(--ax-text) !important;
  border: 1px solid var(--ax-line) !important; border-inline-start: 3px solid var(--ax-gold) !important;
  border-radius: 12px !important; box-shadow: var(--ax-shadow) !important;
}
html.aurum .backup-reminder-banner .brb-msg { color: var(--ax-text) !important; font-weight: 600; }
html.aurum .ax-target {
  background: rgba(6, 13, 32, .55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
html.aurum .ax-act { padding: 0 12px; gap: 7px; }
html.aurum .ax-actions { gap: 6px; }
@media (max-width: 768px) {
  html.aurum .topbar-spacer { display: none !important; }
  html.aurum .topbar-title { flex: 1 1 auto !important; min-width: 0; }
  html.aurum #notes-icon-btn { display: none !important; }
  html.aurum .ax-hero-arcs { opacity: .35; width: 300px; height: 300px; top: -170px; inset-inline-end: -150px; }
  html.aurum #ai-fab { width: 46px !important; height: 46px !important; }
  html.aurum .backup-reminder-banner { flex-wrap: wrap; gap: 8px; }
}

/* ───────────────────────── 16. REPORTS ───────────────────────── */
html.aurum .rep-stat-card {
  background: var(--ax-surface) !important; color: var(--ax-text) !important;
  border: 1px solid var(--ax-line) !important; border-radius: var(--ax-radius) !important;
  box-shadow: var(--ax-shadow) !important; position: relative; overflow: hidden;
  animation: axRise .45s var(--ax-ease) both;
}
html.aurum .rep-stat-card::before {
  content: ''; position: absolute; top: 0; inset-inline: 0; height: 3px; background: var(--ax-rc, var(--ax-gold));
}
html.aurum .rep-stat-card::after { display: none !important; }
html.aurum .rep-stat-card .rep-stat-icon {
  background: var(--ax-rc-soft, var(--ax-gold-soft)) !important; color: var(--ax-rc, var(--ax-gold)) !important;
  box-shadow: none !important; filter: none !important; border-radius: 12px !important;
}
html.aurum .rep-stat-label { color: var(--ax-muted) !important; opacity: 1 !important; font-weight: 500 !important; }
html.aurum .rep-stat-value { color: var(--ax-text) !important; font-family: var(--ax-display) !important; font-weight: 600 !important; text-shadow: none !important; }
html.aurum .rep-stat-sub { color: var(--ax-faint) !important; opacity: 1 !important; }
html.aurum .rep-stat-card.grad-teal   { --ax-rc: var(--ax-teal);   --ax-rc-soft: var(--ax-teal-soft); }
html.aurum .rep-stat-card.grad-sky    { --ax-rc: var(--ax-blue);   --ax-rc-soft: var(--ax-blue-soft); }
html.aurum .rep-stat-card.grad-orange { --ax-rc: var(--ax-warn);   --ax-rc-soft: var(--ax-warn-soft); }
html.aurum .rep-stat-card.grad-green  { --ax-rc: var(--ax-ok);     --ax-rc-soft: var(--ax-ok-soft); }
html.aurum .rep-stat-card.grad-purple { --ax-rc: var(--ax-violet); --ax-rc-soft: var(--ax-violet-soft); }
html.aurum .rep-stat-card.grad-red    { --ax-rc: var(--ax-bad);    --ax-rc-soft: var(--ax-bad-soft); }
html.aurum .rep-panel {
  background: var(--ax-surface) !important; border: 1px solid var(--ax-line) !important;
  border-radius: var(--ax-radius) !important; box-shadow: var(--ax-shadow) !important;
}
html.aurum .rep-panel-header { background: var(--ax-surface-2) !important; border-bottom: 1px solid var(--ax-line) !important; color: var(--ax-text) !important; }
html.aurum .reports-tabs-sidebar {
  background: var(--ax-surface) !important; border: 1px solid var(--ax-line) !important; box-shadow: var(--ax-shadow) !important;
}
html.aurum .rep-tab { color: var(--ax-muted) !important; border-radius: 10px !important; font-weight: 500 !important; }
html.aurum .rep-tab:hover { background: var(--ax-hover) !important; color: var(--ax-text) !important; }
html.aurum .rep-tab.active { background: var(--ax-active) !important; color: var(--ax-text) !important; box-shadow: inset -3px 0 0 var(--ax-gold) !important; font-weight: 600 !important; }
html.aurum .rep-stat-card .rep-stat-icon { width: 44px !important; height: 44px !important; display: grid !important; place-items: center !important; font-size: 21px !important; margin-bottom: 10px; }

/* ════════════════════════════════════════════════════════════════════
   17. MY LIFE DESIGN LANGUAGE — component overrides
   (appended last so it wins over the earlier sections)
════════════════════════════════════════════════════════════════════ */

/* type: Zain for titles and every number */
html.aurum h1, html.aurum h2, html.aurum h3, html.aurum .page-title, html.aurum .dash-card-title,
html.aurum .modal-title, html.aurum .topbar-title, html.aurum .brand-name {
  font-family: var(--ax-display) !important; font-weight: 800 !important;
}
html.aurum .page-title { font-size: 30px !important; line-height: 1.2; }
html.aurum .topbar-title { font-size: 22px !important; }
html.aurum .dash-card-title { font-size: 19px !important; }
html.aurum .modal-title { font-size: 21px !important; }
html.aurum .kpi-value, html.aurum .pg-value, html.aurum .dash-bigcard-value, html.aurum .stat-value,
html.aurum .stat-card .value, html.aurum .rep-stat-value, html.aurum .ax-num, html.aurum .ax-fig b,
html.aurum .ax-ring-center b, html.aurum .paper-counter-num {
  font-family: var(--ax-display) !important; font-weight: 800 !important; font-variant-numeric: tabular-nums;
}
html.aurum .kpi-v3 .kpi-value, html.aurum .stat-card .stat-value, html.aurum .stat-card .value { font-size: 32px !important; line-height: 1.1; }
html.aurum .pg-value { font-size: 26px !important; }
html.aurum .dash-bigcard-value, html.aurum .rep-stat-value { font-size: 28px !important; }
html.aurum ::selection { background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum *:focus-visible { outline-color: var(--ax-ink) !important; }
html.aurum ::-webkit-scrollbar { width: 6px; height: 6px; }
html.aurum ::-webkit-scrollbar-thumb { border: 0; background: var(--ax-line-2); }
html.aurum[data-theme="dark"] body::before { background: none !important; }

/* cards: borderless white paper with a soft shadow (light) / #121212 (dark) */
html.aurum .dash-card, html.aurum .card, html.aurum .table-wrap, html.aurum .settings-card,
html.aurum .panel, html.aurum .data-card, html.aurum .centers-widget, html.aurum .churn-section,
html.aurum .filter-bar, html.aurum .ai-chat-wrap, html.aurum .table-scroll,
html.aurum .stat-card, html.aurum .kpi-v3, html.aurum .pg-card, html.aurum .dash-bigcard,
html.aurum .rep-stat-card, html.aurum .rep-panel, html.aurum .reports-tabs-sidebar,
html.aurum .backup-reminder-banner, html.aurum .search-box, html.aurum .sup-tabs {
  border-color: transparent !important;
  border-radius: var(--ax-radius) !important;
  box-shadow: var(--ax-shadow) !important;
}
html.aurum .stat-card:hover, html.aurum .kpi-v3:hover, html.aurum .pg-card:hover,
html.aurum .dash-bigcard:hover, html.aurum .rep-stat-card:hover {
  border-color: transparent !important; box-shadow: var(--ax-shadow-lift) !important; transform: translateY(-2px) !important;
}
html.aurum .dash-card-header { border-bottom-color: var(--ax-line) !important; }

/* colored top bars → a small status dot (keep color in icons, not borders) */
html.aurum .stat-card::before, html.aurum .rep-stat-card::before {
  top: 18px !important; inset-inline-start: auto !important; inset-inline-end: 18px !important;
  width: 9px !important; height: 9px !important; border-radius: 50% !important; opacity: 1 !important;
}
html.aurum .pg-card::before { display: none !important; }

/* tinted icon tiles (pastel background, saturated glyph) */
html.aurum .pg-icon, html.aurum .kpi-v3 .kpi-icon, html.aurum .dash-bigcard-icon, html.aurum .rep-stat-card .rep-stat-icon {
  border-radius: 14px !important;
}

/* ── sidebar: white panel, active item = black pill ── */
html.aurum .sidebar, html.aurum aside.sidebar { border-inline-end-color: transparent !important; box-shadow: 1px 0 0 var(--ax-line) !important; }
html.aurum .sidebar-brand { border-bottom-color: var(--ax-line) !important; }
html.aurum .sidebar-brand::after { display: none !important; }
html.aurum .brand-logo { border-radius: 14px !important; }
html.aurum .brand-logo img { border-radius: 12px !important; }
html.aurum .brand-name { font-size: 22px !important; }
html.aurum .nav-item { border-radius: 14px !important; padding: 8px 10px !important; font-weight: 600 !important; color: var(--ax-muted) !important; }
html.aurum .nav-item:hover:not(.active) { background: var(--ax-hover) !important; color: var(--ax-text) !important; }
html.aurum .nav-item:hover .icon { color: inherit !important; }
html.aurum .nav-item.active {
  background: var(--ax-ink) !important; color: var(--ax-on-ink) !important; font-weight: 700 !important;
  box-shadow: 0 8px 20px -10px rgba(0, 0, 0, .45) !important;
}
html.aurum .nav-item.active::before { display: none !important; }
html.aurum .nav-item.active .icon { background: transparent !important; color: var(--ax-on-ink) !important; }
html.aurum .nav-item .icon { border-radius: 10px !important; }
html.aurum .nav-item .badge { background: var(--ax-bad) !important; color: #fff !important; }
html.aurum .nav-section-title { font-weight: 700 !important; color: var(--ax-faint) !important; }
html.aurum .sidebar-logout { border-color: transparent !important; background: var(--ax-surface-2) !important; border-radius: 14px !important; font-weight: 600 !important; }
html.aurum .ax-rail-btn { border-color: transparent; background: var(--ax-surface-2); border-radius: 10px; }

/* ── topbar ── */
html.aurum .topbar { border-bottom-color: transparent !important; background: color-mix(in srgb, var(--ax-bg) 88%, transparent) !important; }
html.aurum .icon-btn { border-color: transparent !important; background: var(--ax-surface) !important; border-radius: 12px !important; box-shadow: var(--ax-shadow) !important; color: var(--ax-text) !important; }
html.aurum .icon-btn:hover { background: var(--ax-surface-2) !important; }
html.aurum .search-box { background: var(--ax-surface) !important; border-radius: 14px !important; }
html.aurum .search-box:focus-within { box-shadow: 0 0 0 2px var(--ax-ink) !important; border-color: transparent !important; }
html.aurum .paper-counter, html.aurum .reciter-inline { border-color: transparent !important; box-shadow: var(--ax-shadow) !important; color: var(--ax-text) !important; }
html.aurum .paper-counter svg { color: var(--ax-text); }

/* mobile: the black rounded header */
@media (max-width: 768px) {
  html.aurum .topbar {
    background: var(--ax-deep) !important; color: var(--ax-on-deep) !important;
    border-radius: 0 0 var(--ax-radius-lg) var(--ax-radius-lg) !important;
    padding: 10px 14px 14px !important; padding-top: max(12px, calc(env(safe-area-inset-top, 0px) + 8px)) !important;
    min-height: 64px !important; backdrop-filter: none !important;
  }
  html.aurum .topbar-title { color: var(--ax-on-deep) !important; font-size: 23px !important; }
  html.aurum .topbar .icon-btn {
    background: rgba(255, 255, 255, .09) !important; color: #fff !important; box-shadow: none !important;
  }
  html.aurum .topbar .icon-btn:active { background: rgba(255, 255, 255, .2) !important; }
  html.aurum .icon-btn .notif-dot { box-shadow: 0 0 0 2px var(--ax-deep) !important; }
  html.aurum #sync-status-dot { box-shadow: none; }
}

/* ── buttons: black pills (white in dark), soft grey secondary ── */
html.aurum .btn { border-radius: 14px !important; font-weight: 700 !important; min-height: 42px; }
html.aurum .btn-sm { border-radius: 11px !important; min-height: 34px; }
html.aurum .btn-primary, html.aurum button.btn-primary { background: var(--ax-ink) !important; color: var(--ax-on-ink) !important; }
html.aurum .btn-primary:hover { background: var(--ax-primary-hover) !important; }
html.aurum .btn-secondary { background: var(--ax-surface-3) !important; border-color: transparent !important; color: var(--ax-text) !important; }
html.aurum .btn-secondary:hover { background: var(--ax-line) !important; }
html.aurum .btn:active { transform: scale(.96) !important; transition-timing-function: var(--ax-spring) !important; }

/* ── inputs: filled grey, no border, ink ring on focus ── */
html.aurum input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
html.aurum select, html.aurum textarea, html.aurum .form-control {
  background: var(--ax-input) !important; border: 1.5px solid transparent !important; border-radius: 12px !important;
}
html.aurum .modal input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
html.aurum .modal select, html.aurum .modal textarea, html.aurum .modal .form-control,
html.aurum .filter-bar input, html.aurum .filter-bar select { background: var(--ax-input) !important; }
html.aurum .search-box input { background: transparent !important; border: 0 !important; }
html.aurum input:focus, html.aurum select:focus, html.aurum textarea:focus, html.aurum .form-control:focus {
  border-color: var(--ax-ink) !important; box-shadow: none !important;
}
html.aurum .form-group label, html.aurum label { font-weight: 700 !important; font-size: 13px; }
html.aurum input[type="checkbox"], html.aurum input[type="radio"] { accent-color: var(--ax-ink); }

/* ── segmented tabs: selected = ink pill ── */
html.aurum .sup-tabs { background: var(--ax-surface) !important; border-radius: 16px !important; }
html.aurum .sup-tab { border-radius: 12px !important; font-weight: 700 !important; }
html.aurum .sup-tab.active { background: var(--ax-ink) !important; color: var(--ax-on-ink) !important; box-shadow: none !important; }
html.aurum .rep-tab { border-radius: 14px !important; font-weight: 600 !important; }
html.aurum .rep-tab.active { background: var(--ax-ink) !important; color: var(--ax-on-ink) !important; box-shadow: none !important; }

/* ── tables ── */
html.aurum .data-table thead th, html.aurum table thead th { background: var(--ax-surface) !important; color: var(--ax-muted) !important; font-weight: 700 !important; border-bottom-color: var(--ax-line) !important; }
html.aurum .badge-status { border-radius: 99px !important; font-weight: 700 !important; }

/* ── modals: sheet-like, generous radius ── */
html.aurum .modal { border: 0 !important; border-radius: var(--ax-radius-lg) !important; }
html.aurum .modal-header { border-bottom-color: var(--ax-line) !important; }
html.aurum .modal-footer { background: var(--ax-surface) !important; border-top-color: var(--ax-line) !important; }
html.aurum .modal .icon-btn { box-shadow: none !important; background: var(--ax-surface-3) !important; }
html.aurum .modal-overlay { background: rgba(0, 0, 0, .45) !important; backdrop-filter: blur(3px) !important; }
@media (max-width: 768px) { html.aurum .modal { border-radius: var(--ax-radius-lg) var(--ax-radius-lg) 0 0 !important; } }

/* ── toast ── */
html.aurum .toast { border: 0 !important; border-radius: 16px !important; box-shadow: var(--ax-shadow-lg) !important; }
html.aurum .toast::before { content: ''; position: absolute; inset-block: 12px; inset-inline-start: 0; width: 4px; border-radius: 0 4px 4px 0; background: var(--ax-t, var(--ax-ink)); }
html.aurum .toast { position: relative; border-inline-start: 0 !important; }

/* ── dashboard hero = deep header card ── */
html.aurum .ax-hero {
  background: var(--ax-deep) !important; border: 0 !important; border-radius: var(--ax-radius-lg) !important;
  box-shadow: var(--ax-shadow-lift) !important;
}
html.aurum .ax-hero::after, html.aurum .ax-hero-arcs { display: none !important; }
html.aurum .ax-eyebrow { color: var(--ax-deep-muted) !important; font-weight: 600 !important; }
html.aurum .ax-hero-title { font-size: 36px !important; font-weight: 900 !important; }
html.aurum .ax-hero-date i { background: var(--ax-deep-muted); }
html.aurum .ax-fig b { font-size: 30px !important; font-weight: 800 !important; }
html.aurum .ax-today { border-color: rgba(255, 255, 255, .1); }
html.aurum .ax-act { border-radius: 14px; background: rgba(255, 255, 255, .09); border-color: transparent; font-weight: 700; }
html.aurum .ax-act:hover { background: rgba(255, 255, 255, .16); border-color: transparent; }
html.aurum .ax-act-main { background: #FFFFFF !important; color: #000 !important; }
html.aurum .ax-act-main:hover { background: #E8E8E8 !important; }
html.aurum .ax-act-ghost { background: transparent; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); }
html.aurum .ax-target { background: rgba(255, 255, 255, .06) !important; border: 0 !important; border-radius: 20px !important; backdrop-filter: none !important; }
html.aurum .ax-link { color: #FFFFFF; }
html.aurum .ax-ring-bar { stroke: #FFFFFF; filter: none; }
html.aurum .ax-ring-track { stroke: rgba(255, 255, 255, .12); }
html.aurum .ax-ring-center b { font-size: 34px !important; }
html.aurum .ax-target-hint b { color: #FFFFFF !important; }
html.aurum .ax-target-empty b { font-size: 19px; font-weight: 800; }
html.aurum .ax-chip { border: 0; background: rgba(255, 107, 107, .16); color: #FF9A9A; }

/* ── day closing / calendar pick up ink instead of gold ── */
html.aurum .ax-dc-tile { border: 0 !important; border-radius: 16px !important; background: var(--ax-surface-2) !important; border-top: 0 !important; }
html.aurum .ax-dc-tile span::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ax-dt, var(--ax-blue)); margin-inline-end: 6px; }
html.aurum .ax-dc-tile.ax-t-gold { --ax-dt: var(--ax-ink); background: var(--ax-ink) !important; }
html.aurum .ax-dc-tile.ax-t-gold span, html.aurum .ax-dc-tile.ax-t-gold b, html.aurum .ax-dc-tile.ax-t-gold em { color: var(--ax-on-ink) !important; }
html.aurum .ax-dc-tile.ax-t-gold span::before { background: var(--ax-on-ink); }
html.aurum .ax-dc-tile b { font-size: 26px !important; }
html.aurum .ax-dc-box { border: 0 !important; background: var(--ax-surface-2) !important; border-radius: 16px !important; }
html.aurum .ax-dc-box h4, html.aurum .ax-cal-detail h4, html.aurum .ax-cal-nav b { font-family: var(--ax-display) !important; font-weight: 800 !important; font-size: 18px !important; }
html.aurum .ax-cal-cell { border: 0 !important; border-radius: 12px !important; }
html.aurum .ax-cal-cell.ax-today { box-shadow: inset 0 0 0 2px var(--ax-ink) !important; }
html.aurum .ax-cal-cell.ax-today .ax-cal-d { color: var(--ax-ink) !important; }
html.aurum .ax-cal-cell.ax-sel { background: var(--ax-surface-3) !important; }
html.aurum .ax-cal-d { font-family: var(--ax-display); font-size: 15px !important; font-weight: 800 !important; }

/* ── floating + mobile nav ── */
html.aurum #ai-fab { background: var(--ax-ink) !important; color: var(--ax-on-ink) !important; box-shadow: var(--ax-shadow-lift) !important; }
html.aurum #ai-fab::before { display: none !important; }
html.aurum #home-fab { border: 0 !important; border-radius: 16px !important; }
html.aurum #bottom-nav { background: var(--ax-surface) !important; border-top: 0 !important; box-shadow: 0 -1px 0 var(--ax-line), 0 -10px 30px -18px rgba(0, 0, 0, .25) !important; backdrop-filter: none !important; }
html.aurum .bn-item { color: var(--ax-faint) !important; font-weight: 600 !important; }
html.aurum .bn-item.active { color: var(--ax-text) !important; font-weight: 700 !important; }
html.aurum .bn-item.active svg { color: var(--ax-text) !important; stroke-width: 2.4; }
html.aurum .bn-item.active::after { display: none !important; }
html.aurum .bn-create {
  background: var(--ax-ink) !important; color: var(--ax-on-ink) !important;
  border-radius: 18px !important; box-shadow: var(--ax-shadow-lift) !important;
}
#ax-sheet .ax-sheet-btn { border: 0 !important; background: var(--ax-surface) !important; box-shadow: var(--ax-shadow); border-radius: 18px !important; font-weight: 700 !important; }
#ax-sheet .ax-sheet-btn svg { border-radius: 12px; }
#ax-sheet .ax-sheet-panel { border-top: 0 !important; background: var(--ax-bg) !important; border-radius: 28px 28px 0 0 !important; }
#ax-sheet .ax-sheet-title { font-size: 21px; font-weight: 800; }
#ax-sheet .ax-c-gold { --ax-sc: var(--ax-text); --ax-sc-soft: var(--ax-surface-3); }
#ax-sheet .ax-c-violet { --ax-sc: var(--ax-violet); --ax-sc-soft: var(--ax-violet-soft); }

/* ── login = auth screen: plain paper, black button ── */
html.aurum .lgn-wrap { background: var(--ax-bg) !important; }
html.aurum .lgn-aurora, html.aurum .lgn-ring { display: none !important; }
html.aurum .lgn-card { background: var(--ax-surface) !important; box-shadow: var(--ax-shadow-lift) !important; border-radius: var(--ax-radius-lg) !important; }
html.aurum .lgn-orb img { border-radius: 18px !important; box-shadow: var(--ax-shadow-lift) !important; }
html.aurum .lgn-title { color: var(--ax-text) !important; font-family: var(--ax-display) !important; font-weight: 900 !important; font-size: 32px !important; }
html.aurum .lgn-sub { color: var(--ax-muted) !important; }
html.aurum #login-page .lgn-input {
  background: var(--ax-input) !important; border: 1.5px solid transparent !important; color: var(--ax-text) !important; border-radius: 12px !important;
}
html.aurum[data-theme="dark"] #login-page .lgn-input { background: #000 !important; }
html.aurum #login-page .lgn-input:focus { border-color: var(--ax-ink) !important; box-shadow: none !important; background: var(--ax-input) !important; }
html.aurum #login-page .lgn-input::placeholder { color: var(--ax-faint) !important; }
html.aurum .lgn-fico, html.aurum .lgn-eye { color: var(--ax-faint) !important; }
html.aurum .lgn-field:focus-within .lgn-fico { color: var(--ax-text) !important; }
html.aurum .lgn-btn {
  background: var(--ax-ink) !important; color: var(--ax-on-ink) !important; border-radius: 14px !important;
  font-family: var(--ax-font) !important; font-weight: 700 !important; box-shadow: none !important;
}
html.aurum .lgn-btn:hover { background: var(--ax-primary-hover) !important; }
html.aurum .lgn-btn-shine { display: none !important; }
html.aurum .lgn-chip { background: var(--ax-surface-2) !important; border: 0 !important; color: var(--ax-muted) !important; }
html.aurum .lgn-foot { color: var(--ax-faint) !important; }
html.aurum .topbar-home-btn, html.aurum .topbar-home-btn svg { color: var(--ax-text) !important; opacity: 1 !important; }
html.aurum .topbar-home-btn svg { stroke: currentColor !important; }
@media (max-width: 768px) {
  html.aurum .topbar-home-btn svg { color: #fff !important; }
  /* on the dashboard the black header flows straight into the hero, one block */
  html.aurum body:has(#ax-hero) .topbar { border-radius: 0 !important; }
  html.aurum .ax-hero {
    margin: -14px -14px 18px !important; border-radius: 0 0 var(--ax-radius-lg) var(--ax-radius-lg) !important;
    padding: 18px 18px 22px !important; box-shadow: none !important;
  }
}
@media (max-width: 768px) {
  html.aurum .stat-card .stat-value, html.aurum .stat-card .value { font-size: 24px !important; overflow-wrap: anywhere; }
  html.aurum .kpi-v3 .kpi-value { font-size: 27px !important; }
  html.aurum .pg-value, html.aurum .dash-bigcard-value, html.aurum .rep-stat-value { font-size: 23px !important; }
  html.aurum .page-title { font-size: 26px !important; }
}

/* ════════════════════════════════════════════════════════════════════
   18. GLOW LINE CHART (js/glowchart.js) + cash-flow card
════════════════════════════════════════════════════════════════════ */
html.aurum .axc { position: relative; width: 100%; outline: none; border-radius: 14px; -webkit-tap-highlight-color: transparent; }
html.aurum .axc:focus-visible { box-shadow: 0 0 0 2px var(--ax-ink); }
html.aurum .axc svg { display: block; width: 100%; height: auto; overflow: visible; }
html.aurum .axc-empty { display: grid; place-items: center; height: 180px; color: var(--ax-faint); font-size: 13px; }
html.aurum .axc-hair { stroke: var(--ax-line); stroke-width: 1; }
html.aurum .axc-zero { stroke: var(--ax-line-2); stroke-width: 1; stroke-dasharray: 3 4; }
html.aurum .axc-tick { fill: var(--ax-faint); font: 500 11px var(--ax-font); font-variant-numeric: tabular-nums; }
html.aurum .axc-area { stroke: none; }
html.aurum .axc-line { fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
html.aurum .axc-glow { fill: none; stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; opacity: .38; pointer-events: none; }
html.aurum[data-theme="dark"] .axc-glow { opacity: .75; stroke-width: 8; }
html.aurum[data-theme="dark"] .axc-area { opacity: 1.25; }
html.aurum .axc-dot { stroke: var(--ax-surface); stroke-width: 2.5; }
html.aurum .axc-halo { opacity: .35; transform-box: fill-box; transform-origin: center; animation: axc-pulse 2.2s var(--ax-ease) infinite; }
@keyframes axc-pulse { 0% { transform: scale(1); opacity: .45; } 70%, 100% { transform: scale(3.2); opacity: 0; } }
html.aurum .axc-endlabel { fill: var(--ax-text); font: 800 15px var(--ax-display); font-variant-numeric: tabular-nums; paint-order: stroke; stroke: var(--ax-surface); stroke-width: 4px; stroke-linejoin: round; }
html.aurum .axc-cross { stroke: var(--ax-muted); stroke-width: 1; stroke-dasharray: 2 3; opacity: 0; }
html.aurum .axc-focus { opacity: 0; stroke: var(--ax-surface); stroke-width: 2.5; }
html.aurum .axc-hover .axc-cross, html.aurum .axc-hover .axc-focus { opacity: 1; }
html.aurum .axc-hit { fill: transparent; cursor: crosshair; touch-action: pan-y; }
html.aurum .axc-tip {
  position: absolute; top: 0; left: 0; z-index: 5; min-width: 150px; pointer-events: none;
  background: var(--ax-surface); color: var(--ax-text); border-radius: 14px; padding: 10px 12px;
  box-shadow: var(--ax-shadow-lift), 0 0 0 1px var(--ax-line); font-size: 12px;
  opacity: 0; transform: translateY(4px); transition: opacity .15s, transform .15s var(--ax-ease);
}
html.aurum .axc-tip.on { opacity: 1; transform: none; }
html.aurum .axc-tip-h { color: var(--ax-muted); font-weight: 600; margin-bottom: 6px; }
html.aurum .axc-tip-r { display: flex; align-items: center; gap: 8px; padding: 2px 0; color: var(--ax-muted); }
html.aurum .axc-tip-r i { width: 12px; height: 3px; border-radius: 2px; flex: none; }
html.aurum .axc-tip-r b { order: 3; margin-inline-start: auto; color: var(--ax-text); font-weight: 600; font-variant-numeric: tabular-nums; }
html.aurum .axc-tip-r span { order: 2; }
html.aurum .axc-tip-r.axc-strong b { font: 800 17px var(--ax-display); }
html.aurum .axc-tip-r.axc-strong span { color: var(--ax-text); font-weight: 600; }
html.aurum .axc-table { margin-top: 10px; font-size: 12.5px; }
html.aurum .axc-table summary { cursor: pointer; color: var(--ax-muted); font-weight: 600; width: max-content; padding: 4px 0; }
html.aurum .axc-table summary:hover { color: var(--ax-text); }
html.aurum .axc-table-wrap { max-height: 260px; overflow: auto; margin-top: 8px; border-radius: 12px; background: var(--ax-surface-2); }
html.aurum .axc-table table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
html.aurum .axc-table th, html.aurum .axc-table td { padding: 7px 12px; text-align: start; border-bottom: 1px solid var(--ax-line); }
html.aurum .axc-table th { position: sticky; top: 0; background: var(--ax-surface-2); color: var(--ax-muted); font-weight: 600; }

/* segmented control (pill switch) */
html.aurum .ax-seg { display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px; background: var(--ax-surface-2); flex-wrap: nowrap; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
html.aurum .ax-seg::-webkit-scrollbar { display: none; }
html.aurum .ax-seg button {
  border: 0; background: transparent; color: var(--ax-muted); font: 600 12.5px var(--ax-font);
  padding: 7px 14px; border-radius: 999px; cursor: pointer; white-space: nowrap; transition: background .2s, color .2s;
}
html.aurum .ax-seg button:hover { color: var(--ax-text); }
html.aurum .ax-seg button.on { background: var(--ax-ink); color: var(--ax-on-ink); }

/* cash-flow card */
html.aurum .ax-cf-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }
html.aurum .ax-cf-stat { background: var(--ax-surface-2); border-radius: 16px; padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html.aurum .ax-cf-stat span { font-size: 12px; color: var(--ax-muted); font-weight: 600; }
html.aurum .ax-cf-stat b { font: 800 24px/1.15 var(--ax-display); color: var(--ax-text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html.aurum .ax-cf-stat b em { font-style: normal; font-size: 13px; color: var(--ax-muted); font-family: var(--ax-font); font-weight: 600; }
html.aurum .ax-cf-stat small { font-size: 11.5px; color: var(--ax-faint); }
html.aurum .ax-cf-net.pos { background: var(--ax-ok-soft); } html.aurum .ax-cf-net.pos b { color: var(--ax-ok); }
html.aurum .ax-cf-net.neg { background: var(--ax-bad-soft); } html.aurum .ax-cf-net.neg b { color: var(--ax-bad); }
html.aurum[data-theme="dark"] .ax-cf-net.pos { background: rgba(92, 232, 154, .10); }
html.aurum[data-theme="dark"] .ax-cf-net.neg { background: rgba(255, 107, 107, .10); }
html.aurum .ax-cf-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; margin-bottom: 8px; }
html.aurum .ax-cf-legend { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12px; color: var(--ax-muted); }
html.aurum .ax-cf-key { display: inline-flex; align-items: center; gap: 6px; }
html.aurum .ax-cf-key i { width: 16px; height: 3px; border-radius: 2px; box-shadow: 0 0 8px currentColor; }
html.aurum .ax-cf-chart { margin: 0 -4px; }
html.aurum .ax-cf-foot { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
html.aurum .ax-cf-chip { font-size: 12px; font-weight: 600; padding: 5px 11px; border-radius: 999px; background: var(--ax-surface-2); color: var(--ax-muted); }
html.aurum .ax-cf-chip.ok { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .ax-cf-chip.bad { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum[data-theme="dark"] .ax-cf-chip.ok { background: rgba(92, 232, 154, .10); }
html.aurum[data-theme="dark"] .ax-cf-chip.bad { background: rgba(255, 107, 107, .10); }
html.aurum .ax-cf-fc { margin-top: 12px; padding: 11px 14px; border-radius: 14px; font-size: 13px; color: var(--ax-text); background: var(--ax-surface-2); border-inline-start: 3px solid var(--ax-faint); }
html.aurum .ax-cf-fc.ok { border-color: var(--ax-ok); } html.aurum .ax-cf-fc.bad { border-color: var(--ax-bad); }
html.aurum .ax-cf-fc b { margin-inline-end: 6px; } html.aurum .ax-cf-fc strong { font-family: var(--ax-display); font-size: 16px; }
@media (max-width: 768px) {
  html.aurum .ax-cf-stats { grid-template-columns: 1fr 1fr; }
  html.aurum .ax-cf-net { grid-column: 1 / -1; }
  html.aurum .ax-cf-stat b { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) { html.aurum .axc-halo { animation: none; } html.aurum .axc-line { transition: none !important; } }

/* ════════════════════════════════════════════════════════════════════
   19. مخزوني — stock hub (js/stockhub.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .skh-head .btn svg { width: 16px; height: 16px; vertical-align: -3px; }
/* tints */
html.aurum .t-blue   { --t: var(--ax-blue);   --ts: var(--ax-blue-soft); }
html.aurum .t-ok     { --t: var(--ax-ok);     --ts: var(--ax-ok-soft); }
html.aurum .t-warn   { --t: var(--ax-warn);   --ts: var(--ax-warn-soft); }
html.aurum .t-pink   { --t: var(--ax-pink);   --ts: var(--ax-pink-soft); }
html.aurum .t-violet { --t: var(--ax-violet); --ts: var(--ax-violet-soft); }
html.aurum .t-teal   { --t: var(--ax-teal);   --ts: var(--ax-teal-soft); }
html.aurum .t-ink, html.aurum .t-misc, html.aurum .t-all { --t: var(--ax-text); --ts: var(--ax-surface-3); }
html.aurum[data-theme="dark"] .t-blue   { --ts: rgba(29, 111, 242, .18); }
html.aurum[data-theme="dark"] .t-ok     { --ts: rgba(92, 232, 154, .14); }
html.aurum[data-theme="dark"] .t-warn   { --ts: rgba(255, 170, 60, .16); }
html.aurum[data-theme="dark"] .t-pink   { --ts: rgba(255, 90, 140, .16); }
html.aurum[data-theme="dark"] .t-violet { --ts: rgba(160, 120, 255, .18); }
html.aurum[data-theme="dark"] .t-teal   { --ts: rgba(0, 200, 190, .16); }

/* hero */
html.aurum .skh-hero {
  display: grid; grid-template-columns: auto 1fr; gap: 26px; align-items: center;
  background: var(--ax-deep); color: var(--ax-on-deep); border-radius: var(--ax-radius-lg);
  padding: 22px 26px; margin-bottom: 14px; box-shadow: var(--ax-shadow);
}
html.aurum[data-theme="dark"] .skh-hero { box-shadow: 0 0 0 1px var(--ax-line); }
html.aurum .skh-hero-ring { position: relative; width: 132px; height: 132px; }
html.aurum .skh-ring { display: block; }
html.aurum .skh-ring-bg { fill: none; stroke: rgba(255, 255, 255, .12); }
html.aurum .skh-ring-fg { fill: none; stroke: var(--ax-teal); stroke-linecap: round; filter: drop-shadow(0 0 6px var(--ax-teal)); transition: stroke-dasharray 1s var(--ax-ease); }
html.aurum .skh-ring-c { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
html.aurum .skh-ring-c b { font: 800 34px/1 var(--ax-display); }
html.aurum .skh-ring-c span { font-size: 11px; color: var(--ax-deep-muted); margin-top: 4px; }
html.aurum .skh-hero-head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 16px; }
html.aurum .skh-hero-head span { font-size: 12.5px; color: var(--ax-deep-muted); }
html.aurum .skh-hero-head b { font: 800 28px/1.15 var(--ax-display); }
html.aurum .skh-hero-head em { font-style: normal; font-size: 13px; color: var(--ax-teal); font-weight: 600; }
html.aurum .skh-hero-figs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
html.aurum .skh-hero-figs > div { background: rgba(255, 255, 255, .07); border-radius: 16px; padding: 10px 12px; min-width: 0; }
html.aurum .skh-hero-figs span { display: block; font-size: 11.5px; color: var(--ax-deep-muted); }
html.aurum .skh-hero-figs b { font: 800 22px/1.2 var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .skh-hero-figs small { font-size: 11px; color: var(--ax-deep-muted); margin-inline-start: 4px; }

/* alerts */
html.aurum .skh-alerts { display: flex; align-items: center; gap: 10px; background: var(--ax-bad-soft); color: var(--ax-bad); border-radius: 18px; padding: 10px 12px; margin-bottom: 14px; }
html.aurum[data-theme="dark"] .skh-alerts { background: rgba(255, 107, 107, .10); }
html.aurum .skh-alerts > svg { width: 20px; height: 20px; flex: none; }
html.aurum .skh-alerts-list { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
html.aurum .skh-alert { flex: none; border: 0; cursor: pointer; background: var(--ax-surface); border-radius: 12px; padding: 7px 12px; text-align: start; display: flex; flex-direction: column; font-family: var(--ax-font); }
html.aurum .skh-alert b { font-size: 13px; color: var(--ax-text); } html.aurum .skh-alert span { font-size: 11.5px; color: var(--ax-bad); }

/* controls */
html.aurum .skh-controls { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
html.aurum .skh-chips { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
html.aurum .skh-chips::-webkit-scrollbar { display: none; }
html.aurum .skh-chip {
  flex: none; display: inline-flex; align-items: center; gap: 7px; border: 0; cursor: pointer;
  background: var(--ax-surface); color: var(--ax-text); border-radius: 999px; padding: 6px 12px 6px 8px;
  font: 600 13px var(--ax-font); box-shadow: var(--ax-shadow); transition: transform .15s var(--ax-spring), background .2s;
}
html.aurum .skh-chip:not(.t-all) { padding-inline-start: 6px; }
html.aurum .skh-chip.t-all { padding: 6px 14px; }
html.aurum .skh-chip i { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--ts); color: var(--t); }
html.aurum .skh-chip i svg { width: 15px; height: 15px; }
html.aurum .skh-chip em { font-style: normal; font-size: 11.5px; color: var(--ax-faint); font-variant-numeric: tabular-nums; }
html.aurum .skh-chip:active { transform: scale(.96); }
html.aurum .skh-chip.on { background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .skh-chip.on em { color: var(--ax-on-ink); opacity: .6; }
html.aurum .skh-tools { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
html.aurum .skh-search { flex: 1 1 220px; display: flex; align-items: center; gap: 8px; background: var(--ax-surface); border-radius: 14px; padding: 0 12px; box-shadow: var(--ax-shadow); }
html.aurum .skh-search svg { width: 17px; height: 17px; color: var(--ax-faint); flex: none; }
html.aurum .skh-search input { flex: 1; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 11px 0 !important; font: 500 14px var(--ax-font); color: var(--ax-text); outline: none; min-width: 0; }

/* item grid */
html.aurum .skh-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 12px; margin-bottom: 18px; }
html.aurum .skh-item {
  background: var(--ax-surface); border-radius: var(--ax-radius); padding: 14px; box-shadow: var(--ax-shadow);
  display: flex; flex-direction: column; gap: 12px; min-width: 0; animation: skh-in .45s var(--ax-ease) both;
}
@keyframes skh-in { from { opacity: 0; transform: translateY(8px); } }
html.aurum .skh-item header { display: flex; align-items: center; gap: 10px; }
html.aurum .skh-ico { width: 40px; height: 40px; border-radius: 13px; flex: none; display: grid; place-items: center; background: var(--ts); color: var(--t); }
html.aurum .skh-ico svg { width: 21px; height: 21px; }
html.aurum .skh-ico.lg { width: 50px; height: 50px; border-radius: 16px; } html.aurum .skh-ico.lg svg { width: 26px; height: 26px; }
html.aurum .skh-item-t { min-width: 0; flex: 1; display: flex; flex-direction: column; }
html.aurum .skh-item-t b { font-size: 14.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .skh-item-t span { font-size: 11.5px; color: var(--ax-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .skh-state { flex: none; display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 700; padding: 4px 9px; border-radius: 999px; }
html.aurum .skh-state i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 6px currentColor; }
html.aurum .skh-state.s-bad { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum .skh-state.s-warn { background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum .skh-state.s-ok { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .skh-state.s-idle { background: var(--ax-surface-2); color: var(--ax-faint); }
html.aurum .skh-state.s-idle i { box-shadow: none; }
html.aurum[data-theme="dark"] .skh-state.s-bad { background: rgba(255, 107, 107, .12); }
html.aurum[data-theme="dark"] .skh-state.s-warn { background: rgba(255, 170, 60, .12); }
html.aurum[data-theme="dark"] .skh-state.s-ok { background: rgba(92, 232, 154, .10); }
html.aurum .s-bad .skh-state i { animation: skh-blink 1.6s ease-in-out infinite; }
@keyframes skh-blink { 50% { opacity: .3; } }
html.aurum .skh-bal { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
html.aurum .skh-bal b { font: 800 36px/1 var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .skh-bal span { font-size: 13px; color: var(--ax-muted); font-weight: 600; }
html.aurum .skh-min { font-style: normal; font-size: 11px; font-weight: 700; color: var(--ax-warn); background: var(--ax-warn-soft); padding: 3px 8px; border-radius: 999px; margin-inline-start: auto; }
html.aurum[data-theme="dark"] .skh-min { background: rgba(255, 170, 60, .12); }
html.aurum .skh-cover { display: flex; flex-direction: column; gap: 6px; }
html.aurum .skh-cover > span { font-size: 12.5px; color: var(--ax-muted); font-weight: 600; }
html.aurum .skh-bar { height: 8px; border-radius: 999px; background: var(--ax-surface-2); overflow: hidden; }
html.aurum .skh-bar i { display: block; height: 100%; border-radius: inherit; background: var(--ax-faint); transform-origin: right; animation: skh-grow .9s var(--ax-ease) both; }
@keyframes skh-grow { from { transform: scaleX(0); } }
html.aurum .s-ok .skh-bar i { background: var(--ax-ok); box-shadow: 0 0 10px var(--ax-ok); }
html.aurum .s-warn .skh-bar i { background: var(--ax-warn); box-shadow: 0 0 10px var(--ax-warn); }
html.aurum .s-bad .skh-bar i { background: var(--ax-bad); box-shadow: 0 0 10px var(--ax-bad); }
html.aurum .s-bad .skh-cover > span { color: var(--ax-bad); }
html.aurum .skh-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 0; }
html.aurum .skh-meta div { background: var(--ax-surface-2); border-radius: 12px; padding: 7px 9px; min-width: 0; }
html.aurum .skh-meta dt { font-size: 10.5px; color: var(--ax-faint); font-weight: 600; }
html.aurum .skh-meta dd { margin: 0; font: 800 16px/1.2 var(--ax-display); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; }
html.aurum .skh-item footer { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
html.aurum .skh-item footer button {
  display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; cursor: pointer;
  background: var(--ax-surface-2); color: var(--ax-text); border-radius: 12px; padding: 9px 6px; font: 600 12.5px var(--ax-font);
  transition: background .2s, transform .15s var(--ax-spring);
}
html.aurum .skh-item footer button:hover { background: var(--ax-surface-3); }
html.aurum .skh-item footer button:active { transform: scale(.96); }
html.aurum .skh-item footer button.skh-more { background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .skh-item footer svg { width: 14px; height: 14px; }
html.aurum .skh-empty { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 34px 16px; color: var(--ax-faint); text-align: center; background: var(--ax-surface); border-radius: var(--ax-radius); }
html.aurum .skh-empty svg { width: 34px; height: 34px; opacity: .6; }
html.aurum .skh-empty b { color: var(--ax-text); font-size: 15px; }
html.aurum .skh-empty.sm { padding: 18px; background: var(--ax-surface-2); font-size: 13px; }

/* lower row */
html.aurum .skh-row { display: grid; grid-template-columns: 1.4fr 1fr; gap: 14px; margin-bottom: 14px; }
html.aurum .skh-card { margin-bottom: 14px; min-width: 0; }
html.aurum .skh-row .skh-card { margin-bottom: 0; }
html.aurum .skh-note { font-size: 12px; color: var(--ax-faint); }
html.aurum .skh-link { border: 0; background: none; cursor: pointer; color: var(--ax-muted); font: 600 12.5px var(--ax-font); display: inline-flex; align-items: center; gap: 2px; }
html.aurum .skh-link svg { width: 15px; height: 15px; }
html.aurum .skh-centers { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
html.aurum .skh-c-top { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
html.aurum .skh-c-top b { font-size: 13.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .skh-c-top strong { font: 800 17px var(--ax-display); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.aurum .skh-c-top small { font: 600 11px var(--ax-font); color: var(--ax-faint); }
html.aurum .skh-hbar { height: 6px; border-radius: 999px; background: var(--ax-surface-2); margin: 6px 0 5px; overflow: hidden; }
html.aurum .skh-hbar i { display: block; height: 100%; border-radius: inherit; background: var(--ax-teal); box-shadow: 0 0 8px var(--ax-teal); transform-origin: right; animation: skh-grow .9s var(--ax-ease) both; }
html.aurum .skh-c-sub { display: flex; justify-content: space-between; gap: 8px; font-size: 11.5px; color: var(--ax-faint); }
html.aurum .skh-c-sub .late { color: var(--ax-warn); font-weight: 700; }
html.aurum .skh-feed { list-style: none; margin: 0; padding: 0; }
html.aurum .skh-feed li { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--ax-line); }
html.aurum .skh-feed li:last-child { border-bottom: 0; }
html.aurum .skh-f-ico { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; flex: none; }
html.aurum .skh-f-ico svg { width: 16px; height: 16px; }
html.aurum .skh-feed .in .skh-f-ico { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .skh-feed .out .skh-f-ico { background: var(--ax-surface-2); color: var(--ax-text); }
html.aurum[data-theme="dark"] .skh-feed .in .skh-f-ico { background: rgba(92, 232, 154, .12); }
html.aurum .skh-f-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.aurum .skh-f-t b { font-size: 13.5px; font-weight: 700; }
html.aurum .skh-f-t span { font-size: 11.5px; color: var(--ax-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .skh-f-v { text-align: end; display: flex; flex-direction: column; flex: none; }
html.aurum .skh-f-v b { font: 800 17px var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .skh-feed .in .skh-f-v b { color: var(--ax-ok); }
html.aurum .skh-f-v span { font-size: 11px; color: var(--ax-faint); }

/* detail modal */
html.aurum .skh-d-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
html.aurum .skh-d-head > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.aurum .skh-d-head b { font: 800 22px var(--ax-display); } html.aurum .skh-d-head span { font-size: 12.5px; color: var(--ax-faint); }
html.aurum .skh-d-figs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 12px; }
html.aurum .skh-d-figs > div { background: var(--ax-surface-2); border-radius: 14px; padding: 10px 12px; }
html.aurum .skh-d-figs span { display: block; font-size: 11.5px; color: var(--ax-muted); }
html.aurum .skh-d-figs b { font: 800 24px/1.2 var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .skh-d-figs small { display: block; font-size: 11px; color: var(--ax-faint); }
html.aurum .skh-d-warn { display: flex; gap: 8px; align-items: center; background: var(--ax-warn-soft); color: var(--ax-warn); border-radius: 12px; padding: 9px 12px; font-size: 13px; font-weight: 600; margin-bottom: 12px; }
html.aurum .skh-d-warn svg { width: 18px; height: 18px; flex: none; }
html.aurum .skh-d h4 { font: 800 16px var(--ax-display); margin: 14px 0 8px; }
html.aurum .skh-d-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
html.aurum .skh-mini { list-style: none; margin: 0; padding: 0; }
html.aurum .skh-mini li { display: flex; justify-content: space-between; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--ax-line); font-size: 13px; }
html.aurum .skh-mini li b { font-family: var(--ax-display); font-size: 15px; white-space: nowrap; }

@media (max-width: 900px) {
  html.aurum .skh-row, html.aurum .skh-d-cols { grid-template-columns: 1fr; }
  html.aurum .skh-hero-figs { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  html.aurum .skh-hero { grid-template-columns: 1fr; gap: 16px; padding: 18px; text-align: start; }
  html.aurum .skh-hero-ring { width: 110px; height: 110px; }
  html.aurum .skh-hero-ring svg { width: 110px; height: 110px; }
  html.aurum .skh-ring-c b { font-size: 28px; }
  html.aurum .skh-hero-head b { font-size: 24px; }
  html.aurum .skh-grid { grid-template-columns: 1fr; }
  html.aurum .skh-d-figs { grid-template-columns: 1fr 1fr; }
  html.aurum .skh-tools .ax-seg { width: 100%; }
  html.aurum .skh-tools .ax-seg button { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
  html.aurum .skh-item, html.aurum .skh-bar i, html.aurum .skh-hbar i { animation: none; }
}

/* ════════════════════════════════════════════════════════════════════
   20. Dashboard order (cash flow → ملخص يومك) + colour-coded target ring
════════════════════════════════════════════════════════════════════ */
html.aurum .ax-cf-top { margin-bottom: 16px !important; }
@media (max-width: 768px) {
  /* hero is no longer the first block → keep it a normal rounded card */
  html.aurum body:has(#ax-hero) .topbar { border-radius: 0 0 var(--ax-radius-lg) var(--ax-radius-lg) !important; }
  html.aurum .ax-hero { margin: 0 0 18px !important; border-radius: var(--ax-radius-lg) !important; box-shadow: var(--ax-shadow-lift) !important; }
}
html.aurum .ax-ring-live { --ring: #fff; width: 148px; height: 148px; }
html.aurum .ax-ring-live .ax-ring-bar { stroke: var(--ring) !important; stroke-width: 10; animation: none !important; filter: none !important; transition: stroke .3s; }
html.aurum .ax-ring-live .ax-ring-glow { fill: none; stroke: var(--ring); stroke-width: 14; stroke-linecap: round; opacity: .55; filter: blur(6px); }
html.aurum .ax-ring-live .ax-ring-track { stroke-width: 10; }
html.aurum .ax-ring-live .ax-ring-center b { color: var(--ring) !important; text-shadow: 0 0 18px var(--ring); }
html.aurum .ax-ring-pace { stroke: rgba(255, 255, 255, .85); stroke-width: 2.5; stroke-linecap: round; }
html.aurum .ax-ring-done { animation: axRingDone 2.4s ease-in-out infinite; }
@keyframes axRingDone { 50% { filter: drop-shadow(0 0 14px var(--ring)); } }
html.aurum .ax-target-state { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 700; padding: 5px 12px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: #fff; }
html.aurum .ax-target-state i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
html.aurum .ax-ts-done { color: #5CE89A; } html.aurum .ax-ts-ahead { color: #7FE3BD; }
html.aurum .ax-ts-near { color: #FFC24D; } html.aurum .ax-ts-behind { color: #FF7A6B; }
html.aurum .ax-ring-scale { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; font-size: 10.5px; color: var(--ax-deep-muted); position: relative; padding-top: 10px; }
html.aurum .ax-ring-scale i { position: absolute; top: 0; inset-inline: 0; height: 5px; border-radius: 999px;
  background: linear-gradient(to left, hsl(4,88%,56%), hsl(35,88%,56%), hsl(66,88%,56%), hsl(100,88%,56%), hsl(145,88%,52%)); opacity: .9; }
html.aurum .ax-ring-scale span:nth-child(2) { text-align: start; } html.aurum .ax-ring-scale span:nth-child(3) { text-align: center; } html.aurum .ax-ring-scale span:nth-child(4) { text-align: end; }
@media (max-width: 768px) { html.aurum .ax-ring-live { width: 124px; height: 124px; } }
@media (prefers-reduced-motion: reduce) { html.aurum .ax-ring-done { animation: none; } }
html.aurum .ax-ring-live svg { overflow: visible; }

/* ════════════════════════════════════════════════════════════════════
   21. PULSE SCENE (js/pulsescene.js · GSAP) — replaces the pulse cards
════════════════════════════════════════════════════════════════════ */
html.aurum .pulse-grid.pxs-replaced { display: none !important; }
html.aurum .pxs {
  --gc: #7CF0C5; --bg: #0A0913;
  position: relative; margin: 0 0 18px; border-radius: var(--ax-radius-lg); overflow: hidden;
  background: var(--bg); color: #fff; box-shadow: var(--ax-shadow-lift); isolation: isolate;
}
html.aurum[data-theme="dark"] .pxs { box-shadow: 0 0 0 1px #1c1a28; }
/* day theme: the scene takes the logo navy with blue and gold light instead of violet */
html.aurum[data-theme="light"] .pxs { --bg: #00204F; }
html.aurum[data-theme="light"] .pxs-g1 { background: radial-gradient(circle, rgba(58, 128, 255, .55), transparent 70%); }
html.aurum[data-theme="light"] .pxs-g2 { background: radial-gradient(circle, rgba(215, 150, 19, .34), transparent 70%); }
html.aurum[data-theme="light"] .pxs-c { border-color: rgba(150, 186, 255, .3); }
html.aurum[data-theme="light"] .pxs-c.on { background: #E0A21E; border-color: #F6C25A; box-shadow: 0 0 14px rgba(224, 162, 30, .5); }
html.aurum[data-theme="light"] .pxs-c svg { stroke: #00204F; }
html.aurum[data-theme="light"] .pxs-cap-dot { background: #F6C25A; box-shadow: 0 0 10px #F6C25A; }
html.aurum[data-theme="light"] .pxs-tile { background: rgba(255, 255, 255, .06); }
html.aurum[data-theme="light"] .pxs-tile:hover { background: rgba(255, 255, 255, .1); }
html.aurum .pxs-stage { position: relative; height: 480px; overflow: hidden; perspective: 1100px; }
html.aurum .pxs-glow { position: absolute; border-radius: 50%; filter: blur(60px); pointer-events: none; will-change: transform; }
html.aurum .pxs-g1 { width: 420px; height: 320px; top: -120px; right: 8%; background: radial-gradient(circle, rgba(108, 84, 255, .55), transparent 70%); }
html.aurum .pxs-g2 { width: 460px; height: 380px; bottom: -120px; left: -80px; background: radial-gradient(circle, rgba(214, 38, 120, .42), transparent 70%); }
html.aurum .pxs-g3 { width: 70%; height: 200px; bottom: 30px; right: 10%; background: radial-gradient(ellipse, color-mix(in srgb, var(--gc) 26%, transparent), transparent 70%); opacity: .6; transition: background .8s; }

/* 3D checkbox wall */
html.aurum .pxs-wall-wrap { position: absolute; top: -10px; left: -25%; right: -25%; height: 72%; transform-style: preserve-3d; will-change: transform; }
html.aurum .pxs-wall {
  position: relative; display: grid; gap: var(--gap); justify-content: center; will-change: transform;
  -webkit-mask-image: linear-gradient(to bottom, #000 30%, transparent 96%); mask-image: linear-gradient(to bottom, #000 30%, transparent 96%);
}
html.aurum .pxs-c {
  width: var(--cell); height: var(--cell); border-radius: 6px; display: grid; place-items: center;
  border: 2px solid rgba(165, 155, 255, .34); background: rgba(255, 255, 255, .02);
  transition: background .35s, border-color .35s, box-shadow .35s;
}
html.aurum .pxs-c svg { width: 72%; height: 72%; fill: none; stroke: #140F33; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transition: opacity .2s; }
html.aurum .pxs-c.on { background: #7B6CF6; border-color: #9387FF; box-shadow: 0 0 14px rgba(123, 108, 246, .55); }
html.aurum .pxs-c.on svg { opacity: 1; }
html.aurum .pxs-c.hot { background: #4FA8FF; border-color: #9DD0FF; box-shadow: 0 0 22px #4FA8FF, 0 0 2px #fff; }
html.aurum .pxs-cursor {
  position: absolute; left: 0; top: 0; width: calc(var(--cell) + 10px); height: calc(var(--cell) + 10px);
  border: 1.5px solid rgba(150, 200, 255, .85); border-radius: 10px; pointer-events: none; opacity: 0;
  box-shadow: 0 0 18px rgba(79, 168, 255, .55), inset 0 0 12px rgba(79, 168, 255, .25);
}
html.aurum .pxs-cursor::after { content: ''; position: absolute; right: -5px; bottom: -5px; width: 7px; height: 7px; border-radius: 50%; border: 1.5px solid #9DD0FF; background: var(--bg); }

html.aurum .pxs-cap {
  position: absolute; top: 16px; right: 18px; z-index: 3; display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 13px; border-radius: 999px; font-size: 12.5px; color: rgba(255, 255, 255, .72);
  background: rgba(10, 9, 19, .55); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
html.aurum .pxs-cap b { font: 800 18px/1 var(--ax-display); color: #fff; font-variant-numeric: tabular-nums; }
html.aurum .pxs-cap-dot { width: 8px; height: 8px; border-radius: 3px; background: #7B6CF6; box-shadow: 0 0 10px #7B6CF6; }

/* graph */
html.aurum .pxs-graph {
  position: absolute; left: 0; right: 0; bottom: 46px; height: 54%; z-index: 2; padding: 0 18px;
  background: linear-gradient(to top, var(--bg) 10%, rgba(10, 9, 19, .7) 50%, transparent);
  display: flex; flex-direction: column; will-change: transform;
}
html.aurum .pxs-gh { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding-top: 18px; }
html.aurum .pxs-gt { display: flex; flex-direction: column; min-width: 0; }
html.aurum .pxs-gname { font-size: 12.5px; color: rgba(255, 255, 255, .6); font-weight: 600; }
html.aurum .pxs-gval { font: 800 30px/1.1 var(--ax-display); color: #fff; text-shadow: 0 0 24px color-mix(in srgb, var(--gc) 55%, transparent); font-variant-numeric: tabular-nums; }
html.aurum .pxs-gdelta { font-size: 12px; font-weight: 700; padding: 5px 11px; border-radius: 999px; background: rgba(255, 255, 255, .07); color: rgba(255, 255, 255, .75); white-space: nowrap; }
html.aurum .pxs-gdelta.up { color: #5CE89A; } html.aurum .pxs-gdelta.down { color: #FF8A7A; }
html.aurum .pxs-plot { flex: 1; min-height: 0; position: relative; }
html.aurum .pxs-plot svg { display: block; width: 100%; height: 100%; overflow: visible; }
html.aurum .pxs-hair { stroke: rgba(255, 255, 255, .07); stroke-width: 1; }
html.aurum .pxs-ax { fill: rgba(255, 255, 255, .6); font: 700 12.5px var(--ax-display); }
html.aurum .pxs-area { transition: fill .6s; }
html.aurum .pxs-line { fill: none; stroke: var(--gc); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: stroke .6s; }
html.aurum .pxs-lglow { fill: none; stroke: var(--gc); stroke-width: 8; stroke-linecap: round; opacity: .55; transition: stroke .6s; }
html.aurum .pxs-runner { fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; opacity: .9; filter: drop-shadow(0 0 6px var(--gc)); }
html.aurum .pxs-head { fill: #fff; }
html.aurum .pxs-headglow { fill: var(--gc); opacity: .35; filter: blur(6px); }
html.aurum .pxs-now { fill: var(--gc); stroke: var(--bg); stroke-width: 2.5; }

/* ticker */
html.aurum .pxs-ticker {
  position: absolute; left: 0; right: 0; bottom: 0; height: 46px; z-index: 3; overflow: hidden; direction: ltr;
  background: linear-gradient(to top, rgba(10, 9, 19, .9), rgba(10, 9, 19, .6)); border-top: 1px solid rgba(255, 255, 255, .07);
}
html.aurum .pxs-ticker::before, html.aurum .pxs-ticker::after { content: ''; position: absolute; top: 0; bottom: 0; width: 60px; z-index: 1; pointer-events: none; }
html.aurum .pxs-ticker::before { left: 0; background: linear-gradient(to right, var(--bg), transparent); }
html.aurum .pxs-ticker::after { right: 0; background: linear-gradient(to left, var(--bg), transparent); }
html.aurum .pxs-track { display: flex; width: max-content; height: 100%; align-items: center; gap: 38px; direction: ltr; padding-inline: 19px; will-change: transform; }
html.aurum .pxs-tk { direction: rtl; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 13px; }
html.aurum .pxs-tk b { font: 800 17px var(--ax-display); color: #fff; font-variant-numeric: tabular-nums; }
html.aurum .pxs-tk i { font-style: normal; font-size: 10px; color: rgba(255, 255, 255, .45); }
html.aurum .pxs-tk em { font-style: normal; color: rgba(255, 255, 255, .55); }
html.aurum .pxs-tk.lv-ok i { color: #5CE89A; } html.aurum .pxs-tk.lv-warn i { color: #FFC24D; } html.aurum .pxs-tk.lv-bad i { color: #FF7A6B; }

/* tiles */
html.aurum .pxs-tiles { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; padding: 14px; background: var(--bg); position: relative; z-index: 3; }
html.aurum .pxs-tile {
  --c: #fff; position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 10px; row-gap: 1px; align-items: center;
  text-align: start; color: #fff; background: rgba(255, 255, 255, .04); border: 0; border-radius: 18px; padding: 12px; cursor: pointer;
  font-family: var(--ax-font); transition: background .25s, box-shadow .35s, transform .2s var(--ax-spring); min-width: 0;
}
html.aurum .pxs-tile:hover { background: rgba(255, 255, 255, .07); }
html.aurum .pxs-tile:active { transform: scale(.97); }
html.aurum .pxs-tile:focus-visible { outline: 2px solid var(--c); outline-offset: 2px; }
html.aurum .pxs-tile.on { background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1.5px var(--c), 0 10px 30px -12px var(--c); }
html.aurum .pxs-ti { grid-row: span 2; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; color: var(--c); background: color-mix(in srgb, var(--c) 16%, transparent); }
html.aurum .pxs-ti svg { width: 19px; height: 19px; }
html.aurum .pxs-tt { font-size: 12px; color: rgba(255, 255, 255, .62); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .pxs-tv { font: 800 19px/1.2 var(--ax-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
html.aurum .pxs-ts { grid-column: 1 / -1; margin-top: 8px; display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: rgba(255, 255, 255, .6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .pxs-ts i { width: 7px; height: 7px; border-radius: 50%; flex: none; background: rgba(255, 255, 255, .45); }
html.aurum .lv-ok .pxs-ts i { background: #5CE89A; box-shadow: 0 0 8px #5CE89A; } html.aurum .lv-ok .pxs-ts { color: #8FF0B8; }
html.aurum .lv-warn .pxs-ts i { background: #FFC24D; box-shadow: 0 0 8px #FFC24D; } html.aurum .lv-warn .pxs-ts { color: #FFD68A; }
html.aurum .lv-bad .pxs-ts i { background: #FF7A6B; box-shadow: 0 0 8px #FF7A6B; animation: skh-blink 1.6s ease-in-out infinite; } html.aurum .lv-bad .pxs-ts { color: #FFA59A; }
html.aurum .pxs-go { position: absolute; top: 10px; left: 10px; display: none; align-items: center; gap: 2px; font-size: 11.5px; font-weight: 700; color: var(--c); padding: 3px 8px; border-radius: 999px; background: color-mix(in srgb, var(--c) 14%, transparent); }
html.aurum .pxs-go svg { width: 13px; height: 13px; }
html.aurum .pxs-tile.on .pxs-go { display: inline-flex; }

@media (max-width: 1180px) { html.aurum .pxs-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  html.aurum .pxs-stage { height: 420px; }
  html.aurum .pxs-graph { height: 58%; padding: 0 12px; }
  html.aurum .pxs-gval { font-size: 25px; }
  html.aurum .pxs-gh { flex-wrap: wrap; align-items: flex-start; }
  html.aurum .pxs-cap { top: 12px; right: 12px; font-size: 11.5px; }
  html.aurum .pxs-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 10px; }
  html.aurum .pxs-tile { padding: 10px; }
  html.aurum .pxs-ti { width: 32px; height: 32px; border-radius: 10px; }
  html.aurum .pxs-tv { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) { html.aurum .pxs-c, html.aurum .pxs-line { transition: none; } }

/* ════════════════════════════════════════════════════════════════════
   22. شريط النبض — LIVE TICKER (js/ticker.js)
   dark strip on every theme: embedded in the Pulse Scene, or a rounded bar
   on top of مخزوني / التقارير / the settings preview
════════════════════════════════════════════════════════════════════ */
html.aurum .axtk { position: relative; overflow: hidden; color: #fff; user-select: none; -webkit-user-select: none; font-family: var(--ax-font); }
html.aurum .axtk-view { position: relative; height: 100%; overflow: hidden; direction: ltr; touch-action: pan-y; cursor: grab; }
html.aurum .axtk.is-drag .axtk-view { cursor: grabbing; }
html.aurum .axtk-track { display: flex; width: max-content; height: 100%; will-change: transform; }
html.aurum .axtk-group { display: flex; align-items: center; direction: rtl; flex: none; padding-inline: 4px; }
html.aurum .axtk-sep { width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, .22); margin: 0 14px; flex: none; }

/* metric item */
html.aurum .axtk-it, html.aurum .axtk-ev {
  display: inline-flex; align-items: center; gap: 8px; flex: none; white-space: nowrap; border: 0; background: transparent; color: inherit;
  font: inherit; cursor: pointer; padding: 6px 10px; border-radius: 999px; transition: background .2s;
}
html.aurum .axtk-it:hover, html.aurum .axtk-ev:hover, html.aurum .axtk-it:focus-visible, html.aurum .axtk-ev:focus-visible { background: rgba(255, 255, 255, .08); outline: none; }
html.aurum .axtk-it:focus-visible, html.aurum .axtk-ev:focus-visible { box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .6); }
html.aurum .axtk-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, .45); flex: none; }
html.aurum .axtk-it.lv-ok .axtk-dot { background: #5CE89A; box-shadow: 0 0 8px #5CE89A; }
html.aurum .axtk-it.lv-warn .axtk-dot { background: #FFC24D; box-shadow: 0 0 8px #FFC24D; }
html.aurum .axtk-it.lv-bad .axtk-dot { background: #FF7A6B; box-shadow: 0 0 8px #FF7A6B; }
html.aurum .axtk-it.lv-info .axtk-dot { background: #8FB8FF; box-shadow: 0 0 8px rgba(143, 184, 255, .8); }
html.aurum .axtk-it em { font-style: normal; font-size: 13px; color: rgba(255, 255, 255, .6); }
html.aurum .axtk-it b { font: 800 17px/1 var(--ax-display); color: #fff; font-variant-numeric: tabular-nums; }
html.aurum .axtk-it small { font-size: 11.5px; color: rgba(255, 255, 255, .5); }
html.aurum .axtk-d { display: inline-flex; align-items: center; gap: 3px; font: 700 11.5px/1 var(--ax-font); padding: 4px 7px; border-radius: 999px; font-variant-numeric: tabular-nums; }
html.aurum .axtk-d.good { color: #5CE89A; background: rgba(92, 232, 154, .13); }
html.aurum .axtk-d.bad { color: #FF8A7A; background: rgba(255, 107, 107, .14); }
html.aurum .axtk-d.flat { color: rgba(255, 255, 255, .4); background: none; padding: 0; font-size: 10px; }

/* latest-activity item */
html.aurum .axtk-ev { background: rgba(255, 255, 255, .055); padding: 5px 12px 5px 6px; font-size: 13px; color: rgba(255, 255, 255, .78); }
html.aurum .axtk-ev b { color: #fff; font-weight: 700; margin-inline: 2px; }
html.aurum .axtk-ev small { font-size: 11.5px; color: rgba(255, 255, 255, .45); }
html.aurum .axtk-ei { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; flex: none; background: rgba(143, 184, 255, .16); color: #8FB8FF; }
html.aurum .axtk-ei svg { width: 13px; height: 13px; }
html.aurum .axtk-ev.tone-ok .axtk-ei { background: rgba(92, 232, 154, .16); color: #5CE89A; }
html.aurum .axtk-ev.tone-warn .axtk-ei { background: rgba(255, 194, 77, .16); color: #FFC24D; }

/* a value that changed since last time: flashes once, then keeps a soft ring */
html.aurum .axtk-flash { animation: axtk-flash 1.5s var(--ax-ease); }
@keyframes axtk-flash {
  0% { background: rgba(255, 255, 255, .34); box-shadow: 0 0 26px rgba(255, 255, 255, .45); }
  100% { background: transparent; box-shadow: 0 0 0 rgba(255, 255, 255, 0); }
}
html.aurum .axtk-new { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }
html.aurum .axtk-new .axtk-dot { animation: axtk-ping 1.4s ease-out 4; }
@keyframes axtk-ping { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .7); } 100% { box-shadow: 0 0 0 9px rgba(255, 255, 255, 0); } }

/* inside the Pulse Scene */
html.aurum .pxs-ticker .axtk--embed { height: 100%; }
html.aurum .pxs-ticker::before, html.aurum .pxs-ticker::after { z-index: 2; }

/* standalone bar (مخزوني / التقارير / preview) */
html.aurum .axtk-host { margin: 0 0 14px; }
html.aurum .axtk--bar {
  height: 52px; border-radius: 18px; background: var(--ax-deep); box-shadow: var(--ax-shadow);
}
html.aurum[data-theme="dark"] .axtk--bar { box-shadow: 0 0 0 1px var(--ax-line); }
html.aurum .axtk--bar .axtk-view {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 84%, transparent 97%);
  mask-image: linear-gradient(to right, transparent, #000 7%, #000 84%, transparent 97%);
}
html.aurum .axtk-live {
  position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; display: flex; align-items: center; gap: 7px;
  padding: 0 14px 0 10px; font: 700 12px var(--ax-font); color: #fff; pointer-events: none;
}
html.aurum .axtk-live i { width: 8px; height: 8px; border-radius: 50%; background: #FF5A4E; box-shadow: 0 0 0 0 rgba(255, 90, 78, .6); animation: axtk-live 1.6s ease-out infinite; }
@keyframes axtk-live { 0% { box-shadow: 0 0 0 0 rgba(255, 90, 78, .6); } 100% { box-shadow: 0 0 0 8px rgba(255, 90, 78, 0); } }

/* settings card */
html.aurum .axtk-set-body { padding: 16px 20px 20px; display: grid; gap: 14px; }
html.aurum .axtk-set-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; margin: 0; }
html.aurum .axtk-set-row > div:first-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html.aurum .axtk-set-row b { font-size: 14px; color: var(--ax-text); }
html.aurum .axtk-set-row span { font-size: 12.5px; color: var(--ax-muted); }
html.aurum .axtk-set-row input[type="checkbox"] { width: 22px !important; height: 22px !important; min-height: 0 !important; flex: none; accent-color: var(--ax-ink); margin: 0; }
html.aurum .axtk-set-preview .axtk--bar { margin: 0; }

@media (max-width: 600px) {
  html.aurum .axtk--bar { height: 48px; border-radius: 16px; }
  html.aurum .axtk-it b { font-size: 16px; }
  html.aurum .axtk-live { padding-inline: 8px 10px; font-size: 11px; }
  html.aurum .axtk-set-row { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  html.aurum .axtk-flash, html.aurum .axtk-new .axtk-dot, html.aurum .axtk-live i { animation: none; }
}
html.aurum .axtk .axtk-track, html.aurum .axtk .axtk-group, html.aurum .axtk .axtk-it, html.aurum .axtk .axtk-ev { max-width: none !important; min-width: max-content; }
html.aurum .axtk .axtk-track { width: max-content !important; }
html.aurum .axtk-set-body { grid-template-columns: minmax(0, 1fr); }
html.aurum .axtk, html.aurum .axtk-host, html.aurum .axtk-set-preview { min-width: 0; max-width: 100%; }
html.aurum .axtk--bar .axtk-live { background: linear-gradient(to left, var(--ax-deep) 62%, transparent); padding-inline-start: 26px; }
/* "مباشر" badge gets its own slot; the strip fades out before it */
html.aurum .axtk--bar .axtk-view {
  margin-right: 86px;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 90%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 7%, #000 90%, transparent);
}
html.aurum .axtk--bar .axtk-live { width: 86px; justify-content: center; padding: 0 !important; background: none !important; box-shadow: inset 1px 0 0 rgba(255, 255, 255, .08); }
@media (max-width: 600px) { html.aurum .axtk--bar .axtk-view { margin-right: 74px; } html.aurum .axtk--bar .axtk-live { width: 74px; } }

/* ════════════════════════════════════════════════════════════════════
   23. Pulse graph is interactive + the ticker leads the dashboard
════════════════════════════════════════════════════════════════════ */
html.aurum .axtk-host--dash { margin: 0 0 16px; }
html.aurum .pxs-stage { height: 450px; }
html.aurum .pxs-graph { bottom: 0; }
html.aurum .pxs-plot { outline: none; }
html.aurum .pxs-plot:focus-visible { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5); border-radius: 12px; }
html.aurum .pxs-axd { font-size: 11.5px; fill: rgba(255, 255, 255, .45); }
html.aurum .pxs-hit { fill: transparent; cursor: crosshair; touch-action: pan-y; }
html.aurum .pxs-cross { stroke: rgba(255, 255, 255, .45); stroke-width: 1; stroke-dasharray: 3 4; opacity: 0; transition: opacity .15s; }
html.aurum .pxs-focus { fill: var(--gc); stroke: #fff; stroke-width: 2.5; opacity: 0; filter: drop-shadow(0 0 8px var(--gc)); transition: opacity .15s; }
html.aurum .pxs-hovering .pxs-cross, html.aurum .pxs-hovering .pxs-focus { opacity: 1; }
html.aurum .pxs-hovering .pxs-runner, html.aurum .pxs-hovering .pxs-head, html.aurum .pxs-hovering .pxs-headglow { opacity: 0; transition: opacity .2s; }
html.aurum .pxs-tip {
  position: absolute; left: 0; top: 0; z-index: 5; pointer-events: none; min-width: 150px;
  padding: 9px 12px; border-radius: 14px; color: #fff; text-align: start;
  background: rgba(16, 14, 28, .88); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 12px 30px -8px rgba(0, 0, 0, .6), 0 0 24px -6px var(--gc);
  opacity: 0; transform: translateY(6px); transition: opacity .15s, transform .15s var(--ax-ease);
}
html.aurum .pxs-tip.on { opacity: 1; transform: none; }
html.aurum .pxs-tip-d { font-size: 11.5px; color: rgba(255, 255, 255, .6); }
html.aurum .pxs-tip b { display: block; font: 800 21px/1.25 var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .pxs-tip-c { display: inline-block; margin-top: 3px; font-size: 11.5px; font-weight: 700; color: rgba(255, 255, 255, .55); }
html.aurum .pxs-tip-c.good { color: #5CE89A; } html.aurum .pxs-tip-c.bad { color: #FF8A7A; }
html.aurum .pxs-graph.is-hover .pxs-gval { color: var(--gc); }
@media (max-width: 600px) { html.aurum .pxs-stage { height: 400px; } }

/* ════════════════════════════════════════════════════════════════════
   24. مخزوني وجرد — tabs + الجرد الذكي (js/stockcount.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .skh-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 5px; margin: 0 0 14px; border-radius: 18px; background: var(--ax-surface); box-shadow: var(--ax-shadow); }
html.aurum .skh-tabs button {
  display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; cursor: pointer; padding: 11px 10px; border-radius: 14px;
  background: transparent; color: var(--ax-muted); font: 700 14px var(--ax-font); transition: background .2s, color .2s;
}
html.aurum .skh-tabs button svg { width: 19px; height: 19px; }
html.aurum .skh-tabs button.on { background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .skh-tabs button em { font-style: normal; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; display: grid; place-items: center; font-size: 12px; background: var(--ax-bad); color: #fff; }

/* home */
html.aurum .skc-hero { display: grid; grid-template-columns: auto 1fr; gap: 22px; align-items: center; background: var(--ax-deep); color: var(--ax-on-deep); border-radius: var(--ax-radius-lg); padding: 22px 24px; margin-bottom: 14px; box-shadow: var(--ax-shadow); }
html.aurum[data-theme="dark"] .skc-hero { box-shadow: 0 0 0 1px var(--ax-line); }
html.aurum .skc-hero-acc { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 136px; height: 136px; border-radius: 34px; background: rgba(255, 255, 255, .07); text-align: center; }
html.aurum .skc-hero-acc span, html.aurum .skc-hero-acc small { font-size: 11.5px; color: var(--ax-deep-muted); }
html.aurum .skc-hero-acc b { font: 800 38px/1.1 var(--ax-display); color: #5CE89A; text-shadow: 0 0 20px rgba(92, 232, 154, .4); }
html.aurum .skc-hero-t { display: flex; flex-direction: column; gap: 4px; margin-bottom: 14px; }
html.aurum .skc-hero-t b { font: 800 26px/1.2 var(--ax-display); }
html.aurum .skc-hero-t span { font-size: 13px; color: var(--ax-deep-muted); }
html.aurum .skc-abc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
html.aurum .skc-abc > div { background: rgba(255, 255, 255, .07); border-radius: 14px; padding: 9px 12px; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 8px; }
html.aurum .skc-abc i { grid-row: span 2; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; font: 800 15px var(--ax-display); font-style: normal; }
html.aurum .skc-abc i.a, html.aurum .skc-cls.a { background: rgba(255, 122, 107, .18); color: #FF8A7A; }
html.aurum .skc-abc i.b, html.aurum .skc-cls.b { background: rgba(255, 194, 77, .18); color: #FFC24D; }
html.aurum .skc-abc i.c, html.aurum .skc-cls.c { background: rgba(143, 184, 255, .18); color: #8FB8FF; }
html.aurum .skc-abc b { font: 800 20px/1 var(--ax-display); }
html.aurum .skc-abc span { font-size: 11px; color: var(--ax-deep-muted); }
html.aurum .skc-cls { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; font: 800 11.5px var(--ax-display); font-style: normal; vertical-align: 1px; margin-inline-start: 4px; }
html.aurum[data-theme="light"] .skc-cls.a { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum[data-theme="light"] .skc-cls.b { background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum[data-theme="light"] .skc-cls.c { background: var(--ax-blue-soft); color: var(--ax-blue); }

html.aurum .skc-starts { display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 12px; margin-bottom: 12px; }
html.aurum .skc-start {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: start; border: 0; cursor: pointer;
  background: var(--ax-surface); color: var(--ax-text); border-radius: var(--ax-radius); padding: 16px; box-shadow: var(--ax-shadow);
  font-family: var(--ax-font); transition: transform .2s var(--ax-spring), box-shadow .2s;
}
html.aurum button.skc-start:hover { transform: translateY(-2px); box-shadow: var(--ax-shadow-lift); }
html.aurum button.skc-start:disabled { opacity: .55; cursor: default; transform: none; }
html.aurum .skc-start b { font: 800 19px var(--ax-display); }
html.aurum .skc-start > span:not(.skc-si) { font-size: 12.5px; color: var(--ax-muted); }
html.aurum .skc-si { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: var(--ax-surface-2); margin-bottom: 6px; }
html.aurum .skc-si svg { width: 22px; height: 22px; }
html.aurum .skc-start.is-rec { background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .skc-start.is-rec > span:not(.skc-si) { color: inherit; opacity: .7; }
html.aurum .skc-start.is-rec .skc-si { background: rgba(127, 127, 127, .22); }
html.aurum .skc-start em { position: absolute; top: 14px; left: 14px; font-style: normal; font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: #5CE89A; color: #06301A; }
html.aurum .skc-catbtns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
html.aurum .skc-catbtns button { border: 0; cursor: pointer; border-radius: 999px; padding: 6px 11px; font: 700 12.5px var(--ax-font); background: var(--ts); color: var(--t); }
html.aurum .skc-catbtns small { opacity: .7; }
html.aurum .skc-opts { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
html.aurum .skc-opts .btn svg, html.aurum .skc-actions .btn svg { width: 16px; height: 16px; vertical-align: -3px; }
html.aurum .skc-blind { display: flex; align-items: center; gap: 10px; cursor: pointer; margin: 0; }
html.aurum .skc-blind input { width: 20px !important; height: 20px !important; min-height: 0 !important; accent-color: var(--ax-ink); margin: 0; flex: none; }
html.aurum .skc-blind span { display: flex; flex-direction: column; }
html.aurum .skc-blind b { font-size: 14px; } html.aurum .skc-blind small { font-size: 12px; color: var(--ax-muted); }
html.aurum .skc-card { margin-bottom: 14px; }
html.aurum .skc-prio, html.aurum .skc-hist { list-style: none; margin: 0; padding: 0; }
html.aurum .skc-prio li { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--ax-line); }
html.aurum .skc-prio li:last-child, html.aurum .skc-hist li:last-child button { border-bottom: 0; }
html.aurum .skc-prio li:not(.due) { opacity: .6; }
html.aurum .skc-pt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
html.aurum .skc-pt b { font-size: 14px; }
html.aurum .skc-why { display: flex; flex-wrap: wrap; gap: 5px; }
html.aurum .skc-why span { font-size: 11.5px; font-weight: 600; padding: 3px 8px; border-radius: 999px; background: var(--ax-surface-2); color: var(--ax-muted); }
html.aurum .skc-why .tone-bad, html.aurum .skc-var .tone-bad { color: var(--ax-bad); background: var(--ax-bad-soft); }
html.aurum .skc-why .tone-warn, html.aurum .skc-var .tone-warn { color: var(--ax-warn); background: var(--ax-warn-soft); }
html.aurum .skc-why .tone-ok, html.aurum .skc-var .tone-ok { color: var(--ax-ok); background: var(--ax-ok-soft); }
html.aurum[data-theme="dark"] :is(.skc-why, .skc-var) .tone-bad { background: rgba(255, 107, 107, .12); }
html.aurum[data-theme="dark"] :is(.skc-why, .skc-var) .tone-warn { background: rgba(255, 194, 77, .12); }
html.aurum[data-theme="dark"] :is(.skc-why, .skc-var) .tone-ok { background: rgba(92, 232, 154, .1); }
html.aurum .skc-pl { font-size: 12px; color: var(--ax-faint); white-space: nowrap; }
html.aurum .skc-hist button { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 0; border: 0; border-bottom: 1px solid var(--ax-line); background: none; cursor: pointer; color: var(--ax-text); font-family: var(--ax-font); text-align: start; }
html.aurum .skc-hist button > div { display: flex; flex-direction: column; }
html.aurum .skc-hist b { font-size: 14px; } html.aurum .skc-hist span { font-size: 12px; color: var(--ax-faint); }
html.aurum .skc-hv { align-items: flex-end; }
html.aurum .skc-hv b { font: 800 20px var(--ax-display); }
html.aurum :is(.skc-hv, .skc-appr, .skc-sum) b.ok { color: var(--ax-ok); } html.aurum :is(.skc-hv, .skc-appr, .skc-sum) b.warn { color: var(--ax-warn); } html.aurum :is(.skc-hv, .skc-appr, .skc-sum) b.bad { color: var(--ax-bad); }
html.aurum #skc-trend { margin-bottom: 8px; }

/* counting */
html.aurum .skc-bar { background: var(--ax-deep); color: var(--ax-on-deep); border-radius: var(--ax-radius-lg); padding: 18px 20px; margin-bottom: 12px; box-shadow: var(--ax-shadow); position: sticky; top: 72px; z-index: 5; }
html.aurum .skc-bar-t { display: flex; flex-direction: column; gap: 2px; }
html.aurum .skc-bar-t span { font-size: 12px; color: var(--ax-deep-muted); }
html.aurum .skc-bar-t b { font: 800 24px/1.2 var(--ax-display); }
html.aurum .skc-prog { display: flex; align-items: center; gap: 10px; margin: 12px 0; }
html.aurum .skc-prog-bar { flex: 1; height: 8px; border-radius: 999px; background: rgba(255, 255, 255, .12); overflow: hidden; }
html.aurum .skc-prog-bar i { display: block; height: 100%; width: 0; border-radius: inherit; background: #5CE89A; box-shadow: 0 0 12px #5CE89A; transition: width .4s var(--ax-ease); }
html.aurum .skc-prog span { font-size: 12.5px; font-weight: 700; white-space: nowrap; }
html.aurum .skc-sum { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
html.aurum .skc-sum > div { background: rgba(255, 255, 255, .07); border-radius: 12px; padding: 8px 10px; }
html.aurum .skc-sum span { display: block; font-size: 11px; color: var(--ax-deep-muted); }
html.aurum .skc-sum b { font: 800 18px/1.2 var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .skc-bar .skc-sum b.ok { color: #5CE89A; } html.aurum .skc-bar .skc-sum b.warn { color: #FFC24D; } html.aurum .skc-bar .skc-sum b.bad { color: #FF8A7A; }
html.aurum .skc-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
html.aurum .skc-tools .skh-search { flex: 1 1 200px; }
html.aurum .skc-blind.sm { background: var(--ax-surface); padding: 9px 12px; border-radius: 14px; box-shadow: var(--ax-shadow); }
html.aurum .skc-lines { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 10px; margin-bottom: 14px; }
html.aurum .skc-line { background: var(--ax-surface); border-radius: var(--ax-radius); padding: 14px; box-shadow: var(--ax-shadow); display: flex; flex-direction: column; gap: 10px; border-inline-start: 4px solid transparent; transition: border-color .25s; }
html.aurum .skc-line.is-match { border-inline-start-color: var(--ax-ok); }
html.aurum .skc-line.is-diff { border-inline-start-color: var(--ax-warn); }
html.aurum .skc-line header { display: flex; align-items: center; gap: 10px; }
html.aurum .skc-lt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.aurum .skc-lt b { font-size: 14.5px; font-weight: 700; } html.aurum .skc-lt span { font-size: 11.5px; color: var(--ax-faint); }
html.aurum .skc-state { font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: var(--ax-surface-2); color: var(--ax-faint); }
html.aurum .is-match .skc-state { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .is-diff .skc-state { background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum[data-theme="dark"] .is-match .skc-state { background: rgba(92, 232, 154, .1); }
html.aurum[data-theme="dark"] .is-diff .skc-state { background: rgba(255, 194, 77, .12); }
html.aurum .skc-lb { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; }
html.aurum .skc-exp { display: flex; flex-direction: column; min-width: 74px; }
html.aurum .skc-exp span { font-size: 11px; color: var(--ax-faint); }
html.aurum .skc-exp b { font: 800 20px/1.1 var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .skc-exp small { font-size: 10.5px; color: var(--ax-blue); }
html.aurum .skc-in { display: flex; align-items: center; background: var(--ax-input); border-radius: 14px; overflow: hidden; }
html.aurum .skc-in button { width: 40px; height: 46px; border: 0; background: transparent; color: var(--ax-text); font: 700 20px var(--ax-font); cursor: pointer; flex: none; }
html.aurum .skc-in button:active { background: var(--ax-active); }
html.aurum .skc-in input { flex: 1; min-width: 0 !important; width: 100% !important; text-align: center; border: 0 !important; background: transparent !important; box-shadow: none !important; font: 800 20px var(--ax-display) !important; color: var(--ax-text) !important; padding: 0 !important; height: 46px; -moz-appearance: textfield; }
html.aurum .skc-in input::-webkit-outer-spin-button, html.aurum .skc-in input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
html.aurum .skc-in:focus-within { box-shadow: 0 0 0 2px var(--ax-ink); }
html.aurum .skc-match { display: inline-flex; align-items: center; gap: 5px; height: 46px; padding: 0 12px; border: 0; border-radius: 14px; cursor: pointer; background: var(--ax-ok-soft); color: var(--ax-ok); font: 700 13px var(--ax-font); }
html.aurum[data-theme="dark"] .skc-match { background: rgba(92, 232, 154, .1); }
html.aurum .skc-match svg { width: 15px; height: 15px; }
html.aurum .skc-var:empty { display: none; }
html.aurum .skc-var { display: flex; flex-direction: column; gap: 6px; }
html.aurum .skc-var b { font: 800 16px var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .skc-var b.plus { color: var(--ax-ok); } html.aurum .skc-var b.minus { color: var(--ax-bad); }
html.aurum .skc-var span { font-size: 12px; font-weight: 600; padding: 6px 10px; border-radius: 10px; line-height: 1.6; }
html.aurum .skc-actions { display: flex; gap: 10px; flex-wrap: wrap; position: sticky; bottom: 12px; z-index: 5; padding: 10px; border-radius: 20px; background: var(--ax-surface); box-shadow: var(--ax-shadow-lift); }
html.aurum .skc-actions .btn-primary { flex: 1 1 200px; }
html.aurum .skc-cancel { color: var(--ax-bad) !important; }
html.aurum .skc-appr { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 12px; }
html.aurum .skc-appr > div { background: var(--ax-surface-2); border-radius: 14px; padding: 10px 12px; }
html.aurum .skc-appr span { display: block; font-size: 11.5px; color: var(--ax-muted); }
html.aurum .skc-appr b { font: 800 18px/1.3 var(--ax-display); }
html.aurum .skc-tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
html.aurum .skc-tbl th { text-align: start; font-size: 12px; color: var(--ax-muted); font-weight: 600; padding: 8px; border-bottom: 1px solid var(--ax-line); }
html.aurum .skc-tbl td { padding: 9px 8px; border-bottom: 1px solid var(--ax-line); font-variant-numeric: tabular-nums; }
html.aurum .skc-tbl td.plus { color: var(--ax-ok); font-weight: 700; } html.aurum .skc-tbl td.minus { color: var(--ax-bad); font-weight: 700; }

@media (max-width: 900px) { html.aurum .skc-starts { grid-template-columns: 1fr 1fr; } html.aurum .skc-start-cat { grid-column: 1 / -1; } }
@media (max-width: 600px) {
  html.aurum .skc-hero { grid-template-columns: 1fr; padding: 18px; }
  html.aurum .skc-hero-acc { width: 100%; height: auto; flex-direction: row; gap: 10px; padding: 12px; border-radius: 18px; justify-content: flex-start; }
  html.aurum .skc-hero-acc b { font-size: 30px; }
  html.aurum .skc-hero-t b { font-size: 21px; }
  html.aurum .skc-starts { grid-template-columns: 1fr; }
  html.aurum .skc-lines { grid-template-columns: 1fr; }
  html.aurum .skc-sum, html.aurum .skc-appr { grid-template-columns: 1fr 1fr; }
  html.aurum .skc-bar { position: static; padding: 14px; }
  html.aurum .skc-bar .skc-sum { grid-template-columns: repeat(4, 1fr); gap: 5px; }
  html.aurum .skc-bar .skc-sum > div { padding: 6px 7px; }
  html.aurum .skc-bar .skc-sum b { font-size: 15px; }
  html.aurum .skc-actions { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 600px) {
  html.aurum .skc-actions { flex-wrap: nowrap; padding: 8px; gap: 6px; }
  html.aurum .skc-actions .btn-primary { flex: 1 1 auto; }
  html.aurum .skc-print span, html.aurum .skc-cancel span { display: none; }
  html.aurum .skc-print { width: 46px; padding: 0 !important; justify-content: center; }
}
html.aurum .skc-var bdi { unicode-bidi: isolate; }
html.aurum .skc-hero-acc b.warn { color: #FFC24D; text-shadow: 0 0 20px rgba(255, 194, 77, .4); }
html.aurum .skc-hero-acc b.bad { color: #FF8A7A; text-shadow: 0 0 20px rgba(255, 107, 107, .4); }

/* ════════════════════════════════════════════════════════════════════
   25. سداد المديونية (js/debts.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .dbt-empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 40px 22px; border-radius: var(--ax-radius-lg); background: var(--ax-surface); box-shadow: var(--ax-shadow); }
html.aurum .dbt-empty-ic { width: 72px; height: 72px; border-radius: 22px; display: grid; place-items: center; background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum .dbt-empty-ic svg { width: 38px; height: 38px; }
html.aurum .dbt-empty b { font: 800 24px var(--ax-display); }
html.aurum .dbt-empty span { max-width: 560px; color: var(--ax-muted); font-size: 14px; line-height: 1.9; }
html.aurum .dbt-empty-act { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 6px; }

html.aurum .dbt-hero { display: grid; grid-template-columns: auto 1fr; gap: 26px; align-items: center; background: var(--ax-deep); color: var(--ax-on-deep); border-radius: var(--ax-radius-lg); padding: 24px 26px; margin-bottom: 14px; box-shadow: var(--ax-shadow); }
html.aurum[data-theme="dark"] .dbt-hero { box-shadow: 0 0 0 1px var(--ax-line); }
html.aurum .dbt-ring { position: relative; width: 140px; height: 140px; }
html.aurum .dbt-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
html.aurum .dbt-ring-t { fill: none; stroke: rgba(255, 255, 255, .1); stroke-width: 10; }
html.aurum .dbt-ring-b { fill: none; stroke: #FFC24D; stroke-width: 10; stroke-linecap: round; filter: drop-shadow(0 0 8px rgba(255, 194, 77, .6)); transition: stroke-dashoffset 1s var(--ax-ease); }
html.aurum .dbt-ring-c { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
html.aurum .dbt-ring-c b { font: 800 32px/1 var(--ax-display); } html.aurum .dbt-ring-c span { font-size: 11.5px; color: var(--ax-deep-muted); margin-top: 3px; }
html.aurum .dbt-eyebrow { font-size: 12.5px; color: var(--ax-deep-muted); }
html.aurum .dbt-total { display: block; font: 800 40px/1.15 var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .dbt-free { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 10px; margin: 6px 0 14px; font-size: 13.5px; color: var(--ax-deep-muted); }
html.aurum .dbt-free b { font: 800 22px var(--ax-display); color: #5CE89A; }
html.aurum .dbt-free b.bad { color: #FF8A7A; font-size: 18px; } html.aurum .dbt-free b.ok { color: #5CE89A; }
html.aurum .dbt-free em { font-style: normal; font-size: 12px; padding: 3px 9px; border-radius: 999px; background: rgba(92, 232, 154, .14); color: #5CE89A; }
html.aurum .dbt-hero-figs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
html.aurum .dbt-hero-figs > div { background: rgba(255, 255, 255, .07); border-radius: 14px; padding: 9px 12px; min-width: 0; }
html.aurum .dbt-hero-figs span { display: block; font-size: 11.5px; color: var(--ax-deep-muted); }
html.aurum .dbt-hero-figs b { font: 800 19px/1.25 var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .dbt-hero-figs small { font: 600 11px var(--ax-font); color: var(--ax-deep-muted); }

html.aurum .dbt-plan { margin-bottom: 14px; }
html.aurum .dbt-link { border: 0; background: none; cursor: pointer; color: var(--ax-muted); font: 600 12.5px var(--ax-font); display: inline-flex; align-items: center; gap: 5px; }
html.aurum .dbt-link svg { width: 16px; height: 16px; }
html.aurum .dbt-budget label { display: block; font-size: 13px; font-weight: 700; color: var(--ax-muted); margin-bottom: 8px; }
html.aurum .dbt-bin { display: flex; align-items: center; gap: 10px; background: var(--ax-input); border-radius: 16px; padding: 4px 16px; }
html.aurum .dbt-bin input { flex: 1; min-width: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 8px 0 !important; font: 800 30px var(--ax-display) !important; color: var(--ax-text) !important; -moz-appearance: textfield; }
html.aurum .dbt-bin input::-webkit-outer-spin-button, html.aurum .dbt-bin input::-webkit-inner-spin-button { -webkit-appearance: none; }
html.aurum .dbt-bin span { font-size: 13px; color: var(--ax-muted); white-space: nowrap; }
html.aurum .dbt-bin:focus-within { box-shadow: 0 0 0 2px var(--ax-ink); }
html.aurum .dbt-range { width: 100%; margin: 14px 0 4px; accent-color: var(--ax-warn); height: 28px; }
html.aurum .dbt-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
html.aurum .dbt-chips button { display: flex; flex-direction: column; align-items: flex-start; border: 0; cursor: pointer; padding: 8px 14px; border-radius: 14px; background: var(--ax-surface-2); color: var(--ax-text); font-family: var(--ax-font); text-align: start; transition: background .2s; }
html.aurum .dbt-chips button:hover { background: var(--ax-surface-3); }
html.aurum .dbt-chips b { font: 800 16px var(--ax-display); } html.aurum .dbt-chips span { font-size: 11.5px; color: var(--ax-muted); }
html.aurum .dbt-cf { font-size: 12.5px; color: var(--ax-muted); margin: 12px 0 0; line-height: 1.8; }
html.aurum .dbt-cf b { color: var(--ax-text); }
html.aurum .dbt-strat { margin: 16px 0 6px; padding-top: 14px; border-top: 1px solid var(--ax-line); }
html.aurum .dbt-strat > span { display: block; font-size: 13px; font-weight: 700; color: var(--ax-muted); margin-bottom: 8px; }
html.aurum .dbt-strat p { font-size: 12.5px; color: var(--ax-muted); margin: 8px 0 0; }
html.aurum .dbt-res { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 14px 0 10px; }
html.aurum .dbt-res > div { background: var(--ax-surface-2); border-radius: 14px; padding: 10px 12px; min-width: 0; }
html.aurum .dbt-res span { display: block; font-size: 11.5px; color: var(--ax-muted); }
html.aurum .dbt-res b { font: 800 18px/1.3 var(--ax-display); }
html.aurum .dbt-res b.ok { color: var(--ax-ok); } html.aurum .dbt-res b.warn { color: var(--ax-warn); }
html.aurum .dbt-whatif, html.aurum .dbt-warn { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 14px; margin-bottom: 8px; font-size: 13px; line-height: 1.7; }
html.aurum .dbt-whatif { background: var(--ax-ok-soft); color: var(--ax-text); }
html.aurum .dbt-whatif svg { width: 20px; height: 20px; color: var(--ax-ok); flex: none; }
html.aurum .dbt-whatif span { flex: 1; } html.aurum .dbt-whatif b { color: var(--ax-ok); }
html.aurum .dbt-whatif button { border: 0; cursor: pointer; padding: 7px 14px; border-radius: 999px; background: var(--ax-ok); color: #fff; font: 700 12.5px var(--ax-font); flex: none; }
html.aurum .dbt-warn { background: var(--ax-bad-soft); color: var(--ax-text); }
html.aurum .dbt-warn svg { width: 20px; height: 20px; color: var(--ax-bad); flex: none; }
html.aurum[data-theme="dark"] .dbt-whatif { background: rgba(92, 232, 154, .1); }
html.aurum[data-theme="dark"] .dbt-warn { background: rgba(255, 107, 107, .1); }
html.aurum .dbt-chart { margin-top: 8px; }

html.aurum .dbt-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; margin-bottom: 14px; }
html.aurum .dbt-card { background: var(--ax-surface); border-radius: var(--ax-radius); padding: 16px; box-shadow: var(--ax-shadow); display: flex; flex-direction: column; gap: 12px; }
html.aurum .dbt-card.is-done { opacity: .75; }
html.aurum .dbt-card header { display: flex; align-items: center; gap: 10px; }
html.aurum .dbt-ic { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; flex: none; background: var(--ax-surface-2); color: var(--ax-text); }
html.aurum .dbt-ic svg { width: 21px; height: 21px; }
html.aurum .dbt-ic.k-supplier { background: var(--ax-violet-soft); color: var(--ax-violet); }
html.aurum .dbt-ic.k-bank { background: var(--ax-blue-soft); color: var(--ax-blue); }
html.aurum .dbt-ic.k-person { background: var(--ax-pink-soft); color: var(--ax-pink); }
html.aurum .dbt-ic.k-rent { background: var(--ax-teal-soft); color: var(--ax-teal); }
html.aurum .dbt-ic.k-other { background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum .dbt-ct { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.aurum .dbt-ct b { font-size: 15px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .dbt-ct span { font-size: 11.5px; color: var(--ax-faint); }
html.aurum .dbt-st { flex: none; font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: var(--ax-surface-2); color: var(--ax-muted); }
html.aurum .dbt-st.ok { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .dbt-st.warn { background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum .dbt-st.bad { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum[data-theme="dark"] .dbt-st.ok { background: rgba(92, 232, 154, .1); } html.aurum[data-theme="dark"] .dbt-st.warn { background: rgba(255, 194, 77, .12); } html.aurum[data-theme="dark"] .dbt-st.bad { background: rgba(255, 107, 107, .12); }
html.aurum .dbt-amt { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 8px; }
html.aurum .dbt-amt span { display: block; font-size: 11px; color: var(--ax-faint); }
html.aurum .dbt-amt b { font: 800 20px/1.2 var(--ax-display); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.aurum .dbt-amt b.mut { font-size: 15px; color: var(--ax-muted); }
html.aurum .dbt-bar { height: 8px; border-radius: 999px; background: var(--ax-surface-2); overflow: hidden; }
html.aurum .dbt-bar i { display: block; height: 100%; border-radius: inherit; background: var(--ax-warn); box-shadow: 0 0 10px var(--ax-warn); transform-origin: right; animation: skh-grow .9s var(--ax-ease) both; }
html.aurum .is-done .dbt-bar i { background: var(--ax-ok); box-shadow: 0 0 10px var(--ax-ok); }
html.aurum .dbt-bar-l { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--ax-faint); margin-top: -6px; }
html.aurum .dbt-card footer { display: flex; gap: 6px; }
html.aurum .dbt-card footer button { border: 0; cursor: pointer; border-radius: 12px; padding: 9px 12px; background: var(--ax-surface-2); color: var(--ax-text); font: 600 12.5px var(--ax-font); display: inline-flex; align-items: center; gap: 6px; }
html.aurum .dbt-card footer button:hover { background: var(--ax-surface-3); }
html.aurum .dbt-card footer .dbt-pay { flex: 1; justify-content: center; background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .dbt-card footer .del { color: var(--ax-bad); margin-inline-start: auto; }
html.aurum .dbt-card footer svg { width: 15px; height: 15px; }

html.aurum .dbt-tw { overflow-x: auto; overscroll-behavior-x: contain; }
html.aurum .dbt-tbl { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
html.aurum .dbt-tbl th { text-align: start; font-size: 12px; font-weight: 600; color: var(--ax-muted); padding: 9px 10px; border-bottom: 1px solid var(--ax-line); white-space: nowrap; position: sticky; top: 0; background: var(--ax-surface); }
html.aurum .dbt-tbl td { padding: 9px 10px; border-bottom: 1px solid var(--ax-line); white-space: nowrap; }
html.aurum .dbt-tbl tr.now td { background: var(--ax-warn-soft); }
html.aurum[data-theme="dark"] .dbt-tbl tr.now td { background: rgba(255, 194, 77, .08); }
html.aurum .dbt-tbl .z { color: var(--ax-faint); }
html.aurum .dbt-tbl .fin { font-style: normal; color: var(--ax-ok); font-weight: 800; }

html.aurum .dbt-hint { font-size: 12.5px; color: var(--ax-muted); background: var(--ax-surface-2); padding: 9px 12px; border-radius: 12px; margin: 0 0 12px; line-height: 1.7; }
html.aurum .dbt-check { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 13.5px; }
html.aurum .dbt-check input, html.aurum .dbt-imp input { width: 20px !important; height: 20px !important; min-height: 0 !important; accent-color: var(--ax-ink); margin: 0; flex: none; }
html.aurum .dbt-imp { display: flex; flex-direction: column; gap: 6px; }
html.aurum .dbt-imp label { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 14px; background: var(--ax-surface-2); cursor: pointer; }
html.aurum .dbt-imp span { flex: 1; font-weight: 600; } html.aurum .dbt-imp b { font-family: var(--ax-display); font-size: 16px; }
html.aurum .dbt-payhead { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 14px; }
html.aurum .dbt-payhead > div { background: var(--ax-surface-2); border-radius: 14px; padding: 10px 12px; }
html.aurum .dbt-payhead span { display: block; font-size: 11.5px; color: var(--ax-muted); } html.aurum .dbt-payhead b { font: 800 19px var(--ax-display); }
html.aurum .dbt-quick { display: flex; flex-wrap: wrap; gap: 6px; margin: -6px 0 12px; }
html.aurum .dbt-quick button { border: 0; cursor: pointer; border-radius: 999px; padding: 6px 12px; background: var(--ax-surface-2); color: var(--ax-text); font: 600 12.5px var(--ax-font); }
html.aurum .dbt-hist { list-style: none; margin: 0; padding: 0; }
html.aurum .dbt-hist li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--ax-line); }
html.aurum .dbt-hist li > div { display: flex; flex-direction: column; } html.aurum .dbt-hist b { font: 800 18px var(--ax-display); } html.aurum .dbt-hist span { font-size: 12px; color: var(--ax-faint); }
html.aurum .dbt-hist button { border: 0; background: var(--ax-bad-soft); color: var(--ax-bad); width: 36px; height: 36px; border-radius: 10px; cursor: pointer; display: grid; place-items: center; }
html.aurum .dbt-hist button svg { width: 16px; height: 16px; }
html.aurum .dbt-head .page-actions .btn { white-space: nowrap; }

@media (max-width: 900px) { html.aurum .dbt-res { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
  html.aurum .dbt-hero { grid-template-columns: 1fr; padding: 18px; gap: 14px; }
  html.aurum .dbt-ring { width: 110px; height: 110px; }
  html.aurum .dbt-total { font-size: 32px; }
  html.aurum .dbt-hero-figs { grid-template-columns: 1fr 1fr; }
  html.aurum .dbt-hero-figs > div:last-child { grid-column: 1 / -1; }
  html.aurum .dbt-list { grid-template-columns: 1fr; }
  html.aurum .dbt-bin input { font-size: 26px !important; }
  html.aurum .dbt-whatif { flex-wrap: wrap; }
}

/* ════════════════════════════════════════════════════════════════════
   26. صرف منفصل عن الفواتير + أسعار المراكز (js/business.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .iss-inv-toggle { display: flex; align-items: center; gap: 12px; padding: 13px 14px; margin: 0 0 14px; border-radius: 16px; background: var(--ax-surface-2); cursor: pointer; border: 1.5px solid transparent; transition: border-color .2s, background .2s; }
html.aurum .iss-inv-toggle.on { border-color: var(--ax-ink); background: var(--ax-surface); }
html.aurum .iss-inv-toggle input { width: 22px !important; height: 22px !important; min-height: 0 !important; min-width: 22px !important; flex: none; margin: 0 !important; padding: 0 !important; accent-color: var(--ax-ink); }
html.aurum .iss-inv-t { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html.aurum .iss-inv-t b { font-size: 14.5px; } html.aurum .iss-inv-t small { font-size: 12px; color: var(--ax-muted); line-height: 1.6; }
html.aurum .iss-inv-tax { flex: none; font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum[data-theme="dark"] .iss-inv-tax { background: rgba(92, 232, 154, .1); }
html.aurum .iss-uninv-badge { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; margin-inline-start: 4px; border-radius: 999px; background: var(--ax-warn); color: #fff; font-size: 12px; font-weight: 800; }
html.aurum .fi-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
html.aurum .fi-all { display: flex; align-items: center; gap: 8px; font-weight: 700; cursor: pointer; margin: 0; }
html.aurum .fi-head b { font: 800 17px var(--ax-display); }
html.aurum .fi-rows { display: flex; flex-direction: column; gap: 6px; max-height: 340px; overflow-y: auto; margin-bottom: 14px; }
html.aurum .fi-row { display: grid; grid-template-columns: auto 90px 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 14px; background: var(--ax-surface-2); cursor: pointer; margin: 0; }
html.aurum :is(.fi-row, .fi-all) input { width: 20px !important; height: 20px !important; min-height: 0 !important; min-width: 20px !important; margin: 0 !important; accent-color: var(--ax-ink); }
html.aurum .fi-row span { display: flex; flex-direction: column; font-size: 13px; font-weight: 600; min-width: 0; }
html.aurum .fi-row small { font-size: 11.5px; color: var(--ax-faint); font-weight: 500; }
html.aurum .fi-row b { font: 800 15px var(--ax-display); white-space: nowrap; }
html.aurum .inv-sp-tag { display: block; margin-top: 5px; font-size: 11.5px; font-weight: 700; color: var(--ax-blue); }
html.aurum .inv-cust-info:not(:empty) { margin-top: 6px; font-size: 12.5px; font-weight: 700; color: var(--ax-blue); }
/* center form price block in the app's language */
html.aurum #cust-form .cust-prices { background: var(--ax-surface-2) !important; border: 0 !important; border-radius: 18px !important; padding: 16px !important; }
html.aurum #cust-form .cust-prices h4 { color: var(--ax-text) !important; font-family: var(--ax-display) !important; font-size: 17px !important; }
html.aurum #cust-form .cust-prices p { color: var(--ax-muted) !important; }
html.aurum #cust-form .cust-prices > div[style*="max-height"] { background: var(--ax-surface) !important; border-radius: 14px !important; }
html.aurum #cust-form .cust-prices input[name^="custprice_"] { border: 1.5px solid var(--ax-line-2) !important; background: var(--ax-input) !important; }
html.aurum #cust-form .cust-prices input[name^="custprice_"]:not(:placeholder-shown) { border-color: var(--ax-blue) !important; }
html.aurum .cust-price-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 10px; }
html.aurum .cust-price-tools select { flex: 1 1 200px; }
html.aurum .cpt-disc { display: flex; gap: 6px; align-items: center; }
html.aurum .cpt-disc input { width: 90px !important; }
/* dashboard: Pulse panel first (ticker strip on its top edge), then cash flow */
html.aurum .pxs-tkhost .axtk--bar { border-radius: 0; box-shadow: none; background: transparent; border-bottom: 1px solid rgba(255, 255, 255, .08); height: 50px; }
html.aurum .pxs-tkhost .axtk--bar .axtk-live { box-shadow: inset 1px 0 0 rgba(255, 255, 255, .08); }
html.aurum .pxs-tkhost .axtk-host, html.aurum .pxs-tkhost { margin: 0; }
html.aurum .pxs { margin-bottom: 16px; }

/* ════════════════════════════════════════════════════════════════════
   27. مخزوني وجرد: 3 tabs + عهدتي (js/custody.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .skh-tabs { grid-template-columns: repeat(3, 1fr); }
html.aurum .skh-tabs button em.n { background: var(--ax-warn); }
html.aurum .skc-opt-btns { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 600px) {
  html.aurum .skh-tabs button { flex-direction: column; gap: 3px; padding: 9px 4px; font-size: 12.5px; }
  html.aurum .skh-tabs button svg { width: 18px; height: 18px; }
  html.aurum .skh-tabs button { position: relative; }
  html.aurum .skh-tabs button em { position: absolute; top: 5px; left: 8px; min-width: 18px; height: 18px; font-size: 10.5px; padding: 0 5px; }
}
html.aurum .cus-hero { display: grid; grid-template-columns: 1fr auto auto; gap: 18px; align-items: center; background: var(--ax-deep); color: var(--ax-on-deep); border-radius: var(--ax-radius-lg); padding: 22px 24px; margin-bottom: 14px; box-shadow: var(--ax-shadow); }
html.aurum[data-theme="dark"] .cus-hero { box-shadow: 0 0 0 1px var(--ax-line); }
html.aurum .cus-hero-t span, html.aurum .cus-hero-t small { display: block; font-size: 12.5px; color: var(--ax-deep-muted); }
html.aurum .cus-hero-t b { display: block; font: 800 36px/1.15 var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .cus-hero-figs { display: grid; grid-template-columns: repeat(3, minmax(110px, 1fr)); gap: 8px; }
html.aurum .cus-hero-figs > div { background: rgba(255, 255, 255, .07); border-radius: 14px; padding: 9px 12px; }
html.aurum .cus-hero-figs span, html.aurum .cus-hero-figs small { display: block; font-size: 11.5px; color: var(--ax-deep-muted); }
html.aurum .cus-hero-figs b { font: 800 20px/1.2 var(--ax-display); }
html.aurum .cus-hero-figs b.bad { color: #FF8A7A; } html.aurum .cus-hero-figs b.ok { color: #5CE89A; }
html.aurum .cus-new { border: 0; cursor: pointer; padding: 14px 18px; border-radius: 16px; background: #fff; color: #000; font: 800 14px var(--ax-font); white-space: nowrap; }
html.aurum .cus-tools { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 12px; }
html.aurum .cus-who { display: flex; flex-wrap: wrap; gap: 6px; }
html.aurum .cus-who button { border: 0; cursor: pointer; padding: 7px 13px; border-radius: 999px; background: var(--ax-surface); box-shadow: var(--ax-shadow); color: var(--ax-text); font: 600 13px var(--ax-font); }
html.aurum .cus-who button.on { background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .cus-who em { font-style: normal; opacity: .6; font-size: 12px; }
html.aurum .cus-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; margin-bottom: 14px; }
html.aurum .cus-card { background: var(--ax-surface); border-radius: var(--ax-radius); padding: 16px; box-shadow: var(--ax-shadow); display: flex; flex-direction: column; gap: 12px; }
html.aurum .cus-card.is-closed { opacity: .7; }
html.aurum .cus-card header { display: flex; align-items: center; gap: 10px; }
html.aurum .cus-ic { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; flex: none; }
html.aurum .cus-ic svg { width: 21px; height: 21px; }
html.aurum .t-cash .cus-ic { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .t-item .cus-ic { background: var(--ax-violet-soft); color: var(--ax-violet); }
html.aurum .cus-ct { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.aurum .cus-ct b { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html.aurum .cus-ct span { font-size: 11.5px; color: var(--ax-faint); }
html.aurum .cus-st { flex: none; font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: var(--ax-surface-2); color: var(--ax-muted); }
html.aurum .cus-st.ok { background: var(--ax-ok-soft); color: var(--ax-ok); } html.aurum .cus-st.bad { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum[data-theme="dark"] .cus-st.ok { background: rgba(92, 232, 154, .1); } html.aurum[data-theme="dark"] .cus-st.bad { background: rgba(255, 107, 107, .12); }
html.aurum .cus-amt { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 8px; }
html.aurum .cus-amt span { display: block; font-size: 11px; color: var(--ax-faint); }
html.aurum .cus-amt b { font: 800 20px/1.2 var(--ax-display); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.aurum .cus-amt b.mut { font-size: 15px; color: var(--ax-muted); }
html.aurum .cus-bar { height: 8px; border-radius: 999px; background: var(--ax-surface-2); overflow: hidden; }
html.aurum .cus-bar i { display: block; height: 100%; border-radius: inherit; background: var(--ax-teal); box-shadow: 0 0 10px var(--ax-teal); }
html.aurum .cus-moves { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
html.aurum .cus-moves li { display: grid; grid-template-columns: 1fr auto; column-gap: 8px; padding: 7px 10px; border-radius: 10px; background: var(--ax-surface-2); font-size: 12.5px; }
html.aurum .cus-moves li span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.aurum .cus-moves li b { font: 800 14px var(--ax-display); white-space: nowrap; }
html.aurum .cus-moves li small { grid-column: 1 / -1; font-size: 11px; color: var(--ax-faint); }
html.aurum .cus-moves .k-add b { color: var(--ax-ok); } html.aurum .cus-moves .k-lost b { color: var(--ax-bad); }
html.aurum .cus-card footer { display: flex; flex-wrap: wrap; gap: 6px; }
html.aurum .cus-card footer button { border: 0; cursor: pointer; border-radius: 12px; padding: 9px 12px; background: var(--ax-surface-2); color: var(--ax-text); font: 600 12.5px var(--ax-font); display: inline-flex; align-items: center; gap: 5px; }
html.aurum .cus-card footer button.pri { background: var(--ax-ink); color: var(--ax-on-ink); flex: 1; justify-content: center; }
html.aurum .cus-card footer button.ic svg { width: 15px; height: 15px; }
html.aurum .cus-type { display: grid !important; grid-template-columns: 1fr 1fr; width: 100%; margin-bottom: 14px; }
html.aurum .cus-type button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px; }
html.aurum .cus-type svg { width: 17px; height: 17px; }
@media (max-width: 900px) { html.aurum .cus-hero { grid-template-columns: 1fr; } html.aurum .cus-new { width: 100%; } }
@media (max-width: 600px) { html.aurum .cus-grid { grid-template-columns: 1fr; } html.aurum .cus-hero-figs { grid-template-columns: repeat(3, 1fr); } html.aurum .cus-hero-t b { font-size: 30px; } }

/* ════════════════════════════════════════════════════════════════════
   28. طلبات الموافقة — maker / checker approvals (js/approvals.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .nav-item .badge.apr-badge { background: var(--ax-warn) !important; }
html.aurum .nav-item .badge.apr-badge.mine { background: var(--ax-ok) !important; }
html.aurum .apr-mt { display: inline-flex; align-items: center; gap: 8px; }
html.aurum .apr-mt svg { width: 20px; height: 20px; color: var(--ax-warn); }
html.aurum .modal-footer .btn svg { width: 16px; height: 16px; vertical-align: -3px; }

/* the request sheet */
html.aurum .apr-ask-head { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border-radius: 16px; background: var(--ax-surface-2); margin-bottom: 14px; }
html.aurum .apr-ask-head b { display: block; font-size: 16px; margin-bottom: 3px; }
html.aurum .apr-ask-head span:not(.apr-ic) { display: block; font-size: 12.5px; line-height: 1.7; color: var(--ax-muted); }
html.aurum .apr-ic { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; flex: none; background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum .apr-ic svg { width: 21px; height: 21px; }
html.aurum .k-delete .apr-ic { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum .k-balance .apr-ic { background: var(--ax-violet-soft); color: var(--ax-violet); }
html.aurum .k-stock .apr-ic { background: var(--ax-teal-soft); color: var(--ax-teal); }
html.aurum .k-debt .apr-ic { background: var(--ax-pink-soft); color: var(--ax-pink); }
html.aurum[data-theme="dark"] .apr-ic { background: rgba(255, 176, 32, .12); }
html.aurum[data-theme="dark"] .k-delete .apr-ic { background: rgba(255, 107, 107, .12); }
html.aurum[data-theme="dark"] .k-balance .apr-ic { background: rgba(167, 139, 250, .14); }
html.aurum[data-theme="dark"] .k-stock .apr-ic { background: rgba(0, 169, 160, .14); }
html.aurum[data-theme="dark"] .k-debt .apr-ic { background: rgba(232, 17, 91, .14); }
html.aurum .apr-sec { font-size: 12px; font-weight: 700; color: var(--ax-faint); margin: 0 2px 6px; }
html.aurum .apr-lines { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
html.aurum .apr-lines li { display: flex; align-items: flex-start; gap: 9px; padding: 8px 10px; border-radius: 11px; background: var(--ax-surface-2); font-size: 13px; line-height: 1.6; }
html.aurum .apr-lines li i { flex: none; width: 20px; height: 20px; border-radius: 7px; display: grid; place-items: center; font-style: normal; font-weight: 800; font-size: 12px; background: var(--ax-surface-3); color: var(--ax-muted); margin-top: 1px; }
html.aurum .apr-lines li span { min-width: 0; overflow-wrap: anywhere; }
html.aurum .apr-lines .l-rm i { background: var(--ax-bad); color: #fff; }
html.aurum .apr-lines .l-mod i { background: var(--ax-warn); color: #fff; }
html.aurum .apr-lines .l-add i { background: var(--ax-ok); color: #fff; }
html.aurum .apr-lines .l-bal i { background: var(--ax-violet); color: #fff; }
html.aurum .apr-lines .l-qty i { background: var(--ax-teal); color: #fff; }
html.aurum .apr-lines .l-debt i { background: var(--ax-pink); color: #fff; }
html.aurum .apr-lines .l-more { background: transparent; color: var(--ax-faint); padding-block: 2px; }
html.aurum .apr-chips { display: flex; flex-wrap: wrap; gap: 6px; }
html.aurum .apr-chips button { border: 0; cursor: pointer; padding: 7px 12px; border-radius: 999px; background: var(--ax-surface-2); color: var(--ax-text); font: 600 12.5px var(--ax-font); }
html.aurum .apr-chips button:hover { background: var(--ax-surface-3); }

/* the page */
html.aurum .apr-hero { grid-template-columns: 1fr auto auto; }
html.aurum .apr-hero .cus-hero-t b i { font-style: normal; font-size: 18px; font-weight: 700; color: var(--ax-deep-muted); }
html.aurum .apr-hero .cus-hero-t small { max-width: 46ch; line-height: 1.7; margin-top: 2px; }
html.aurum .apr-switch { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; padding: 12px 16px; border-radius: 16px; background: rgba(255, 255, 255, .08); color: var(--ax-on-deep); font: 700 13.5px var(--ax-font); white-space: nowrap; user-select: none; margin: 0; }
html.aurum .apr-switch input { position: absolute; opacity: 0; pointer-events: none; }
html.aurum .apr-switch i { width: 40px; height: 24px; border-radius: 999px; background: rgba(255, 255, 255, .22); position: relative; transition: background .25s var(--ax-ease); flex: none; }
html.aurum .apr-switch i::after { content: ''; position: absolute; top: 3px; right: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .3s var(--ax-spring); }
html.aurum .apr-switch.on i { background: #1E9A4C; }
html.aurum .apr-switch.on i::after { transform: translateX(-16px); }
html.aurum .apr-offnote { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--ax-warn-soft); color: var(--ax-text); font-size: 13px; margin-bottom: 12px; }
html.aurum .apr-offnote svg { width: 20px; height: 20px; color: var(--ax-warn); flex: none; }
html.aurum[data-theme="dark"] .apr-offnote { background: rgba(255, 176, 32, .1); }
html.aurum .ax-seg em.apr-n { font-style: normal; font-size: 11px; opacity: .65; margin-inline-start: 2px; }
html.aurum .apr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 12px; margin-bottom: 14px; align-items: start; }
html.aurum .apr-card { background: var(--ax-surface); border-radius: var(--ax-radius); padding: 16px; box-shadow: var(--ax-shadow); display: flex; flex-direction: column; gap: 11px; min-width: 0; }
html.aurum .apr-card.s-pending { box-shadow: var(--ax-shadow), inset 0 0 0 1.5px var(--ax-warn); }
html.aurum .apr-card.s-withdrawn { opacity: .66; }
html.aurum .apr-card header { display: flex; align-items: center; gap: 10px; }
html.aurum .apr-ct { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.aurum .apr-ct b { font-size: 15px; line-height: 1.45; }
html.aurum .apr-ct span { font-size: 11.5px; color: var(--ax-faint); }
html.aurum .apr-st { flex: none; font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: var(--ax-surface-2); color: var(--ax-muted); white-space: nowrap; }
html.aurum .s-pending .apr-st { background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum .s-approved .apr-st { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .s-rejected .apr-st { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum[data-theme="dark"] .s-pending .apr-st { background: rgba(255, 176, 32, .12); }
html.aurum[data-theme="dark"] .s-approved .apr-st { background: rgba(92, 232, 154, .1); }
html.aurum[data-theme="dark"] .s-rejected .apr-st { background: rgba(255, 107, 107, .12); }
html.aurum .apr-why { margin: 0; padding: 10px 12px; border-radius: 12px; border-inline-start: 3px solid var(--ax-line-2); background: var(--ax-surface-2); font-size: 13px; line-height: 1.7; }
html.aurum .apr-why b { color: var(--ax-muted); font-weight: 700; }
html.aurum .apr-more summary { cursor: pointer; font-size: 12.5px; font-weight: 700; color: var(--ax-muted); padding: 2px; list-style: none; }
html.aurum .apr-more summary::-webkit-details-marker { display: none; }
html.aurum .apr-more summary::before { content: '◂'; display: inline-block; margin-inline-end: 6px; transition: transform .2s var(--ax-ease); }
html.aurum .apr-more[open] summary::before { transform: rotate(-90deg); }
html.aurum .apr-tbl-w { overflow-x: auto; margin-top: 8px; border-radius: 12px; border: 1px solid var(--ax-line); }
html.aurum .apr-tbl { width: 100%; border-collapse: collapse; font-size: 12.5px; }
html.aurum .apr-tbl th { background: var(--ax-surface-2); color: var(--ax-muted); font-weight: 700; text-align: right; padding: 7px 9px; white-space: nowrap; }
html.aurum .apr-tbl td { padding: 7px 9px; border-top: 1px solid var(--ax-line); vertical-align: top; }
html.aurum .apr-tbl td.b { color: var(--ax-muted); text-decoration: line-through; text-decoration-color: rgba(224, 27, 15, .45); }
html.aurum .apr-tbl td.a { font-weight: 700; }
html.aurum .apr-at { display: block; margin-top: 6px; font-size: 11px; color: var(--ax-faint); }
html.aurum .apr-dec { display: flex; align-items: flex-start; gap: 8px; padding: 9px 12px; border-radius: 12px; background: var(--ax-surface-2); font-size: 12.5px; line-height: 1.6; color: var(--ax-muted); }
html.aurum .apr-dec svg { width: 16px; height: 16px; flex: none; margin-top: 2px; }
html.aurum .apr-dec.ok { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .apr-dec.bad { background: var(--ax-bad-soft); color: var(--ax-text); }
html.aurum .apr-dec.bad svg { color: var(--ax-bad); }
html.aurum[data-theme="dark"] .apr-dec.ok { background: rgba(92, 232, 154, .1); }
html.aurum[data-theme="dark"] .apr-dec.bad { background: rgba(255, 107, 107, .1); }
html.aurum .apr-card footer { display: flex; gap: 8px; }
html.aurum .apr-card footer button { border: 0; cursor: pointer; border-radius: 13px; padding: 11px 14px; background: var(--ax-surface-2); color: var(--ax-text); font: 700 13.5px var(--ax-font); display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 1; transition: transform .15s var(--ax-ease), filter .15s; }
html.aurum .apr-card footer button:active { transform: scale(.97); }
html.aurum .apr-card footer button svg { width: 16px; height: 16px; }
html.aurum .apr-card footer button.ok { background: var(--ax-ok); color: #fff; flex: 1.6; }
html.aurum .apr-card footer button.no { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum[data-theme="dark"] .apr-card footer button.no { background: rgba(255, 107, 107, .12); }
html.aurum .apr-card footer button:hover { filter: brightness(1.06); }
html.aurum .apr .skh-empty { margin-bottom: 12px; }
html.aurum .apr-rules { background: var(--ax-surface); border-radius: var(--ax-radius); box-shadow: var(--ax-shadow); padding: 14px 16px; margin-bottom: 14px; }
html.aurum .apr-rules summary { cursor: pointer; display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; list-style: none; }
html.aurum .apr-rules summary::-webkit-details-marker { display: none; }
html.aurum .apr-rules summary svg { width: 18px; height: 18px; color: var(--ax-ok); }
html.aurum .apr-rules ul { margin: 12px 0 2px; padding: 0 20px 0 0; display: flex; flex-direction: column; gap: 6px; font-size: 13px; line-height: 1.7; color: var(--ax-muted); }
html.aurum .apr-rules li.ok { color: var(--ax-ok); font-weight: 600; }
@media (max-width: 900px) {
  html.aurum .apr-hero { grid-template-columns: 1fr; }
  html.aurum .apr-switch { justify-content: space-between; }
}
@media (max-width: 600px) {
  html.aurum .apr-grid { grid-template-columns: 1fr; }
  html.aurum .apr-hero .cus-hero-figs { grid-template-columns: repeat(3, 1fr); }
  html.aurum .apr-tbl { font-size: 11.5px; }
}
/* 28b · صلاحيات المستخدمين */
html.aurum .apr-perms { background: var(--ax-surface); border-radius: var(--ax-radius); box-shadow: var(--ax-shadow); padding: 18px; margin-bottom: 14px; display: flex; flex-direction: column; gap: 14px; }
html.aurum .apr-perms > header { display: flex; gap: 12px; align-items: flex-start; }
html.aurum .apr-perms > header .apr-ic { background: var(--ax-violet-soft); color: var(--ax-violet); }
html.aurum[data-theme="dark"] .apr-perms > header .apr-ic { background: rgba(167, 139, 250, .14); }
html.aurum .apr-perms > header b { display: block; font-size: 16px; }
html.aurum .apr-perms > header span:not(.apr-ic) { display: block; font-size: 12.5px; color: var(--ax-muted); line-height: 1.7; }
html.aurum .apr-role { border-radius: 16px; background: var(--ax-surface-2); padding: 14px; display: flex; flex-direction: column; gap: 10px; }
html.aurum .apr-role-h { display: flex; align-items: baseline; gap: 10px; }
html.aurum .apr-role-h b { font-size: 15px; }
html.aurum .apr-role-h em { font-style: normal; font-size: 12px; color: var(--ax-faint); }
html.aurum .apr-lvl { background: var(--ax-surface); align-self: flex-start; }
html.aurum .apr-role-note { margin: 0; font-size: 12.5px; line-height: 1.7; color: var(--ax-muted); }
html.aurum .apr-pages-l { font-size: 12px; font-weight: 700; color: var(--ax-faint); }
html.aurum .apr-pages { display: flex; flex-wrap: wrap; gap: 6px; }
html.aurum .apr-pages button { border: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px 7px 11px; border-radius: 999px; background: var(--ax-surface); color: var(--ax-muted); font: 600 12.5px var(--ax-font); box-shadow: inset 0 0 0 1px var(--ax-line); transition: background .15s, color .15s; }
html.aurum .apr-pages button i { width: 16px; height: 16px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 10px; font-weight: 900; box-shadow: inset 0 0 0 1.5px var(--ax-line-2); }
html.aurum .apr-pages button.on { color: var(--ax-text); box-shadow: inset 0 0 0 1.5px var(--c, var(--ax-ink)); }
html.aurum .apr-pages button.on i { background: var(--c, var(--ax-ink)); color: #fff; box-shadow: none; }
html.aurum .apr-pages button.lock { opacity: .6; cursor: default; }
html.aurum .apr-rules li.me { color: var(--ax-text); }

/* ════════════════════════════════════════════════════════════════════
   29. الأمان والنسخ الاحتياطي (js/security.js) + closed-period sheet
════════════════════════════════════════════════════════════════════ */
html.aurum .sec-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); align-items: start; }
html.aurum .sec-hero .cus-hero-t b i { font-style: normal; font-size: 18px; color: var(--ax-deep-muted); }
html.aurum .sec-hero .cus-hero-t small { line-height: 1.7; margin-top: 4px; max-width: 34ch; }
html.aurum .sec-checks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
html.aurum .sec-checks li { display: flex; gap: 10px; align-items: flex-start; background: rgba(255, 255, 255, .07); border-radius: 14px; padding: 10px 12px; }
html.aurum .sec-checks i { flex: none; width: 24px; height: 24px; border-radius: 8px; display: grid; place-items: center; }
html.aurum .sec-checks i svg { width: 14px; height: 14px; }
html.aurum .sec-checks li.ok i { background: rgba(92, 232, 154, .18); color: #5CE89A; }
html.aurum .sec-checks li.bad i { background: rgba(255, 176, 32, .2); color: #FFB020; }
html.aurum .sec-checks b { display: block; font-size: 13px; }
html.aurum .sec-checks span { display: block; font-size: 11.5px; color: var(--ax-deep-muted); line-height: 1.5; }
html.aurum .sec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
html.aurum .sec-card { background: var(--ax-surface); border-radius: var(--ax-radius); box-shadow: var(--ax-shadow); padding: 18px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
html.aurum .sec-card.sec-wide { grid-column: 1 / -1; }
html.aurum .sec-card > header { display: flex; gap: 12px; align-items: flex-start; }
html.aurum .sec-card > header b { display: block; font-size: 16px; }
html.aurum .sec-card > header span:not(.sec-ic) { display: block; font-size: 12.5px; color: var(--ax-muted); line-height: 1.7; }
html.aurum .sec-ic { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; flex: none; }
html.aurum .sec-ic svg { width: 21px; height: 21px; }
html.aurum .sec-ic.k-key { background: var(--ax-violet-soft); color: var(--ax-violet); }
html.aurum .sec-ic.k-lock { background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum .sec-ic.k-box { background: var(--ax-teal-soft); color: var(--ax-teal); }
html.aurum .sec-ic.k-dev { background: var(--ax-blue-soft); color: var(--ax-blue); }
html.aurum[data-theme="dark"] .sec-ic.k-key { background: rgba(167, 139, 250, .14); }
html.aurum[data-theme="dark"] .sec-ic.k-lock { background: rgba(255, 176, 32, .12); }
html.aurum[data-theme="dark"] .sec-ic.k-box { background: rgba(0, 169, 160, .14); }
html.aurum[data-theme="dark"] .sec-ic.k-dev { background: rgba(29, 111, 242, .16); }
html.aurum .sec-card form .btn svg, html.aurum .sec-btns .btn svg { width: 16px; height: 16px; vertical-align: -3px; }
html.aurum .sec-btns { display: flex; flex-wrap: wrap; gap: 8px; }
html.aurum .sec-btns a.btn { text-decoration: none; }
html.aurum .sec-close-now { display: flex; align-items: baseline; justify-content: space-between; padding: 12px 14px; border-radius: 14px; background: var(--ax-surface-2); }
html.aurum .sec-close-now span { font-size: 12.5px; color: var(--ax-muted); }
html.aurum .sec-close-now b { font: 800 22px var(--ax-display); }
html.aurum .sec-files, html.aurum .sec-dev { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; max-height: 340px; overflow: auto; }
html.aurum .sec-files li, html.aurum .sec-dev li { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 12px; background: var(--ax-surface-2); font-size: 13px; }
html.aurum .sec-files li span { font-weight: 700; min-width: 86px; }
html.aurum .sec-files li em, html.aurum .sec-dev li em { flex: 1; font-style: normal; font-size: 12px; color: var(--ax-faint); }
html.aurum .sec-files li a { display: inline-flex; align-items: center; gap: 5px; color: var(--ax-text); text-decoration: none; font-weight: 700; font-size: 12.5px; padding: 6px 10px; border-radius: 10px; background: var(--ax-surface); }
html.aurum .sec-files li a svg { width: 14px; height: 14px; }
html.aurum .sec-dev li div { display: flex; flex-direction: column; min-width: 0; flex: 1.2; }
html.aurum .sec-dev li div span { font-size: 11.5px; color: var(--ax-faint); }
html.aurum .sec-dev li.me { box-shadow: inset 0 0 0 1.5px var(--ax-ok); }
html.aurum .sec-dev .tag { font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--ax-ok); padding: 4px 10px; border-radius: 999px; background: var(--ax-ok-soft); }
html.aurum[data-theme="dark"] .sec-dev .tag { background: rgba(92, 232, 154, .1); }
html.aurum .sec-dev button { border: 0; cursor: pointer; padding: 7px 12px; border-radius: 10px; background: var(--ax-bad-soft); color: var(--ax-bad); font: 700 12.5px var(--ax-font); }
html.aurum[data-theme="dark"] .sec-dev button { background: rgba(255, 107, 107, .12); }
html.aurum .sec-empty { padding: 18px; text-align: center; color: var(--ax-faint); font-size: 13px; background: var(--ax-surface-2); border-radius: 12px; }
html.aurum .sec-tg { border-radius: 14px; background: var(--ax-surface-2); padding: 12px 14px; }
html.aurum .sec-tg summary { cursor: pointer; font-weight: 700; font-size: 13.5px; display: flex; align-items: center; gap: 8px; list-style: none; }
html.aurum .sec-tg summary::-webkit-details-marker { display: none; }
html.aurum .sec-tg summary svg { width: 16px; height: 16px; color: var(--ax-blue); }
html.aurum .sec-tg ol { margin: 10px 0 6px; padding-inline-start: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 13px; line-height: 1.7; color: var(--ax-muted); }
html.aurum .sec-tg p { margin: 0; font-size: 12px; color: var(--ax-faint); }
html.aurum .sec-tg code { font-family: ui-monospace, monospace; font-size: 12px; padding: 1px 6px; border-radius: 6px; background: var(--ax-surface); color: var(--ax-text); direction: ltr; unicode-bidi: isolate; }
html.aurum .sec-note { margin: 0; font-size: 12.5px; color: var(--ax-muted); }
html.aurum .sec-note a { color: var(--ax-blue); font-weight: 700; }
@media (max-width: 900px) {
  html.aurum .sec-hero { grid-template-columns: 1fr; }
  html.aurum .sec-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  html.aurum .sec-checks { grid-template-columns: 1fr; }
  html.aurum .sec-files li { flex-wrap: wrap; }
  html.aurum .sec-dev li { flex-wrap: wrap; }
}

/* ════════════════════════════════════════════════════════════════════
   30. 4.8 · أعمار الديون (aging.js) · الأرباح (profit.js) · الشيكات
       (cheques.js) · طلب الشراء (purchase.js)
════════════════════════════════════════════════════════════════════ */
html.aurum { --ag-0: #1E9A4C; --ag-1: #D98200; --ag-2: #E8590C; --ag-3: #E01B0F; }
html.aurum[data-theme="dark"] { --ag-0: #3DD07A; --ag-1: #FFB020; --ag-2: #FF7A3D; --ag-3: #FF5A4E; }
html.aurum .skh-tabs:has(> button:nth-child(4)) { grid-template-columns: repeat(4, 1fr); }
/* aging */
html.aurum .ag-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); }
html.aurum .ag-hero-b { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
html.aurum .ag-bar { display: flex; gap: 2px; height: 8px; border-radius: 999px; overflow: hidden; background: var(--ax-surface-2); min-width: 80px; }
html.aurum .ag-bar.big { height: 14px; background: rgba(255, 255, 255, .12); }
html.aurum .ag-bar i { display: block; height: 100%; }
html.aurum .ag-bar .b0, html.aurum .ag-legend .b0 i { background: var(--ag-0); }
html.aurum .ag-bar .b1, html.aurum .ag-legend .b1 i { background: var(--ag-1); }
html.aurum .ag-bar .b2, html.aurum .ag-legend .b2 i { background: var(--ag-2); }
html.aurum .ag-bar .b3, html.aurum .ag-legend .b3 i { background: var(--ag-3); }
html.aurum .ag-legend { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
html.aurum .ag-legend li { display: flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, .07); border-radius: 12px; padding: 8px 10px; font-size: 12.5px; min-width: 0; }
html.aurum .ag-legend li i { width: 10px; height: 10px; border-radius: 3px; flex: none; }
html.aurum .ag-legend li span { color: var(--ax-deep-muted); }
html.aurum .ag-legend li b { margin-inline-start: auto; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.aurum .ag-legend li em { font-style: normal; font-size: 11px; color: var(--ax-deep-muted); }
html.aurum .ag-tools .ag-q { width: auto; flex: 1; min-width: 160px; max-width: 280px; }
html.aurum .ag-bulk { border: 0; cursor: pointer; border-radius: 999px; padding: 9px 14px; background: #25D366; color: #fff; font: 700 13px var(--ax-font); display: inline-flex; gap: 6px; align-items: center; margin-inline-start: auto; }
html.aurum .ag-bulk em { font-style: normal; background: rgba(0, 0, 0, .18); border-radius: 999px; padding: 1px 8px; font-size: 11.5px; }
html.aurum .ag-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
html.aurum .ag-row { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto auto; gap: 14px; align-items: center; background: var(--ax-surface); border-radius: 18px; padding: 12px 16px; box-shadow: var(--ax-shadow); }
html.aurum .ag-who { min-width: 0; display: flex; flex-direction: column; }
html.aurum .ag-who b { font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .ag-who span { font-size: 11.5px; color: var(--ax-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .ag-amt { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
html.aurum .ag-amt b { font: 800 18px var(--ax-display); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.aurum .ag-age { font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; white-space: nowrap; background: var(--ax-surface-2); }
html.aurum .ag-age.b0 { color: var(--ag-0); } html.aurum .ag-age.b1 { color: var(--ag-1); } html.aurum .ag-age.b2 { color: var(--ag-2); } html.aurum .ag-age.b3 { color: #fff; background: var(--ag-3); }
html.aurum .ag-act { display: flex; gap: 6px; }
html.aurum .ag-act button { border: 0; cursor: pointer; border-radius: 11px; padding: 8px 11px; background: var(--ax-surface-2); color: var(--ax-text); font: 600 12.5px var(--ax-font); white-space: nowrap; }
html.aurum .ag-act button.wa { background: #25D366; color: #fff; }
html.aurum .ag-act button.wa.sent { background: rgba(37, 211, 102, .16); color: #16A34A; }
html.aurum .ag-bulk-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; max-height: 55vh; overflow: auto; }
html.aurum .ag-bulk-list li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--ax-surface-2); }
html.aurum .ag-bulk-list li div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.aurum .ag-bulk-list li span { font-size: 12px; color: var(--ax-faint); }
html.aurum .ag-bulk-list li button { border: 0; cursor: pointer; border-radius: 10px; padding: 8px 14px; background: #25D366; color: #fff; font: 700 12.5px var(--ax-font); }
html.aurum .ag-bulk-list li.done { opacity: .62; } html.aurum .ag-bulk-list li.done button { background: var(--ax-surface-3); color: var(--ax-text); }
html.aurum .ag-link { display: flex; gap: 8px; } html.aurum .ag-link input { direction: ltr; font-family: ui-monospace, monospace; font-size: 12px; }
/* profit */
html.aurum .pf-tools input[type="date"] { width: auto; }
html.aurum .pf-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
html.aurum .pf-hero .cus-hero-t b.neg { color: #FF8A7A; }
html.aurum .pf-figs { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
html.aurum .pf-figs b { font-size: 17px !important; white-space: nowrap; }
html.aurum .pf-card, html.aurum .po-card { background: var(--ax-surface); border-radius: var(--ax-radius); box-shadow: var(--ax-shadow); padding: 16px; margin-bottom: 14px; min-width: 0; }
html.aurum .pf-card > header, html.aurum .po-card > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
html.aurum .pf-card > header b, html.aurum .po-card > header b { font-size: 15px; }
html.aurum .pf-card > header span, html.aurum .po-card > header span { font-size: 12px; color: var(--ax-faint); }
html.aurum .pf-alerts { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 8px; margin-bottom: 14px; }
html.aurum .pf-alert { border-radius: 16px; padding: 12px 14px; background: var(--ax-surface); box-shadow: var(--ax-shadow); border-inline-start: 4px solid var(--ax-blue); }
html.aurum .pf-alert.warn { border-color: var(--ax-warn); } html.aurum .pf-alert.bad { border-color: var(--ax-bad); }
html.aurum .pf-alert b { display: block; font-size: 13.5px; margin-bottom: 3px; } html.aurum .pf-alert span { font-size: 12.5px; color: var(--ax-muted); line-height: 1.7; }
html.aurum .pf-tbl-w, html.aurum .po-tbl-w { overflow-x: auto; }
html.aurum .pf-tbl, html.aurum .po-tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
html.aurum .pf-tbl th, html.aurum .po-tbl th { text-align: right; font-weight: 700; color: var(--ax-muted); padding: 8px; border-bottom: 1px solid var(--ax-line); white-space: nowrap; font-size: 12px; }
html.aurum .pf-tbl td, html.aurum .po-tbl td { padding: 9px 8px; border-bottom: 1px solid var(--ax-line); vertical-align: middle; }
html.aurum .pf-tbl td small, html.aurum .po-tbl td small { display: block; font-size: 11px; color: var(--ax-faint); }
html.aurum .pf-tbl td.n, html.aurum .po-tbl td.n { white-space: nowrap; font-variant-numeric: tabular-nums; }
html.aurum .pf-tbl td.mut { color: var(--ax-muted); }
html.aurum .pf-tbl b.neg { color: var(--ax-bad); }
html.aurum .pf-b { display: block; height: 4px; border-radius: 999px; background: var(--ax-surface-2); margin-top: 5px; overflow: hidden; min-width: 70px; }
html.aurum .pf-b i { display: block; height: 100%; background: var(--ag-0); border-radius: inherit; } html.aurum .pf-b i.neg { background: var(--ag-3); }
html.aurum .pf-m { font-style: normal; font-weight: 700; font-size: 12px; padding: 3px 9px; border-radius: 999px; background: var(--ax-surface-2); }
html.aurum .pf-m.hi { color: var(--ag-0); } html.aurum .pf-m.mid { color: var(--ag-1); } html.aurum .pf-m.lo { color: var(--ag-3); } html.aurum .pf-m.na { color: var(--ax-faint); }
html.aurum .pf-note { font-size: 12px; color: var(--ax-faint); margin: 0 4px 14px; }
/* cheques */
html.aurum .chq-hero { grid-template-columns: minmax(0, 1fr) auto auto; }
html.aurum .chq-new { display: flex; flex-direction: column; gap: 8px; }
html.aurum .chq-new button { border: 0; cursor: pointer; padding: 11px 16px; border-radius: 14px; background: #fff; color: #000; font: 800 13.5px var(--ax-font); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
html.aurum .chq-new button svg { width: 16px; height: 16px; }
html.aurum .chq-days { display: flex; gap: 6px; overflow-x: auto; padding: 2px 2px 8px; margin-bottom: 8px; scrollbar-width: thin; }
html.aurum .chq-day { flex: none; min-width: 74px; border-radius: 14px; background: var(--ax-surface); box-shadow: var(--ax-shadow); padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; }
html.aurum .chq-day span { font-size: 11.5px; color: var(--ax-faint); font-weight: 700; }
html.aurum .chq-day em { font-style: normal; font-size: 12.5px; font-weight: 800; font-variant-numeric: tabular-nums; }
html.aurum .chq-day em.in { color: var(--ag-0); } html.aurum .chq-day em.out { color: var(--ag-3); }
html.aurum .chq-day.now { box-shadow: inset 0 0 0 1.5px var(--ax-ink); }
html.aurum .chq-day.empty { opacity: .55; } html.aurum .chq-day.past span { color: var(--ag-2); }
html.aurum .chq-day.late { background: var(--ag-3); color: #fff; } html.aurum .chq-day.late span, html.aurum .chq-day.late em { color: #fff; }
html.aurum .chq-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
html.aurum .chq-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 12px; align-items: center; background: var(--ax-surface); border-radius: 18px; padding: 12px 14px; box-shadow: var(--ax-shadow); }
html.aurum .chq-ic { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; }
html.aurum .chq-ic svg { width: 19px; height: 19px; }
html.aurum .d-in .chq-ic { background: var(--ax-ok-soft); color: var(--ax-ok); } html.aurum .d-out .chq-ic { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum[data-theme="dark"] .d-in .chq-ic { background: rgba(92, 232, 154, .12); } html.aurum[data-theme="dark"] .d-out .chq-ic { background: rgba(255, 107, 107, .12); }
html.aurum .chq-main { min-width: 0; display: flex; flex-direction: column; }
html.aurum .chq-main b { font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .chq-main span { font-size: 11.5px; color: var(--ax-faint); }
html.aurum .chq-main .chq-rec { color: var(--ag-0); font-weight: 600; } html.aurum .chq-main .chq-rec.no { color: var(--ax-muted); font-weight: 400; }
html.aurum .chq-amt { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
html.aurum .chq-amt b { font: 800 17px var(--ax-display); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.aurum .d-in .chq-amt b { color: var(--ag-0); }
html.aurum .chq-amt em { font-style: normal; font-size: 11.5px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: var(--ax-surface-2); color: var(--ax-muted); white-space: nowrap; }
html.aurum .chq-amt em.s-late { background: var(--ag-3); color: #fff; } html.aurum .chq-amt em.s-soon { color: var(--ag-1); } html.aurum .chq-amt em.s-cleared { color: var(--ag-0); } html.aurum .chq-amt em.s-bounced { color: var(--ag-3); }
html.aurum .chq-act { display: flex; gap: 6px; }
html.aurum .chq-act button { border: 0; cursor: pointer; border-radius: 11px; padding: 8px 11px; background: var(--ax-surface-2); color: var(--ax-text); font: 600 12.5px var(--ax-font); white-space: nowrap; }
html.aurum .chq-act button.ok { background: var(--ax-ok); color: #fff; } html.aurum .chq-act button.no { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum[data-theme="dark"] .chq-act button.no { background: rgba(255, 107, 107, .12); }
html.aurum .chq-card.s-cleared, html.aurum .chq-card.s-cancelled { opacity: .72; }
html.aurum .chq-hist { list-style: none; margin: 12px 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
html.aurum .chq-hist li { padding: 8px 12px; border-radius: 10px; background: var(--ax-surface-2); display: flex; flex-direction: column; font-size: 13px; }
html.aurum .chq-hist li span { font-size: 11.5px; color: var(--ax-faint); }
html.aurum .nav-item .badge.chq-badge { background: #0891B2 !important; }
/* purchase orders */
html.aurum .po-hero { grid-template-columns: minmax(0, 1fr) auto auto; }
html.aurum .po-hero .cus-hero-t b i { font-style: normal; font-size: 18px; color: var(--ax-deep-muted); }
html.aurum .po-hero .cus-hero-t small { line-height: 1.7; max-width: 42ch; }
html.aurum .po-lead { display: flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, .08); border-radius: 14px; padding: 10px 14px; color: var(--ax-on-deep); font-size: 12.5px; margin: 0; }
html.aurum .po-lead input { width: 56px; border: 0; border-radius: 10px; padding: 6px 8px; font: 800 15px var(--ax-font); text-align: center; background: rgba(255, 255, 255, .14); color: inherit; }
html.aurum .po-lead em { font-style: normal; color: var(--ax-deep-muted); }
html.aurum .po-tbl tr.l-urgent td:first-child { box-shadow: inset -3px 0 0 var(--ag-3); }
html.aurum .po-tbl tr.l-order td:first-child { box-shadow: inset -3px 0 0 var(--ag-1); }
html.aurum .po-tbl input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--ax-ink); }
html.aurum .po-q { width: 84px; border: 1px solid var(--ax-line); border-radius: 10px; padding: 6px 8px; background: var(--ax-input); color: var(--ax-text); font: 700 13px var(--ax-font); }
html.aurum .po-s { max-width: 160px; border: 1px solid var(--ax-line); border-radius: 10px; padding: 6px 8px; background: var(--ax-input); color: var(--ax-text); font: 600 12.5px var(--ax-font); }
html.aurum .po-c { font-style: normal; font-weight: 700; font-size: 12px; padding: 3px 9px; border-radius: 999px; background: var(--ax-surface-2); }
html.aurum .po-c.urgent { background: var(--ag-3); color: #fff; } html.aurum .po-c.order { color: var(--ag-1); } html.aurum .po-c.soon { color: var(--ax-muted); }
html.aurum .po-card > footer { display: flex; justify-content: flex-end; margin-top: 12px; }
html.aurum .po-orders { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
html.aurum .po-orders li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--ax-surface-2); flex-wrap: wrap; }
html.aurum .po-orders li > div:first-child { flex: 1; min-width: 180px; display: flex; flex-direction: column; }
html.aurum .po-orders li span { font-size: 11.5px; color: var(--ax-faint); }
html.aurum .po-orders li em { font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--ax-muted); }
html.aurum .po-orders li.st-received em { color: var(--ag-0); }
html.aurum .po-o-act { display: flex; gap: 6px; flex-wrap: wrap; }
html.aurum .po-o-act button { border: 0; cursor: pointer; border-radius: 10px; padding: 7px 11px; background: var(--ax-surface); color: var(--ax-text); font: 600 12px var(--ax-font); }
html.aurum .po-o-act button.pri { background: var(--ax-ink); color: var(--ax-on-ink); }
@media (max-width: 900px) {
  html.aurum .ag-hero, html.aurum .pf-hero, html.aurum .chq-hero, html.aurum .po-hero { grid-template-columns: 1fr; }
  html.aurum .chq-new { flex-direction: row; } html.aurum .chq-new button { flex: 1; justify-content: center; }
  html.aurum .pf-figs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 700px) {
  html.aurum .ag-row { grid-template-columns: minmax(0, 1fr) auto; }
  html.aurum .ag-row .ag-amt { grid-column: 1 / -1; order: 3; }
  html.aurum .ag-row .ag-act { grid-column: 1 / -1; order: 4; }
  html.aurum .ag-row .ag-act button { flex: 1; }
  html.aurum .chq-card { grid-template-columns: auto minmax(0, 1fr) auto; }
  html.aurum .chq-card .chq-act { grid-column: 1 / -1; }
  html.aurum .chq-card .chq-act button { flex: 1; }
  html.aurum .ag-tools .ag-q { max-width: none; }
  html.aurum .ag-bulk { margin-inline-start: 0; }
}
html.aurum .apr-perm-link { display: flex; align-items: center; gap: 8px; margin: 0 2px 14px; font-size: 13px; color: var(--ax-muted); }
html.aurum .apr-perm-link svg { width: 16px; height: 16px; color: var(--ax-violet); flex: none; }
html.aurum .apr-perm-link a { color: var(--ax-blue); font-weight: 700; }

/* ════════════════════════════════════════════════════════════════════
   31. المستخدمين وصلاحياتهم (js/users.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .usr-hero .cus-hero-t small { max-width: 44ch; line-height: 1.7; }
html.aurum .usr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; margin-bottom: 14px; }
html.aurum .usr-card { background: var(--ax-surface); border-radius: var(--ax-radius); box-shadow: var(--ax-shadow); padding: 16px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
html.aurum .usr-card header { display: flex; align-items: center; gap: 10px; }
html.aurum .usr-av { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; font: 800 18px var(--ax-display); background: var(--ax-ink); color: var(--ax-on-ink); flex: none; }
html.aurum .usr-card header > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.aurum .usr-card header b { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .usr-card header b em { font-style: normal; font-weight: 600; font-size: 12px; color: var(--ax-faint); }
html.aurum .usr-card header span { font-size: 12px; color: var(--ax-faint); text-align: right; }
html.aurum .usr-role { font-style: normal; font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: var(--ax-surface-2); color: var(--ax-muted); white-space: nowrap; }
html.aurum .r-admin .usr-role { background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .usr-lv { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--ax-surface-2); }
html.aurum .usr-lv span { font-size: 12px; color: var(--ax-faint); }
html.aurum .usr-lv b { font-size: 13px; }
html.aurum .usr-lv.lv-sensitive b { color: var(--ax-warn); } html.aurum .usr-lv.lv-edits b { color: var(--ax-bad); } html.aurum .usr-lv.lv-none b { color: var(--ax-ok); }
html.aurum .usr-pg > span { display: block; font-size: 12px; color: var(--ax-faint); margin-bottom: 6px; }
html.aurum .usr-pg p { margin: 0; font-size: 13px; color: var(--ax-muted); }
html.aurum .usr-pg ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 5px; }
html.aurum .usr-pg li { font-size: 12px; padding: 4px 9px; border-radius: 999px; background: var(--ax-surface-2); }
html.aurum .usr-pg li.none { color: var(--ax-faint); }
html.aurum .usr-card footer { display: flex; gap: 6px; margin-top: auto; }
html.aurum .usr-card footer button { border: 0; cursor: pointer; border-radius: 12px; padding: 10px 12px; background: var(--ax-surface-2); color: var(--ax-text); font: 700 13px var(--ax-font); }
html.aurum .usr-card footer button.pri { flex: 1; background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .usr-card footer button.del { color: var(--ax-bad); }
html.aurum .usr-sec { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 14px 0 8px; flex-wrap: wrap; }
html.aurum .usr-sec b { font-size: 14px; }
html.aurum .usr-sec span { display: flex; gap: 6px; }
html.aurum .usr-sec span button { border: 0; cursor: pointer; padding: 5px 10px; border-radius: 999px; background: var(--ax-surface-2); color: var(--ax-text); font: 600 12px var(--ax-font); }
html.aurum .usr-lvs { display: flex; flex-direction: column; gap: 8px; }
html.aurum .usr-lvopt { display: flex; gap: 10px; align-items: flex-start; padding: 12px; border-radius: 14px; background: var(--ax-surface-2); cursor: pointer; margin: 0; }
html.aurum .usr-lvopt input { width: 18px !important; height: 18px !important; min-height: 0 !important; margin: 2px 0 0; accent-color: var(--ax-ink); flex: none; }
html.aurum .usr-lvopt b { display: block; font-size: 13.5px; }
html.aurum .usr-lvopt em { display: block; font-style: normal; font-size: 12px; color: var(--ax-muted); line-height: 1.6; }
html.aurum .usr-lvopt:has(input:checked) { box-shadow: inset 0 0 0 1.5px var(--ax-ink); }
html.aurum .usr-hint, html.aurum .usr-admin-note { font-size: 12px; color: var(--ax-faint); margin: 10px 0 0; }
html.aurum .usr-admin-note { padding: 10px 12px; border-radius: 12px; background: var(--ax-surface-2); color: var(--ax-muted); }
@media (max-width: 600px) { html.aurum .usr-grid { grid-template-columns: 1fr; } }
html.aurum .ag-legend li span { white-space: nowrap; }
@media (max-width: 600px) {
  html.aurum .ag-legend { grid-template-columns: 1fr; }
  html.aurum .chq-hero .cus-hero-figs b { font-size: 17px; white-space: nowrap; }
}

/* ════════════════════════════════════════════════════════════════════
   33. 4.9 · المساعد الذكي (js/assistant.js)
   the assistant is a little stack of paper; every answer is a slip with
   a torn receipt edge, its figures written as ledger lines with leaders
════════════════════════════════════════════════════════════════════ */
html.aurum .axa { max-width: 900px; margin: 0 auto; }
/* the mark: three sheets, the top one folded at the corner */
html.aurum .axa-mark { --mk: var(--ax-ink); --mp: var(--ax-surface); position: relative; display: inline-block; width: 30px; height: 34px; flex: none; margin-top: 2px; }
html.aurum .axa-mark i { position: absolute; inset: 0; border-radius: 6px; border: 1.5px solid var(--mk); background: var(--mp); transition: transform .3s var(--ax-ease); }
html.aurum .axa-mark i:nth-child(1) { transform: translate(-6px, 5px) rotate(-10deg); opacity: .3; }
html.aurum .axa-mark i:nth-child(2) { transform: translate(-3px, 2.5px) rotate(-5deg); opacity: .6; }
html.aurum .axa-mark i:nth-child(3) { background: var(--mk); border: 0; clip-path: polygon(0 0, 62% 0, 100% 30%, 100% 100%, 0 100%); }
html.aurum .axa-mark::before { content: ''; position: absolute; z-index: 2; top: 0; right: 0; width: 38%; height: 30%; background: var(--mk); opacity: .45; clip-path: polygon(0 0, 0 100%, 100% 100%); border-bottom-left-radius: 3px; }
html.aurum .axa-mark::after { content: ''; position: absolute; z-index: 2; inset-inline: 20% 20%; top: 44%; height: 30%;
  background: linear-gradient(var(--mp), var(--mp)) right 0 / 100% 2px no-repeat, linear-gradient(var(--mp), var(--mp)) right 50% / 100% 2px no-repeat, linear-gradient(var(--mp), var(--mp)) right 100% / 55% 2px no-repeat; }
html.aurum .axa-mark.lg { width: 58px; height: 66px; }
html.aurum .axa-mark.lg i { border-radius: 11px; border-width: 2px; }
html.aurum .axa-mark.lg::after { background-size: 100% 3px, 100% 3px, 55% 3px; }
html.aurum .axa-mark.lg::before { border-bottom-left-radius: 5px; }
html.aurum .axa-mark.busy i:nth-child(3) { animation: axaLift 1s var(--ax-ease) infinite; }
html.aurum .axa-mark.busy i:nth-child(1) { animation: axaFan 1s var(--ax-ease) infinite; }
html.aurum .axa-mark.busy::after { animation: axaLift 1s var(--ax-ease) infinite; }
@keyframes axaLift { 0%, 100% { transform: translateY(0); } 45% { transform: translateY(-5px) rotate(-3deg); } }
@keyframes axaFan { 0%, 100% { transform: translate(5px, 4px) rotate(9deg); } 45% { transform: translate(8px, 5px) rotate(16deg); } }

/* hero: the assistant reads out the day */
html.aurum .axa-hero { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: start; background: var(--ax-deep); color: var(--ax-on-deep); border-radius: var(--ax-radius-lg); padding: 24px 26px; margin-bottom: 14px; }
html.aurum .axa-hero .axa-mark { --mk: var(--ax-on-deep); --mp: var(--ax-deep); margin-top: 6px; }
html.aurum .axa-hero h2 { margin: 0 0 6px; font: 700 30px/1.25 var(--ax-display); color: var(--ax-on-deep) !important; }
html.aurum .axa-hero p { margin: 0; font: 400 19px/1.6 var(--ax-display); color: var(--ax-deep-muted); max-width: 52ch; }
html.aurum .axa-hero p b { color: var(--ax-on-deep); font-weight: 700; white-space: nowrap; }
html.aurum .axa-hero-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
html.aurum .axa-hero-acts button { border: 0; cursor: pointer; border-radius: 999px; padding: 8px 14px; background: rgba(255, 255, 255, .1); color: var(--ax-on-deep); font: 700 13px var(--ax-font); }
html.aurum .axa-hero-acts button:hover { background: rgba(255, 255, 255, .18); }
html.aurum .axa-hero-acts button:first-child { background: var(--ax-on-deep); color: var(--ax-deep); }

/* tabs */
html.aurum .axa-tabs { display: flex; gap: 6px; margin-bottom: 14px; overflow-x: auto; scrollbar-width: none; }
html.aurum .axa-tabs::-webkit-scrollbar { display: none; }
html.aurum .axa-tabs button { flex: none; border: 0; cursor: pointer; border-radius: 999px; padding: 9px 16px; background: var(--ax-surface); box-shadow: var(--ax-shadow); color: var(--ax-muted); font: 700 13.5px var(--ax-font); display: inline-flex; align-items: center; gap: 7px; }
html.aurum .axa-tabs button.on { background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .axa-tabs button em { font-style: normal; font-size: 11px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; display: inline-grid; place-items: center; background: var(--ax-bad); color: #fff; }
html.aurum .axa-panel { margin-top: 0 !important; }

/* chat */
html.aurum .axa-chat-h { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 4px 4px 12px; flex-wrap: wrap; }
html.aurum .axa-chat-h b { font: 700 18px var(--ax-display); }
html.aurum .axa-chat-h span { font-size: 12.5px; color: var(--ax-faint); }
html.aurum .axa-chat-h button { border: 0; cursor: pointer; background: transparent; color: var(--ax-muted); font: 700 12.5px var(--ax-font); display: inline-flex; gap: 5px; align-items: center; padding: 6px 8px; border-radius: 10px; }
html.aurum .axa-chat-h button:hover { background: var(--ax-hover); color: var(--ax-text); }
html.aurum .axa-chat-h button svg { width: 15px; height: 15px; }
html.aurum .axa-msgs { display: flex; flex-direction: column; gap: 14px; min-height: 120px; }
html.aurum .axa-msg { display: flex; gap: 12px; align-items: flex-start; scroll-margin-top: 90px; }
html.aurum .axa-msg.me { justify-content: flex-end; }
html.aurum .axa-bubble { max-width: min(78%, 520px); background: var(--ax-ink); color: var(--ax-on-ink); border-radius: 20px; border-end-end-radius: 6px; padding: 10px 16px; font: 600 15px/1.6 var(--ax-font); white-space: pre-wrap; overflow-wrap: anywhere; animation: axaIn .25s var(--ax-ease) both; }
html.aurum .axa-thinking { align-items: center; color: var(--ax-faint); font-size: 13.5px; font-weight: 600; }
@keyframes axaIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* the slip */
html.aurum .axa-slip { flex: 1; min-width: 0; max-width: 700px; background: var(--ax-surface); border-radius: 20px 20px 4px 4px; padding: 16px 18px 20px; animation: axaIn .32s var(--ax-ease) both;
  -webkit-mask: linear-gradient(#000 0 0) top / 100% calc(100% - 7px) no-repeat, radial-gradient(circle at 50% 100%, transparent 4.5px, #000 5px) bottom / 13px 7px repeat-x;
          mask: linear-gradient(#000 0 0) top / 100% calc(100% - 7px) no-repeat, radial-gradient(circle at 50% 100%, transparent 4.5px, #000 5px) bottom / 13px 7px repeat-x; }
html.aurum .axa-slip.short { padding-bottom: 18px; }
html.aurum .axa-slip > header { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
html.aurum .axa-ic { width: 36px; height: 36px; border-radius: 11px; background: var(--ax-surface-2); display: grid; place-items: center; flex: none; color: var(--ax-text); }
html.aurum .axa-ic svg { width: 19px; height: 19px; }
html.aurum .axa-slip.t-bad .axa-ic { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum .axa-slip.t-warn .axa-ic { background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum .axa-slip.t-ok .axa-ic { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .axa-slip > header div { min-width: 0; display: flex; flex-direction: column; }
html.aurum .axa-slip > header b { font: 700 19px/1.3 var(--ax-display); overflow-wrap: anywhere; }
html.aurum .axa-slip > header span { font-size: 12.5px; color: var(--ax-faint); }
html.aurum .axa-slip.short > header b { font-size: 24px; }
/* ledger lines: label …… value */
html.aurum .axa-ledger { margin: 0 0 4px; display: flex; flex-direction: column; gap: 2px; }
html.aurum .axa-ledger > div { display: flex; align-items: baseline; flex-wrap: wrap; padding: 6px 0; }
html.aurum .axa-ledger dt { flex: 0 1 auto; min-width: 0; font-size: 13.5px; color: var(--ax-muted); }
html.aurum .axa-ledger i { flex: 1 1 16px; min-width: 16px; height: 0; margin: 0 8px; border-bottom: 2px dotted var(--ax-line-2); transform: translateY(-4px); }
html.aurum .axa-ledger dd { flex: 0 1 auto; max-width: 66%; margin: 0; text-align: end; font: 700 16px/1.4 var(--ax-display); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html.aurum .axa-ledger small { flex-basis: 100%; text-align: end; font-size: 11.5px; color: var(--ax-faint); margin-top: 1px; }
html.aurum .axa-ledger .big dt { color: var(--ax-text); font-weight: 600; font-size: 14.5px; }
html.aurum .axa-ledger .big dd { font-size: 24px; }
html.aurum .axa-ledger .t-ok dd { color: var(--ax-ok); } html.aurum .axa-ledger .t-bad dd { color: var(--ax-bad); } html.aurum .axa-ledger .t-warn dd { color: var(--ax-warn); }
html.aurum .axa-ledger dd em { direction: ltr; unicode-bidi: isolate; display: inline-block; font: 700 11.5px var(--ax-font); font-style: normal; margin-inline-start: 8px; padding: 2px 8px; border-radius: 999px; background: var(--ax-surface-2); color: var(--ax-muted); vertical-align: 2px; white-space: nowrap; }
html.aurum .axa-ledger dd em.up, html.aurum .axa-ledger dd em.down.inv { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .axa-ledger dd em.down, html.aurum .axa-ledger dd em.up.inv { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum .axa-ledger.cmp > div + div { border-top: 1px solid var(--ax-line); }
/* blocks */
html.aurum .axa-block { margin-top: 12px; }
html.aurum .axa-block h4, html.aurum .axa-help h4 { margin: 0 0 6px; font-size: 12.5px; font-weight: 700; color: var(--ax-muted); }
html.aurum .axa-spark { display: flex; align-items: flex-end; gap: 2px; height: 58px; padding: 0 2px; border-bottom: 1px solid var(--ax-line); }
html.aurum .axa-spark span { flex: 1; min-width: 2px; background: var(--ax-ink); opacity: .22; border-radius: 3px 3px 1px 1px; transition: opacity .15s ease; }
html.aurum .axa-spark span.zero { opacity: .08; }
html.aurum .axa-spark span.now, html.aurum .axa-spark span:hover { opacity: 1; }
html.aurum .axa-spark-x { display: flex; justify-content: space-between; font-size: 11px; color: var(--ax-faint); margin-top: 4px; }
html.aurum .axa-bars { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
html.aurum .axa-bars li > button, html.aurum .axa-bars li > div { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 10px; align-items: baseline; padding: 7px 8px; border-radius: 10px; border: 0; background: transparent; color: inherit; font: inherit; text-align: start; }
html.aurum .axa-bars li > button { cursor: pointer; }
html.aurum .axa-bars li > button:hover { background: var(--ax-hover); }
html.aurum .axa-bars .l { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .axa-bars .v { font: 700 14px var(--ax-display); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.aurum .axa-bars .b { grid-column: 1 / -1; height: 5px; border-radius: 999px; background: var(--ax-surface-2); overflow: hidden; }
html.aurum .axa-bars .b u { display: block; height: 100%; border-radius: inherit; background: var(--ax-ink); text-decoration: none; }
html.aurum .axa-bars .b.t-bad u { background: var(--ax-bad); } html.aurum .axa-bars .b.t-warn u { background: var(--ax-warn); }
html.aurum .axa-bars small { grid-column: 1 / -1; font-size: 11.5px; color: var(--ax-faint); }
/* rows */
html.aurum .axa-rows { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; counter-reset: axa; }
html.aurum .axa-rows > li { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 4px 0; }
html.aurum .axa-rows > li + li { border-top: 1px solid var(--ax-line); }
html.aurum .axa-rowb { flex: 1 1 220px; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 7px 6px; border-radius: 10px; border: 0; background: transparent; color: inherit; font: inherit; text-align: start; }
html.aurum button.axa-rowb { cursor: pointer; } html.aurum button.axa-rowb:hover { background: var(--ax-hover); }
html.aurum .axa-rowb .dot { width: 9px; height: 9px; border-radius: 50%; flex: none; background: var(--ax-line-2); }
html.aurum .axa-rowb .dot.t-bad { background: var(--ax-bad); } html.aurum .axa-rowb .dot.t-warn { background: var(--ax-warn); } html.aurum .axa-rowb .dot.t-ok { background: var(--ax-ok); }
html.aurum .axa-rows.ord .axa-rowb .dot { counter-increment: axa; width: 24px; height: 24px; display: grid; place-items: center; font: 700 12px var(--ax-font); color: #fff; }
html.aurum .axa-rows.ord .axa-rowb .dot::before { content: counter(axa); }
html.aurum .axa-rows.ord .axa-rowb .dot.t-n { background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .axa-rowb .m { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.aurum .axa-rowb .m b { font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
html.aurum .axa-rowb .m small { font-size: 12px; color: var(--ax-faint); line-height: 1.5; }
html.aurum .axa-rowb em { font: 700 14.5px var(--ax-display); font-style: normal; white-space: nowrap; font-variant-numeric: tabular-nums; }
html.aurum .axa-rowa { display: flex; gap: 6px; }
html.aurum .axa-mini { border: 0; cursor: pointer; border-radius: 999px; padding: 7px 12px; background: var(--ax-surface-2); color: var(--ax-text); font: 700 12px var(--ax-font); text-decoration: none; white-space: nowrap; }
html.aurum .axa-mini.wa { background: #25D366; color: #fff; }
/* help */
html.aurum .axa-help { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 4px; }
html.aurum .axa-help section { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
html.aurum .axa-help button { border: 0; cursor: pointer; text-align: start; padding: 8px 10px; border-radius: 10px; background: var(--ax-surface-2); color: var(--ax-text); font: 600 13px var(--ax-font); }
html.aurum .axa-help button:hover { background: var(--ax-surface-3); }
/* note, actions, footer */
html.aurum .axa-note { margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; background: var(--ax-surface-2); font-size: 13.5px; line-height: 1.75; color: var(--ax-text); max-width: 70ch; }
html.aurum .axa-note b { white-space: nowrap; }
html.aurum .axa-slip.t-bad .axa-note { box-shadow: inset -3px 0 0 var(--ax-bad); }
html.aurum .axa-slip.t-warn .axa-note { box-shadow: inset -3px 0 0 var(--ax-warn); }
html.aurum .axa-slip.t-ok .axa-note { box-shadow: inset -3px 0 0 var(--ax-ok); }
html.aurum .axa-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
html.aurum .axa-acts button { border: 0; cursor: pointer; border-radius: 999px; padding: 9px 15px; background: var(--ax-surface-2); color: var(--ax-text); font: 700 13px var(--ax-font); }
html.aurum .axa-acts button:hover { background: var(--ax-surface-3); }
html.aurum .axa-acts button.pri { background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .axa-acts button.wa { background: #25D366; color: #fff; }
html.aurum .axa-slip > footer { display: flex; align-items: center; gap: 2px; margin-top: 14px; padding-top: 10px; border-top: 1px dashed var(--ax-line-2); }
html.aurum .axa-slip > footer time { font-size: 11.5px; color: var(--ax-faint); margin-inline-end: auto; font-variant-numeric: tabular-nums; }
html.aurum .axa-slip > footer button { border: 0; cursor: pointer; background: transparent; color: var(--ax-muted); font: 600 12px var(--ax-font); display: inline-flex; align-items: center; gap: 5px; padding: 6px 8px; border-radius: 9px; }
html.aurum .axa-slip > footer button:hover { background: var(--ax-hover); color: var(--ax-text); }
html.aurum .axa-slip > footer svg { width: 15px; height: 15px; }
/* follow-ups */
html.aurum .axa-follow { display: flex; flex-wrap: wrap; gap: 6px; margin-inline-start: 42px; }
html.aurum .axa-follow button { border: 1px solid var(--ax-line-2); cursor: pointer; border-radius: 999px; padding: 7px 13px; background: transparent; color: var(--ax-text); font: 600 12.5px var(--ax-font); }
html.aurum .axa-follow button:hover { background: var(--ax-hover); border-color: var(--ax-ink); }
/* first visit: what you can ask, by topic */
html.aurum .axa-start { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
html.aurum .axa-start section { background: var(--ax-surface); border-radius: 20px; padding: 14px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
html.aurum .axa-start h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font: 700 16px var(--ax-display); }
html.aurum .axa-start h3 svg { width: 18px; height: 18px; color: var(--ax-muted); }
html.aurum .axa-start button { border: 0; cursor: pointer; text-align: start; padding: 9px 10px; border-radius: 11px; background: transparent; color: var(--ax-text); font: 500 14px var(--ax-font); }
html.aurum .axa-start button:hover { background: var(--ax-surface-2); }
/* composer */
html.aurum .axa-composer { position: sticky; bottom: 16px; z-index: 30; display: flex; align-items: center; gap: 6px; margin-top: 18px; padding: 6px; border-radius: 22px; background: var(--ax-surface); box-shadow: var(--ax-shadow-lift), 0 0 0 1px var(--ax-line); }
html.aurum .axa-composer input#axa-q { flex: 1; min-width: 0; height: 44px; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; color: var(--ax-text); font: 500 15px var(--ax-font); padding: 0 8px !important; }
html.aurum .axa-composer input::placeholder { color: var(--ax-faint); }
html.aurum .axa-micb, html.aurum .axa-sendb { width: 44px; height: 44px; flex: none; border: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; background: var(--ax-surface-2); color: var(--ax-text); }
html.aurum .axa-micb[hidden] { display: none; }
html.aurum .axa-micb.on { background: var(--ax-bad); color: #fff; animation: axaPulse 1.2s ease-in-out infinite; }
html.aurum .axa-sendb { background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .axa-micb svg, html.aurum .axa-sendb svg { width: 20px; height: 20px; }
html.aurum .axa-sendb svg { transform: scaleX(-1); }
@keyframes axaPulse { 50% { box-shadow: 0 0 0 6px rgba(224, 27, 15, .18); } }
html.aurum .axa button:focus-visible, html.aurum .axa a:focus-visible { outline: 2px solid var(--ax-blue); outline-offset: 2px; }
html.aurum .axa-composer:focus-within { box-shadow: var(--ax-shadow-lift), 0 0 0 1.5px var(--ax-ink); }

@media (max-width: 768px) {
  html.aurum .axa-hero { grid-template-columns: auto minmax(0, 1fr); gap: 14px; padding: 18px; border-radius: 24px; }
  html.aurum .axa-hero .axa-mark.lg { width: 30px; height: 35px; margin-top: 4px; }
  html.aurum .axa-hero .axa-mark.lg i { border-radius: 6px; border-width: 1.5px; }
  html.aurum .axa-hero .axa-mark.lg::after { background-size: 100% 2px, 100% 2px, 55% 2px; }
  html.aurum .axa-hero-acts { margin-inline-start: -44px !important; }
  html.aurum .axa-hero h2 { font-size: 25px; }
  html.aurum .axa-hero p { font-size: 17px; }
  html.aurum .axa-hero-acts { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline-end: -18px; padding-inline-end: 18px; }
  html.aurum .axa-hero-acts::-webkit-scrollbar { display: none; }
  html.aurum .axa-hero-acts button { flex: none; }
  html.aurum .axa-msg { gap: 8px; }
  html.aurum .axa-msg.bot > .axa-mark { width: 24px; height: 28px; }
  html.aurum .axa-msg.bot > .axa-mark::after { background-size: 100% 1.5px, 100% 1.5px, 55% 1.5px; }
  html.aurum .axa-slip { padding: 14px 14px 18px; border-radius: 18px 18px 4px 4px; }
  html.aurum .axa-slip > header b { font-size: 17.5px; }
  html.aurum .axa-ledger dd { font-size: 15px; }
  html.aurum .axa-ledger .big dd { font-size: 21px; }
  html.aurum .axa-follow { margin-inline-start: 32px; }
  html.aurum .axa-start { grid-template-columns: 1fr; }
  html.aurum .axa-start section { padding: 12px; }
  html.aurum .axa-help { grid-template-columns: 1fr; }
  html.aurum .axa-composer { bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
  html.aurum .axa-bubble { max-width: 86%; font-size: 14.5px; }
  html.aurum .axa-slip > footer button span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html.aurum .axa-mark.busy i, html.aurum .axa-mark.busy::after, html.aurum .axa-micb.on { animation: none !important; }
  html.aurum .axa-slip, html.aurum .axa-bubble { animation: none !important; }
}

/* ════════════════════════════════════════════════════════════════════
   34. 4.10 · عداد الورق في الهيدر (js/papermeter.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .pm { --pm-c: var(--ax-ok); --pm-soft: var(--ax-ok-soft); }
html.aurum .pm.s-warn, html.aurum .pm-pop.s-warn { --pm-c: var(--ax-warn); --pm-soft: var(--ax-warn-soft); }
html.aurum .pm.s-bad, html.aurum .pm-pop.s-bad { --pm-c: var(--ax-bad); --pm-soft: var(--ax-bad-soft); }
html.aurum .pm.s-none, html.aurum .pm-pop.s-none { --pm-c: var(--ax-faint); --pm-soft: var(--ax-surface-2); }
html.aurum .pm-pop { --pm-c: var(--ax-ok); --pm-soft: var(--ax-ok-soft); }
html.aurum .topbar .paper-counter.pm {
  position: relative; display: inline-flex !important; align-items: center !important; gap: 10px !important;
  height: 46px; padding: 0 12px 0 10px !important; margin: 0 2px; border: 0 !important; border-radius: 15px !important;
  background: var(--ax-surface) !important; box-shadow: var(--ax-shadow) !important; color: var(--ax-text) !important;
  cursor: pointer; font: inherit !important; overflow: visible; transition: box-shadow .2s ease, transform .15s ease;
}
html.aurum .topbar .paper-counter.pm:hover { box-shadow: var(--ax-shadow-lift) !important; transform: translateY(-1px); }
html.aurum .topbar .paper-counter.pm:focus-visible { outline: 2px solid var(--ax-blue); outline-offset: 2px; }
html.aurum .pm-ic { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; flex: none; background: var(--pm-soft); color: var(--pm-c); }
html.aurum .topbar .pm-ic svg { width: 19px !important; height: 19px !important; color: var(--pm-c) !important; }
html.aurum .pm-t { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
html.aurum .pm-lab { font-size: 10.5px; font-weight: 600; color: var(--ax-faint); }
html.aurum .pm-v { display: inline-flex; align-items: baseline; gap: 4px; }
html.aurum .topbar .pm .paper-counter-num { font: 800 18px/1.15 var(--ax-display) !important; color: var(--ax-text) !important; }
html.aurum .pm-v em { font-style: normal; font-size: 11.5px; font-weight: 600; color: var(--ax-muted); }
html.aurum .pm-sub { align-self: stretch; display: flex; align-items: center; padding-inline-start: 10px; box-shadow: inset -1px 0 0 var(--ax-line); font-size: 12px; font-weight: 700; color: var(--pm-c); white-space: nowrap; }
html.aurum .pm-chev { display: grid; place-items: center; color: var(--ax-faint); }
html.aurum .topbar .pm-chev svg { width: 14px !important; height: 14px !important; color: currentColor !important; transition: transform .2s ease; }
html.aurum .pm.open .pm-chev svg { transform: rotate(180deg); }
html.aurum .pm-lvl { position: absolute; inset-inline: 14px; bottom: 4px; height: 3px; border-radius: 999px; background: var(--ax-surface-3); overflow: hidden; pointer-events: none; }
html.aurum .pm-lvl i { display: block; height: 100%; border-radius: inherit; background: var(--pm-c); transition: width .6s var(--ax-ease); }
html.aurum .pm.s-bad .pm-ic { animation: pmPulse 1.8s ease-in-out infinite; }
@keyframes pmPulse { 50% { box-shadow: 0 0 0 4px var(--pm-soft); } }
html.aurum .pm.bump .paper-counter-num { animation: paperBump .45s cubic-bezier(.34, 1.56, .64, 1); }
html.aurum .pm-delta { position: absolute; top: -12px; inset-inline-start: 42px; left: auto; transform: none; font: 800 12px var(--ax-font); padding: 2px 8px; border-radius: 999px; opacity: 0; pointer-events: none; text-shadow: none; z-index: 3; }
html.aurum .pm-delta.down { background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum .pm-delta.up { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .pm-delta.show { animation: pmDelta 1.8s ease forwards; }
@keyframes pmDelta { 0% { opacity: 0; transform: translateY(6px); } 15% { opacity: 1; transform: translateY(0); } 75% { opacity: 1; transform: translateY(-4px); } 100% { opacity: 0; transform: translateY(-12px); } }

/* the panel */
html.aurum .pm-backdrop { display: none; }
html.aurum .pm-pop {
  position: fixed; z-index: 1200; width: min(380px, calc(100vw - 24px)); max-height: min(560px, calc(100vh - 100px)); overflow: auto;
  background: var(--ax-surface); color: var(--ax-text); border-radius: 20px; box-shadow: var(--ax-shadow-lg), 0 0 0 1px var(--ax-line);
  padding: 16px; opacity: 0; transform: translateY(-6px) scale(.98); transform-origin: top center; pointer-events: none;
  transition: opacity .18s ease, transform .22s var(--ax-ease);
}
html.aurum .pm-pop.show { opacity: 1; transform: none; pointer-events: auto; }
html.aurum .pm-h { display: flex; align-items: flex-start; gap: 10px; }
html.aurum .pm-h > div { flex: 1; display: flex; flex-direction: column; gap: 2px; }
html.aurum .pm-h span { font-size: 12.5px; font-weight: 600; color: var(--ax-muted); }
html.aurum .pm-h b { font: 800 28px/1.15 var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .pm-h b small { font: 600 13px var(--ax-font); color: var(--ax-muted); }
html.aurum .pm-h em { font-style: normal; font-size: 12px; font-weight: 700; padding: 5px 11px; border-radius: 999px; background: var(--pm-soft); color: var(--pm-c); white-space: nowrap; margin-top: 4px; }
html.aurum .pm-x { width: 34px; height: 34px; border: 0; cursor: pointer; border-radius: 10px; background: var(--ax-surface-2); color: var(--ax-muted); display: grid; place-items: center; flex: none; }
html.aurum .pm-x svg { width: 16px; height: 16px; }
html.aurum .pm-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 14px 0 6px; }
html.aurum .pm-stats > div { display: flex; flex-direction: column; gap: 1px; padding: 9px 10px; border-radius: 12px; background: var(--ax-surface-2); min-width: 0; }
html.aurum .pm-stats span { font-size: 11px; color: var(--ax-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .pm-stats b { font: 800 16px var(--ax-display); font-variant-numeric: tabular-nums; }
html.aurum .pm-items { list-style: none; margin: 0; padding: 0; }
html.aurum .pm-items li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; align-items: center; padding: 11px 2px; border-bottom: 1px solid var(--ax-line); }
html.aurum .pm-items li:last-child { border-bottom: 0; }
html.aurum .pm-in { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
html.aurum .pm-in b { font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .pm-in span { font-size: 12px; color: var(--ax-muted); }
html.aurum .pm-items li.s-bad .pm-in span { color: var(--ax-bad); font-weight: 600; }
html.aurum .pm-items li.s-warn .pm-in span { color: var(--ax-warn); font-weight: 600; }
html.aurum .pm-items strong { font: 800 16px var(--ax-display); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.aurum .pm-items strong small { font: 600 11.5px var(--ax-font); color: var(--ax-muted); }
html.aurum .pm-ib { grid-column: 1 / -1; height: 4px; border-radius: 999px; background: var(--ax-surface-2); overflow: hidden; }
html.aurum .pm-ib u { display: block; height: 100%; border-radius: inherit; background: var(--ax-ok); text-decoration: none; }
html.aurum .pm-items li.s-warn .pm-ib u { background: var(--ax-warn); }
html.aurum .pm-items li.s-bad .pm-ib u { background: var(--ax-bad); }
html.aurum .pm-items li.s-idle .pm-ib u { background: var(--ax-line-2); }
html.aurum .pm-empty { margin: 10px 0; font-size: 13px; color: var(--ax-muted); }
html.aurum .pm-f { display: flex; gap: 6px; margin-top: 12px; }
html.aurum .pm-f button { flex: 1; height: 42px; border: 0; cursor: pointer; border-radius: 12px; background: var(--ax-surface-2); color: var(--ax-text); font: 700 13px var(--ax-font); white-space: nowrap; }
html.aurum .pm-f button.pri { background: var(--ax-ink); color: var(--ax-on-ink); }

@media (min-width: 769px) {
  html.aurum .topbar .search-box { min-width: 170px !important; }
  html.aurum .topbar-title { flex: 0 0 auto; max-width: 34vw; }
}
/* Phase 6 · desktop top bar must fit: it pushed the theme / notification icons off-screen at 1366 px on pages
   with long titles (the page scrolled sideways). Title and icons never shrink; the live price tape gives way
   (see .fx-tape below). Under 1300 px a little less gap and search box, so the tape keeps some room. */
@media (max-width: 1300px) and (min-width: 769px) {
  html.aurum .topbar { column-gap: 8px !important; }
  html.aurum .topbar .search-box { min-width: 150px !important; }
}
@media (max-width: 1599px) and (min-width: 769px) { html.aurum .topbar .pm .pm-lab { display: none; } }
@media (max-width: 1250px) and (min-width: 769px) { html.aurum .topbar .pm .pm-sub, html.aurum .topbar .pm .pm-chev { display: none; } }

/* mobile: a full row under the page title, inside the deep header */
@media (max-width: 768px) {
  html.aurum .topbar { flex-wrap: wrap !important; row-gap: 10px !important; height: auto !important; }
  html.aurum .topbar .topbar-title { flex: 1 1 0 !important; min-width: 0 !important; }
  html.aurum.pm-mini .topbar .paper-counter.pm { display: none !important; }
  html.aurum .topbar .paper-counter.pm {
    display: flex !important; order: 99; flex: 1 1 100%; width: 100%; height: 48px; margin: 0 !important; padding: 0 12px !important;
    background: rgba(255, 255, 255, .08) !important; box-shadow: none !important; color: var(--ax-on-deep) !important; border-radius: 14px !important;
  }
  html.aurum .topbar .paper-counter.pm:hover { transform: none; }
  html.aurum .topbar .pm-ic { background: rgba(255, 255, 255, .1); }
  html.aurum .topbar .pm .paper-counter-num { color: var(--ax-on-deep) !important; font-size: 19px !important; }
  html.aurum .topbar .pm-t { flex-direction: row; align-items: baseline; gap: 8px; }
  html.aurum .topbar .pm-lab { font-size: 12px; color: var(--ax-deep-muted); }
  html.aurum .topbar .pm-v em { color: var(--ax-deep-muted); }
  html.aurum .topbar .pm-sub { margin-inline-start: auto; box-shadow: none; padding: 0; font-size: 12px; }
  html.aurum .topbar .pm-chev { color: var(--ax-deep-muted); }
  html.aurum .topbar .pm-lvl { inset-inline: 12px; bottom: 0; height: 3px; background: rgba(255, 255, 255, .1); }
  html.aurum .topbar .pm.s-ok .pm-sub, html.aurum .topbar .pm.s-ok .pm-ic { color: #5CE89A; }
  html.aurum .topbar .pm.s-ok .pm-ic svg { color: #5CE89A !important; }
  html.aurum .topbar .pm.s-ok .pm-lvl i { background: #5CE89A; }
  html.aurum .topbar .pm.s-warn .pm-sub, html.aurum .topbar .pm.s-warn .pm-ic svg { color: #FFC24D !important; }
  html.aurum .topbar .pm.s-warn .pm-lvl i { background: #FFC24D; }
  html.aurum .topbar .pm.s-bad .pm-sub, html.aurum .topbar .pm.s-bad .pm-ic svg { color: #FF8A7A !important; }
  html.aurum .topbar .pm.s-bad .pm-lvl i { background: #FF8A7A; }
  html.aurum .topbar .pm.s-bad .pm-ic { animation: none; background: rgba(255, 120, 100, .16); }
  html.aurum .pm-delta { top: -8px; inset-inline-start: 48px; }
  /* the panel becomes a bottom sheet */
  html.aurum .pm-backdrop { display: block; position: fixed; inset: 0; z-index: 1190; background: rgba(0, 16, 45, .4); opacity: 0; pointer-events: none; transition: opacity .2s ease; }
  html.aurum.pm-on .pm-backdrop { opacity: 1; pointer-events: auto; }
  html.aurum .pm-pop { top: auto !important; left: 0 !important; right: 0; bottom: 0; width: 100%; max-height: 82vh; border-radius: 24px 24px 0 0; padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px)); transform: translateY(100%); transform-origin: bottom center; }
  html.aurum .pm-pop.show { transform: none; }
}
@media (prefers-reduced-motion: reduce) { html.aurum .pm-ic, html.aurum .pm-delta.show { animation: none !important; } html.aurum .pm-pop { transition: opacity .1s; } }

/* 4.10 · day theme: the old violet / orange action buttons take the logo gold, so every page
   speaks navy (main action) + gold (second action) + white */
html.aurum[data-theme="light"] .btn[style*="#7c3aed"], html.aurum[data-theme="light"] .btn-warning {
  background: var(--ax-gold) !important; color: #241600 !important; box-shadow: 0 6px 16px -8px rgba(215, 150, 19, .6) !important;
}
html.aurum[data-theme="light"] .btn[style*="#7c3aed"]:hover, html.aurum[data-theme="light"] .btn-warning:hover { background: #C88A0E !important; }
html.aurum[data-theme="light"] .btn-primary[style*="#7c3aed"]:disabled { opacity: .5; }


/* ════════════════════════════════════════════════════════════════════
   35. 4.11 · الوضع النهاري: فواصل واضحة
   every card has a visible edge, every table row a visible line,
   table heads a tinted band, inputs a real border — nothing floats
════════════════════════════════════════════════════════════════════ */
html.aurum[data-theme="light"] .dash-card, html.aurum[data-theme="light"] .card, html.aurum[data-theme="light"] .table-wrap,
html.aurum[data-theme="light"] .settings-card, html.aurum[data-theme="light"] .panel, html.aurum[data-theme="light"] .data-card,
html.aurum[data-theme="light"] .centers-widget, html.aurum[data-theme="light"] .churn-section, html.aurum[data-theme="light"] .filter-bar,
html.aurum[data-theme="light"] .stat-card, html.aurum[data-theme="light"] .kpi-v3, html.aurum[data-theme="light"] .pg-card,
html.aurum[data-theme="light"] .dash-bigcard, html.aurum[data-theme="light"] .rep-stat-card, html.aurum[data-theme="light"] .rep-panel,
html.aurum[data-theme="light"] .reports-tabs-sidebar, html.aurum[data-theme="light"] .backup-reminder-banner, html.aurum[data-theme="light"] .sup-tabs,
html.aurum[data-theme="light"] .po-card, html.aurum[data-theme="light"] .pf-card, html.aurum[data-theme="light"] .usr-card,
html.aurum[data-theme="light"] .ag-row, html.aurum[data-theme="light"] .chq-card, html.aurum[data-theme="light"] .chq-day,
html.aurum[data-theme="light"] .pf-alert, html.aurum[data-theme="light"] .axa-slip, html.aurum[data-theme="light"] .axa-start section,
html.aurum[data-theme="light"] .axa-quick, html.aurum[data-theme="light"] .rq-card, html.aurum[data-theme="light"] .skh-card,
html.aurum[data-theme="light"] .ax-dc, html.aurum[data-theme="light"] .ax-cal, html.aurum[data-theme="light"] .search-box {
  border: 1px solid var(--ax-line) !important;
  box-shadow: 0 1px 2px rgba(0, 32, 85, .05) !important;
}
html.aurum[data-theme="light"] .stat-card:hover, html.aurum[data-theme="light"] .kpi-v3:hover, html.aurum[data-theme="light"] .pg-card:hover,
html.aurum[data-theme="light"] .dash-bigcard:hover, html.aurum[data-theme="light"] .rep-stat-card:hover {
  border-color: var(--ax-line-2) !important; box-shadow: 0 6px 18px -10px rgba(0, 32, 85, .3) !important;
}
/* the table-scroll lives inside table-wrap: one border is enough */
html.aurum[data-theme="light"] .table-wrap .table-scroll { border: 0 !important; box-shadow: none !important; }
html.aurum[data-theme="light"] .table-scroll { border: 1px solid var(--ax-line) !important; box-shadow: none !important; }

/* tables: a tinted head, a clear line under every row, every other row lightly shaded */
html.aurum[data-theme="light"] .data-table thead th, html.aurum[data-theme="light"] table thead th {
  background: #E6ECF5 !important; color: #23324F !important; font-weight: 700 !important; font-size: 12.5px !important;
  border-bottom: 2px solid #C3CEDF !important;
}
html.aurum[data-theme="light"] .data-table tbody tr, html.aurum[data-theme="light"] table tbody tr { border-bottom: 1px solid #DCE3ED !important; }
html.aurum[data-theme="light"] .data-table tbody td, html.aurum[data-theme="light"] table tbody td { border-bottom: 1px solid #DCE3ED !important; }
html.aurum[data-theme="light"] .data-table tbody tr:nth-child(even), html.aurum[data-theme="light"] table.data-table tbody tr:nth-child(even) { background: #F7F9FC !important; }
html.aurum[data-theme="light"] .data-table tbody tr:hover, html.aurum[data-theme="light"] table tbody tr:hover { background: #EAF0FA !important; }
html.aurum[data-theme="light"] .data-table tbody tr:last-child td { border-bottom: 0 !important; }

/* inputs and selects: a real edge */
html.aurum[data-theme="light"] .form-control, html.aurum[data-theme="light"] select.form-control,
html.aurum[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not(#axa-q):not(#axp-q):not(.lgn-input),
html.aurum[data-theme="light"] textarea {
  border: 1px solid var(--ax-line-2) !important; background-color: #FFFFFF !important;
}
html.aurum[data-theme="light"] .form-control:focus, html.aurum[data-theme="light"] input:focus, html.aurum[data-theme="light"] textarea:focus {
  border-color: var(--ax-ink) !important; box-shadow: 0 0 0 3px rgba(0, 32, 85, .12) !important;
}
html.aurum[data-theme="light"] .search-box input, html.aurum[data-theme="light"] .axa-composer input { border: 0 !important; }

/* frame: sidebar and header edges, section heads */
html.aurum[data-theme="light"] .sidebar { border-inline-end: 1px solid var(--ax-line) !important; }
@media (min-width: 769px) { html.aurum[data-theme="light"] .topbar { border-bottom: 1px solid var(--ax-line) !important; } }
html.aurum[data-theme="light"] .dash-card-header, html.aurum[data-theme="light"] .card-header { border-bottom: 1px solid var(--ax-line) !important; }
html.aurum[data-theme="light"] .modal-header { border-bottom: 1px solid var(--ax-line) !important; }
html.aurum[data-theme="light"] .modal-footer { border-top: 1px solid var(--ax-line) !important; }
html.aurum[data-theme="light"] .page-subtitle { color: var(--ax-muted) !important; }
html.aurum[data-theme="light"] .icon-btn { border: 1px solid var(--ax-line) !important; }
html.aurum[data-theme="light"] .btn-secondary, html.aurum[data-theme="light"] .btn-ghost { border: 1px solid var(--ax-line-2) !important; }
html.aurum[data-theme="light"] .badge-status { box-shadow: inset 0 0 0 1px rgba(0, 32, 85, .08); }
/* lists inside cards keep their dividers visible */
html.aurum[data-theme="light"] .axa-rows > li + li, html.aurum[data-theme="light"] .pm-items li, html.aurum[data-theme="light"] .po-orders li { border-color: var(--ax-line) !important; }

/* ════════════════════════════════════════════════════════════════════
   36. 4.11 · المساعد: الأسئلة السريعة مثبتة فوق الشات
   the chat is one box: quick questions pinned on top, the messages scroll
   in the middle, the composer sits at the bottom
════════════════════════════════════════════════════════════════════ */
html.aurum .axa { --q-money: var(--ax-ok); --q-money-s: var(--ax-ok-soft); --q-centers: var(--ax-blue); --q-centers-s: var(--ax-blue-soft);
  --q-stock: var(--ax-warn); --q-stock-s: var(--ax-warn-soft); --q-decide: var(--ax-violet); --q-decide-s: var(--ax-violet-soft); }
html.aurum .axa-chat { display: flex; flex-direction: column; height: calc(100vh - 110px); min-height: 560px; background: var(--ax-surface); border-radius: var(--ax-radius-lg); box-shadow: var(--ax-shadow); overflow: hidden; }
html.aurum .axa-quick { flex: none; padding: 14px 16px 12px; border-bottom: 1px solid var(--ax-line); background: var(--ax-surface); }
html.aurum .axa-quick-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
html.aurum .axa-quick-h > div { display: flex; flex-direction: column; min-width: 0; }
html.aurum .axa-quick-h b { font: 700 18px/1.3 var(--ax-display); }
html.aurum .axa-quick-h span { font-size: 12.5px; color: var(--ax-muted); }
html.aurum .axa-quick-h button { flex: none; border: 1px solid var(--ax-line-2); cursor: pointer; background: transparent; color: var(--ax-text); font: 700 12.5px var(--ax-font); display: inline-flex; gap: 5px; align-items: center; padding: 7px 12px; border-radius: 999px; }
html.aurum .axa-quick-h button:hover { background: var(--ax-hover); }
html.aurum .axa-quick-h button svg { width: 15px; height: 15px; }
html.aurum .axa-qt { display: none; }
html.aurum .axa-qg { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
html.aurum .axa-qg section { min-width: 0; border-radius: 14px; padding: 10px; background: color-mix(in srgb, var(--qc-s) 45%, transparent); }
html.aurum .axa-qg h3 { display: flex; align-items: center; gap: 6px; margin: 0 0 6px; font: 700 15px var(--ax-display); color: var(--qc) !important; }
html.aurum .axa-qg h3 svg { width: 17px; height: 17px; }
html.aurum .axa-qc { display: flex; flex-direction: column; gap: 4px; }
html.aurum .axa-qc button { border: 1px solid transparent; cursor: pointer; text-align: start; padding: 7px 10px; border-radius: 10px; background: var(--ax-surface); color: var(--ax-text); font: 500 13px/1.4 var(--ax-font); transition: border-color .15s ease; }
html.aurum .axa-qc button:hover { border-color: var(--qc); }
html.aurum .c-money { --qc: var(--q-money); --qc-s: var(--q-money-s); }
html.aurum .c-centers { --qc: var(--q-centers); --qc-s: var(--q-centers-s); }
html.aurum .c-stock { --qc: var(--q-stock); --qc-s: var(--q-stock-s); }
html.aurum .c-decide { --qc: var(--q-decide); --qc-s: var(--q-decide-s); }
html.aurum[data-theme="dark"] .axa-qg section { background: color-mix(in srgb, var(--qc-s) 55%, transparent); }
html.aurum[data-theme="dark"] .axa-qc button { background: rgba(255, 255, 255, .05); }
html.aurum .axa-chat .axa-msgs { flex: 1; min-height: 0; overflow-y: auto; padding: 16px; overscroll-behavior: contain; scroll-behavior: smooth; }
html.aurum .axa-empty { display: flex; gap: 12px; align-items: flex-start; color: var(--ax-muted); font-size: 14px; line-height: 1.8; max-width: 60ch; }
html.aurum .axa-empty p { margin: 0; padding: 10px 14px; border-radius: 16px; background: var(--ax-surface-2); color: var(--ax-text); }
html.aurum .axa-chat .axa-slip { background: var(--ax-surface-2); }
html.aurum[data-theme="light"] .axa-chat .axa-slip { background: #F6F8FC; }
html.aurum .axa-chat .axa-composer { position: static; flex: none; margin: 0; border-radius: 0; box-shadow: none; border-top: 1px solid var(--ax-line); padding: 8px 10px; }
html.aurum .axa-chat .axa-composer:focus-within { box-shadow: inset 0 2px 0 var(--ax-ink); }
@media (max-width: 1100px) and (min-width: 769px) { html.aurum .axa-qg { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) {
  html.aurum .axa-chat { height: calc(100dvh - 170px); min-height: 480px; border-radius: 22px; }
  html.aurum .axa-quick { padding: 12px 12px 10px; }
  html.aurum .axa-quick-h { margin-bottom: 8px; }
  html.aurum .axa-quick-h b { font-size: 16px; }
  html.aurum .axa-quick-h span { display: none; }
  html.aurum .axa-quick-h button { padding: 7px; }
  html.aurum .axa-quick-h button[title], html.aurum .axa-quick-h button { aspect-ratio: 1; justify-content: center; }
  html.aurum .axa-qt { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin-bottom: 8px; }
  html.aurum .axa-qt::-webkit-scrollbar { display: none; }
  html.aurum .axa-qt button { flex: none; display: inline-flex; align-items: center; gap: 5px; border: 1px solid color-mix(in srgb, var(--qc) 40%, transparent); cursor: pointer; border-radius: 999px; padding: 6px 12px; background: transparent; color: var(--qc); font: 700 13px var(--ax-font); }
  html.aurum .axa-qt button svg { width: 15px; height: 15px; }
  html.aurum .axa-qt button.on { background: var(--qc); border-color: var(--qc); color: #fff; }
  html.aurum[data-theme="dark"] .axa-qt button.on { color: #000; }
  html.aurum .axa-qg { display: block; }
  html.aurum .axa-qg section { display: none; padding: 0; background: none; }
  html.aurum .axa-qg section.on { display: block; }
  html.aurum .axa-qg h3 { display: none; }
  html.aurum .axa-qc { flex-direction: row; overflow-x: auto; scrollbar-width: none; gap: 6px; }
  html.aurum .axa-qc::-webkit-scrollbar { display: none; }
  html.aurum .axa-qc button { flex: none; white-space: nowrap; border-color: var(--ax-line-2); border-radius: 999px; padding: 7px 12px; background: var(--ax-surface-2); }
  html.aurum .axa-chat .axa-msgs { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════════
   37. 4.11 · الطلبات والمقترحات (js/requests.js) + طلب الشراء
════════════════════════════════════════════════════════════════════ */
html.aurum .rq .page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
html.aurum .rq-head-a { display: flex; gap: 8px; flex-wrap: wrap; }
html.aurum .rq-smart { background: var(--ax-surface); border-radius: var(--ax-radius); box-shadow: var(--ax-shadow); padding: 14px 16px; margin-bottom: 14px; border-inline-start: 4px solid var(--ax-gold) !important; }
html.aurum .rq-smart > header, html.aurum .rq-card > header { display: flex; align-items: center; gap: 12px; }
html.aurum .rq-smart > header > div, html.aurum .rq-card > header > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.aurum .rq-smart > header b, html.aurum .rq-card > header b { font: 700 16px/1.35 var(--ax-display); }
html.aurum .rq-card > header b i { font-style: normal; font-size: 12.5px; color: var(--ax-faint); font-weight: 600; }
html.aurum .rq-smart > header span, html.aurum .rq-card > header span { font-size: 12.5px; color: var(--ax-muted); }
html.aurum .rq-ic { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; flex: none; background: var(--ax-gold-soft); color: var(--ax-gold); }
html.aurum[data-theme="dark"] .rq-ic { background: rgba(255, 189, 92, .12); color: #FFBD5C; }
html.aurum .rq-ic svg { width: 20px; height: 20px; }
html.aurum .t-idea .rq-ic { background: var(--ax-violet-soft); color: var(--ax-violet); }
html.aurum .rq-smart ul { list-style: none; margin: 12px 0 0; padding: 0; }
html.aurum .rq-smart li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 10px 2px; border-top: 1px solid var(--ax-line); }
html.aurum .rq-smart li > div { min-width: 0; display: flex; flex-direction: column; }
html.aurum .rq-smart li b { font-size: 14px; }
html.aurum .rq-smart li span { font-size: 12px; color: var(--ax-muted); }
html.aurum .rq-smart li.l-urgent span { color: var(--ax-bad); font-weight: 600; }
html.aurum .rq-smart li em { font-style: normal; font-size: 12.5px; color: var(--ax-text); white-space: nowrap; }
html.aurum .rq-smart li button { border: 0; cursor: pointer; border-radius: 10px; padding: 8px 16px; background: var(--ax-ink); color: var(--ax-on-ink); font: 700 13px var(--ax-font); }
html.aurum .rq-tabs { display: flex; gap: 6px; margin-bottom: 12px; overflow-x: auto; scrollbar-width: none; }
html.aurum .rq-tabs button { flex: none; cursor: pointer; border-radius: 999px; padding: 8px 15px; border: 1px solid var(--ax-line-2); background: var(--ax-surface); color: var(--ax-muted); font: 700 13px var(--ax-font); display: inline-flex; gap: 6px; align-items: center; }
html.aurum .rq-tabs button em { font-style: normal; font-size: 11.5px; }
html.aurum .rq-tabs button.on { background: var(--ax-ink); border-color: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .rq-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 18px; }
html.aurum .rq-card { background: var(--ax-surface); border-radius: var(--ax-radius); box-shadow: var(--ax-shadow); padding: 14px 16px; border-inline-start: 4px solid var(--ax-warn) !important; }
html.aurum .rq-card.s-approved { border-inline-start-color: var(--ax-ok) !important; }
html.aurum .rq-card.s-rejected { border-inline-start-color: var(--ax-bad) !important; }
html.aurum .rq-card.s-withdrawn { border-inline-start-color: var(--ax-line-2) !important; opacity: .75; }
html.aurum .rq-st { flex: none; font-style: normal; font-size: 12px; font-weight: 700; padding: 5px 11px; border-radius: 999px; background: var(--ax-warn-soft); color: var(--ax-warn); white-space: nowrap; }
html.aurum .s-approved .rq-st { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .s-rejected .rq-st { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum .s-withdrawn .rq-st { background: var(--ax-surface-2); color: var(--ax-muted); }
html.aurum .rq-tw { overflow-x: auto; margin-top: 12px; border: 1px solid var(--ax-line); border-radius: 12px; }
html.aurum .rq-t { width: 100%; border-collapse: collapse; font-size: 13px; }
html.aurum .rq-t th { text-align: right; padding: 8px 10px; font-size: 12px; font-weight: 700; color: var(--ax-muted); background: var(--ax-surface-2); white-space: nowrap; border-bottom: 1px solid var(--ax-line); }
html.aurum .rq-t td { padding: 9px 10px; border-bottom: 1px solid var(--ax-line); vertical-align: middle; white-space: nowrap; }
html.aurum .rq-t tr:last-child td { border-bottom: 0; }
html.aurum .rq-t td small { display: block; font-size: 11.5px; color: var(--ax-faint); white-space: normal; }
html.aurum .rq-q { width: 84px; border: 1px solid var(--ax-line-2); border-radius: 10px; padding: 6px 8px; background: var(--ax-input); color: var(--ax-text); font: 700 13px var(--ax-font); }
html.aurum .rq-sum { text-align: end; margin-top: 8px; font-size: 13px; color: var(--ax-muted); }
html.aurum .rq-sum b { font: 800 17px var(--ax-display); color: var(--ax-text); margin-inline-start: 6px; }
html.aurum .rq-note { margin: 10px 0 0; padding: 10px 12px; border-radius: 12px; background: var(--ax-surface-2); font-size: 13.5px; line-height: 1.7; white-space: pre-wrap; }
html.aurum .rq-dec { margin: 10px 0 0; font-size: 13px; font-weight: 600; color: var(--ax-muted); }
html.aurum .rq-dec.ok { color: var(--ax-ok); } html.aurum .rq-dec.bad { color: var(--ax-bad); }
html.aurum .rq-card > footer { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
html.aurum .rq-card > footer button { border: 0; cursor: pointer; border-radius: 12px; padding: 10px 16px; background: var(--ax-surface-2); color: var(--ax-text); font: 700 13.5px var(--ax-font); }
html.aurum .rq-card > footer button.pri { background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .rq-card > footer button.no { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum .rq-empty { background: var(--ax-surface); border-radius: var(--ax-radius); box-shadow: var(--ax-shadow); padding: 34px 16px; text-align: center; display: flex; flex-direction: column; gap: 6px; }
html.aurum .rq-empty b { font-size: 15px; } html.aurum .rq-empty span { font-size: 13px; color: var(--ax-muted); }
html.aurum .rq-hint { font-size: 12.5px; color: var(--ax-muted); margin: 4px 0 0; }
html.aurum .nav-item .badge.rq-badge { background: #D79613 !important; color: #241600 !important; }
html.aurum .po-asked { display: inline-block; font-style: normal; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: var(--ax-warn-soft); color: var(--ax-warn); margin-inline-start: 6px; }
html.aurum .po-send { gap: 8px; align-items: center; }
html.aurum .po-send .form-control { flex: 1; max-width: 360px; }
html.aurum .po-wait { border-inline-start: 4px solid var(--ax-warn) !important; }
@media (max-width: 700px) {
  html.aurum .rq .page-header { flex-direction: column !important; align-items: stretch !important; flex-wrap: nowrap !important; }
  html.aurum .rq-head-a { width: 100%; } html.aurum .rq-head-a .btn { flex: 1; white-space: nowrap; font-size: 13px !important; }
  html.aurum .rq-smart li { grid-template-columns: minmax(0, 1fr) auto; }
  html.aurum .rq-smart li em { grid-column: 1 / -1; grid-row: 2; white-space: normal; }
  html.aurum .rq-smart li button { grid-row: 1 / span 2; grid-column: 2; }
  html.aurum .rq-card > footer button { flex: 1; }
  html.aurum .po-send { flex-direction: column; align-items: stretch; } html.aurum .po-send .form-control { max-width: none; }
}

/* ════════════════════════════════════════════════════════════════════
   38. 4.12 · قواعد البيع والتنبيهات (js/rules.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .axr-card { margin-top: 20px; border-inline-start: 4px solid var(--ax-gold) !important; }
html.aurum .axr-body { padding: 18px 20px 20px; }
html.aurum .axr-lead { margin: 0 0 14px; color: var(--ax-muted); font-size: 13.5px; }
html.aurum .axr-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
html.aurum .axr-f { display: flex; flex-direction: column; gap: 6px; margin: 0; }
html.aurum .axr-f > span { font-size: 13px; font-weight: 700; color: var(--ax-text); }
html.aurum .axr-f input { font: 800 20px/1.2 var(--ax-display) !important; text-align: center; border: 1.5px solid var(--ax-line-2) !important; height: 48px; }
html.aurum .axr-f em { font-style: normal; font-size: 11.5px; color: var(--ax-faint); }
html.aurum .axr-check { display: flex !important; gap: 12px; align-items: flex-start; margin: 16px 0 0; padding: 14px; border-radius: 14px; background: var(--ax-surface-2); cursor: pointer; }
html.aurum .axr-check input { width: 20px; height: 20px; margin-top: 2px; flex: none; }
html.aurum .axr-check span { display: flex; flex-direction: column; gap: 3px; }
html.aurum .axr-check b { font-size: 14px; }
html.aurum .axr-check em { font-style: normal; font-weight: 500; font-size: 12px; color: var(--ax-muted); }
html.aurum .axr-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--ax-line); }
html.aurum .axr-foot > span { font-size: 12.5px; color: var(--ax-muted); }
html.aurum .axr-foot > span b { color: var(--ax-text); }
html.aurum .axr-gate { display: flex; align-items: center; gap: 10px; margin: 2px 0 12px; padding: 11px 14px; border-radius: 12px; background: var(--ax-gold-soft); color: var(--ax-text); font-size: 13px; font-weight: 700; border: 1px dashed color-mix(in srgb, var(--ax-gold) 55%, transparent); }
html.aurum .axr-gate svg { width: 18px; height: 18px; color: var(--ax-gold); flex: none; }
html.aurum[data-theme="dark"] .axr-gate svg { color: #FFBD5C; }
html.aurum .axr-wait [data-axr] { opacity: .45; cursor: not-allowed; }
html.aurum .modal-footer [data-axr] { opacity: .45; }
@media (max-width: 640px) { html.aurum .axr-grid { grid-template-columns: 1fr; } }

/* ════════════════════════════════════════════════════════════════════
   39. 4.12 · مواعيد السحب المتوقعة (js/forecast.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .fc-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
html.aurum .fc-k { --c: var(--ax-blue); --s: var(--ax-blue-soft); display: flex; flex-direction: column; gap: 2px; align-items: flex-start; text-align: start; padding: 14px 16px; border-radius: var(--ax-radius); background: var(--ax-surface); border: 1px solid var(--ax-line); box-shadow: var(--ax-shadow); font: inherit; color: var(--ax-text); cursor: pointer; position: relative; overflow: hidden; }
html.aurum div.fc-k { cursor: default; }
html.aurum .fc-k::before { content: ''; position: absolute; inset-block: 14px; inset-inline-start: 0; width: 4px; border-radius: 0 4px 4px 0; background: var(--c); }
html.aurum .fc-k.t-bad { --c: var(--ax-bad); } html.aurum .fc-k.t-warn { --c: var(--ax-warn); } html.aurum .fc-k.t-ok { --c: var(--ax-ok); }
html.aurum .fc-k span { font-size: 12.5px; font-weight: 600; color: var(--ax-muted); }
html.aurum .fc-k b { font: 800 26px/1.15 var(--ax-display); color: var(--c); }
html.aurum .fc-k em { font-style: normal; font-size: 11.5px; color: var(--ax-faint); }
html.aurum .fc-cal { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 10px; margin-bottom: 6px; scrollbar-width: thin; scroll-snap-type: x proximity; }
html.aurum .fc-day { flex: none; width: 76px; scroll-snap-align: start; display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 9px 4px 8px; border-radius: 16px; border: 1px solid var(--ax-line); background: var(--ax-surface); color: var(--ax-muted); font: inherit; cursor: pointer; position: relative; transition: transform .15s var(--ax-spring), background .15s; }
html.aurum .fc-day span { font-size: 11.5px; font-weight: 600; }
html.aurum .fc-day b { font: 800 22px/1.15 var(--ax-display); color: var(--ax-text); }
html.aurum .fc-day em { font-style: normal; font-size: 11px; }
html.aurum .fc-day i { font-style: normal; font-size: 10.5px; font-weight: 700; color: var(--ax-ok); }
html.aurum .fc-day.has { border-color: var(--ax-line-2); }
html.aurum .fc-day.has em { color: var(--ax-blue); font-weight: 700; }
html.aurum .fc-day.today { box-shadow: inset 0 0 0 2px var(--ax-ink); }
html.aurum .fc-day.late { background: var(--ax-bad-soft); border-color: transparent; color: var(--ax-bad); }
html.aurum .fc-day.late b, html.aurum .fc-day.late em { color: var(--ax-bad); }
html.aurum .fc-day.on { background: var(--ax-ink) !important; border-color: var(--ax-ink); color: var(--ax-on-ink); transform: translateY(-2px); }
html.aurum .fc-day.on b, html.aurum .fc-day.on em, html.aurum .fc-day.on i, html.aurum .fc-day.on span { color: var(--ax-on-ink) !important; }
html.aurum .fc-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
html.aurum .fc-chips { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; flex: 1 1 auto; min-width: 0; }
html.aurum .fc-chips button, html.aurum .fc-dayf { flex: none; border-radius: 999px; padding: 8px 14px; border: 1px solid var(--ax-line-2); background: var(--ax-surface); color: var(--ax-muted); font: 700 13px var(--ax-font); cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
html.aurum .fc-chips button em { font-style: normal; font-size: 11.5px; min-width: 20px; padding: 1px 6px; border-radius: 99px; background: var(--ax-surface-3); color: var(--ax-text); }
html.aurum .fc-chips button.on { background: var(--ax-ink); border-color: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .fc-chips button.on em { background: rgba(255, 255, 255, .2); color: inherit; }
html.aurum[data-theme="dark"] .fc-chips button.on em { background: rgba(0, 0, 0, .15); }
html.aurum .fc-dayf { background: var(--ax-ink); color: var(--ax-on-ink); border-color: var(--ax-ink); cursor: default; }
html.aurum .fc-dayf svg { width: 16px; height: 16px; }
html.aurum .fc-dayf button { border: 0; background: rgba(255, 255, 255, .2); color: inherit; width: 22px; height: 22px; border-radius: 50%; cursor: pointer; font: 700 15px/1 var(--ax-font); }
html.aurum input.fc-q { flex: 0 1 280px; min-width: 180px; border: 1px solid var(--ax-line-2) !important; }
html.aurum .fc-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html.aurum .fc-card { --c: var(--ax-blue); --s: var(--ax-blue-soft); background: var(--ax-surface); border: 1px solid var(--ax-line); border-radius: var(--ax-radius); box-shadow: var(--ax-shadow); padding: 14px 16px 12px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
html.aurum .fc-card.st-late { --c: var(--ax-bad); --s: var(--ax-bad-soft); border-inline-start: 4px solid var(--ax-bad); }
html.aurum .fc-card.st-due { --c: var(--ax-warn); --s: var(--ax-warn-soft); border-inline-start: 4px solid var(--ax-warn); }
html.aurum .fc-card.st-quiet { --c: var(--ax-ok); --s: var(--ax-ok-soft); }
html.aurum .fc-card.st-later { --c: var(--ax-faint); --s: var(--ax-surface-2); }
html.aurum .fc-card > header { display: flex; align-items: center; gap: 11px; }
html.aurum .fc-av { width: 40px; height: 40px; border-radius: 13px; flex: none; display: grid; place-items: center; background: var(--s); color: var(--c); font: 800 18px var(--ax-display); }
html.aurum .fc-h { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.aurum .fc-h b { font: 700 16px/1.3 var(--ax-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .fc-h span { font-size: 12px; color: var(--ax-muted); }
html.aurum .fc-pill { flex: none; font-size: 12px; font-weight: 800; padding: 5px 10px; border-radius: 99px; background: var(--s); color: var(--c); white-space: nowrap; }
html.aurum .fc-track { height: 6px; border-radius: 99px; background: var(--ax-surface-3); overflow: hidden; }
html.aurum .fc-track i { display: block; height: 100%; border-radius: inherit; background: var(--c); }
html.aurum .fc-meta { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--ax-muted); flex-wrap: wrap; }
html.aurum .fc-conf { display: inline-flex; align-items: center; gap: 3px; }
html.aurum .fc-conf i { width: 6px; height: 6px; border-radius: 50%; background: var(--ax-line-2); }
html.aurum .fc-conf.c-high i, html.aurum .fc-conf.c-mid i:nth-child(-n+2), html.aurum .fc-conf.c-low i:first-child { background: var(--ax-ok); }
html.aurum .fc-conf i:last-of-type { margin-inline-end: 4px; }
html.aurum .fc-basket { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
html.aurum .fc-chip { font-size: 12px; padding: 4px 9px; border-radius: 9px; background: var(--ax-surface-2); border: 1px solid var(--ax-line); color: var(--ax-muted); }
html.aurum .fc-chip b { color: var(--ax-text); }
html.aurum .fc-basket strong { margin-inline-start: auto; font: 800 15px var(--ax-display); color: var(--ax-text); }
html.aurum .fc-called { display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; color: var(--ax-ok); background: var(--ax-ok-soft); padding: 8px 10px; border-radius: 10px; }
html.aurum .fc-called svg { width: 15px; height: 15px; flex: none; margin-top: 2px; }
html.aurum .fc-called i { font-style: normal; opacity: .75; }
html.aurum .fc-card footer { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding-top: 10px; border-top: 1px solid var(--ax-line); }
html.aurum .fc-b { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 6px 4px; border-radius: 11px; border: 1px solid var(--ax-line-2); background: var(--ax-surface); color: var(--ax-text); font: 700 12.5px var(--ax-font); cursor: pointer; white-space: nowrap; }
html.aurum .fc-b svg { width: 16px; height: 16px; flex: none; }
html.aurum .fc-b.wa svg { color: #1FAF5A; }
html.aurum .fc-b.pri { background: var(--ax-ink); border-color: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .fc-b:disabled { opacity: .4; cursor: not-allowed; }
html.aurum .fc-b:active { transform: scale(.96); }
html.aurum .fc-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 42px 16px; background: var(--ax-surface); border: 1px dashed var(--ax-line-2); border-radius: var(--ax-radius); color: var(--ax-muted); }
html.aurum .fc-empty svg { width: 38px; height: 38px; color: var(--ax-faint); }
html.aurum .fc-empty b { font: 800 18px var(--ax-display); color: var(--ax-text); }
html.aurum .fc-more { margin-top: 16px; background: var(--ax-surface); border: 1px solid var(--ax-line); border-radius: var(--ax-radius); padding: 4px 16px; }
html.aurum .fc-more summary { cursor: pointer; padding: 12px 0; font-weight: 700; color: var(--ax-muted); }
html.aurum .fc-more ul { list-style: none; margin: 0; padding: 0 0 8px; }
html.aurum .fc-more li { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--ax-line); }
html.aurum .fc-more li b { font-size: 14px; }
html.aurum .fc-more li span { flex: 1; font-size: 12px; color: var(--ax-muted); }
html.aurum .fc-more li button { border: 1px solid var(--ax-line-2); background: var(--ax-surface); border-radius: 10px; padding: 7px 12px; font: 700 12px var(--ax-font); color: var(--ax-text); cursor: pointer; }
html.aurum .fc-note { margin: 14px 2px 0; font-size: 12.5px; color: var(--ax-faint); }
html.aurum .fc-log-lead { margin: 0 0 12px; color: var(--ax-muted); font-size: 13px; }
html.aurum .fc-opts { display: grid; gap: 8px; }
html.aurum .fc-opt { display: flex !important; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 14px; border: 1.5px solid var(--ax-line); background: var(--ax-surface); cursor: pointer; margin: 0; }
html.aurum .fc-opt:has(input:checked) { border-color: var(--ax-ink); background: var(--ax-surface-2); }
html.aurum .fc-opt input { width: 18px; height: 18px; flex: none; }
html.aurum .fc-opt span { display: flex; flex-direction: column; }
html.aurum .fc-opt b { font-size: 14px; }
html.aurum .fc-opt em { font-style: normal; font-weight: 500; font-size: 12px; color: var(--ax-muted); }
@media (max-width: 1100px) { html.aurum .fc-list { grid-template-columns: 1fr; } }
@media (max-width: 768px) {
  html.aurum .fc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  html.aurum .fc-k { padding: 12px 14px; }
  html.aurum .fc-k b { font-size: 22px; }
  html.aurum .fc-day { width: 68px; }
  html.aurum input.fc-q { flex: 1 1 100%; }
  html.aurum .fc-card { padding: 13px 13px 11px; }
  html.aurum .fc-card > header { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 11px; row-gap: 6px; align-items: start; }
  html.aurum .fc-av { grid-row: span 2; }
  html.aurum .fc-pill { grid-column: 2; justify-self: start; }
  html.aurum .fc-b { font-size: 12px; gap: 4px; }
}

/* ════════════════════════════════════════════════════════════════════
   40. 4.12 · فواتير المشتريات (js/purchases.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .pi-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
html.aurum .pi-add { display: inline-flex; align-items: center; gap: 6px; }
html.aurum .pi-add svg { width: 18px; height: 18px; }
html.aurum .pi-filters { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; padding: 14px 16px; margin-bottom: 14px; background: var(--ax-surface); border: 1px solid var(--ax-line); border-radius: var(--ax-radius); box-shadow: var(--ax-shadow); }
html.aurum .pi-dates { display: flex; gap: 10px; }
html.aurum .pi-dates label { display: flex; flex-direction: column; gap: 4px; margin: 0; font-size: 12px !important; color: var(--ax-muted); }
html.aurum .pi-dates input { width: 160px; border: 1px solid var(--ax-line-2) !important; height: 42px; }
html.aurum .pi-chips { display: flex; gap: 4px; padding: 4px; border-radius: 14px; background: var(--ax-surface-2); border: 1px solid var(--ax-line); }
html.aurum .pi-chips button { border: 0; background: transparent; border-radius: 10px; padding: 8px 13px; font: 700 13px var(--ax-font); color: var(--ax-muted); cursor: pointer; white-space: nowrap; }
html.aurum .pi-chips button.on { background: var(--ax-ink); color: var(--ax-on-ink); box-shadow: var(--ax-shadow); }
html.aurum input.pi-q { flex: 1 1 200px; min-width: 160px; height: 42px; border: 1px solid var(--ax-line-2) !important; }
html.aurum .pi-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
html.aurum .pi-k { padding: 14px 16px; border-radius: var(--ax-radius); background: var(--ax-surface); border: 1px solid var(--ax-line); box-shadow: var(--ax-shadow); display: flex; flex-direction: column; gap: 4px; min-width: 0; }
html.aurum .pi-k span { font-size: 12.5px; font-weight: 600; color: var(--ax-muted); }
html.aurum .pi-k b { font: 800 22px/1.2 var(--ax-display); color: var(--ax-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .pi-k.t-ok b, html.aurum .pi .t-ok { color: var(--ax-ok) !important; }
html.aurum .pi-k.t-bad b, html.aurum .pi .t-bad { color: var(--ax-bad) !important; }
html.aurum .pi-k.t-ok { background: color-mix(in srgb, var(--ax-ok-soft) 55%, var(--ax-surface)); }
html.aurum .pi-k.t-bad { background: color-mix(in srgb, var(--ax-bad-soft) 55%, var(--ax-surface)); }
html.aurum .pi-row { cursor: pointer; }
html.aurum .pi-row:focus-visible { outline: 2px solid var(--ax-blue); outline-offset: -2px; }
html.aurum .pi-n { font-variant-numeric: tabular-nums; font-weight: 700; white-space: nowrap; }
html.aurum .pi-desc { color: var(--ax-muted); font-size: 12px; }
html.aurum .pi-st { display: inline-block; font-size: 11.5px; font-weight: 800; padding: 4px 10px; border-radius: 99px; white-space: nowrap; background: var(--ax-surface-3); color: var(--ax-muted); }
html.aurum .pi-st.s-paid { background: var(--ax-ok-soft); color: var(--ax-ok); }
html.aurum .pi-st.s-part { background: var(--ax-warn-soft); color: var(--ax-warn); }
html.aurum .pi-st.s-late { background: var(--ax-bad-soft); color: var(--ax-bad); }
html.aurum .pi-st.s-open { background: var(--ax-blue-soft); color: var(--ax-blue); }
html.aurum .pi-cards { display: none; }
html.aurum .pi-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 44px 16px; background: var(--ax-surface); border: 1px dashed var(--ax-line-2); border-radius: var(--ax-radius); color: var(--ax-muted); }
html.aurum .pi-empty svg { width: 40px; height: 40px; color: var(--ax-faint); }
html.aurum .pi-empty b { font: 800 18px var(--ax-display); color: var(--ax-text); }
html.aurum .pi-vh { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
html.aurum .pi-vh > div { display: flex; flex-direction: column; }
html.aurum .pi-vh b { font: 800 20px var(--ax-display); }
html.aurum .pi-vh span { font-size: 12.5px; color: var(--ax-muted); }
html.aurum .pi-vk { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 12px; }
html.aurum .pi-vk > div, html.aurum .pi-c3 > div { display: flex; flex-direction: column; padding: 10px 12px; border-radius: 12px; background: var(--ax-surface-2); }
html.aurum .pi-vk em, html.aurum .pi-c3 em { font-style: normal; font-size: 11.5px; color: var(--ax-muted); }
html.aurum .pi-vk b { font: 800 17px var(--ax-display); }
html.aurum .pi-vm { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--ax-muted); margin-bottom: 12px; }
html.aurum .pi-vm b { color: var(--ax-text); }
html.aurum .pi-notes { margin: 10px 0 0; padding: 10px 12px; border-radius: 10px; background: var(--ax-surface-2); font-size: 13px; }
@media (max-width: 900px) { html.aurum .pi-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) {
  html.aurum .pi-head .page-title { font-size: 22px !important; }
  html.aurum .pi-filters { padding: 12px; gap: 10px; }
  html.aurum .pi-dates { width: 100%; }
  html.aurum .pi-dates label { flex: 1; min-width: 0; }
  html.aurum .pi-dates input { width: 100%; }
  html.aurum .pi-chips { width: 100%; }
  html.aurum .pi-chips button { flex: 1; padding: 8px 4px; }
  html.aurum input.pi-q { flex: 1 1 100%; }
  html.aurum .pi-k { padding: 12px 14px; }
  html.aurum .pi-k b { font-size: 18px; }
  html.aurum .pi-table { display: none !important; }
  html.aurum .pi-cards { display: flex; flex-direction: column; gap: 10px; }
  html.aurum .pi-card { display: flex; flex-direction: column; gap: 8px; text-align: start; width: 100%; padding: 13px 14px; border-radius: 18px; border: 1px solid var(--ax-line); background: var(--ax-surface); box-shadow: var(--ax-shadow); font: inherit; color: var(--ax-text); cursor: pointer; }
  html.aurum .pi-c1 { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
  html.aurum .pi-c1 b { font: 700 16px var(--ax-display); }
  html.aurum .pi-c2 { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--ax-muted); }
  html.aurum .pi-c3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
  html.aurum .pi-c3 > div { padding: 7px 9px; }
  html.aurum .pi-c3 b { font: 800 15px var(--ax-display); }
  html.aurum .pi-bar { height: 5px; border-radius: 99px; background: var(--ax-bad-soft); overflow: hidden; }
  html.aurum .pi-bar i { display: block; height: 100%; background: var(--ax-ok); border-radius: inherit; }
  html.aurum .pi-vk { grid-template-columns: 1fr 1fr 1fr; }
  html.aurum .pi-vt { font-size: 12.5px; }
}

/* ════════════════════════════════════════════════════════════════════
   41. 4.12 · مركز الإشعارات (js/notify.js)
════════════════════════════════════════════════════════════════════ */
html.axn-lock, html.axn-lock body, html.mh-lock, html.mh-lock body { overflow: hidden !important; }
.axn { position: fixed; inset: 0; z-index: 1300; pointer-events: none; }
.axn.show { pointer-events: auto; }
.axn-scrim { position: absolute; inset: 0; background: rgba(4, 10, 24, .42); opacity: 0; transition: opacity .25s ease; backdrop-filter: blur(2px); }
.axn.show .axn-scrim { opacity: 1; }
.axn-panel { position: absolute; top: 0; bottom: 0; inset-inline-end: 0; width: min(460px, 100vw); display: flex; flex-direction: column; background: var(--ax-bg, #F1F4F9); color: var(--ax-text); box-shadow: var(--ax-shadow-lg); transform: translateX(-104%); transition: transform .32s var(--ax-ease, ease); font-family: var(--ax-font); }
[dir="ltr"] .axn-panel { transform: translateX(104%); }
.axn.show .axn-panel { transform: none; }
.axn-head { display: flex; align-items: center; gap: 10px; padding: 16px 16px 12px; padding-top: max(16px, env(safe-area-inset-top, 0px)); background: var(--ax-surface); border-bottom: 1px solid var(--ax-line); }
.axn-hic { width: 40px; height: 40px; border-radius: 13px; display: grid; place-items: center; background: var(--ax-ink); color: var(--ax-on-ink); flex: none; }
.axn-hic svg { width: 20px; height: 20px; }
.axn-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.axn-t b { font: 800 20px/1.2 var(--ax-display); }
.axn-t span { font-size: 12.5px; color: var(--ax-muted); }
.axn-all { border: 0; background: transparent; color: var(--ax-blue); font: 700 12.5px var(--ax-font); cursor: pointer; padding: 8px 6px; border-radius: 10px; }
.axn-all:hover { background: var(--ax-hover); }
.axn-close { width: 40px; height: 40px; border-radius: 12px; border: 0; background: var(--ax-surface-3); color: var(--ax-text); display: grid; place-items: center; cursor: pointer; flex: none; }
.axn-close svg { width: 18px; height: 18px; }
.axn-body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 12px 14px 20px; }
.axn-sum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.axn-sum button { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 10px 11px; border-radius: 14px; border: 1px solid var(--ax-line); background: var(--ax-surface); color: var(--ax-text); font: inherit; cursor: pointer; text-align: start; min-width: 0; }
.axn-sum span { font-size: 11px; font-weight: 600; color: var(--ax-muted); }
.axn-sum b { font: 800 19px/1.2 var(--ax-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.axn-sum em { font-style: normal; font-size: 10.5px; color: var(--ax-faint); }
.axn-sum button:nth-child(1) b { color: var(--ax-bad); }
.axn-sum button:nth-child(2) b { color: var(--ax-blue); }
.axn-sum button:nth-child(3) b { color: var(--ax-warn); }
.axn-tabs { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 -14px 10px; padding: 2px 14px 4px; position: sticky; top: -12px; z-index: 2; background: var(--ax-bg); }
.axn-tabs::-webkit-scrollbar { display: none; }
.axn-tabs button { flex: none; border-radius: 999px; padding: 7px 13px; border: 1px solid var(--ax-line-2); background: var(--ax-surface); color: var(--ax-muted); font: 700 12.5px var(--ax-font); cursor: pointer; display: inline-flex; gap: 5px; align-items: center; }
.axn-tabs button em { font-style: normal; font-size: 11px; padding: 0 6px; border-radius: 99px; background: var(--ax-surface-3); color: var(--ax-text); }
.axn-tabs button.u em { background: var(--ax-bad-soft); color: var(--ax-bad); }
.axn-tabs button.on { background: var(--ax-ink); border-color: var(--ax-ink); color: var(--ax-on-ink); }
.axn-tabs button.on em { background: rgba(255, 255, 255, .22); color: inherit; }
.axn-g { margin-bottom: 14px; }
.axn-g h5 { margin: 6px 2px 8px; font: 800 13px var(--ax-font); color: var(--ax-muted); display: flex; align-items: center; gap: 6px; }
.axn-g h5 i { font-style: normal; font-size: 11px; padding: 1px 7px; border-radius: 99px; background: var(--ax-surface-3); color: var(--ax-text); }
.axn-g.g-3 h5 { color: var(--ax-bad); }
.axn-g.g-3 h5 i { background: var(--ax-bad-soft); color: var(--ax-bad); }
.axn-it { --c: var(--ax-blue); --s: var(--ax-blue-soft); position: relative; display: flex; gap: 11px; padding: 12px 12px 10px; margin-bottom: 8px; border-radius: 16px; background: var(--ax-surface); border: 1px solid var(--ax-line); box-shadow: var(--ax-shadow); cursor: pointer; transition: transform .12s ease; }
.axn-it:active { transform: scale(.985); }
.axn-it:focus-visible { outline: 2px solid var(--ax-blue); outline-offset: 2px; }
.axn-it.sev-3 { --c: var(--ax-bad); --s: var(--ax-bad-soft); }
.axn-it.sev-2 { --c: var(--ax-warn); --s: var(--ax-warn-soft); }
.axn-it.sev-1 { --c: var(--ax-blue); --s: var(--ax-blue-soft); }
.axn-it:not(.read)::after { content: ''; position: absolute; top: 14px; inset-inline-end: 12px; width: 8px; height: 8px; border-radius: 50%; background: var(--c); }
.axn-it.read { box-shadow: none; background: color-mix(in srgb, var(--ax-surface) 70%, transparent); }
.axn-it.read .axn-r1 b { font-weight: 600; }
.axn-ic { width: 38px; height: 38px; border-radius: 12px; flex: none; display: grid; place-items: center; background: var(--s); color: var(--c); }
.axn-ic svg { width: 19px; height: 19px; }
.axn-b { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.axn-r1 { display: flex; align-items: baseline; gap: 8px; padding-inline-end: 14px; }
.axn-r1 b { flex: 1; min-width: 0; font: 700 15px/1.35 var(--ax-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.axn-r1 em { font-style: normal; font: 800 14px var(--ax-display); color: var(--c); white-space: nowrap; }
.axn-r1 em.up { color: var(--ax-bad); } .axn-r1 em.down { color: var(--ax-ok); }
.axn-b p { margin: 0; font-size: 12.5px; line-height: 1.55; color: var(--ax-muted); }
.axn-r3 { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.axn-tag { display: inline-block; font-size: 10.5px; font-weight: 800; line-height: 1.5; color: var(--c); background: var(--s); padding: 1px 8px; border-radius: 99px; margin-inline-end: 6px; vertical-align: 1px; }
.axn-panel:focus { outline: none; }
.axn-r3:empty { display: none; }
.axn-sp { flex: 1; }
.axn-a { border: 1px solid var(--ax-line-2); background: var(--ax-surface); color: var(--ax-text); border-radius: 10px; min-height: 32px; padding: 4px 12px; font: 700 12.5px var(--ax-font); cursor: pointer; white-space: nowrap; }
.axn-a.pri { background: var(--ax-ink); border-color: var(--ax-ink); color: var(--ax-on-ink); }
.axn-a.ghost { border-color: transparent; background: transparent; color: var(--ax-faint); padding: 4px 8px; }
.axn-a.ghost:hover { background: var(--ax-hover); color: var(--ax-text); }
.axn-a.ic { width: 32px; padding: 0; display: grid; place-items: center; }
.axn-a.ic svg { width: 16px; height: 16px; }
.axn-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 54px 16px; text-align: center; color: var(--ax-muted); }
.axn-empty svg { width: 46px; height: 46px; padding: 10px; border-radius: 50%; background: var(--ax-ok-soft); color: var(--ax-ok); }
.axn-empty b { font: 800 19px var(--ax-display); color: var(--ax-text); }
.axn-foot { display: flex; gap: 8px; padding: 10px 14px; padding-bottom: max(10px, env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--ax-line); background: var(--ax-surface); }
.axn-foot:empty { display: none; }
.axn-fb { flex: 1; min-height: 42px; border-radius: 12px; border: 1px solid var(--ax-line-2); background: var(--ax-surface); color: var(--ax-text); font: 700 13px var(--ax-font); cursor: pointer; }
html.aurum .icon-btn .notif-dot.calm { background: var(--ax-warn) !important; }
html.aurum .icon-btn .notif-dot { direction: ltr; }
html.aurum #notif-btn.axn-ring svg { animation: axnRing 1s ease 2; transform-origin: 50% 10%; }
@keyframes axnRing { 0%, 100% { transform: rotate(0); } 15% { transform: rotate(14deg); } 30% { transform: rotate(-12deg); } 45% { transform: rotate(8deg); } 60% { transform: rotate(-5deg); } }
@media (max-width: 768px) {
  .axn-panel { width: 100vw; inset-inline: 0; transform: translateY(104%) !important; border-radius: 0; }
  .axn.show .axn-panel { transform: none !important; }
  .axn-head { padding-inline: 14px; }
  .axn-a { min-height: 36px; }
  .axn-a.ic { width: 36px; }
}
@media (prefers-reduced-motion: reduce) { .axn-panel, .axn-scrim { transition: none; } }

/* ════════════════════════════════════════════════════════════════════
   42. 4.12 · واجهة الموبايل — آيفون (js/mhome.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .mh-id, html.aurum .mh-ic { display: none !important; }
html.aurum #bottom-nav .bn-mine, html.aurum #bottom-nav .bn-more { position: relative; }
@media (max-width: 768px) {
  /* gradient header: company + role on the right, actions on the left */
  html.aurum .topbar {
    background: linear-gradient(135deg, #00143A 0%, #002A6E 52%, #0B4FB3 100%) !important;
    box-shadow: 0 10px 30px -14px rgba(0, 32, 85, .55) !important;
    gap: 6px !important; padding-inline: 12px !important;
  }
  html.aurum[data-theme="dark"] .topbar { background: linear-gradient(135deg, #0A1124 0%, #0E1C3D 55%, #16316A 100%) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, .06), 0 10px 30px -14px rgba(0, 0, 0, .8) !important; }
  html.aurum .topbar::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(120% 90% at 0% 0%, rgba(233, 182, 80, .18), transparent 55%); }
  html.aurum .topbar > * { position: relative; z-index: 1; }
  html.aurum .topbar-title { display: none !important; }
  html.aurum .mh-id { display: flex !important; flex-direction: column; justify-content: center; flex: 1 1 0; min-width: 0; line-height: 1.15; }
  html.aurum .mh-id b { font: 800 19px/1.2 var(--ax-display); color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html.aurum .mh-id span { font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, .7); }
  html.aurum .topbar .topbar-spacer { display: none !important; }
  html.aurum .topbar #ax-theme-btn, html.aurum .topbar #sync-status-dot { display: none !important; }
  html.aurum .mh-ic { display: grid !important; position: relative; }
  html.aurum .topbar .icon-btn { width: 40px !important; height: 40px !important; min-width: 40px; border-radius: 13px !important; background: rgba(255, 255, 255, .12) !important; border: 1px solid rgba(255, 255, 255, .1) !important; }
  html.aurum .topbar .icon-btn svg { width: 20px !important; height: 20px !important; }
  html.aurum #notif-btn { order: 0; }
  html.aurum .mh-dot { position: absolute; top: -4px; inset-inline-end: -4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px; background: var(--ax-gold, #D79613); color: #fff; font: 800 10.5px/18px var(--ax-font); text-align: center; box-shadow: 0 0 0 2px #00143A; }
  html.aurum .mh-dot[hidden] { display: none; }
  html.aurum .topbar .menu-toggle { order: -2; }
  html.aurum .topbar #notif-btn .notif-dot { top: -5px !important; left: auto !important; inset-inline-end: -5px !important; min-width: 19px; height: 19px; font-size: 10.5px; border: 0 !important; box-shadow: 0 0 0 2px #00143A !important; animation: none; }
  /* home: power button · other pages: back button (5 icons max so the name fits) */
  html.aurum:not(.mh-home) #mh-power { display: none !important; }
  html.aurum.mh-home .topbar-back-btn { display: none !important; }

  /* bottom bar · 6 equal tabs */
  html.aurum #bottom-nav { justify-content: space-between !important; gap: 0 !important; padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px)) !important; align-items: stretch !important; }
  html.aurum #bottom-nav .bn-item { flex: 1 1 0 !important; max-width: none !important; min-height: 50px; padding: 6px 0 4px !important; font-size: 10.5px !important; gap: 4px !important; justify-content: center; }
  html.aurum #bottom-nav .bn-item svg { width: 23px !important; height: 23px !important; }
  html.aurum #bottom-nav .bn-item.active svg { color: var(--ax-ink) !important; }
  html.aurum[data-theme="light"] #bottom-nav .bn-item.active { color: var(--ax-ink) !important; }
  html.aurum #bottom-nav .bn-item.active::after { display: block !important; content: ''; position: absolute; top: -6px; left: 50%; width: 26px; height: 3px; margin-left: -13px; border-radius: 0 0 3px 3px; background: var(--ax-gold); }
  html.aurum[data-theme="dark"] #bottom-nav .bn-item.active::after { background: #fff; }
  html.aurum #bottom-nav .bn-sell svg { color: var(--ax-gold); }
  html.aurum[data-theme="dark"] #bottom-nav .bn-sell svg { color: #FFBD5C; }
  /* 4.22: the floating assistant is back on the phone (dashboard only) */

  /* iOS: 16px inputs never zoom the page */
  html.aurum input.form-control, html.aurum select.form-control, html.aurum textarea.form-control, html.aurum #global-search, html.aurum .modal input, html.aurum .modal select, html.aurum .modal textarea { font-size: 16px !important; }
  html.aurum .modal { max-height: 92dvh !important; }

  /* ── the home ── */
  html.aurum.mh-home #page-content { padding-top: 16px !important; }
  html.aurum .mh { display: flex; flex-direction: column; gap: 14px; }
  html.aurum .mh-hello { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; padding: 2px 2px 0; }
  html.aurum .mh-hello h1 { margin: 0; font: 900 28px/1.15 var(--ax-display); color: var(--ax-text); letter-spacing: -.2px; }
  html.aurum .mh-hello p { margin: 3px 0 0; font-size: 13.5px; font-weight: 600; color: var(--ax-muted); }
  html.aurum .mh-date { flex: none; font-size: 12px; font-weight: 700; color: var(--ax-muted); background: var(--ax-surface); border: 1px solid var(--ax-line); padding: 6px 10px; border-radius: 99px; }
  html.aurum .mh-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  html.aurum .mh-k { --c: var(--ax-text); display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-height: 104px; padding: 13px 14px 12px; border-radius: 20px; text-align: start; border: 1px solid var(--ax-line); background: var(--ax-surface); box-shadow: var(--ax-shadow); color: var(--ax-text); font: inherit; cursor: pointer; min-width: 0; -webkit-tap-highlight-color: transparent; transition: transform .14s var(--ax-spring); }
  html.aurum .mh-k:active { transform: scale(.97); }
  html.aurum .mh-kl { display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 13px; font-weight: 700; color: var(--ax-muted); }
  html.aurum .mh-kl svg { width: 16px; height: 16px; color: var(--ax-faint); }
  html.aurum .mh-k b { font: 800 23px/1.2 var(--ax-display); color: var(--c); margin-top: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; letter-spacing: -.2px; }
  html.aurum .mh-k em { font-style: normal; font-size: 11.5px; font-weight: 600; color: var(--ax-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
  html.aurum .mh-k.hi { background: linear-gradient(160deg, #FFFFFF 0%, #EEF4FF 100%); border: 1.5px solid color-mix(in srgb, var(--ax-blue) 35%, transparent); box-shadow: 0 1px 2px rgba(0, 32, 85, .06), 0 14px 30px -14px rgba(31, 99, 224, .45); }
  html.aurum .mh-k.hi .mh-kl { color: var(--ax-blue); }
  html.aurum .mh-k.hi b { color: var(--ax-ink); }
  html.aurum[data-theme="dark"] .mh-k.hi { background: linear-gradient(160deg, #F4F7FF 0%, #DCE6FA 100%); border-color: transparent; }
  html.aurum[data-theme="dark"] .mh-k.hi b, html.aurum[data-theme="dark"] .mh-k.hi em { color: #0B1630; }
  html.aurum[data-theme="dark"] .mh-k.hi .mh-kl { color: #1F63E0; }
  html.aurum .mh-k.warn { --c: var(--ax-warn); }
  html.aurum .mh-k.warn em, html.aurum .mh-k.blue em { color: var(--c); font-weight: 700; }
  html.aurum .mh-k.blue { --c: var(--ax-blue); }
  html.aurum .mh-k.ok { --c: var(--ax-ok); }
  html.aurum .mh-xl { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px 14px; border: 0; border-radius: 20px; cursor: pointer; text-align: start; color: #fff; font: inherit;
    background: linear-gradient(135deg, #0F7A3D 0%, #18A453 60%, #2BC46A 100%); box-shadow: 0 14px 30px -16px rgba(16, 122, 61, .8); -webkit-tap-highlight-color: transparent; }
  html.aurum .mh-xl:active { transform: scale(.985); }
  html.aurum .mh-xl-i { width: 44px; height: 44px; border-radius: 14px; flex: none; display: grid; place-items: center; background: rgba(255, 255, 255, .18); }
  html.aurum .mh-xl-i svg { width: 24px; height: 24px; }
  html.aurum .mh-xl-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  html.aurum .mh-xl-t b { font: 800 15px/1.35 var(--ax-display); }
  html.aurum .mh-xl-t em { font-style: normal; font-size: 12px; opacity: .85; }
  html.aurum .mh-xl-d svg { width: 22px; height: 22px; opacity: .9; }
  html.aurum .mh-sec { margin: 4px 2px -2px; font: 800 18px var(--ax-display); color: var(--ax-text); }
  html.aurum .mh-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  html.aurum .mh-tile { --tc: #3b82f6; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-height: 112px; padding: 14px; border-radius: 22px; border: 1px solid var(--ax-line); background: var(--ax-surface); box-shadow: var(--ax-shadow); text-align: start; color: var(--ax-text); font: inherit; cursor: pointer; min-width: 0; -webkit-tap-highlight-color: transparent; transition: transform .14s var(--ax-spring); }
  html.aurum .mh-tile:active { transform: scale(.97); }
  html.aurum .mh-ti { width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; margin-bottom: auto; background: color-mix(in srgb, var(--tc) 14%, transparent); color: var(--tc); }
  html.aurum .mh-ti svg { width: 24px !important; height: 24px !important; }
  html.aurum .mh-tile b { font: 800 17px/1.25 var(--ax-display); margin-top: 10px; }
  html.aurum .mh-tile em { font-style: normal; font-size: 12px; color: var(--ax-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
  html.aurum .mh-classic { align-self: center; margin: 4px 0 6px; border: 1px solid var(--ax-line-2); background: var(--ax-surface); color: var(--ax-muted); border-radius: 99px; padding: 10px 18px; font: 700 13px var(--ax-font); cursor: pointer; }
  html.aurum .mh-backhome { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 12px; border: 0; border-radius: 99px; padding: 9px 14px; background: var(--ax-ink); color: var(--ax-on-ink); font: 700 13px var(--ax-font); cursor: pointer; }
  html.aurum .mh-backhome svg { width: 16px; height: 16px; }
}
@media (max-width: 360px) {
  html.aurum .mh-k b { font-size: 20px; }
  html.aurum .mh-tile b { font-size: 15.5px; }
  html.aurum .topbar .icon-btn { width: 36px !important; height: 36px !important; min-width: 36px; }
}

/* «المزيد» sheet + full-screen search */
.mh-sheet { position: fixed; inset: 0; z-index: 1250; pointer-events: none; }
.mh-sheet.show { pointer-events: auto; }
.mh-scrim { position: absolute; inset: 0; background: rgba(4, 10, 24, .45); opacity: 0; transition: opacity .25s ease; }
.mh-sheet.show .mh-scrim { opacity: 1; }
.mh-panel { position: absolute; inset-inline: 0; bottom: 0; max-height: 88dvh; overflow-y: auto; overscroll-behavior: contain; background: var(--ax-bg); color: var(--ax-text); border-radius: 26px 26px 0 0; padding: 8px 16px calc(18px + env(safe-area-inset-bottom, 0px)); transform: translateY(105%); transition: transform .32s var(--ax-ease, ease); font-family: var(--ax-font); box-shadow: var(--ax-shadow-lg); }
.mh-sheet.show .mh-panel { transform: none; }
.mh-grip { width: 42px; height: 5px; border-radius: 99px; background: var(--ax-line-2); margin: 2px auto 12px; }
.mh-me { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 18px; background: var(--ax-surface); border: 1px solid var(--ax-line); }
.mh-av { width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; background: linear-gradient(135deg, #002A6E, #0B4FB3); color: #fff; font: 800 20px var(--ax-display); flex: none; }
.mh-me > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.mh-me b { font: 800 17px var(--ax-display); }
.mh-me span { font-size: 12px; color: var(--ax-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mh-theme { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--ax-line-2); background: var(--ax-surface-2); color: var(--ax-text); border-radius: 12px; padding: 9px 12px; font: 700 12.5px var(--ax-font); cursor: pointer; }
.mh-theme svg { width: 16px; height: 16px; }
.mh-sbox { display: flex; align-items: center; gap: 10px; width: 100%; margin: 10px 0 4px; padding: 13px 14px; border-radius: 14px; border: 1px solid var(--ax-line); background: var(--ax-surface); color: var(--ax-faint); font: 600 14px var(--ax-font); cursor: pointer; text-align: start; }
.mh-sbox svg { width: 18px; height: 18px; }
.mh-panel h6 { margin: 14px 4px 8px; font: 800 13px var(--ax-font); color: var(--ax-muted); }
.mh-quick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mh-quick button { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 4px; border-radius: 16px; border: 1px solid var(--ax-line); background: var(--ax-surface); color: var(--ax-text); font: 700 11.5px var(--ax-font); cursor: pointer; min-height: 72px; }
.mh-quick i { width: 32px; height: 32px; border-radius: 11px; display: grid; place-items: center; font: 800 20px/1 var(--ax-font); font-style: normal; background: color-mix(in srgb, var(--tc) 15%, transparent); color: var(--tc); }
.mh-all { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mh-all button { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 12px 4px 10px; border-radius: 16px; border: 1px solid var(--ax-line); background: var(--ax-surface); color: var(--ax-text); font: 700 12px/1.3 var(--ax-font); cursor: pointer; text-align: center; min-height: 84px; }
.mh-ai { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb, var(--tc) 14%, transparent); color: var(--tc); }
.mh-ai svg { width: 20px !important; height: 20px !important; }
.mh-mine { display: flex !important; align-items: center; gap: 10px; margin: 14px 0 0 !important; padding: 10px 12px; border-radius: 14px; background: var(--ax-surface); border: 1px solid var(--ax-line); }
.mh-mine > span { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; font-size: 13px; white-space: nowrap; }
.mh-mine svg { width: 18px; height: 18px; }
.mh-mine select { flex: 1; min-width: 0; height: 42px; }
.mh-out { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-top: 12px; min-height: 48px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--ax-bad) 35%, transparent); background: var(--ax-bad-soft); color: var(--ax-bad); font: 800 14px var(--ax-font); cursor: pointer; }
.mh-out svg { width: 18px; height: 18px; }
.mh-sov { position: fixed; inset: 0; z-index: 1260; background: var(--ax-bg); color: var(--ax-text); display: none; flex-direction: column; font-family: var(--ax-font); }
.mh-sov.show { display: flex; }
.mh-sov-h { display: flex; align-items: center; gap: 8px; padding: 10px 12px; padding-top: max(10px, env(safe-area-inset-top, 0px)); background: var(--ax-surface); border-bottom: 1px solid var(--ax-line); }
.mh-sov-x { width: 42px; height: 42px; flex: none; border-radius: 12px; border: 0; background: var(--ax-surface-3); color: var(--ax-text); display: grid; place-items: center; cursor: pointer; }
.mh-sov-x svg { width: 20px; height: 20px; }
.mh-sov-slot { flex: 1; min-width: 0; }
.mh-sov .search-box.mh-in { display: flex !important; width: 100% !important; max-width: none !important; min-height: 46px; position: static !important; }
.mh-sov .search-box.mh-in .search-results { position: fixed !important; top: calc(max(10px, env(safe-area-inset-top, 0px)) + 66px) !important; inset-inline: 0 !important; bottom: 0 !important; width: auto !important; max-height: none !important; border-radius: 0 !important; border: 0 !important; box-shadow: none !important; overflow-y: auto; background: var(--ax-bg) !important; padding: 8px 12px 20px; }
.mh-sov-hint { margin: 18px 20px; font-size: 13px; color: var(--ax-faint); text-align: center; }
.mh-low { list-style: none; margin: 0; padding: 0; }
.mh-low li { display: flex; align-items: center; gap: 12px; padding: 11px 2px; border-bottom: 1px solid var(--ax-line); }
.mh-low li > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.mh-low b { font-size: 14.5px; }
.mh-low span { font-size: 12px; color: var(--ax-muted); }
.mh-low i { display: block; height: 5px; border-radius: 99px; background: var(--ax-surface-3); overflow: hidden; }
.mh-low u { display: block; height: 100%; background: var(--ax-warn); border-radius: inherit; }
.mh-low em { font-style: normal; font-size: 11.5px; font-weight: 800; color: var(--ax-warn); background: var(--ax-warn-soft); padding: 4px 9px; border-radius: 99px; }
.mh-low button { border: 0; border-radius: 11px; padding: 9px 14px; background: var(--ax-ink); color: var(--ax-on-ink); font: 700 13px var(--ax-font); cursor: pointer; }
.mh-low-ok { text-align: center; color: var(--ax-muted); padding: 20px 0; }

/* ════════════════════════════════════════════════════════════════════
   43. 4.12.1 · مقاسات الموبايل — نفس إصلاحات the attendance app
   · الآيفون مبيعملش زووم لما تدوس على خانة (كل الخانات 16px على اللمس
     + maximum-scale على iOS بس من الـ <head> — التكبير بصباعين شغال)
   · مفيش حاجة تطلع برا عرض الشاشة، وخانات التاريخ والوقت على مقاس الموبايل
   · القوايم الجانبية بطول الشاشة الحقيقي (100dvh) فزرار الخروج ميستخباش
     ورا شريط سفاري، ومفيش زووم بالضغط مرتين على الزراير
════════════════════════════════════════════════════════════════════ */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
a, button, label, select, summary, .btn, .bn-item, .nav-item, .icon-btn, [onclick], [role="button"] { touch-action: manipulation; }
img, video, canvas, iframe { max-width: 100%; }
html.aurum .apr-switch { position: relative; }
@media (pointer: coarse), (max-width: 900px) {
  html.aurum input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),
  html.aurum select, html.aurum textarea { font-size: 16px !important; }
}
@media (max-width: 768px) {
  html.aurum .modal { width: 100% !important; max-width: 100vw !important; }
  html.aurum .modal-body { overscroll-behavior: contain; }
  html.aurum .modal-body img { height: auto; }
  html.aurum .modal-footer { flex-wrap: wrap; }
  html.aurum .sidebar { height: 100vh !important; height: 100dvh !important; padding-bottom: env(safe-area-inset-bottom, 0px); }
  html.aurum .page-content, html.aurum #page-content { max-width: 100vw; overflow-x: clip; }
}
html.aurum .notes-panel { height: 100vh; height: 100dvh; padding-bottom: env(safe-area-inset-bottom, 0px); }
@media (max-width: 768px) { html.aurum .modal { max-height: 92vh !important; max-height: 92dvh !important; } }
/* iOS Safari: the native date / time field has its own minimum width and pushes the page wider */
@supports (-webkit-touch-callout: none) {
  html.aurum input[type="date"], html.aurum input[type="time"], html.aurum input[type="datetime-local"], html.aurum input[type="month"] {
    -webkit-appearance: none; appearance: none; display: block; min-width: 0; max-width: 100%; min-height: 42px; line-height: 40px; text-align: right;
  }
  html.aurum input[type="date"]::-webkit-date-and-time-value, html.aurum input[type="time"]::-webkit-date-and-time-value,
  html.aurum input[type="datetime-local"]::-webkit-date-and-time-value, html.aurum input[type="month"]::-webkit-date-and-time-value { text-align: right; margin: 0; }
}
@supports (-webkit-touch-callout: none) {
  @media (max-width: 768px) { html.aurum .filter-bar input[type="date"], html.aurum .pi-dates input[type="date"] { width: 100%; } }
}

/* ════════════════════════════════════════════════════════════════════
   44. 4.12.2 · الشريط السفلي لحد آخر الشاشة + التحليلات تحت الرئيسية
   سفاري الآيفون الجديد بيسيب مسافة تحت العناصر الثابتة في الآخر — الشريط
   بقى لونه ممدود لتحت فمفيش فراغ أسود، والأيقونات نازلة أكتر.
════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  html.aurum #bottom-nav { padding-bottom: max(4px, calc(env(safe-area-inset-bottom, 0px) - 16px)) !important; padding-top: 6px !important; }
  html.aurum #bottom-nav::after { content: ''; position: absolute; inset-inline: 0; top: 100%; height: 240px; background: var(--ax-surface); pointer-events: none; }
  html.aurum .mh-an { margin: 22px 2px 12px !important; }
}

/* ════════════════════════════════════════════════════════════════════
   45. 4.13 · قايمة صرف الورق على الموبايل = كروت طولية (js/isscards.js)
════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  html.aurum .iss-wrap { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; overflow: visible !important; }
  html.aurum .iss-wrap .table-scroll { overflow: visible !important; }
  html.aurum table.iss-tbl, html.aurum table.iss-tbl tbody { display: block; width: 100%; min-width: 0 !important; border: 0 !important; background: transparent !important; }
  html.aurum table.iss-tbl thead { display: none; }
  html.aurum table.iss-tbl tr.iss-row {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 10px;
    grid-template-areas: "num num st" "cus cus cus" "prod prod date" "qty price tot" "paid rem rem" "act act act";
    margin: 0 0 12px; padding: 14px; border-radius: 18px; background: var(--ax-surface) !important;
    border: 1px solid var(--ax-line) !important; box-shadow: var(--ax-shadow);
  }
  html.aurum table.iss-tbl tr.iss-row > td { display: block; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: start !important; min-width: 0; white-space: normal !important; font-size: 13.5px; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-0 { grid-area: num; font-size: 15px; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-1 { grid-area: date; text-align: end !important; color: var(--ax-muted); font-size: 12.5px; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-2 { grid-area: cus; font: 800 17px/1.35 var(--ax-display); }
  html.aurum table.iss-tbl tr.iss-row > td.ic-3 { grid-area: prod; color: var(--ax-muted); font-weight: 600; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-4 { grid-area: qty; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-5 { grid-area: price; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-6 { grid-area: tot; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-7 { grid-area: paid; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-8 { grid-area: rem; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-9 { grid-area: st; justify-self: end; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-10 { grid-area: act; padding-top: 10px !important; border-top: 1px solid var(--ax-line) !important; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-4, html.aurum table.iss-tbl tr.iss-row > td.ic-5, html.aurum table.iss-tbl tr.iss-row > td.ic-6,
  html.aurum table.iss-tbl tr.iss-row > td.ic-7, html.aurum table.iss-tbl tr.iss-row > td.ic-8 {
    background: var(--ax-surface-2) !important; border-radius: 12px; padding: 8px 10px !important; font-weight: 800; font-variant-numeric: tabular-nums; overflow-wrap: anywhere;
  }
  html.aurum table.iss-tbl tr.iss-row > td.ic-4::before, html.aurum table.iss-tbl tr.iss-row > td.ic-5::before, html.aurum table.iss-tbl tr.iss-row > td.ic-6::before,
  html.aurum table.iss-tbl tr.iss-row > td.ic-7::before, html.aurum table.iss-tbl tr.iss-row > td.ic-8::before {
    content: attr(data-label); display: block; font: 600 11px var(--ax-font); color: var(--ax-faint); margin-bottom: 2px;
  }
  html.aurum table.iss-tbl tr.iss-row > td.ic-1 div { display: block !important; margin-top: 2px; }
  html.aurum table.iss-tbl tr.iss-row .row-actions { display: flex; justify-content: space-between; gap: 6px; }
  html.aurum table.iss-tbl tr.iss-row .row-actions .btn-icon { flex: 1; height: 40px; border-radius: 12px; background: var(--ax-surface-2) !important; display: grid; place-items: center; }
  html.aurum table.iss-tbl tr:not(.iss-row) { display: block; }
  html.aurum table.iss-tbl tr:not(.iss-row) > td { display: block; }
}

/* ════════════════════════════════════════════════════════════════════
   46. 4.13 · وقف الصرف + الأسعار + تقرير الشهر + كشوف الأسبوع
════════════════════════════════════════════════════════════════════ */
html.aurum .axc-block { margin: 0 0 14px; padding: 13px 14px; border-radius: 14px; background: var(--ax-bad-soft); color: var(--ax-text); border: 1px solid color-mix(in srgb, var(--ax-bad) 40%, transparent); }
html.aurum .axc-block > b { display: block; color: var(--ax-bad); font: 800 15px var(--ax-display); margin-bottom: 4px; }
html.aurum .axc-block ul { margin: 0 0 10px; padding-inline-start: 18px; font-size: 13px; line-height: 1.7; }
html.aurum .axc-acts { display: flex; gap: 8px; flex-wrap: wrap; }
html.aurum .axc-wait { font-weight: 700; font-size: 13px; color: var(--ax-warn); }
html.aurum .axm-k { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 10px; }
html.aurum .axm-k > div { display: flex; flex-direction: column; padding: 10px 12px; border-radius: 12px; background: var(--ax-surface-2); }
html.aurum .axm-k em { font-style: normal; font-size: 11.5px; color: var(--ax-muted); }
html.aurum .axm-k b { font: 800 18px var(--ax-display); }
html.aurum .axm-k .t-bad { color: var(--ax-bad); } html.aurum .axm-k .t-warn { color: var(--ax-warn); }
html.aurum .axm-note { font-size: 12.5px; color: var(--ax-muted); margin: 6px 0; }
html.aurum .axm-list, html.aurum .wk-list { list-style: none; margin: 0; padding: 0; }
html.aurum .axm-list li, html.aurum .wk-list li { display: flex; align-items: center; gap: 10px; padding: 11px 2px; border-bottom: 1px solid var(--ax-line); }
html.aurum .axm-list li > div, html.aurum .wk-list li > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.aurum .axm-list b, html.aurum .wk-list b { font-size: 14.5px; }
html.aurum .axm-list span, html.aurum .wk-list span { font-size: 12px; color: var(--ax-muted); }
html.aurum .axm-list em { font-style: normal; font: 800 14px var(--ax-display); color: var(--ax-warn); }
html.aurum .axm-list li.loss em { color: var(--ax-bad); }
html.aurum .axm-list button, html.aurum .wk-list button { border: 0; border-radius: 10px; padding: 8px 14px; background: var(--ax-ink); color: var(--ax-on-ink); font: 700 13px var(--ax-font); cursor: pointer; min-height: 38px; }
html.aurum .wk-list li.done { opacity: .6; } html.aurum .wk-list li.done button { background: var(--ax-surface-3); color: var(--ax-text); }
html.aurum .axm-ok, html.aurum .wk-done { text-align: center; color: var(--ax-ok); font-weight: 700; padding: 14px 0; }
html.aurum .wk-head { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 4px 10px; margin-bottom: 12px; }
html.aurum .wk-head b { font: 800 22px var(--ax-display); } html.aurum .wk-head span { color: var(--ax-muted); font-size: 13px; }
html.aurum .wk-head i { grid-column: 1 / -1; height: 6px; border-radius: 99px; background: var(--ax-surface-3); overflow: hidden; }
html.aurum .wk-head u { display: block; height: 100%; background: var(--ax-ok); }
html.aurum .wk-next { width: 100%; margin-bottom: 10px; min-height: 48px; }

html.aurum .mr-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
html.aurum .mr-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
html.aurum .mr-closed { font-weight: 800; color: var(--ax-ok); background: var(--ax-ok-soft); padding: 9px 14px; border-radius: 12px; }
html.aurum .mr-hint { font-size: 12.5px; color: var(--ax-faint); }
html.aurum .mr-pick { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
html.aurum .mr-pick button { width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--ax-line-2); background: var(--ax-surface); color: var(--ax-text); font: 800 20px/1 var(--ax-font); cursor: pointer; }
html.aurum .mr-pick button:disabled { opacity: .35; cursor: default; }
html.aurum .mr-pick b { font: 800 20px var(--ax-display); min-width: 130px; text-align: center; }
html.aurum .mr-pick span { color: var(--ax-muted); font-size: 13px; }
html.aurum .mr-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
html.aurum .mr-k { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border-radius: var(--ax-radius); background: var(--ax-surface); border: 1px solid var(--ax-line); box-shadow: var(--ax-shadow); min-width: 0; }
html.aurum .mr-k span { font-size: 12.5px; font-weight: 600; color: var(--ax-muted); }
html.aurum .mr-k b { font: 800 22px/1.2 var(--ax-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .mr-k.hi { border-color: color-mix(in srgb, var(--ax-blue) 40%, transparent); }
html.aurum .mr-k.ok b { color: var(--ax-ok); } html.aurum .mr-k.bad b { color: var(--ax-bad); }
html.aurum .mr-d { font-style: normal; font-size: 12px; font-weight: 800; }
html.aurum .mr-d.up { color: var(--ax-ok); } html.aurum .mr-d.down { color: var(--ax-bad); }
html.aurum .mr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html.aurum .mr-box { background: var(--ax-surface); border: 1px solid var(--ax-line); border-radius: var(--ax-radius); box-shadow: var(--ax-shadow); padding: 14px 16px; min-width: 0; }
html.aurum .mr-box h3 { margin: 0 0 8px; font: 800 16px var(--ax-display); }
html.aurum .mr-top, html.aurum .mr-list { list-style: none; margin: 0; padding: 0; }
html.aurum .mr-top li, html.aurum .mr-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 9px 0; border-bottom: 1px solid var(--ax-line); }
html.aurum .mr-top li b, html.aurum .mr-list li b { font-size: 14px; }
html.aurum .mr-top li span, html.aurum .mr-list li span { grid-column: 1; font-size: 12px; color: var(--ax-muted); }
html.aurum .mr-top li em, html.aurum .mr-list li em { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-style: normal; font-weight: 800; font-size: 13px; }
html.aurum .mr-top li em.t-bad { color: var(--ax-bad); }
html.aurum .mr-none { color: var(--ax-faint); font-size: 13px; padding: 8px 0; display: block !important; }
html.aurum .mr-more { margin-top: 10px; }
html.aurum .mr-foot { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-top: 14px; color: var(--ax-muted); font-size: 13px; }
html.aurum .mr-foot b { color: var(--ax-text); }
@media (max-width: 900px) { html.aurum .mr-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } html.aurum .mr-grid { grid-template-columns: 1fr; } }
@media (max-width: 768px) { html.aurum .mr-k b { font-size: 18px; } html.aurum .mr-acts { width: 100%; } html.aurum .mr-acts .btn { flex: 1; } }

/* 4.13.1 · كروت صرف الورق على الموبايل أصغر — تستوعب داتا أكتر في الشاشة */
@media (max-width: 768px) {
  html.aurum table.iss-tbl tr.iss-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px 6px;
    grid-template-areas: "num cus cus st" "prod prod date date" "qty price tot rem" "act act act act";
    margin: 0 0 8px; padding: 10px 11px; border-radius: 14px;
  }
  html.aurum table.iss-tbl tr.iss-row > td { font-size: 12.5px; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-0 { font-size: 13px; align-self: center; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-2 { font: 800 14.5px/1.3 var(--ax-display); white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; align-self: center; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-3 { font-size: 12px; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-1 { font-size: 11.5px; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-1 div { display: inline-block !important; margin: 0 4px 0 0; font-size: 10.5px; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-7 { display: none !important; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-9 { align-self: center; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-9 .badge-status, html.aurum table.iss-tbl tr.iss-row > td.ic-9 span { font-size: 10.5px !important; padding: 2px 8px !important; white-space: nowrap; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-4, html.aurum table.iss-tbl tr.iss-row > td.ic-5,
  html.aurum table.iss-tbl tr.iss-row > td.ic-6, html.aurum table.iss-tbl tr.iss-row > td.ic-8 {
    padding: 5px 7px !important; border-radius: 9px; font-size: 12px; line-height: 1.3; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis;
  }
  html.aurum table.iss-tbl tr.iss-row > td.ic-4::before, html.aurum table.iss-tbl tr.iss-row > td.ic-5::before,
  html.aurum table.iss-tbl tr.iss-row > td.ic-6::before, html.aurum table.iss-tbl tr.iss-row > td.ic-8::before { font-size: 10px; margin-bottom: 0; }
  html.aurum table.iss-tbl tr.iss-row > td.ic-10 { padding-top: 6px !important; }
  html.aurum table.iss-tbl tr.iss-row .row-actions { gap: 5px; }
  html.aurum table.iss-tbl tr.iss-row .row-actions .btn-icon { height: 32px; border-radius: 9px; }
  html.aurum table.iss-tbl tr.iss-row .row-actions .btn-icon svg { width: 15px; height: 15px; }
}

/* ════════════════════════════════════════════════════════════════════
   47. 4.14–4.16 · قلم الهايلايتر بكل الألوان (js/marker.js)
   خط ماركر فسفوري: أتقل في أول الضربة وبيخف في آخرها، حواف مايلة شوية.
   hlk-* = لون القلم (--hl) ولون الكلام فوقه (--hlt) لكل عيلة لون.
════════════════════════════════════════════════════════════════════ */
html.aurum .hlk-g { --hl: 92, 236, 104;  --hlt: #063B1A; }
html.aurum .hlk-r { --hl: 255, 92, 112;  --hlt: #5A0712; }
html.aurum .hlk-b { --hl: 92, 170, 255;  --hlt: #062A5C; }
html.aurum .hlk-y { --hl: 255, 212, 60;  --hlt: #4A3300; }
html.aurum .hlk-o { --hl: 255, 156, 72;  --hlt: #4A1F00; }
html.aurum .hlk-v { --hl: 178, 146, 255; --hlt: #2A1060; }
html.aurum .hlk-t { --hl: 60, 222, 214;  --hlt: #003F3B; }
html.aurum .hlk-p { --hl: 255, 118, 186; --hlt: #5A0634; }
html.aurum[data-theme="dark"] .hlk-g { --hl: 74, 222, 128;  --hlt: #04210E; }
html.aurum[data-theme="dark"] .hlk-r { --hl: 251, 113, 133; --hlt: #2B0308; }
html.aurum[data-theme="dark"] .hlk-b { --hl: 96, 165, 250;  --hlt: #031633; }
html.aurum[data-theme="dark"] .hlk-y { --hl: 252, 211, 77;  --hlt: #2B1E00; }
html.aurum[data-theme="dark"] .hlk-o { --hl: 251, 146, 60;  --hlt: #2A1000; }
html.aurum[data-theme="dark"] .hlk-v { --hl: 167, 139, 250; --hlt: #170838; }
html.aurum[data-theme="dark"] .hlk-t { --hl: 45, 212, 191;  --hlt: #002A26; }
html.aurum[data-theme="dark"] .hlk-p { --hl: 244, 114, 182; --hlt: #300219; }

/* the stroke behind coloured text */
html.aurum .ax-hl {
  display: inline-block; position: relative; line-height: 1.3; vertical-align: baseline;
  margin: 1px -0.08em 0; padding: 0 0.3em; white-space: nowrap; max-width: 100%;
  border-radius: 0.85em 0.25em 0.9em 0.3em / 0.4em 0.9em 0.35em 0.8em;
  background-color: transparent !important;
  background-image:
    linear-gradient(100deg, rgba(var(--hl), .0) 0%, rgba(var(--hl), .78) 3%, rgba(var(--hl), .52) 55%, rgba(var(--hl), .7) 92%, rgba(var(--hl), .12) 100%),
    linear-gradient(176deg, transparent 0 18%, rgba(var(--hl), .22) 19% 84%, transparent 85%) !important;
  background-repeat: no-repeat; background-position: right center; background-size: 100% 100%;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  color: var(--hlt) !important; -webkit-text-fill-color: var(--hlt); text-shadow: none !important;
}
html.aurum[data-theme="dark"] .ax-hl { font-weight: 800; }
html.aurum .ax-hl:not([class*="hlk-"]) { --hl: 92, 236, 104; --hlt: #063B1A; }
/* long labels may wrap inside a narrow card */
html.aurum .ax-hl-in.ax-hl { white-space: normal; }
html.aurum .ax-hl-in.ax-hl:not(:has(*)) { white-space: nowrap; }
/* a status pill that already had a pale tint: the stroke takes its place */
html.aurum .ax-hl-host { background: transparent !important; box-shadow: none !important; border-color: transparent !important; padding-inline: 0 !important; }

/* buttons: the button itself is the stroke */
html.aurum .ax-mkb, html.aurum[data-theme] .ax-mkb[data-mk] {
  border-color: transparent !important; box-shadow: none !important; text-shadow: none !important;
  border-radius: 0.95em 0.3em 1.05em 0.35em / 0.5em 1.05em 0.45em 0.95em !important;
  background-color: transparent !important;
  background-image:
    linear-gradient(100deg, rgba(var(--mk), .74) 0%, rgba(var(--mk), 1) 5%, rgba(var(--mk), .9) 48%, rgba(var(--mk), .97) 90%, rgba(var(--mk), .66) 100%),
    linear-gradient(178deg, transparent 0 12%, rgba(255, 255, 255, .09) 13% 20%, transparent 21% 80%, rgba(0, 0, 0, .07) 81% 88%, transparent 89%) !important;
  background-repeat: no-repeat !important; background-size: 100% 100% !important;
  transition: filter .15s, transform .15s;
}
html.aurum .ax-mkb:hover { filter: brightness(1.06); }
html.aurum .ax-mkb:active { transform: scale(.98) rotate(-.4deg); }
html.aurum .ax-mkb.ax-mkb-t, html.aurum[data-theme] .ax-mkb.ax-mkb-t[class] {
  background-image:
    linear-gradient(100deg, rgba(var(--hl), .2) 0%, rgba(var(--hl), .8) 4%, rgba(var(--hl), .56) 55%, rgba(var(--hl), .74) 92%, rgba(var(--hl), .2) 100%),
    linear-gradient(176deg, transparent 0 16%, rgba(var(--hl), .2) 17% 86%, transparent 87%) !important;
  color: var(--hlt) !important;
}
html.aurum .ax-mkb.ax-mkb-t svg { color: var(--hlt) !important; stroke: currentColor; }
html.aurum .ax-mkb.ax-mkb-t em, html.aurum .ax-mkb.ax-mkb-t small { color: inherit !important; }

html.aurum .ax-hl.ax-hl-draw { animation: axHlDraw .7s cubic-bezier(.3, .7, .2, 1) both; }
@keyframes axHlDraw { from { background-size: 0% 100%; } to { background-size: 100% 100%; } }
@media (prefers-reduced-motion: reduce) { html.aurum .ax-hl.ax-hl-draw { animation: none; } }
@media print {
  html.aurum .ax-hl { background-image: none !important; color: inherit !important; -webkit-text-fill-color: currentColor; }
  html.aurum .ax-mkb { background-image: none !important; }
}

/* ════════════════════════════════════════════════════════════════════
   48. 4.15 · قايمة الاختيار العايمة بالبحث على الموبايل (js/picker.js)
   الخانة نفسها بتبقى بحث، والنتايج في كارت عايم تحتها.
════════════════════════════════════════════════════════════════════ */
html.axp-mob select.axp-on { pointer-events: none; }
.axp-bd { position: fixed; inset: 0; z-index: 10040; background: rgba(0, 0, 0, .38); cursor: pointer; touch-action: none; -webkit-tap-highlight-color: transparent; }
.axp-fld { position: fixed; z-index: 10052; display: flex; align-items: center; gap: 10px; padding: 0 14px; box-sizing: border-box;
  background: var(--ax-surface-2, #1A1A1A); border: 1.5px solid var(--ax-ink, #fff); border-radius: 16px;
  box-shadow: 0 0 0 4px rgba(var(--ax-primary-rgb, 255, 255, 255), .08); opacity: 0; transform: scale(.985); transition: opacity .14s, transform .14s; }
.axp-fld.in { opacity: 1; transform: none; }
.axp-fld .axp-ic { font-size: 17px; flex: none; opacity: .8; }
#axp-q, html.aurum #axp-q { flex: 1; height: 100% !important; min-height: 0 !important; border-radius: 0 !important; line-height: normal !important; min-width: 0; height: 100%; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important;
  color: var(--ax-text, #fff) !important; font: 600 16px/1 var(--ax-font, system-ui) !important; padding: 0 !important; -webkit-appearance: none; appearance: none; }
#axp-q::placeholder { color: var(--ax-muted, #9E9E9E); font-weight: 500; }
#axp-q::-webkit-search-cancel-button { -webkit-appearance: none; }
.axp-fld .axp-n { flex: none; color: var(--ax-muted, #9E9E9E); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.axp-pop { position: fixed; z-index: 10050; box-sizing: border-box; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
  background: var(--ax-surface-3, #1E1E1E); border: 1px solid var(--ax-line-2, #333); border-radius: 22px; padding: 8px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .55); opacity: 0; transform: translateY(-6px); transition: opacity .16s, transform .16s; }
.axp-pop.up { transform: translateY(6px); }
.axp-pop.in { opacity: 1; transform: none; }
.axp-row { display: flex; align-items: center; gap: 12px; padding: 11px 10px; border-radius: 14px; cursor: pointer; color: var(--ax-text, #fff); -webkit-tap-highlight-color: transparent; }
.axp-row:active { background: var(--ax-gold-soft, rgba(255, 255, 255, .08)); }
.axp-row.hi { background: var(--ax-ink, #fff); color: var(--ax-on-ink, #000); }
.axp-row.dis { opacity: .4; pointer-events: none; }
.axp-row.all .axp-nm { color: var(--ax-muted, #9E9E9E); }
.axp-row.hi.all .axp-nm { color: inherit; }
.axp-tx { flex: 1; min-width: 0; }
.axp-nm { font-weight: 700; font-size: 15.5px; line-height: 1.35; overflow-wrap: anywhere; }
.axp-sub { font-size: 12.5px; color: var(--ax-muted, #9E9E9E); margin-top: 2px; line-height: 1.4; }
.axp-row.hi .axp-sub { color: color-mix(in srgb, var(--ax-on-ink, #000) 62%, transparent); }
.axp-nm mark { background: rgba(255, 200, 0, .32); color: inherit; border-radius: 5px; padding: 0 2px; }
.axp-row.hi .axp-nm mark { background: rgba(255, 190, 0, .6); }
.axp-dot { width: 10px; height: 10px; border-radius: 99px; flex: none; }
.axp-d-ok { background: var(--ax-ok, #5CE89A); } .axp-d-warn { background: var(--ax-warn, #FFBD5C); } .axp-d-bad { background: var(--ax-bad, #FF6B6B); }
.axp-ok { color: var(--ax-ok, #5CE89A); font-weight: 700; } .axp-warn { color: var(--ax-warn, #FFBD5C); } .axp-bad { color: var(--ax-bad, #FF6B6B); }
.axp-row.hi .axp-ok { color: #0B7A3B; } .axp-row.hi .axp-warn { color: #9A5B00; } .axp-row.hi .axp-bad { color: #C81E1E; }
html.aurum[data-theme="light"] .axp-ok { color: #0B8A43; } html.aurum[data-theme="light"] .axp-warn { color: #B26A00; } html.aurum[data-theme="light"] .axp-bad { color: #D32626; }
html.aurum[data-theme="light"] .axp-row.hi .axp-ok { color: #6FF0A8; } html.aurum[data-theme="light"] .axp-row.hi .axp-warn { color: #FFC66E; } html.aurum[data-theme="light"] .axp-row.hi .axp-bad { color: #FF8A8A; }
.axp-go { font-size: 18px; font-weight: 900; flex: none; }
.axp-ck { flex: none; width: 22px; height: 22px; border-radius: 99px; display: grid; place-items: center; font-size: 12px; font-weight: 900; background: var(--ax-ink, #fff); color: var(--ax-on-ink, #000); }
.axp-g { color: var(--ax-faint, #6E6E6E); font-size: 12px; font-weight: 800; padding: 10px 10px 4px; }
.axp-empty { color: var(--ax-muted, #9E9E9E); padding: 14px 10px; font-size: 14px; text-align: center; }
.axp-add { display: flex; align-items: center; gap: 8px; width: 100%; border: 0; background: transparent; padding: 12px 10px; border-radius: 14px;
  color: var(--ax-ok, #5CE89A); font: 700 14.5px var(--ax-font, system-ui); cursor: pointer; text-align: start; }
html.aurum[data-theme="light"] .axp-add { color: #0B8A43; }
.axp-foot { display: flex; justify-content: space-between; gap: 8px; color: var(--ax-faint, #6E6E6E); font-size: 11.5px; padding: 9px 10px 4px; border-top: 1px solid var(--ax-line, #232323); margin-top: 4px; position: sticky; bottom: -8px; background: inherit; }

/* ════════════════════════════════════════════════════════════════════
   49. 4.16 · رصيد الورق نيون: أخضر مضيء من 10,000 وطالع، أحمر تحت 10,000
════════════════════════════════════════════════════════════════════ */
html.aurum .topbar .paper-counter.pm.n-ok  { --neon: 57, 255, 136; }
html.aurum .topbar .paper-counter.pm.n-low { --neon: 255, 56, 96; }
html.aurum[data-theme="light"] .topbar .paper-counter.pm.n-ok  { --neon: 0, 196, 98; }
html.aurum[data-theme="light"] .topbar .paper-counter.pm.n-low { --neon: 232, 24, 64; }
html.aurum .topbar .paper-counter.pm.n-ok, html.aurum .topbar .paper-counter.pm.n-low {
  --pm-c: rgb(var(--neon)); --pm-soft: rgba(var(--neon), .14);
  box-shadow: 0 0 0 1px rgba(var(--neon), .5), 0 0 14px rgba(var(--neon), .28), inset 0 0 16px rgba(var(--neon), .07) !important;
}
html.aurum .topbar .pm.n-ok .paper-counter-num, html.aurum .topbar .pm.n-low .paper-counter-num {
  color: rgb(var(--neon)) !important;
  text-shadow: 0 0 6px rgba(var(--neon), .85), 0 0 16px rgba(var(--neon), .5), 0 0 28px rgba(var(--neon), .25) !important;
}
html.aurum[data-theme="light"] .topbar .pm.n-ok .paper-counter-num, html.aurum[data-theme="light"] .topbar .pm.n-low .paper-counter-num {
  text-shadow: 0 0 10px rgba(var(--neon), .45) !important;
}
html.aurum .topbar .pm.n-ok .pm-ic, html.aurum .topbar .pm.n-low .pm-ic { box-shadow: 0 0 12px rgba(var(--neon), .35), inset 0 0 0 1px rgba(var(--neon), .4); }
html.aurum .topbar .pm.n-ok .pm-ic svg, html.aurum .topbar .pm.n-low .pm-ic svg { filter: drop-shadow(0 0 4px rgba(var(--neon), .8)); }
html.aurum .pm.n-ok .pm-sub, html.aurum .pm.n-low .pm-sub { color: rgb(var(--neon)); text-shadow: 0 0 8px rgba(var(--neon), .55); }
html.aurum .pm.n-ok.n-note .pm-sub { color: #FFC24A; text-shadow: 0 0 8px rgba(255, 194, 74, .5); }
html.aurum[data-theme="light"] .pm.n-ok.n-note .pm-sub { color: #B56A00; text-shadow: none; }
html.aurum .pm.n-ok .pm-lvl i, html.aurum .pm.n-low .pm-lvl i { background: rgb(var(--neon)) !important; box-shadow: 0 0 8px rgba(var(--neon), .9), 0 0 16px rgba(var(--neon), .5); }
html.aurum .pm.n-ok .pm-lvl, html.aurum .pm.n-low .pm-lvl { background: rgba(var(--neon), .14); overflow: visible; }
html.aurum .pm.n-low .pm-ic { animation: pmNeon 1.6s ease-in-out infinite; }
@keyframes pmNeon { 50% { box-shadow: 0 0 20px rgba(var(--neon), .7), inset 0 0 0 1px rgba(var(--neon), .7); } }
@media (prefers-reduced-motion: reduce) { html.aurum .pm.n-low .pm-ic { animation: none; } }

/* ════════════════════════════════════════════════════════════════════
   50. 4.16 · المساعد الشخصي أكتر تنظيماً
   ترحيب قصير + 3 مربعات أرقام + زراير في شبكة · تابات متساوية ·
   الأقسام شبكة 4 · الأسئلة كلها ظاهرة من غير سحب بالعرض
════════════════════════════════════════════════════════════════════ */
html.aurum .axa-hero { display: block !important; padding: 20px 22px !important; }
html.aurum .axa-hero-top { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
html.aurum .axa-hero-top .axa-mark { margin-top: 0 !important; }
html.aurum .axa-hero-t { min-width: 0; }
html.aurum .axa-hero-t h2 { margin: 0 !important; font-size: 26px !important; line-height: 1.2 !important; }
html.aurum .axa-hero-t small { display: block; margin-top: 2px; font-size: 13px; color: var(--ax-deep-muted); }
html.aurum .axa-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
html.aurum .axa-kpi { min-width: 0; display: flex; flex-direction: column; gap: 3px; padding: 11px 12px; border-radius: 16px; background: rgba(255, 255, 255, .06); }
html.aurum[data-theme="light"] .axa-kpi { background: rgba(255, 255, 255, .09); }
html.aurum .axa-kpi span { font-size: 11.5px; font-weight: 600; color: var(--ax-deep-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .axa-kpi b { font: 800 18px/1.25 var(--ax-display); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .axa-kpi small { font-size: 11px; color: var(--ax-deep-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.aurum .axa-kpi.k-b b { color: #6FBEFF; } html.aurum .axa-kpi.k-g b { color: #5CE89A; }
html.aurum .axa-kpi.k-r b { color: #FF6B6B; } html.aurum .axa-kpi.k-y b { color: #FFBD5C; }
html.aurum .axa-kpi b .ax-hl { font-size: 16px; }
html.aurum .axa-hero-note { margin: 12px 2px 0 !important; font: 500 14.5px/1.6 var(--ax-font) !important; color: var(--ax-deep-muted) !important; max-width: none !important; }
html.aurum .axa-hero-note b { color: var(--ax-on-deep); }
html.aurum .axa-hero-acts { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px !important; margin: 14px 0 0 !important; padding: 0 !important; overflow: visible !important; }
html.aurum .axa-hero-acts button { width: 100%; padding: 11px 10px !important; border-radius: 14px !important; font-size: 13.5px !important; white-space: nowrap; }
html.aurum .axa-tabs { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px !important; padding: 4px; border-radius: 18px; background: var(--ax-surface); box-shadow: var(--ax-shadow); overflow: visible !important; }
html.aurum .axa-tabs button { width: 100%; box-shadow: none !important; background: transparent; padding: 10px 6px !important; border-radius: 14px !important; display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; font-size: 13.5px !important; }
html.aurum .axa-tabs button.on { background: var(--ax-ink); color: var(--ax-on-ink); }
@media (max-width: 768px) {
  html.aurum .axa-hero { padding: 16px !important; border-radius: 24px !important; }
  html.aurum .axa-hero-t h2 { font-size: 22px !important; }
  html.aurum .axa-kpis { gap: 6px; }
  html.aurum .axa-kpi { padding: 10px 9px; border-radius: 14px; }
  html.aurum .axa-kpi b { font-size: 15.5px; }
  html.aurum .axa-kpi b .ax-hl { font-size: 14px; }
  html.aurum .axa-hero-note { font-size: 13.5px !important; }
  html.aurum .axa-hero-acts { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-inline: 0 !important; }
  html.aurum .axa-hero-acts button { font-size: 13px !important; }
  html.aurum .axa-tabs button { font-size: 12.5px !important; padding: 9px 4px !important; }
  /* quick questions: 4 topic tiles, then every question visible (wraps — no sideways scrolling) */
  html.aurum .axa-qt { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px !important; overflow: visible !important; margin-bottom: 10px !important; }
  html.aurum .axa-qt button { flex-direction: column; justify-content: center; gap: 4px !important; padding: 9px 2px !important; border-radius: 14px !important; font-size: 12.5px !important; min-width: 0; }
  html.aurum .axa-qt button svg { width: 18px !important; height: 18px !important; }
  html.aurum .axa-qc { flex-wrap: wrap !important; overflow: visible !important; gap: 6px !important; }
  html.aurum .axa-qc button { white-space: normal !important; flex: 1 1 auto; text-align: center !important; padding: 8px 12px !important; font-size: 13px !important; }
  html.aurum .axa-chat { height: auto !important; min-height: 0 !important; }
  html.aurum .axa-chat .axa-msgs { flex: none !important; min-height: 0 !important; max-height: 62dvh; }
  html.aurum .axa-chat .axa-composer { position: static !important; }
}
html.aurum ax-m { font: inherit; color: inherit; }

/* ════════════════════════════════════════════════════════════════════
   51. 4.16.1 · «ليا كام برا» — قايمة بسيطة بفلوسي عند المراكز (js/mhome.js)
════════════════════════════════════════════════════════════════════ */
.mo-sheet .mh-panel.mo { max-height: 86dvh; display: flex; flex-direction: column; }
.mo-h { display: flex; align-items: flex-start; gap: 10px; padding: 4px 4px 14px; border-bottom: 1px solid var(--ax-line, #232323); }
.mo-h > div { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.mo-h span { font-size: 13px; font-weight: 700; color: var(--ax-muted, #9E9E9E); }
.mo-h b { font: 800 34px/1.15 var(--ax-display, system-ui); font-variant-numeric: tabular-nums; color: var(--ax-ok, #5CE89A); }
.mo-h b small { font: 600 15px var(--ax-font, system-ui); color: var(--ax-muted, #9E9E9E); }
.mo-h em { font-style: normal; font-size: 12.5px; color: var(--ax-muted, #9E9E9E); }
.mo-x { width: 36px; height: 36px; border: 0; border-radius: 12px; background: var(--ax-surface-2, #1A1A1A); color: var(--ax-muted, #9E9E9E); font-size: 15px; cursor: pointer; flex: none; }
.mo-list { overflow-y: auto; overscroll-behavior: contain; padding: 6px 0; flex: 1; min-height: 0; }
.mo-row { width: 100%; display: flex; align-items: center; gap: 10px; padding: 11px 6px; border: 0; border-bottom: 1px solid var(--ax-line, #232323); background: transparent; color: var(--ax-text, #fff); cursor: pointer; text-align: start; font: inherit; }
.mo-row:last-child { border-bottom: 0; }
.mo-row:active { background: var(--ax-surface-2, #1A1A1A); }
.mo-n { width: 24px; height: 24px; border-radius: 8px; flex: none; display: grid; place-items: center; font-size: 11.5px; font-weight: 800; background: var(--ax-surface-2, #1A1A1A); color: var(--ax-muted, #9E9E9E); }
.mo-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.mo-t b { font-size: 15px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mo-bar { display: block; height: 4px; border-radius: 9px; background: var(--ax-surface-2, #1A1A1A); overflow: hidden; }
.mo-bar u { display: block; height: 100%; border-radius: inherit; background: var(--ax-ok, #5CE89A); }
.mo-row strong { flex: none; font: 800 16px var(--ax-display, system-ui); font-variant-numeric: tabular-nums; }
.mo-row strong small { font: 600 11.5px var(--ax-font, system-ui); color: var(--ax-muted, #9E9E9E); }
.mo-more { margin: 10px 0 4px; height: 46px; border: 1px solid var(--ax-line-2, #333); border-radius: 14px; background: transparent; color: var(--ax-text, #fff); font: 700 14px var(--ax-font, system-ui); cursor: pointer; flex: none; }

/* 4.16.2 · «فتح» in the live board tiles sits at the bottom corner — it no longer covers the number */
html.aurum .pxs-go { top: auto !important; bottom: 10px !important; left: 10px !important; }
html.aurum .pxs-tile.on .pxs-ts { padding-inline-end: 58px; }

/* ════════════════════════════════════════════════════════════════════
   52. 4.16.2 · «عليا كام» + ترتيب «إنشاء سريع» بالضغط المطوّل
════════════════════════════════════════════════════════════════════ */
.mo-owe .mo-h b { color: var(--ax-bad, #FF6B6B); }
.mo-owe .mo-bar u { background: var(--ax-bad, #FF6B6B); }
.mo-k { font-style: normal; font-size: 11.5px; color: var(--ax-muted, #9E9E9E); margin-top: -4px; }
.mo-btns { display: flex; gap: 8px; flex: none; }
.mo-btns .mo-more { flex: 1; }
.mh-qh { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mh-qh h6 { margin-bottom: 0 !important; }
.mh-qsort { border: 1px solid var(--ax-line-2, #333); background: transparent; color: var(--ax-text, #fff); border-radius: 999px; padding: 5px 14px; font: 700 12.5px var(--ax-font, system-ui); cursor: pointer; }
.mh-qedit .mh-qsort { background: var(--ax-ink, #fff); color: var(--ax-on-ink, #000); border-color: transparent; }
.mh-qhint { display: none; margin: 4px 2px 8px; font-size: 12px; color: var(--ax-muted, #9E9E9E); }
.mh-qedit .mh-qhint { display: block; }
#mh-quick > button { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.mh-qedit #mh-quick > button { touch-action: none; animation: mhWiggle .32s ease-in-out infinite alternate; }
.mh-qedit #mh-quick > button:nth-child(2n) { animation-delay: -.16s; }
@keyframes mhWiggle { from { transform: rotate(-1.4deg); } to { transform: rotate(1.4deg); } }
#mh-quick > button.mh-qdrag { animation: none !important; transform: scale(1.08) !important; opacity: .92; box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .6), 0 0 0 2px var(--tc, #fff) !important; z-index: 2; position: relative; }
@media (prefers-reduced-motion: reduce) { .mh-qedit #mh-quick > button { animation: none; outline: 1.5px dashed var(--ax-line-2, #333); } }
/* the canvas under the bottom bar matches the bar, so a lifted bar never shows a black strip */
@media (max-width: 900px) { html.aurum { background: var(--ax-surface) !important; } }
html.aurum .pxs-ts .ax-hl { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; max-width: 100%; vertical-align: middle; }
html.aurum .pxs-ts { min-width: 0; overflow: hidden; }

/* ════════════════════════════════════════════════════════════════════
   53. 4.16.3 · المساعد: راس صغيرة «🤖 المساعد الذكي ✨» والشات ياخد المساحة
════════════════════════════════════════════════════════════════════ */
html.aurum .axa-hero.axa-hero-c { padding: 12px 14px !important; margin-bottom: 10px !important; border-radius: 20px !important; }
html.aurum .axa-hero-c .axa-hero-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
html.aurum .axa-hero-c .axa-hero-top { align-items: center !important; }
html.aurum .axa-hero-c .axa-hero-top h2 { margin: 0 !important; display: block; white-space: nowrap; font: 800 20px/1.3 var(--ax-display) !important; color: var(--ax-on-deep) !important; }
html.aurum .axa-hero-c .axa-bot { font-size: 20px; line-height: 1; }
html.aurum .axa-hero-c .axa-spark { display: inline-block; font-size: 16px; line-height: 1; animation: axaSpark 2.4s ease-in-out infinite; }
@keyframes axaSpark { 50% { opacity: .45; transform: scale(.8) rotate(12deg); } }
@media (prefers-reduced-motion: reduce) { html.aurum .axa-hero-c .axa-spark { animation: none; } }
html.aurum .axa-hero-c .axa-hero-top small { font-size: 12px; color: var(--ax-deep-muted); white-space: nowrap; }
html.aurum .axa-hero-c .axa-kpis { gap: 6px; }
html.aurum .axa-hero-c .axa-kpi { flex-direction: row; align-items: center; justify-content: space-between; gap: 6px; padding: 7px 9px; border-radius: 12px; }
html.aurum .axa-hero-c .axa-kpi span { font-size: 11px; }
html.aurum .axa-hero-c .axa-kpi b { font-size: 14px; }
html.aurum .axa-hero-c .axa-kpi b .ax-hl { font-size: 13px; }
html.aurum .axa-hero-c .axa-hero-acts { display: flex !important; flex-wrap: wrap; gap: 6px !important; margin-top: 8px !important; }
html.aurum .axa-hero-c .axa-hero-acts { flex-wrap: nowrap !important; }
html.aurum .axa-hero-c .axa-hero-acts button { width: auto; min-width: 0; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; padding: 7px 8px !important; border-radius: 999px !important; font-size: 12.5px !important; }
html.aurum .axa-tabs { margin-bottom: 10px !important; }
@media (max-width: 768px) {
  html.aurum .axa-hero-c .axa-kpi { flex-direction: column; align-items: flex-start; gap: 1px; }
  html.aurum .axa-tabs button { padding: 8px 4px !important; }
  html.aurum .axa-quick { padding: 10px 10px 8px !important; }
  html.aurum .axa-quick-h { margin-bottom: 6px !important; }
  html.aurum .axa-quick-h b { font-size: 15px !important; }
  html.aurum .axa-qt { margin-bottom: 8px !important; }
  html.aurum .axa-qt button { flex-direction: row !important; padding: 7px 2px !important; font-size: 12px !important; gap: 4px !important; }
  html.aurum .axa-qt button svg { width: 15px !important; height: 15px !important; }
  html.aurum .axa-qc button { padding: 6px 10px !important; font-size: 12.5px !important; }
  /* the conversation gets the room */
  html.aurum .axa-chat .axa-msgs { min-height: 46dvh !important; max-height: 70dvh; }
}
html.aurum .axa-hero-c .axa-hero-top h2 { display: flex !important; align-items: center; gap: 6px; height: 28px; line-height: 28px !important; }
html.aurum .axa-hero-c .axa-hero-top h2 .axa-bot, html.aurum .axa-hero-c .axa-hero-top h2 .axa-spark { display: inline-block; height: 22px; line-height: 22px; font-size: 19px; overflow: visible; }
html.aurum .axa-hero-c .axa-hero-top h2 .axa-spark { font-size: 15px; }

/* ════════════════════════════════════════════════════════════════════
   54. 4.17 · رصيد الورق للعرض بس + سجل التعديلات الجديد وقفله
════════════════════════════════════════════════════════════════════ */
html.aurum .topbar .paper-counter.pm { cursor: default !important; }
html.aurum .topbar .paper-counter.pm:hover { transform: none !important; }
html.aurum .topbar .paper-counter.pm .pm-chev { display: none !important; }
html.aurum .topbar .paper-counter.pm:active { transform: none !important; }

/* lock */
.axl { min-height: 60dvh; display: grid; place-items: center; padding: 20px 0; }
.axl-card { width: min(380px, 100%); text-align: center; background: var(--ax-surface); border-radius: 26px; padding: 28px 22px 22px; box-shadow: var(--ax-shadow); }
.axl-card.shake { animation: axlShake .4s; }
@keyframes axlShake { 20%, 60% { transform: translateX(-8px); } 40%, 80% { transform: translateX(8px); } }
.axl-ic { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 20px; display: grid; place-items: center; background: var(--ax-surface-2); color: var(--ax-text); }
.axl-ic svg { width: 32px; height: 32px; }
.axl-card h2 { margin: 0 0 6px; font: 800 22px var(--ax-display); }
.axl-card p { margin: 0 0 16px; font-size: 13.5px; color: var(--ax-muted); line-height: 1.7; }
.axl-card form { display: flex; flex-direction: column; gap: 10px; }
.axl-card input { text-align: center; height: 50px; font-size: 18px !important; letter-spacing: 2px; }
.axl-err { color: var(--ax-bad); font-size: 13px; font-weight: 700; }
.axl-go { height: 48px; font-size: 15px !important; }

/* page */
.axu { max-width: 980px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.axu-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.axu-h h1 { margin: 0; font: 800 28px/1.2 var(--ax-display); }
.axu-h p { margin: 2px 0 0; font-size: 13px; color: var(--ax-muted); }
.axu-ha { display: flex; gap: 6px; }
.axu-alert { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 16px; background: var(--ax-warn-soft); color: var(--ax-text); font-size: 13.5px; }
.axu-alert > div { flex: 1; }
.axu-alert button { border: 0; border-radius: 999px; padding: 7px 14px; background: var(--ax-warn); color: #1a1000; font: 800 12.5px var(--ax-font); cursor: pointer; }
.axu-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.axu-kpi { background: var(--ax-surface); border-radius: 18px; padding: 12px 14px; box-shadow: var(--ax-shadow); display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.axu-kpi span { font-size: 12px; color: var(--ax-muted); font-weight: 600; }
.axu-kpi b { font: 800 24px/1.2 var(--ax-display); font-variant-numeric: tabular-nums; }
.axu-kpi.k-b b { color: var(--ax-blue); } .axu-kpi.k-y b { color: var(--ax-warn); } .axu-kpi.k-r b { color: var(--ax-bad); }
.axu-filters { background: var(--ax-surface); border-radius: 20px; padding: 12px; box-shadow: var(--ax-shadow); display: flex; flex-direction: column; gap: 10px; }
.axu-search { position: relative; }
.axu-search svg { position: absolute; inset-inline-start: 14px; top: 50%; width: 18px; height: 18px; margin-top: -9px; color: var(--ax-muted); pointer-events: none; }
.axu-search input { padding-inline-start: 42px !important; height: 46px; }
.axu-chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.axu-sep { width: 1px; height: 22px; background: var(--ax-line-2); margin: 0 2px; }
.axu-chip { border: 1px solid var(--ax-line-2); background: transparent; color: var(--ax-text); border-radius: 999px; padding: 6px 12px; font: 700 12.5px var(--ax-font); cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
.axu-chip em { font-style: normal; font-size: 11px; color: var(--ax-muted); }
.axu-chip.on { background: var(--ax-ink); color: var(--ax-on-ink); border-color: transparent; }
.axu-chip.on em { color: inherit; opacity: .7; }
.axu-more summary { cursor: pointer; font-size: 13px; font-weight: 700; color: var(--ax-muted); list-style: none; padding: 2px 4px; }
.axu-more summary::-webkit-details-marker { display: none; }
.axu-more summary::before { content: '＋ '; }
.axu-more[open] summary::before { content: '－ '; }
.axu-mg { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; gap: 8px; align-items: end; margin-top: 8px; }
.axu-mg label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--ax-muted); font-weight: 600; min-width: 0; }
.axu-count { font-size: 12.5px; color: var(--ax-muted); padding: 0 4px; }
.axu-day h3 { margin: 4px 4px 8px; font: 800 15px var(--ax-display); color: var(--ax-muted); display: flex; align-items: center; gap: 8px; }
.axu-day h3 em { font-style: normal; font: 700 11px var(--ax-font); padding: 1px 8px; border-radius: 999px; background: var(--ax-surface-2); }
.axu-list { display: flex; flex-direction: column; gap: 8px; }
.axu-item { display: flex; align-items: flex-start; gap: 12px; background: var(--ax-surface); border-radius: 18px; padding: 12px 12px 12px 8px; box-shadow: var(--ax-shadow); cursor: pointer; position: relative; border-inline-start: 3px solid transparent; transition: transform .15s; }
.axu-item:active { transform: scale(.99); }
.axu-item.sus-y { border-inline-start-color: var(--ax-warn); } .axu-item.sus-r { border-inline-start-color: var(--ax-bad); }
.axu-ic { width: 38px; height: 38px; border-radius: 12px; flex: none; display: grid; place-items: center; }
.axu-ic svg { width: 18px; height: 18px; }
.op-g .axu-ic { background: var(--ax-ok-soft); color: var(--ax-ok); } .op-b .axu-ic { background: var(--ax-blue-soft); color: var(--ax-blue); } .op-r .axu-ic { background: var(--ax-bad-soft); color: var(--ax-bad); }
.axu-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.axu-t { font-size: 14.5px; line-height: 1.5; color: var(--ax-muted); }
.axu-t b { color: var(--ax-text); font-weight: 800; }
.axu-tbl { color: var(--ax-muted); }
.axu-m { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; font-size: 12px; color: var(--ax-faint); }
.axu-why { color: var(--ax-muted); }
.axu-sus { font-weight: 800; font-size: 11.5px; padding: 1px 8px; border-radius: 999px; }
.axu-sus.s-r { color: var(--ax-bad); background: var(--ax-bad-soft); } .axu-sus.s-y { color: var(--ax-warn); background: var(--ax-warn-soft); } .axu-sus.s-n { color: var(--ax-muted); background: var(--ax-surface-2); }
.axu-diff { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12.5px; background: var(--ax-surface-2); border-radius: 10px; padding: 6px 10px; margin-top: 2px; }
.axu-f { color: var(--ax-muted); font-weight: 700; }
.axu-b { text-decoration: line-through; color: var(--ax-faint); }
.axu-a { font-weight: 800; color: var(--ax-text); }
.axu-ar { color: var(--ax-faint); }
.axu-diff em { font-style: normal; font-size: 11px; color: var(--ax-muted); }
.axu-del { width: 30px; height: 30px; flex: none; border: 0; border-radius: 10px; background: transparent; color: var(--ax-faint); cursor: pointer; display: grid; place-items: center; }
.axu-del:hover { background: var(--ax-bad-soft); color: var(--ax-bad); }
.axu-del svg { width: 15px; height: 15px; }
.axu-empty { text-align: center; padding: 40px 10px; color: var(--ax-muted); font-size: 32px; }
.axu-empty p { font-size: 14px; margin: 8px 0 0; }
.axu-loadmore { height: 46px; border: 1px dashed var(--ax-line-2); border-radius: 16px; background: transparent; color: var(--ax-text); font: 700 14px var(--ax-font); cursor: pointer; }
.axu-danger { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 12px 14px; border-radius: 18px; border: 1px solid var(--ax-line-2); margin-top: 8px; }
.axu-danger > div { flex: 1; display: flex; flex-direction: column; min-width: 160px; }
.axu-danger b { font-size: 14px; } .axu-danger span { font-size: 12px; color: var(--ax-muted); }
@media (max-width: 768px) {
  .axu-h h1 { font-size: 24px; }
  .axu-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .axu-kpi b { font-size: 20px; }
  .axu-mg { grid-template-columns: 1fr 1fr; }
  .axu-mg > button { grid-column: 1 / -1; }
  .axu-item { padding: 11px 10px 11px 6px; gap: 10px; }
  .axu-t { font-size: 14px; }
}

/* ════════════════════════════════════════════════════════════════════
   55. 4.17.1 · الشريط الأسود تحت الشريط السفلي على الآيفون
   كانت html و body ثابتين على طول الشاشة (height:100%) و overflow-x:hidden بيخلي
   الـ body نفسه هو اللي بيسكرول جواه؛ الآيفون لما الشاشة تتغير (كيبورد / رجوع للبرنامج)
   كان بيسيب الطول القديم فيبان فراغ أسود. دلوقتي: الطول على قد
   المحتوى والصفحة كلها بتسكرول بالشباك نفسه، والشريط fixed على آخر الشاشة.
════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  html.aurum, html.aurum body { height: auto !important; min-height: 100% !important; max-width: 100% !important; }
  html.aurum { overflow-x: hidden !important; overflow-y: visible !important; }
  html.aurum body { overflow: visible !important; overflow-x: clip !important; position: relative; }
  html.aurum #bottom-nav { padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important; }
  html.aurum.mh-lock, html.aurum.mh-lock body, html.aurum.axn-lock, html.aurum.axn-lock body { overflow: hidden !important; }
}

/* 4.17.2 · الرقم الكبير فوق رسم اللوحة الحية — ماركر أخضر دايماً، وبيترسم تاني كل 15 ثانية */
html.aurum .pxs-gval .ax-hl { padding: 0 .28em; margin: 0 -.06em; }
html.aurum .pxs-gval .ax-hl.ax-hl-draw { animation-duration: .85s; }

/* ════════════════════════════════════════════════════════════════════
   57. 4.19 · شريط الدولار والدهب المباشر مكان «رصيد الورق» (js/fxtape.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .topbar #paper-counter { display: none !important; }
/* Phase 6: no 240 px floor — a scrolling strip (overflow hidden) that shares the shrinking with the search box,
   so the title and the icons always fit (was: icons pushed off-screen at 1366 px) */
html.aurum .topbar .fx-tape { flex: 0 1 380px; min-width: 0; height: 46px; margin: 0 2px; border-radius: 15px; overflow: hidden; }
html.aurum .topbar .fx-tape .axtk--bar { height: 100%; border-radius: inherit; }
html.aurum .fx-tape .axtk-it em { font-size: 12.5px; }
html.aurum .fx-tape .axtk-it b { font-size: 16px; }
html.aurum .fx-tape .axtk-it { cursor: default; }
html.aurum .fx-tape .axtk-it small { color: rgba(255, 255, 255, .45); }
@media (max-width: 768px) {
  html.aurum .topbar .fx-tape { order: 99; flex: 1 1 100%; width: 100%; min-width: 0; height: 48px; margin: 0; border-radius: 14px; }
  html.aurum .topbar .fx-tape .axtk--bar { background: rgba(255, 255, 255, .08); box-shadow: none; }
  html.aurum.pm-mini .topbar .fx-tape { display: none !important; }
}

/* 4.20 · forced password change (weak password) */
.axpw { position: fixed; inset: 0; z-index: 20000; display: grid; place-items: center; padding: 20px; background: rgba(0, 0, 0, .72); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.axpw-card { width: min(400px, 100%); background: var(--ax-surface, #121212); color: var(--ax-text, #fff); border-radius: 26px; padding: 26px 22px 20px; text-align: center; box-shadow: 0 30px 80px rgba(0, 0, 0, .6); }
.axpw-ic { font-size: 40px; margin-bottom: 8px; }
.axpw-card h2 { margin: 0 0 6px; font: 800 22px var(--ax-display, system-ui); }
.axpw-card p { margin: 0 0 16px; font-size: 13.5px; line-height: 1.7; color: var(--ax-muted, #9E9E9E); }
.axpw-card form { display: flex; flex-direction: column; gap: 10px; }
.axpw-card input { height: 48px; text-align: center; }
.axpw-err { min-height: 18px; color: var(--ax-bad, #FF6B6B); font-size: 13px; font-weight: 700; }
.axpw-go { height: 48px; }
.axpw-out { border: 0; background: transparent; color: var(--ax-muted, #9E9E9E); font: 600 13px var(--ax-font, system-ui); cursor: pointer; padding: 6px; }

/* ════════════════════════════════════════════════════════════════════
   58. 4.20 · القسم المفتوح في القايمة الجانبية = ضربة ماركر (اقتراح ٣)
   4.21: رجع أخضر فسفوري (زي اقتراح ٣) بكلام غامق في الوضعين — حواف غير
   منتظمة، مايلة سنة، وبتترسم من اليمين لما تفتح القسم.
════════════════════════════════════════════════════════════════════ */
html.aurum { --mkc: 74, 222, 128; --mkt: #04210E; }
html.aurum[data-theme="dark"] { --mkc: 74, 222, 128; }
html.aurum .nav-item.active {
  background-color: transparent !important;
  background-image:
    linear-gradient(100deg, rgba(var(--mkc), .55) 0%, rgba(var(--mkc), .97) 4%, rgba(var(--mkc), .84) 50%, rgba(var(--mkc), .95) 93%, rgba(var(--mkc), .6) 100%),
    linear-gradient(176deg, transparent 0 15%, rgba(var(--mkc), .22) 16% 85%, transparent 86%) !important;
  background-repeat: no-repeat !important; background-position: right center !important; background-size: 100% 100% !important;
  border-radius: 1.1em .35em 1.2em .4em / .55em 1.2em .5em 1.1em !important;
  transform: rotate(-.6deg);
  box-shadow: none !important;
  color: var(--mkt) !important;
  animation: navMk .55s cubic-bezier(.3, .7, .2, 1) both;
}
html.aurum .nav-item.active .icon { color: var(--mkt) !important; background: transparent !important; }
html.aurum .nav-item.active .icon svg { stroke: currentColor; }
html.aurum .nav-item.active .badge { transform: rotate(.6deg); }
@keyframes navMk { from { background-size: 0% 100%, 0% 100%; } to { background-size: 100% 100%, 100% 100%; } }
@media (prefers-reduced-motion: reduce) { html.aurum .nav-item.active { animation: none; } }

/* ════════════════════════════════════════════════════════════════════
   59. 4.20 · الإعدادات مترتبة في أقسام (js/settingsx.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .axs-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
html.aurum .axs-lock { display: flex; gap: 6px; }
html.aurum .axs { display: flex; flex-direction: column; gap: 14px; max-width: 1000px; }
html.aurum .axs-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
html.aurum .axs-tab { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: start; border: 1px solid var(--ax-line-2); background: var(--ax-surface); color: var(--ax-text); border-radius: 16px; padding: 12px; cursor: pointer; font-family: var(--ax-font); min-width: 0; transition: border-color .15s, background .15s; }
html.aurum .axs-tab span { font-size: 20px; line-height: 1; margin-bottom: 4px; }
html.aurum .axs-tab b { font-size: 14px; font-weight: 800; }
html.aurum .axs-tab small { font-size: 11.5px; color: var(--ax-muted); line-height: 1.4; }
html.aurum .axs-tab.on { border-color: transparent; background: var(--ax-ink); color: var(--ax-on-ink); }
html.aurum .axs-tab.on small { color: inherit; opacity: .7; }
html.aurum .axs-tab.d.on { background: var(--ax-bad); color: #fff; }
html.aurum .axs-group { display: flex; flex-direction: column; gap: 14px; }
html.aurum .axs-group[hidden] { display: none !important; }
html.aurum .axs-card { margin: 0 !important; border: 1px solid var(--ax-line) !important; background: var(--ax-surface) !important; border-radius: 20px !important; box-shadow: var(--ax-shadow) !important; overflow: hidden; }
html.aurum .axs-card .card-header { background: transparent !important; border-bottom: 1px solid var(--ax-line) !important; }
html.aurum .axs-card .card-title { color: var(--ax-text) !important; font-size: 16px !important; }
html.aurum .axs-group[data-g="danger"] .axs-card { border-color: color-mix(in srgb, var(--ax-bad) 45%, transparent) !important; }
html.aurum .axs-group[data-g="danger"] .card-title { color: var(--ax-bad) !important; }
@media (max-width: 768px) {
  html.aurum .axs-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.aurum .axs-tab small { display: none; }
  html.aurum .axs-tab { flex-direction: row; align-items: center; gap: 8px; padding: 11px 12px; }
  html.aurum .axs-tab span { margin: 0; font-size: 18px; }
  html.aurum .axs-tab:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* ════════════════════════════════════════════════════════════════════
   60. 4.21 · رسالة «تم بنجاح» بشكل جديد — كارت زي الإيصال
   شريط ملوّن فوق فيه ختم ✓ بيترسم وحلقة بتلف، والعدّاد خط رفيع تحته؛
   تحت: العنوان والرسالة، خط مقصوص، والتاريخ/الوقت/المستخدم في 3 مربعات.
   على الموبايل بيطلع من تحت (قريب من صباعك)، وعلى الكمبيوتر في النص.
════════════════════════════════════════════════════════════════════ */
/* the overlay itself — its old rules sat inside an unclosed mobile @media in index.html,
   so on the computer the message used to drop unstyled at the bottom of the page */
.notify-overlay { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px;
  background: rgba(3, 6, 14, 0); opacity: 0; pointer-events: none; -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0);
  transition: background .25s ease, backdrop-filter .25s ease, opacity .25s ease; }
.notify-overlay.show { background: rgba(3, 6, 14, .62); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); opacity: 1; pointer-events: auto; }
.notify-overlay.closing { opacity: 0; background: rgba(3, 6, 14, 0); }
.nk { --nk1: #12A150; --nk2: #3BD982; --nkr: 18, 161, 80;
  position: relative; width: 100%; max-width: 384px; border-radius: 28px; overflow: hidden;
  background: var(--ax-surface, #121212); color: var(--ax-text, #fff); font-family: var(--ax-font, system-ui);
  box-shadow: 0 34px 80px -20px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .06);
  transform: translateY(26px) scale(.95); opacity: 0;
  transition: transform .46s cubic-bezier(.22, 1.3, .36, 1), opacity .22s ease; }
html[data-theme="light"] .nk, html.aurum[data-theme="light"] .nk { box-shadow: 0 34px 80px -24px rgba(0, 32, 85, .45), 0 0 0 1px rgba(0, 32, 85, .06); }
.nk-error   { --nk1: #DC2626; --nk2: #FB7185; --nkr: 220, 38, 38; }
.nk-warning { --nk1: #D97706; --nk2: #FBBF24; --nkr: 217, 119, 6; }
.nk-info    { --nk1: #2563EB; --nk2: #60A5FA; --nkr: 37, 99, 235; }
.notify-overlay.show .nk { transform: none; opacity: 1; }
.notify-overlay.closing .nk { transform: translateY(18px) scale(.97); opacity: 0; transition-duration: .22s; }

.nk-band { position: relative; height: 138px; display: grid; place-items: center; overflow: hidden; color: #fff;
  background: radial-gradient(120% 90% at 85% 0%, rgba(255, 255, 255, .28), transparent 55%), linear-gradient(140deg, var(--nk1), var(--nk2)); }
.nk-orb { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, .14); pointer-events: none; }
.nk-orb1 { width: 150px; height: 150px; left: -46px; bottom: -70px; }
.nk-orb2 { width: 74px; height: 74px; right: 22%; top: -34px; background: rgba(255, 255, 255, .1); }
.nk-kick { position: absolute; top: 14px; inset-inline-start: 16px; padding: 4px 11px; border-radius: 99px; background: rgba(255, 255, 255, .2);
  font: 800 12px var(--ax-font, system-ui); letter-spacing: .2px; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.nk-x { position: absolute; top: 11px; inset-inline-end: 11px; width: 32px; height: 32px; border: 0; border-radius: 50%; display: grid; place-items: center;
  background: rgba(255, 255, 255, .2); color: #fff; cursor: pointer; transition: background .15s; }
.nk-x:hover { background: rgba(255, 255, 255, .32); }
.nk-seal { position: relative; width: 88px; height: 88px; margin-top: 16px; }
.nk-ring { position: absolute; inset: 0; width: 100%; height: 100%; animation: nkSpin 9s linear infinite; }
.nk-ring circle { fill: none; stroke: rgba(255, 255, 255, .6); stroke-width: 2.5; stroke-dasharray: 5 7; stroke-linecap: round; }
.nk-disc { position: absolute; inset: 11px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--nk1);
  box-shadow: 0 12px 26px -6px rgba(0, 0, 0, .35), inset 0 -3px 0 rgba(0, 0, 0, .06); animation: nkPop .5s cubic-bezier(.34, 1.56, .64, 1) .08s both; }
.nk-path { stroke-dasharray: 90; stroke-dashoffset: 90; animation: nkDraw .45s ease .38s forwards; }
.nk-time { position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: rgba(0, 0, 0, .16); }
.nk-time i { display: block; height: 100%; width: 100%; background: rgba(255, 255, 255, .9); border-radius: 0 4px 4px 0; }

.nk-body { padding: 18px 20px 20px; text-align: center; }
.nk-title { font: 800 22px/1.3 var(--ax-display, var(--ax-font, system-ui)); color: var(--ax-text, #fff); animation: nkUp .4s ease .12s both; }
.nk-msg { margin-top: 6px; font-size: 14.5px; line-height: 1.75; font-weight: 600; color: var(--ax-muted, #9E9E9E); animation: nkUp .4s ease .18s both; }
.nk-msg b { color: var(--ax-text, #fff); }
.nk-perf { position: relative; height: 0; margin: 16px -20px 14px; border-top: 2px dashed var(--ax-line-2, #333); }
.nk-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; animation: nkUp .4s ease .24s both; }
.nk-meta > div { display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 0; padding: 10px 6px 9px; border-radius: 16px;
  background: var(--ax-surface-2, #1A1A1A); }
.nk-meta svg { color: var(--nk1); margin-bottom: 1px; }
html.aurum[data-theme="dark"] .nk-meta svg { color: var(--nk2); }
.nk-meta span { font-size: 11px; font-weight: 700; color: var(--ax-faint, #6E6E6E); }
.nk-meta b { max-width: 100%; font-size: 13px; font-weight: 800; color: var(--ax-text, #fff); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; direction: ltr; }
.nk-meta > div:last-child b { direction: rtl; }
.nk-ok { margin-top: 16px; width: 100%; height: 52px; border: 0; border-radius: 17px; cursor: pointer;
  background: linear-gradient(135deg, var(--nk1), var(--nk2)); color: #fff; font: 800 16px var(--ax-font, system-ui);
  box-shadow: 0 12px 26px -10px rgba(var(--nkr), .75), inset 0 1px 0 rgba(255, 255, 255, .25); transition: filter .15s, transform .12s; }
.nk-ok:hover { filter: brightness(1.06); }
.nk-ok:active { transform: scale(.98); }
@keyframes nkSpin { to { transform: rotate(360deg); } }
@keyframes nkPop { from { transform: scale(0) rotate(-30deg); } to { transform: none; } }
@keyframes nkDraw { to { stroke-dashoffset: 0; } }
@keyframes nkUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (max-width: 560px) {
  .notify-overlay { align-items: flex-end; padding: 0 10px calc(10px + env(safe-area-inset-bottom, 0px)); }
  .nk { max-width: 100%; border-radius: 30px; transform: translateY(110%); }
  .notify-overlay.closing .nk { transform: translateY(110%); opacity: 1; transition: transform .26s ease-in; }
  .nk-band { height: 128px; }
}
@media (prefers-reduced-motion: reduce) {
  .nk, .nk-ring, .nk-disc, .nk-path, .nk-title, .nk-msg, .nk-meta { animation: none !important; transition: none !important; }
  .nk-path { stroke-dashoffset: 0; }
}

/* ════════════════════════════════════════════════════════════════════
   61. 4.21 · الشريط السفلي الذكي (js/navsmart.js)
   نازل ← بيختفي بهدوء · طالع ← بيرجع فوراً · أول الصفحة ← ظاهر
════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  html.aurum #bottom-nav, #bottom-nav { transition: transform .28s cubic-bezier(.2, .9, .3, 1), opacity .2s ease, visibility 0s; will-change: transform; }
  html.bn-hide #bottom-nav, html.aurum.bn-hide #bottom-nav { transform: translate3d(0, calc(100% + 28px), 0); opacity: 0; visibility: hidden; pointer-events: none;
    transition: transform .42s cubic-bezier(.45, 0, .7, .3), opacity .38s ease, visibility 0s linear .42s; }
  html.aurum .skc-actions { transition: bottom .32s cubic-bezier(.2, .9, .3, 1); }
  html.aurum.bn-hide .skc-actions { bottom: calc(12px + env(safe-area-inset-bottom, 0px)); transition: bottom .42s cubic-bezier(.45, 0, .7, .3); }
}
@media (prefers-reduced-motion: reduce) { #bottom-nav, html.aurum #bottom-nav { transition-duration: .01ms !important; } }

/* ════════════════════════════════════════════════════════════════════
   62. 4.21 · «كشف مركز» في التحصيل والمديونيات (js/centerstmt.js)
════════════════════════════════════════════════════════════════════ */
html.aurum .axst-open { background: var(--ax-ink) !important; color: var(--ax-on-ink) !important; border: 0 !important; gap: 7px; }
html.aurum .axst-open svg { flex: none; }
.axst-sheet .mh-panel.axst { max-height: 90dvh; display: flex; flex-direction: column; padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
.axst-in { display: flex; flex-direction: column; min-height: 0; flex: 1; }
.axst-s .axst-in { display: block; }
.axst-sheet .mh-panel.axst.axst-s { display: block; }
.axst-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 2px 2px 12px; }
.axst-tt { display: flex; align-items: center; gap: 10px; min-width: 0; }
.axst-tt > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.axst-tt b { font: 800 20px var(--ax-display, system-ui); }
.axst-tt em { font-style: normal; font-size: 12.5px; color: var(--ax-muted, #9E9E9E); }
.axst-badge { width: 42px; height: 42px; flex: none; display: grid; place-items: center; border-radius: 14px; background: var(--ax-ink, #fff); font-size: 19px; }
.axst-fld { display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 14px; flex: none; cursor: text;
  background: var(--ax-surface-2, #1A1A1A); border: 1.5px solid var(--ax-ink, #fff); border-radius: 16px; box-shadow: 0 0 0 4px rgba(var(--ax-primary-rgb, 255, 255, 255), .08); }
.axst-fld .axp-ic { font-size: 17px; opacity: .8; }
.axst-fld .axp-n { flex: none; color: var(--ax-muted, #9E9E9E); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
#axst-q, html.aurum #axst-q { flex: 1; min-width: 0; height: 100% !important; min-height: 0 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; border-radius: 0 !important;
  background: transparent !important; color: var(--ax-text, #fff) !important; font: 600 16px/1 var(--ax-font, system-ui) !important; padding: 0 !important; -webkit-appearance: none; appearance: none; }
#axst-q::placeholder { color: var(--ax-muted, #9E9E9E); font-weight: 500; }
#axst-q::-webkit-search-cancel-button { -webkit-appearance: none; }
.axst-list { flex: 1; min-height: 120px; overflow-y: auto; overscroll-behavior: contain; margin-top: 10px; padding: 6px; border-radius: 22px;
  background: var(--ax-surface-3, var(--ax-surface, #1E1E1E)); border: 1px solid var(--ax-line-2, #333); }
.axst-list .axp-row { cursor: pointer; }
.axst-chev { flex: none; font-size: 20px; color: var(--ax-faint, #6E6E6E); }
.axst-foot { position: static; border-top: 0; padding: 8px 6px 0; }

.axst-back { border: 0; background: var(--ax-surface-2, #1A1A1A); color: var(--ax-text, #fff); border-radius: 12px; height: 36px; padding: 0 14px; font: 700 13.5px var(--ax-font, system-ui); cursor: pointer; }
.axst-hero { border-radius: 24px; padding: 16px 16px 14px; color: #fff; position: relative; overflow: hidden;
  background: radial-gradient(110% 80% at 90% 0%, rgba(255, 255, 255, .18), transparent 60%), linear-gradient(140deg, #B91C1C, #F43F5E); }
.axst-hero.clear { background: radial-gradient(110% 80% at 90% 0%, rgba(255, 255, 255, .2), transparent 60%), linear-gradient(140deg, #12A150, #3BD982); }
.axst-who { display: flex; flex-direction: column; gap: 2px; margin-bottom: 10px; }
.axst-who b { font: 800 18px var(--ax-display, system-ui); }
.axst-who em { font-style: normal; font-size: 12.5px; opacity: .85; }
.axst-lbl { font-size: 12.5px; font-weight: 700; opacity: .9; }
.axst-big { font: 800 40px/1.1 var(--ax-display, system-ui); font-variant-numeric: tabular-nums; margin: 2px 0 12px; }
.axst-big small { font: 700 16px var(--ax-font, system-ui); opacity: .85; }
.axst-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.axst-kpis > div { background: rgba(0, 0, 0, .16); border-radius: 14px; padding: 8px 8px 7px; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.axst-kpis span { font-size: 11px; font-weight: 700; opacity: .85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.axst-kpis b { font: 800 16px var(--ax-display, system-ui); font-variant-numeric: tabular-nums; }
.axst-chips { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 12px 0 8px; position: sticky; top: -8px; z-index: 2; background: var(--ax-bg, #000); }
.axst-chips::-webkit-scrollbar { display: none; }
.axst-chip { flex: none; border: 1px solid var(--ax-line-2, #333); background: transparent; color: var(--ax-text, #fff); border-radius: 999px; height: 36px; padding: 0 14px; font: 700 13px var(--ax-font, system-ui); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.axst-chip i { font-style: normal; font-size: 11.5px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 99px; display: inline-grid; place-items: center; background: var(--ax-surface-2, #1A1A1A); }
.axst-chip.red i { background: var(--ax-bad-soft, #46212E); color: var(--ax-bad, #FF6B6B); }
.axst-chip.on { background: var(--ax-ink, #fff); color: var(--ax-on-ink, #000); border-color: transparent; }
.axst-chip.on i { background: rgba(127, 127, 127, .25); color: inherit; }
.axst-ops { display: flex; flex-direction: column; gap: 8px; padding-bottom: 6px; }
.axst-op { background: var(--ax-surface, #121212); border-radius: 18px; padding: 12px 13px; border: 1px solid var(--ax-line, #232323); border-inline-start: 4px solid var(--ax-line-2, #333); }
.axst-op.st-paid { border-inline-start-color: var(--ax-ok, #5CE89A); }
.axst-op.st-part { border-inline-start-color: var(--ax-warn, #FFBD5C); }
.axst-op.st-open { border-inline-start-color: var(--ax-bad, #FF6B6B); }
.axst-op.axst-pay { border-inline-start-color: var(--ax-ok, #5CE89A); }
.axst-op-h { display: flex; align-items: center; gap: 8px; }
.axst-op-h b { flex: 1; min-width: 0; font-size: 14.5px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.axst-op-h strong { flex: none; font: 800 17px var(--ax-display, system-ui); font-variant-numeric: tabular-nums; }
.axst-op-h strong small { font: 600 11.5px var(--ax-font, system-ui); color: var(--ax-muted, #9E9E9E); }
.axst-pill { flex: none; font-size: 11.5px; font-weight: 800; padding: 3px 9px; border-radius: 99px; }
.axst-pill.p-ok { background: var(--ax-ok-soft, #173E26); color: var(--ax-ok, #5CE89A); }
.axst-pill.p-warn { background: var(--ax-warn-soft, #42301A); color: var(--ax-warn, #FFBD5C); }
.axst-pill.p-bad { background: var(--ax-bad-soft, #46212E); color: var(--ax-bad, #FF6B6B); }
.axst-op-s { display: flex; flex-direction: column; gap: 3px; margin-top: 6px; font-size: 12.5px; color: var(--ax-muted, #9E9E9E); }
.axst-it { color: var(--ax-text, #fff); opacity: .8; overflow-wrap: anywhere; }
.axst-op-b { display: flex; flex-direction: column; gap: 5px; margin-top: 9px; font-size: 12.5px; color: var(--ax-muted, #9E9E9E); }
.axst-op-b b { color: var(--ax-text, #fff); }
.axst-bar { display: block; height: 6px; border-radius: 9px; background: var(--ax-bad-soft, #46212E); overflow: hidden; }
.axst-bar u { display: block; height: 100%; border-radius: inherit; background: var(--ax-ok, #5CE89A); }
.axst-op.late { box-shadow: 0 0 0 1px var(--ax-bad, #FF6B6B) inset; }
.axst-acts { position: sticky; bottom: calc(-14px - env(safe-area-inset-bottom, 0px)); display: flex; gap: 8px; padding: 10px 0 2px; margin-top: 6px; background: var(--ax-bg, #000); }
.axst-act { flex: 1; height: 48px; border: 1px solid var(--ax-line-2, #333); border-radius: 15px; background: var(--ax-surface, #121212); color: var(--ax-text, #fff); font: 800 14px var(--ax-font, system-ui); cursor: pointer; white-space: nowrap; }
.axst-act.ok { background: linear-gradient(135deg, #12A150, #3BD982); color: #fff; border: 0; }
.axst-act.wa { background: #25D366; color: #06331A; border: 0; }
@media (min-width: 769px) {
  .axst-sheet .mh-panel.axst { inset-inline: 0; margin-inline: auto; width: min(620px, calc(100vw - 48px)); bottom: 4vh; max-height: 88vh; border-radius: 28px; }
}
@media (min-width: 769px) { .axst-sheet .mh-panel.axst { transform: translateY(calc(100% + 8vh)); } .axst-sheet.show .mh-panel.axst { transform: none; } }

/* ════════════════════════════════════════════════════════════════════
   63. 4.22 · زرار «المزيد» العايم على الكمبيوتر (js/deskmore.js)
   + المساعد الذكي العايم رجع على الموبايل في لوحة التحكم
════════════════════════════════════════════════════════════════════ */
#ax-more-fab { display: none; }
@media (min-width: 769px) {
  #ax-more-fab.show { position: fixed; z-index: 150; bottom: calc(22px + env(safe-area-inset-bottom, 0px)); inset-inline-end: calc(78px + env(safe-area-inset-left, 0px));
    display: inline-flex; align-items: center; gap: 7px; height: 46px; padding: 0 16px 0 14px; border: 0; border-radius: 99px; cursor: pointer;
    background: var(--ax-hero-bg, #002055); color: var(--ax-hero-gold, #fff); font: 800 14.5px var(--ax-font, system-ui);
    box-shadow: 0 0 0 1px rgba(233, 182, 80, .45), 0 12px 30px rgba(0, 0, 0, .35); transition: transform .2s cubic-bezier(.34, 1.56, .64, 1), box-shadow .2s;
    animation: axMoreIn .35s cubic-bezier(.34, 1.56, .64, 1); }
  #ax-more-fab.show:hover { transform: translateY(-3px); }
  #ax-more-fab.show:active { transform: scale(.95); }
  #ax-more-fab.on { box-shadow: 0 0 0 2px var(--ax-hero-gold, #fff), 0 12px 30px rgba(0, 0, 0, .35); }
  #ax-more-fab.on svg { transform: rotate(45deg); }
  #ax-more-fab svg { transition: transform .25s ease; flex: none; }
  html[data-theme="light"] #ax-more-fab.show { box-shadow: 0 0 0 1px rgba(0, 32, 85, .25), 0 12px 30px rgba(0, 32, 85, .3); }

  /* «المزيد» as a floating panel right above the button */
  #mh-more.mh-desk .mh-scrim { background: rgba(4, 10, 24, .22); }
  #mh-more.mh-desk .mh-panel { inset-inline: auto; inset-inline-end: calc(18px + env(safe-area-inset-left, 0px)); bottom: calc(88px + env(safe-area-inset-bottom, 0px));
    width: 430px; max-height: min(76vh, 760px); border-radius: 26px; padding: 14px 16px 16px; border: 1px solid var(--ax-line);
    transform: translateY(14px) scale(.97); opacity: 0; transform-origin: bottom left; transition: transform .26s cubic-bezier(.22, 1, .36, 1), opacity .18s ease; }
  [dir="ltr"] #mh-more.mh-desk .mh-panel { transform-origin: bottom right; }
  #mh-more.mh-desk.show .mh-panel { transform: none; opacity: 1; }
  #mh-more.mh-desk .mh-grip { display: none; }
  #mh-more.mh-desk .mh-quick button, #mh-more.mh-desk .mh-all button { transition: background .15s, border-color .15s, transform .12s; }
  #mh-more.mh-desk .mh-quick button:hover, #mh-more.mh-desk .mh-all button:hover { border-color: var(--tc, var(--ax-line-2)); background: color-mix(in srgb, var(--tc, #888) 8%, var(--ax-surface)); }
  html.aurum.mh-lock:has(#mh-more.mh-desk.show), html.aurum.mh-lock:has(#mh-more.mh-desk.show) body { overflow: auto !important; }
}
@keyframes axMoreIn { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }

@media (max-width: 768px) {
  html.aurum #ai-fab.visible { display: flex !important; }
  html.aurum #ai-fab { inset-inline-end: calc(16px + env(safe-area-inset-left, 0px)) !important; bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important; z-index: 139 !important;
    transition: bottom .32s cubic-bezier(.2, .9, .3, 1), transform .2s ease, opacity .25s ease !important; }
  html.aurum.bn-hide #ai-fab { bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important; transition: bottom .42s cubic-bezier(.45, 0, .7, .3) !important; }
  html.aurum.mh-lock #ai-fab { opacity: 0; pointer-events: none; }
}

/* ════════════════════════════════════════════════════════════════════
   64. 4.23 · المساعد الذكي العايم = روبوت لطيف في كورة ملونة بتتنطط
   كل 4.6 ثانية: بيستعد (ينضغط) ← ينط ويلف سنة ← ينزل ويتنطط نطتين
   صغيرين، وفوقه «مساعدك الذكي» بيتكتب حرف حرف مع النطة (js/aibot.js).
════════════════════════════════════════════════════════════════════ */
#ai-fab.axbot, html.aurum #ai-fab.axbot {
  width: 48px !important; height: 48px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important;
  background: transparent !important; box-shadow: none !important; overflow: visible !important; animation: none !important; color: inherit !important;
  -webkit-tap-highlight-color: transparent; }
html.aurum #ai-fab.axbot::before, #ai-fab.axbot::before { display: none !important; }
#ai-fab.axbot:hover { transform: none; }
#ai-fab.axbot:hover .axbot-orb { filter: brightness(1.06) saturate(1.1); }
#ai-fab.axbot:active .axbot-orb { transform: scale(.9); animation-play-state: paused; }
.axbot-jump { position: relative; display: block; width: 100%; height: 100%; animation: axHop 4.6s cubic-bezier(.3, .7, .4, 1) infinite; }
.axbot-orb { position: absolute; inset: 0; display: grid; place-items: center; border-radius: 50%; overflow: hidden; transform-origin: 50% 100%;
  background:
    radial-gradient(circle at 30% 22%, rgba(255, 255, 255, .42), transparent 38%),
    linear-gradient(138deg, #10E4EC 0%, #2FE39A 36%, #DDEB3B 62%, #FFB21F 84%, #FF9417 100%);
  box-shadow: -5px -2px 16px rgba(16, 228, 236, .5), 6px 5px 18px rgba(255, 160, 30, .55),
    inset 0 -7px 12px rgba(160, 70, 0, .18), inset 0 4px 8px rgba(255, 255, 255, .4);
  animation: axSquash 4.6s ease-in-out infinite; transition: filter .2s; }
.axbot-gl { position: absolute; border-radius: 50%; border: 2px solid transparent; pointer-events: none; }
.axbot-gl1 { width: 24px; height: 24px; top: 4px; left: 4px; border-top-color: rgba(255, 255, 255, .55); transform: rotate(-38deg); }
.axbot-gl2 { width: 24px; height: 24px; top: 4px; right: 4px; border-top-color: rgba(255, 255, 255, .45); transform: rotate(40deg); }
.axbot-gl3 { width: 27px; height: 27px; bottom: 3px; right: 5px; border-bottom-color: rgba(255, 236, 160, .55); transform: rotate(-28deg); }
.axbot-bot { position: relative; z-index: 1; width: 41px; height: 41px; margin-top: 1px; filter: drop-shadow(0 3px 4px rgba(90, 40, 0, .22)); overflow: visible; }
.axbot-ant { animation: axAnt 2.3s ease-in-out infinite; transform-origin: 32px 11px; transform-box: view-box; }
.axbot-face { animation: axFace 4.6s ease-in-out infinite; transform-origin: 32px 32px; transform-box: view-box; }
.axbot-shd { position: absolute; left: 50%; bottom: -7px; width: 34px; height: 7px; margin-left: -17px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(0, 0, 0, .42), transparent); animation: axShd 4.6s ease-in-out infinite; }

/* «مساعدك الذكي» — small pill above, hops with the orb and types itself */
.axbot-tag { position: absolute; left: -2px; bottom: calc(100% + 7px); transform-origin: 24px 100%; display: inline-flex; align-items: center; gap: 2px;
  height: 21px; padding: 0 8px; border-radius: 99px; white-space: nowrap; pointer-events: none;
  background: rgba(10, 14, 22, .9); color: #fff; font: 800 10.5px/1 var(--ax-font, system-ui);
  box-shadow: 0 0 0 1px rgba(63, 229, 150, .45), 0 6px 16px rgba(0, 0, 0, .35), 0 0 14px rgba(16, 228, 236, .25);
  transition: opacity .2s, transform .25s cubic-bezier(.34, 1.56, .64, 1); }
.axbot-tag::after { content: ''; position: absolute; left: 19px; top: 100%; border: 5px solid transparent; border-top-color: rgba(10, 14, 22, .9); }
.axbot-txt { background: linear-gradient(90deg, #5CF2C2, #E9F25A, #FFC04A); -webkit-background-clip: text; background-clip: text; color: transparent; }
.axbot-caret { width: 2px; height: 11px; border-radius: 2px; background: #5CF2C2; opacity: 0; }
.axbot-tag.typing .axbot-caret { opacity: 1; animation: axCaret .5s steps(2) infinite; }
.axbot-tag.empty { opacity: 0; transform: scale(.6) translateY(6px); transition-duration: .12s; }
html[data-theme="light"] .axbot-tag { background: #fff; color: #0B1630; box-shadow: 0 0 0 1px rgba(18, 161, 80, .35), 0 6px 16px rgba(0, 32, 85, .2); }
html[data-theme="light"] .axbot-tag::after { border-top-color: #fff; }
html[data-theme="light"] .axbot-txt { background: linear-gradient(90deg, #0A9A8F, #12A150, #D07A00); -webkit-background-clip: text; background-clip: text; }

@keyframes axHop {
  0%, 6% { transform: translateY(0); }
  15% { transform: translateY(-13px); }
  21% { transform: translateY(-16px); }
  29% { transform: translateY(0); }
  34% { transform: translateY(-5px); }
  39% { transform: translateY(0); }
  43% { transform: translateY(-2.5px); }
  47%, 100% { transform: translateY(0); }
}
@keyframes axSquash {
  0%, 3% { transform: scale(1, 1); }
  8% { transform: scale(1.12, .86); }
  14% { transform: scale(.92, 1.1) rotate(-4deg); }
  19% { transform: scale(.97, 1.04) rotate(-9deg); }
  24% { transform: scale(1, 1) rotate(6deg); }
  29% { transform: scale(1.13, .85) rotate(0); }
  34% { transform: scale(.96, 1.05); }
  39% { transform: scale(1.06, .94); }
  44%, 100% { transform: scale(1, 1); }
}
@keyframes axShd {
  0%, 6% { transform: scale(1); opacity: 1; }
  8% { transform: scale(1.12); opacity: 1; }
  21% { transform: scale(.5); opacity: .35; }
  29% { transform: scale(1.15); opacity: 1; }
  34% { transform: scale(.85); opacity: .75; }
  39%, 100% { transform: scale(1); opacity: 1; }
}
@keyframes axFace { 0%, 12%, 30%, 100% { transform: translateY(0); } 18% { transform: translateY(-1.5px) scale(1.06); } 29% { transform: translateY(1px); } }
@keyframes axAnt { 0%, 100% { filter: drop-shadow(0 0 2px rgba(255, 220, 60, .6)); } 50% { filter: drop-shadow(0 0 6px rgba(255, 220, 60, 1)); } }
@keyframes axCaret { 50% { opacity: 0; } }

@media (max-width: 768px) {
  #ai-fab.axbot, html.aurum #ai-fab.axbot { width: 46px !important; height: 46px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .axbot-jump, .axbot-orb, .axbot-shd, .axbot-face, .axbot-ant { animation: none !important; }
}
[dir="ltr"] .axbot-tag { left: auto; right: -2px; transform-origin: calc(100% - 30px) 100%; }
[dir="ltr"] .axbot-tag::after { left: auto; right: 19px; }

/* ════════════════════════════════════════════════════════════════════
   65. 4.24 · المساعد الذكي: مربعات الأرقام بتتداس + منطقة الإجابة على قدها
   على الموبايل: مفيش صندوق طويل فاضي — الردود بتنزل في الصفحة نفسها، وخانة
   السؤال ثابتة تحت فوق الشريط السفلي (وبتنزل معاه لما يستخبى).
════════════════════════════════════════════════════════════════════ */
html.aurum button.axa-kpi { border: 0; cursor: pointer; text-align: start; font: inherit; color: var(--ax-on-deep, #fff); transition: background .15s, transform .12s; -webkit-tap-highlight-color: transparent; }
html.aurum button.axa-kpi:hover { background: rgba(255, 255, 255, .11); }
html.aurum button.axa-kpi:active { transform: scale(.97); }
html.aurum .axa-hero-c .axa-kpi small { display: none; }
@media (max-width: 768px) {
  html.aurum .axa-hero-c .axa-kpi small { display: block; font-size: 10.5px; opacity: .85; max-width: 100%; }
  html.aurum .axa-hero-c .axa-kpi b { font-size: 15px; }

  html.aurum .axa-chat { height: auto !important; min-height: 0 !important; overflow: visible !important; }
  html.aurum .axa-chat .axa-msgs, html.aurum .axa-msgs { flex: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; padding: 12px 10px 4px !important; gap: 10px; }
  html.aurum .axa-empty { font-size: 13px; line-height: 1.7; }
  html.aurum .axa-empty p { padding: 9px 12px; }
  html.aurum .axa-msg { gap: 0; scroll-margin-top: 140px; }
  html.aurum .axa-msgs .axa-msg.bot:not(.axa-thinking) > .axa-mark, html.aurum .axa-empty .axa-mark { display: none; }
  html.aurum .axa-msg.me .axa-bubble { font-size: 14px; padding: 8px 14px; border-radius: 16px 16px 4px 16px; }
  html.aurum .axa-slip { padding: 12px 13px 12px; border-radius: 18px; max-width: 100%; }
  html.aurum .axa-slip > header { gap: 10px; margin-bottom: 8px; }
  html.aurum .axa-slip > header b { font-size: 16.5px; }
  html.aurum .axa-slip.short > header b { font-size: 18px; }
  html.aurum .axa-ledger > div { padding: 4px 0; }
  html.aurum .axa-ledger dt { font-size: 13px; }
  html.aurum .axa-ledger dd { font-size: 14.5px; }
  html.aurum .axa-ledger .big dd { font-size: 19px; }
  html.aurum .axa-follow { margin: 2px 0 6px; }
  html.aurum .axa-chat .axa-composer { position: sticky !important; bottom: calc(78px + env(safe-area-inset-bottom, 0px)); z-index: 30; margin: 6px 8px 8px !important;
    border-radius: 18px !important; border-top: 0 !important; background: var(--ax-surface) !important; box-shadow: 0 0 0 1px var(--ax-line-2), 0 10px 26px -8px rgba(0, 0, 0, .45) !important;
    transition: bottom .32s cubic-bezier(.2, .9, .3, 1); }
  html.aurum.bn-hide .axa-chat .axa-composer { bottom: calc(10px + env(safe-area-inset-bottom, 0px)); transition: bottom .42s cubic-bezier(.45, 0, .7, .3); }
}

/* ════════════════════════════════════════════════════════════════════
   66. 4.25 · الرد بيتكتب بسرعة زي الآلة الكاتبة — بنفس ألوان «مساعدك الذكي»
   العنوان فاضل بالألوان دي على طول، والباقي ملوّن وهو بيتكتب وبعدين يرجع عادي.
════════════════════════════════════════════════════════════════════ */
html.aurum { --axg: linear-gradient(90deg, #5CF2C2, #E9F25A 55%, #FFC04A); }
html.aurum[data-theme="light"] { --axg: linear-gradient(90deg, #0A9A8F, #12A150 55%, #D07A00); }
html.aurum .axa-slip > header b { background: var(--axg); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
/* 4.25.1: the whole answer keeps these colors (not just while it types) */
html.aurum .axa-slip :is(header div > span, dt, dd, .l, .v, small, h4, .axa-note, .m b, .m small, li em, p) {
  background: var(--axg); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; }
html.aurum .axa-slip dd em { -webkit-text-fill-color: currentColor; background-clip: border-box; -webkit-background-clip: border-box; }
html.aurum .axa-slip .axa-ledger dd em.up, html.aurum .axa-slip .axa-ledger dd em.down.inv { background: var(--ax-ok-soft); color: var(--ax-ok) !important; }
html.aurum .axa-slip .axa-ledger dd em.down, html.aurum .axa-slip .axa-ledger dd em.up.inv { background: var(--ax-bad-soft); color: var(--ax-bad) !important; }
html.aurum .axa-caret { display: inline-block; width: 2px; height: 1em; margin: 0 1px; vertical-align: -.12em; border-radius: 2px; background: #5CF2C2; animation: axCaret .45s steps(2) infinite; -webkit-text-fill-color: initial; }
html.aurum[data-theme="light"] .axa-caret { background: #12A150; }
/* bars, spark, buttons and footer show up once the words are in */
html.aurum .axa-slip.axa-typing .axa-bars .b u { width: 0 !important; }
html.aurum .axa-slip .axa-bars .b u { transition: width .6s cubic-bezier(.22, 1, .36, 1); }
html.aurum .axa-slip.axa-typing .axa-spark span { transform: scaleY(0); }
html.aurum .axa-slip .axa-spark span { transform-origin: bottom; transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
html.aurum .axa-slip.axa-typing :is(.axa-acts, .axa-rowa, footer, .axa-ledger i, .dot, .axa-ic) { opacity: 0; }
html.aurum .axa-slip :is(.axa-acts, .axa-rowa, footer, .axa-ledger i, .dot, .axa-ic) { transition: opacity .35s ease; }
html.aurum .axa-follow.axa-wait { opacity: 0; transform: translateY(6px); pointer-events: none; }
html.aurum .axa-follow { transition: opacity .35s ease, transform .35s ease; }

/* ════════════════════════════════════════════════════════════════════
   67. 4.26 · أرقام ردود المساعد = Green Highlighter Marker Effect
   الإجمالي وكل رقم في الرد (الأرقام اللي على الشمال) عليه ضربة ماركر
   فسفوري أخضر بتترسم بعد ما الرد يخلص كتابة؛ الكلام فاضل بألوان «مساعدك الذكي».
════════════════════════════════════════════════════════════════════ */
html.aurum .axa-slip :is(mark.axa-num, .axa-bars .v, .axa-rows .axa-rowb > em) {
  --hl: 92, 236, 104; --hlt: #063B1A;
  display: inline-block; position: relative; line-height: 1.3; margin: 1px -0.06em 0; padding: 0 .32em; white-space: nowrap; max-width: 100%;
  border-radius: .85em .25em .9em .3em / .4em .9em .35em .8em; transform: rotate(-.6deg);
  background-color: transparent !important;
  background-image:
    linear-gradient(100deg, rgba(var(--hl), .0) 0%, rgba(var(--hl), .82) 3%, rgba(var(--hl), .58) 55%, rgba(var(--hl), .76) 92%, rgba(var(--hl), .14) 100%),
    linear-gradient(176deg, transparent 0 18%, rgba(var(--hl), .24) 19% 84%, transparent 85%) !important;
  background-repeat: no-repeat !important; background-position: right center !important; background-size: 100% 100% !important;
  -webkit-background-clip: border-box !important; background-clip: border-box !important;
  color: var(--hlt) !important; -webkit-text-fill-color: var(--hlt) !important; font-weight: 800; font-style: normal;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  transition: background-size .55s cubic-bezier(.3, .7, .2, 1); }
html.aurum[data-theme="dark"] .axa-slip :is(mark.axa-num, .axa-bars .v, .axa-rows .axa-rowb > em) { --hl: 74, 222, 128; --hlt: #04210E; }
[dir="ltr"] html.aurum .axa-slip :is(mark.axa-num, .axa-bars .v, .axa-rows .axa-rowb > em) { background-position: left center !important; }
html.aurum .axa-slip.axa-typing :is(mark.axa-num, .axa-bars .v, .axa-rows .axa-rowb > em) { background-size: 0% 100%, 0% 100% !important; }
html.aurum .axa-slip .axa-ledger .big mark.axa-num { padding: 0 .36em; }
html.aurum .axa-slip .axa-rows .axa-rowb > em:empty { display: none; }
html.aurum .axa-heard { margin: -2px 0 8px; font-size: 12px; opacity: .85; }
html.aurum .axa-slip mark.axa-num { white-space: normal !important; display: inline !important; line-height: 1.7 !important; }