/* ============================================================
   AqariVerify — app.css
   Smart Legal Property Verification
   نظام تصميم حكومي (Fluent / Azure Portal) — نهاري + ليلي، RTL/LTR
   ============================================================ */

:root {
  /* لوحة الألوان المعتمدة */
  --primary:   #2563EB;
  --secondary: #1E3A8A;
  --success:   #16A34A;
  --warning:   #F59E0B;
  --danger:    #DC2626;
  --info:      #2563EB;

  /* أسماء متوافقة مع الإصدار السابق */
  --navy:   #1E3A8A;
  --blue:   #2563EB;
  --accent: #60A5FA;

  --bg:        #F8FAFC;
  --card:      #FFFFFF;
  --card-2:    #F1F5F9;
  --border:    #E2E8F0;
  --border-2:  #CBD5E1;
  --text:      #0F172A;
  --text-2:    #334155;
  --muted:     #64748B;
  --blue-soft: #EFF6FF;

  --success-bg: #DCFCE7;
  --warning-bg: #FEF3C7;
  --danger-bg:  #FEE2E2;
  --info-bg:    #DBEAFE;

  --sidebar-bg:     #0F172A;
  --sidebar-tx:     #94A3B8;
  --sidebar-active: #1E3A8A;

  --radius:   8px;
  --radius-sm:6px;
  --shadow:   0 1px 2px rgba(15,23,42,.04), 0 1px 3px rgba(15,23,42,.06);
  --shadow-md:0 4px 6px -1px rgba(15,23,42,.07), 0 2px 4px -2px rgba(15,23,42,.05);
  --sidebar-w: 264px;
  --ring: 0 0 0 3px rgba(37,99,235,.25);
}

html[data-theme="dark"] {
  --primary:   #3B82F6;
  --secondary: #1E3A8A;
  --success:   #22C55E;
  --warning:   #FBBF24;
  --danger:    #EF4444;
  --info:      #3B82F6;
  --navy:      #1E3A8A;
  --blue:      #3B82F6;
  --accent:    #60A5FA;

  --bg:        #0F172A;
  --card:      #1E293B;
  --card-2:    #263449;
  --border:    #334155;
  --border-2:  #475569;
  --text:      #F1F5F9;
  --text-2:    #CBD5E1;
  --muted:     #94A3B8;
  --blue-soft: #1E293B;

  --success-bg: #14532D;
  --warning-bg: #451A03;
  --danger-bg:  #450A0A;
  --info-bg:    #1E3A8A;

  --sidebar-bg:     #0B1220;
  --sidebar-tx:     #94A3B8;
  --sidebar-active: #1E3A8A;

  --shadow:    0 1px 2px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.35);
  --shadow-md: 0 4px 12px rgba(0,0,0,.4);
  --ring: 0 0 0 3px rgba(59,130,246,.35);
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: 'Tajawal', 'Segoe UI', system-ui, -apple-system, sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 14.5px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5 { font-family: 'Cairo','Segoe UI',sans-serif; margin: 0 0 .4rem; color: var(--text); font-weight: 700; letter-spacing: -.2px; }
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: none; box-shadow: var(--ring); border-radius: var(--radius-sm); }

/* ---------- التخطيط ---------- */
.layout { display: flex; min-height: 100vh; }
.main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.content { padding: 22px 24px; flex: 1; width: 100%; }
@media (max-width: 992px){ .content { padding: 14px; } }

/* ---------- الشريط الجانبي ---------- */
.sidebar {
  width: var(--sidebar-w); background: var(--sidebar-bg); color: var(--sidebar-tx);
  display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh;
  overflow-y: auto; transition: margin .2s ease; flex-shrink: 0;
}
.sidebar::-webkit-scrollbar { width: 6px; }
.sidebar::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }
.sidebar-brand {
  display: flex; align-items: center; gap: 11px; padding: 16px 18px;
  border-bottom: 1px solid rgba(148,163,184,.14); margin-bottom: 6px;
}
.sidebar-brand img { width: 36px; height: 36px; flex-shrink: 0; }
.sidebar-brand .b-name { font-family:'Cairo'; font-weight: 800; color:#fff; font-size: 16px; line-height:1.2; letter-spacing:-.3px; }
.sidebar-brand .b-sub  { font-size: 9.5px; color: var(--accent); letter-spacing: .6px; text-transform: uppercase; line-height:1.4; }
a.sidebar-brand:hover{ text-decoration:none; }
a.sidebar-brand:hover .b-name{ color:#fff; }
a.sidebar-brand{ transition:opacity .12s; }
a.sidebar-brand:hover{ opacity:.9; }
.nav-section {
  padding: 14px 18px 5px; font-size: 10.5px; color: #64748B; letter-spacing: .8px;
  text-transform: uppercase; font-weight: 700;
}
.nav-link {
  display: flex; align-items: center; gap: 11px; padding: 9px 16px; margin: 1px 8px;
  color: var(--sidebar-tx); border-radius: var(--radius-sm); font-size: 14px;
  transition: background .12s, color .12s; position: relative;
}
.nav-link:hover { background: rgba(148,163,184,.1); color:#E2E8F0; text-decoration:none; }
.nav-link.active { background: var(--sidebar-active); color:#fff; font-weight:600; }
.nav-link.active::before {
  content:""; position:absolute; inset-inline-start:0; top:18%; height:64%; width:3px;
  background: var(--accent); border-radius: 0 3px 3px 0;
}
html[dir="rtl"] .nav-link.active::before { border-radius: 3px 0 0 3px; }
.nav-link svg { width: 17px; height: 17px; flex-shrink:0; opacity:.85; }
.nav-link.active svg { opacity:1; }
.nav-link .nl-badge {
  margin-inline-start:auto; background:var(--danger); color:#fff; border-radius:10px;
  padding:0 6px; font-size:10.5px; font-weight:700; min-width:18px; text-align:center;
}

/* ---------- الشريط العلوي ---------- */
.topbar {
  height: 58px; background: var(--card); border-bottom: 1px solid var(--border);
  display: flex; align-items: center; gap: 10px; padding: 0 18px; position: sticky; top:0; z-index: 30;
}
.topbar .page-title { font-family:'Cairo'; font-weight:700; font-size: 17px; letter-spacing:-.2px; }
.topbar .spacer { flex: 1; }
.topbar-btn {
  width: 36px; height: 36px; border-radius: var(--radius-sm); border: 1px solid transparent;
  background: transparent; display:inline-flex; align-items:center; justify-content:center;
  color: var(--text-2); cursor:pointer; position:relative; transition: background .12s, color .12s;
}
.topbar-btn:hover { background: var(--card-2); color: var(--primary); text-decoration:none; }
.topbar-btn svg { width: 17px; height:17px; }
.topbar-btn .dot {
  position:absolute; top:2px; inset-inline-end:2px; background:var(--danger); color:#fff;
  font-size:9.5px; min-width:15px; height:15px; border-radius:8px; display:flex;
  align-items:center; justify-content:center; padding:0 3px; font-weight:700;
  border:2px solid var(--card);
}
.menu-toggle { display:none; }
@media (max-width: 992px){
  .sidebar { position: fixed; z-index: 50; margin-inline-start: calc(-1 * var(--sidebar-w) - 10px); box-shadow: var(--shadow-md); }
  .sidebar.open { margin-inline-start: 0; }
  .menu-toggle { display: inline-flex; }
}
.user-chip { display:flex; align-items:center; gap:9px; padding: 4px 8px; border-radius: var(--radius-sm); transition: background .12s; }
.user-chip:hover { background: var(--card-2); }
.user-chip .avatar {
  width:32px;height:32px;border-radius:50%;
  background:linear-gradient(135deg,#2563EB,#1E3A8A);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;
}
.user-chip .u-name { font-size: 13px; font-weight:600; line-height:1.3; }
.user-chip .u-role { font-size: 11px; color: var(--muted); line-height:1.3; }
@media(max-width:640px){ .user-chip .u-meta{ display:none; } }

/* ---------- البطاقات ---------- */
.card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); }
.card-head { padding: 13px 18px; border-bottom: 1px solid var(--border); display:flex; align-items:center; gap:9px; }
.card-head h3 { margin:0; font-size: 15px; font-weight:700; }
.card-head svg { width:17px; height:17px; color: var(--primary); flex-shrink:0; }
.card-body { padding: 18px; }
.card-head .spacer { flex:1; }

/* KPI */
.kpi-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap:14px; margin-bottom: 18px; }
.kpi {
  background:var(--card); border:1px solid var(--border); border-radius: var(--radius);
  padding:15px 16px; box-shadow: var(--shadow); display:flex; flex-direction:column; gap:4px;
  position:relative; overflow:hidden; transition: box-shadow .15s;
}
.kpi:hover { box-shadow: var(--shadow-md); }
.kpi::before { content:""; position:absolute; inset-inline-start:0; top:0; bottom:0; width:3px; background: var(--primary); }
.kpi.k-green::before{ background: var(--success); }
.kpi.k-amber::before{ background: var(--warning); }
.kpi.k-red::before{ background: var(--danger); }
.kpi .k-ico { position:absolute; inset-inline-end:14px; top:14px; width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center; }
.kpi .k-ico svg{ width:17px;height:17px; }
.kpi .k-val { font-family:'Cairo'; font-weight:800; font-size: 27px; line-height:1.15; letter-spacing:-.5px; }
.kpi .k-lbl { color: var(--muted); font-size: 12.5px; font-weight:500; }
.kpi.k-blue .k-ico{ background:var(--info-bg); color:var(--primary); }
.kpi.k-green .k-ico{ background:var(--success-bg); color:var(--success); }
.kpi.k-amber .k-ico{ background:var(--warning-bg); color:var(--warning); }
.kpi.k-red .k-ico{ background:var(--danger-bg); color:var(--danger); }

.grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap:14px; }
.grid-3 { display:grid; grid-template-columns: repeat(3,1fr); gap:14px; }
@media(max-width: 992px){ .grid-2,.grid-3{ grid-template-columns:1fr; } }

/* ---------- الجداول ---------- */
.table-wrap { overflow-x:auto; }
table.tbl { width:100%; border-collapse: collapse; font-size: 13.5px; }
table.tbl th {
  text-align: start; padding: 10px 14px; background: var(--card-2); color: var(--muted);
  font-weight:700; border-bottom: 1px solid var(--border); white-space:nowrap;
  font-size: 11.5px; text-transform: uppercase; letter-spacing: .4px;
}
table.tbl th a { color: inherit; display:inline-flex; align-items:center; gap:4px; }
table.tbl th a:hover { color: var(--primary); text-decoration:none; }
table.tbl th .sort-ind { font-size:9px; opacity:.9; }
table.tbl td { padding: 10px 14px; border-bottom: 1px solid var(--border); vertical-align: middle; color: var(--text-2); }
table.tbl tbody tr { transition: background .1s; }
table.tbl tbody tr:hover { background: var(--blue-soft); }
table.tbl a { font-weight: 600; }
.mono { font-family: ui-monospace, 'SF Mono', Consolas, monospace; font-size: 12px; letter-spacing: -.2px; }

/* ---------- الشارات ---------- */
.badge { display:inline-block; padding: 2.5px 10px; border-radius: 4px; font-size: 11.5px; font-weight:600; white-space:nowrap; }
.badge-success{ background:var(--success-bg); color:var(--success); }
.badge-warning{ background:var(--warning-bg); color:#B45309; }
.badge-danger { background:var(--danger-bg);  color:var(--danger); }
.badge-info   { background:var(--info-bg);    color:var(--primary); }
.badge-secondary{ background:var(--card-2); color:var(--muted); }
html[data-theme="dark"] .badge-warning{ color: var(--warning); }
html[data-theme="dark"] .badge-info{ color:#BFDBFE; }

/* ---------- النماذج ---------- */
.form-row { margin-bottom: 14px; }
.form-row label { display:block; font-size: 12.5px; font-weight:600; margin-bottom:5px; color: var(--text-2); }
.form-control, .form-select {
  width:100%; padding: 9px 12px; border:1px solid var(--border-2); border-radius: var(--radius-sm);
  background: var(--card); color: var(--text); font-family: inherit; font-size: 14px;
  transition: border-color .12s, box-shadow .12s;
}
.form-control::placeholder{ color: var(--muted); opacity:.7; }
.form-control:focus, .form-select:focus { outline:none; border-color: var(--primary); box-shadow: var(--ring); }
.form-control:disabled { background: var(--card-2); color: var(--muted); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media(max-width:700px){ .form-grid{ grid-template-columns:1fr; } }
.form-hint { font-size:11.5px; color: var(--muted); margin-top:4px; }

/* ---------- الأزرار ---------- */
.btn {
  display:inline-flex; align-items:center; gap:7px; padding: 9px 16px; border-radius: var(--radius-sm);
  border:1px solid transparent; font-family:inherit; font-size:13.5px; font-weight:600; cursor:pointer;
  transition: background .12s, border-color .12s, box-shadow .12s; text-decoration:none; white-space:nowrap;
}
.btn svg{ width:15px;height:15px; }
.btn-primary{ background: var(--primary); color:#fff; }
.btn-primary:hover{ background: var(--secondary); text-decoration:none; color:#fff; }
.btn-ghost{ background: var(--card); border-color: var(--border-2); color: var(--text-2); }
.btn-ghost:hover{ border-color: var(--primary); color: var(--primary); text-decoration:none; background: var(--blue-soft); }
.btn-danger{ background: var(--danger); color:#fff; }
.btn-success{ background: var(--success); color:#fff; }
.btn-sm{ padding:6px 11px; font-size:12.5px; }
.btn-block{ width:100%; justify-content:center; }

/* ---------- التصفية ---------- */
.filters { display:flex; flex-wrap:wrap; gap:9px; align-items:end; margin-bottom:14px; }
.filters .form-row{ margin:0; min-width:150px; }

/* ---------- الرسائل ---------- */
.alert {
  padding: 11px 14px; border-radius: var(--radius-sm); margin-bottom: 12px; font-size:13.5px;
  border:1px solid transparent; display:flex; gap:9px; align-items:center; border-inline-start-width: 3px;
}
.alert svg{ width:16px;height:16px;flex-shrink:0; }
.alert-success{ background:var(--success-bg); color:var(--success); border-color: var(--success); }
.alert-warning{ background:var(--warning-bg); color:#B45309; border-color: var(--warning); }
.alert-danger { background:var(--danger-bg);  color:var(--danger);  border-color: var(--danger); }
.alert-info   { background:var(--info-bg);    color:var(--primary); border-color: var(--primary); }
html[data-theme="dark"] .alert-warning{ color: var(--warning); }
html[data-theme="dark"] .alert-info{ color:#BFDBFE; }

/* ---------- بطاقة النتيجة ---------- */
.result-card{ border-radius: var(--radius); padding: 22px; text-align:center; border:1px solid; border-top-width:4px; margin-bottom:14px; }
.result-card.match{ border-color: var(--success); background: var(--success-bg); }
.result-card.review{ border-color: var(--warning); background: var(--warning-bg); }
.result-card.mismatch{ border-color: var(--danger); background: var(--danger-bg); }
.result-card .r-title{ font-family:'Cairo'; font-weight:800; font-size: 24px; margin: 4px 0; letter-spacing:-.4px; }
.result-card.match .r-title{ color: var(--success); }
.result-card.review .r-title{ color: #B45309; }
.result-card.mismatch .r-title{ color: var(--danger); }
html[data-theme="dark"] .result-card.review .r-title{ color: var(--warning); }
.result-card .r-score{ font-size: 13px; color: var(--text-2); }

/* ---------- مؤشر الثقة ---------- */
.trust-meter{ display:flex; align-items:center; gap:10px; }
.trust-bar{ flex:1; height:8px; background: var(--card-2); border-radius:4px; overflow:hidden; }
.trust-bar > span{ display:block; height:100%; border-radius:4px; transition: width .4s ease; }
.trust-bar.success>span{ background: var(--success); }
.trust-bar.warning>span{ background: var(--warning); }
.trust-bar.danger>span{ background: var(--danger); }

/* ---------- متنوع ---------- */
.page-actions{ display:flex; align-items:center; gap:9px; margin-bottom:14px; flex-wrap:wrap; }
.page-actions .spacer{ flex:1; }
.dl { display:grid; grid-template-columns: 190px 1fr; gap:9px 16px; font-size:13.5px; }
.dl dt{ color: var(--muted); font-weight:600; font-size:12.5px; }
.dl dd{ margin:0; color: var(--text-2); }
@media(max-width:600px){ .dl{ grid-template-columns:1fr; gap:2px 0; } .dl dd{ margin-bottom:9px; } }
.pagination{ display:flex; gap:5px; justify-content:center; margin-top:16px; flex-wrap:wrap; }
.pagination a, .pagination span{ padding:6px 11px; border:1px solid var(--border-2); border-radius:var(--radius-sm); font-size:12.5px; color:var(--text-2); }
.pagination a:hover{ border-color: var(--primary); color:var(--primary); text-decoration:none; }
.pagination .cur{ background:var(--primary); color:#fff; border-color:var(--primary); font-weight:700; }
.empty{ text-align:center; padding:36px 20px; color: var(--muted); font-size:13.5px; }
.empty svg{ width:34px;height:34px;opacity:.35;margin-bottom:8px; }
.muted{ color: var(--muted); }
.chips{ display:flex; flex-wrap:wrap; gap:5px; }
.chip{ background: var(--blue-soft); color: var(--primary); border:1px solid var(--border); border-radius: 4px; padding: 2px 9px; font-size: 11.5px; font-weight:500; }
.dropdown{ position:relative; }
.dropdown-menu{
  position:absolute; inset-inline-end:0; top:calc(100% + 5px); background:var(--card);
  border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-md);
  min-width:190px; padding:5px; display:none; z-index:60;
}
.dropdown-menu.show{ display:block; }
.dropdown-menu a{ display:block; padding:8px 11px; border-radius:var(--radius-sm); color:var(--text-2); font-size:13.5px; }
.dropdown-menu a:hover{ background:var(--card-2); text-decoration:none; color:var(--primary); }
.list-note{
  font-size:12.5px; color:var(--text-2); background:var(--blue-soft); border:1px solid var(--border);
  border-inline-start:3px solid var(--primary); border-radius:var(--radius-sm); padding:9px 13px;
  margin-bottom:14px; display:flex; align-items:center; gap:8px;
}
.list-note svg{ width:15px;height:15px;color:var(--primary);flex-shrink:0; }

/* ---------- صفحات الحالة (404 / 403 / صيانة) ---------- */
.state-wrap{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; text-align:center; }
.state-card{ max-width:440px; }
.state-card .s-code{
  font-family:'Cairo'; font-weight:800; font-size:76px; line-height:1; letter-spacing:-3px;
  background:linear-gradient(135deg,#2563EB,#1E3A8A); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.state-card .s-ico{ width:60px;height:60px;color:var(--primary);margin-bottom:10px; }
.state-card h1{ font-size:22px; margin-bottom:6px; }
.state-card p{ color:var(--muted); font-size:14px; margin-bottom:18px; }

/* ---------- الطباعة ---------- */
@media print {
  .sidebar, .topbar, .page-actions, .filters, .pagination, footer, .btn { display: none !important; }
  body { background:#fff; color:#000; font-size:11pt; }
  .content { padding:0; }
  .card { border:1px solid #999; box-shadow:none; break-inside: avoid; }
  table.tbl th { background:#eee !important; color:#000; }
  table.tbl td, table.tbl th { border-bottom:1px solid #ccc; }
  a { color:#000; text-decoration:none; }
  .print-head { display:block !important; margin-bottom:12px; }
}
.print-head { display:none; }

/* ============================================================
   مكوّنات إضافية (Breadcrumb · Timeline · Confirm · Loading · Empty)
   ============================================================ */

/* ---------- مسار التنقّل ---------- */
.breadcrumb{ display:flex; align-items:center; flex-wrap:wrap; gap:2px; font-size:13px; margin-bottom:14px; color:var(--muted); }
.breadcrumb a{ display:inline-flex; align-items:center; gap:5px; color:var(--muted); padding:3px 6px; border-radius:var(--radius-sm); transition:background .12s,color .12s; }
.breadcrumb a:hover{ color:var(--primary); background:var(--blue-soft); text-decoration:none; }
.breadcrumb a svg{ width:14px; height:14px; }
.breadcrumb .bc-sep{ color:var(--border-2); padding:0 2px; }
.breadcrumb .bc-cur{ color:var(--text); font-weight:600; padding:3px 6px; }

/* ---------- الخط الزمني ---------- */
.timeline{ list-style:none; margin:0; padding:4px 0; position:relative; }
.timeline::before{ content:""; position:absolute; inset-inline-start:15px; top:6px; bottom:6px; width:2px; background:var(--border); }
.tl-item{ position:relative; display:flex; gap:14px; padding:0 0 18px; }
.tl-item:last-child{ padding-bottom:2px; }
.tl-dot{ position:relative; z-index:1; width:32px; height:32px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; background:var(--card); border:2px solid var(--border); }
.tl-dot svg{ width:15px; height:15px; }
.tl-dot.tl-info{ border-color:var(--primary); color:var(--primary); }
.tl-dot.tl-success{ border-color:var(--success); color:var(--success); }
.tl-dot.tl-warning{ border-color:var(--warning); color:var(--warning); }
.tl-dot.tl-secondary{ border-color:var(--border-2); color:var(--muted); }
.tl-body{ flex:1; min-width:0; padding-top:2px; }
.tl-top{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tl-time{ font-size:11.5px; color:var(--muted); }
.tl-desc{ font-size:13.5px; color:var(--text-2); margin-top:3px; }
.tl-who{ font-size:11.5px; color:var(--muted); }
.tl-who::before{ content:"— "; }

/* ---------- مؤشّر التحميل ---------- */
.btn.is-loading{ position:relative; color:transparent !important; pointer-events:none; }
.btn.is-loading::after{ content:""; position:absolute; width:15px; height:15px; top:calc(50% - 7.5px); inset-inline-start:calc(50% - 7.5px);
  border:2px solid rgba(255,255,255,.5); border-top-color:#fff; border-radius:50%; animation:av-spin .6s linear infinite; }
.btn-ghost.is-loading::after{ border-color:rgba(37,99,235,.35); border-top-color:var(--primary); }
.spinner{ display:inline-block; width:18px; height:18px; border:2px solid var(--border); border-top-color:var(--primary); border-radius:50%; animation:av-spin .6s linear infinite; vertical-align:middle; }
.loading-overlay{ position:fixed; inset:0; background:color-mix(in srgb, var(--bg) 70%, transparent); backdrop-filter:blur(2px);
  display:none; align-items:center; justify-content:center; z-index:9999; }
.loading-overlay.show{ display:flex; }
.loading-overlay .box{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:20px 26px;
  box-shadow:var(--shadow-md); display:flex; align-items:center; gap:12px; font-size:14px; color:var(--text-2); }
.loading-overlay .box .spinner{ width:22px; height:22px; }
@keyframes av-spin{ to{ transform:rotate(360deg); } }

/* ---------- حالة فارغة أنيقة ---------- */
.empty-state{ text-align:center; padding:48px 24px; }
.empty-state .es-ic{ width:60px; height:60px; margin:0 auto 14px; border-radius:16px; background:var(--card-2);
  display:flex; align-items:center; justify-content:center; color:var(--muted); }
.empty-state .es-ic svg{ width:28px; height:28px; }
.empty-state h3{ font-size:16px; margin-bottom:4px; }
.empty-state p{ color:var(--muted); font-size:13.5px; margin:0 auto 16px; max-width:360px; }

/* ---------- حوار التأكيد ---------- */
.confirm-backdrop{ position:fixed; inset:0; background:rgba(15,23,42,.5); display:none; align-items:center; justify-content:center; z-index:9998; padding:20px; }
.confirm-backdrop.show{ display:flex; }
.confirm-box{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-md);
  max-width:400px; width:100%; padding:22px; text-align:center; animation:av-pop .16s ease; }
.confirm-box .c-ic{ width:52px; height:52px; margin:0 auto 12px; border-radius:50%; background:var(--warning-bg); color:var(--warning);
  display:flex; align-items:center; justify-content:center; }
.confirm-box .c-ic svg{ width:26px; height:26px; }
.confirm-box h3{ font-size:17px; margin-bottom:6px; }
.confirm-box p{ color:var(--muted); font-size:13.5px; margin:0 0 18px; }
.confirm-box .c-actions{ display:flex; gap:10px; justify-content:center; }
@keyframes av-pop{ from{ transform:scale(.94); opacity:0; } to{ transform:scale(1); opacity:1; } }