html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background: linear-gradient(180deg, #f6f8fb, #eef2f7);
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

/* ---- Policy panel CSS (tam paket) ---- */
.card-clean {
    border: 1px solid #eef2f7;
    border-radius: .75rem;
}

/* Başlık satırı: sade ve kompakt */
.policy-head {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    margin-bottom: .25rem;
}

    .policy-head h5 {
        margin: 0;
        font-weight: 700;
    }

    .policy-head small {
        color: #6b7280;
        font-weight: 600; /* badge yerine kısa metin */
    }

/* Key–Value grid */
.kv-grid {
    display: grid;
    grid-template-columns: 1fr; /* mobil: tek sütun */
    row-gap: .5rem; /* satırlar arası */
    margin-top: .75rem;
}

/* Tek bilgi satırı: etiket–değer yakın */
.kv-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .25rem; /* ETIKET–DEGER arası DAR */
    padding: 2px 4px; /* hafif iç boşluk */
}

.badge.bg-success-subtle,
.badge.bg-primary-subtle {
    font-weight: 700;
}

/* Etiket/değer tipografi */
.kv-label {
    color: #6b7280;
}

.kv-value {
    font-weight: 600;
    text-align: right;
}

    .kv-value.text-success {
        color: #16a34a;
    }
/* TL karşılığı */

/* Uzun tarih metinleri taşmasın */
.period-value {
    white-space: normal;
    word-break: keep-all;
}

/* ---- Desktop düzeni ---- */
@media (min-width: 576px) {
    .kv-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 sütun */
        column-gap: 8rem; /* SÜTUNLAR ARASI GENİŞ */
    }
}