/* Arabian Avanza — CMS brand theme (injected over Filament) */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
  --aa-green-900: #063229;
  --aa-green-700: #0b483b;
  --aa-gold: #c8a24c;
}

/* Typography */
.fi-body,
.fi-simple-layout {
  font-family: "Outfit", ui-sans-serif, system-ui, sans-serif;
}
.fi-logo,
.fi-header-heading,
.fi-simple-header-heading {
  font-family: "Marcellus", serif;
  letter-spacing: 0.01em;
}

/* ---------- Login: clean centered card on brand background ---------- */
.fi-simple-layout {
  background:
    radial-gradient(60% 50% at 80% 0%, rgba(200, 162, 76, 0.16), transparent 70%),
    radial-gradient(55% 55% at 0% 100%, rgba(44, 139, 118, 0.20), transparent 70%),
    linear-gradient(160deg, #04211b 0%, #0b483b 55%, #04211b 100%);
}
.fi-simple-main {
  border-radius: 22px;
  box-shadow: 0 34px 70px -28px rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.fi-simple-layout .fi-logo {
  height: 3.1rem !important;
  margin-inline: auto;
}

/* ---------- Sidebar / topbar ---------- */
.fi-sidebar {
  border-right: 1px solid rgba(6, 50, 41, 0.08);
}
.fi-sidebar-header,
.fi-topbar {
  box-shadow: 0 1px 0 rgba(6, 50, 41, 0.06);
}
.fi-sidebar-group-label {
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--aa-green-700);
}
.fi-sidebar-item-active .fi-sidebar-item-button {
  background: rgba(11, 72, 59, 0.1);
}
.fi-sidebar-item-button:hover {
  background: rgba(11, 72, 59, 0.06);
}

/* ---------- Rounder, softer surfaces (Shopify-ish) ---------- */
.fi-btn { border-radius: 0.6rem; }
.fi-section,
.fi-wi-stats-overview-stat,
.fi-ta-ctn,
.fi-fo-field-wrp .fi-input-wrp { border-radius: 14px; }

/* Stat cards: gold top accent */
.fi-wi-stats-overview-stat {
  border-top: 3px solid var(--aa-gold);
}

/* Page heading accent */
.fi-header-heading { color: var(--aa-green-900); }