/* ══════════════════════════════════════════════════════════════════════════
   Minutics — "Soft Sky" theme override
   Loaded AFTER the compiled app stylesheet + lifetime-enhancements styles,
   so every rule here needs !important to beat the base bundle's own
   !important resets (it forces border-radius:0 and hard navy/cream colors
   globally). Nothing here touches app logic — purely visual.
══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Soft lavender/blue palette matching the new mock-ups */
  --background: 250 45% 97% !important;
  --foreground: 234 38% 18% !important;
  --card: 0 0% 100% !important;
  --card-foreground: 234 38% 18% !important;
  --border: 240 25% 90% !important;
  --input: 240 25% 90% !important;
  --ring: 245 70% 60% !important;
  --primary: 245 65% 58% !important;      /* soft indigo/purple */
  --primary-foreground: 0 0% 100% !important;
  --secondary: 245 45% 95% !important;
  --secondary-foreground: 234 38% 18% !important;
  --muted: 245 35% 95% !important;
  --muted-foreground: 235 12% 46% !important;
  --accent: 265 75% 68% !important;       /* violet accent */
  --accent-foreground: 0 0% 100% !important;
  --teal: 172 70% 40% !important;
  --destructive: 0 72% 55% !important;
  --destructive-foreground: 0 0% 100% !important;
  --radius: 18px !important;
  --lt-gradient: linear-gradient(135deg, hsl(245 70% 62%), hsl(265 75% 68%));
}

/* Restore rounded corners everywhere (base bundle forces 0 with !important) */
*, *::before, *::after { border-radius: var(--radius) !important; }
.rounded-full { border-radius: 999px !important; }
body, html, main, nav, header, footer { border-radius: 0 !important; }

body {
  background: linear-gradient(180deg, hsl(250 55% 97%), hsl(248 45% 94%)) !important;
}

/* ── Bottom nav bar ───────────────────────────────────────────────────── */
nav.flex.items-stretch {
  background: #fff !important;
  border-top: 1px solid hsl(var(--border)) !important;
  box-shadow: 0 -4px 20px rgba(80, 70, 180, .06) !important;
}
.lt-navtab-active::after {
  background: var(--lt-gradient) !important;
  height: 4px !important;
  width: 22px !important;
}

/* ── Life Progress hero card ─────────────────────────────────────────── */
#lt-life-progress {
  border-radius: 22px !important;
  overflow: hidden;
}
#lt-life-progress .lt-lp-top {
  background: linear-gradient(135deg, hsl(250 55% 97%), hsl(255 60% 93%)) !important;
  border: none !important;
  border-radius: 22px !important;
  position: relative;
}
#lt-life-progress .lt-lp-ring .lt-lp-track { stroke: hsl(245 30% 90%) !important; }
#lt-life-progress .lt-lp-ring .lt-lp-fill { stroke: url(#lt-lp-gradient) !important; }
#lt-life-progress .lt-lp-pct { color: hsl(var(--primary)) !important; }
#lt-life-progress .lt-lp-countdown {
  background: var(--lt-gradient) !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 28px rgba(90, 70, 200, .28) !important;
}
#lt-life-progress .lt-lp-box {
  background: rgba(255,255,255,.16) !important;
  border-radius: 14px !important;
}
#lt-life-progress #lt-lp-viewplan {
  background: rgba(255,255,255,.22) !important;
  border-radius: 999px !important;
}
#lt-life-progress .lt-lp-tv {
  background: linear-gradient(135deg, hsl(265 80% 97%), hsl(255 70% 94%)) !important;
  border: 1px solid hsl(255 50% 88%) !important;
  border-radius: 20px !important;
}

/* ── Glance / stat tiles (Work, Sleep, Time Waste, Exercise) ─────────── */
[id^="lt-glance"] > div,
.lt-act-stat-card {
  border-radius: 18px !important;
  border: 1px solid hsl(var(--border)) !important;
  box-shadow: 0 4px 14px rgba(90, 70, 200, .06) !important;
}

/* ── Eat the Frog card ────────────────────────────────────────────────── */
#lt-frog-card {
  border-radius: 20px !important;
  border: 1px solid hsl(var(--border)) !important;
  background: linear-gradient(180deg, #fff, hsl(255 55% 98%)) !important;
  box-shadow: 0 6px 18px rgba(90, 70, 200, .07) !important;
}
#lt-frog-card .lt-frog-title {
  display: flex; align-items: center; gap: 8px;
}
#lt-frog-card .lt-frog-title::before {
  content: "";
  display: inline-block;
  width: 22px; height: 22px;
  background: url("./frog.png") center/contain no-repeat;
  flex-shrink: 0;
}
#lt-frog-card .lt-frog-check.lt-frog-done {
  background: var(--lt-gradient) !important;
  border-color: transparent !important;
}

/* ── Life Hub ─────────────────────────────────────────────────────────── */
.lt-hub-search-input { border-radius: 999px !important; }
.lt-hub-filter-chip { border-radius: 999px !important; }
.lt-hub-filter-chip.lt-hub-filter-active {
  background: var(--lt-gradient) !important;
  border-color: transparent !important;
}
main img[src*="life_hub_banner"] {
  filter: drop-shadow(0 8px 20px rgba(90,70,200,.18));
}
/* Life Hub tool cards */
a[href^="/life-hub/"], a[href^="/tools/"] {
  border-radius: 18px !important;
}

/* ── Journal ──────────────────────────────────────────────────────────── */
.lt-jars-edit-salary-btn--big,
#lt-lp-viewplan,
button[class*="Start Tracking"],
main button:has(> :is(svg, span):only-child) {
  border-radius: 999px !important;
}

/* Buttons & primary surfaces get the gradient treatment */
.bg-primary { background: var(--lt-gradient) !important; }
.text-primary { color: hsl(var(--primary)) !important; }
.border-primary { border-color: hsl(var(--primary)) !important; }

/* Cards generally */
.bg-card, [class*="rounded"][class*="border"] {
  box-shadow: 0 3px 12px rgba(90, 70, 200, .05);
}

/* Inputs */
input, textarea, select {
  border-radius: 14px !important;
}

/* Streak / journal calendar chips */
.lt-value-day-bar-fill { background: #fff !important; }

/* Scrollbars kept default */