/*
  Yan guvenli alan paylari: telefon yan cevrildiginde centik bolgesinin
  altina metin kacmasin. Masaustu ve dik konumda env() 0 doner; bu yuzden
  web istemcisinde ve dik kullanimda hicbir sey degismez.
*/
:root { --tsy-sa-l: env(safe-area-inset-left, 0px);
        --tsy-sa-r: env(safe-area-inset-right, 0px); }

/*
  TSY paylasilan gorsel dil — mobil uygulama VE web istemcisi.
  Bilesenle birlikte tasinir (_content/Tsy.Ui.Shared/tsy-ui.css).

  PRODUCT.md: "Gorsel dil her platformda tektir" — teknisyen cihaz
  degistirdiginde ayni ekrani bulur. Stil de bilesenle birlikte paylasilmazsa
  ekran iki kez yazilmis olur; sadece isaretleme paylasmak yetmez.

  Saha kisitlari: gun isiginda okunabilirlik (yuksek kontrast, koyu zemin),
  eldivenli kullanim (satir yuksekligi >= 56 px).
*/

.tsy-dtc-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px calc(14px + var(--tsy-sa-r)) 8px calc(14px + var(--tsy-sa-l));
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    color: #9aa7b4;
    background: #161b22;
    border-top: 1px solid #30363d;
    border-bottom: 1px solid #30363d;
}

.tsy-dtc-count {
    background: #f85149;
    color: #fff;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 12px;
}

.tsy-dtc-list { padding: 0 0 8px; }

/* Eldivenli dokunus icin satir yuksekligi >= 56 px. */
.tsy-dtc {
    display: grid;
    grid-template-columns: 10px 1fr auto auto;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 8px calc(14px + var(--tsy-sa-r)) 8px calc(14px + var(--tsy-sa-l));
    border-bottom: 1px solid #30363d;
    color: #f0f6fc;
}

.tsy-lamp { width: 10px; height: 34px; border-radius: 3px; background: #444c56; }
.tsy-dtc.tsy-lamp-amber .tsy-lamp { background: #d29922; box-shadow: 0 0 6px #d29922; }
.tsy-dtc.tsy-lamp-red   .tsy-lamp { background: #f85149; box-shadow: 0 0 6px #f85149; }

.tsy-spn-no  { font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.tsy-spn-txt { font-size: 11.5px; color: #9aa7b4; }

.tsy-fmi {
    font-size: 12px;
    font-weight: 600;
    color: #9aa7b4;
    font-variant-numeric: tabular-nums;
}

.tsy-oc {
    min-width: 38px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    background: #1c2430;
    border: 1px solid #30363d;
    border-radius: 6px;
    padding: 4px 0;
}

.tsy-empty {
    padding: 24px calc(14px + var(--tsy-sa-r)) 24px calc(14px + var(--tsy-sa-l));
    text-align: center;
    font-size: 12px;
    color: #9aa7b4;
}

/* Arizanin geldigi veri yolu ve kaynak adresi. SPN numarasinin yaninda,
   ikincil: teknisyenin once arizayi, sonra nereden geldigini okumasi icin. */
.tsy-origin {
    margin-left: 8px;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .06em;
    color: #8b98a5;
    border: 1px solid #30363d;
    border-radius: 999px;
    padding: 1px 7px;
    white-space: nowrap;
}

/* Gecmis ariza: soluk ve lambasi sonuk. Silinmez — oturum gecmisinin
   parcasidir; ama aktif olanla ayni agirlikta gosterilmez. */
.tsy-dtc.tsy-cleared { opacity: .55; }
.tsy-dtc.tsy-cleared .tsy-lamp { background: #6e7781 !important; box-shadow: none !important; }
.tsy-origin.tsy-gecti { border-style: dashed; }