/* ============================================================
   Myne Status — Gatus arayuzunu myne-status tasarimina benzetir.
   Tipografi self-host (harici CDN yok, gizlilik).
   custom.css app.css'ten ONCE yuklendigi icin tum override'lar
   !important ile verilir (aksi halde app.css kazanir).
   ============================================================ */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter-latin-400-normal.C38fXH4l.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter-latin-500-normal.Cerq10X2.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter-latin-600-normal.LgqL8muc.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter-latin-700-normal.Yt3aPRUw.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/jetbrains-mono-latin-400-normal.V6pRDFza.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/jetbrains-mono-latin-500-normal.BWZEU5yA.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/jetbrains-mono-latin-700-normal.BYuf6tUa.woff2") format("woff2");
}

:root, html {
  /* Myne dark tokens (HSL triples — shadcn/Gatus vars). */
  --background: 0 0% 4% !important;            /* #0a0a0a */
  --foreground: 60 5% 90% !important;          /* #e6e6e4 */
  --card: 60 5% 4% !important;                 /* #0e0e0d */
  --card-foreground: 60 5% 90% !important;
  --popover: 60 5% 4% !important;
  --popover-foreground: 60 5% 90% !important;
  --primary: 60 5% 90% !important;
  --primary-foreground: 0 0% 4% !important;
  --secondary: 60 3% 8% !important;            /* #141413 */
  --secondary-foreground: 60 5% 90% !important;
  --muted: 60 3% 8% !important;
  --muted-foreground: 60 2% 53% !important;    /* #8a8a86 */
  --accent: 60 3% 9% !important;
  --accent-foreground: 60 5% 90% !important;
  --destructive: 5 47% 63% !important;         /* #cf7a72 */
  --destructive-foreground: 0 0% 4% !important;
  --border: 0 0% 13% !important;               /* ~rgba(255,255,255,0.08) */
  --input: 0 0% 13% !important;
  --ring: 220 40% 68% !important;              /* #8aa4d0 */
  color-scheme: dark !important;
}

html, body {
  background:
    radial-gradient(1100px 620px at 50% -10%, rgba(138, 164, 208, 0.06), transparent 70%),
    #0a0a0a !important;
  color: #e6e6e4 !important;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* -- Header --------------------------------------------------- */
header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
header h1 {
  color: #e6e6e4 !important;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
  letter-spacing: -0.01em !important;
}

/* -- Dashboard heading ---------------------------------------- */
main h1 {
  color: #e6e6e4 !important;
  letter-spacing: -0.01em !important;
}
main .text-muted-foreground {
  color: #8a8a86 !important;
}

/* -- Status renkleri (myne desatüre palet) -------------------- */
/* operational / up */
.bg-green-400, .bg-green-500 { background-color: #7fb89a !important; }
.bg-green-600, .bg-green-700 { background-color: #6da88a !important; }
.hover\:bg-green-500:hover, .hover\:bg-green-600:hover, .hover\:bg-green-700:hover { background-color: #6da88a !important; }
.text-emerald-500, .text-emerald-600, .text-emerald-700, .text-emerald-800 { color: #7fb89a !important; }

/* down */
.bg-red-400, .bg-red-500, .bg-red-600 { background-color: #cf7a72 !important; }
.hover\:bg-red-500:hover, .hover\:bg-red-600:hover, .hover\:bg-red-700:hover { background-color: #b96a63 !important; }
.text-red-400, .text-red-500, .text-red-600, .text-red-700 { color: #cf7a72 !important; }

/* degraded / partial */
.bg-amber-400, .bg-amber-500, .bg-amber-600 { background-color: #c2a35e !important; }
.hover\:bg-amber-500:hover, .hover\:bg-amber-600:hover { background-color: #ad914f !important; }
.text-amber-400, .text-amber-500, .text-amber-600, .text-amber-700 { color: #c2a35e !important; }

/* maintenance / info */
.bg-blue-400, .bg-blue-500, .bg-blue-600 { background-color: #8aa4d0 !important; }
.text-blue-400, .text-blue-500, .text-blue-600 { color: #8aa4d0 !important; }

/* -- Gatus'un kendi footer'ini gizle (yerine kendi footer'imiz var) -- */
#app footer {
  display: none !important;
}

/* -- Tek tema: dark mode toggle'ini gizle ------------------- */
button[aria-label="Switch to dark mode"],
button[aria-label="Switch to light mode"] {
  display: none !important;
}

/* -- Cleanup: Gatus'a ozgu toolbar/butonlari gizle ----------- */
/* arama + filter/sort cubugu (SADECE toolbar karti — ata div'ler degil) */
main .bg-card.rounded-lg.border:has(#search-input) { display: none !important; }
/* baslik yanindaki min-max ve refresh butonlari */
button[title="Show min-max response time"],
button[title="Refresh data"] { display: none !important; }
/* footer'daki refresh interval ("5m") acilir menu */
button[aria-label*="Refresh interval"] { display: none !important; }
/* sol alttaki yuzer ayarlar widget'i (settings) */
#settings { display: none !important; }

/* -- myne-status dokunuslari --------------------------------- */
/* "System status" eyebrow, h1 ustune */
main h1 {
  position: relative !important;
  padding-top: 30px !important;
}
main h1::before {
  content: "System status";
  position: absolute;
  top: 0; left: 0;
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #54544f !important;
}
/* kendi footer linklerimizin hover'i */
.myne-status-footer a:hover { color: #e6e6e4 !important; }