/* Bootstrap ve Blazor sablonundan gelen varsayilanlari Tense temasina cekiyoruz.
   Tasarim degiskenleri css/tense.css icinde; burada sadece ezme (override) var. */

a, .btn-link { color: var(--t-primary-dark); }

.btn-primary {
    color: #fff;
    background-color: var(--t-primary);
    border-color: var(--t-primary);
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus,
.form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 3px rgba(0, 171, 199, .18);
}

.content { padding-top: 1.1rem; }

h1:focus { outline: none; }

.valid.modified:not([type=checkbox]) { outline: 1px solid var(--t-success); }
.invalid { outline: 1px solid var(--t-danger); }
.validation-message { color: var(--t-danger); }

/* Blazor devre kopmasi / hata seridi */
#blazor-error-ui {
    color-scheme: light only;
    background: var(--t-warning-soft);
    border-top: 1px solid #F5D9A8;
    bottom: 0;
    box-shadow: 0 -2px 12px rgba(13, 0, 52, .1);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.9rem 1.4rem 0.9rem 1.4rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    font-family: var(--t-font-body);
    color: #9A5300;
}

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

.blazor-error-boundary {
    background: var(--t-danger);
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
    border-radius: var(--t-radius);
}

.blazor-error-boundary::after { content: "Beklenmeyen bir hata oluştu."; }