/*
 * Lisans Yönetim Paneli - admin.css
 * Bootstrap 5.3 üzerine kurulu özel stiller.
 * Şablonun app.min.css dosyası (Bootstrap 4 dönemi) sadece görsel tema
 * katmanı olarak korunuyor; Bootstrap 5'e özgü küçük eksikler burada tamamlanır.
 */

/* Bootstrap 5, BS4'ten farklı olarak <a> öğelerine varsayılan
   text-decoration: underline uyguluyor (BS4'te varsayılan "none" idi).
   Şablon tasarımı tamamen alt çizgisiz link mantığıyla kurulu (sidebar,
   dropdown, tablo aksiyon ikonları, kart içi linkler vb.) — bu yüzden
   BS4 davranışına geri dönülüyor. */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* Bootstrap 4'teki .custom-switch.switch-success rengi BS5'in
   .form-check.form-switch yapısına taşındı. */
.form-switch .form-check-input.switch-success:checked {
    background-color: #03d87f;
    border-color: #03d87f;
}

/* BS5 dropdown-menu-end zaten var, ama şablonun dar dropdown genişliği
   quick-actions menüsü için biraz ferahlatılıyor.
   Not: .creat-btn .nav-link, topbar'ı 74px'te dikey ortalamak için
   line-height:74px taşıyor; dropdown-menu bu div'in içine yerleştirildiği
   için bu değeri miras alıp satırları devasa büyütüyordu — burada sıfırlanıyor. */
.creat-btn .dropdown-menu {
    min-width: 210px;
    line-height: normal;
}

/* API dokümantasyonu kod bloğu */
pre.code-block {
    background: #2b2b3d;
    color: #e8e8f0;
    padding: 16px;
    border-radius: 6px;
    overflow-x: auto;
    font-size: 13px;
}

/* BS5'te .close kaldırıldı, .btn-close kullanılıyor; koyu modallarda
   varsayılan btn-close ikonu görünür kalsın diye kontrast ayarı. */
.modal-header .btn-close {
    opacity: .6;
}

.modal-header .btn-close:hover {
    opacity: 1;
}

/* İki adımlı doğrulama - OTP hane kutuları */
.otp-digit {
    width: 46px;
    height: 52px;
    font-size: 20px;
    font-weight: 600;
    padding: 0;
}

#resendEmailLink.disabled {
    pointer-events: none;
    color: #9ba7ca;
}

/* Ayarlar > Güvenlik: Google Authenticator QR kod yer tutucusu.
   Gerçek entegrasyonda backend'in ürettiği QR görseliyle değiştirilir. */
.qr-placeholder {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    background-image:
        repeating-linear-gradient(0deg, #1d2c48 0 8px, transparent 8px 16px),
        repeating-linear-gradient(90deg, #1d2c48 0 8px, transparent 8px 16px);
    background-size: 16px 16px;
    background-blend-mode: multiply;
    background-color: #fff;
    border: 1px solid #eceff5;
    border-radius: 6px;
    position: relative;
}

.qr-placeholder::before,
.qr-placeholder::after,
.qr-placeholder span {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    border: 6px solid #1d2c48;
    background: #fff;
}

.qr-placeholder::before { top: 8px; left: 8px; }
.qr-placeholder::after { top: 8px; right: 8px; }
.qr-placeholder span { bottom: 8px; left: 8px; }