/* LiveUP Prestige — clean premium dashboard override.
   Loaded after the main stylesheet so the dashboard keeps all functionality
   while the visual layer stays calm, deep and sales-focused. */

@keyframes prestige-neon-breathe {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 0 0 1px rgba(28,221,211,.08),
      0 14px 36px -22px rgba(28,221,211,.28),
      0 24px 56px -40px rgba(0,0,0,.95);
  }
  50% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.09),
      0 0 0 1px rgba(28,221,211,.16),
      0 16px 42px -20px rgba(28,221,211,.42),
      0 24px 56px -40px rgba(0,0,0,.95);
  }
}

@keyframes prestige-button-breathe {
  0%, 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 11px 28px -16px rgba(23,220,207,.52); }
  50% { box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 13px 34px -14px rgba(23,220,207,.72); }
}

/* Dashboard canvas: no decorative mountain, chart or visible grid background. */
.dark body:has(.page-enter a[href="/heute"]) {
  background: linear-gradient(180deg, #05080b 0%, #071016 48%, #05090d 100%) !important;
}

.dark body:has(.page-enter a[href="/heute"]) .bg-aurora,
.dark body:has(.page-enter a[href="/heute"]) .grid-pattern,
.dark body:has(.page-enter a[href="/heute"]) .scan-line {
  opacity: 0 !important;
  animation: none !important;
}

/* Header: black glass, subtle cyan edge, no noisy glow. */
.dark body:has(.page-enter a[href="/heute"]) > div > div.sticky {
  border-color: rgba(69,228,218,.12) !important;
  background: rgba(4,9,13,.90) !important;
  backdrop-filter: blur(22px) saturate(135%) !important;
  box-shadow: 0 14px 34px -30px rgba(0,0,0,.96), inset 0 -1px 0 rgba(69,228,218,.06) !important;
}

.dark body:has(.page-enter a[href="/heute"]) > div > div.sticky nav a[href="/dashboard"] {
  border-color: rgba(36,225,213,.34) !important;
  background: rgba(20,128,126,.13) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px -20px rgba(36,225,213,.38) !important;
}

/* Hero: editorial and clean. Decorative pseudo art from the previous design is disabled. */
.dark .page-enter:has(a[href="/heute"]) > section:first-of-type {
  min-height: auto !important;
  overflow: visible !important;
  padding-top: 2.15rem !important;
  padding-bottom: 1.25rem !important;
}

.dark .page-enter:has(a[href="/heute"]) > section:first-of-type::after {
  content: none !important;
  display: none !important;
}

.dark .page-enter:has(a[href="/heute"]) > section:first-of-type::before {
  margin-bottom: .9rem !important;
  color: #d9a947 !important;
  opacity: .92;
  font-size: .6rem !important;
  letter-spacing: .22em !important;
}

.dark .page-enter:has(a[href="/heute"]) > section:first-of-type h1 {
  max-width: 42rem !important;
  font-size: clamp(2.45rem, 7vw, 4.3rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.05em !important;
  text-shadow: none !important;
}

.dark .page-enter:has(a[href="/heute"]) > section:first-of-type > p {
  max-width: 34rem !important;
  margin-top: .95rem !important;
  color: rgba(223,231,237,.65) !important;
  line-height: 1.6 !important;
}

.dark .page-enter:has(a[href="/heute"]) > section:first-of-type > div:first-child {
  margin-top: 1.15rem !important;
}

.dark .page-enter:has(a[href="/heute"]) > section:first-of-type > div:first-child > span {
  border-color: rgba(52,225,214,.17) !important;
  background: rgba(7,17,23,.68) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* Shared dashboard cards: deeper glass without wallpaper-like graphics. */
.dark .page-enter:has(a[href="/heute"]) .glass-card {
  border-color: rgba(164,202,214,.10) !important;
  background: linear-gradient(145deg, rgba(16,27,34,.88), rgba(7,14,20,.92)) !important;
  backdrop-filter: blur(24px) saturate(130%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(255,255,255,.018),
    0 20px 52px -40px rgba(0,0,0,.98) !important;
}

.dark .page-enter:has(a[href="/heute"]) .glass-card:hover {
  border-color: rgba(57,225,214,.18) !important;
}

/* Main daily cockpit: glass depth + thin cyan neon only. */
.dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) {
  border-color: rgba(42,224,212,.27) !important;
  background: linear-gradient(145deg, rgba(13,28,34,.94), rgba(5,13,18,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 0 0 1px rgba(42,224,212,.025),
    0 22px 58px -42px rgba(0,0,0,.98) !important;
  animation: prestige-neon-breathe 6.5s ease-in-out infinite;
}

.dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2)::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) a[href="/heute"] {
  border: 1px solid rgba(155,255,247,.46) !important;
  background: linear-gradient(135deg, #26d9ce, #16bcb6) !important;
  color: #031013 !important;
  font-weight: 800 !important;
  animation: prestige-button-breathe 4.8s ease-in-out infinite;
}

/* KPI tiles: neutral glass first, semantic color second. */
.dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) .grid-cols-2 > div {
  min-height: 8.15rem !important;
  border-color: rgba(151,193,206,.10) !important;
  background: linear-gradient(145deg, rgba(12,23,30,.88), rgba(5,12,17,.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 36px -31px rgba(0,0,0,.98) !important;
}

.dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) .grid-cols-2 > div:nth-child(1) {
  border-color: rgba(37,224,213,.17) !important;
}

.dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) .grid-cols-2 > div:nth-child(2) {
  border-color: rgba(62,185,235,.16) !important;
}

.dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) .grid-cols-2 > div:nth-child(3) {
  border-color: rgba(240,92,77,.18) !important;
  background: linear-gradient(145deg, rgba(31,18,20,.78), rgba(6,12,17,.94)) !important;
}

.dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) .grid-cols-2 > div:nth-child(4) {
  border-color: rgba(231,167,62,.22) !important;
  background: linear-gradient(145deg, rgba(31,25,16,.78), rgba(6,12,17,.94)) !important;
}

.dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) .grid-cols-2 > div svg {
  box-shadow: inset 0 0 0 1px rgba(48,226,215,.18) !important;
  background: rgba(34,207,197,.08) !important;
}

.dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) .grid-cols-2 > div:nth-child(3) svg {
  background: rgba(241,83,72,.09) !important;
  box-shadow: inset 0 0 0 1px rgba(241,83,72,.18) !important;
}

.dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) .grid-cols-2 > div:nth-child(4) svg {
  background: rgba(232,168,58,.09) !important;
  box-shadow: inset 0 0 0 1px rgba(232,168,58,.20) !important;
}

/* Goal: prestigious, but still a glass card — no mountain art. */
.dark .page-enter:has(a[href="/heute"]) .glass-card-success {
  border-color: rgba(218,169,74,.20) !important;
  background: linear-gradient(145deg, rgba(27,25,19,.82), rgba(7,14,19,.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(218,169,74,.018),
    0 20px 48px -40px rgba(0,0,0,.98) !important;
}

.dark .page-enter:has(a[href="/heute"]) .glass-card-success::after {
  content: none !important;
  display: none !important;
}

/* Pipeline: keep data clean, remove decorative line art. */
.dark .page-enter:has(a[href="/heute"]) > section:nth-of-type(4) > div:nth-child(2)::before {
  content: none !important;
  display: none !important;
}

/* Analysis accordion surfaces stay quieter than the daily action card. */
.dark .page-enter:has(a[href="/heute"]) > section:nth-of-type(5) > .glass-card {
  border-color: rgba(151,193,206,.08) !important;
  background: linear-gradient(145deg, rgba(12,22,29,.84), rgba(6,13,18,.90)) !important;
}

.dark .page-enter:has(a[href="/heute"]) > section:nth-of-type(5) > .glass-card button > div:first-child > div:first-child {
  border-color: rgba(44,221,211,.14) !important;
  background: rgba(32,190,183,.07) !important;
}

@media (max-width: 640px) {
  .dark .page-enter:has(a[href="/heute"]) > section:first-of-type {
    min-height: auto !important;
    padding-top: 1.85rem !important;
    padding-bottom: .95rem !important;
  }

  .dark .page-enter:has(a[href="/heute"]) > section:first-of-type h1 {
    max-width: 22rem !important;
    font-size: clamp(2.4rem, 11vw, 3.25rem) !important;
  }

  .dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) {
    padding: 1.25rem !important;
  }

  .dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) .grid-cols-2 > div {
    min-height: 8.2rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2),
  .dark .page-enter:has(a[href="/heute"]) .glass-card-action:has(.grid-cols-2) a[href="/heute"] {
    animation: none !important;
  }
}