/* ===================================
   Dahinet WHMCS Custom Theme
   HTML Tasarımı WHMCS Entegrasyonu
   =================================== */

/* WHMCS Varsayılan Navbar Override - HTML ile Uyumlu */
.primary-navbar,
.navbar-default,
.navbar-nav {
    font-size: 1rem !important;
}

.primary-navbar .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a,
.navbar-nav > li > a {
    padding: 8px 16px !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    line-height: 1.6 !important;
}

.primary-navbar .navbar-nav,
.navbar-default .navbar-nav,
.navbar-nav {
    gap: var(--spacing-xl) !important;
    margin: 0 !important;
}

.primary-navbar .navbar-nav > li,
.navbar-default .navbar-nav > li,
.navbar-nav > li {
    margin: 0 !important;
    padding: 0 !important;
}

/* WHMCS navbar container */
.primary-navbar .container,
.navbar-default .container {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
    max-width: 1200px !important;
}

.primary-navbar,
.navbar-default {
    padding: var(--spacing-md) 0 !important;
    min-height: auto !important;
}

/* WHMCS navbar brand/logo */
.primary-navbar .navbar-brand,
.navbar-default .navbar-brand {
    padding: 8px 16px !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}

/* Dropdown menüler */
.primary-navbar .dropdown-menu,
.navbar-default .dropdown-menu {
    font-size: 1rem !important;
}

/* CSS Variables - Dahinet Renk Paleti */
:root {
    --primary-blue: #0066CC;
    --secondary-blue: #0099FF;
    --dark-blue: #003366;
    --cloud-white: #F8FBFF;
    --sky-blue: #E6F3FF;
    --accent-cyan: #00D4FF;
    --text-dark: #1A1A2E;
    --text-light: #6B7280;
    --success-green: #10B981;
    --gradient-1: linear-gradient(135deg, #0066CC 0%, #00D4FF 100%);
    --gradient-2: linear-gradient(135deg, #003366 0%, #0066CC 100%);
    
    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-full: 9999px;
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 16px 32px rgba(0, 0, 0, 0.2);
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    --dahinet-header-height: 80px;
}

body.menu-open {
    overflow: hidden;
}

/* Body Override */
body.dahinet-theme,
body.dahinet-theme p,
body.dahinet-theme li,
body.dahinet-theme a,
body.dahinet-theme span,
body.dahinet-theme input,
body.dahinet-theme button,
body.dahinet-theme select,
body.dahinet-theme textarea {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

body.dahinet-theme {
    color: var(--text-dark);
    background-color: var(--cloud-white);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    color: var(--text-dark);
}

.dahinet-login-page {
    width: 100%;
}

.dahinet-login-page .login-form {
    margin: 0;
}

.dahinet-login-shell {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(360px, 1.05fr);
    gap: 24px;
    align-items: stretch;
}

.dahinet-login-aside {
    background: linear-gradient(145deg, #003c7a 0%, #0066cc 55%, #0099ff 100%);
    border-radius: 20px;
    padding: 30px;
    color: #ffffff;
    box-shadow: 0 18px 36px rgba(0, 34, 88, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dahinet-login-kicker {
    display: inline-flex;
    width: fit-content;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.dahinet-login-aside h2 {
    color: #ffffff;
    font-size: 1.85rem;
    margin-bottom: 12px;
}

.dahinet-login-aside p {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 20px;
    line-height: 1.65;
}

.dahinet-login-benefits {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 10px;
}

.dahinet-login-benefits li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.95rem;
    color: #ffffff;
}

.dahinet-login-benefits li i {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 0.85rem;
}

.dahinet-login-card {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 20px;
    box-shadow: 0 12px 34px rgba(12, 56, 112, 0.12);
    overflow: hidden;
}

.dahinet-login-card .card-body {
    padding: 34px !important;
}

.dahinet-login-card .card-footer {
    background: #f8fbff;
    border-top: 1px solid rgba(0, 102, 204, 0.12);
    padding: 16px 34px !important;
}

.dahinet-login-card .form-control-label {
    font-weight: 600;
    color: #214a78;
    margin-bottom: 8px;
}

.dahinet-login-card .input-group-merge .input-group-text {
    background: #eef6ff;
    border: 1px solid rgba(0, 102, 204, 0.2);
    color: #0066cc;
}

.dahinet-login-card .form-control {
    min-height: 48px;
    border: 1px solid rgba(0, 102, 204, 0.2);
    font-size: 0.975rem;
}

.dahinet-login-card .form-control:focus {
    border-color: #0077e6;
    box-shadow: 0 0 0 3px rgba(0, 119, 230, 0.12);
}

.dahinet-login-card .btn-reveal-pw {
    border: 1px solid rgba(0, 102, 204, 0.2);
    background: #eef6ff;
    color: #0066cc;
}

.dahinet-login-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 22px;
}

.dahinet-login-actions .btn-primary {
    min-width: 170px;
    min-height: 46px;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    background: var(--gradient-1);
    box-shadow: 0 8px 16px rgba(0, 102, 204, 0.24);
}

.dahinet-login-actions .btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(0, 102, 204, 0.3);
}

.dahinet-login-remember {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #375f8d;
    font-size: 0.92rem;
}

.dahinet-login-remember .form-check-input {
    margin: 0;
}

@media (max-width: 991px) {
    .dahinet-login-shell {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dahinet-login-aside {
        padding: 24px;
    }

    .dahinet-login-aside h2 {
        font-size: 1.55rem;
    }
}

@media (max-width: 575px) {
    .dahinet-login-card .card-body {
        padding: 24px !important;
    }

    .dahinet-login-card .card-footer {
        padding: 14px 24px !important;
    }

    .dahinet-login-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .dahinet-login-actions .btn-primary {
        width: 100%;
    }
}

/* ===================================
   NAV-PILLS / NAV-TABS MODERN BLUE STYLE
   =================================== */

.dahinet-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: var(--shadow-sm);
    z-index: 1000;
    transition: var(--transition-normal);
}

.dahinet-header::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 102, 204, 0.05), rgba(0, 102, 204, 0.22), rgba(0, 102, 204, 0.05));
}

.dahinet-header.scrolled {
    box-shadow: var(--shadow-md);
}

/* Top Bar for Logged In Users */
.dahinet-topbar {
    background: var(--sky-blue);
    border-bottom: 1px solid rgba(0, 102, 204, 0.1);
    padding: 8px 0;
}

.topbar-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-md);
}

.topbar-left,
.topbar-right {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.btn-notifications {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: 6px 12px;
    background: white;
    border: 1px solid rgba(0, 102, 204, 0.2);
    border-radius: var(--radius-md);
    color: var(--primary-blue);
    font-size: 0.875rem;
    cursor: pointer;
    transition: var(--transition-fast);
}

.btn-notifications:hover {
    background: var(--primary-blue);
    color: white;
}

.notification-count {
    background: var(--primary-blue);
    color: white;
    padding: 2px 6px;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
}

.active-client-info {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: 0.875rem;
}

.client-label {
    color: var(--text-light);
}

.client-name {
    color: var(--primary-blue);
    font-weight: 600;
    padding: 6px 12px;
    background: white;
    border-radius: var(--radius-md);
    transition: var(--transition-fast);
}

.client-name:hover {
    background: var(--primary-blue);
    color: white;
    text-decoration: none;
}

.btn-switch,
.btn-admin-return {
    padding: 6px 10px;
    background: white;
    border: 1px solid rgba(0, 102, 204, 0.2);
    border-radius: var(--radius-md);
    color: var(--primary-blue);
    transition: var(--transition-fast);
}

.btn-switch:hover,
.btn-admin-return:hover {
    background: var(--primary-blue);
    color: white;
}

/* Main Navbar */
.dahinet-navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: var(--spacing-md) 0 !important;
    gap: var(--spacing-sm) !important;
}

/* Navbar container genişliği - Daha geniş ve esnek */
.dahinet-header .container {
    max-width: 1400px !important;
    padding-left: var(--spacing-md) !important;
    padding-right: var(--spacing-md) !important;
}

.dahinet-navbar .logo a {
    display: flex !important;
    align-items: center !important;
    gap: var(--spacing-sm) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    color: var(--primary-blue) !important;
    text-decoration: none !important;
}

.dahinet-navbar .logo a span {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    color: var(--primary-blue) !important;
}

.dahinet-navbar .logo i {
    font-size: 2rem !important;
    line-height: 1.6 !important;
}

.dahinet-navbar .logo-img {
    max-height: 50px !important;
    width: auto !important;
}

/* Navigation Menu */
.nav-menu {
    display: flex !important;
    align-items: center !important;
    gap: var(--spacing-lg) !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
    flex-shrink: 1 !important;
}

/* Masaüstünde bazı menü öğelerini gizle */
@media (min-width: 993px) {
    .nav-menu > li:nth-child(5),  /* Duyurular */
    .nav-menu > li:nth-child(6),  /* Bilgi Bankası */
    .nav-menu > li:nth-child(8) { /* İletişim */
        display: none !important;
    }
    
    /* CRITICAL: Mobil menü elemanlarını masaüstünde gizle */
    .mobile-menu-toolbar,
    .mobile-menu-profile,
    .mobile-menu-section-label,
    .mobile-account-menu,
    .mobile-quick-actions {
        display: none !important;
    }
    
    /* Hamburger menüyü masaüstünde gizle */
    .hamburger {
        display: none !important;
    }
    
    /* Nav menu overlay'i masaüstünde gizle */
    .nav-menu-overlay {
        display: none !important;
    }
    
    /* Nav menu'yu masaüstünde normal göster */
    .nav-menu {
        position: static !important;
        flex-direction: row !important;
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        padding: 0 !important;
        right: auto !important;
        left: auto !important;
    }
    
    /* Nav menu active class'ını masaüstünde etkisiz hale getir */
    .nav-menu.active {
        position: static !important;
        right: auto !important;
    }
}

.nav-menu-overlay {
    display: none;
}

.nav-menu li {
    position: relative;
}

.nav-menu > li > a {
    font-weight: 500 !important;
    color: #0f4f90 !important;
    position: relative !important;
    padding: 0 !important;
    text-decoration: none !important;
    transition: var(--transition-fast) !important;
    display: inline-block !important;
    font-size: 1rem !important;
    white-space: nowrap !important;
    line-height: 1.6 !important;
}

/* Masaüstü nav link ikonları — mavi renk, küçük boyut */
@media (min-width: 993px) {
    .nav-menu > li > a > i.fas,
    .nav-menu > li > a > i.far,
    .nav-menu > li > a > i.fab {
        display: inline-block !important;
        color: var(--primary-blue);
        font-size: 0.9rem;
        margin-right: 4px;
        vertical-align: middle;
    }

    /* fa-chevron-down dropdown oku — badge görünümü olmasın */
    .nav-menu > li > a > i.fa-chevron-down {
        font-size: 0.7rem;
        margin-right: 0;
        margin-left: 2px;
        color: var(--text-light);
        opacity: 0.7;
    }
}

.nav-menu > li > a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary-blue);
    transition: var(--transition-normal);
}

.nav-menu > li > a:hover::after,
.nav-menu > li > a.active::after {
    width: 100%;
}

.nav-menu > li > a:hover {
    color: var(--primary-blue);
}

.nav-menu > li > a:focus-visible,
.btn-icon:focus-visible,
.btn-primary-header:focus-visible,
.btn-secondary-outline:focus-visible,
.hamburger:focus-visible {
    outline: 2px solid var(--primary-blue);
    outline-offset: 3px;
    border-radius: var(--radius-md);
}

/* Dropdown toggle - alt çizgi olmasın */
.nav-menu .dropdown > a.dropdown-toggle::after {
    display: none;
}

.nav-menu .dropdown > a.dropdown-toggle {
    cursor: pointer;
}

/* Dropdown Menu */
.nav-menu .dropdown {
    position: relative;
}

.nav-menu .dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.nav-menu .dropdown-toggle i {
    font-size: 0.75rem;
    transition: transform var(--transition-fast);
}

.nav-menu .dropdown:hover .dropdown-toggle i,
.nav-menu .dropdown.active .dropdown-toggle i {
    transform: rotate(180deg);
}

.nav-menu .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;
    background: white;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    min-width: 280px;
    padding: var(--spacing-md);
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all var(--transition-normal);
    z-index: 1002 !important;
    list-style: none;
}

.nav-menu .dropdown > .dropdown-toggle {
    position: relative;
    z-index: 1001;
}

/* Hover alanını genişlet - MEGA boşluk çözümü */
.nav-menu .dropdown::after {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px;
    bottom: -30px;
    z-index: 99998;
    pointer-events: none;
}

/* Hover ile açılır */
.nav-menu .dropdown:hover .dropdown-menu,
.nav-menu .dropdown:focus-within .dropdown-menu,
.nav-menu .dropdown.active .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    margin-top: 12px;
}

/* Dropdown açıkken hover alanını koru */
.nav-menu .dropdown:hover,
.nav-menu .dropdown.active {
    position: relative;
    z-index: 99999;
}

.nav-menu .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
}

/* Dropdown menu items */
.nav-menu .dropdown-menu li {
    margin: 0;
}

.nav-menu .dropdown-menu a {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
    color: var(--text-dark);
    text-decoration: none;
}

.nav-menu .dropdown-menu a:hover {
    background: var(--sky-blue);
    transform: translateX(4px);
}

.nav-menu .dropdown-menu a::after {
    display: none !important;
}

.nav-menu .dropdown-menu i {
    font-size: 1.5rem;
    color: var(--primary-blue);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sky-blue);
    border-radius: var(--radius-md);
    flex-shrink: 0;
}

.nav-menu .dropdown-menu a:hover i {
    background: var(--primary-blue);
    color: white;
}

.nav-menu .dropdown-menu strong {
    display: block;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 2px;
}

.nav-menu .dropdown-menu span {
    display: block;
    font-size: 0.875rem;
    color: var(--text-light);
}

/* =============================================
   NAVBAR ACTIONS — Modern Icon Buttons
   ============================================= */
.navbar-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
}

/* Base icon button */
.btn-icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    background: rgba(15, 23, 42, 0.05) !important;
    color: #1e293b !important;
    border: 1.5px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

.btn-icon i {
    font-size: 0.95rem !important;
    line-height: 1 !important;
    display: block !important;
}

.btn-icon:hover {
    background: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
}

/* Bildirim butonu — sarı/turuncu vurgu */
.btn-notifications-compact:hover {
    background: #f59e0b !important;
    border-color: #f59e0b !important;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35) !important;
}

/* Hesap butonu — yeşil vurgu */
.btn-account-compact:hover {
    background: #10b981 !important;
    border-color: #10b981 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
}

/* Çıkış butonu — kırmızı vurgu */
.btn-logout-compact:hover {
    background: #ef4444 !important;
    border-color: #ef4444 !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.35) !important;
}

/* Scrolled header'da ikonu daha belirgin yap */
.dahinet-header.scrolled .btn-icon {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(37, 99, 235, 0.15) !important;
    color: #1e293b !important;
}

/* Badge — anlık güncelleme için data-count destekli */
.icon-badge {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    background: #ef4444 !important;
    color: white !important;
    padding: 0 !important;
    border-radius: 50% !important;
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    min-width: 17px !important;
    height: 17px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    border: 2px solid white !important;
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.4) !important;
    pointer-events: none !important;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* Sepet badge'i mavi */
.btn-cart-compact .icon-badge {
    background: var(--primary-blue) !important;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.4) !important;
}

/* Badge pop animasyonu */
.icon-badge.badge-pop {
    animation: badgePop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

@keyframes badgePop {
    0%   { transform: scale(0.5); opacity: 0; }
    60%  { transform: scale(1.3); }
    100% { transform: scale(1);   opacity: 1; }
}

/* Gizli badge */
.icon-badge[data-count="0"],
.icon-badge:empty {
    display: none !important;
}

.btn-secondary-outline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    background: transparent !important;
    color: var(--text-dark) !important;
    border: 2px solid var(--primary-blue) !important;
    border-radius: var(--radius-md) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    transition: all var(--transition-fast) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.btn-secondary-outline:hover {
    background: var(--primary-blue);
    border-color: var(--primary-blue);
    color: white;
    text-decoration: none;
}

.btn-primary-header {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 16px !important;
    background: var(--gradient-1) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    transition: all var(--transition-normal) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: var(--shadow-sm) !important;
}

.btn-primary-header:hover {
    background: var(--dark-blue);
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: var(--shadow-md) !important;
}

.btn-primary-header i {
    font-size: 0.9rem;
}

.btn-secondary-outline i {
    font-size: 0.9rem;
}

/* Login Button - HTML ile Uyumlu */
.btn-login {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--spacing-sm) !important;
    padding: 8px 16px !important;
    background: var(--sky-blue) !important;
    color: var(--primary-blue) !important;
    border-radius: var(--radius-md) !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    transition: all var(--transition-fast) !important;
    text-decoration: none !important;
    border: none !important;
}

.btn-login:hover {
    background: var(--primary-blue) !important;
    color: white !important;
    text-decoration: none !important;
}

.btn-login i {
    font-size: 1rem;
}

/* Hamburger Menu */
.hamburger {
    display: none;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 8px;
}

.hamburger span {
    width: 25px;
    height: 3px;
    background: var(--primary-blue);
    border-radius: var(--radius-full);
    transition: var(--transition-normal);
}

/* Client Alerts / Notifications Popover */
.client-alerts {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 350px;
    max-height: 400px;
    overflow-y: auto;
}

.client-alerts li {
    border-bottom: 1px solid var(--sky-blue);
}

.client-alerts li:last-child {
    border-bottom: none;
}

.client-alerts li a {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    text-decoration: none;
    color: var(--text-dark);
    transition: var(--transition-fast);
}

.client-alerts li a:hover {
    background: var(--sky-blue);
}

.client-alerts li a i {
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.client-alerts li a i.fa-exclamation-circle {
    color: #dc2626;
}

.client-alerts li a i.fa-exclamation-triangle {
    color: #f59e0b;
}

.client-alerts li a i.fa-info-circle {
    color: var(--primary-blue);
}

.client-alerts li a i.fa-check-circle {
    color: var(--success-green);
}

.client-alerts li a .message {
    flex: 1;
    font-size: 0.875rem;
    line-height: 1.5;
}

.client-alerts li.none {
    padding: var(--spacing-lg);
    text-align: center;
    color: var(--text-light);
    font-size: 0.875rem;
}

/* Popover Custom Styling */
.popover {
    border: none;
    box-shadow: var(--shadow-xl);
    border-radius: var(--radius-lg);
}

.popover-body {
    padding: 0;
}

/* ===================================
   DAHINET FOOTER STYLES
   =================================== */

.dahinet-footer {
    background: var(--dark-blue);
    color: white;
    padding: var(--spacing-3xl) 0 var(--spacing-lg);
    margin-top: var(--spacing-3xl);
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
}

.footer-column h3 {
    color: white;
    margin-bottom: var(--spacing-lg);
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.25;
}

.footer-column p {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: var(--spacing-lg);
    line-height: 1.6;
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-column ul li {
    margin-bottom: var(--spacing-sm);
}

.footer-column ul li a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: var(--transition-fast);
}

.footer-column ul li a:hover {
    color: var(--accent-cyan);
}

.contact-info li {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: var(--spacing-sm);
}

.contact-info i {
    color: var(--accent-cyan);
    width: 20px;
}

.btn-language {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: var(--transition-fast);
    font-size: 0.875rem;
}

.btn-language:hover {
    background: var(--accent-cyan);
    border-color: var(--accent-cyan);
}

.social-links {
    display: flex;
    gap: var(--spacing-md);
    margin-top: var(--spacing-md);
}

.social-links a {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-normal);
    color: white !important;
    text-decoration: none;
}

.social-links a i,
.social-links a .fab,
.social-links a .far,
.social-links a .fas,
.social-links a .fa-brands,
.social-links a .fa {
    font-size: 1rem;
    color: white !important;
    line-height: 1;
}

.social-links a:hover {
    background: var(--accent-cyan);
    transform: translateY(-4px);
    color: white !important;
}

.social-links a:hover i,
.social-links a:hover .fab,
.social-links a:hover .far,
.social-links a:hover .fas,
.social-links a:hover .fa-brands,
.social-links a:hover .fa {
    color: white !important;
}

.footer-bottom {
    text-align: center;
    padding-top: var(--spacing-lg);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom p {
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.footer-links {
    display: flex;
    justify-content: center;
    gap: var(--spacing-md);
    margin-top: var(--spacing-sm);
}

.footer-links a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: var(--transition-fast);
}

.footer-links a:hover {
    color: var(--accent-cyan);
}

/* ===================================
   MAIN BODY ADJUSTMENTS
   =================================== */

.dahinet-main-body {
    padding-top: 20px !important;
    min-height: calc(100vh - 400px);
    margin-top: 80px;
}

.dahinet-main-body.with-topbar {
    padding-top: 120px;
}

/* Dashboard için daha geniş container */
.dahinet-main-body .container {
    max-width: 1400px !important;
}

.dahinet-content {
    background: white;
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    box-shadow: var(--shadow-sm);
}

/* Homepage Offer Cards */
.dahinet-home-section-title {
    letter-spacing: -0.02em;
}

.dahinet-offer-grid {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-2xl);
}

.dahinet-offer-card {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f3f9ff 100%);
    box-shadow: 0 16px 34px rgba(0, 42, 105, 0.08);
    transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);
}

.dahinet-offer-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 42px rgba(0, 34, 88, 0.16);
    border-color: rgba(0, 102, 204, 0.34);
}

.dahinet-offer-card::before {
    content: '';
    display: block;
    height: 6px;
    background: var(--gradient-1);
}

.dahinet-offer-card-domain::before {
    background: linear-gradient(135deg, #00a7d6 0%, #0066cc 100%);
}

.dahinet-offer-card-transfer::before {
    background: linear-gradient(135deg, #0ea5e9 0%, #1e3a8a 100%);
}

.dahinet-offer-badge {
    display: inline-flex;
    align-items: center;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--primary-blue);
    background: rgba(0, 102, 204, 0.1);
    border-radius: 999px;
    padding: 6px 12px;
    margin-bottom: var(--spacing-md);
}

.dahinet-offer-title {
    font-size: 1.45rem;
    line-height: 1.25;
    margin-bottom: var(--spacing-sm);
}

.dahinet-offer-description {
    color: var(--text-light);
    min-height: 54px;
    margin-bottom: var(--spacing-lg);
}

.dahinet-offer-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dahinet-offer-btn-main,
.dahinet-offer-btn-ghost {
    flex: 1 1 140px;
    border-radius: 10px;
    font-weight: 600;
    padding: 10px 14px;
    white-space: normal;
    word-wrap: break-word;
    text-align: center;
    line-height: 1.3;
    min-height: 42px;
    max-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    overflow: hidden;
}

.dahinet-offer-btn-main {
    box-shadow: 0 6px 16px rgba(0, 102, 204, 0.2);
}

.dahinet-offer-btn-ghost {
    background: transparent;
    border-width: 1px;
}

.dahinet-offer-grid .col-md-6:nth-child(2) .dahinet-offer-card {
    animation-delay: 0.08s;
}

.dahinet-offer-grid .col-md-6:nth-child(3) .dahinet-offer-card {
    animation-delay: 0.16s;
}

/* Client Dashboard Styling */
.dahinet-dashboard-home {
    margin-top: 2px;
}

.dahinet-dashboard-home .dahinet-stats-grid .row {
    gap: 10px;
    margin-left: -5px;
    margin-right: -5px;
}

.dahinet-dashboard-home .dahinet-stats-grid .col-6,
.dahinet-dashboard-home .dahinet-stats-grid .col-xl-3 {
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 auto;
}

/* 4 kutu yan yana sığsın */
.dahinet-dashboard-home .dahinet-stats-grid .col-xl-3 {
    width: calc(25% - 10px);
    max-width: calc(25% - 10px);
}

.dahinet-dashboard-home .tiles .tile {
    position: relative;
    border-radius: 16px;
    border: 1px solid rgba(0, 102, 204, 0.14);
    background: linear-gradient(145deg, #ffffff 0%, #f4f9ff 100%);
    box-shadow: 0 12px 24px rgba(3, 41, 95, 0.08);
    overflow: hidden;
    transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);
    padding: 16px !important;
}

.dahinet-dashboard-home .tiles .tile:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 34px rgba(3, 41, 95, 0.16);
    border-color: rgba(0, 102, 204, 0.3);
}

.dahinet-dashboard-home .tiles .tile i {
    color: var(--primary-blue);
    opacity: 0.95;
}

.dahinet-dashboard-home .tiles .tile .stat {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--dark-blue);
}

.dahinet-dashboard-home .tiles .tile .title {
    color: var(--text-light);
    letter-spacing: 0.01em;
    font-weight: 600;
    font-size: 0.9rem;
}

.dahinet-dashboard-home .tiles .tile .highlight {
    left: 0;
    right: auto;
    top: 0;
    width: 100%;
    height: 5px;
}

.dahinet-dashboard-home .dahinet-dashboard-cards .card {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 14px 28px rgba(4, 31, 82, 0.08);
    margin-bottom: 18px;
}

.dahinet-dashboard-home .dahinet-dashboard-cards .card-header {
    background: linear-gradient(135deg, #edf6ff 0%, #d8ebff 100%);
    border-bottom: 1px solid rgba(0, 102, 204, 0.12);
    padding: 14px 18px;
}

.dahinet-dashboard-home .dahinet-dashboard-cards .card-title {
    color: var(--dark-blue);
    font-size: 1.03rem;
    font-weight: 700;
}

.dahinet-dashboard-home .dahinet-dashboard-cards .card-body {
    padding: 18px;
}

.dahinet-dashboard-home .dahinet-dashboard-cards .list-group {
    padding: 8px;
    background: #fbfdff;
}

.dahinet-dashboard-home .dahinet-dashboard-cards .list-group .list-group-item {
    border: 1px solid rgba(0, 102, 204, 0.08);
    border-radius: 12px;
    margin-bottom: 8px;
    color: #27415f;
    font-weight: 500;
    transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.dahinet-dashboard-home .dahinet-dashboard-cards .list-group .list-group-item:hover {
    transform: translateX(3px);
    border-color: rgba(0, 102, 204, 0.3);
    box-shadow: 0 8px 18px rgba(0, 76, 153, 0.1);
}

.dahinet-dashboard-home .dahinet-dashboard-cards .list-group .list-group-item.active {
    background: var(--gradient-1);
    border-color: transparent;
}

.dahinet-dashboard-home .dahinet-dashboard-cards .badge {
    border-radius: 999px;
    padding: 5px 9px;
}

/* Domain Pricing Experience */
.dahinet-domain-pricing {
    position: relative;
}

.dahinet-domain-pricing .dahinet-domain-title {
    font-size: 1.45rem;
    margin-bottom: 12px;
    letter-spacing: -0.01em;
}

.dahinet-domain-pricing .dahinet-currency-form {
    margin-bottom: 10px;
}

.dahinet-domain-pricing .currency-selector {
    min-width: 230px;
    border: 1px solid rgba(0, 102, 204, 0.18);
    box-shadow: 0 6px 14px rgba(0, 50, 120, 0.08);
}

.dahinet-domain-pricing .dahinet-featured-tlds-wrap {
    margin-bottom: var(--spacing-lg);
}

.dahinet-domain-pricing .dahinet-featured-tld-card {
    border: 1px solid rgba(0, 102, 204, 0.1);
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%);
    box-shadow: 0 12px 26px rgba(4, 41, 95, 0.08);
    transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);
}

.dahinet-domain-pricing .dahinet-featured-tld-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 34px rgba(4, 41, 95, 0.16);
    border-color: rgba(0, 102, 204, 0.3);
}

.dahinet-domain-pricing .dahinet-tld-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.dahinet-domain-pricing .dahinet-tld-filters a {
    border-radius: 999px;
    border: 1px solid rgba(0, 102, 204, 0.2);
    background: #f4f9ff;
    color: #0c3f78;
    font-weight: 600;
    padding: 7px 12px;
    transition: all var(--transition-fast);
}

.dahinet-domain-pricing .dahinet-tld-filters a:hover,
.dahinet-domain-pricing .dahinet-tld-filters a.badge-success {
    background: var(--gradient-1);
    border-color: transparent;
    color: #ffffff;
}

.dahinet-domain-pricing .dahinet-domain-table-container {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(4, 41, 95, 0.08);
    padding: 12px;
}

.dahinet-domain-pricing .dahinet-domain-table-wrapper .dataTables_filter {
    margin-bottom: 10px;
}

.dahinet-domain-pricing .dahinet-domain-search {
    border-radius: 10px;
    border: 1px solid rgba(0, 102, 204, 0.2);
    min-width: 240px;
    padding: 8px 12px;
}

.dahinet-domain-pricing #tableDomainPricing thead th {
    border-bottom: 0;
    background: #eaf4ff;
    color: #19416f;
    font-weight: 700;
    padding: 12px 10px;
}

.dahinet-domain-pricing #tableDomainPricing tbody td {
    vertical-align: middle;
    padding: 12px 10px;
    border-color: rgba(0, 102, 204, 0.08);
}

.dahinet-domain-pricing #tableDomainPricing tbody tr:hover {
    background: #f5faff;
}

.dahinet-domain-pricing .tld-sale-group {
    border-radius: 999px;
    padding: 3px 8px;
    margin-left: 6px;
    font-weight: 700;
}

/* Client Services & Domains Lists */
.dahinet-services-list .table-container,
.dahinet-domains-list .table-container {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(4, 41, 95, 0.08);
    padding: 10px;
}

.dahinet-services-list .table.table-list,
.dahinet-domains-list .table.table-list {
    margin-bottom: 0;
}

.dahinet-services-list .table.table-list thead th,
.dahinet-domains-list .table.table-list thead th {
    border-bottom: 0;
    background: #eaf4ff;
    color: #19416f;
    font-weight: 700;
    padding-top: 12px;
    padding-bottom: 12px;
}

.dahinet-services-list .table.table-list tbody td,
.dahinet-domains-list .table.table-list tbody td {
    border-color: rgba(0, 102, 204, 0.08);
    vertical-align: middle;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dahinet-services-list .table.table-list tbody tr,
.dahinet-domains-list .table.table-list tbody tr {
    transition: background-color var(--transition-fast), box-shadow var(--transition-fast);
}

.dahinet-services-list .table.table-list tbody tr:hover,
.dahinet-domains-list .table.table-list tbody tr:hover {
    background: #f5faff;
}

.dahinet-services-list .table.table-list a,
.dahinet-domains-list .table.table-list a {
    color: var(--primary-blue);
    font-weight: 600;
}

.dahinet-domains-list .btn-group.btn-group-sm {
    flex-wrap: wrap;
    gap: 6px;
}

.dahinet-domains-list .btn-group .btn {
    border-radius: 999px;
    border: 1px solid rgba(0, 102, 204, 0.2);
    background: #f4f9ff;
    color: #0c3f78;
    font-weight: 600;
}

.dahinet-domains-list .btn-group .btn:hover,
.dahinet-domains-list .btn-group .btn:focus {
    background: var(--gradient-1);
    border-color: transparent;
    color: #ffffff;
}

.dahinet-services-list .label.status,
.dahinet-domains-list .label.status {
    border-radius: 999px;
    padding: 6px 10px;
    font-weight: 700;
}

.dahinet-services-list #tableLoading,
.dahinet-domains-list #tableLoading {
    margin-top: 10px;
    color: #2b5f95;
}

.dahinet-services-list :is(a, button, input, select):focus-visible,
.dahinet-domains-list :is(a, button, input, select):focus-visible {
    outline: 2px solid rgba(0, 102, 204, 0.6);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

@media (max-width: 768px) {
    .dahinet-services-list .table-container,
    .dahinet-domains-list .table-container {
        padding: 6px;
    }

    .dahinet-domains-list .btn-group.btn-group-sm {
        width: 100%;
    }

    .dahinet-domains-list .btn-group.btn-group-sm .btn,
    .dahinet-domains-list .btn-group.btn-group-sm .btn-group {
        width: 100%;
    }

    .dahinet-domains-list .btn-group.btn-group-sm .dropdown-menu {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dahinet-services-list .table.table-list tbody tr,
    .dahinet-domains-list .table.table-list tbody tr {
        transition: none !important;
    }
}

/* Client Invoices, Quotes & Tickets Lists */
.dahinet-invoices-list .table-container,
.dahinet-quotes-list .table-container,
.dahinet-tickets-list .table-container {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(4, 41, 95, 0.08);
    padding: 10px;
}

.dahinet-invoices-list .table.table-list,
.dahinet-quotes-list .table.table-list,
.dahinet-tickets-list .table.table-list {
    margin-bottom: 0;
}

.dahinet-invoices-list .table.table-list thead th,
.dahinet-quotes-list .table.table-list thead th,
.dahinet-tickets-list .table.table-list thead th {
    border-bottom: 0;
    background: #eaf4ff;
    color: #19416f;
    font-weight: 700;
    padding-top: 12px;
    padding-bottom: 12px;
}

.dahinet-invoices-list .table.table-list tbody td,
.dahinet-quotes-list .table.table-list tbody td,
.dahinet-tickets-list .table.table-list tbody td {
    border-color: rgba(0, 102, 204, 0.08);
    vertical-align: middle;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dahinet-invoices-list .table.table-list tbody tr,
.dahinet-quotes-list .table.table-list tbody tr,
.dahinet-tickets-list .table.table-list tbody tr {
    transition: background-color var(--transition-fast), box-shadow var(--transition-fast);
}

.dahinet-invoices-list .table.table-list tbody tr:hover,
.dahinet-quotes-list .table.table-list tbody tr:hover,
.dahinet-tickets-list .table.table-list tbody tr:hover {
    background: #f5faff;
}

.dahinet-invoices-list .label.status,
.dahinet-quotes-list .label.status,
.dahinet-tickets-list .label.status {
    border-radius: 999px;
    padding: 6px 10px;
    font-weight: 700;
}

.dahinet-quotes-list .btn.btn-default.btn-sm {
    border-radius: 999px;
    border: 1px solid rgba(0, 102, 204, 0.2);
    background: #f4f9ff;
    color: #0c3f78;
    font-weight: 600;
}

.dahinet-quotes-list .btn.btn-default.btn-sm:hover,
.dahinet-quotes-list .btn.btn-default.btn-sm:focus {
    background: var(--gradient-1);
    border-color: transparent;
    color: #ffffff;
}

.dahinet-tickets-list .ticket-number {
    color: #19416f;
    font-weight: 700;
}

.dahinet-tickets-list .ticket-subject.unread {
    color: var(--dark-blue);
    font-weight: 700;
}

.dahinet-invoices-list #tableLoading,
.dahinet-quotes-list #tableLoading,
.dahinet-tickets-list #tableLoading {
    margin-top: 10px;
    color: #2b5f95;
}

.dahinet-invoices-list :is(a, button, input, select):focus-visible,
.dahinet-quotes-list :is(a, button, input, select):focus-visible,
.dahinet-tickets-list :is(a, button, input, select):focus-visible {
    outline: 2px solid rgba(0, 102, 204, 0.6);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

@media (max-width: 768px) {
    .dahinet-invoices-list .table-container,
    .dahinet-quotes-list .table-container,
    .dahinet-tickets-list .table-container {
        padding: 6px;
    }

    .dahinet-quotes-list .btn.btn-default.btn-sm {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dahinet-invoices-list .table.table-list tbody tr,
    .dahinet-quotes-list .table.table-list tbody tr,
    .dahinet-tickets-list .table.table-list tbody tr {
        transition: none !important;
    }
}

/* Account Details, Security, Payment Methods */
.dahinet-account-details .card,
.dahinet-security-center .card,
.dahinet-payment-methods .card {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 18px;
    box-shadow: 0 14px 28px rgba(4, 41, 95, 0.08);
    overflow: hidden;
}

.dahinet-account-details .card .card-title,
.dahinet-security-center .card .card-title,
.dahinet-payment-methods .card .card-title {
    font-size: 1.08rem;
    color: #143f70;
    font-weight: 700;
    margin-bottom: 14px;
}

.dahinet-account-details .card-body,
.dahinet-security-center .card-body,
.dahinet-payment-methods .card-body {
    padding: 18px;
}

.dahinet-account-details .form-group {
    margin-bottom: 14px;
}

.dahinet-account-details .form-control,
.dahinet-account-details .custom-select {
    min-height: 44px;
    border-radius: 10px;
    border: 1px solid rgba(0, 102, 204, 0.22);
}

.dahinet-account-details .form-control:focus,
.dahinet-account-details .custom-select:focus,
.dahinet-security-center input:focus,
.dahinet-payment-methods input:focus,
.dahinet-payment-methods select:focus {
    border-color: rgba(0, 102, 204, 0.5);
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.12);
}

.dahinet-account-details .form-group.text-center {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.dahinet-security-center .toggle-switch-success + span,
.dahinet-security-center #ssoStatusTextEnabled,
.dahinet-security-center #ssoStatusTextDisabled {
    font-weight: 700;
    color: #174a80;
}

.dahinet-payment-methods p > .btn {
    border-radius: 999px;
    font-weight: 600;
    padding: 10px 16px;
    margin-right: 6px;
    margin-bottom: 6px;
}

.dahinet-payment-methods #payMethodList {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 14px;
    overflow: hidden;
}

.dahinet-payment-methods #payMethodList thead th {
    background: #eaf4ff;
    color: #19416f;
    font-weight: 700;
    border-bottom: 0;
}

.dahinet-payment-methods #payMethodList td,
.dahinet-payment-methods #payMethodList th {
    vertical-align: middle;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dahinet-payment-methods #payMethodList .btn.btn-default {
    border-radius: 999px;
    border: 1px solid rgba(0, 102, 204, 0.2);
    background: #f4f9ff;
    color: #0c3f78;
    font-weight: 600;
    margin: 2px 4px 2px 0;
}

.dahinet-payment-methods #payMethodList .btn.btn-default:hover,
.dahinet-payment-methods #payMethodList .btn.btn-default:focus {
    background: var(--gradient-1);
    border-color: transparent;
    color: #ffffff;
}

.dahinet-account-details :is(a, button, input, select, textarea):focus-visible,
.dahinet-security-center :is(a, button, input, select):focus-visible,
.dahinet-payment-methods :is(a, button, input, select):focus-visible {
    outline: 2px solid rgba(0, 102, 204, 0.62);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

@media (max-width: 992px) {
    .dahinet-account-details .card-body,
    .dahinet-security-center .card-body,
    .dahinet-payment-methods .card-body {
        padding: 14px;
    }

    .dahinet-account-details .btn,
    .dahinet-payment-methods p > .btn {
        width: 100%;
    }

    .dahinet-payment-methods {
        overflow-x: auto;
    }

    .dahinet-payment-methods #payMethodList {
        min-width: 640px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dahinet-payment-methods #payMethodList .btn.btn-default,
    .dahinet-account-details .btn,
    .dahinet-security-center .btn {
        transition: none !important;
    }
}

/* Product Details, Domain Details, Invoice Payment */
.dahinet-product-details-page .card,
.dahinet-domain-details-page .card,
.dahinet-invoice-payment-page .card {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 18px;
    box-shadow: 0 14px 28px rgba(4, 41, 95, 0.08);
    overflow: hidden;
}

.dahinet-product-details-page .card-title,
.dahinet-domain-details-page .card-title,
.dahinet-invoice-payment-page .card-title {
    color: #143f70;
    font-weight: 700;
}

.dahinet-product-details-page .product-status,
.dahinet-domain-details-page .moduleoutput,
.dahinet-invoice-payment-page #paymentGatewayInput {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
    padding: 14px;
}

.dahinet-product-details-page .product-actions-wrapper .btn,
.dahinet-domain-details-page .btn,
.dahinet-invoice-payment-page #btnSubmit {
    border-radius: 999px;
    font-weight: 600;
    min-height: 42px;
}

.dahinet-product-details-page .product-actions-wrapper .btn,
.dahinet-domain-details-page .btn-success,
.dahinet-invoice-payment-page #btnSubmit {
    box-shadow: 0 10px 20px rgba(0, 93, 177, 0.2);
}

.dahinet-product-details-page .product-details h4,
.dahinet-domain-details-page h5,
.dahinet-invoice-payment-page .control-label {
    color: #19416f;
    font-weight: 700;
}

.dahinet-product-details-page .nav.nav-tabs,
.dahinet-domain-details-page .nav.nav-tabs {
    gap: 6px;
    border-bottom: 0;
}

.dahinet-product-details-page .nav.nav-tabs .nav-link,
.dahinet-domain-details-page .nav.nav-tabs .nav-link {
    border-radius: 999px;
    border: 1px solid rgba(0, 102, 204, 0.2);
    background: #f4f9ff;
    color: #0c3f78;
    font-weight: 600;
}

.dahinet-product-details-page .nav.nav-tabs .nav-link.active,
.dahinet-domain-details-page .nav.nav-tabs .nav-link.active {
    background: var(--gradient-1);
    color: #ffffff;
    border-color: transparent;
}

.dahinet-product-details-page .product-details-tab-container,
.dahinet-domain-details-page .tab-content > .tab-pane > .card,
.dahinet-invoice-payment-page .cc-payment-form {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dahinet-invoice-payment-page .gateway-errors,
.dahinet-invoice-payment-page .alert-warning {
    border-radius: 12px;
}

.dahinet-invoice-payment-page .auth3d-area {
    border: 1px solid rgba(0, 102, 204, 0.2);
    border-radius: 12px;
    background: #ffffff;
}

.dahinet-product-details-page :is(a, button, input, select, textarea):focus-visible,
.dahinet-domain-details-page :is(a, button, input, select, textarea):focus-visible,
.dahinet-invoice-payment-page :is(a, button, input, select, textarea):focus-visible {
    outline: 2px solid rgba(0, 102, 204, 0.62);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

@media (max-width: 992px) {
    .dahinet-product-details-page .product-status,
    .dahinet-product-details-page .product-actions-wrapper,
    .dahinet-domain-details-page .row.mb-3,
    .dahinet-invoice-payment-page .row {
        margin-left: 0;
        margin-right: 0;
    }

    .dahinet-product-details-page .product-actions-wrapper .col-12,
    .dahinet-domain-details-page .btn,
    .dahinet-invoice-payment-page #btnSubmit {
        width: 100%;
    }

    .dahinet-product-details-page .product-details-tab-container,
    .dahinet-domain-details-page .tab-content {
        padding: 10px;
    }

    .dahinet-invoice-payment-page .col-md-5,
    .dahinet-invoice-payment-page .col-md-7 {
        padding-left: 0;
        padding-right: 0;
    }

    .dahinet-domain-details-page .nav.nav-tabs,
    .dahinet-product-details-page .nav.nav-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 6px;
    }

    .dahinet-domain-details-page .nav.nav-tabs .nav-item,
    .dahinet-product-details-page .nav.nav-tabs .nav-item {
        flex: 0 0 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dahinet-product-details-page .btn,
    .dahinet-domain-details-page .btn,
    .dahinet-invoice-payment-page .btn {
        transition: none !important;
    }
}

/* Onboarding, Support Flow, Payment Trust */
.dahinet-dashboard-home .dahinet-quick-access {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(3, 41, 95, 0.06);
    background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
    overflow: hidden;
}

.dahinet-dashboard-home .dahinet-smart-recommendation {
    border: 1px solid rgba(0, 102, 204, 0.15);
    border-radius: 20px;
    background: linear-gradient(135deg, #f7fbff 0%, #edf6ff 100%);
    box-shadow: 0 8px 24px rgba(3, 41, 95, 0.06);
}

.dahinet-dashboard-home .dahinet-quick-access .card-body,
.dahinet-dashboard-home .dahinet-smart-recommendation .card-body {
    padding: 24px;
}

.dahinet-dashboard-home .dahinet-quick-access .card-title,
.dahinet-dashboard-home .dahinet-smart-recommendation .card-title {
    line-height: 1.3;
    letter-spacing: -0.01em;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 18px;
}

.dahinet-dashboard-home .dahinet-smart-recommendation .btn {
    border-radius: 12px;
    font-weight: 600;
    min-height: 48px;
    padding: 12px 24px;
    font-size: 1rem;
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.2);
    transition: all var(--transition-normal);
}

.dahinet-dashboard-home .dahinet-smart-recommendation .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 102, 204, 0.3);
}

.dahinet-dashboard-home .dahinet-quick-access-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

/* Modern Hızlı İşlem Butonları */
.dahinet-dashboard-home .dahinet-quick-access-grid .btn {
    position: relative;
    border-radius: 14px;
    border: 2px solid transparent;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    color: var(--primary-blue);
    font-weight: 600;
    font-size: 0.95rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 100px;
    padding: 16px 12px;
    line-height: 1.4;
    white-space: normal;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 102, 204, 0.08);
    transition: all var(--transition-normal);
    overflow: hidden;
}

.dahinet-dashboard-home .dahinet-quick-access-grid .btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--gradient-1);
    opacity: 0;
    transition: opacity var(--transition-fast);
}

.dahinet-dashboard-home .dahinet-quick-access-grid .btn i {
    font-size: 1.75rem;
    color: var(--primary-blue);
    transition: all var(--transition-normal);
}

.dahinet-dashboard-home .dahinet-quick-access-grid .btn:hover {
    background: linear-gradient(135deg, #f0f7ff 0%, #e6f3ff 100%);
    border-color: var(--primary-blue);
    color: var(--dark-blue);
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 102, 204, 0.15);
}

.dahinet-dashboard-home .dahinet-quick-access-grid .btn:hover::before {
    opacity: 1;
}

.dahinet-dashboard-home .dahinet-quick-access-grid .btn:hover i {
    transform: scale(1.1);
    color: var(--primary-blue);
}

.dahinet-dashboard-home .dahinet-quick-access-grid .btn:active {
    transform: translateY(-2px);
}

.dahinet-support-flow .card,
.dahinet-support-ticket-page .card {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 18px;
    box-shadow: 0 14px 28px rgba(4, 41, 95, 0.08);
}

.dahinet-support-flow .card .card-title,
.dahinet-support-ticket-page .card .card-title {
    line-height: 1.3;
}

.dahinet-support-flow .form-control,
.dahinet-support-ticket-page .form-control {
    min-height: 44px;
}

.dahinet-support-flow label,
.dahinet-support-ticket-page label {
    font-weight: 600;
    color: #214f7e;
}

.dahinet-support-flow .dahinet-flow-steps {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: #eef6ff;
    border: 1px solid rgba(0, 102, 204, 0.16);
    padding: 8px 12px;
    font-size: 0.875rem;
    color: #3b628f;
}

.dahinet-support-flow .dahinet-flow-steps .step-item.is-active {
    color: #0f4f8f;
    font-weight: 700;
}

.dahinet-support-flow .dahinet-priority-expectation {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.dahinet-support-flow .dahinet-priority-expectation .priority-chip {
    display: inline-block;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 700;
}

.dahinet-support-flow .dahinet-priority-expectation .priority-chip.high {
    background: #ffe8e8;
    color: #9a1e1e;
}

.dahinet-support-flow .dahinet-priority-expectation .priority-chip.medium {
    background: #fff5e5;
    color: #8a5a14;
}

.dahinet-support-flow .dahinet-priority-expectation .priority-chip.low {
    background: #ebf7ee;
    color: #1e6a3c;
}

.dahinet-support-ticket-page .ticket-actions .btn {
    border-radius: 999px;
    font-weight: 600;
}

.dahinet-tickets-list .dahinet-sla-card,
.dahinet-support-ticket-page .dahinet-ticket-expectation {
    border: 1px solid rgba(0, 102, 204, 0.16);
    border-radius: 14px;
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
    padding: 12px;
    color: #224f7e;
}

.dahinet-tickets-list .dahinet-sla-card .sla-title {
    font-weight: 700;
    margin-bottom: 8px;
    color: #173f6c;
}

.dahinet-tickets-list .dahinet-sla-card .sla-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.dahinet-tickets-list .dahinet-sla-card .sla-item {
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 0.8125rem;
    font-weight: 700;
    text-align: center;
}

.dahinet-tickets-list .dahinet-sla-card .sla-item.high {
    background: #ffe8e8;
    color: #9a1e1e;
}

.dahinet-tickets-list .dahinet-sla-card .sla-item.medium {
    background: #fff5e5;
    color: #8a5a14;
}

.dahinet-tickets-list .dahinet-sla-card .sla-item.low {
    background: #ebf7ee;
    color: #1e6a3c;
}

.dahinet-support-ticket-page .ticket-reply .message,
.dahinet-support-ticket-page .attachments {
    border-radius: 12px;
}

.dahinet-support-ticket-page .dahinet-ticket-expectation strong {
    color: #113f70;
}

.dahinet-invoice-payment-page .dahinet-payment-trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.dahinet-invoice-payment-page .dahinet-payment-trust .trust-item {
    border: 1px solid rgba(0, 102, 204, 0.15);
    border-radius: 10px;
    background: #f5faff;
    color: #1d4f82;
    padding: 9px 10px;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.35;
}

.dahinet-invoice-payment-page .dahinet-payment-trust .trust-item i {
    margin-right: 5px;
    vertical-align: middle;
}

.dahinet-invoice-payment-page .dahinet-payment-next-steps {
    border: 1px solid rgba(0, 102, 204, 0.15);
    border-radius: 12px;
    background: #f8fbff;
    padding: 12px;
}

.dahinet-invoice-payment-page .dahinet-payment-next-steps h4 {
    font-size: 0.95rem;
    font-weight: 700;
    color: #19416f;
    margin-bottom: 8px;
}

.dahinet-invoice-payment-page .dahinet-payment-next-steps ul {
    margin: 0;
    padding-left: 18px;
    color: #2c5178;
}

.dahinet-invoice-payment-page .dahinet-payment-next-steps li {
    margin-bottom: 4px;
    line-height: 1.45;
}

.dahinet-dashboard-home :is(a, button, input, select, textarea):focus-visible,
.dahinet-support-flow :is(a, button, input, select, textarea):focus-visible,
.dahinet-support-ticket-page :is(a, button, input, select, textarea):focus-visible,
.dahinet-invoice-payment-page :is(a, button, input, select, textarea):focus-visible {
    outline: 2px solid rgba(0, 102, 204, 0.62);
    outline-offset: 2px;
}

@media (max-width: 992px) {
    .dahinet-dashboard-home .dahinet-quick-access-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dahinet-invoice-payment-page .dahinet-payment-trust {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dahinet-dashboard-home .dahinet-quick-access-grid {
        grid-template-columns: 1fr;
    }

    .dahinet-dashboard-home .dahinet-smart-recommendation .btn {
        width: 100%;
    }

    .dahinet-support-flow .dahinet-flow-steps {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .dahinet-support-ticket-page .ticket-actions {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .dahinet-support-ticket-page .ticket-actions .btn {
        width: 100%;
    }

    .dahinet-tickets-list .dahinet-sla-card .sla-grid {
        grid-template-columns: 1fr;
    }

    .dahinet-tickets-list .ticket-subject {
        display: block;
        margin-top: 2px;
        line-height: 1.35;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dahinet-dashboard-home .dahinet-quick-access-grid .btn,
    .dahinet-support-ticket-page .ticket-actions .btn {
        transition: none !important;
    }
}

/* Modern Login Experience */
.dahinet-login-page {
    max-width: 1060px;
    margin: 24px auto;
}

.dahinet-login-shell {
    display: grid;
    grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.dahinet-login-aside {
    border: 1px solid rgba(0, 102, 204, 0.14);
    border-radius: 18px;
    background: linear-gradient(155deg, #f7fbff 0%, #edf6ff 100%);
    box-shadow: 0 14px 26px rgba(5, 42, 96, 0.08);
    padding: 22px;
}

.dahinet-login-kicker {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #2d66aa;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.dahinet-login-aside h2 {
    font-size: 1.38rem;
    margin-bottom: 10px;
    color: #163f6e;
    line-height: 1.25;
}

.dahinet-login-aside p {
    color: #416086;
    margin-bottom: 14px;
}

.dahinet-login-benefits {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.dahinet-login-benefits li {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, 0.66);
    color: #204f82;
    font-weight: 600;
    line-height: 1.3;
}

.dahinet-login-benefits i {
    color: #1f66b0;
}

.dahinet-login-card {
    border: 1px solid rgba(0, 102, 204, 0.14);
    border-radius: 18px;
    box-shadow: 0 16px 30px rgba(5, 42, 96, 0.12);
    overflow: hidden;
}

.dahinet-login-card .card-body {
    padding-top: 26px !important;
    padding-bottom: 20px !important;
}

.dahinet-login-card .form-control {
    min-height: 46px;
    border-radius: 10px;
}

.dahinet-login-card .input-group-text {
    border-radius: 10px 0 0 10px;
}

.dahinet-login-card .btn-reveal-pw {
    border-radius: 0 10px 10px 0;
}

.dahinet-login-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

.dahinet-login-actions #login {
    border-radius: 12px;
    font-weight: 700;
    min-width: 112px;
    min-height: 44px;
}

.dahinet-login-remember {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2d3c54;
    font-weight: 500;
}

.dahinet-login-card .card-footer {
    background: #f8fbff;
    border-top: 1px solid rgba(0, 102, 204, 0.12);
}

@media (max-width: 992px) {
    .dahinet-login-shell {
        grid-template-columns: 1fr;
    }

    .dahinet-login-aside {
        padding: 16px;
    }
}

@media (max-width: 576px) {
    .dahinet-login-page {
        margin-top: 10px;
        margin-bottom: 14px;
    }

    .dahinet-login-card .card-body {
        padding: 18px !important;
    }

    .dahinet-login-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .dahinet-login-actions #login {
        width: 100%;
    }

    .dahinet-login-remember {
        justify-content: center;
    }
}

/* =====================================================
   MODERN DAHINET SIDEBAR — müşteri paneli + sipariş formu
   ===================================================== */

/* Eski dahinet-sidebar sınıfı desteği (geriye dönük uyum) */
.dahinet-sidebar {
    background: transparent;
}

/* ===== PANEL KAPSAYICI ===== */
.dahinet-sidebar-panel {
    background: #ffffff;
    border: 1px solid rgba(0, 102, 204, 0.13);
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(5, 48, 109, 0.07);
    overflow: hidden;
    transition: box-shadow var(--transition-fast);
}

.dahinet-sidebar-panel:hover {
    box-shadow: 0 14px 30px rgba(5, 48, 109, 0.12);
}

/* Üst renkli şerit */
.dahinet-sidebar-panel::before {
    content: '';
    display: block;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-cyan) 100%);
}

/* ===== PANEL BAŞLIK ===== */
.dahinet-sidebar-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 13px 16px;
    background: linear-gradient(135deg, #f4f9ff 0%, #eaf3ff 100%);
    border-bottom: 1px solid rgba(0, 102, 204, 0.09);
    cursor: pointer;
    user-select: none;
}

.dahinet-sidebar-panel-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.dahinet-sidebar-panel-icon {
    width: 30px;
    height: 30px;
    background: linear-gradient(135deg, var(--primary-blue) 0%, #00a9ff 100%);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.82rem;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(0, 82, 173, 0.2);
}

.dahinet-sidebar-panel-title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.88rem;
    font-weight: 700;
    color: #0a2f5e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dahinet-sidebar-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    background: linear-gradient(135deg, var(--primary-blue) 0%, #00a9ff 100%);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    border-radius: 999px;
    margin-left: 6px;
    vertical-align: middle;
}

.dahinet-sidebar-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 7px;
    background: rgba(0, 102, 204, 0.08);
    color: var(--primary-blue);
    font-size: 0.68rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: background var(--transition-fast), transform var(--transition-fast);
}

.dahinet-sidebar-toggle:hover {
    background: rgba(0, 102, 204, 0.16);
}

/* ===== NAV LİSTESİ ===== */
.dahinet-sidebar-nav {
    list-style: none !important;
    margin: 0 !important;
    padding: 6px !important;
}

.dahinet-sidebar-nav-item {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* list-group override — WHMCS bileşenleri bazen list-group ekler */
.dahinet-sidebar-nav.list-group .list-group-item,
.dahinet-sidebar-nav .list-group-item {
    border: none !important;
    border-radius: 10px !important;
    padding: 0 !important;
    margin-bottom: 2px !important;
    background: transparent !important;
}

.dahinet-sidebar-nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    border: none !important;
    text-decoration: none !important;
    color: #2a4d6e !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    background: transparent !important;
    transition: background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast) !important;
    cursor: pointer;
    position: relative;
}

.dahinet-sidebar-nav-link:hover {
    background: linear-gradient(135deg, #eef6ff 0%, #e4f0ff 100%) !important;
    color: #003c7a !important;
    transform: translateX(3px) !important;
    text-decoration: none !important;
}

.dahinet-sidebar-nav-link.active,
.dahinet-sidebar-nav-link.list-group-item.active {
    background: linear-gradient(135deg, var(--primary-blue) 0%, #0091ea 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(0, 82, 173, 0.22) !important;
    transform: none !important;
}

.dahinet-sidebar-nav-link.active:hover {
    transform: translateX(2px) !important;
    color: #ffffff !important;
}

.dahinet-sidebar-nav-link.disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.dahinet-sidebar-nav-icon,
.sidebar-menu-item-icon-wrapper.dahinet-sidebar-nav-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 7px !important;
    background: rgba(0, 102, 204, 0.1) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.78rem !important;
    color: var(--primary-blue) !important;
    flex-shrink: 0 !important;
    transition: background var(--transition-fast), color var(--transition-fast) !important;
}

/* Fallback ikon — WHMCS'den ikon gelmeyen menü öğeleri için boş daire (Durum kategorisiyle aynı stil) */
.dahinet-sidebar-nav-icon--fallback {
    font-size: 0.9rem !important;
    opacity: 1 !important;
    color: var(--primary-blue) !important;
}

.dahinet-sidebar-nav-link.active .dahinet-sidebar-nav-icon--fallback {
    color: #ffffff !important;
}

.dahinet-sidebar-nav-link.active .dahinet-sidebar-nav-icon,
.dahinet-sidebar-nav-link.active .sidebar-menu-item-icon-wrapper {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
}

.dahinet-sidebar-nav-link:hover:not(.active) .dahinet-sidebar-nav-icon {
    background: rgba(0, 102, 204, 0.18) !important;
}

.sidebar-menu-item-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100%;
}

.dahinet-sidebar-nav-label,
.sidebar-menu-item-label.dahinet-sidebar-nav-label {
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.dahinet-sidebar-nav-arrow {
    font-size: 0.62rem !important;
    color: rgba(0, 102, 204, 0.35) !important;
    transition: color var(--transition-fast), transform var(--transition-fast) !important;
    flex-shrink: 0 !important;
    margin-left: auto;
}

.dahinet-sidebar-nav-link.active .dahinet-sidebar-nav-arrow {
    color: rgba(255, 255, 255, 0.6) !important;
    transform: translateX(2px) !important;
}

.dahinet-sidebar-nav-link:hover .dahinet-sidebar-nav-arrow {
    color: var(--primary-blue) !important;
    transform: translateX(2px) !important;
}

.dahinet-sidebar-badge--nav {
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

.dahinet-sidebar-nav-link--static {
    cursor: default !important;
}

.dahinet-sidebar-nav-link--static:hover {
    transform: none !important;
    background: transparent !important;
}

/* Sidebar panel body */
.dahinet-sidebar-body {
    padding: 12px 14px;
    font-size: 0.88rem;
    color: #3d6490;
}

/* Sidebar panel footer */
.dahinet-sidebar-footer {
    padding: 10px 14px !important;
    border-top: 1px solid rgba(0, 102, 204, 0.08) !important;
    background: #f8fbff !important;
    font-size: 0.82rem;
    color: #5a7ba0;
}

/* ===== ESKİ WHMCS list-group OVERRIDE ===== */
.dahinet-sidebar .list-group-item,
.card-sidebar .list-group-item {
    border: none !important;
    border-radius: 10px !important;
    padding: 0 !important;
    margin-bottom: 2px !important;
    background: transparent !important;
    transition: none !important;
}

/* card-sidebar header override */
.card-sidebar .card-header,
.card-sidebar .panel-heading {
    background: linear-gradient(135deg, #f4f9ff 0%, #eaf3ff 100%) !important;
    border-bottom: 1px solid rgba(0, 102, 204, 0.09) !important;
    padding: 13px 16px !important;
    border-radius: 0 !important;
}

.card-sidebar .card-header .card-title,
.card-sidebar .panel-heading .panel-title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.88rem;
    font-weight: 700;
    color: #0a2f5e;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

@media (max-width: 992px) {
    .dahinet-sidebar-panel {
        margin-bottom: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dahinet-sidebar-nav-link {
        transition: none !important;
        transform: none !important;
    }

    .dahinet-sidebar-panel {
        transition: none !important;
    }
}

/* ===================================
   WHMCS COMPONENT OVERRIDES
   =================================== */

/* ===================================
   BUTTON SYSTEM INTEGRATION
   button-system.css dosyasındaki standart buton sistemi
   WHMCS bileşenleri için override'lar
   =================================== */

/* WHMCS butonlarını standart sisteme entegre et */
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-default,
.btn-link {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 500 !important;
    border-radius: var(--radius-md) !important;
    transition: all var(--transition-normal) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--spacing-sm) !important;
}

/* Primary buton - gradient arka plan */
.btn-primary {
    background: var(--gradient-1) !important;
    border: none !important;
    color: white !important;
    padding: 12px 24px !important;
}

.btn-primary:hover,
.btn-primary:focus {
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-lg) !important;
    color: white !important;
}

.btn-primary:active {
    transform: translateY(0) !important;
}

/* Secondary buton - outline stil */
.btn-secondary,
.btn-default {
    background: white !important;
    color: var(--primary-blue) !important;
    border: 2px solid var(--primary-blue) !important;
    padding: 10px 22px !important;
}

.btn-secondary:hover,
.btn-default:hover,
.btn-secondary:focus,
.btn-default:focus {
    background: var(--primary-blue) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-md) !important;
}

/* Success buton */
.btn-success {
    background: var(--success-green) !important;
    border: none !important;
    color: white !important;
    padding: 12px 24px !important;
}

.btn-success:hover,
.btn-success:focus {
    background: #0ea574 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3) !important;
    color: white !important;
}

/* Info buton */
.btn-info {
    background: var(--secondary-blue) !important;
    border: none !important;
    color: white !important;
    padding: 12px 24px !important;
}

.btn-info:hover,
.btn-info:focus {
    background: #0088e6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 153, 255, 0.3) !important;
    color: white !important;
}

/* Warning buton */
.btn-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%) !important;
    border: none !important;
    color: white !important;
    padding: 12px 24px !important;
}

.btn-warning:hover,
.btn-warning:focus {
    background: linear-gradient(135deg, #d97706 0%, #ea580c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(245, 158, 11, 0.3) !important;
    color: white !important;
}

/* Danger buton */
.btn-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    border: none !important;
    color: white !important;
    padding: 12px 24px !important;
}

.btn-danger:hover,
.btn-danger:focus {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(239, 68, 68, 0.3) !important;
    color: white !important;
}

/* Link buton */
.btn-link {
    background: transparent !important;
    border: none !important;
    color: var(--primary-blue) !important;
    padding: 8px 16px !important;
    text-decoration: none !important;
}

.btn-link:hover,
.btn-link:focus {
    color: var(--dark-blue) !important;
    text-decoration: underline !important;
    background: rgba(0, 102, 204, 0.05) !important;
}

/* Buton boyutları */
.btn-xs {
    padding: 6px 12px !important;
    font-size: 0.75rem !important;
}

.btn-sm {
    padding: 8px 16px !important;
    font-size: 0.875rem !important;
}

.btn-lg {
    padding: 14px 28px !important;
    font-size: 1.125rem !important;
}

.btn-xl {
    padding: 16px 32px !important;
    font-size: 1.25rem !important;
}

/* Disabled state */
.btn:disabled,
.btn.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

.btn:disabled:hover,
.btn.disabled:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Loading state */
.btn.loading {
    position: relative !important;
    color: transparent !important;
    pointer-events: none !important;
}

.btn.loading::after {
    content: '' !important;
    position: absolute !important;
    width: 16px !important;
    height: 16px !important;
    top: 50% !important;
    left: 50% !important;
    margin-left: -8px !important;
    margin-top: -8px !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50% !important;
    border-top-color: white !important;
    animation: spin 0.6s linear infinite !important;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Buton grupları */
.btn-group .btn {
    border-radius: 0 !important;
}

.btn-group .btn:first-child {
    border-radius: var(--radius-md) 0 0 var(--radius-md) !important;
}

.btn-group .btn:last-child {
    border-radius: 0 var(--radius-md) var(--radius-md) 0 !important;
}

.btn-group .btn:only-child {
    border-radius: var(--radius-md) !important;
}

/* Block buton */
.btn-block {
    display: flex !important;
    width: 100% !important;
}

/* Accessibility */
.btn:focus-visible {
    outline: 3px solid rgba(0, 102, 204, 0.4) !important;
    outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
    .btn,
    .btn-primary,
    .btn-secondary,
    .btn-success,
    .btn-info,
    .btn-warning,
    .btn-danger {
        transition: none !important;
    }
    
    .btn:hover,
    .btn-primary:hover,
    .btn-secondary:hover {
        transform: none !important;
    }
}

/* Cards & Panels */
.panel {
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: none;
    margin-bottom: var(--spacing-lg);
}

.panel-heading {
    background: var(--sky-blue);
    color: var(--primary-blue);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    padding: var(--spacing-md) var(--spacing-lg);
    font-weight: 600;
}

.panel-body {
    padding: var(--spacing-lg);
}

/* Tables */
.table {
    border-radius: var(--radius-md);
    overflow: hidden;
}

.table thead {
    background: var(--sky-blue);
    color: var(--primary-blue);
}

.table tbody tr:hover {
    background: var(--cloud-white);
}

/* Forms */
.form-control {
    border-radius: var(--radius-md);
    border: 1px solid rgba(0, 102, 204, 0.2);
    padding: 10px 16px;
    transition: var(--transition-fast);
}

.form-control:focus {
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

/* Alerts */
.alert {
    border-radius: var(--radius-md);
    border: none;
    padding: var(--spacing-md) var(--spacing-lg);
}

.alert-success {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
}

.alert-info {
    background: rgba(0, 102, 204, 0.1);
    color: var(--primary-blue);
}

.alert-warning {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
}

.alert-danger {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}

/* Breadcrumb */
.master-breadcrumb {
    background: var(--sky-blue);
    padding: 8px 0;
    margin-top: 80px;
    margin-bottom: 0;
}

.breadcrumb {
    background: transparent;
    margin: 0;
}

.breadcrumb-item a {
    color: var(--primary-blue);
    text-decoration: none;
}

.breadcrumb-item.active {
    color: var(--text-dark);
}

/* ===================================
   RESPONSIVE DESIGN
   =================================== */

/* Masaüstü Optimizasyonları - Orta Ekranlar */
@media (min-width: 993px) and (max-width: 1400px) {
    /* Navbar için özel optimizasyon */
    .nav-menu {
        gap: 8px;
    }
    
    .nav-menu > li > a {
        font-size: 0.8125rem;
        padding: 8px 6px;
    }
    
    .navbar-actions {
        gap: 4px;
    }
    
    .btn-secondary-outline,
    .btn-primary-header {
        padding: 6px 12px;
        font-size: 0.8125rem;
    }
    
    .btn-icon {
        padding: 6px 8px;
        font-size: 0.9375rem;
    }
    
    /* Bazı menü öğelerini gizle - taşmayı önle */
    .nav-menu > li:nth-child(5),  /* Duyurular */
    .nav-menu > li:nth-child(6) { /* Bilgi Bankası */
        display: none;
    }
}

/* Geniş Masaüstü için ek optimizasyon */
@media (min-width: 993px) and (max-width: 1200px) {
    .dahinet-header .container {
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .nav-menu {
        gap: 6px;
    }
    
    .nav-menu > li > a {
        font-size: 0.75rem;
        padding: 6px 4px;
    }
    
    /* Daha fazla öğe gizle */
    .nav-menu > li:nth-child(8) { /* İletişim */
        display: none;
    }
}

@media (max-width: 1200px) {
    .footer-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .nav-menu {
        position: fixed;
        top: 0;
        left: -104%;
        width: 100%;
        max-width: 420px;
        height: 100vh;
        background: #ffffff;
        flex-direction: column;
        align-items: flex-start;
        padding: 0 24px 32px;
        gap: 0;
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
        transition: left var(--transition-normal);
        overflow-y: auto;
        z-index: 1101;
    }

    .nav-menu.active {
        left: 0;
    }

    .mobile-menu-toolbar {
        width: calc(100% + 48px);
        margin-left: -24px;
        margin-right: -24px;
        padding: 14px 24px;
        margin-bottom: 10px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        background: #f8fbff;
        border-bottom: 1px solid rgba(0, 102, 204, 0.18);
        box-shadow: inset 0 -1px 0 rgba(0, 48, 104, 0.08), 0 8px 20px rgba(0, 51, 115, 0.06);
    }

    .mobile-menu-brand {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 2rem;
        font-weight: 700;
        color: var(--primary-blue);
        line-height: 1;
    }

    .mobile-menu-brand i {
        font-size: 1.5rem;
    }

    .mobile-menu-close {
        width: 38px;
        height: 38px;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: var(--primary-blue);
        font-size: 1.95rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
    }

    .mobile-menu-close:hover,
    .mobile-menu-close:focus-visible {
        background: rgba(0, 102, 204, 0.08);
        transform: rotate(90deg);
        box-shadow: 0 6px 14px rgba(0, 87, 168, 0.18);
        outline: none;
    }

    .mobile-quick-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        margin: 4px 0 10px;
        padding: 0;
    }

    .mobile-action-link {
        display: inline-flex !important;
        align-items: center;
        gap: 10px;
        width: 100%;
        padding: 11px 12px !important;
        border: 1px solid rgba(0, 102, 204, 0.16);
        border-radius: 12px;
        background: #eef6ff;
        color: #0f4f90 !important;
        font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        font-size: 0.96rem;
        font-weight: 600;
        text-decoration: none !important;
        box-shadow: 0 6px 16px rgba(12, 74, 138, 0.08);
        transition: background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
    }

    .mobile-action-link i {
        width: 1.1em;
        text-align: center;
        color: #1f66b2;
        font-size: 0.95rem;
    }

    .mobile-action-link:hover,
    .mobile-action-link:focus-visible {
        background: #e4f0ff;
        border-color: rgba(0, 102, 204, 0.28);
        box-shadow: 0 10px 22px rgba(11, 82, 153, 0.14);
        transform: translateY(-1px);
        outline: none;
    }

    .mobile-menu-section-label {
        display: block !important;
        width: 100%;
        padding: 16px 0 8px;
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--text-light);
        background: transparent;
    }

    .nav-menu > li {
        width: 100%;
        margin: 0;
    }

    .nav-menu > li > a {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        padding: 14px 0;
        font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        font-size: 1.06rem;
        font-weight: 500;
        letter-spacing: 0.01em;
        line-height: 1.25;
        border-bottom: 1px solid rgba(0, 48, 104, 0.14);
    }

    /* Mobil nav link ikonları */
    .nav-menu > li > a > i.fas,
    .nav-menu > li > a > i.far,
    .nav-menu > li > a > i.fab {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        background: linear-gradient(135deg, #eef4ff 0%, #ddeeff 100%);
        border-radius: 8px;
        color: var(--primary-blue);
        font-size: 0.9rem;
        flex-shrink: 0;
    }

    .nav-menu > li > a::after {
        display: none;
    }

    .mobile-account-menu {
        display: block !important;
        width: 100%;
    }

    .mobile-account-menu a {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        padding: 14px 0;
        font-size: 0.95rem;
        font-weight: 500;
        color: var(--text-dark);
        border-radius: 8px;
        transition: all var(--transition-fast);
        text-decoration: none;
    }

    .mobile-account-menu a:hover {
        color: var(--primary-blue);
    }

    .mobile-account-menu a i {
        font-size: 1.1rem;
        color: var(--primary-blue);
        width: 24px;
        text-align: center;
    }

    .nav-menu .dropdown-menu {
        position: static;
        transform: none;
        min-width: 100%;
        margin-top: 0 !important;
        padding: 0;
        box-shadow: none;
        background: transparent;
        border: 0;
        border-radius: 12px;
        max-height: 0;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        pointer-events: none;
        transition: max-height var(--transition-normal);
    }

    .nav-menu .dropdown.active .dropdown-menu {
        max-height: 500px;
        margin-top: 8px !important;
        padding: 6px;
        background: #f5f9ff;
        border: 1px solid rgba(0, 102, 204, 0.14);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 8px 20px rgba(0, 75, 145, 0.08);
        pointer-events: auto;
    }

    .nav-menu .dropdown-menu::before {
        display: none;
    }

    .nav-menu .dropdown-menu a {
        padding: 10px 12px;
    }

    .nav-menu .dropdown-menu a:hover {
        transform: none;
    }

    .nav-menu-overlay {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(6, 18, 40, 0.5);
        opacity: 0;
        visibility: hidden;
        transition: opacity var(--transition-normal), visibility var(--transition-normal);
        z-index: 1100;
    }

    .nav-menu-overlay.active {
        opacity: 1;
        visibility: visible;
    }
    
    .hamburger {
        display: flex;
    }
    
    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }
    
    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }
    
    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -6px);
    }
    
    .dahinet-main-body {
        padding-top: 70px;
    }

    .dahinet-dashboard-home .tiles .tile .stat {
        font-size: 1.55rem;
    }

    .dahinet-domain-pricing .currency-selector,
    .dahinet-domain-pricing .dahinet-domain-search {
        min-width: 100%;
    }
}

@media (max-width: 768px) {
    .footer-content {
        grid-template-columns: 1fr;
    }
    
    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }
    
    .topbar-content {
        flex-direction: column;
        gap: var(--spacing-sm);
    }
    
    .dahinet-content {
        padding: var(--spacing-md);
    }

    .dahinet-offer-description {
        min-height: 0;
    }

    /* Mobilde istatistik kutularını gizle */
    .dahinet-dashboard-home .tiles,
    .dahinet-dashboard-home .dahinet-stats-grid {
        display: none !important;
    }
    
    /* Mobilde sidebar'ı gizle (müşteri paneli) */
    .dahinet-sidebar,
    .sidebar:not(.sidebar-secondary) {
        display: none !important;
    }
    
    /* Sepet sayfası - Kategoriler ve İşlemler sidebar'larını GİZLE */
    #order-standard_cart .cart-sidebar,
    #order-standard_cart .sidebar-collapsed {
        display: none !important;
    }
    
    /* Sepet body tam genişlik */
    #order-standard_cart .cart-body {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* Sidebar olmadan content tam genişlik */
    .primary-content.dahinet-content,
    .primary-content {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    /* ===================================
       CHECKOUT FORM - MOBİL MODERN TASARIM
       =================================== */
    
    /* Checkout sayfası genel düzenleme */
    #order-standard_cart .cart-body {
        padding: 16px !important;
    }
    
    /* Form grupları */
    #order-standard_cart .form-group,
    #registration .form-group {
        margin-bottom: 16px !important;
    }
    
    /* Label'lar */
    #order-standard_cart label,
    #registration label {
        font-weight: 600 !important;
        font-size: 0.9rem !important;
        color: var(--dark-blue) !important;
        margin-bottom: 8px !important;
        display: block !important;
    }
    
    /* Form input'ları */
    #order-standard_cart .form-control,
    #order-standard_cart .custom-select,
    #registration .form-control,
    #registration .custom-select {
        min-height: 48px !important;
        padding: 12px 16px !important;
        font-size: 1rem !important;
        border: 2px solid rgba(0, 102, 204, 0.2) !important;
        border-radius: 10px !important;
        background: white !important;
        transition: all var(--transition-fast) !important;
    }
    
    /* Input focus */
    #order-standard_cart .form-control:focus,
    #order-standard_cart .custom-select:focus,
    #registration .form-control:focus,
    #registration .custom-select:focus {
        border-color: var(--primary-blue) !important;
        box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1) !important;
        outline: none !important;
    }
    
    /* Checkbox ve radio */
    #order-standard_cart .custom-control-label,
    #registration .custom-control-label {
        font-size: 0.95rem !important;
        padding-left: 8px !important;
    }
    
    /* Butonlar */
    #order-standard_cart .btn,
    #registration .btn {
        min-height: 48px !important;
        padding: 12px 24px !important;
        font-weight: 600 !important;
        border-radius: 10px !important;
        font-size: 1rem !important;
    }
    
    /* Primary buton */
    #order-standard_cart .btn-primary,
    #registration .btn-primary {
        background: var(--gradient-1) !important;
        border: none !important;
        box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3) !important;
    }
    
    /* Kartlar */
    #order-standard_cart .panel,
    #order-standard_cart .card,
    #registration .panel,
    #registration .card {
        border-radius: 12px !important;
        border: 1px solid rgba(0, 102, 204, 0.15) !important;
        box-shadow: 0 2px 8px rgba(0, 102, 204, 0.08) !important;
        margin-bottom: 16px !important;
    }
    
    /* Kart başlıkları - Daha açık mavi */
    #order-standard_cart .panel-heading,
    #order-standard_cart .card-header,
    #registration .panel-heading,
    #registration .card-header {
        background: linear-gradient(135deg, #e8f4ff 0%, #d6ebff 100%) !important;
        border-bottom: 1px solid rgba(0, 102, 204, 0.2) !important;
        padding: 14px 16px !important;
        border-radius: 12px 12px 0 0 !important;
    }
    
    /* Başlık metinleri - Okunabilir koyu mavi */
    #order-standard_cart .panel-heading h3,
    #order-standard_cart .panel-heading .panel-title,
    #order-standard_cart .card-header h3,
    #order-standard_cart .card-header .card-title,
    #order-standard_cart .panel-heading h2,
    #order-standard_cart .card-header h2,
    #order-standard_cart .panel-heading h4,
    #order-standard_cart .card-header h4,
    #registration .panel-heading h3,
    #registration .panel-heading .panel-title,
    #registration .card-header h3,
    #registration .card-header .card-title,
    #registration .panel-heading h2,
    #registration .card-header h2,
    #registration .panel-heading h4,
    #registration .card-header h4 {
        color: #1a4d7a !important;
        font-weight: 700 !important;
        font-size: 1.05rem !important;
        margin: 0 !important;
    }
    
    /* Tüm section başlıkları */
    #order-standard_cart .section-header h2,
    #order-standard_cart .section-header h3,
    #order-standard_cart .header-lined h1,
    #order-standard_cart .header-lined h2,
    #registration .section-header h2,
    #registration .section-header h3,
    #registration .header-lined h1,
    #registration .header-lined h2 {
        color: #1a4d7a !important;
        font-weight: 700 !important;
    }
    
    /* Kart içerik */
    #order-standard_cart .panel-body,
    #order-standard_cart .card-body,
    #registration .panel-body,
    #registration .card-body {
        padding: 16px !important;
    }
    
    /* Yeni Hesap Oluştur altındaki boşluğu kaldır */
    #order-standard_cart .header-lined,
    #registration .header-lined {
        margin-bottom: 16px !important;
    }
    
    #order-standard_cart .header-lined + *,
    #registration .header-lined + * {
        margin-top: 0 !important;
    }
    
    /* Grid sütunları mobilde tam genişlik */
    #order-standard_cart .row > [class*="col-"],
    #registration .row > [class*="col-"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    /* Hata mesajları */
    #order-standard_cart .field-error-msg,
    #registration .field-error-msg {
        color: #dc3545 !important;
        font-size: 0.85rem !important;
        margin-top: 6px !important;
        font-weight: 500 !important;
    }
    
    /* Başarı mesajları */
    #order-standard_cart .alert-success,
    #registration .alert-success {
        border-radius: 10px !important;
        border-left: 4px solid var(--success-green) !important;
    }

    .dahinet-dashboard-home .dahinet-dashboard-cards .card-header,
    .dahinet-dashboard-home .dahinet-dashboard-cards .card-body {
        padding: 14px;
    }

    .dahinet-domain-pricing .dahinet-domain-table-container {
        padding: 8px;
    }

    .dahinet-domain-pricing #tableDomainPricing thead th,
    .dahinet-domain-pricing #tableDomainPricing tbody td {
        font-size: 0.875rem;
        padding: 10px 8px;
    }
}

/* ===================================
   LOGIN PAGE MODERN UI
   =================================== */

.dahinet-login-page {
    width: 100%;
}

.dahinet-login-page .login-form {
    margin: 0;
}

.dahinet-login-shell {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(360px, 1.05fr);
    gap: 24px;
    align-items: stretch;
}

.dahinet-login-aside {
    background: linear-gradient(145deg, #003c7a 0%, #0066cc 55%, #0099ff 100%);
    border-radius: 20px;
    padding: 30px;
    color: #ffffff;
    box-shadow: 0 18px 36px rgba(0, 34, 88, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dahinet-login-kicker {
    display: inline-flex;
    width: fit-content;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.dahinet-login-aside h2 {
    color: #ffffff;
    font-size: 1.85rem;
    margin-bottom: 12px;
}

.dahinet-login-aside p {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 20px;
    line-height: 1.65;
}

.dahinet-login-benefits {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 10px;
}

.dahinet-login-benefits li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.95rem;
    color: #ffffff;
}

.dahinet-login-benefits li i {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 0.85rem;
}

.dahinet-login-card {
    border: 1px solid rgba(0, 102, 204, 0.12);
    border-radius: 20px;
    box-shadow: 0 12px 34px rgba(12, 56, 112, 0.12);
    overflow: hidden;
}

.dahinet-login-card .card-body {
    padding: 34px !important;
}

.dahinet-login-card .card-footer {
    background: #f8fbff;
    border-top: 1px solid rgba(0, 102, 204, 0.12);
    padding: 16px 34px !important;
}

.dahinet-login-card .form-control-label {
    font-weight: 600;
    color: #214a78;
    margin-bottom: 8px;
}

.dahinet-login-card .input-group-merge .input-group-text {
    background: #eef6ff;
    border: 1px solid rgba(0, 102, 204, 0.2);
    color: #0066cc;
}

.dahinet-login-card .form-control {
    min-height: 48px;
    border: 1px solid rgba(0, 102, 204, 0.2);
    font-size: 0.975rem;
}

.dahinet-login-card .form-control:focus {
    border-color: #0077e6;
    box-shadow: 0 0 0 3px rgba(0, 119, 230, 0.12);
}

.dahinet-login-card .btn-reveal-pw {
    border: 1px solid rgba(0, 102, 204, 0.2);
    background: #eef6ff;
    color: #0066cc;
}

.dahinet-login-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 22px;
}

.dahinet-login-actions .btn-primary {
    min-width: 170px;
    min-height: 46px;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    background: var(--gradient-1);
    box-shadow: 0 8px 16px rgba(0, 102, 204, 0.24);
}

.dahinet-login-actions .btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(0, 102, 204, 0.3);
}

.dahinet-login-remember {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #375f8d;
    font-size: 0.92rem;
}

.dahinet-login-remember .form-check-input {
    margin: 0;
}

@media (max-width: 991px) {
    .dahinet-login-shell {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dahinet-login-aside {
        padding: 24px;
    }

    .dahinet-login-aside h2 {
        font-size: 1.55rem;
    }
}

@media (max-width: 575px) {
    .dahinet-login-card .card-body {
        padding: 24px !important;
    }

    .dahinet-login-card .card-footer {
        padding: 14px 24px !important;
    }

    .dahinet-login-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .dahinet-login-actions .btn-primary {
        width: 100%;
    }
}

/* ===================================
   UTILITY CLASSES
   =================================== */

.text-primary {
    color: var(--primary-blue) !important;
}

.bg-primary {
    background: var(--gradient-1) !important;
}

.shadow-sm {
    box-shadow: var(--shadow-sm) !important;
}

.shadow-md {
    box-shadow: var(--shadow-md) !important;
}

.shadow-lg {
    box-shadow: var(--shadow-lg) !important;
}

.rounded-lg {
    border-radius: var(--radius-lg) !important;
}

.rounded-md {
    border-radius: var(--radius-md) !important;
}

/* ===================================
   MOBILE TOPBAR HIDE
   =================================== */

/* Mobil cihazlarda topbar'ı gizle */
@media (max-width: 992px) {
    .dahinet-topbar {
        display: none !important;
    }
    
    /* Topbar olmadan main-body padding ayarı */
    .dahinet-main-body.with-topbar {
        padding-top: 20px !important;
        margin-top: 80px;
    }

    /* Mobilde çıkış butonu gizle — gizli menüde zaten mevcut */
    .btn-logout-compact {
        display: none !important;
    }
}

/* ===================================
   WHMCS CHECKOUT STEP BUTTONS FIX
   Kişisel Bilgiler, Fatura Adresi vb. butonların yazılarını okunabilir yap
   =================================== */

/* Checkout sayfası step navigation butonları */
.nav-pills .nav-link,
.nav-tabs .nav-link,
#order-standard_cart .nav-pills .nav-link,
#order-standard_cart .nav-tabs .nav-link {
    background: linear-gradient(135deg, #e8f4ff 0%, #d6ebff 100%) !important;
    color: #1a4d7a !important;
    border: 1px solid rgba(0, 102, 204, 0.2) !important;
    font-weight: 600 !important;
    padding: 12px 20px !important;
    border-radius: 10px !important;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
    transition: all var(--transition-fast) !important;
}

.nav-pills .nav-link:hover,
.nav-tabs .nav-link:hover,
#order-standard_cart .nav-pills .nav-link:hover,
#order-standard_cart .nav-tabs .nav-link:hover {
    background: linear-gradient(135deg, #d6ebff 0%, #c4e2ff 100%) !important;
    color: #143f70 !important;
    border-color: rgba(0, 102, 204, 0.4) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.15) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-tabs .nav-link.active,
#order-standard_cart .nav-pills .nav-link.active,
#order-standard_cart .nav-pills .show > .nav-link,
#order-standard_cart .nav-tabs .nav-link.active {
    background: var(--gradient-1) !important;
    color: white !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3) !important;
}

/* Disabled state */
.nav-pills .nav-link.disabled,
.nav-tabs .nav-link.disabled,
#order-standard_cart .nav-pills .nav-link.disabled,
#order-standard_cart .nav-tabs .nav-link.disabled {
    background: #f5f5f5 !important;
    color: #999 !important;
    border-color: #ddd !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

/* Step indicator içindeki butonlar */
.step-indicator .nav-link,
.checkout-steps .nav-link {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Mobil responsive */
@media (max-width: 768px) {
    .nav-pills .nav-link,
    .nav-tabs .nav-link,
    #order-standard_cart .nav-pills .nav-link,
    #order-standard_cart .nav-tabs .nav-link {
        padding: 10px 16px !important;
        font-size: 0.9rem !important;
        margin-right: 4px !important;
        margin-bottom: 6px !important;
    }
    
    /* Mobilde nav-pills tam genişlik */
    .nav-pills,
    .nav-tabs,
    #order-standard_cart .nav-pills,
    #order-standard_cart .nav-tabs {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    .nav-pills .nav-item,
    .nav-tabs .nav-item,
    #order-standard_cart .nav-pills .nav-item,
    #order-standard_cart .nav-tabs .nav-item {
        flex: 1 1 auto !important;
        min-width: calc(50% - 8px) !important;
    }
}

@media (max-width: 480px) {
    .nav-pills .nav-item,
    .nav-tabs .nav-item,
    #order-standard_cart .nav-pills .nav-item,
    #order-standard_cart .nav-tabs .nav-item {
        flex: 1 1 100% !important;
        min-width: 100% !important;
    }
    
    .nav-pills .nav-link,
    .nav-tabs .nav-link,
    #order-standard_cart .nav-pills .nav-link,
    #order-standard_cart .nav-tabs .nav-link {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

.dahinet-login-page,
.dahinet-login-page .form-control,
.dahinet-login-page .form-control-label,
.dahinet-login-page .text-muted,
.dahinet-login-page .btn,
.dahinet-login-page label,
.dahinet-login-page p,
.dahinet-login-page li,
.dahinet-login-page span {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.dahinet-login-page .dahinet-login-aside h2,
.dahinet-login-page .dahinet-login-card .h3,
.dahinet-login-page .dahinet-security-badge-content strong {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.dahinet-login-page .dahinet-login-remember {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding-left: 0;
    line-height: 1.2;
    cursor: pointer;
}

.dahinet-login-page .dahinet-login-remember .form-check-input {
    position: static !important;
    width: 16px;
    height: 16px;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    transform: translateY(0);
    flex-shrink: 0;
    cursor: pointer;
}

.dahinet-login-page .dahinet-security-badge {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(0, 102, 204, 0.16);
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.06) 0%, rgba(0, 153, 255, 0.08) 100%);
    display: flex;
    align-items: center;
    gap: 12px;
}

.dahinet-login-page .dahinet-security-badge-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--gradient-1);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 18px rgba(0, 102, 204, 0.22);
}

.dahinet-login-page .dahinet-security-badge-content {
    display: grid;
    gap: 2px;
}

.dahinet-login-page .dahinet-security-badge-content strong {
    color: #17457d;
    font-size: 0.92rem;
    line-height: 1.3;
}

.dahinet-login-page .dahinet-security-badge-content span {
    color: #496990;
    font-size: 0.84rem;
    line-height: 1.4;
}

@media (max-width: 575px) {
    .dahinet-login-page .dahinet-login-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .dahinet-login-page .dahinet-login-actions .btn-primary {
        width: 100%;
    }
}

@media (max-width: 992px) {
    body.dahinet-theme .dahinet-header .nav-menu {
        position: fixed !important;
        top: 0 !important;
        left: -104% !important;
        width: 100% !important;
        max-width: 420px !important;
        height: 100vh !important;
        background: #ffffff !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 0 24px 32px !important;
        gap: 0 !important;
        border-right: 0 !important;
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18) !important;
        transition: left 0.3s ease !important;
        z-index: 1101 !important;
        overflow-y: auto !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu.active {
        left: 0 !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-toolbar {
        width: calc(100% + 48px) !important;
        margin-left: -24px !important;
        margin-right: -24px !important;
        padding: 14px 24px !important;
        margin-bottom: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        background: #f8fbff !important;
        border-bottom: 1px solid rgba(0, 102, 204, 0.18) !important;
        box-shadow: inset 0 -1px 0 rgba(0, 48, 104, 0.08) !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-brand {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: 2rem !important;
        font-weight: 700 !important;
        color: #0066CC !important;
        line-height: 1 !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-brand i {
        font-size: 1.5rem !important;
        color: #0066CC !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-close {
        width: 38px !important;
        height: 38px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        color: #0066CC !important;
        font-size: 1.95rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-close:hover,
    body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-close:focus-visible {
        background: rgba(0, 102, 204, 0.08) !important;
        outline: none !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .mobile-quick-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 4px 0 10px !important;
        padding: 0 !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .mobile-action-link {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 11px 12px !important;
        border: 1px solid rgba(0, 102, 204, 0.16) !important;
        border-radius: 12px !important;
        background: #eef6ff !important;
        color: #0f4f90 !important;
        font-size: 0.96rem !important;
        font-weight: 600 !important;
        box-shadow: none !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .mobile-action-link i {
        flex: 0 0 1.1em !important;
        width: 1.1em !important;
        text-align: center !important;
        color: #1f66b2 !important;
        font-size: 0.95rem !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .mobile-action-link span {
        flex: 1 1 auto !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .mobile-action-link:hover,
    body.dahinet-theme .dahinet-header .nav-menu .mobile-action-link:focus-visible {
        background: #e4f0ff !important;
        border-color: rgba(0, 102, 204, 0.28) !important;
        transform: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu > li {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu a {
        display: flex !important;
        align-items: center !important;
        padding: 14px 0 !important;
        font-size: 1.06rem !important;
        font-weight: 500 !important;
        line-height: 1.25 !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu > li > a {
        padding: 14px 0 !important;
        color: #173f71 !important;
        border-bottom: 1px solid rgba(0, 48, 104, 0.14) !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu > li:last-child > a {
        border-bottom: 0 !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu {
        position: static !important;
        transform: none !important;
        margin-top: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 12px !important;
        max-height: 0 !important;
        overflow: hidden !important;
        width: 100% !important;
        transition: max-height 0.3s ease !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .dropdown.active .dropdown-menu {
        max-height: 500px !important;
        margin-top: 8px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        padding: 6px !important;
        background: #f5f9ff !important;
        border: 1px solid rgba(0, 102, 204, 0.14) !important;
        box-shadow: none !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu a {
        padding: 10px 12px !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu i {
        width: 35px !important;
        height: 35px !important;
        font-size: 1.25rem !important;
    }

    body.dahinet-theme .dahinet-header .nav-menu .mobile-account-menu a {
        padding: 14px 0 !important;
    }

    body.dahinet-theme .dahinet-header .navbar-actions .btn-secondary-outline,
    body.dahinet-theme .dahinet-header .navbar-actions .btn-primary-header {
        display: none !important;
    }
}

@media (max-width: 380px) {
    body.dahinet-theme .dahinet-header .nav-menu .mobile-quick-actions {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================
   PREMIUM REGISTER PAGE — Enterprise Gate
   Kapsam: .dn-reg-* + #registration — diğer sayfalar etkilenmez
   ============================================================ */

/* ── 1. ANA SHELL: İki Kolon Grid ─────────────────────────── */
.dn-reg-shell {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 32px;
    align-items: start;
    padding: 8px 0 32px;
}

/* ── 2. TRUST PANEL ────────────────────────────────────────── */
.dn-reg-trust {
    position: sticky;
    top: 100px;
    background: linear-gradient(160deg, #002d6b 0%, #0055bb 55%, #0088ee 100%);
    border-radius: 22px;
    padding: 32px 28px;
    color: #ffffff;
    box-shadow: 0 24px 48px rgba(0, 30, 90, 0.28);
    overflow: hidden;
}

/* Dekoratif arka plan dairesi */
.dn-reg-trust::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    pointer-events: none;
}

.dn-reg-trust::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: -40px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    pointer-events: none;
}

/* Brand / Logo */
.dn-reg-trust-brand {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 22px;
}

.dn-reg-trust-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1;
}

.dn-reg-trust-logo i {
    font-size: 1.8rem;
    color: rgba(255, 255, 255, 0.9);
}

.dn-reg-trust-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.15);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
}

.dn-reg-trust-heading {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.65rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.25;
    margin-bottom: 10px;
}

.dn-reg-trust-sub {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.6;
    margin-bottom: 24px;
}

/* Fayda Listesi */
.dn-reg-trust-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    display: grid;
    gap: 14px;
}

.dn-reg-trust-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.dn-reg-trust-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.9rem;
    color: #ffffff;
}

.dn-reg-trust-list li > span:last-child {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dn-reg-trust-list li strong {
    font-size: 0.92rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
}

.dn-reg-trust-list li small {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.4;
}

/* İstatistik Kutuları */
.dn-reg-trust-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 20px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.dn-reg-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.dn-reg-stat strong {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

.dn-reg-stat small {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Güvenlik Rozeti */
.dn-reg-trust-badge {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;
}

.dn-reg-trust-badge > i {
    font-size: 1.3rem;
    color: #7dd3fc;
    flex-shrink: 0;
}

.dn-reg-trust-badge > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dn-reg-trust-badge strong {
    font-size: 0.85rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
}

.dn-reg-trust-badge small {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
}

/* ── 3. FORM KOLONU ────────────────────────────────────────── */
.dn-reg-form-col {
    min-width: 0;
}

/* ── 4. KART YAPISI ────────────────────────────────────────── */
.dn-reg-card {
    position: relative;
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid rgba(0, 102, 204, 0.14);
    box-shadow: 0 8px 28px rgba(3, 40, 100, 0.08);
    overflow: hidden;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.dn-reg-card:hover {
    box-shadow: 0 14px 38px rgba(3, 40, 100, 0.14);
    border-color: rgba(0, 102, 204, 0.26);
}

/* Sol accent şerit */
.dn-reg-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #0066cc 0%, #00d4ff 100%);
    border-radius: 18px 0 0 18px;
}

/* ── 5. KART HEADER — Numbered Step ───────────────────────── */
.dn-reg-card-header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 22px 0 26px;
    margin-bottom: 0;
}

.dn-reg-step-num {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: rgba(0, 102, 204, 0.12);
    line-height: 1;
    flex-shrink: 0;
    letter-spacing: -0.04em;
    min-width: 48px;
    user-select: none;
}

.dn-reg-step-info {
    flex: 1;
}

.dn-reg-step-info h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #143f70;
    margin: 0 0 2px;
    line-height: 1.3;
}

.dn-reg-step-info small {
    font-size: 0.8rem;
    color: #6b7280;
    line-height: 1.3;
}

.dn-reg-step-ico {
    font-size: 1.25rem;
    color: rgba(0, 102, 204, 0.22);
    flex-shrink: 0;
}

/* Kesik çizgi ayırıcı */
.dn-reg-card-header + .dn-reg-card-body {
    position: relative;
}

.dn-reg-card-header + .dn-reg-card-body::before {
    content: '';
    display: block;
    height: 0;
    border-top: 2px dashed rgba(0, 102, 204, 0.14);
    margin: 14px 22px 18px 26px;
}

/* ── 6. KART BODY ──────────────────────────────────────────── */
.dn-reg-card-body {
    padding: 18px 22px 22px 26px;
}

/* ── 7. INPUT ALANLARI ─────────────────────────────────────── */
.dn-field-wrap {
    position: relative;
    margin-bottom: 14px;
}

.dn-field-icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0066cc;
    background: rgba(0, 102, 204, 0.07);
    border: 1px solid rgba(0, 102, 204, 0.18);
    border-right: none;
    border-radius: 10px 0 0 10px;
    transition: background 0.2s ease, color 0.2s ease;
    pointer-events: none;
    font-size: 0.9rem;
    z-index: 2;
}

.dn-field {
    display: block !important;
    width: 100% !important;
    padding: 12px 14px 12px 52px !important;
    min-height: 48px !important;
    font-size: 0.95rem !important;
    font-family: 'DM Sans', sans-serif !important;
    color: #1a2744 !important;
    background: #fafcff !important;
    border: 1px solid rgba(0, 102, 204, 0.2) !important;
    border-radius: 10px !important;
    outline: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
    box-shadow: 0 2px 6px rgba(0, 50, 120, 0.04) !important;
    -webkit-appearance: none;
    appearance: none;
}

.dn-field::placeholder {
    color: #a0aec0 !important;
    font-size: 0.92rem !important;
}

/* Focus durumu */
.dn-field:focus {
    border-color: #0066cc !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.12), 0 2px 8px rgba(0, 50, 120, 0.08) !important;
}

.dn-field-wrap:focus-within .dn-field-icon {
    background: rgba(0, 102, 204, 0.14);
    color: #0044aa;
    border-color: #0066cc;
}

/* Select özel ok işareti */
.dn-field-wrap--select .dn-field {
    padding-right: 36px !important;
    cursor: pointer;
}

.dn-field-wrap--select::after {
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #0066cc;
    pointer-events: none;
    font-size: 0.85rem;
    z-index: 3;
}

/* ── 8. ŞİFRE GÜÇ GÖSTERGESI ──────────────────────────────── */
.dn-pw-strength {
    margin-top: 8px;
}

.dn-pw-bar {
    display: flex;
    gap: 6px;
    margin-bottom: 6px;
}

.dn-pw-seg {
    flex: 1;
    height: 5px;
    border-radius: 999px;
    background: rgba(0, 102, 204, 0.1);
    transition: background 0.3s ease;
}

.dn-pw-seg.weak    { background: #ef4444; }
.dn-pw-seg.moderate { background: #f59e0b; }
.dn-pw-seg.strong  { background: #10b981; }

.dn-pw-label {
    font-size: 0.8rem;
    color: #6b7280;
    margin: 0;
    text-align: right;
}

/* ── 9. ŞIFRE ÜRETİCİ BUTONU ───────────────────────────────── */
.dn-btn-generate {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    background: #f0f7ff;
    color: #0055cc;
    border: 1px solid rgba(0, 102, 204, 0.22);
    border-radius: 10px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: 'DM Sans', sans-serif;
}

.dn-btn-generate:hover {
    background: #0066cc;
    color: #ffffff;
    border-color: #0066cc;
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.25);
}

/* ── 10. MARKETING OPT-IN ──────────────────────────────────── */
.dn-reg-optin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.dn-reg-optin-inner {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.dn-reg-optin-inner > i {
    font-size: 1.5rem;
    color: #0066cc;
    flex-shrink: 0;
    margin-top: 2px;
}

.dn-reg-optin-inner strong {
    display: block;
    font-size: 0.95rem;
    color: #143f70;
    margin-bottom: 4px;
}

.dn-reg-optin-inner p {
    font-size: 0.85rem;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

/* ── 11. TOS ONAY KUTUSU ───────────────────────────────────── */
.dn-reg-tos {
    margin-bottom: 20px;
    padding: 14px 18px;
    background: #f0f7ff;
    border: 1px solid rgba(0, 102, 204, 0.18);
    border-radius: 12px;
}

.dn-reg-tos-label {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    margin: 0;
    font-size: 0.9rem;
    color: #2d4a72;
    font-weight: 500;
}

.dn-reg-tos-label a {
    color: #0066cc;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.dn-reg-tos-check {
    width: 18px;
    height: 18px;
    accent-color: #0066cc;
    flex-shrink: 0;
    cursor: pointer;
}

/* ── 12. PREMIUM CTA BUTONU ────────────────────────────────── */
.dn-reg-submit-wrap {
    text-align: center;
    padding: 4px 0 8px;
}

.dn-reg-cta {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 58px;
    padding: 14px 28px !important;
    background: linear-gradient(135deg, #0066cc 0%, #0099ff 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 10px 28px rgba(0, 102, 204, 0.32) !important;
    text-decoration: none !important;
}

/* Shine sweep animasyonu */
.dn-reg-cta-shine {
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.25) 50%,
        transparent 100%
    );
    transform: skewX(-20deg);
    animation: dnRegShine 3.5s ease-in-out infinite;
    pointer-events: none;
}

@keyframes dnRegShine {
    0%   { left: -120%; }
    40%  { left: 130%; }
    100% { left: 130%; }
}

.dn-reg-cta:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 38px rgba(0, 102, 204, 0.42) !important;
    background: linear-gradient(135deg, #0055bb 0%, #0088ee 100%) !important;
}

.dn-reg-cta:active {
    transform: translateY(0) !important;
}

.dn-reg-cta > i,
.dn-reg-cta > span {
    position: relative;
    z-index: 1;
}

.dn-reg-cta-arrow {
    margin-left: 4px;
    transition: transform 0.2s ease;
}

.dn-reg-cta:hover .dn-reg-cta-arrow {
    transform: translateX(4px);
}

.dn-reg-submit-note {
    margin: 10px 0 0;
    font-size: 0.8rem;
    color: #8ca3be;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.dn-reg-submit-note i {
    color: #10b981;
    font-size: 0.75rem;
}

/* ── 13. WHMCS OVERRIDE — Bootstrap çakışma önleme ─────────── */
/* prepend-icon → dn-field-wrap ile uyumlu */
#registration .form-group.prepend-icon {
    margin-bottom: 0 !important;
}

/* Bootstrap .form-control varsayılan padding'ini dn-field üzerinde iptal et */
#registration .dn-field.form-control,
#registration .form-control.dn-field,
.dn-field-wrap .form-control.dn-field,
.dn-reg-card .form-control.dn-field {
    padding: 0 14px 0 54px !important;
    height: 48px !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 6px rgba(0, 50, 120, 0.04) !important;
}

/* WHMCS intl-tel-input telefon alanı — tam genişlik */
#registration .intl-tel-input {
    width: 100%;
    display: block;
}

/* intl-tel-input bayrağı dn-field-icon ile çakışmasın */
.dn-field-wrap .intl-tel-input .flag-container {
    left: 46px !important;
    right: auto !important;
}

/* ── 14. RESPONSIVE ────────────────────────────────────────── */
@media (max-width: 1100px) {
    .dn-reg-shell {
        grid-template-columns: 300px 1fr;
        gap: 24px;
    }

    .dn-reg-trust-heading {
        font-size: 1.4rem;
    }
}

@media (max-width: 991px) {
    .dn-reg-shell {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .dn-reg-trust {
        position: static;
        padding: 24px 22px;
        border-radius: 16px;
    }

    .dn-reg-trust-heading {
        font-size: 1.3rem;
    }

    .dn-reg-trust-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

@media (max-width: 640px) {
    .dn-reg-trust {
        padding: 20px 18px;
    }

    .dn-reg-trust-list {
        grid-template-columns: 1fr;
    }

    .dn-reg-card-header {
        padding: 16px 16px 0 18px;
        gap: 12px;
    }

    .dn-reg-card-header + .dn-reg-card-body::before {
        margin: 12px 16px 14px 18px;
    }

    .dn-reg-card-body {
        padding: 14px 16px 18px 18px;
    }

    .dn-reg-step-num {
        font-size: 1.6rem;
        min-width: 36px;
    }

    .dn-reg-cta {
        font-size: 0.98rem !important;
        min-height: 52px;
    }

    .dn-reg-shell {
        padding: 4px 0 20px;
    }
}

@media (max-width: 480px) {
    .dn-reg-trust-stats {
        grid-template-columns: repeat(3, 1fr);
        padding: 12px 10px;
    }

    .dn-reg-stat strong {
        font-size: 1.1rem;
    }

    .dn-reg-step-ico {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dn-reg-cta-shine {
        animation: none !important;
    }

    .dn-reg-cta,
    .dn-reg-card,
    .dn-field,
    .dn-field-icon,
    .dn-btn-generate {
        transition: none !important;
    }
}

/* ============================================================
   REGISTER PAGE — BUGFIX PATCH
   1. "Daha önce kayıt oldunuz mu?" sidebar gizleme
   2. intl-tel-input telefon ikon kayma fix
   3. Submit buton yazı ortalama fix
   ============================================================ */

/* ── FIX 1: Register sayfasında WHMCS sidebar'ını gizle ───── */
/* register.php sayfasındaki sol "Daha önce kayıt oldunuz mu?" kutusu */
body[class*="register"] .sidebar,
body[class*="register"] .sidebar-secondary,
body[class*="register"] aside.sidebar,
body[class*="register"] .col-md-3.sidebar,
body[class*="register"] .col-lg-3.sidebar,
/* WHMCS register sayfası özel selector */
#registration ~ .sidebar,
.dn-reg-shell ~ .sidebar,
/* Tüm olası parent container seçiciler */
.primary-content + aside,
.primary-content ~ aside {
    display: none !important;
}

/* Register sayfasında sidebar'ı olan wrapper'dan padding kaldır */
body[class*="register"] .primary-content,
body[class*="register"] main > .container > .row > .col-md-9,
body[class*="register"] main > .container > .row > .col-lg-9 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* WHMCS register sayfasındaki sidebar panel CSS ile kapat */
#registration + .sidebar,
#registration + .col-md-3,
#registration + .col-lg-3,
.dn-reg-shell + .sidebar,
.dn-reg-form-col + .sidebar {
    display: none !important;
}

/* register.php body id/class üzerinden gizleme */
#register .sidebar,
#register aside,
#registerPage .sidebar,
[id*="register"] > .row > .sidebar,
[id*="register"] > .row > [class*="col"]:has(.dahinet-sidebar-panel) {
    display: none !important;
}

/* WHMCS'nin register.php sayfasında ürettiği sidebar wrapper'ı */
section#main-body > .container > .row > aside,
section#main-body > .container > .row > .col-md-3:not(:has(.dn-reg-shell)):not(:has(#registration)) {
    display: none !important;
}

/* En güvenilir: dahinet-sidebar-panel sadece register sayfasında gizle */
.dn-reg-shell ~ * .dahinet-sidebar-panel,
.dn-reg-form-col ~ * .dahinet-sidebar-panel {
    display: none !important;
}

/* ── FIX 2: Telefon alanı — intl-tel-input devre dışı, sade input ─── */
/* name="tel_display" WHMCS selector'ından (input[name^="phone"]) kaçar */
/* Görsel olarak diğer inputlarla aynı .dn-field-icon + .dn-field stili  */
/* Herhangi bir intl-tel-input override gerekmez                          */

/* ── FIX 3: Submit buton — tam genişlik, ortalı içerik ──────── */
.dn-reg-submit-wrap {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.dn-reg-cta {
    /* Temel kutu modeli */
    display: flex !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    /* Hizalama */
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    /* Boyut */
    min-height: 54px !important;
    padding: 12px 24px !important;
    /* Görünüm */
    border-radius: 12px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    cursor: pointer !important;
    /* Margin sıfırla */
    margin: 0 !important;
}

.dn-reg-cta > span:not(.dn-reg-cta-shine) {
    flex: 0 0 auto !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.dn-reg-cta > i {
    flex: 0 0 auto !important;
    line-height: 1 !important;
    font-size: 1rem !important;
}

.dn-reg-cta-shine {
    flex: 0 0 0 !important;
    width: 0 !important;
}

/* =============================================
   Dashboard Cards: input-group buton düzeltmesi
   WHMCS'nin dinamik panel içindeki input-group-append
   butonlarının quick-access-grid stillerinden etkilenmemesi
   ============================================= */
.dahinet-dashboard-home .dahinet-dashboard-cards .card-body .input-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    position: static;
}

.dahinet-dashboard-home .dahinet-dashboard-cards .card-body .input-group .form-control {
    flex: 1 1 auto;
    min-width: 0;
    position: static;
}

.dahinet-dashboard-home .dahinet-dashboard-cards .card-body .input-group-append {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    margin-left: -1px;
    position: static;
}

.dahinet-dashboard-home .dahinet-dashboard-cards .card-body .input-group-append .btn,
.dahinet-dashboard-home .dahinet-dashboard-cards .card-body .input-group .btn {
    position: static !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: unset !important;
    height: auto !important;
    overflow: visible !important;
    padding: 6px 14px !important;
    white-space: nowrap !important;
    border-radius: 0 !important;
    transform: none !important;
}

.dahinet-dashboard-home .dahinet-dashboard-cards .card-body .input-group-append .btn:first-child {
    border-radius: 0 !important;
}

.dahinet-dashboard-home .dahinet-dashboard-cards .card-body .input-group-append .btn:last-child {
    border-radius: 0 4px 4px 0 !important;
}

/* =============================================
   Bildirim Popover Stilleri
   ============================================= */
.popover-notifications {
    min-width: 300px;
    max-width: 360px;
    border: 1px solid rgba(0, 102, 204, 0.15);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0, 48, 104, 0.18);
    overflow: hidden;
}

.popover-notifications .popover-header {
    background: linear-gradient(135deg, #0f5cb3 0%, #2f8ae7 100%);
    color: #ffffff;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 12px 16px;
    border-bottom: none;
}

.popover-notifications .popover-body {
    padding: 0;
    max-height: 320px;
    overflow-y: auto;
}

.popover-notifications .client-alerts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popover-notifications .client-alerts li {
    border-bottom: 1px solid rgba(0, 48, 104, 0.08);
}

.popover-notifications .client-alerts li:last-child {
    border-bottom: none;
}

.popover-notifications .client-alerts li a {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    color: #1a2e4a;
    font-size: 0.88rem;
    line-height: 1.4;
    text-decoration: none;
    transition: background 0.15s ease;
}

.popover-notifications .client-alerts li a:hover {
    background: #f0f7ff;
    color: #0f4f90;
}

.popover-notifications .client-alerts li a i {
    margin-top: 2px;
    flex-shrink: 0;
    color: var(--primary-blue);
    font-size: 1rem;
}

.popover-notifications .client-alerts li.none {
    padding: 16px;
    text-align: center;
    color: #6b7280;
    font-size: 0.88rem;
}

.popover-notifications .arrow::before {
    border-bottom-color: rgba(0, 102, 204, 0.15) !important;
}