/* Luneflare status theme; keep health colors meaningful. */
#global {
  --background: 150 20% 97%;
  --foreground: 160 24% 13%;
  --card: 0 0% 100%;
  --primary: 161 65% 28%;
  --primary-foreground: 0 0% 100%;
  --muted-foreground: 155 9% 43%;
  --border: 155 16% 88%;
  --accent: 155 30% 94%;
  --ring: 161 50% 38%;
}
.dark #global {
  --background: 160 18% 8%;
  --foreground: 150 15% 93%;
  --card: 160 15% 12%;
  --primary: 156 51% 65%;
  --primary-foreground: 160 25% 10%;
  --muted-foreground: 155 10% 65%;
  --border: 160 12% 23%;
  --accent: 160 18% 18%;
  --ring: 156 45% 55%;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  -webkit-font-smoothing: antialiased;
}
#global { min-height: 100vh; }
header { border-top: 3px solid hsl(var(--primary)); }
header > .container, main .container { max-width: 1120px; }
header img { border-radius: 14px; box-shadow: 0 2px 8px #00000012; }
header h1 { font-size: 1.25rem !important; letter-spacing: -.025em; }
header p { display: none; }
header nav { gap: 8px !important; }
header nav a { border: 1px solid hsl(var(--border)); border-radius: 999px !important; padding: 7px 17px !important; }
header nav a:hover { background: hsl(var(--accent)); color: hsl(var(--primary)); }
.dashboard-container { background: radial-gradient(ellipse at 95% 0%, hsl(var(--primary) / .06), transparent 55%), hsl(var(--background)) !important; }
.dashboard-container > .container { padding-top: 40px; padding-bottom: 70px; }
.dashboard-container > .container > .mb-6 > .flex:first-child {
  padding: 26px 28px; border: 1px solid hsl(var(--primary) / .13);
  border-radius: 20px; background: linear-gradient(120deg, hsl(var(--primary) / .08), hsl(var(--card) / .8));
}
main h1 { font-size: 2rem !important; letter-spacing: -.035em; }
main h1 + p { font-size: .875rem; line-height: 1.8; }
main .rounded-lg.border { border-radius: 16px !important; box-shadow: 0 4px 20px #102e2005; }
main .rounded-lg.border:has(.endpoint-header) { overflow: hidden; transition: box-shadow .2s, border-color .2s; }
main .rounded-lg.border:has(.endpoint-header):hover { border-color: hsl(var(--primary) / .35); box-shadow: 0 8px 28px #102e2010; }
.endpoint-header { padding-top: 22px !important; }
.endpoint-content { padding-bottom: 22px !important; }
.endpoint-content .bg-green-500 { background-color: #2e9b73 !important; }
.endpoint-header .bg-green-500 { background-color: #21845f !important; }
.announcement-container > div { overflow: hidden; }
.announcement-header { background: hsl(var(--card)); }
.announcement-header:hover { background: hsl(var(--accent)) !important; }
.announcement-container p { line-height: 1.85; }
input, [role='combobox'] { border-radius: 10px !important; }
button:focus-visible, a:focus-visible, [role='link']:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 3px; }
footer .text-center:has(a[href='https://gatus.io']) { display: none !important; }
/* Older stored checks retain conditions; hide their tooltip block too. */
#tooltip > .space-y-2 > div:has(> .font-mono.space-y-0\.5) { display: none !important; }
footer { border-top: 0 !important; }
footer > .container { padding-top: 0 !important; padding-bottom: 0 !important; }
@media (max-width: 640px) {
  header h1 { font-size: 1.05rem !important; }
  header img { border-radius: 12px; }
  .dashboard-container > .container { padding-top: 24px; }
  .dashboard-container > .container > .mb-6 > .flex:first-child { padding: 20px 16px; border-radius: 16px; gap: 8px; }
  main h1 { font-size: 1.65rem !important; }
  main h1 + p { font-size: .8rem; max-width: 24ch; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }