:root {
  --arka: #1f2430;
  --kart: #2a3040;
  --cerceve: #3a4256;
  --metin: #e6e9f0;
  --soluk: #9aa3b5;
  --basarili: #3fb27f;
  --degraded: #d9a13b;
  --down: #d0564b;
  --unknown: #8b93a5;
  --kritik: #ff6b6b;
  --bayat: #7a94d8;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  background: var(--arka);
  color: var(--metin);
  font: 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  padding: 12px;
}
header { margin-bottom: 14px; }
h1 { font-size: 20px; font-weight: 600; }
.kaynak-durumu { margin-top: 6px; font-size: 14px; color: var(--soluk); }
.serit {
  border: 2px solid var(--bayat);
  background: rgba(122, 148, 216, 0.12);
  padding: 10px 12px;
  border-radius: 6px;
  margin-bottom: 14px;
  font-size: 15px;
  color: var(--metin);
}
.serit.olcu { border-color: var(--bayat); }
.uyari-surum { border: 1px dashed var(--basarili); background: transparent;
  color: var(--soluk); padding: 6px 10px; border-radius: 6px; margin-bottom: 6px;
  font-size: 13.5px; }
#icerek { display: flex; flex-direction: column; gap: 14px; }
.kart {
  background: var(--kart);
  border: 1px solid var(--cerceve);
  border-radius: 10px;
  padding: 14px;
}
.kart-bas { display: flex; align-items: center; justify-content: space-between;
  gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
.kart-bas h2 { font-size: 17px; font-weight: 600; }
.roz [class] { border-radius: 5px; padding: 1px 8px; font-size: 12.5px;
  font-weight: 600; letter-spacing: .3px; }
.durum-metin { font-size: 13px; color: var(--soluk); margin-bottom: 10px;
  word-break: break-word; }
.olsut { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  column-gap: 12px; row-gap: 2px; align-items: baseline; }
.olsut span.k, .olsut span.v { padding: 1px 0; }
.k { color: var(--soluk); font-size: 14px; }
.v { font-family: ui-monospace, "Cascadia Mono", SFMono-Regular, Menlo,
  Consolas, monospace; font-size: 14px; }
v.secin { display: inline-block; }
.blok-bas { margin: 10px 0 2px; font-size: 12.5px; text-transform: uppercase;
  letter-spacing: .8px; color: var(--soluk); border-top: 1px solid var(--cerceve);
  padding-top: 8px; }
.yas { font-size: 13px; color: var(--soluk); }
.yas.bayat { color: var(--bayat); font-weight: 600; }
.olculemedi { color: var(--soluk); font-style: italic; }
/* "bu dugumde yok" — notr gri, italic degil, soru isareti degil (uc-hal) */
.yok { color: #6b7280; font-style: normal; }   /* gri tonlama */
.kritik { color: var(--kritik); font-weight: 700; }
.basarili { color: var(--basarili); }
.degraded { color: var(--degraded); }
.down { color: var(--down); }
.unknown { color: var(--unknown); }
/* gri tonlama da okunur kalsin */
@media (prefers-contrast: more), (forced-colors: active) {
  :root { --kritik:#fff; --degraded:#fff; }
}
@media screen and (min-width: 900px) {
  #icerek { flex-direction: row; align-items: flex-start; }
  .kart { flex: 1 1 0; }
}
@media screen and (max-width: 390px) {
  body { padding: 8px; }
  .olsut { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  .k { font-size: 13px; }
  .v { font-size: 13px; word-break: break-all; }
  .kart { padding: 10px; }
}