/* Easy Cars theme v2 (Phase 1). Visual-only override; loaded last. Remove the <link> to roll back. */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root:root{
  --primary:#1660F5;--primary-dark:#0F4FD6;--primary-600:#0F4FD6;--primary-700:#0B3FAF;--primary-100:#DCE7FF;--primary-50:#EEF4FF;
  --secondary:#4D8DFF;--accent:#FF7A2E;--accent-600:#E5601A;--accent-50:#FFF1E8;
  --success:#12B76A;--warning:#F5A524;--danger:#F04438;--info:#0BA5EC;
  --text:#1E2B43;--ink:#0B1B34;--muted:#5B6B82;--border:#E4EAF2;--bg:#F5F8FC;--white:#FFFFFF;--surface:#FFFFFF;
  --radius:14px;--radius-sm:10px;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.06);
  --shadow-lg:0 8px 24px -6px rgba(16,24,40,.12),0 2px 6px rgba(16,24,40,.05);
}
html.ec-dark:root{
  --primary:#4D8DFF;--primary-dark:#6FA2FF;--primary-50:#152441;--secondary:#6FA2FF;--accent:#FF9A5A;
  --success:#32D583;--warning:#FDB022;--danger:#F97066;--info:#36BFFA;
  --text:#E3EAF5;--ink:#F2F6FC;--muted:#9AA9BF;--border:#24324B;--bg:#0A1120;--white:#111B2E;--surface:#111B2E;
}
html.ec-dark body{background:var(--bg);color:var(--text)}
html.ec-dark .card,html.ec-dark .stat-card,html.ec-dark .topbar,html.ec-dark .modal,html.ec-dark .table th{background:var(--surface);color:var(--text)}
html.ec-dark .form-input,html.ec-dark .form-select,html.ec-dark .form-textarea{background:#16223A;color:var(--text);border-color:var(--border)}
body,button,input,select,textarea{font-family:'Tajawal',system-ui,sans-serif!important}
body{-webkit-font-smoothing:antialiased;font-feature-settings:"tnum"}
/* logo: swap legacy "easy car" bitmap for unified wordmark (visual only) */
img[src*="easy-cars-logo.png"]{content:url(/images/easy-cars-logo-v2.svg);height:38px;width:auto;object-fit:contain}
.sidebar img[src*="easy-cars-logo.png"]{height:34px}
/* buttons */
.btn{border-radius:12px;font-weight:700;transition:background .2s,box-shadow .2s,transform .1s}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 16px -6px rgba(22,96,245,.7)}
.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}
.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--ink)}
.btn-ghost:hover{background:var(--primary-50)}
/* cards */
.card,.stat-card{border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--surface)}
.stat-card{transition:box-shadow .2s,transform .2s}
.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}
.stat-icon{border-radius:12px}
.stat-icon.blue{background:var(--primary-50);color:var(--primary)}
.stat-icon.cyan{background:var(--accent-50);color:var(--accent)}
/* badges */
.badge{border-radius:999px;font-weight:700;padding:3px 10px;font-size:12.5px}
.badge-active,.badge-confirmed,.badge-paid,.badge-available{background:#E8F8F0;color:#0E9F5B}
.badge-pending,.badge-trial,.badge-partial{background:#FFF6E5;color:#B7791F}
.badge-expired,.badge-cancelled,.badge-overdue,.badge-inactive{background:#FEECEB;color:#D92D20}
.badge-rented,.badge-active-booking{background:var(--primary-50);color:var(--primary)}
.badge-completed{background:#E6F6FE;color:#0086C9}
/* tables & forms */
.table th{background:#F8FAFD;color:var(--muted);font-weight:700;font-size:13px}
.table td{font-variant-numeric:tabular-nums}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(22,96,245,.15)}
/* navigation */
.sidebar{background:var(--surface);border-inline-start:1px solid var(--border)}
.nav-link{border-radius:12px}
.nav-link.active{background:var(--primary-50);color:var(--primary);font-weight:700;box-shadow:inset -3px 0 0 var(--primary)}
.topbar{background:rgba(255,255,255,.85);backdrop-filter:saturate(1.4) blur(10px)}
html.ec-dark .topbar{background:rgba(17,27,46,.85)}
.hero-badge,.wizard-step.active{background:var(--accent-50);color:var(--accent-600)}
/* numbers: keep Latin/LTR isolation where numeric cells exist */
.subscription-metric-value,.stat-card h3,.stat-card .stat-value{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
