/*
  Etqan Design V18
  Organized visual enhancement layer loaded after the legacy theme.
  Scope: dashboard depth, sidebar identity, SVG icons, safer dark mode.
  Note: legacy CSS is intentionally kept untouched to avoid breaking reports/OMR templates.
*/

/* --------------------------------------------------------------------------
   01. Tokens
   -------------------------------------------------------------------------- */
:root{
  --v18-page:#f5f7fb;
  --v18-surface:rgba(255,255,255,.92);
  --v18-surface-solid:#ffffff;
  --v18-surface-muted:#f8fbff;
  --v18-ink:#0f172a;
  --v18-text:#26364a;
  --v18-muted:#64748b;
  --v18-line:#dbe6f3;
  --v18-brand:#0f766e;
  --v18-brand-2:#2563eb;
  --v18-accent:#f59e0b;
  --v18-success:#16a34a;
  --v18-danger:#dc2626;
  --v18-radius:18px;
  --v18-card-shadow:0 18px 46px rgba(15,23,42,.08);
  --v18-float-shadow:0 24px 70px rgba(15,23,42,.14);
}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b1220;
  --bg2:#0f172a;
  --card:#111827;
  --ink:#f8fafc;
  --text:#d8e2ef;
  --muted:#9aa9bc;
  --line:rgba(148,163,184,.24);
  --etq-panel:#111827;
  --etq-page:#0b1220;
  --etq-ink:#f8fafc;
  --etq-text:#d8e2ef;
  --etq-muted:#9aa9bc;
  --etq-line:rgba(148,163,184,.24);
  --v18-page:#0b1220;
  --v18-surface:rgba(17,24,39,.88);
  --v18-surface-solid:#111827;
  --v18-surface-muted:#0f172a;
  --v18-ink:#f8fafc;
  --v18-text:#d8e2ef;
  --v18-muted:#9aa9bc;
  --v18-line:rgba(148,163,184,.24);
  --v18-card-shadow:0 20px 60px rgba(0,0,0,.35);
  --v18-float-shadow:0 28px 80px rgba(0,0,0,.45);
}

/* --------------------------------------------------------------------------
   02. Base Shell Refinement
   -------------------------------------------------------------------------- */
.etqan-app{
  background:
    radial-gradient(circle at 10% -8%, color-mix(in srgb,var(--v18-brand-2) 13%,transparent), transparent 28%),
    radial-gradient(circle at 92% 2%, color-mix(in srgb,var(--v18-brand) 12%,transparent), transparent 30%),
    linear-gradient(180deg,var(--v18-page),color-mix(in srgb,var(--v18-page) 88%,#ffffff))!important;
}

html[data-theme="dark"] .etqan-app{
  background:
    radial-gradient(circle at 12% -8%, rgba(37,99,235,.25), transparent 30%),
    radial-gradient(circle at 92% 0, rgba(20,184,166,.19), transparent 30%),
    linear-gradient(180deg,#08111f,#0b1220 55%,#07101d)!important;
}

.canvas-v7{
  max-width:1580px;
}

/* Keep printing safe: do not let visual depth affect official print layouts. */
@media print{
  html[data-theme="dark"] body,
  html[data-theme="dark"] .official-report-page,
  html[data-theme="dark"] .report-table,
  html[data-theme="dark"] .official-table{
    background:#fff!important;
    color:#000!important;
  }
}

/* --------------------------------------------------------------------------
   03. Etqan Sidebar Identity
   -------------------------------------------------------------------------- */
.rail-v7{
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 28% 0,rgba(20,184,166,.18),transparent 30%),
    radial-gradient(circle at 96% 12%,rgba(37,99,235,.22),transparent 32%),
    linear-gradient(180deg,#07111f,#0d1728 52%,#092033)!important;
}

.rail-v7::before{
  content:"";
  position:absolute;
  inset:18px 12px auto;
  height:92px;
  border-radius:26px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.015)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 1px,transparent 1px 16px);
  border:1px solid rgba(255,255,255,.08);
  opacity:.48;
  z-index:-1;
}

.logo-v7{
  position:relative;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.055))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 40px rgba(0,0,0,.16);
}

.logo-v7::after{
  content:"";
  position:absolute;
  inset:12px auto 12px 12px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#14b8a6,#2563eb,#f59e0b);
}

.logo-symbol{
  position:relative;
  font-size:0!important;
  overflow:hidden;
  background:linear-gradient(135deg,#ecfeff,#eff6ff)!important;
}

.logo-symbol::before{
  content:"إ";
  font-size:25px;
  line-height:1;
  font-weight:950;
  color:var(--v18-brand);
}

.logo-symbol::after{
  content:"";
  position:absolute;
  width:15px;
  height:15px;
  left:8px;
  bottom:8px;
  border-radius:5px;
  background:linear-gradient(135deg,var(--v18-brand-2),var(--v18-brand));
  opacity:.92;
}

.nav-symbol svg,
.metric-icon svg,
.dashboard-hero-visual-v18 svg,
.theme-toggle-v18 svg{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.nav-link-v7{
  position:relative;
}

.nav-link-v7.is-active::before{
  content:"";
  position:absolute;
  inset:9px 7px 9px auto;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--v18-brand),var(--v18-brand-2));
}

.rail-product-v18{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(20,184,166,.18),rgba(37,99,235,.13)),
    rgba(255,255,255,.075)!important;
}

.rail-product-v18::after{
  content:"";
  position:absolute;
  left:-22px;
  bottom:-22px;
  width:76px;
  height:76px;
  border-radius:50%;
  border:14px solid rgba(255,255,255,.07);
}

/* --------------------------------------------------------------------------
   04. Appbar + Dark Mode Toggle
   -------------------------------------------------------------------------- */
.appbar-v7{
  background:color-mix(in srgb,var(--v18-surface-solid) 88%,transparent)!important;
  border-color:var(--v18-line)!important;
  box-shadow:var(--v18-card-shadow)!important;
}

html[data-theme="dark"] .identity-v7,
html[data-theme="dark"] .icon-btn-v7,
html[data-theme="dark"] .logout-v7,
html[data-theme="dark"] .btn.ghost{
  background:#101827!important;
  border-color:var(--v18-line)!important;
  color:var(--v18-text)!important;
}

.theme-toggle-v18{
  position:relative;
}

.theme-toggle-v18 svg{
  width:18px;
  height:18px;
}

.theme-moon-v18{display:none!important}
html[data-theme="dark"] .theme-sun-v18{display:none!important}
html[data-theme="dark"] .theme-moon-v18{display:block!important}

html[data-theme="dark"] .theme-toggle-v18{
  color:#facc15!important;
  background:rgba(250,204,21,.10)!important;
  border-color:rgba(250,204,21,.26)!important;
}

/* --------------------------------------------------------------------------
   05. Dashboard Hero Illustration
   -------------------------------------------------------------------------- */
.hero-card{
  min-height:220px;
  align-items:center!important;
  background:
    linear-gradient(135deg,var(--v18-surface-solid) 0%,color-mix(in srgb,var(--v18-brand-2) 5%,var(--v18-surface-solid)) 52%,color-mix(in srgb,var(--v18-brand) 8%,var(--v18-surface-solid)) 100%)!important;
  border:1px solid var(--v18-line)!important;
  box-shadow:var(--v18-card-shadow)!important;
}

.hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 12%,rgba(37,99,235,.08),transparent 24%),
    radial-gradient(circle at 94% 8%,rgba(20,184,166,.12),transparent 30%);
}

.hero-card > *{
  position:relative;
  z-index:1;
}

.dashboard-hero-visual-v18,
.hero-illustration.dashboard-hero-visual-v18{
  display:grid!important;
  place-items:center;
  width:360px!important;
  min-width:320px;
  min-height:230px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.dashboard-hero-visual-v18::before,
.dashboard-hero-visual-v18::after{
  display:none!important;
}

.dashboard-hero-visual-v18 svg{
  width:min(360px,100%);
  height:auto;
  color:var(--v18-brand-2);
  filter:drop-shadow(0 18px 26px rgba(15,23,42,.13));
}

html[data-theme="dark"] .dashboard-hero-visual-v18 svg rect[fill="#fff"],
html[data-theme="dark"] .dashboard-hero-visual-v18 svg rect[fill="url(#sheetGradV18)"]{
  filter:brightness(.88);
}

/* --------------------------------------------------------------------------
   06. Metric Cards With Real SVG Icons
   -------------------------------------------------------------------------- */
.metric-card.dashboard-metric-v18{
  position:relative;
  overflow:hidden;
  padding:18px!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,var(--v18-surface-solid),color-mix(in srgb,var(--v18-surface-muted) 70%,var(--v18-surface-solid)))!important;
  border:1px solid var(--v18-line)!important;
  box-shadow:var(--v18-card-shadow)!important;
}

.metric-card.dashboard-metric-v18::after{
  content:"";
  position:absolute;
  inset:auto auto -34px -28px;
  width:98px;
  height:98px;
  border-radius:50%;
  background:color-mix(in srgb,var(--v18-brand-2) 9%,transparent);
}

.metric-card.dashboard-metric-v18 .metric-icon{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(20,184,166,.12))!important;
  color:var(--v18-brand-2)!important;
  border:1px solid color-mix(in srgb,var(--v18-brand-2) 18%,transparent);
}

.metric-card.dashboard-metric-v18 .metric-icon svg{
  width:23px;
  height:23px;
}

.metric-card.dashboard-metric-v18:nth-child(2) .metric-icon{color:var(--v18-brand)!important;background:linear-gradient(135deg,rgba(20,184,166,.14),rgba(15,118,110,.07))!important}
.metric-card.dashboard-metric-v18:nth-child(3) .metric-icon{color:#7c3aed!important;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(37,99,235,.07))!important}
.metric-card.dashboard-metric-v18:nth-child(4) .metric-icon{color:#b45309!important;background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(20,184,166,.06))!important}

.metric-card.dashboard-metric-v18 strong{
  letter-spacing:-.02em;
}

/* --------------------------------------------------------------------------
   07. General Dark Mode Surface Coverage
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body{
  background:#0b1220!important;
  color:var(--v18-text)!important;
}

html[data-theme="dark"] .section-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .template-card,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .module-hero,
html[data-theme="dark"] .pro-hero,
html[data-theme="dark"] .hero-card,
html[data-theme="dark"] .wizard-card,
html[data-theme="dark"] .glass-card,
html[data-theme="dark"] .filter-card-v7,
html[data-theme="dark"] .results-card-v7,
html[data-theme="dark"] .summary-card-v7,
html[data-theme="dark"] .report-card,
html[data-theme="dark"] .print-panel-v9,
html[data-theme="dark"] .print-preview-v9,
html[data-theme="dark"] .report-section-v7,
html[data-theme="dark"] .template-card-v8,
html[data-theme="dark"] .studio-panel-v7,
html[data-theme="dark"] .studio-panel-v11,
html[data-theme="dark"] .designer-toolbar-v7,
html[data-theme="dark"] .designer-toolbar-v11,
html[data-theme="dark"] .report-filter-panel-v12,
html[data-theme="dark"] .report-template-runtime-v15,
html[data-theme="dark"] .custom-runtime-toolbar-v17{
  background:var(--v18-surface)!important;
  border-color:var(--v18-line)!important;
  color:var(--v18-text)!important;
  box-shadow:var(--v18-card-shadow)!important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] .page-heading-v7 h1,
html[data-theme="dark"] .section-header h3,
html[data-theme="dark"] .feature-card h3,
html[data-theme="dark"] .metric-card strong,
html[data-theme="dark"] .identity-v7 strong,
html[data-theme="dark"] .report-template-runtime-grid-v15 label{
  color:var(--v18-ink)!important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .page-heading-v7 p,
html[data-theme="dark"] .section-header p,
html[data-theme="dark"] .feature-card p,
html[data-theme="dark"] .metric-card span,
html[data-theme="dark"] .metric-card small,
html[data-theme="dark"] .custom-runtime-toolbar-v17 span,
html[data-theme="dark"] .crumb-v7{
  color:var(--v18-muted)!important;
}

html[data-theme="dark"] .input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]){
  background:#0f172a!important;
  color:var(--v18-text)!important;
  border-color:var(--v18-line)!important;
}

html[data-theme="dark"] .data-table td,
html[data-theme="dark"] .data-table th,
html[data-theme="dark"] .report-table td,
html[data-theme="dark"] .report-table th{
  background:#111827!important;
  border-color:var(--v18-line)!important;
  color:var(--v18-text)!important;
}

html[data-theme="dark"] .badge,
html[data-theme="dark"] .pill-v6,
html[data-theme="dark"] .pill-v7{
  background:#0f1d33!important;
  color:#bfdbfe!important;
  border-color:rgba(147,197,253,.24)!important;
}

/* --------------------------------------------------------------------------
   08. Responsive Adjustments
   -------------------------------------------------------------------------- */
@media(max-width:1100px){
  .dashboard-hero-visual-v18,
  .hero-illustration.dashboard-hero-visual-v18{
    width:300px!important;
    min-width:260px;
  }
}

@media(max-width:820px){
  .dashboard-hero-visual-v18,
  .hero-illustration.dashboard-hero-visual-v18{
    width:100%!important;
    min-width:0;
    min-height:190px!important;
  }

  .appbar-tools-v7{
    flex-wrap:wrap;
  }
}

/* V20 WhatsApp managed messaging */
.whatsapp-owner-shell-v20 .ltr,
.whatsapp-school-v20 .ltr { direction:ltr; unicode-bidi:embed; text-align:left; }
.whatsapp-school-v20 .report-toolbar-v13,
.whatsapp-owner-shell-v20 .owner-hero { gap:16px; }
.whatsapp-school-v20 .metric-card strong { font-size:clamp(1.4rem, 2vw, 2rem); }
.whatsapp-school-v20 .alert.warning { border:1px solid rgba(245,158,11,.35); background:rgba(245,158,11,.10); color:#92400e; border-radius:18px; padding:14px 16px; }

/* V21 WhatsApp managed messaging UI refresh */
.whatsapp-owner-shell-v21,
.whatsapp-school-v21{direction:rtl;display:grid;gap:18px}.whatsapp-owner-shell-v21 .ltr,.whatsapp-school-v21 .ltr{direction:ltr;unicode-bidi:embed;text-align:left}.wa-owner-hero-v21,.wa-tenant-hero-v21,.wa-school-hero-v21,.wa-mini-hero-v21{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:20px;align-items:stretch;border:1px solid rgba(37,99,235,.16);border-radius:22px;padding:24px;background:linear-gradient(135deg,#fff 0%,#f5f9ff 52%,#eefdf8 100%);box-shadow:0 18px 44px rgba(15,23,42,.08)}.wa-owner-hero-v21:before,.wa-school-hero-v21:before{content:"";position:absolute;inset:auto -90px -120px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.16),transparent 70%)}.wa-eyebrow-v21{display:inline-flex;align-items:center;border-radius:999px;background:#eef7ff;color:#2454d6;border:1px solid #d8e7ff;padding:6px 11px;font-weight:900;font-size:12px}.wa-owner-hero-v21 h2,.wa-tenant-hero-v21 h2,.wa-school-hero-v21 h2,.wa-mini-hero-v21 h2{margin:10px 0 8px;color:#102033;font-size:clamp(25px,3vw,36px);letter-spacing:-.02em}.wa-owner-hero-v21 p,.wa-tenant-hero-v21 p,.wa-school-hero-v21 p,.wa-mini-hero-v21 p{margin:0;color:#667085;line-height:1.85;max-width:850px}.wa-hero-actions-v21,.wa-tenant-hero-actions-v21{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.wa-provider-card-v21,.wa-school-status-v21{min-width:280px;border-radius:20px;padding:20px;color:#fff;background:linear-gradient(135deg,#0f172a,#2563eb);display:grid;align-content:center;gap:6px;box-shadow:0 18px 42px rgba(37,99,235,.20)}.wa-provider-card-v21.is-pending,.wa-school-status-v21.is-pending{background:linear-gradient(135deg,#78350f,#f59e0b)}.wa-provider-card-v21 small,.wa-school-status-v21 small{color:rgba(255,255,255,.75);font-weight:800}.wa-provider-card-v21 strong,.wa-school-status-v21 strong{font-size:30px;line-height:1.1}.wa-provider-card-v21 span,.wa-school-status-v21 span{color:rgba(255,255,255,.84);line-height:1.7}.wa-owner-metrics-v21{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wa-owner-metrics-v21 article{border:1px solid #dfe9f4;background:#fff;border-radius:18px;padding:18px;box-shadow:0 14px 32px rgba(15,23,42,.06);position:relative;overflow:hidden}.wa-owner-metrics-v21 article:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,#2563eb,#14b8a6)}.wa-owner-metrics-v21 span{display:block;color:#667085;font-size:13px;font-weight:900}.wa-owner-metrics-v21 strong{display:block;margin-top:6px;color:#102033;font-size:30px}.wa-owner-metrics-v21 small{display:block;color:#0f766e;margin-top:4px}.wa-owner-panel-v21{border:1px solid #dfe9f4;background:#fff;border-radius:20px;padding:20px;box-shadow:0 14px 36px rgba(15,23,42,.06)}.wa-panel-title-v21{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.wa-panel-title-v21 h3{margin:0;color:#102033;font-size:21px}.wa-panel-title-v21 p{margin:6px 0 0;color:#667085;line-height:1.8}.wa-switch-row-v21{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-bottom:14px}.wa-switch-row-v21 label{display:grid;gap:3px;border:1px solid #e3ebf5;background:#f8fbff;border-radius:16px;padding:13px}.wa-switch-row-v21 input{margin-inline-end:7px}.wa-switch-row-v21 b{color:#102033}.wa-switch-row-v21 small{color:#667085;line-height:1.6}.wa-form-grid-v21{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.wa-form-grid-v21 label{display:grid;gap:7px;font-weight:900;color:#344054}.wa-form-grid-v21 .span-2{grid-column:1/-1}.wa-form-grid-v21 .form-control,.wa-filter-card-v21 .form-control,.wa-upload-form-v21 .form-control{border-radius:13px;border:1px solid #cfdae8;min-height:42px}.wa-form-footer-v21{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.wa-form-footer-v21 p{margin:0;color:#667085;line-height:1.7}.wa-tenant-wallet-grid-v21{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.wa-wallet-card-v21{border:1px solid #dfe9f4;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:18px;padding:16px;display:grid;gap:12px;box-shadow:0 10px 26px rgba(15,23,42,.05)}.wa-wallet-card-v21.is-enabled{border-color:#b9eadc}.wa-wallet-card-v21 header,.wa-wallet-card-v21 footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.wa-wallet-card-v21 strong{color:#102033}.wa-wallet-card-v21 small{color:#667085}.wa-wallet-meta-v21{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wa-wallet-meta-v21 span{border:1px solid #edf2f7;background:#f8fafc;border-radius:12px;padding:9px;color:#667085;font-size:12px}.wa-wallet-meta-v21 b{display:block;color:#102033;margin-top:4px}.wa-wallet-progress-v21{height:9px;border-radius:999px;background:#eef2f6;overflow:hidden}.wa-wallet-progress-v21 span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#14b8a6)}.wa-package-quick-v21{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.wa-package-pill-v21{border:1px solid #cfe0ff;background:#eef6ff;color:#1d4ed8;border-radius:999px;padding:9px 14px;font-weight:900;cursor:pointer}.wa-package-pill-v21:hover{background:#dbeafe}.wa-school-hero-v21,.wa-mini-hero-v21{margin-bottom:0}.wa-school-metrics-v21{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.wa-alert-v21{border-radius:16px;padding:14px 16px;line-height:1.8;font-weight:800}.wa-alert-v21.warning{border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.10);color:#92400e}.wa-actions-grid-v21{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.wa-action-card-v21{display:block;text-decoration:none;color:inherit;border:1px solid #dfe9f4;background:#fff;border-radius:18px;padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.05)}.wa-action-card-v21:hover{border-color:#9db7ff;box-shadow:0 18px 40px rgba(15,23,42,.08)}.wa-action-card-v21 b{display:block;color:#102033;font-size:18px;margin-bottom:8px}.wa-action-card-v21 span{display:block;color:#667085;line-height:1.8}.wa-current-doc-v21{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d6eadf;background:#f3fcf7;border-radius:18px;padding:14px;margin-top:12px}.wa-current-doc-v21.compact{display:grid;gap:10px;margin:12px 0 0}.wa-current-doc-v21 strong{display:block;color:#065f46}.wa-current-doc-v21 span{display:block;color:#667085;margin-top:4px}.wa-current-doc-v21 code{display:block;direction:ltr;text-align:left;color:#1d4ed8;background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:8px;margin-top:8px;overflow:auto}.wa-filter-card-v21{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;align-items:end;border:1px solid #dfe9f4;background:#fff;border-radius:18px;padding:16px;margin-top:14px}.wa-filter-card-v21 label,.wa-upload-form-v21 label{display:grid;gap:7px;font-weight:900;color:#344054}.wa-schedule-grid-v21{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:14px}.wa-upload-card-v21,.wa-filter-panel-v21{border:1px solid #dfe9f4;background:#fff;border-radius:18px;padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.05)}.wa-upload-card-v21 h3,.wa-filter-panel-v21 h3{margin:0 0 12px;color:#102033}.wa-upload-form-v21{display:grid;gap:12px;margin-top:14px}@media(max-width:980px){.wa-owner-hero-v21,.wa-tenant-hero-v21,.wa-school-hero-v21,.wa-mini-hero-v21,.wa-form-footer-v21{flex-direction:column}.wa-provider-card-v21,.wa-school-status-v21{min-width:0}.wa-owner-metrics-v21,.wa-schedule-grid-v21{grid-template-columns:1fr}.wa-wallet-meta-v21{grid-template-columns:1fr}}
html[data-theme="dark"] .wa-owner-panel-v21,html[data-theme="dark"] .wa-wallet-card-v21,html[data-theme="dark"] .wa-action-card-v21,html[data-theme="dark"] .wa-upload-card-v21,html[data-theme="dark"] .wa-filter-panel-v21,html[data-theme="dark"] .wa-filter-card-v21,html[data-theme="dark"] .wa-owner-metrics-v21 article{background:#111827!important;border-color:var(--v18-line)!important}html[data-theme="dark"] .wa-owner-hero-v21,html[data-theme="dark"] .wa-tenant-hero-v21,html[data-theme="dark"] .wa-school-hero-v21,html[data-theme="dark"] .wa-mini-hero-v21{background:#0f172a!important;border-color:var(--v18-line)!important}