/* Denver-apple — Mile High Ledger polish
   Palette: limestone · teal · copper · pine */

.site-header,
.site-header-slim {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom-color: rgba(11, 28, 44, 0.1) !important;
  box-shadow: 0 1px 0 rgba(14, 116, 144, 0.08);
}
.site-footer,
.site-footer-wide {
  background: #f3f7f8 !important;
  border-top: 1px solid rgba(14, 116, 144, 0.18) !important;
  color: var(--text-muted);
}
.footer-col-label { color: var(--amber) !important; }
.footer-brand-name,
.footer-nav-col a { color: var(--text); }
.footer-nav-col a:hover { color: var(--amber-light); }

.brand-badge {
  background: linear-gradient(135deg, #0e7490 0%, #047857 42%, #c2410c 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(14, 116, 144, 0.22) !important;
}
.brand-name { color: var(--text); }
.brand-tagline { color: var(--text-muted); }

.main-nav a,
.home-rail-nav a { color: var(--text) !important; }
.main-nav a:hover,
.home-rail-nav a:hover { color: var(--amber) !important; }
.main-nav.open,
.header-hero .main-nav.open {
  background: rgba(243, 247, 248, 0.98) !important;
}

.btn-primary {
  background: linear-gradient(135deg, #0e7490, #14b8a6 45%, #c2410c) !important;
  color: #fff !important;
  box-shadow: 0 10px 28px rgba(194, 65, 12, 0.22) !important;
  border-radius: 0.4rem !important;
}
.btn-outline {
  border-color: rgba(11, 28, 44, 0.18) !important;
  color: var(--text) !important;
  background: transparent !important;
  border-radius: 0.4rem !important;
}
.btn-outline:hover {
  border-color: var(--amber) !important;
  color: var(--amber) !important;
  background: rgba(14, 116, 144, 0.06) !important;
}

.card,
.form-card,
.panel,
.dash-panel,
.alert,
.form-control,
select.form-control,
textarea.form-control {
  background: #fff !important;
  border-color: rgba(11, 28, 44, 0.12) !important;
  color: var(--text) !important;
}
.form-control:focus {
  border-color: #0e7490 !important;
  box-shadow: 0 0 0 3px rgba(14, 116, 144, 0.16) !important;
}
.section-label,
.dash-panel-label,
.text-amber { color: var(--amber) !important; }
.stat-value,
.dash-stat-value,
.home-strip-value { color: var(--amber) !important; }
.stat-note { color: var(--text-muted) !important; }

.home-split-rail {
  background:
    linear-gradient(165deg, #f7fafb 0%, #eef4f6 55%, #e6edf0 100%) !important;
  border-right: 1px solid rgba(14, 116, 144, 0.14) !important;
}
.home-kicker { color: var(--amber) !important; }
.home-brand-title { color: var(--text) !important; }
.home-lead { color: var(--text-muted) !important; }

.home-strip {
  background: #f3f7f8 !important;
  border-bottom-color: rgba(11, 28, 44, 0.08) !important;
}

.home-media-login {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.96), rgba(243, 247, 248, 0.94)) !important;
  border: 1px solid rgba(14, 116, 144, 0.22) !important;
  box-shadow: 0 20px 50px rgba(11, 28, 44, 0.12) !important;
  color: var(--text) !important;
}
.home-media-login-kicker { color: #c2410c !important; }
.home-admin-link { color: var(--amber) !important; }

.header-hero-shade,
.home-media-shade {
  background:
    radial-gradient(ellipse 70% 55% at 15% 20%, rgba(14, 116, 144, 0.42), transparent 58%),
    radial-gradient(ellipse 60% 50% at 88% 18%, rgba(194, 65, 12, 0.28), transparent 56%),
    radial-gradient(ellipse 55% 48% at 70% 85%, rgba(4, 120, 87, 0.26), transparent 58%),
    radial-gradient(ellipse 45% 40% at 30% 75%, rgba(56, 189, 248, 0.18), transparent 55%),
    linear-gradient(to bottom, rgba(11, 28, 44, 0.15), rgba(11, 28, 44, 0.45)) !important;
  mix-blend-mode: normal !important;
  opacity: 0.92 !important;
}

.dash-hero {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--dash-accent) 16%, transparent), transparent 55%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 248, 0.96)) !important;
  border-color: color-mix(in srgb, var(--dash-accent) 35%, transparent) !important;
}

.user-sidebar,
.admin-sidebar {
  background: rgba(255, 255, 255, 0.96) !important;
  border-top: 1px solid rgba(14, 116, 144, 0.18) !important;
  box-shadow: 0 -12px 40px rgba(11, 28, 44, 0.1) !important;
}
.user-shortcut-item,
.admin-shortcut-item,
.admin-sidebar-kpi,
.user-sidebar-link,
.admin-sidebar-link {
  background: #fff !important;
  border-color: rgba(11, 28, 44, 0.1) !important;
  color: var(--text) !important;
}
.user-shortcut-item.is-active,
.user-sidebar-link.is-active,
.admin-sidebar-link.is-active {
  border-color: rgba(14, 116, 144, 0.45) !important;
  box-shadow: 0 0 0 1px rgba(14, 116, 144, 0.15) inset;
}

:root {
  --dash-1: #0e7490;
  --dash-2: #c2410c;
  --dash-3: #047857;
  --dash-4: #14b8a6;
  --dash-5: #ea580c;
  --dash-6: #0f766e;
  --dash-7: #5a6b7d;
  --dash-8: #0891b2;
  --dash-9: #b45309;
  --dash-10: #115e59;
}

.alert-success {
  background: rgba(4, 120, 87, 0.1) !important;
  border-color: rgba(4, 120, 87, 0.35) !important;
  color: #065f46 !important;
}
.alert-error {
  background: rgba(194, 65, 12, 0.1) !important;
  border-color: rgba(194, 65, 12, 0.35) !important;
  color: #9a3412 !important;
}
.alert-info {
  background: rgba(14, 116, 144, 0.1) !important;
  border-color: rgba(14, 116, 144, 0.35) !important;
  color: #155e75 !important;
}

.app-loader-card {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 248, 0.97)) !important;
  border: 1px solid rgba(11, 28, 44, 0.1) !important;
  color: var(--text);
}
.app-loader-backdrop {
  background:
    radial-gradient(ellipse 70% 50% at 18% 20%, rgba(14, 116, 144, 0.14), transparent 55%),
    radial-gradient(ellipse 55% 40% at 88% 18%, rgba(194, 65, 12, 0.1), transparent 52%),
    rgba(230, 237, 240, 0.88) !important;
}