/* Ekstreo'ya özgü genel kurallar. ekstreo.css bileşen kütüphanesinin tasarım sistemidir, buraya dokunulmaz;
   uygulamaya ait eklemeler bu dosyada tutulur. */

/* Blazor'ın hata şeridi yalnız gerçek hatada görünür. Kural kapsamlı (scoped) dosyada tutulursa
   yalnız o düzende gizlenir, diğer düzenlerde şerit her sayfada görünür kalır. */
#blazor-error-ui {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Belge sayfaları (API dokümanı, KVKK, kullanım koşulları): ekstreo.css belge kabını (.site-belge)
   tanımlıyor ama içindeki düz tablo ve kod bloğu için kural yok. */
.site-belge .tablo-duz {
    width: 100%;
    border-collapse: collapse;
    margin: 18px 0 28px;
    font-size: 14.5px;
}

.site-belge .tablo-duz th,
.site-belge .tablo-duz td {
    text-align: left;
    padding: 9px 12px;
    border-bottom: 1px solid var(--cizgi);
    vertical-align: top;
}

.site-belge .tablo-duz th {
    font-weight: 600;
    color: var(--metin-2);
    background: var(--yuzey-2);
}

.site-belge pre {
    background: var(--yuzey-2);
    border: 1px solid var(--cizgi);
    border-radius: 8px;
    padding: 14px 16px;
    overflow-x: auto;
    margin: 14px 0 22px;
}

.site-belge pre code,
.site-belge code {
    font-family: "IBM Plex Mono", ui-monospace, monospace;
    font-size: 13.5px;
}

.site-belge :not(pre) > code {
    background: var(--yuzey-2);
    border: 1px solid var(--cizgi);
    border-radius: 5px;
    padding: 1px 5px;
}

.site-belge h2 {
    margin-top: 34px;
}

.site-belge h3 {
    margin-top: 22px;
}

.site-belge ul {
    margin: 12px 0 20px 20px;
    display: grid;
    gap: 7px;
}

/* Hareket ekranının özet satırı ve tutar renkleri */
.ozet-satir {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: baseline;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--cizgi);
    font-size: 14.5px;
    color: var(--metin-2);
}

.pozitif { color: var(--basari, #116b63); }
.negatif { color: var(--tehlike, #b3261e); }