/* Müşteri paneli: sade tipografi, net gezinme ve düşük hareket. */
body.dahinet-theme,
body.dahinet-theme p,
body.dahinet-theme li,
body.dahinet-theme a,
body.dahinet-theme span:not(:where(.fa, .fas, .far, .fal, .fab, .fad, .fat, .fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands)),
body.dahinet-theme input,
body.dahinet-theme button,
body.dahinet-theme select,
body.dahinet-theme textarea {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* ⚠ 2026-10-10 — Yukarıdaki kuraldaki `span`e FA sınıfları muaf
   eklendi. Sebep: bu kural `!important` ile Inter zorluyordu,
   Font Awesome'un iki CSS dosyası ise `!important` İÇERMİYOR
   (`fontawesome-all.min.css` → `.fa, .fas`; WHMCS `fontawesome.min.css`
   → `.fas, .far, …`). `!important` özgüllükten bağımsız kazandığı
   için her ikisini de yeniyordu.

   CANLI ÖLÇÜM (viewticket):
     `<i class="fas fa-info-circle">` → "Font Awesome 6 Pro" ✔
     `<span class="fas fa-bold">`     → "Inter"            ✘ tofu
   Fark: seçici listesinde `i` yok, `span` var. WHMCS markdown araç
   çubuğu ikonları `<span class="fas …">` basıyor → kutu olarak
   çiziliyorlardı. `theme-refresh.css:14` bu muafiyeti zaten
   uyguluyor; sorun daha SONRA yüklenen bu dosyadaydı. */

body.dahinet-theme h1,
body.dahinet-theme h2,
body.dahinet-theme h3,
body.dahinet-theme h4,
body.dahinet-theme h5,
body.dahinet-theme h6 {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    letter-spacing: -0.02em;
}

.dn-dashboard {
    gap: 22px;
    color: #26364a;
}

.dn-welcome-banner {
    background: linear-gradient(110deg, #124d91 0%, #176ac2 58%, #2586d9 100%);
    border-radius: 14px;
    padding: 26px 30px;
    box-shadow: 0 8px 22px rgba(18, 77, 145, 0.16);
}

.dn-welcome-title {
    font-size: 1.45rem;
    letter-spacing: -0.025em;
}

.dn-welcome-sub {
    font-size: 0.92rem;
}

.dn-welcome-action,
.dn-home-stat-card,
.dn-quick-card,
.dn-panel-btn {
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease !important;
}

.dn-welcome-action:hover,
.dn-home-stat-card:hover,
.dn-quick-card:hover {
    transform: none;
}

.dn-home-stats {
    gap: 12px;
}

.dn-home-stat-card {
    min-height: 112px;
    padding: 18px;
    border-color: #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(20, 45, 75, 0.035);
}

.dn-home-stat-card:hover {
    border-color: #b8d5f2;
    box-shadow: 0 4px 12px rgba(20, 45, 75, 0.07);
}

.dn-hstat-num {
    color: #172b45;
    font-size: 1.8rem;
    line-height: 1.1;
}

.dn-hstat-label {
    color: #64748b;
    font-size: 0.83rem;
}

.dn-alert-banner {
    border-radius: 12px;
    box-shadow: none;
}

.dn-panel-card {
    border-color: #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(20, 45, 75, 0.035);
    transition: border-color 140ms ease, box-shadow 140ms ease;
}

.dn-panel-card:hover {
    border-color: #d3dfeb;
    box-shadow: 0 3px 10px rgba(20, 45, 75, 0.055);
}

.dn-panel-header {
    padding: 14px 18px;
    background: #f8fafc;
}

.dn-panel-list-link {
    padding: 11px 18px;
}

/* Sidebar bölümleri içerik kaybetmeden açılıp kapanabilir. */
.dahinet-sidebar-panel {
    border-color: #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(20, 45, 75, 0.04);
    transition: border-color 140ms ease, box-shadow 140ms ease;
}

.dahinet-sidebar-panel:hover {
    border-color: #d3dfeb;
    box-shadow: 0 3px 10px rgba(20, 45, 75, 0.06);
}

.dahinet-sidebar-panel::before {
    height: 2px;
    background: #2d72bd;
}

.dahinet-sidebar-panel-header {
    padding: 12px 14px;
    background: #f6f9fc;
}

.dahinet-sidebar-panel-icon {
    background: #e7f0fb;
    color: #2468ad;
    box-shadow: none;
}

.dahinet-sidebar-panel-title {
    font-size: 0.86rem;
    color: #233b57;
}

.dahinet-sidebar-nav {
    padding: 5px !important;
}

.dahinet-sidebar-nav-link {
    padding: 9px 10px !important;
    border-radius: 8px !important;
    color: #40556d !important;
    transition: background-color 130ms ease, color 130ms ease !important;
}

.dahinet-sidebar-nav-link:hover:not(.active) {
    background: #f1f6fb !important;
    color: #174f88 !important;
    transform: none !important;
}

.dahinet-sidebar-nav-link.active,
.dahinet-sidebar-nav-link.list-group-item.active,
.dahinet-sidebar-nav-link.active:hover {
    background: #eaf2fb !important;
    color: #174f88 !important;
    box-shadow: inset 3px 0 #2d72bd !important;
}

.dahinet-sidebar-nav-link.active .dahinet-sidebar-nav-icon,
.dahinet-sidebar-nav-link.active .sidebar-menu-item-icon-wrapper {
    background: #d8e8f8 !important;
    color: #2468ad !important;
}

.dahinet-sidebar-nav-link.active .dahinet-sidebar-nav-arrow {
    color: #7c9bbb !important;
    transform: none !important;
}

.dahinet-sidebar-nav-arrow,
.dahinet-sidebar-nav-icon,
.dahinet-sidebar-nav-link:hover .dahinet-sidebar-nav-arrow,
.dahinet-sidebar-nav-link:hover:not(.active) .dahinet-sidebar-nav-icon {
    transition: none !important;
    transform: none !important;
}

.dahinet-sidebar-toggle {
    transition: background-color 130ms ease !important;
}

.dahinet-sidebar-nav-link:focus-visible,
.dn-home-stat-card:focus-visible,
.dn-welcome-action:focus-visible {
    outline: 3px solid rgba(45, 114, 189, 0.35);
    outline-offset: 2px;
}

@media (max-width: 768px) {
    .dn-welcome-banner {
        padding: 20px;
    }

    .dn-home-stat-card {
        min-height: 96px;
        padding: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dn-dashboard *,
    .dahinet-sidebar-panel *,
    .dahinet-sidebar-panel {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}