/* LiveUP Prestige — Premium Light v2
   Same hierarchy/geometry as Dark mode, but with an ice-white executive canvas.
   Gold = prestige/value. Turquoise = workflow/action. Dashboard and admin
   surfaces follow the selected light theme consistently. */

/* One geometry for both themes: info -> Pulse -> greeting -> quote -> eyebrow. */
.prestige-v4-hero {
  display: flex !important;
  flex-direction: column !important;
}
.prestige-v4-info { order: 10 !important; }
.prestige-v4-counter { order: 20 !important; }
.prestige-v4-heading { order: 30 !important; }
.prestige-v4-hero > p { order: 40 !important; }
.prestige-v4-eyebrow { order: 50 !important; }
.prestige-v4-source-hidden { display: none !important; }

html:not(.dark) body {
  background:
    radial-gradient(900px 520px at 8% -8%, rgba(31,180,181,.075), transparent 68%),
    radial-gradient(760px 460px at 100% 5%, rgba(212,166,68,.075), transparent 70%),
    linear-gradient(180deg,#f7f9fb 0%,#eef3f6 48%,#f8fafb 100%) !important;
}

html:not(.dark) .bg-aurora {
  opacity: .32 !important;
  filter: blur(105px) saturate(105%) !important;
}
html:not(.dark) .grid-pattern { opacity: .06 !important; }
html:not(.dark) .scan-line { opacity: .09 !important; }

/* Mobile/desktop navigation: crisp white glass, same premium depth as Dark. */
html:not(.dark) body > div > div.sticky,
html:not(.dark) aside {
  border-color: rgba(20,49,61,.09) !important;
  background: rgba(250,252,253,.88) !important;
  backdrop-filter: blur(24px) saturate(145%) !important;
  box-shadow: 0 18px 42px -35px rgba(20,42,51,.32), inset 0 -1px 0 rgba(15,141,145,.07) !important;
}
html:not(.dark) nav a[href="/dashboard"] {
  border-color: rgba(15,156,158,.26) !important;
  background: linear-gradient(145deg,rgba(20,181,181,.13),rgba(20,181,181,.075)) !important;
  color: #087f82 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 26px -22px rgba(8,131,136,.42) !important;
}

/* Hero typography — editorial, dark ink, same dimensions as Dark mode. */
html:not(.dark) .prestige-v4-hero {
  padding-top: 1.2rem !important;
  padding-bottom: .75rem !important;
  background: transparent !important;
}
html:not(.dark) .prestige-v4-hero::before,
html:not(.dark) .prestige-v4-hero::after { content: none !important; display: none !important; }
html:not(.dark) .prestige-v4-heading {
  margin: 1rem 0 0 !important;
  color: #0d151c !important;
  font-family: "Sora",ui-sans-serif,system-ui,sans-serif !important;
  font-size: clamp(2.45rem,7.2vw,4.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.06em !important;
  line-height: .96 !important;
  text-shadow: none !important;
}
html:not(.dark) .prestige-v4-heading > span {
  background: linear-gradient(112deg,#b77b20 0%,#d7a13e 48%,#a96d18 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
html:not(.dark) .prestige-v4-hero > p {
  margin-top: 1rem !important;
  color: rgba(34,48,59,.68) !important;
  font-size: .9rem !important;
  line-height: 1.58 !important;
}
html:not(.dark) .prestige-v4-eyebrow {
  margin: 1rem 0 0 !important;
  color: #b57b27 !important;
  opacity: .92;
}
html:not(.dark) .prestige-v4-info > span {
  border-color: rgba(18,147,151,.18) !important;
  background: rgba(255,255,255,.72) !important;
  color: rgba(36,53,64,.72) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95),0 14px 30px -27px rgba(19,102,108,.35) !important;
}

/* Prestige Pulse follows Light mode on dashboard and in the admin editor. */
html:not(.dark) .prestige-v4-counter {
  border-color: rgba(17,145,147,.20) !important;
  background:
    radial-gradient(420px 180px at 90% 0%,rgba(222,174,76,.10),transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.99) 0%,rgba(246,250,251,.98) 58%,rgba(237,246,247,.97) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1),0 24px 55px -38px rgba(38,104,110,.30),0 0 0 1px rgba(22,154,156,.025) !important;
}
html:not(.dark) .prestige-v4-counter::before {
  background:radial-gradient(circle,rgba(224,174,70,.11),transparent 68%) !important;
}
html:not(.dark) .prestige-v4-counter-top { color:rgba(42,62,73,.60) !important; }
html:not(.dark) .prestige-v4-counter-top strong { color:#a66e16 !important; }
html:not(.dark) .prestige-v4-live { color:#0d8f8a !important; }
html:not(.dark) .prestige-v4-number {
  color:#b77b17 !important;
  text-shadow:0 8px 24px rgba(183,123,23,.10) !important;
}
html:not(.dark) .prestige-v4-counter-copy > strong { color:#12222c !important; }
html:not(.dark) .prestige-v4-counter-copy > span { color:rgba(38,58,69,.72) !important; }
html:not(.dark) .prestige-v4-counter-copy > small { color:rgba(45,65,76,.52) !important; }
html:not(.dark) .prestige-v4-mine {
  border-color:rgba(190,135,31,.20) !important;
  background:linear-gradient(90deg,rgba(235,185,75,.14),rgba(255,255,255,.58)) !important;
}
html:not(.dark) .prestige-v4-mine span { color:rgba(74,67,50,.62) !important; }
html:not(.dark) .prestige-v4-mine strong { color:#a66e16 !important; }
html:not(.dark) .prestige-v4-track { background:rgba(29,111,113,.12) !important; }

html:not(.dark) .prestige-v4-admin-card {
  border-color:rgba(17,145,147,.20) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(240,248,249,.97)) !important;
  box-shadow:inset 0 1px 0 #fff,0 22px 48px -38px rgba(38,104,110,.28) !important;
}
html:not(.dark) .prestige-v4-admin-head strong { color:#9d6816 !important; }
html:not(.dark) .prestige-v4-admin-head p { color:rgba(37,57,68,.64) !important; }
html:not(.dark) .prestige-v4-admin-head > span { color:#087f7c !important; }
html:not(.dark) .prestige-v4-admin-grid label > span { color:rgba(39,59,70,.67) !important; }
html:not(.dark) .prestige-v4-admin-grid input,
html:not(.dark) .prestige-v4-admin-grid select {
  border-color:rgba(26,103,108,.16) !important;
  background:rgba(255,255,255,.90) !important;
  color:#13242d !important;
  box-shadow:inset 0 1px 0 #fff !important;
  color-scheme:light;
}
html:not(.dark) .prestige-v4-admin-grid input:focus,
html:not(.dark) .prestige-v4-admin-grid select:focus {
  border-color:rgba(18,153,151,.44) !important;
  box-shadow:0 0 0 3px rgba(18,153,151,.09) !important;
}
html:not(.dark) .prestige-v4-admin-actions label,
html:not(.dark) .prestige-v4-admin-status { color:rgba(40,60,71,.66) !important; }

/* Compatibility for the earlier Pulse renderer if an older cached page mounts it. */
html:not(.dark) .prestige-pulse-card,
html:not(.dark) .prestige-pulse-admin-card {
  border-color:rgba(17,145,147,.20) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(240,248,249,.97)) !important;
  box-shadow:inset 0 1px 0 #fff,0 22px 48px -38px rgba(38,104,110,.28) !important;
}
html:not(.dark) .prestige-pulse-scope,
html:not(.dark) .prestige-pulse-message,
html:not(.dark) .prestige-pulse-progress-row,
html:not(.dark) .prestige-pulse-admin-hint,
html:not(.dark) .prestige-pulse-admin-field label,
html:not(.dark) .prestige-pulse-admin-toggle,
html:not(.dark) .prestige-pulse-admin-status { color:rgba(40,60,71,.62) !important; }
html:not(.dark) .prestige-pulse-label,
html:not(.dark) .prestige-pulse-admin-title { color:#13242d !important; }
html:not(.dark) .prestige-pulse-countdown {
  border-color:rgba(17,145,147,.18) !important;
  background:rgba(231,244,245,.78) !important;
}
html:not(.dark) .prestige-pulse-countdown-label { color:rgba(39,59,70,.58) !important; }
html:not(.dark) .prestige-pulse-admin-field input,
html:not(.dark) .prestige-pulse-admin-field select {
  border-color:rgba(26,103,108,.16) !important;
  background:rgba(255,255,255,.90) !important;
  color:#13242d !important;
  color-scheme:light;
}
html:not(.dark) .prestige-pulse-track { background:rgba(29,111,113,.12) !important; }

/* Avatar keeps the same black/gold identity in both modes. */
html:not(.dark) .prestige-v4-avatar {
  border-color: #c9942f !important;
  background: radial-gradient(circle at 34% 25%,rgba(255,255,255,.10),transparent 30%),linear-gradient(145deg,#202126,#080b0f) !important;
  box-shadow:
    inset 0 0 0 2px rgba(7,10,13,.88),
    0 0 0 1px rgba(238,193,94,.82),
    0 0 0 4px rgba(169,111,20,.15),
    0 14px 32px -18px rgba(122,85,29,.52) !important;
}
html:not(.dark) .prestige-v4-role { color:#a96f1d !important; }

/* White executive glass cards with real depth, not flat grey boxes. */
html:not(.dark) .glass-card,
html:not(.dark) .glass-card-action,
html:not(.dark) .glass-card-success,
html:not(.dark) .glass-card-money {
  border-color: rgba(25,55,67,.095) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,250,252,.86)) !important;
  backdrop-filter: blur(24px) saturate(135%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.98),0 20px 50px -38px rgba(27,48,58,.36),0 1px 0 rgba(255,255,255,.72) !important;
}
html:not(.dark) .glass-card:hover { border-color:rgba(15,141,145,.18) !important; }

/* Main daily focus is the light-mode hero card. */
html:not(.dark) .glass-card-action:has(.grid-cols-2) {
  border-color: rgba(15,153,155,.25) !important;
  background:
    radial-gradient(500px 180px at 0% 0%,rgba(26,183,181,.075),transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,249,250,.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,1),0 22px 54px -36px rgba(20,79,83,.34),0 0 0 1px rgba(19,147,151,.025) !important;
}
html:not(.dark) .glass-card-action:has(.grid-cols-2) a[href="/heute"] {
  border: 1px solid rgba(8,125,129,.28) !important;
  background: linear-gradient(135deg,#11999b,#087f84) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28),0 12px 26px -17px rgba(8,114,119,.48) !important;
}
html:not(.dark) .glass-card-action:has(.grid-cols-2) .grid-cols-2 > div {
  border-color: rgba(30,62,74,.09) !important;
  background: linear-gradient(145deg,#fbfcfd,#f2f7f8) !important;
  box-shadow: inset 0 1px 0 #fff,0 14px 30px -27px rgba(25,63,76,.28) !important;
}
html:not(.dark) .glass-card-action:has(.grid-cols-2) .grid-cols-2 > div:nth-child(3) {
  border-color: rgba(202,68,61,.15) !important;
  background: linear-gradient(145deg,#fffafa,#f9f1f1) !important;
}
html:not(.dark) .glass-card-action:has(.grid-cols-2) .grid-cols-2 > div:nth-child(4) {
  border-color: rgba(190,132,32,.18) !important;
  background: linear-gradient(145deg,#fffcf5,#f8f3e8) !important;
}

/* Quick stats / accordions / pipeline retain clear hierarchy. */
html:not(.dark) .page-enter .rounded-xl.border,
html:not(.dark) .page-enter .rounded-2xl.border {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.84);
}
html:not(.dark) .text-muted-foreground { color:rgba(48,63,73,.62) !important; }
html:not(.dark) .text-foreground { color:#111b22 !important; }
html:not(.dark) .bg-secondary\/20 { background-color:rgba(229,237,241,.58) !important; }
html:not(.dark) .bg-secondary\/60 { background-color:rgba(229,237,241,.72) !important; }
html:not(.dark) input,
html:not(.dark) select,
html:not(.dark) textarea {
  border-color: rgba(28,58,69,.13) !important;
  background-color: rgba(255,255,255,.84) !important;
  color:#121c23 !important;
  box-shadow: inset 0 1px 1px rgba(27,48,58,.025) !important;
}

/* Admin Preview badge belongs to the UI, not over the main CTA. */
html:not(.dark) .fixed.bottom-3.right-3,
html.dark .fixed.bottom-3.right-3 {
  bottom: calc(1rem + env(safe-area-inset-bottom)) !important;
}

@media (max-width:640px) {
  html:not(.dark) .prestige-v4-hero { padding-top:.95rem !important; }
  html:not(.dark) .prestige-v4-heading {
    font-size: clamp(2.1rem,10vw,3rem) !important;
    line-height:.98 !important;
  }
  html:not(.dark) .prestige-v4-hero > p { font-size:.78rem !important; line-height:1.52 !important; }
  html:not(.dark) .prestige-v4-eyebrow { margin-top:.85rem !important; }
  html:not(.dark) .glass-card-action:has(.grid-cols-2) { padding:1.25rem !important; }
}

@media (prefers-reduced-motion:reduce) {
  html:not(.dark) *, html:not(.dark) *::before, html:not(.dark) *::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
}