/* rider-theme.css v15 — Rawahil Najd rider app theme (blue palette). Scoped to .vonex-rider-app + rider overlays only.
   Rollback: remove the <link>/<script> from the nginx sub_filter (see report). Never touches admin ERP pages. */

/* ---------- 1) Color system (CSS variables) ---------- */
:root {
  --sadf-primary: #0f4c81;        /* brand blue (fills) */
  --sadf-primary-ink: #0f4c81;    /* purple used as text/icon on surfaces */
  --sadf-primary-2: #2f74b5;      /* tint 1 (mid) */
  --sadf-primary-3: #e6f0fa;      /* tint 2 (light) */
  --sadf-accent: #f5b301;         /* yellow: alerts + active accent ONLY */
  --sadf-accent-ink: #3b2a00;
  --sadf-bg: #f4f7fb;
  --sadf-surface: #ffffff;
  --sadf-surface-2: #f5f8fc;
  --sadf-border: #d6e2f0;
  --sadf-text: #0f172a;
  --sadf-muted: #475569;
  --sadf-danger: #b42318;
  --sadf-danger-bg: #fdeceb;
  --sadf-danger-bd: #f4b4ae;
  --sadf-ok: #0f7a4d;
  --sadf-ok-bg: #e7f6ee;
  --sadf-ok-bd: #9fd8bb;
  --sadf-shadow: 0 10px 28px rgba(15, 76, 129, .14);
  --sadf-nav-h: 68px;
  --sadf-radius: 18px;
}
@media (prefers-color-scheme: dark) {
  html:not([data-sadf-theme="light"]) {
    --sadf-primary: #2f74b5;
    --sadf-primary-ink: #a9cdf0;
    --sadf-primary-2: #4a90d0;
    --sadf-primary-3: #13263b;
    --sadf-accent: #f5b301;
    --sadf-accent-ink: #3b2a00;
    --sadf-bg: #0d1520;
    --sadf-surface: #15212f;
    --sadf-surface-2: #1b2a3b;
    --sadf-border: #2a3d52;
    --sadf-text: #eaf1f8;
    --sadf-muted: #a9b9cb;
    --sadf-danger: #ffb4ab;
    --sadf-danger-bg: #3a1a1c;
    --sadf-danger-bd: #7d3036;
    --sadf-ok: #7fe0b0;
    --sadf-ok-bg: #12301f;
    --sadf-ok-bd: #2a6a48;
    --sadf-shadow: 0 10px 28px rgba(0, 0, 0, .45);
  }
}
html[data-sadf-theme="dark"] {
  --sadf-primary: #2f74b5;
  --sadf-primary-ink: #a9cdf0;
  --sadf-primary-2: #4a90d0;
  --sadf-primary-3: #13263b;
  --sadf-accent: #f5b301;
  --sadf-accent-ink: #3b2a00;
  --sadf-bg: #0d1520;
  --sadf-surface: #15212f;
  --sadf-surface-2: #1b2a3b;
  --sadf-border: #2a3d52;
  --sadf-text: #eaf1f8;
  --sadf-muted: #a9b9cb;
  --sadf-danger: #ffb4ab;
  --sadf-danger-bg: #3a1a1c;
  --sadf-danger-bd: #7d3036;
  --sadf-ok: #7fe0b0;
  --sadf-ok-bg: #12301f;
  --sadf-ok-bd: #2a6a48;
  --sadf-shadow: 0 10px 28px rgba(0, 0, 0, .45);
}
@media (prefers-color-scheme: dark) {
  html:not([data-sadf-theme="light"]) .vonex-rider-app { color-scheme: dark; }
}
html[data-sadf-theme="dark"] .vonex-rider-app { color-scheme: dark; }

/* ---------- base / typography / touch targets ---------- */
.vonex-rider-app {
  background: var(--sadf-bg);
  color: var(--sadf-text);
  font-family: NovexDubai, Tajawal, Cairo, "Noto Naskh Arabic", Arial, sans-serif;
  padding-bottom: calc(var(--sadf-nav-h) + 40px + env(safe-area-inset-bottom));
}
.vonex-rider-app button,
.vonex-rider-app select,
.vonex-rider-app input:not([type="checkbox"]):not([type="radio"]) { min-height: 44px; }
.vonex-rider-app .stars button { min-height: 0; min-width: 36px; min-height: 36px; }
.vonex-rider-app .rider-screen { gap: 12px; padding-bottom: calc(var(--sadf-nav-h) + 40px); }
.vonex-rider-app .login-card,
.vonex-rider-app .rider-card {
  background: var(--sadf-surface);
  border-color: var(--sadf-border);
  color: var(--sadf-text);
  border-radius: var(--sadf-radius);
  box-shadow: var(--sadf-shadow);
}
.vonex-rider-app .login-brand small,
.vonex-rider-app .login-brand p,
.vonex-rider-app .rider-topbar p,
.vonex-rider-app .login-password-hint,
.vonex-rider-app .rider-muted,
.vonex-rider-app .empty-state,
.vonex-rider-app .notice-row small,
.vonex-rider-app .details-list span,
.vonex-rider-app .action-row span { color: var(--sadf-muted); }
.vonex-rider-app .login-build-stamp { color: var(--sadf-muted); opacity: .7; }
.vonex-rider-app label { color: var(--sadf-muted); }
.vonex-rider-app input,
.vonex-rider-app select,
.vonex-rider-app textarea {
  background: var(--sadf-surface);
  color: var(--sadf-text);
  border-color: var(--sadf-border);
  border-radius: 14px;
}
.vonex-rider-app input:focus,
.vonex-rider-app select:focus,
.vonex-rider-app textarea:focus {
  border-color: var(--sadf-primary-2);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sadf-primary-2) 30%, transparent);
}
.vonex-rider-app .rider-primary,
.vonex-rider-app .login-language-row button.active,
.vonex-rider-app .statement-chip.active { background: var(--sadf-primary); border-color: var(--sadf-primary); color: #fff; }
.vonex-rider-app .rider-primary { border-radius: 14px; min-height: 48px; }
.vonex-rider-app .login-language-row { background: var(--sadf-primary-3); }
.vonex-rider-app .login-language-row button { color: var(--sadf-muted); }
.vonex-rider-app .login-feature-chip { background: var(--sadf-surface-2); border-color: var(--sadf-border); color: var(--sadf-primary-ink); }
.vonex-rider-app .login-brand svg,
.vonex-rider-app .rider-primary svg,
.vonex-rider-app .notice-row svg,
.vonex-rider-app .evaluation-intro svg,
.vonex-rider-app .profile-info-card svg,
.vonex-rider-app .action-row > svg:first-child { color: var(--sadf-primary-ink); }
.vonex-rider-app .rider-primary svg { color: #fff; }
.vonex-rider-app .statement-chip { background: var(--sadf-surface); color: var(--sadf-text); border-color: var(--sadf-border); min-height: 44px; }

/* top bar */
.vonex-rider-app .rider-topbar { background: color-mix(in srgb, var(--sadf-bg) 94%, transparent); }
.vonex-rider-app .rider-topbar h1 { color: var(--sadf-text); }
.vonex-rider-app .rider-topbar button,
.vonex-rider-app .sheet-close {
  width: 44px; height: 44px; background: var(--sadf-surface); color: var(--sadf-primary-ink); border-color: var(--sadf-border);
}
.vonex-rider-app .rider-topbar { gap: 8px; }
.vonex-rider-app .rider-topbar > div:first-child { flex: 1; }
.vonex-rider-app .sadf-theme-toggle { display: inline-grid; place-items: center; padding: 0; border-radius: 13px; border: 1px solid var(--sadf-border); background: var(--sadf-surface); color: var(--sadf-primary-ink); width: 44px; height: 44px; cursor: pointer; }
.vonex-rider-app .sadf-theme-toggle svg { width: 20px; height: 20px; }

/* greeting header: clear, high-contrast rider identity (fixes light-on-white name) */
.vonex-rider-app .rider-greeting-topbar {
  background: color-mix(in srgb, var(--sadf-surface) 96%, transparent) !important;
  border: 1px solid var(--sadf-border) !important;
  box-shadow: 0 8px 22px rgba(15, 76, 129, .08);
}
.vonex-rider-app .rider-greeting-copy { align-items: center; gap: 12px; min-width: 0; }
.vonex-rider-app .rider-greeting-copy > div {
  display: grid;
  gap: 3px;
  min-width: 0;
  flex: 1;
}
.vonex-rider-app .rider-greeting-copy p {
  margin: 0;
  color: var(--sadf-muted) !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  opacity: 1 !important;
}
.vonex-rider-app .rider-greeting-copy h1 {
  margin: 0;
  color: var(--sadf-text) !important;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--sadf-text);
}
.vonex-rider-app .rider-greeting-copy span {
  margin: 0;
  color: var(--sadf-muted) !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  display: block;
  opacity: 1 !important;
}
.vonex-rider-app .rider-topbar-actions > .language-switch {
  display: none !important;
}

/* ---------- 4) Home hierarchy ---------- */
.vonex-rider-app .hero-card {
  min-height: 0; padding: 8px 12px; border-radius: var(--sadf-radius); background: var(--sadf-surface);
  border: 1px solid var(--sadf-border); box-shadow: none; order: 0;
}
.vonex-rider-app .hero-card::before { display: none; }
.vonex-rider-app .hero-logo-tile {
  min-height: 0; padding: 4px 8px; gap: 2px; background: transparent; border: 0; box-shadow: none; max-width: none;
  grid-auto-flow: column; justify-content: center; align-items: center; column-gap: 12px;
}
.vonex-rider-app .hero-logo-tile img { height: 40px; width: auto; max-width: 120px; }
.vonex-rider-app .hero-logo-tile strong { color: var(--sadf-text); font-size: 14px; }
/* كشف الراتب الشهري / spotlight — مخفي من الرئيسية؛ الراتب يبقى في صفحة الراتب فقط */
.vonex-rider-app .rider-screen > .hero-copy,
.vonex-rider-app .rider-screen > .salary-luxury-card--net,
.vonex-rider-app .rider-screen > .hero-card,
.vonex-rider-app .rider-screen > .novex-salary-spotlight,
.vonex-rider-app .novex-home-screen > .novex-salary-spotlight,
.vonex-rider-app .novex-home-screen .novex-salary-spotlight,
.vonex-rider-app .novex-salary-spotlight,
.vonex-rider-app button.novex-salary-spotlight,
.vonex-rider-app .salary-hero-card,
.vonex-rider-app .novex-home-screen > .novex-stat-row,
.vonex-rider-app .novex-stat-row {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  z-index: -1 !important;
}
.vonex-rider-app .rider-screen > .sadf-week-card { order: 1; display: block !important; }
.vonex-rider-app .rider-screen > .sadf-goal-card { order: 2; display: block !important; }
.vonex-rider-app .rider-screen > .sadf-earn-card { order: 3; display: block !important; }
.vonex-rider-app .rider-screen > .sadf-rank-card { order: 4; display: block !important; }
.vonex-rider-app .rider-screen > .sadf-home-hub { order: 4; }
.vonex-rider-app .rider-screen > .sadf-tasks { order: 5; display: none !important; }
.vonex-rider-app .rider-screen > .metric-grid { order: 6; display: none !important; }
.vonex-rider-app .rider-screen > .salary-status-badge { order: 7; display: none !important; }
.vonex-rider-app .rider-screen > .salary-status-badge.segment-badge { order: 8; display: none !important; }
.vonex-rider-app .rider-screen > .action-row { order: 9; display: none !important; }
.vonex-rider-app .rider-screen > .novex-home-section { display: none !important; }
.vonex-rider-app .rider-screen > .novex-home-brand { display: none !important; }
.vonex-rider-app .rider-screen > .salary-status-badge { margin-top: 0 !important; }

/* إخفاء شبكة المقاييس القديمة (صافي الراتب / الطلبات / المسيرات / الاعتراضات) أينما وُجدت */
.vonex-rider-app .metric-grid,
.vonex-rider-app .metric-card,
.vonex-rider-app [class*="metric-grid"],
.vonex-rider-app .rider-screen .metric-grid,
.vonex-rider-app .rider-screen .metric-card {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  pointer-events: none !important;
}

/* Home summary cards — light surfaces (override stock primary button fill) */
.vonex-rider-app button.sadf-earn-card,
.vonex-rider-app button.sadf-rank-card,
.sadf-earn-card,
.sadf-rank-card {
  -webkit-appearance: none !important; appearance: none !important;
  background: #fff !important; background-image: none !important; color: #0f172a !important;
  border: 1px solid var(--sadf-border) !important; border-radius: 20px !important;
  box-shadow: 0 8px 22px rgba(15, 76, 129, .10) !important;
}
.sadf-earn-card .shs-label, .sadf-rank-card .shs-label,
.sadf-earn-card .ec-title, .sadf-rank-card .rk-title { color: var(--sadf-primary) !important; }
.sadf-earn-card .shs-value, .sadf-rank-card .shs-value,
.sadf-earn-card .ec-amt, .sadf-rank-card .rk-big { color: var(--sadf-text) !important; }
.sadf-earn-card .shs-meta, .sadf-rank-card .shs-meta,
.sadf-earn-card .ec-sub, .sadf-rank-card .rk-sub { color: var(--sadf-muted) !important; }

/* Home shortcuts hub — equal 2×2 */
.sadf-home-hub { margin: 10px 0 14px; }
.sadf-home-hub-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
.sadf-home-hub-item {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;
  gap: 14px; min-height: 104px; padding: 16px; text-align: start; border-radius: 18px; border: 1.5px solid #c5d7eb;
  background: #fff; color: var(--sadf-text); box-shadow: 0 8px 20px rgba(15, 76, 129, .08);
  font: inherit; font-weight: 900; font-size: 14px; cursor: pointer; -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none; appearance: none;
}
.sadf-home-hub-item svg { width: 26px; height: 26px; color: var(--sadf-primary); flex: none; }
.sadf-home-hub-item span { line-height: 1.35; color: var(--sadf-text); }
.sadf-home-hub-item .sadf-badge {
  position: absolute; top: 10px; inset-inline-end: 10px; min-width: 22px; height: 22px; padding: 0 6px;
  border-radius: 11px; background: #e11d48; color: #fff; font-size: 11px; font-weight: 900;
  line-height: 22px; text-align: center; box-shadow: none;
}
.sadf-home-hub-item:active { background: #eef5fc; border-color: var(--sadf-primary); }
.sadf-home-hub-item.is-dispute {
  background: linear-gradient(135deg, var(--sadf-primary) 0%, var(--sadf-primary-2) 100%);
  border-color: var(--sadf-primary); color: #fff;
}
.sadf-home-hub-item.is-dispute span { color: #fff; }
.sadf-home-hub-item.is-dispute svg { color: #fff; }

.vonex-rider-app .rider-screen > .metric-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
.vonex-rider-app .rider-screen > .metric-grid > .metric-card.salary {
  grid-column: 1 / -1; min-height: 124px; padding: 16px 18px; border-radius: 22px; position: relative; cursor: pointer;
  background: linear-gradient(135deg, var(--sadf-primary-3) 0%, var(--sadf-surface) 100%);
  border: 2px solid var(--sadf-primary-2); box-shadow: var(--sadf-shadow);
}
.vonex-rider-app .metric-card.salary span { color: var(--sadf-primary-ink); font-size: 15px; font-weight: 800; }
.vonex-rider-app .metric-card.salary strong { color: var(--sadf-primary-ink); font-size: 34px; line-height: 1.15; margin-top: 6px; }
.vonex-rider-app .rider-screen > .metric-grid > .metric-card.orders,
.vonex-rider-app .rider-screen > .metric-grid > .metric-card.disputes { min-height: 60px; padding: 8px 12px; border-radius: 14px; }
.vonex-rider-app .metric-card.orders,
.vonex-rider-app .metric-card.disputes { background: var(--sadf-surface); border-color: var(--sadf-border); }
.vonex-rider-app .metric-card.orders span,
.vonex-rider-app .metric-card.disputes span { color: var(--sadf-muted); font-size: 12px; }
.vonex-rider-app .metric-card.orders strong,
.vonex-rider-app .metric-card.disputes strong { color: var(--sadf-primary-ink); font-size: 18px; }
.vonex-rider-app .metric-card.disputes.sadf-alert { background: color-mix(in srgb, var(--sadf-accent) 22%, var(--sadf-surface)); border-color: var(--sadf-accent); }
.vonex-rider-app .metric-card.disputes.sadf-alert strong,
.vonex-rider-app .metric-card.disputes.sadf-alert span { color: var(--sadf-text); }
/* negative net salary */
.vonex-rider-app .metric-card.salary.sadf-neg,
.vonex-rider-app .rider-screen > .metric-grid > .metric-card.salary.sadf-neg {
  background: var(--sadf-danger-bg); border-color: var(--sadf-danger-bd);
}
.vonex-rider-app .metric-card.salary.sadf-neg span,
.vonex-rider-app .metric-card.salary.sadf-neg strong { color: var(--sadf-danger); }
.vonex-rider-app .sadf-neg-note {
  display: block; margin-top: 8px; font-size: 13px; line-height: 1.5; color: var(--sadf-danger); font-weight: 700;
}
.vonex-rider-app .salary-luxury-card--net.sadf-neg { background: linear-gradient(135deg, #7f1d1d, #b42318); }
.vonex-rider-app .salary-luxury-card--net.sadf-neg strong,
.vonex-rider-app .salary-luxury-card--net.sadf-neg span { color: #fff; }

.vonex-rider-app .salary-status-badge.success { background: var(--sadf-ok-bg); color: var(--sadf-ok); border-color: var(--sadf-ok-bd); }
.vonex-rider-app .salary-status-badge.warning { background: color-mix(in srgb, var(--sadf-accent) 20%, var(--sadf-surface)); color: var(--sadf-text); border-color: var(--sadf-accent); }
.vonex-rider-app .salary-status-badge.danger { background: var(--sadf-danger-bg); color: var(--sadf-danger); border-color: var(--sadf-danger-bd); }
.vonex-rider-app .salary-status-badge.segment-badge { background: var(--sadf-primary-3); color: var(--sadf-primary-ink); border-color: var(--sadf-primary-2); }
.vonex-rider-app .salary-status-badge { min-height: 32px; }

.vonex-rider-app .action-row,
.vonex-rider-app .ticket-row,
.vonex-rider-app .notice-row {
  background: var(--sadf-surface); color: var(--sadf-text); border-color: var(--sadf-border);
  min-height: 60px; border-radius: 16px; box-shadow: none;
}
.vonex-rider-app .notice-row.salary { background: var(--sadf-ok-bg); border-color: var(--sadf-ok-bd); }
.vonex-rider-app .notice-row.warning { background: color-mix(in srgb, var(--sadf-accent) 18%, var(--sadf-surface)); border-color: var(--sadf-accent); }
.vonex-rider-app .notice-row.info { background: var(--sadf-primary-3); border-color: var(--sadf-primary-2); }
.vonex-rider-app .notice-row.danger { background: var(--sadf-danger-bg); border-color: var(--sadf-danger-bd); }
.vonex-rider-app .action-row strong,
.vonex-rider-app .notice-row strong { color: var(--sadf-text); }

/* other screens: keep readable in both themes */
.vonex-rider-app .details-list > div,
.vonex-rider-app .adjustment-row,
.vonex-rider-app .profile-info-card,
.vonex-rider-app .dispute-form,
.vonex-rider-app .advance-form,
.vonex-rider-app .parts-catalog-list { background: var(--sadf-surface); border-color: var(--sadf-border); color: var(--sadf-text); }
.vonex-rider-app .details-list strong,
.vonex-rider-app .salary-detail-section h3,
.vonex-rider-app .salary-detail-label,
.vonex-rider-app .profile-card strong,
.vonex-rider-app .profile-info-card strong,
.vonex-rider-app .advance-row strong,
.vonex-rider-app .rider-driver-name strong,
.vonex-rider-app .evaluation-intro strong,
.vonex-rider-app .ticket-admin-reply p,
.vonex-rider-app .password-card h3,
.vonex-rider-app .parts-catalog-hit span,
.vonex-rider-app .salary-pdf-button,
.vonex-rider-app .salary-pdf-button span { color: var(--sadf-text); }
.vonex-rider-app .salary-pdf-button { background: var(--sadf-surface); border-color: var(--sadf-primary-2); }
.vonex-rider-app .salary-pdf-button svg { color: var(--sadf-primary-ink); }
.vonex-rider-app .salary-detail-section { border-color: var(--sadf-border); }
.vonex-rider-app .salary-detail-total { background: var(--sadf-surface-2) !important; }
.vonex-rider-app .salary-detail-text small { background: var(--sadf-surface-2); color: var(--sadf-text); border-color: var(--sadf-border); }
.vonex-rider-app .salary-detail-text small b { color: var(--sadf-text); }
.vonex-rider-app .salary-screen,
.vonex-rider-app .disputes-screen { background: var(--sadf-surface); border-color: var(--sadf-border); }
.vonex-rider-app .salary-screen .section-title,
.vonex-rider-app .disputes-screen .section-title { background: var(--sadf-surface-2); color: var(--sadf-text); border-color: var(--sadf-border); }
.vonex-rider-app .section-title { color: var(--sadf-text); }
.vonex-rider-app .salary-card,
.vonex-rider-app .salary-card-final { background: var(--sadf-surface); border-color: var(--sadf-primary-2); }
.vonex-rider-app .salary-card span,
.vonex-rider-app .salary-period-card span,
.vonex-rider-app .salary-adjustments-header span,
.vonex-rider-app .adjustment-row span,
.vonex-rider-app .adjustment-row small,
.vonex-rider-app .advance-row span,
.vonex-rider-app .advance-row small,
.vonex-rider-app .rider-driver-name span,
.vonex-rider-app .profile-card span,
.vonex-rider-app .profile-info-card span,
.vonex-rider-app .evaluation-intro span,
.vonex-rider-app .salary-detail-empty,
.vonex-rider-app .ticket-admin-reply small,
.vonex-rider-app .parts-catalog-empty { color: var(--sadf-muted); }
.vonex-rider-app .salary-card strong,
.vonex-rider-app .salary-card-final span,
.vonex-rider-app .salary-card-final strong,
.vonex-rider-app .parts-catalog-hit strong { color: var(--sadf-primary-ink); }
.vonex-rider-app .salary-luxury-card--net { background: linear-gradient(135deg, var(--sadf-primary), var(--sadf-primary-2)); }
.vonex-rider-app .salary-luxury-card--segment { background: linear-gradient(135deg, #0b2a4a, var(--sadf-primary)); }
.vonex-rider-app .salary-luxury-card--orders { background: linear-gradient(135deg, #1d5a8a, #3b7fb8); }
.vonex-rider-app .salary-luxury-card { color: #fff; }
.vonex-rider-app .installment-preview,
.vonex-rider-app .status-pill,
.vonex-rider-app .ticket-admin-reply { background: var(--sadf-primary-3); color: var(--sadf-primary-ink); border-color: var(--sadf-primary-2); }
.vonex-rider-app .ticket-admin-reply span { color: var(--sadf-primary-ink); }
.vonex-rider-app .advance-row em { background: color-mix(in srgb, var(--sadf-accent) 25%, var(--sadf-surface)); color: var(--sadf-text); }
.vonex-rider-app .profile-avatar { background: var(--sadf-primary-3); color: var(--sadf-primary-ink); }
.vonex-rider-app .profile-card em { background: var(--sadf-ok-bg); color: var(--sadf-ok); border-color: var(--sadf-ok-bd); }
.vonex-rider-app .stars button.active { color: var(--sadf-accent); }
.vonex-rider-app .rider-alert,
.vonex-rider-app .rider-inline-error { background: var(--sadf-danger-bg); color: var(--sadf-danger); border-color: var(--sadf-danger-bd); }
.vonex-rider-app .rider-success { background: var(--sadf-ok-bg); color: var(--sadf-ok); border-color: var(--sadf-ok-bd); }
.vonex-rider-app .rider-sheet__card { background: var(--sadf-surface); color: var(--sadf-text); }
.vonex-rider-app .evaluation-card { border-color: var(--sadf-border); }
.vonex-rider-app .orders-date-label input { background: var(--sadf-surface); border-color: var(--sadf-border); }
.vonex-rider-app .adjustment-row em.plus { color: var(--sadf-ok); }
.vonex-rider-app .adjustment-row em.minus { color: var(--sadf-danger); }

/* ---------- 1) Bottom nav: 5 slots, only after JS tagged the nav ---------- */
.vonex-rider-app .rider-bottom-nav {
  background: var(--sadf-surface); border: 1px solid var(--sadf-border); box-shadow: 0 -2px 24px rgba(15, 76, 129, .2);
  height: var(--sadf-nav-h); padding: 6px; gap: 4px; border-radius: 22px; left: 10px; right: 10px;
}
.vonex-rider-app .rider-bottom-nav button {
  color: var(--sadf-muted); min-height: 52px; border-radius: 16px; font-size: 11.5px; font-weight: 800; position: relative;
}
.vonex-rider-app .rider-bottom-nav svg { width: 22px; height: 22px; }
.vonex-rider-app .rider-bottom-nav button.active {
  background: var(--sadf-primary); color: #fff; box-shadow: 0 4px 12px color-mix(in srgb, var(--sadf-primary) 45%, transparent);
}
.vonex-rider-app .rider-bottom-nav button.active::before {
  content: ""; position: absolute; top: 3px; left: 50%; width: 18px; height: 3px; margin-left: -9px; border-radius: 3px; background: var(--sadf-accent);
}
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced] > button[data-sadf-nav="bank"],
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced] > button[data-sadf-nav="advance"],
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced] > button[data-sadf-nav="maintenance"],
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced] > button[data-sadf-nav="profile"],
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced] > button[data-sadf-nav="circ"],
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced] > button[data-rawahil-circ-tab] { display: none !important; }
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced] > button[data-sadf-nav="home"] { order: 1; }
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced] > button[data-sadf-nav="orders"] { order: 2; }
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced] > button[data-sadf-nav="salary"] { order: 3; }
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced] > button[data-sadf-nav="management"] { order: 4; }
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced] > button[data-sadf-more] { order: 5; }
.sadf-badge {
  position: absolute; top: 2px; inset-inline-end: 14%; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px;
  background: var(--sadf-accent); color: var(--sadf-accent-ink); font-size: 11px; font-weight: 900; line-height: 18px; text-align: center;
  box-shadow: 0 0 0 2px var(--sadf-surface);
}
.sadf-badge[hidden] { display: none; }

/* More bottom sheet */
.sadf-more-layer { position: fixed; inset: 0; z-index: 2147483550; display: none; direction: rtl; font-family: NovexDubai, Tajawal, Cairo, Arial, sans-serif; }
.sadf-more-layer.is-open { display: block; }
.sadf-more-scrim { position: absolute; inset: 0; background: rgba(20, 10, 28, .55); }
.sadf-more-sheet {
  position: absolute; left: 0; right: 0; bottom: 0; background: var(--sadf-surface); color: var(--sadf-text);
  border-radius: 26px 26px 0 0; padding: 10px 16px calc(18px + env(safe-area-inset-bottom)); box-shadow: 0 -12px 40px rgba(0, 0, 0, .3);
  animation: sadf-sheet-in .22s ease-out;
}
@keyframes sadf-sheet-in { from { transform: translateY(40px); opacity: .4; } to { transform: none; opacity: 1; } }
.sadf-more-grip { width: 44px; height: 5px; border-radius: 3px; background: var(--sadf-border); margin: 4px auto 12px; }
.sadf-more-title { margin: 0 0 12px; font-size: 17px; font-weight: 800; color: var(--sadf-text); }
.sadf-more-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sadf-more-item {
  position: relative; display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 12px 14px; text-align: right;
  background: var(--sadf-surface-2); color: var(--sadf-text); border: 1px solid var(--sadf-border); border-radius: 16px;
  font: inherit; font-weight: 800; font-size: 15px; cursor: pointer;
}
.sadf-more-item svg { width: 24px; height: 24px; flex: none; color: var(--sadf-primary-ink); }
.sadf-more-item .sadf-badge { position: static; margin-inline-start: auto; box-shadow: none; }
.sadf-more-item:active { background: var(--sadf-primary-3); }
.sadf-more-item.is-current { border-color: var(--sadf-primary-2); background: var(--sadf-primary-3); }
.sadf-more-foot { display: flex; align-items: center; justify-content: stretch; gap: 10px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--sadf-border); }
.sadf-more-foot .sadf-switch { flex: 1; min-height: 46px; border-radius: 12px; border: 1px solid var(--sadf-border); background: var(--sadf-surface-2); color: var(--sadf-text); font: inherit; font-weight: 800; cursor: pointer; }
.sadf-more-foot .sadf-logout-btn {
  flex: 1; min-height: 46px; border-radius: 12px; border: 1px solid color-mix(in srgb, #b42318 35%, var(--sadf-border));
  background: color-mix(in srgb, #b42318 10%, var(--sadf-surface)); color: #b42318; font: inherit; font-weight: 900; cursor: pointer;
}
.sadf-switch {
  min-height: 44px; min-width: 88px; padding: 0 16px; border-radius: 22px; border: 1px solid var(--sadf-primary-2);
  background: var(--sadf-primary-3); color: var(--sadf-primary-ink); font: inherit; font-weight: 800; cursor: pointer;
}

/* ---------- 6) Today's tasks ---------- */
.sadf-tasks { background: var(--sadf-surface); border: 1px solid var(--sadf-border); border-radius: var(--sadf-radius); padding: 12px; box-shadow: var(--sadf-shadow); color: var(--sadf-text); }
.sadf-tasks-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.sadf-tasks-head h3 { margin: 0; font-size: 16px; font-weight: 800; color: var(--sadf-text); }
.sadf-tasks-head .sadf-count { min-width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 13px; background: var(--sadf-accent); color: var(--sadf-accent-ink); font-weight: 900; font-size: 13px; padding: 0 7px; }
.sadf-tasks-head .sadf-count.is-zero { background: var(--sadf-ok-bg); color: var(--sadf-ok); }
.sadf-task {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 8px 10px; margin-top: 6px; text-align: right;
  border-radius: 12px; border: 1px solid var(--sadf-border); background: var(--sadf-surface-2); color: var(--sadf-text);
  font: inherit; font-size: 14px; font-weight: 700;
}
button.sadf-task { cursor: pointer; }
.sadf-task .sadf-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--sadf-primary-2); flex: none; }
.sadf-task--alert { border-color: var(--sadf-accent); background: color-mix(in srgb, var(--sadf-accent) 16%, var(--sadf-surface)); }
.sadf-task--alert .sadf-dot { background: var(--sadf-accent); }
.sadf-task--danger { border-color: var(--sadf-danger-bd); background: var(--sadf-danger-bg); color: var(--sadf-danger); }
.sadf-task--danger .sadf-dot { background: var(--sadf-danger); }
.sadf-task.is-done .sadf-dot { background: var(--sadf-ok); }
.sadf-task.is-soon { opacity: .62; border-style: dashed; cursor: default; }
.sadf-task .sadf-soon { margin-inline-start: auto; font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 9px; background: var(--sadf-primary-3); color: var(--sadf-primary-ink); }

/* ---------- 7) Circulars panel (created by driver-leave-inject.js) ---------- */
.rawahil-circ-rider { bottom: calc(var(--sadf-nav-h) + 24px + env(safe-area-inset-bottom)) !important; background: var(--sadf-bg) !important; z-index: 9 !important; }
.rawahil-circ-rider__panel { background: var(--sadf-bg) !important; color: var(--sadf-text); }
.rawahil-circ-rider__head { background: var(--sadf-surface) !important; border-color: var(--sadf-border) !important; }
.rawahil-circ-rider__head h2 { color: var(--sadf-text); }
.rawahil-circ-rider__close { background: var(--sadf-surface) !important; color: var(--sadf-text); border-color: var(--sadf-border) !important; width: 44px !important; height: 44px !important; }
.rawahil-circ-item { background: var(--sadf-surface) !important; border-color: var(--sadf-border) !important; color: var(--sadf-text); }
.rawahil-circ-item strong { color: var(--sadf-text); }
.rawahil-circ-item span { color: var(--sadf-muted) !important; }
.rawahil-circ-item em { color: var(--sadf-muted) !important; }
.rawahil-circ-item.is-unread { background: var(--sadf-primary-3) !important; border-color: var(--sadf-primary-2) !important; }
.rawahil-circ-item.is-pinned { border-color: var(--sadf-accent) !important; }
.rawahil-circ-empty { color: var(--sadf-muted) !important; }
.sadf-ack-row { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
.sadf-ack-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border-radius: 12px;
  background: var(--sadf-primary); color: #fff; font-weight: 800; font-size: 14px; cursor: pointer; border: 0;
}
.sadf-ack-done { color: var(--sadf-ok); font-weight: 800; font-size: 13px; }

/* dark: overlays created by driver-leave-inject (outside .vonex-rider-app) */
html[data-sadf-rider] .rawahil-inbox__panel { background: var(--sadf-surface) !important; color: var(--sadf-text); }
html[data-sadf-rider] .rawahil-inbox__head { background: var(--sadf-surface) !important; }
html[data-sadf-rider] .rawahil-inbox__head strong { color: var(--sadf-text); }
html[data-sadf-rider] .rawahil-inbox__item { background: var(--sadf-surface-2) !important; border-color: var(--sadf-border) !important; }
html[data-sadf-rider] .rawahil-inbox__item strong { color: var(--sadf-text) !important; }
html[data-sadf-rider] .rawahil-inbox__item span, html[data-sadf-rider] .rawahil-inbox__item em, html[data-sadf-rider] .rawahil-inbox__empty { color: var(--sadf-muted) !important; }
html[data-sadf-rider] .rawahil-inbox__item.is-unread { background: var(--sadf-primary-3) !important; }
html[data-sadf-rider] #rawahil-inbox-fab { background: var(--sadf-primary) !important; }
html[data-sadf-rider] #rawahil-inbox-fab.is-topbar { bottom: auto !important; }
html[data-sadf-rider] #rawahil-inbox-fab.has-unread { background: var(--sadf-danger) !important; color: #fff; }
html[data-sadf-rider] .rawahil-notify-toast { background: var(--sadf-primary) !important; }

/* when المزيد (or a moved tab / circulars) is the current page, don't also highlight الرئيسية */
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced]:has(> [data-sadf-more].active) > button:not([data-sadf-more]).active {
  background: transparent; color: var(--sadf-muted); box-shadow: none;
}
.vonex-rider-app .rider-bottom-nav[data-sadf-enhanced]:has(> [data-sadf-more].active) > button:not([data-sadf-more]).active::before { display: none; }

/* room for inbox bell inside the topbar (no longer a floating corner button) */
.vonex-rider-app .rider-topbar { padding-inline-end: 0; }
.vonex-rider-app .rider-topbar-actions { display: flex; align-items: center; gap: 8px; }
.vonex-rider-app .rider-topbar #rawahil-inbox-fab.is-topbar,
.vonex-rider-app .rider-topbar-actions #rawahil-inbox-fab.is-topbar { order: 20; }
/* stock controls moved: logout -> المزيد, notifications -> top inbox bell; language -> globe icon */
.vonex-rider-app .topbar-logout-btn,
.vonex-rider-app .topbar-notification-button,
.vonex-rider-app .sadf-theme-toggle,
.vonex-rider-app .language-switch,
.vonex-rider-app [data-sadf-native-logout],
.vonex-rider-app [data-sadf-hidden-notif] {
  display: none !important;
}
#rawahil-inbox-fab:not(.is-topbar) { display: none !important; }