/* =====================================================
   DALTON PANEL 2025 - PREMİUM TEMA
   Neon Efektler + Animasyonlar + Parıltılı Arka Plan
===================================================== */

:root {
    --primary: #FF5722;
    --primary-dark: #E64A19;
    --primary-light: #FF8A65;
    --secondary: #1a1a2e;
    --dark: #0a0a0f;
    --darker: #050510;
    --success: #00ff00;
    --danger: #FF1744;
    --warning: #FFD600;
    --info: #00BCD4;
    --cyan: #00BCD4;
    --neon-blue: #28D7FE;
    --neon-pink: #ff003c;
    --neon-purple: #8f00ff;
    --text-primary: #FFFFFF;
    --text-secondary: #B0B0B0;
    --text-muted: #666666;
    --border-color: #2a2a4a;
    --card-bg: rgba(26, 26, 46, 0.95);
    --input-bg: #12121f;
    --gold: #ffd700;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* =====================================================
   GALAKSİ EFEKTİ - YILDIZLAR & PARÇACIKLAR
===================================================== */
body {
    font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #0a0a1a 0%, #1a0a2e 50%, #0a1a2a 100%);
    color: var(--text-primary);
    min-height: 100vh;
    overflow-x: hidden;
    position: relative;
}

/* Yıldız Katmanı 1 - Küçük yıldızlar */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    background-image: 
        radial-gradient(1px 1px at 10px 10px, #fff, transparent),
        radial-gradient(1px 1px at 150px 150px, #fff, transparent),
        radial-gradient(1px 1px at 300px 80px, rgba(255,255,255,0.8), transparent),
        radial-gradient(1.5px 1.5px at 50px 200px, #fff, transparent),
        radial-gradient(1px 1px at 400px 120px, rgba(255,255,255,0.6), transparent),
        radial-gradient(1.5px 1.5px at 220px 300px, #fff, transparent),
        radial-gradient(1px 1px at 500px 250px, rgba(255,255,255,0.7), transparent),
        radial-gradient(2px 2px at 100px 400px, #00ffff, transparent),
        radial-gradient(1px 1px at 350px 350px, #fff, transparent),
        radial-gradient(1.5px 1.5px at 600px 100px, rgba(255,255,255,0.9), transparent),
        radial-gradient(1px 1px at 700px 300px, #fff, transparent),
        radial-gradient(2px 2px at 250px 500px, #ff00ff, transparent),
        radial-gradient(1px 1px at 800px 200px, rgba(255,255,255,0.5), transparent),
        radial-gradient(1.5px 1.5px at 450px 450px, #fff, transparent),
        radial-gradient(1px 1px at 550px 50px, rgba(255,255,255,0.8), transparent);
    background-size: 900px 600px;
    animation: starsMove 60s linear infinite;
    z-index: -3;
    opacity: 0.8;
}

/* Yıldız Katmanı 2 - Büyük parlayan yıldızlar */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    background-image: 
        radial-gradient(3px 3px at 200px 100px, #00ffff, transparent),
        radial-gradient(2px 2px at 400px 300px, #ff00ff, transparent),
        radial-gradient(3px 3px at 600px 200px, #ffff00, transparent),
        radial-gradient(2px 2px at 100px 350px, #00ff00, transparent),
        radial-gradient(3px 3px at 500px 450px, #ff6600, transparent),
        radial-gradient(2px 2px at 300px 50px, #00ffff, transparent),
        radial-gradient(3px 3px at 700px 400px, #ff00ff, transparent),
        radial-gradient(2px 2px at 50px 250px, #ffffff, transparent);
    background-size: 800px 500px;
    animation: starsMove 45s linear infinite reverse, twinkleStars 3s ease-in-out infinite;
    z-index: -2;
    opacity: 0.6;
}

@keyframes starsMove {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-50%, -50%); }
}

@keyframes twinkleStars {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 0.3; }
}

/* Nebula Efekti - Renkli bulutlar */
.main-content::before {
    content: '';
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: 
        radial-gradient(ellipse at 20% 80%, rgba(255, 0, 120, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(0, 255, 255, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 40% 40%, rgba(138, 43, 226, 0.06) 0%, transparent 40%),
        radial-gradient(ellipse at 60% 60%, rgba(255, 165, 0, 0.05) 0%, transparent 40%);
    animation: nebulaFloat 30s ease-in-out infinite;
    z-index: -1;
    pointer-events: none;
}

@keyframes nebulaFloat {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(2%, 1%) rotate(1deg); }
    66% { transform: translate(-1%, 2%) rotate(-1deg); }
}

/* =====================================================
   SCROLLBAR STİLİ
===================================================== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--darker);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--neon-pink), var(--neon-purple));
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #f36, #b366ff);
}

/* =====================================================
   NEON TEXT EFEKTLERİ & ANİMASYONLU FONTLAR
===================================================== */

/* Tüm textler için temel stil */
body, p, span, div, a, td, th, label, input, select, textarea, button {
    font-family: 'Poppins', 'Segoe UI', sans-serif;
    letter-spacing: 0.3px;
}

/* Animasyonlu Glow Text */
.glow-text {
    animation: textGlow 2s ease-in-out infinite alternate;
}

@keyframes textGlow {
    from {
        text-shadow: 0 0 5px rgba(255, 102, 0, 0.5), 0 0 10px rgba(255, 102, 0, 0.3);
    }
    to {
        text-shadow: 0 0 10px rgba(255, 102, 0, 0.8), 0 0 20px rgba(255, 102, 0, 0.5), 0 0 30px rgba(255, 102, 0, 0.3);
    }
}

/* Neon Text */
.neon-text {
    color: var(--neon-blue) !important;
    text-shadow: 
        0 0 5px var(--neon-blue),
        0 0 10px var(--neon-blue),
        0 0 20px var(--neon-blue),
        0 0 40px var(--neon-blue);
    animation: neonFlicker 3s ease-in-out infinite;
}

@keyframes neonFlicker {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
        text-shadow: 
            0 0 5px var(--neon-blue),
            0 0 10px var(--neon-blue),
            0 0 20px var(--neon-blue),
            0 0 40px var(--neon-blue);
    }
    20%, 24%, 55% {
        text-shadow: none;
    }
}

.montanabg {
    color: var(--neon-blue) !important;
    box-shadow: 0px 6px 3px 0 rgba(0, 0, 0, .4);
    background: #151728 !important;
    text-shadow: 
        0 0 1vw #1041FF, 
        0 0 3vw #1041FF, 
        0 0 10vw #1041FF, 
        0 0 10vw #1041FF, 
        0 0 .4vw #8BFDFE, 
        0.0vw .1vw .1vw #147280 !important;
}

/* =====================================================
   ANİMASYONLAR
===================================================== */

/* Flip Animasyonu - Renk Değiştirme */
@keyframes flipamk {
    0%, 100% {
        text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;
        color: #FED128;
    }
    50% {
        text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;
        color: #806914;
    }
}

.tonyFlip {
    animation: flipamk 3s ease-in-out infinite;
}

/* Shine Parıldama Animasyonu */
@keyframes shine {
    0% { left: -150%; }
    50% { left: 100%; }
    100% { left: 150%; }
}

/* Pulse Nabız Efekti */
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 0, 120, 0.6); }
    70% { box-shadow: 0 0 0 10px rgba(255, 0, 120, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 0, 120, 0); }
}

.pulse {
    animation: pulse 2s infinite;
}

/* Fade Glow Animasyonu */
@keyframes fadeGlow {
    from { text-shadow: 0 0 5px #ff006a; }
    to { text-shadow: 0 0 15px #8f00ff; }
}

.fade-glow {
    animation: fadeGlow 2s ease-in-out infinite alternate;
}

/* Neon Border Animasyonu */
@keyframes neonGlow {
    from { box-shadow: 0 0 8px rgba(255, 0, 120, 0.4); }
    to { box-shadow: 0 0 20px rgba(255, 0, 255, 0.7); }
}

.neon-border {
    animation: neonGlow 3s infinite alternate;
}

/* Float Yukarı Aşağı */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.float {
    animation: float 3s ease-in-out infinite;
}

/* =====================================================
   HEADER - NEON TASARIM
===================================================== */
.header-section {
    background: linear-gradient(180deg, #151728 0%, #0a0a0f 100%);
    border-bottom: 2px solid var(--primary);
    padding: 12px 15px;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(255, 87, 34, 0.3);
}

.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-logo-left,
.header-logo-right {
    flex-shrink: 0;
}

.rotating-logo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    animation: rotateClockwise 4s linear infinite;
    filter: drop-shadow(0 0 8px rgba(255, 102, 0, 0.6));
    border: 2px solid var(--primary);
}

.rotating-logo.reverse {
    animation: rotateCounterClockwise 4s linear infinite;
}

@keyframes rotateClockwise {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes rotateCounterClockwise {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

.brand-center-only {
    text-align: center;
    flex: 1;
}

.brand-center {
    text-align: center;
}

.brand-title {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 2px;
    animation: flipamk 3s ease-in-out infinite;
    font-family: 'Black Ops One', 'Segoe UI', sans-serif;
}

.brand-time {
    color: var(--gold);
    font-size: 11px;
    text-shadow: 1px 1px 2px #ff0000;
    margin-top: 3px;
}

.username {
    color: var(--primary);
    font-weight: bold;
    text-shadow: 0 0 10px rgba(255, 87, 34, 0.5);
}

.btn-logout {
    background: linear-gradient(135deg, #dc3545, #c82333);
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(220, 53, 69, 0.4);
}

.btn-logout:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(220, 53, 69, 0.6);
    color: #fff;
}

/* =====================================================
   İSTATİSTİK KARTLARI - NEON STİL
===================================================== */
.stats-row {
    display: flex;
    gap: 15px;
    padding: 25px 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.stat-box {
    background: linear-gradient(145deg, #151520, #1a1a28);
    border: 2px solid transparent;
    border-radius: 12px;
    padding: 20px 35px;
    text-align: center;
    min-width: 180px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.stat-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
    transition: left 0.5s;
}

.stat-box:hover::before {
    left: 100%;
}

.stat-box:hover {
    transform: translateY(-5px);
}

.stat-box.cyan {
    border-color: var(--cyan);
    box-shadow: 0 0 20px rgba(0, 188, 212, 0.3);
}

.stat-box.green {
    border-color: var(--success);
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.3);
}

.stat-box.orange {
    border-color: var(--primary);
    box-shadow: 0 0 20px rgba(255, 87, 34, 0.3);
}

.stat-title {
    color: #888;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.stat-value {
    font-size: 32px;
    font-weight: 800;
}

.stat-box.cyan .stat-value { color: var(--cyan); text-shadow: 0 0 15px rgba(0, 188, 212, 0.5); }
.stat-box.green .stat-value { color: var(--success); text-shadow: 0 0 15px rgba(0, 255, 0, 0.5); }
.stat-box.orange .stat-value { color: var(--primary); text-shadow: 0 0 15px rgba(255, 87, 34, 0.5); }

/* Stat box içindeki ikonlar için spin */
.stat-box i.fa-spin {
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* =====================================================
   EGOİST BANNER - DALTON PANEL ÖVGÜSÜ
===================================================== */
.ego-banner {
    display: block;
    margin: 25px auto;
    padding: 15px 30px;
    background: linear-gradient(90deg, #0a0a0a, #111);
    color: #00ffae;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    text-align: center;
    border: 2px solid #00ffae;
    border-radius: 12px;
    box-shadow: 
        0 0 20px rgba(0, 255, 174, 0.3),
        inset 0 0 10px rgba(0, 255, 174, 0.1);
    cursor: default;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    max-width: 700px;
}

.ego-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 120%;
    height: 100%;
    background: linear-gradient(115deg, transparent, rgba(0, 255, 174, 0.4), transparent);
    animation: shine 3s infinite;
    z-index: 1;
}

.ego-banner span {
    position: relative;
    z-index: 2;
}

.ego-banner:hover {
    color: #fff;
    border-color: #00ffcc;
    box-shadow: 
        0 0 35px rgba(0, 255, 200, 0.6),
        inset 0 0 15px rgba(0, 255, 200, 0.3);
    transform: scale(1.02);
}

.ego-banner .crown {
    color: var(--gold);
    font-size: 18px;
    margin-right: 8px;
}

/* =====================================================
   ANNOUNCEMENT / WHATSAPP ALANI - MEGA ANİMASYONLU
===================================================== */
.announcement-wrapper {
    position: relative;
    margin: 15px 15px;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
    border: 2px solid transparent;
    background-clip: padding-box;
}

/* Dönen border animasyonu */
.announcement-wrapper::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(45deg, #00ffff, #ff00ff, #00ff00, #ffff00, #ff6600, #00ffff);
    background-size: 400% 400%;
    border-radius: 14px;
    z-index: -1;
    animation: borderRotate 4s linear infinite;
}

@keyframes borderRotate {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Uçuşan parçacıklar - ÇOK FAZLA */
.announcement-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(2px 2px at 5% 15%, #00ffff, transparent),
        radial-gradient(3px 3px at 15% 80%, #ff00ff, transparent),
        radial-gradient(2px 2px at 25% 25%, #00ff00, transparent),
        radial-gradient(2px 2px at 35% 65%, #ffff00, transparent),
        radial-gradient(3px 3px at 45% 10%, #ff6600, transparent),
        radial-gradient(2px 2px at 55% 90%, #00ffff, transparent),
        radial-gradient(2px 2px at 65% 35%, #ff00ff, transparent),
        radial-gradient(3px 3px at 75% 70%, #00ff00, transparent),
        radial-gradient(2px 2px at 85% 20%, #ffff00, transparent),
        radial-gradient(2px 2px at 95% 55%, #ff6600, transparent),
        radial-gradient(1px 1px at 10% 50%, #fff, transparent),
        radial-gradient(1px 1px at 30% 40%, #fff, transparent),
        radial-gradient(1px 1px at 50% 60%, #fff, transparent),
        radial-gradient(1px 1px at 70% 30%, #fff, transparent),
        radial-gradient(1px 1px at 90% 70%, #fff, transparent);
    animation: floatParticles 15s linear infinite, sparkle 2s ease-in-out infinite;
    opacity: 0.8;
}

@keyframes floatParticles {
    0% { transform: translateY(0) translateX(0) rotate(0deg); }
    25% { transform: translateY(-15px) translateX(15px) rotate(90deg); }
    50% { transform: translateY(0) translateX(30px) rotate(180deg); }
    75% { transform: translateY(15px) translateX(15px) rotate(270deg); }
    100% { transform: translateY(0) translateX(0) rotate(360deg); }
}

@keyframes sparkle {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

/* İkinci katman parçacıklar */
.announcement-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    background-image: 
        radial-gradient(2px 2px at 20px 20px, rgba(0, 255, 255, 0.8), transparent),
        radial-gradient(2px 2px at 60px 40px, rgba(255, 0, 255, 0.8), transparent),
        radial-gradient(2px 2px at 100px 60px, rgba(0, 255, 0, 0.8), transparent),
        radial-gradient(2px 2px at 140px 30px, rgba(255, 255, 0, 0.8), transparent),
        radial-gradient(2px 2px at 180px 70px, rgba(255, 102, 0, 0.8), transparent);
    animation: flyingDots 10s linear infinite;
    z-index: 1;
    pointer-events: none;
}

@keyframes flyingDots {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-50%, -50%); }
}

.announcement-content {
    position: relative;
    z-index: 2;
    padding: 18px 25px;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5px);
}

.announcement-title {
    color: #00ffff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.8), 0 0 20px rgba(0, 255, 255, 0.5);
    letter-spacing: 2px;
    animation: titleGlow 2s ease-in-out infinite, titleFloat 3s ease-in-out infinite;
}

@keyframes titleGlow {
    0%, 100% { text-shadow: 0 0 10px rgba(0, 255, 255, 0.8), 0 0 20px rgba(0, 255, 255, 0.5); }
    50% { text-shadow: 0 0 20px rgba(0, 255, 255, 1), 0 0 40px rgba(0, 255, 255, 0.8), 0 0 60px rgba(255, 0, 255, 0.5); }
}

@keyframes titleFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

.announcement-title i {
    margin-right: 10px;
    animation: iconSpin 2s linear infinite;
    display: inline-block;
}

@keyframes iconSpin {
    0% { transform: rotate(0deg) scale(1); }
    25% { transform: rotate(90deg) scale(1.2); }
    50% { transform: rotate(180deg) scale(1); }
    75% { transform: rotate(270deg) scale(1.2); }
    100% { transform: rotate(360deg) scale(1); }
}

.announcement-phone a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    padding: 12px 30px;
    background: linear-gradient(135deg, #25D366, #128C7E, #075E54);
    background-size: 200% 200%;
    border-radius: 30px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4), 0 0 30px rgba(37, 211, 102, 0.2);
    animation: btnGradient 3s ease infinite, btnPulse 2s ease-in-out infinite;
    position: relative;
    overflow: hidden;
}

@keyframes btnGradient {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

@keyframes btnPulse {
    0%, 100% { box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4), 0 0 30px rgba(37, 211, 102, 0.2); }
    50% { box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6), 0 0 50px rgba(37, 211, 102, 0.4); }
}

.announcement-phone a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: btnShine 2s ease-in-out infinite;
}

@keyframes btnShine {
    0% { left: -100%; }
    50%, 100% { left: 100%; }
}

.announcement-phone a:hover {
    transform: scale(1.08) translateY(-3px);
    box-shadow: 0 8px 40px rgba(37, 211, 102, 0.6), 0 0 60px rgba(37, 211, 102, 0.4);
}

.whatsapp-icon {
    font-size: 26px;
    animation: whatsappBounce 1s ease-in-out infinite;
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
}

@keyframes whatsappBounce {
    0%, 100% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.2) rotate(-10deg); }
    50% { transform: scale(1) rotate(0deg); }
    75% { transform: scale(1.2) rotate(10deg); }
}

/* Eski announcement stil (geri uyumluluk) */
.announcement {
    background: linear-gradient(90deg, #1a472a, #2d5a3d, #1a472a);
    border: 1px solid var(--success);
    border-radius: 10px;
    padding: 15px;
    margin: 0 20px 20px;
    text-align: center;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.2);
}

/* =====================================================
   GLOBAL TOGGLES
===================================================== */
.global-toggles {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding: 15px 20px;
    background: linear-gradient(135deg, #1a1a25 0%, #0d0d12 100%);
    border-bottom: 1px solid #333;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.toggle-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.toggle-label {
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}

.toggle-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #dc3545;
    transition: 0.3s;
    border-radius: 26px;
}

.toggle-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

.toggle-switch input:checked + .toggle-slider {
    background-color: #28a745;
    box-shadow: 0 0 10px rgba(40, 167, 69, 0.5);
}

.toggle-switch input:checked + .toggle-slider:before {
    transform: translateX(24px);
}

.toggle-status {
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 10px;
    font-weight: bold;
}

.toggle-status.aktif {
    background: #28a745;
    color: #fff;
}

.toggle-status.pasif {
    background: #dc3545;
    color: #fff;
}

/* =====================================================
   SEARCH BOX
===================================================== */
.search-section {
    padding: 0 20px 20px;
}

.search-box {
    display: flex;
    gap: 10px;
    max-width: 600px;
    margin: 0 auto;
}

.search-input {
    flex: 1;
    background: #151520;
    border: 2px solid #333;
    color: #fff;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.search-input:focus {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 15px rgba(255, 87, 34, 0.3);
}

.search-input::placeholder {
    color: #666;
}

.btn-search {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: #fff;
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 87, 34, 0.3);
}

.btn-search:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 87, 34, 0.5);
}

/* =====================================================
   TAB MENÜ - ÇUKURLU SEKME TASARIMI
===================================================== */
.tabs-container {
    background: linear-gradient(180deg, #0d0d1a 0%, #151528 100%);
    border-bottom: none;
    padding: 10px 10px 0;
    position: relative;
}

.tabs-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--primary), var(--neon-purple), var(--primary), transparent);
    opacity: 0.5;
}

.nav-tabs-custom {
    display: flex;
    justify-content: flex-start;
    border: none;
    margin: 0;
    padding: 0;
    gap: 5px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.nav-tabs-custom::-webkit-scrollbar {
    display: none;
}

.nav-tabs-custom .nav-link {
    color: #888;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: none;
    padding: 12px 18px;
    font-weight: 600;
    font-size: 11px;
    border-radius: 10px 10px 0 0;
    transition: all 0.3s ease;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nav-tabs-custom .nav-link:hover {
    color: var(--primary);
    background: rgba(255, 102, 0, 0.1);
    border-color: rgba(255, 102, 0, 0.2);
}

/* Aktif sekme - çukurlu/gömük efekt */
.nav-tabs-custom .nav-link.active {
    color: #fff;
    background: linear-gradient(180deg, #1a1a2e 0%, #0d0d1a 100%);
    border: 1px solid var(--primary);
    border-bottom: none;
    box-shadow: 
        inset 0 3px 10px rgba(0, 0, 0, 0.5),
        0 -2px 10px rgba(255, 102, 0, 0.3);
    position: relative;
    z-index: 2;
}

.nav-tabs-custom .nav-link.active::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 3px;
    background: #0d0d1a;
}

.nav-tabs-custom .nav-link.active i {
    color: var(--primary);
    text-shadow: 0 0 10px rgba(255, 102, 0, 0.8);
}

.nav-tabs-custom .nav-link i {
    margin-right: 6px;
    font-size: 12px;
}

/* =====================================================
   TABLE STİLİ
===================================================== */
.table-section {
    padding: 15px;
    padding-bottom: 100px;
}

.table-container {
    background: transparent;
    border-radius: 12px;
    overflow: hidden;
}

.table {
    margin: 0;
    color: #ccc;
    border-spacing: 0;
    border-collapse: separate;
}

.table thead {
    background: linear-gradient(135deg, rgba(255, 102, 0, 0.15), rgba(138, 43, 226, 0.1));
    border-radius: 10px;
}

.table thead th {
    color: var(--primary);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    padding: 12px 8px;
    letter-spacing: 0.5px;
    text-shadow: 0 0 10px rgba(255, 102, 0, 0.3);
}

.table tbody tr {
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.02);
    margin-bottom: 8px;
}

.table tbody tr:hover {
    background: rgba(255, 102, 0, 0.08);
    transform: scale(1.01);
}

.table td {
    border: none;
    padding: 12px 8px;
    vertical-align: middle;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* =====================================================
   İLAN KART TASARIMI - MOBİL İÇİN
===================================================== */
.ilan-card {
    background: linear-gradient(145deg, rgba(26, 26, 46, 0.95), rgba(18, 18, 31, 0.95));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 12px;
    display: flex;
    gap: 15px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.ilan-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--primary), var(--neon-purple), var(--cyan));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.ilan-card:hover {
    border-color: rgba(255, 102, 0, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.ilan-card:hover::before {
    opacity: 1;
}

.ilan-card-image {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.ilan-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ilan-card-content {
    flex: 1;
    min-width: 0;
}

.ilan-card-title {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ilan-card-info {
    font-size: 11px;
    color: #999;
    margin-bottom: 4px;
}

.ilan-card-info span {
    color: #fff;
    font-weight: 500;
}

.ilan-card-price {
    font-size: 14px;
    font-weight: 700;
    color: var(--success);
    text-shadow: 0 0 10px rgba(0, 255, 0, 0.3);
}

.ilan-card-buttons {
    display: flex;
    gap: 6px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.ilan-card-buttons .btn {
    padding: 6px 12px;
    font-size: 10px;
    border-radius: 6px;
    font-weight: 600;
}

.ilan-card-status {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* =====================================================
   BUTONLAR - GRADİENT STİL
===================================================== */
.btn-link-copy {
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(122deg, #633991 0%, #c1156c 100%);
    font-weight: 600;
    border: 0;
    padding: 8px 16px;
    font-size: 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 15px rgba(99, 57, 145, 0.4);
    border-bottom: 3px solid rgba(0, 0, 0, 0.3);
}

.btn-link-copy:hover {
    transform: translateY(-3px);
    box-shadow: 0px 6px 20px rgba(99, 57, 145, 0.6);
}

.btn-link-go {
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(122deg, #d64635 0%, #ff604d 100%);
    font-weight: 600;
    border: 0;
    padding: 8px 16px;
    font-size: 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 15px rgba(214, 70, 53, 0.4);
    text-decoration: none;
    border-bottom: 3px solid rgba(0, 0, 0, 0.3);
}

.btn-link-go:hover {
    transform: translateY(-3px);
    box-shadow: 0px 6px 20px rgba(214, 70, 53, 0.6);
    color: #fff;
}

.btn-edit {
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(122deg, #28c7c0 0%, #00ff8b 100%);
    font-weight: 600;
    border: 0;
    padding: 6px 14px;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 15px rgba(40, 199, 192, 0.4);
    border-bottom: 3px solid rgba(0, 0, 0, 0.3);
}

.btn-edit:hover {
    transform: translateY(-3px);
    box-shadow: 0px 6px 20px rgba(40, 199, 192, 0.6);
}

.btn-delete {
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(122deg, #dc3545 0%, #ff6b6b 100%);
    font-weight: 600;
    border: 0;
    padding: 6px 14px;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 15px rgba(220, 53, 69, 0.4);
    border-bottom: 3px solid rgba(0, 0, 0, 0.3);
}

.btn-delete:hover {
    transform: translateY(-3px);
    box-shadow: 0px 6px 20px rgba(220, 53, 69, 0.6);
}

.btn-copy {
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(122deg, #17a2b8 0%, #4fc3dc 100%);
    font-weight: 600;
    border: 0;
    padding: 6px 14px;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 15px rgba(23, 162, 184, 0.4);
    border-bottom: 3px solid rgba(0, 0, 0, 0.3);
}

.btn-copy:hover {
    transform: translateY(-3px);
    box-shadow: 0px 6px 20px rgba(23, 162, 184, 0.6);
}

/* Genel btn stilleri */
.btn-primary {
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(122deg, #633991 0%, #c1156c 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    border: 0;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background: linear-gradient(122deg, #4e2a75 0%, #a01059 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
}

.btn-success {
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(122deg, #28c7c0 0%, #00ff8b 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    border: 0;
}

.btn-success:hover {
    background: linear-gradient(122deg, #24b3ad 0%, #00e27b 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.3);
}

.btn-danger {
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(122deg, #d64635 0%, #ff604d 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    border: 0;
}

.btn-danger:hover {
    background: linear-gradient(122deg, #ce4333 0%, #f55c4a 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.3);
}

.btn-warning {
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(122deg, #f49220 0%, #ffbe56 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    border: 0;
}

.btn-info {
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(122deg, #00c0ef 0%, #9fecff 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    border: 0;
}

/* Badge'ler */
.badge-aktif {
    background: linear-gradient(122deg, #28c7c0 0%, #00ff8b 100%);
    color: #fff;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 600;
    box-shadow: 0 0 10px rgba(0, 255, 139, 0.3);
}

.badge-pasif {
    background: linear-gradient(122deg, #dc3545 0%, #ff6b6b 100%);
    color: #fff;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 600;
}


/* =====================================================
   BOTTOM MENU - SABİT / ANİMASYONSUZ / MOBİL DOSTU
===================================================== */
.bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 58px;
    min-height: 58px;
    background: #21063b;
    border-top: 2px solid #8b00ff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 6px 0;
    z-index: 99999;
    box-shadow: none !important;
    overflow: hidden;
    contain: layout paint style;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.bottom-menu::before,
.bottom-menu::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    animation: none !important;
}

.bottom-menu a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    padding: 5px 4px;
    border-radius: 0;
    flex: 1;
    height: 46px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    background: transparent;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    filter: none !important;
}

.bottom-menu a i {
    font-size: 15px;
    margin-bottom: 2px;
    filter: none !important;
    transition: none !important;
    animation: none !important;
    transform: none !important;
}

.bottom-menu a:hover,
.bottom-menu a.active,
.bottom-menu a:hover i,
.bottom-menu a.active i {
    transform: none !important;
    animation: none !important;
    filter: none !important;
    box-shadow: none !important;
}

.bottom-menu .ilan-ac-btn {
    background: #00ee18 !important;
    color: #050505 !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
}

.bottom-menu .ilan-ac-btn i {
    color: #050505 !important;
}

/* =====================================================
   MODAL STİLİ - KOYU TEMA (MAVİ YOK!)
===================================================== */
.modal {
    z-index: 999999;
    background: rgba(0, 0, 0, 0.9) !important;
}

.modal-content {
    background: linear-gradient(145deg, #1a1a28, #12121f) !important;
    border-radius: 16px;
    border: 1px solid rgba(255, 102, 0, 0.3) !important;
    color: #fff !important;
    box-shadow: 
        0 0 40px rgba(255, 102, 0, 0.2),
        0 0 80px rgba(138, 43, 226, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(20px);
}

.modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 18px 25px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 16px 16px 0 0;
}

.modal-title {
    color: var(--primary) !important;
    font-weight: 700;
    font-size: 18px;
    text-shadow: 0 0 20px rgba(255, 102, 0, 0.5);
    letter-spacing: 0.5px;
}

.modal-title i {
    margin-right: 10px;
    color: var(--cyan);
    animation: pulse 2s infinite;
}

.modal-header .close {
    color: #fff;
    opacity: 1;
    font-size: 24px;
    text-shadow: none;
    background: linear-gradient(135deg, #ff3333, #cc0000);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    transition: all 0.3s ease;
    border: none;
}

.modal-header .close:hover {
    background: linear-gradient(135deg, #ff0000, #990000);
    transform: rotate(90deg) scale(1.1);
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
}

.modal-body {
    padding: 25px;
    max-height: 75vh;
    overflow-y: auto;
    background: transparent;
}

.modal-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 15px 25px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0 0 16px 16px;
}

/* Modal içindeki card */
.modal .card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
}

.modal .card-body {
    padding: 20px;
}

/* =====================================================
   PLATFORM SEÇİM ALANI - NET VE ANLAŞILIR
===================================================== */
.platform-selection-area {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.4), rgba(20, 20, 40, 0.6));
    border: 2px solid rgba(0, 255, 174, 0.4);
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.platform-selection-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 255, 174, 0.15), transparent);
    animation: shine 3s infinite;
}

.platform-header {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.platform-header i {
    font-size: 32px;
    color: #00ffae;
    margin-bottom: 10px;
    display: block;
    animation: pulse 2s infinite;
}

.platform-header h6 {
    color: #00ffae;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 10px rgba(0, 255, 174, 0.5);
}

.platform-desc {
    color: #fff;
    font-size: 13px;
    margin: 0;
    line-height: 1.6;
    background: rgba(0, 255, 174, 0.1);
    padding: 10px 15px;
    border-radius: 8px;
    border-left: 3px solid #00ffae;
}

.platform-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    position: relative;
    z-index: 2;
}

.platform-item {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    padding: 12px 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.platform-item:hover {
    background: rgba(0, 255, 174, 0.15);
    border-color: #00ffae;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 255, 174, 0.2);
}

.platform-item input[type="checkbox"] {
    display: none;
}

.platform-item input[type="checkbox"]:checked + .platform-name {
    color: #00ffae;
    font-weight: 700;
}

.platform-item input[type="checkbox"]:checked + .platform-name i {
    opacity: 1;
    color: #00ffae;
    transform: scale(1.2);
}

/* Seçili platform efekti */
.platform-item:has(input:checked) {
    background: rgba(0, 255, 174, 0.2);
    border-color: #00ffae;
    box-shadow: 0 0 15px rgba(0, 255, 174, 0.3);
}

.platform-name {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s ease;
    text-align: center;
}

.platform-name i {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    opacity: 0.4;
    transition: all 0.3s ease;
}

/* İlan Ayarları Alanı */
.ilan-settings-area {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.setting-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.05);
    padding: 10px 15px;
    border-radius: 8px;
}

.setting-info {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.setting-info i {
    color: var(--cyan);
    font-size: 18px;
}

.setting-item select {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 8px 15px;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
    min-width: 100px;
}

.setting-item select:focus {
    border-color: var(--cyan);
    outline: none;
    box-shadow: 0 0 10px rgba(0, 188, 212, 0.3);
}

/* =====================================================
   FORM ALANLARI - DAHA RAHAT SPACING
===================================================== */
.modal .row {
    margin-bottom: 5px;
}

.modal .mb-2 {
    margin-bottom: 12px !important;
}

.modal .form-label {
    color: #ccc;
    font-size: 11px;
    margin-bottom: 6px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.modal .form-control {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
    transition: all 0.3s ease;
}

.modal .form-control:focus {
    background: rgba(0, 0, 0, 0.5);
    border-color: var(--primary);
    box-shadow: 0 0 15px rgba(255, 102, 0, 0.2);
}

.modal .form-control::placeholder {
    color: #666;
}

.modal select.form-control {
    cursor: pointer;
}

/* =====================================================
   LINK OLUŞTURMA MODAL - SS2 TASARIMI
===================================================== */
.link-modal-content {
    background: #1a1a22 !important;
    border-radius: 14px !important;
    border: 1px solid #2a2a33 !important;
    box-shadow: 0 0 25px rgba(255, 0, 120, 0.3) !important;
}

.link-modal-content .modal-header {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px 20px;
}

.link-modal-content .modal-title {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
}

.link-modal-content .modal-body {
    padding: 20px;
}

/* Platform butonları grid */
.link-platforms-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 20px;
}

.link-platform-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    background: linear-gradient(145deg, #252530, #1e1e28);
    border: 1px solid #333;
    border-radius: 8px;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.link-platform-btn:hover {
    background: linear-gradient(145deg, #2d2d3a, #252530);
    border-color: #444;
    transform: translateY(-1px);
}

.link-platform-btn.selected,
.link-platform-btn.active {
    background: linear-gradient(145deg, #1a3a2a, #153020);
    border-color: #00ff88;
    box-shadow: 0 0 10px rgba(0, 255, 136, 0.2);
}

.link-platform-btn img {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    object-fit: contain;
}

.link-platform-btn .platform-text {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.link-platform-btn .platform-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #666;
    flex-shrink: 0;
}

.link-platform-btn .platform-status-dot.aktif {
    background: #00ff88;
    box-shadow: 0 0 6px rgba(0, 255, 136, 0.6);
}

/* Link çıktı alanı */
.link-output-section {
    display: flex;
    gap: 10px;
    align-items: stretch;
}

.link-output-input {
    flex: 1;
    background: #16161f !important;
    border: 1px solid #2d2d3a !important;
    color: #eee !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    font-size: 12px;
}

.link-action-buttons {
    display: flex;
    gap: 8px;
}

.btn-kopyala {
    background: linear-gradient(135deg, #633991, #c1156c) !important;
    border: none !important;
    color: #fff !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
}

.btn-kopyala:hover {
    background: linear-gradient(135deg, #7a48b0, #d62080) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 15px rgba(193, 21, 108, 0.3);
}

.btn-git {
    background: #3a3a4a !important;
    border: 1px solid #555 !important;
    color: #fff !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
}

.btn-git:hover {
    background: #4a4a5a !important;
    border-color: #666 !important;
}

/* Mobil responsive */
@media (max-width: 480px) {
    .link-platforms-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;
    }
    
    .link-platform-btn {
        padding: 6px 8px;
        font-size: 10px;
    }
    
    .link-platform-btn img {
        width: 16px;
        height: 16px;
    }
    
    .link-output-section {
        flex-direction: column;
    }
    
    .link-action-buttons {
        justify-content: stretch;
    }
    
    .btn-kopyala, .btn-git {
        flex: 1;
        padding: 10px 15px !important;
    }
}

/* =====================================================
   FORM ELEMANLARI
===================================================== */
.form-control,
.form-control:focus {
    background: #151520;
    border: 1px solid #333;
    color: #fff;
    border-radius: 8px;
    padding: 10px 15px;
    transition: all 0.3s ease;
}

.form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 15px rgba(255, 87, 34, 0.2);
}

.form-control::placeholder {
    color: #666;
}

.form-label {
    color: #aaa;
    font-size: 12px;
    margin-bottom: 6px;
    font-weight: 500;
}

select.form-control {
    background: #151520;
    cursor: pointer;
}

/* =====================================================
   ADMIN BUTTON
===================================================== */
.admin-btn {
    position: fixed;
    bottom: 75px;
    right: 20px;
    background: linear-gradient(135deg, var(--primary), #ff3300);
    color: #fff;
    border: none;
    padding: 12px 22px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 13px;
    box-shadow: 0 5px 20px rgba(255, 87, 34, 0.5);
    z-index: 1001;
    cursor: pointer;
    transition: all 0.3s ease;
    animation: pulse 2s infinite;
}

.admin-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 30px rgba(255, 87, 34, 0.7);
}

/* =====================================================
   LOG CONTAINER
===================================================== */
.log-container {
    background: #0a0a0f;
    border: 1px solid #222;
    border-radius: 10px;
    padding: 20px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
    max-height: 500px;
    overflow-y: auto;
    color: var(--success);
}

/* =====================================================
   PRODUCT IMAGE
===================================================== */
.product-img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #333;
    transition: all 0.3s ease;
}

.product-img:hover {
    transform: scale(1.1);
    border-color: var(--primary);
    box-shadow: 0 0 15px rgba(255, 87, 34, 0.4);
}

/* =====================================================
   ALERT POPUP
===================================================== */
.alert-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(135deg, #1a1a25, #0d0d12);
    border: 2px solid var(--primary);
    border-radius: 15px;
    padding: 35px 55px;
    text-align: center;
    z-index: 9999999;
    display: none;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.8), 0 0 40px rgba(255, 87, 34, 0.4);
}

.alert-popup.show {
    display: block;
    animation: popupBounce 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes popupBounce {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(0.3); }
    50% { transform: translate(-50%, -50%) scale(1.05); }
    100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

.alert-popup i {
    font-size: 50px;
    margin-bottom: 15px;
}

.alert-popup.success i { color: var(--success); }
.alert-popup.error i { color: var(--danger); }

.alert-popup p {
    margin: 0;
    font-size: 15px;
    color: #fff;
}

/* =====================================================
   PLATFORM CHECKS
===================================================== */
.platform-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.platform-checks label {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #1a1a25;
    padding: 8px 15px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 12px;
    border: 1px solid #333;
    transition: all 0.3s ease;
}

.platform-checks label:hover {
    border-color: var(--primary);
    box-shadow: 0 0 10px rgba(255, 87, 34, 0.2);
}

/* =====================================================
   PDF OPTIONS
===================================================== */
.pdf-options {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.pdf-option {
    background: linear-gradient(135deg, #1a1a25, #0d0d12);
    border: 2px solid #333;
    border-radius: 12px;
    padding: 30px 35px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 160px;
}

.pdf-option:hover {
    border-color: var(--primary);
    background: rgba(255, 87, 34, 0.1);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(255, 87, 34, 0.2);
}

.pdf-option i {
    font-size: 35px;
    color: var(--primary);
    margin-bottom: 12px;
    display: block;
}

.pdf-option span {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

/* =====================================================
   RESPONSİVE TASARIM
===================================================== */
@media (max-width: 992px) {
    .stats-row {
        gap: 10px;
        padding: 15px 10px;
    }
    
    .stat-box {
        min-width: 140px;
        padding: 15px 20px;
    }
    
    .stat-value {
        font-size: 26px;
    }
    
    .nav-tabs-custom .nav-link {
        padding: 12px 15px;
        font-size: 11px;
    }
    
    .platform-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .brand-title {
        font-size: 14px;
        letter-spacing: 1px;
    }
    
    .rotating-logo {
        width: 32px;
        height: 32px;
    }
    
    /* Stat kartları YAN YANA kalacak */
    .stats-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        gap: 8px;
        padding: 15px 10px;
    }
    
    .stat-box {
        flex: 1;
        min-width: 0 !important;
        max-width: 33.33%;
        padding: 12px 8px;
    }
    
    .stat-box i {
        font-size: 16px !important;
        margin-bottom: 5px !important;
    }
    
    .stat-value {
        font-size: 20px;
    }
    
    .stat-title {
        font-size: 8px;
        letter-spacing: 0;
    }
    
    .ego-banner {
        font-size: 10px;
        padding: 10px 12px;
        margin: 10px 10px;
    }
    
    .ego-banner .crown {
        font-size: 12px;
    }
    
    /* Announcement */
    .announcement {
        padding: 12px;
        margin: 0 10px 15px;
    }
    
    .announcement-title {
        font-size: 12px;
    }
    
    .announcement-phone a {
        font-size: 14px;
    }
    
    .nav-tabs-custom {
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 0 5px;
        -webkit-overflow-scrolling: touch;
    }
    
    .nav-tabs-custom .nav-link {
        white-space: nowrap;
        padding: 10px 10px;
        font-size: 9px;
    }
    
    .table-section {
        padding: 10px;
    }
    
    .table td, .table th {
        padding: 8px 5px;
        font-size: 10px;
    }
    
    .btn-link-copy, .btn-link-go {
        padding: 5px 8px;
        font-size: 9px;
    }
    
    .bottom-menu {
        padding: 6px 0;
    }
    
    .bottom-menu a {
        font-size: 8px;
        padding: 4px 6px;
    }
    
    .bottom-menu a i {
        font-size: 14px;
    }
    
    .modal-dialog {
        margin: 10px;
    }
    
    .platform-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .ilan-settings-area {
        flex-direction: column;
        gap: 10px;
    }
    
    /* Search */
    .search-section {
        padding: 0 10px 15px;
    }
    
    .search-box {
        flex-direction: row;
    }
    
    .search-input {
        font-size: 12px;
        padding: 10px;
    }
    
    .btn-search {
        padding: 10px 15px;
        font-size: 11px;
    }
    
    /* Link butonları mobil */
    .linkolusturbuton {
        min-width: 110px;
        padding: 8px 10px;
        font-size: 10px;
    }
    
    .linkolusturbuton img {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 480px) {
    .brand-title {
        font-size: 11px;
        letter-spacing: 0.5px;
    }
    
    .brand-time {
        font-size: 8px;
    }
    
    .rotating-logo {
        width: 28px;
        height: 28px;
    }
    
    /* Stat kartları 480px'de de YAN YANA */
    .stats-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 5px;
        padding: 10px 8px;
    }
    
    .stat-box {
        flex: 1;
        min-width: 0 !important;
        padding: 10px 5px;
    }
    
    .stat-box i {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }
    
    .stat-value {
        font-size: 18px;
    }
    
    .stat-title {
        font-size: 7px;
    }
    
    .ego-banner {
        font-size: 8px;
        padding: 8px 10px;
        margin: 8px;
    }
    
    .ego-banner .crown {
        font-size: 10px;
        margin-right: 3px;
    }
    
    .search-input {
        padding: 8px 10px;
        font-size: 11px;
    }
    
    .btn-search {
        padding: 8px 12px;
        font-size: 10px;
    }
    
    .admin-btn {
        bottom: 65px;
        right: 8px;
        padding: 8px 12px;
        font-size: 10px;
    }
    
    .platform-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    
    .platform-item {
        padding: 8px 6px;
    }
    
    .platform-name {
        font-size: 9px;
    }
    
    .platform-name i {
        font-size: 14px;
    }
    
    .nav-tabs-custom .nav-link {
        padding: 8px 8px;
        font-size: 8px;
    }
    
    .table td, .table th {
        padding: 6px 4px;
        font-size: 9px;
    }
    
    .bottom-menu a {
        font-size: 7px;
        padding: 3px 4px;
    }
    
    .bottom-menu a i {
        font-size: 12px;
    }
    
    /* Modal mobil */
    .modal .form-label {
        font-size: 10px;
    }
    
    .modal .form-control {
        padding: 8px 10px;
        font-size: 12px;
    }
    
    .linkolusturbuton {
        min-width: 100px;
        padding: 6px 8px;
        font-size: 9px;
    }
}

/* Çok küçük ekranlar için (360px ve altı) */
@media (max-width: 360px) {
    .stats-row {
        gap: 3px;
        padding: 8px 5px;
    }
    
    .stat-box {
        padding: 8px 4px;
    }
    
    .stat-value {
        font-size: 16px;
    }
    
    .stat-title {
        font-size: 6px;
    }
    
    .stat-box i {
        font-size: 12px !important;
    }
    
    .brand-title {
        font-size: 11px;
    }
    
    .ego-banner {
        font-size: 7px;
        padding: 6px 8px;
    }
}

/* =====================================================
   UTILITIES
===================================================== */
.text-primary { color: var(--primary) !important; }
.text-success { color: var(--success) !important; }
.text-danger { color: var(--danger) !important; }
.text-warning { color: var(--warning) !important; }
.text-info { color: var(--info) !important; }
.text-muted { color: var(--text-muted) !important; }
.text-white { color: #fff !important; }
.text-center { text-align: center; }

.mb-0 { margin-bottom: 0 !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

/* Main content padding for bottom menu */
.main-content {
    padding-bottom: 90px;
}

/* =====================================================
   DROPDOWN MENU
===================================================== */
.dropdown-menu {
    background: #0d0d12 !important;
    border: 1px solid #333;
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
}

.dropdown-item {
    color: var(--cyan);
    padding: 10px 15px;
    transition: all 0.2s ease;
}

.dropdown-item:hover {
    background: linear-gradient(90deg, var(--neon-pink), var(--neon-purple));
    color: #fff;
}

/* =====================================================
   LOADING SPINNER
===================================================== */
.spinner {
    width: 45px;
    height: 45px;
    border: 4px solid #333;
    border-top-color: var(--primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(5, 5, 16, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
}

/* =====================================================
   SWAL OVERRIDE
===================================================== */
.swal2-container {
    z-index: 99999999 !important;
}

.swal2-popup {
    background: #1a1a25 !important;
    color: #fff !important;
    border: 1px solid var(--primary) !important;
    border-radius: 15px !important;
}

.swal2-title {
    color: var(--primary) !important;
}

.swal2-confirm {
    background: linear-gradient(122deg, #28c7c0 0%, #00ff8b 100%) !important;
    border: none !important;
}

.swal2-cancel {
    background: linear-gradient(122deg, #dc3545 0%, #ff6b6b 100%) !important;
    border: none !important;
}

/* =====================================================
   TOPLU İŞLEMLER MODAL
===================================================== */
.toplu-islem-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}

.toplu-islem-card {
    background: linear-gradient(145deg, #1a1a28, #12121f);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
}

.toplu-islem-card:hover {
    border-color: var(--primary);
    box-shadow: 0 5px 20px rgba(255, 102, 0, 0.15);
    transform: translateY(-2px);
}

.toplu-islem-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary), var(--neon-purple));
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
}

.toplu-islem-icon.success {
    background: linear-gradient(135deg, #28a745, #20c997);
}

.toplu-islem-icon.danger {
    background: linear-gradient(135deg, #dc3545, #ff6b6b);
}

.toplu-islem-card h6 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
}

.toplu-islem-card p {
    color: #888;
    font-size: 11px;
    margin-bottom: 15px;
}

.toplu-islem-warning {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 8px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffc107;
    font-size: 12px;
}

.toplu-islem-warning i {
    font-size: 18px;
}

/* =====================================================
   İLAN FORM - AYARLAR ALANI (GENİŞ)
===================================================== */
.ilan-settings-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}

.ilan-setting-box {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.3), rgba(20, 20, 40, 0.4));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 15px;
    text-align: center;
}

.setting-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--cyan);
    font-size: 13px;
    font-weight: 600;
}

.setting-header i {
    font-size: 18px;
}

.ilan-setting-box select {
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 13px;
    cursor: pointer;
}

.ilan-setting-box select:focus {
    border-color: var(--cyan);
    box-shadow: 0 0 10px rgba(0, 188, 212, 0.3);
}

.setting-desc {
    display: block;
    margin-top: 8px;
    color: #666;
    font-size: 10px;
}

/* Resim Upload Alanı */
.resim-upload-area {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.2), rgba(20, 20, 40, 0.3));
    border: 2px dashed rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
}

.resim-upload-area .form-label {
    color: var(--cyan);
    font-size: 13px;
    margin-bottom: 12px;
    display: block;
}

.resim-upload-area .form-label i {
    margin-right: 8px;
}

.file-upload-wrapper {
    position: relative;
}

.file-input {
    background: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding: 12px !important;
}

.upload-hint {
    display: block;
    margin-top: 8px;
    color: #666;
    font-size: 11px;
}

/* =====================================================
   KARGO TABLO DÜZENLEMESİ
===================================================== */
#tab-kargo .table td {
    padding: 10px 8px;
    vertical-align: middle;
}

#tab-kargo .btn {
    padding: 6px 12px;
    font-size: 11px;
    margin: 2px;
}

/* Mobil için toplu işlemler */
@media (max-width: 768px) {
    .toplu-islem-grid {
        grid-template-columns: 1fr;
    }
    
    .ilan-settings-row {
        grid-template-columns: 1fr;
    }
    
    .announcement-phone a {
        font-size: 14px;
        padding: 8px 18px;
    }
    
    .whatsapp-icon {
        font-size: 20px;
    }
}

/* =====================================================
   İŞLEM BUTONLARI - YAN YANA DÜZGÜN
===================================================== */
.islemler-td {
    min-width: 280px;
    padding: 10px !important;
}

.islem-butonlari {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.btn-islem {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 10px 16px;
    border: none;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    text-decoration: none;
}

.btn-islem i {
    font-size: 12px;
}

.btn-duzenle {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: #fff;
}

.btn-duzenle:hover {
    background: linear-gradient(135deg, #5dade2, #3498db);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.5);
}

.btn-kopyala {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: #fff;
}

.btn-kopyala:hover {
    background: linear-gradient(135deg, #af7ac5, #9b59b6);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(155, 89, 182, 0.5);
}

.btn-sil {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: #fff;
}

.btn-sil:hover {
    background: linear-gradient(135deg, #ec7063, #e74c3c);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(231, 76, 60, 0.5);
}

/* Mobil için işlem butonları */
@media (max-width: 768px) {
    .islemler-td {
        min-width: 180px;
    }
    
    .islem-butonlari {
        flex-wrap: wrap;
        gap: 5px;
    }
    
    .btn-islem {
        padding: 8px 10px;
        font-size: 10px;
        flex: 1;
        min-width: 55px;
    }
    
    .btn-islem i {
        font-size: 11px;
    }
    
    /* Mobilde sadece icon göster */
    .btn-islem span {
        display: none;
    }
}

@media (max-width: 480px) {
    .islemler-td {
        min-width: 140px;
    }
    
    .btn-islem {
        padding: 6px 8px;
        font-size: 9px;
    }
}

/* =====================================================
   SAYFA SABİTLEME - ZOOM/SCROLL ENGELİ
===================================================== */
html, body {
    touch-action: pan-x pan-y;
    -ms-touch-action: pan-x pan-y;
    overscroll-behavior: none;
}

input, textarea, select {
    font-size: 16px !important; /* iOS zoom engellemek için */
    touch-action: manipulation;
}

.main-content {
    overflow-x: hidden;
}

/* Tab içeriği sabit */
.tab-content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* =====================================================
   ADMİN PANEL STİLLERİ
===================================================== */
.admin-panel-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.admin-card {
    background: linear-gradient(145deg, rgba(20, 20, 35, 0.9), rgba(10, 10, 25, 0.95));
    border: 1px solid rgba(255, 102, 0, 0.3);
    border-radius: 12px;
    overflow: hidden;
}

.admin-card-header {
    background: linear-gradient(135deg, #ff6600, #ff8533);
    padding: 12px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(255, 102, 0, 0.2);
}

.admin-card-header i {
    font-size: 18px;
    color: #ff6600;
}

.admin-card-header h6 {
    margin: 0;
    font-size: 13px;
    color: #fff;
}

.admin-card-body {
    padding: 15px;
}

.admin-card-body .form-label {
    font-size: 11px;
    color: #888;
    margin-bottom: 5px;
}

.admin-card-body .form-control {
    font-size: 13px;
    padding: 8px 12px;
}

.admin-users-section {
    max-height: 200px;
    overflow-y: auto;
}

.admin-users-section .table {
    font-size: 12px;
    margin-bottom: 0;
}

.admin-users-section .badge {
    font-size: 10px;
}

.btn-xs {
    padding: 2px 6px;
    font-size: 10px;
}

/* Mobil için admin panel */
@media (max-width: 768px) {
    .admin-panel-grid {
        grid-template-columns: 1fr;
    }
}

/* =====================================================
   SEKSİ ADMİN POPUP - ANİMASYONLU
===================================================== */
.admin-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    animation: popupFadeIn 0.3s ease;
}

.admin-popup-overlay.hiding {
    animation: popupFadeOut 0.5s ease forwards;
}

@keyframes popupFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes popupFadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

.admin-popup-box {
    position: relative;
    background: linear-gradient(145deg, #1a1a2e, #16213e);
    border-radius: 20px;
    padding: 40px 50px;
    text-align: center;
    min-width: 320px;
    max-width: 90%;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: popupBounceIn 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    overflow: hidden;
}

.admin-popup-box.success {
    border: 2px solid #00ff00;
    box-shadow: 0 0 40px rgba(0, 255, 0, 0.3), 0 20px 60px rgba(0, 0, 0, 0.5);
}

.admin-popup-box.error {
    border: 2px solid #ff4444;
    box-shadow: 0 0 40px rgba(255, 68, 68, 0.3), 0 20px 60px rgba(0, 0, 0, 0.5);
}

@keyframes popupBounceIn {
    0% { transform: scale(0.3) translateY(-100px); opacity: 0; }
    50% { transform: scale(1.05); }
    70% { transform: scale(0.95); }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}

.admin-popup-overlay.hiding .admin-popup-box {
    animation: popupBounceOut 0.4s ease forwards;
}

@keyframes popupBounceOut {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(0.5) translateY(-50px); opacity: 0; }
}

/* Particles */
.popup-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(2px 2px at 20% 30%, rgba(255, 255, 255, 0.5), transparent),
        radial-gradient(2px 2px at 80% 20%, rgba(255, 255, 255, 0.5), transparent),
        radial-gradient(2px 2px at 40% 70%, rgba(255, 255, 255, 0.5), transparent),
        radial-gradient(2px 2px at 60% 50%, rgba(255, 255, 255, 0.5), transparent);
    animation: particleFloat 3s ease-in-out infinite;
    pointer-events: none;
}

@keyframes particleFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* Icon */
.popup-icon {
    margin-bottom: 20px;
}

.popup-icon i {
    font-size: 60px;
    animation: iconPop 0.6s ease 0.2s both;
}

.admin-popup-box.success .popup-icon i {
    color: #00ff00;
    text-shadow: 0 0 30px rgba(0, 255, 0, 0.8);
    animation: iconPop 0.6s ease 0.2s both, successPulse 1s ease-in-out infinite 0.8s;
}

.admin-popup-box.error .popup-icon i {
    color: #ff4444;
    text-shadow: 0 0 30px rgba(255, 68, 68, 0.8);
    animation: iconPop 0.6s ease 0.2s both, errorShake 0.5s ease 0.8s;
}

@keyframes iconPop {
    0% { transform: scale(0) rotate(-180deg); opacity: 0; }
    100% { transform: scale(1) rotate(0deg); opacity: 1; }
}

@keyframes successPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

@keyframes errorShake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-5px); }
    40%, 80% { transform: translateX(5px); }
}

/* Message */
.popup-message {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    animation: messageFadeIn 0.5s ease 0.3s both;
}

@keyframes messageFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Progress Bar */
.popup-bar {
    height: 4px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    overflow: hidden;
    margin-top: 10px;
}

.popup-bar::after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    animation: barShrink 2.5s linear forwards;
}

.admin-popup-box.success .popup-bar::after {
    background: linear-gradient(90deg, #00ff00, #00ff88);
}

.admin-popup-box.error .popup-bar::after {
    background: linear-gradient(90deg, #ff4444, #ff6666);
}

@keyframes barShrink {
    from { width: 100%; }
    to { width: 0%; }
}

/* =====================================================
   İNCE LOG TASARIMI - TEK SATIR
===================================================== */
.log-container-slim {
    background: rgba(10, 10, 20, 0.8);
    border: 1px solid rgba(255, 102, 0, 0.2);
    border-radius: 10px;
    padding: 10px;
    max-height: 500px;
    overflow-y: auto;
}

.log-item-slim {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: rgba(20, 20, 35, 0.6);
    border-left: 3px solid #ff6600;
    margin-bottom: 5px;
    border-radius: 5px;
    font-size: 12px;
    transition: all 0.2s;
}

.log-item-slim:hover {
    background: rgba(255, 102, 0, 0.1);
    transform: translateX(5px);
}

.log-item-slim .log-time {
    color: #888;
    font-size: 10px;
    min-width: 70px;
}

.log-item-slim .log-ip {
    color: #ff6600;
    font-family: monospace;
    font-size: 11px;
    min-width: 110px;
}

.log-item-slim .log-platform {
    background: linear-gradient(135deg, #6c5ce7, #a855f7);
    color: #fff;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    min-width: 80px;
    text-align: center;
}

.log-item-slim .log-action {
    color: #4ecdc4;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.log-item-slim .log-product {
    color: #fff;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Blink dot animasyonu */
.blink-dot {
    animation: blinkDot 1s ease-in-out infinite;
    font-size: 8px;
    margin-right: 5px;
}

@keyframes blinkDot {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* Mobilde log slim */
@media (max-width: 768px) {
    .log-item-slim {
        flex-wrap: wrap;
        gap: 5px;
    }
    
    .log-item-slim .log-time,
    .log-item-slim .log-ip {
        min-width: auto;
    }
    
    .log-item-slim .log-product {
        width: 100%;
        max-width: none;
    }
}

/* =====================================================
   VERGİ BİLGİLERİ CARD TASARIM
===================================================== */
.vergi-cards-container {
    padding: 10px;
}

.vergi-card {
    background: linear-gradient(145deg, rgba(20, 20, 40, 0.9), rgba(15, 15, 30, 0.95));
    border: 1px solid rgba(255, 102, 0, 0.3);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s;
}

.vergi-card:hover {
    border-color: #ff6600;
    box-shadow: 0 5px 20px rgba(255, 102, 0, 0.2);
    transform: translateY(-3px);
}

.vergi-card-header {
    background: linear-gradient(135deg, #ff6600, #ff8533);
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 102, 0, 0.2);
}

.vergi-header-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vergi-id {
    background: #ff6600;
    color: #fff;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}

.vergi-platform {
    background: linear-gradient(135deg, #6c5ce7, #a855f7);
    color: #fff;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.vergi-tarih {
    color: rgba(255,255,255,0.85) !important;
    
    font-size: 11px;
}

.vergi-urun-header {
    background: rgba(78, 205, 196, 0.15);
    color: #4ecdc4;
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid rgba(78, 205, 196, 0.2);
}

.vergi-urun-header i {
    margin-right: 8px;
}

.vergi-card-body {
    padding: 15px;
}

.vergi-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 13px;
}

.vergi-row i {
    color: #ff6600;
    width: 16px;
    text-align: center;
    margin-top: 2px;
}

.vergi-row span {
    color: #ddd;
    flex: 1;
    word-break: break-word;
}

.vergi-adres span {
    font-size: 11px;
    color: #aaa;
    line-height: 1.4;
}

.vergi-urun {
    color: #4ecdc4 !important;
    font-weight: 600;
}

/* =====================================================
   SAYFA SABİTLEME - FORM ZOOM ENGELİ
===================================================== */
html {
    touch-action: manipulation;
    -webkit-text-size-adjust: 100%;
}

body {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}

/* iOS zoom engeli - input fontsize 16px olmalı */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
select,
textarea {
    font-size: 16px !important;
}

/* Modal içindeki form elemanları */
.modal-body input,
.modal-body select,
.modal-body textarea {
    font-size: 16px !important;
}

/* Form focus'ta zoom engeli */
input:focus,
select:focus,
textarea:focus {
    font-size: 16px !important;
}

@media (max-width: 768px) {
    .vergi-card {
        margin-bottom: 15px;
    }
}

/* Stat güncelleme animasyonu */
.stat-updated {
    animation: statPulse 0.5s ease-out;
}

@keyframes statPulse {
    0% { transform: scale(1); color: #00ff00; }
    50% { transform: scale(1.3); color: #00ff88; text-shadow: 0 0 20px #00ff00; }
    100% { transform: scale(1); }
}

/* =====================================================
   BANKA SELECT STİLİ
===================================================== */
.banka-select {
    background: rgba(20, 20, 35, 0.9) !important;
    border: 1px solid rgba(255, 102, 0, 0.3) !important;
    color: #fff !important;
}

.banka-select option {
    background: #1a1a2e;
    color: #fff;
    padding: 10px;
}

.banka-preview {
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 8px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
}

.banka-preview img {
    border-radius: 5px;
    background: #fff;
    padding: 2px;
}

.banka-preview span {
    color: #00ff88;
    font-weight: 600;
    font-size: 13px;
}

/* =====================================================
   ADMIN MODAL SELECT DÜZELTME
===================================================== */
#adminModal .modal-content {
    max-height: 85vh;
}

#adminModal .modal-body {
    max-height: 75vh;
    overflow-y: auto;
    padding-bottom: 20px;
}

/* Select dropdown stilini düzelt */
#adminModal select option {
    padding: 10px;
    background: #1a1a2e;
    color: #fff;
}

/* Select'lerin yüksekliğini ayarla */
#adminBanka,
#yeniKullaniciRol {
    height: 38px;
    padding: 5px 10px;
}

/* =====================================================
   İLAN AKTİF/PASİF TOGGLE SWITCH
===================================================== */
.ilan-toggle-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    cursor: pointer;
}

.ilan-toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.ilan-toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #ff4444, #cc0000);
    transition: 0.3s;
    border-radius: 20px;
}

.ilan-toggle-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.ilan-toggle-switch input:checked + .ilan-toggle-slider {
    background: linear-gradient(135deg, #00ff00, #00cc00);
    box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
}

.ilan-toggle-switch input:checked + .ilan-toggle-slider:before {
    transform: translateX(20px);
}

/* İşlem butonları düzenleme */
.islem-butonlari {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: nowrap;
}

.btn-islem {
    padding: 5px 8px !important;
    font-size: 12px !important;
}

.btn-islem span {
    display: none;
}

@media (min-width: 992px) {
    .btn-islem span {
        display: inline;
        margin-left: 3px;
    }
}

/* =====================================================
   İLAN AÇ BUTONU - VURGULU
===================================================== */
.bottom-menu .ilan-ac-btn {
    background: linear-gradient(135deg, #00ff00, #00cc00) !important;
    color: #000 !important;
    font-weight: 600 !important;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.4);
}
/* =====================================================
   TABLO SABİTLEME - MOBİL SCROLL FIX
===================================================== */
.table-fixed-layout {
    -webkit-overflow-scrolling: auto !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    touch-action: pan-x pan-y;
    overscroll-behavior: contain;
}

.table-fixed-layout table {
    table-layout: auto;
    min-width: 800px;
}

.table-fixed-layout::-webkit-scrollbar {
    height: 6px;
}

.table-fixed-layout::-webkit-scrollbar-thumb {
    background: rgba(255,102,0,0.5);
    border-radius: 3px;
}

/* Vergi Card Footer */
.vergi-card-footer {
    padding: 10px 15px;
    border-top: 1px solid #333;
    background: rgba(0,0,0,0.2);
}

.vergi-card-footer .btn {
    border-radius: 6px;
    font-size: 12px;
}

/* IBAN Kopyalama Butonları */
.iban-copy-group {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.iban-copy-btn {
    background: linear-gradient(135deg, #ff6600, #ff8533);
    border: none;
    color: white;
    padding: 8px 15px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease;
    flex: 1;
}

.iban-copy-btn:hover {
    transform: scale(1.02);
    box-shadow: 0 5px 15px rgba(255,102,0,0.4);
}

.iban-copy-btn i {
    font-size: 14px;
}

.iban-copy-btn.copied {
    background: linear-gradient(135deg, #28a745, #218838) !important;
}

/* Platform Seçim - Aktif/Pasif */
.platform-item.disabled {
    opacity: 0.4;
    pointer-events: none;
    position: relative;
}

.platform-item.disabled::after {
    content: 'Yakında';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,0,0,0.8);
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
}

/* İlan Aktif/Pasif Toggle */
.ilan-status-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ilan-status-btn {
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 11px;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.ilan-status-btn.aktif {
    background: linear-gradient(135deg, #28a745, #218838);
    color: white;
}

.ilan-status-btn.pasif {
    background: linear-gradient(135deg, #dc3545, #c82333);
    color: white;
}

/* Modal Backdrop Fix - Beyaz arka plan sorunu */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.modal-backdrop.show {
    opacity: 1 !important;
}

/* Modal kapandıktan sonra backdrop temizleme */
body.modal-open {
    overflow: hidden;
}

/* Vergi Kart Header Düzeltme - Okunabilirlik */
.vergi-card-header {
    background: linear-gradient(135deg, #ff6600, #ff8533) !important;
}

.vergi-tarih {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
}

.vergi-urun-header {
    background: rgba(255, 102, 0, 0.9) !important;
    color: #fff !important;
}

/* Vergi Kart Yeni Tasarım - Şık Koyu Tema */
.vergi-card {
    background: linear-gradient(145deg, #1a1a2e, #16213e) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
}

.vergi-card-header {
    background: linear-gradient(135deg, #2d2d44, #1f1f35) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.vergi-id {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    color: #fff !important;
}

.vergi-tarih {
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 400 !important;
}

.vergi-platform {

/* Modal Backdrop Fix */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.85) !important;
}
.modal-backdrop.show {
    opacity: 1 !important;
}

/* Vergi Kart - Şık Koyu Tema */
.vergi-card {
    background: linear-gradient(145deg, #1a1a2e, #16213e) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
}

.vergi-card-header {
    background: linear-gradient(135deg, #2d2d44, #252540) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.vergi-id {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    color: #fff !important;
}

.vergi-tarih {
    color: rgba(255, 255, 255, 0.7) !important;
}

.vergi-platform {
    background: linear-gradient(135deg, #00b894, #00cec9) !important;
    color: #fff !important;
}

.vergi-urun-header {
    background: rgba(102, 126, 234, 0.12) !important;
    color: #a78bfa !important;
    border-bottom: 1px solid rgba(167, 139, 250, 0.15) !important;
}

.vergi-row i {
    color: #667eea !important;
}

.vergi-row span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* ========== MODAL BACKDROP FIX ========== */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.85) !important;
    opacity: 1 !important;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 1 !important;
}

/* Body scroll fix */
body.modal-open {
    overflow: hidden !important;
    padding-right: 0 !important;
}

/* Beyaz arka plan sorunu fix */
body {
    background: #0a0a0f !important;
}

html {
    background: #0a0a0f !important;
}

/* =====================================================
   İŞLEM BUTONLARI DÜZELTMESİ - MOBİL UYUMLU
===================================================== */
.islem-butonlari {
    display: flex;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    min-width: 90px;
}

.btn-islem {
    padding: 6px 10px !important;
    font-size: 11px !important;
    width: 100% !important;
    justify-content: center !important;
    border-radius: 6px !important;
}

.btn-islem-duzenle {
    background: linear-gradient(135deg, #00b4d8, #0096c7) !important;
    color: #fff !important;
}

.btn-islem-cogalt {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: #fff !important;
}

.btn-islem-sil {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: #fff !important;
}

.platform-count {
    display: inline-block;
    background: linear-gradient(135deg, #00b4d8, #0077b6) !important;
    color: #fff !important;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 6px;
}

/* Masaüstü için yan yana */
@media (min-width: 1200px) {
    .islem-butonlari {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        min-width: 200px;
    }
    
    .btn-islem {
        width: auto !important;
        flex: 1;
    }
}

/* =====================================================
   PERFORMANS DÜZENLEMESİ - KASMA YAPAN ANİMASYONLAR KAPATILDI
   Not: Tasarım korunur, sadece sürekli çalışan hareket/parıltı efektleri durdurulur.
===================================================== */
body::before,
body::after,
.main-content::before,
.announcement-particles,
.announcement-wrapper::after {
    display: none !important;
    animation: none !important;
    transform: none !important;
}

.rotating-logo,
.rotating-logo.reverse,
.brand-title,
.tonyFlip,
.glow-text,
.neon-text,
.pulse,
.fade-glow,
.neon-border,
.float,
.stat-box i.fa-spin,
.fa-spin,
.ego-banner::before,
.announcement-wrapper::before,
.announcement-title,
.announcement-title i,
.announcement-phone a,
.announcement-phone a::before,
.whatsapp-icon,
.blink-dot {
    animation: none !important;
    transform: none !important;
}

/* Sürekli parlayan/akan efektleri statik hale getir */
.stat-box::before,
.ego-banner::before,
.announcement-phone a::before {
    display: none !important;
}

/* Blur ve ağır gölge yükünü azalt */
.announcement-content {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.neon-text,
.montanabg,
.stat-value,
.username,
.announcement-title {
    text-shadow: none !important;
}

.stat-box,
.ego-banner,
.announcement-phone a,
.header-section,
.vergi-card,
.log-container-slim {
    will-change: auto !important;
}

/* Hover hareketleri kalsın ama daha hafif çalışsın */
.stat-box:hover,
.ego-banner:hover,
.announcement-phone a:hover,
.btn-search:hover,
.btn-logout:hover,
.btn-link-copy:hover,
.btn-link-go:hover,
.btn-edit:hover,
.btn-delete:hover,
.btn-copy:hover,
.vergi-card:hover,
.log-item-slim:hover {
    transform: none !important;
}

@media (max-width: 768px) {
    .stat-box,
    .ego-banner,
    .announcement-wrapper,
    .announcement-phone a,
    .header-section {
        box-shadow: none !important;
    }
}


/* =====================================================
   MOBİL PERFORMANS FİX - ALT MENÜ ANİMASYONLARI KAPALI
   Alt menüdeki uçuşan GIF/partikül hissi veren efektler kapatıldı.
   Butonlar sabit kalır, tıklama/modal işlemleri bozulmaz.
===================================================== */
.bottom-menu::before,
.bottom-menu::after {
    content: none !important;
    display: none !important;
    animation: none !important;
    background-image: none !important;
}

.bottom-menu,
.bottom-menu *,
.bottom-menu *::before,
.bottom-menu *::after {
    animation: none !important;
}

.bottom-menu a,
.bottom-menu a i {
    transform: none !important;
    transition: none !important;
    filter: none !important;
}

.bottom-menu a:hover,
.bottom-menu a.active,
.bottom-menu a:hover i,
.bottom-menu a.active i {
    transform: none !important;
    animation: none !important;
    filter: none !important;
}

@media (max-width: 768px) {
    .bottom-menu {
        box-shadow: 0 -2px 12px rgba(138, 43, 226, 0.25) !important;
        backdrop-filter: none !important;
    }
}


/* =====================================================
   MOBIL PERFORMANS PATCH - PANEL YAPISI BOZULMADAN
   Sadece yeşil "Türkiye'nin en kapsamlı paneli" efekti aktif.
===================================================== */
html, body {
    background: #050509 !important;
    overflow-x: hidden !important;
}

/* Ağır arka plan katmanları kapalı */
body::before,
body::after,
.main-content::before,
.announcement-particles,
.announcement-wrapper::after {
    content: none !important;
    display: none !important;
    animation: none !important;
    background-image: none !important;
}

/* Genel animasyonları kapat: panel düzeni kalır, GPU/CPU yükü düşer */
*:not(.ego-banner):not(.ego-banner *),
*:not(.ego-banner):not(.ego-banner *)::before,
*:not(.ego-banner):not(.ego-banner *)::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
}

/* Sürekli dönen/zıplayan ikon-logolar kapalı */
.fa-spin,
.pulse,
.tonyFlip,
.rotating-logo,
.panel-logo,
.blink-dot,
.whatsapp-icon,
.float,
.glow-text,
.neon-text,
.fade-glow,
.neon-border {
    animation: none !important;
    transform: none !important;
    filter: none !important;
}

/* Header orijinal ölçülerde kalsın; sadece ağır efekt yok */
.header-section {
    background: #09090f !important;
    border-bottom: 2px solid #ff3b30 !important;
    box-shadow: none !important;
}
.header-logo-left,
.header-logo-right {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}
.panel-logo,
.rotating-logo {
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
}
.brand-title {
    color: #ff3b30 !important;
    text-shadow: none !important;
    animation: none !important;
}
.brand-time {
    color: #4da3ff !important;
    text-shadow: none !important;
}

/* Kart ve tablo efektleri hafifletildi, düzen korunur */
.stat-box,
.table-container,
.modal-content,
.vergi-card,
.search-input,
.btn-search,
.bottom-menu {
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.stat-box:hover,
.btn-search:hover,
.btn-link-copy:hover,
.btn-link-go:hover,
.btn-islem:hover,
.vergi-card:hover,
.nav-tabs-custom .nav-link:hover {
    transform: none !important;
}
.stat-box::before,
.ego-banner:hover::before,
.btn-kopyala::before,
.btn-git::before,
.announcement-phone a::before {
    animation: none !important;
}

/* Sadece bu yeşil banner efekti kalsın */
.ego-banner {
    color: #00ffae !important;
    border: 2px solid #00ffae !important;
    background: #020604 !important;
    box-shadow: 0 0 14px rgba(0, 255, 174, .45), inset 0 0 8px rgba(0, 255, 174, .12) !important;
    text-shadow: 0 0 8px rgba(0, 255, 174, .75) !important;
}
.ego-banner::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important;
    width: 120% !important;
    height: 100% !important;
    background: linear-gradient(115deg, transparent, rgba(0, 255, 174, .30), transparent) !important;
    animation: shine 4s linear infinite !important;
    pointer-events: none !important;
}
.ego-banner span {
    position: relative !important;
    z-index: 2 !important;
}

/* Link oluşturma modalı: logolar büyümesin */
.link-platforms-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}
.link-platform-btn {
    min-height: 42px !important;
    overflow: hidden !important;
}
.link-platform-btn img,
.platform-dropdown-item img {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain !important;
    flex: 0 0 22px !important;
}

/* Mobilde büyük tabloda sayfa yerine tablo kayar; layout dağılmaz */
@media (max-width: 576px) {
    .header-section { padding: 8px 6px !important; }
    .brand-title { font-size: 13px !important; letter-spacing: 1px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
    .brand-time { font-size: 10px !important; }
    .stats-row { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; padding: 12px 4px !important; }
    .stat-box { min-width: 0 !important; padding: 12px 6px !important; border-radius: 8px !important; }
    .stat-title { font-size: 8px !important; }
    .stat-value { font-size: 22px !important; }
    .search-section { padding: 0 4px 10px !important; }
    .search-box { gap: 5px !important; }
    .btn-search { padding: 10px 12px !important; }
    .tabs-container { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
    .nav-tabs-custom { flex-wrap: nowrap !important; min-width: max-content !important; }
    .nav-tabs-custom .nav-link { font-size: 10px !important; padding: 9px 10px !important; white-space: nowrap !important; }
    .table-section { padding-bottom: 78px !important; }
    .table-responsive { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
    .table { min-width: 760px !important; }
    .modal-dialog { margin: 8px !important; max-width: calc(100% - 16px) !important; }
    .modal-content { max-height: calc(100vh - 16px) !important; overflow-y: auto !important; }
    .link-platforms-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .link-platform-btn img { width: 18px !important; height: 18px !important; max-width: 18px !important; max-height: 18px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .ego-banner::before { animation: none !important; }
}


/* =====================================================
   FINAL HARD PERFORMANCE PATCH - ALT MENÜ ve YEŞİL BANNER
   Bu blok en sonda kalmalı.
===================================================== */
.bottom-menu,
.bottom-menu *,
.bottom-menu *::before,
.bottom-menu *::after{
    animation:none!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
    text-shadow:none!important;
    box-shadow:none!important;
}
.bottom-menu::before,
.bottom-menu::after,
.bottom-menu *::before,
.bottom-menu *::after{
    content:none!important;
    display:none!important;
    background:none!important;
    background-image:none!important;
}
.bottom-menu{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:58px!important;
    min-height:58px!important;
    padding:6px 0!important;
    background:#21063b!important;
    border-top:2px solid #8b00ff!important;
    overflow:hidden!important;
    contain:layout paint style!important;
    will-change:auto!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
.bottom-menu a{height:46px!important;padding:5px 4px!important;background:transparent!important;border-radius:0!important;color:#fff!important;}
.bottom-menu a i{font-size:15px!important;margin-bottom:2px!important;color:inherit!important;}
.bottom-menu .ilan-ac-btn{background:#00ee18!important;color:#050505!important;border-radius:10px!important;font-weight:800!important;}
.bottom-menu .ilan-ac-btn i{color:#050505!important;}
/* Yeşil banner kalsın ama mobilde animasyonlu shine kapalı, sadece statik glow */
.ego-banner{box-shadow:0 0 14px rgba(0,255,174,.45), inset 0 0 8px rgba(0,255,174,.12)!important;text-shadow:0 0 8px rgba(0,255,174,.7)!important;}
.ego-banner::before,.ego-banner::after{content:none!important;display:none!important;animation:none!important;background:none!important;}
@media(max-width:768px){
  html,body{overscroll-behavior:none!important;}
  .main-content{padding-bottom:66px!important;}
  .bottom-menu{height:58px!important;}
}


/* =====================================================
   FINAL PATCH - SADE KIRMIZI ALT MENÜ + MOBİL PERFORMANS
   Not: Yeşil Türkiye'nin en kapsamlı paneli glow efekti korunur.
===================================================== */
.bottom-menu,
.bottom-menu *,
.bottom-menu *::before,
.bottom-menu *::after{
    animation:none!important;
    transition:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
    box-shadow:none!important;
    background-image:none!important;
}
.bottom-menu::before,
.bottom-menu::after,
.bottom-menu *::before,
.bottom-menu *::after{
    content:none!important;
    display:none!important;
}
.bottom-menu{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:58px!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:6px 8px!important;
    background:#080808!important;
    border-top:1px solid #3a0b0b!important;
    overflow:hidden!important;
    z-index:99999!important;
    contain:layout paint style!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
.bottom-menu a,
.bottom-menu .ilan-ac-btn{
    flex:1 1 0!important;
    min-width:0!important;
    height:44px!important;
    padding:4px 3px!important;
    border-radius:10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    color:#fff!important;
    background:#b50f19!important;
    border:1px solid #ee2a35!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.05!important;
    text-decoration:none!important;
    transform:none!important;
}
.bottom-menu a i,
.bottom-menu .ilan-ac-btn i{
    color:#fff!important;
    font-size:15px!important;
    line-height:1!important;
    margin:0!important;
}
.bottom-menu a:hover,
.bottom-menu a:focus,
.bottom-menu a:active,
.bottom-menu a.active,
.bottom-menu .ilan-ac-btn:hover,
.bottom-menu .ilan-ac-btn:focus,
.bottom-menu .ilan-ac-btn:active{
    color:#fff!important;
    background:#cf1722!important;
    transform:none!important;
}
@media (max-width:768px){
    html,body{background:#090909!important;}
    body{padding-bottom:68px!important;}
    .main-content{padding-bottom:72px!important;}
    .bottom-menu{height:56px!important;min-height:56px!important;padding:6px!important;gap:5px!important;}
    .bottom-menu a,.bottom-menu .ilan-ac-btn{height:42px!important;border-radius:9px!important;font-size:9px!important;}
    .bottom-menu a i,.bottom-menu .ilan-ac-btn i{font-size:14px!important;}
    body::before,body::after,.main-content::before,.main-content::after,
    .announcement-wrapper::before,.announcement-wrapper::after,.announcement-particles,
    .bg-motion,.bg-lines,.bg-glow{
        display:none!important;
        content:none!important;
        background:none!important;
        background-image:none!important;
    }
    *,*::before,*::after{
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important;
    }
    .stat-box,.table-container,.modal-content,.tabs-container,.search-input,.btn-search,
    .nav-tabs-custom .nav-link,.btn-link-copy,.btn-link-go,.btn-edit,.btn-delete,.btn-copy{
        box-shadow:none!important;
        text-shadow:none!important;
        filter:none!important;
        -webkit-filter:none!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
    }
    .ego-banner{
        box-shadow:0 0 12px rgba(0,255,174,.45)!important;
        text-shadow:0 0 8px rgba(0,255,174,.65)!important;
    }
    .table img,.product-img,.ilan-img{
        max-width:48px!important;
        max-height:48px!important;
        object-fit:cover!important;
    }
}


/* =====================================================
   ONLY DESIGN PATCH v2 - ALT MENU + HEADER + GREEN BANNER
   Performans bozulmasın diye animasyon yoktur.
===================================================== */

/* Üst başlık: daha belirgin kırmızı neon */
.header-section{
    background:linear-gradient(180deg,#240306 0%,#0b0102 100%)!important;
    border-bottom:1px solid rgba(255,36,48,.85)!important;
    box-shadow:0 4px 18px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.06)!important;
}
.brand-title,
.header-section .brand-title{
    color:#fff!important;
    font-weight:900!important;
    letter-spacing:1.5px!important;
    text-shadow:
        0 0 5px rgba(255,0,24,.95),
        0 0 12px rgba(255,0,24,.75),
        0 1px 0 #000!important;
    animation:none!important;
}
.brand-time,
.header-section .brand-time{
    color:#ffb6b6!important;
    text-shadow:0 0 7px rgba(255,0,24,.65)!important;
}

/* Ortadaki yeşil banner: belirgin premium glow, animasyonsuz */
.ego-banner,
.main-content .ego-banner{
    background:
        linear-gradient(135deg,rgba(0,255,174,.16) 0%,rgba(0,28,15,.98) 34%,rgba(0,70,36,.95) 68%,rgba(0,18,9,.98) 100%)!important;
    color:#eafff4!important;
    border:1px solid rgba(0,255,174,.9)!important;
    border-radius:16px!important;
    box-shadow:
        0 0 0 1px rgba(0,255,174,.14),
        0 0 24px rgba(0,255,174,.48),
        inset 0 0 18px rgba(0,255,174,.13)!important;
    text-shadow:0 0 8px rgba(0,255,174,.95),0 0 18px rgba(0,255,174,.38)!important;
    font-weight:900!important;
    letter-spacing:.9px!important;
    animation:none!important;
}
.ego-banner span,
.ego-banner span *{
    color:inherit!important;
    text-shadow:inherit!important;
}
.ego-banner .crown{
    color:#ffe15a!important;
    text-shadow:0 0 8px rgba(255,225,90,.8)!important;
}
.ego-banner::before,
.ego-banner::after{
    content:none!important;
    display:none!important;
    animation:none!important;
}

/* Alt menü: daha dolu kırmızı ikonlu butonlar, animasyonsuz */
.bottom-menu,
body .bottom-menu{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:72px!important;
    min-height:72px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,#210306 0%,#090102 100%)!important;
    border-top:1px solid rgba(255,50,62,.9)!important;
    box-shadow:0 -8px 22px rgba(0,0,0,.62)!important;
    overflow:hidden!important;
    z-index:99999!important;
    contain:layout paint style!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
.bottom-menu::before,
.bottom-menu::after,
.bottom-menu *::before,
.bottom-menu *::after{
    content:none!important;
    display:none!important;
    animation:none!important;
    background:none!important;
    background-image:none!important;
}
.bottom-menu,
.bottom-menu *,
.bottom-menu *::before,
.bottom-menu *::after{
    animation:none!important;
    transition:none!important;
    filter:none!important;
    -webkit-filter:none!important;
}
.bottom-menu a,
.bottom-menu .ilan-ac-btn,
body .bottom-menu a,
body .bottom-menu .ilan-ac-btn{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:104px!important;
    height:52px!important;
    padding:6px 4px!important;
    border-radius:15px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    color:#fff!important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,0) 28%),
        linear-gradient(180deg,#f22431 0%,#a90510 100%)!important;
    border:1px solid rgba(255,104,112,.72)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -8px 18px rgba(80,0,5,.18),
        0 4px 10px rgba(0,0,0,.34)!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
    text-shadow:0 1px 2px rgba(0,0,0,.62)!important;
    transform:none!important;
}
.bottom-menu a i,
.bottom-menu .ilan-ac-btn i,
body .bottom-menu a i,
body .bottom-menu .ilan-ac-btn i{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    border-radius:50%!important;
    color:#fff!important;
    background:rgba(255,255,255,.18)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
    font-size:14px!important;
    line-height:1!important;
    text-shadow:none!important;
}
.bottom-menu a:hover,
.bottom-menu a:focus,
.bottom-menu a:active,
.bottom-menu a.active,
.bottom-menu .ilan-ac-btn:hover,
.bottom-menu .ilan-ac-btn:focus,
.bottom-menu .ilan-ac-btn:active{
    color:#fff!important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 28%),
        linear-gradient(180deg,#ff3340 0%,#c00613 100%)!important;
    transform:none!important;
}
.bottom-menu .ilan-ac-btn,
body .bottom-menu .ilan-ac-btn{
    background:
        linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 28%),
        linear-gradient(180deg,#ff4650 0%,#c40010 100%)!important;
    border-color:rgba(255,151,156,.9)!important;
}
.bottom-menu .ilan-ac-btn i,
body .bottom-menu .ilan-ac-btn i{
    background:#fff!important;
    color:#c40010!important;
    border-color:#fff!important;
}
body{padding-bottom:78px!important;}
.main-content{padding-bottom:84px!important;}

@media(max-width:768px){
    .bottom-menu,body .bottom-menu{
        height:68px!important;
        min-height:68px!important;
        gap:6px!important;
        padding:8px 7px calc(8px + env(safe-area-inset-bottom))!important;
        box-shadow:0 -6px 16px rgba(0,0,0,.58)!important;
    }
    .bottom-menu a,
    .bottom-menu .ilan-ac-btn,
    body .bottom-menu a,
    body .bottom-menu .ilan-ac-btn{
        height:50px!important;
        border-radius:13px!important;
        font-size:9px!important;
        padding:5px 2px!important;
    }
    .bottom-menu a i,
    .bottom-menu .ilan-ac-btn i,
    body .bottom-menu a i,
    body .bottom-menu .ilan-ac-btn i{
        width:22px!important;
        height:22px!important;
        min-width:22px!important;
        min-height:22px!important;
        font-size:13px!important;
    }
    body{padding-bottom:74px!important;}
    .main-content{padding-bottom:80px!important;}
    .brand-title,.header-section .brand-title{
        font-size:14px!important;
        letter-spacing:.9px!important;
        text-shadow:0 0 7px rgba(255,0,24,.8),0 1px 0 #000!important;
    }
    .ego-banner,.main-content .ego-banner{
        margin:14px 10px!important;
        padding:12px 12px!important;
        font-size:12px!important;
        box-shadow:0 0 18px rgba(0,255,174,.45),inset 0 0 12px rgba(0,255,174,.12)!important;
    }
}

/* =====================================================
   ALT MENÜ - SCREENSHOT STİLİ + HESAP MAKİNESİ
   Sadece alt menü görünümü: animasyon yok, JS yok.
===================================================== */
body .bottom-menu.bottom-menu-screenshot,
.bottom-menu.bottom-menu-screenshot{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:88px!important;
    min-height:88px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-top:0!important;
    box-shadow:none!important;
    display:block!important;
    overflow:visible!important;
    z-index:9999!important;
    pointer-events:none!important;
}
body .bottom-menu.bottom-menu-screenshot::before,
body .bottom-menu.bottom-menu-screenshot::after,
body .bottom-menu.bottom-menu-screenshot *::before,
body .bottom-menu.bottom-menu-screenshot *::after{
    content:none!important;
    display:none!important;
    animation:none!important;
    transition:none!important;
}
body .bottom-menu.bottom-menu-screenshot *,
.bottom-menu.bottom-menu-screenshot *{
    animation:none!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
    backdrop-filter:none!important;
}

/* Alttaki kırmızı Anasayfa barı */
body .bottom-menu.bottom-menu-screenshot .red-home-bar{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:58px!important;
    min-height:58px!important;
    background:#ff3828!important;
    border-top:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 -2px 0 rgba(255,255,255,.08), 0 -8px 18px rgba(0,0,0,.42)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
}
body .bottom-menu.bottom-menu-screenshot .home-main{
    width:190px!important;
    max-width:55vw!important;
    height:58px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    color:#fff!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.1!important;
    text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
    padding:0!important;
    margin:0!important;
}
body .bottom-menu.bottom-menu-screenshot .home-main i{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    display:block!important;
    color:#fff!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    font-size:18px!important;
    margin:0!important;
    padding:0!important;
}

/* PDF ve Sorgu kaybolmasın diye küçük sade ikonlar */
body .bottom-menu.bottom-menu-screenshot .mini-dock{
    position:absolute!important;
    top:6px!important;
    width:54px!important;
    height:46px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    background:rgba(0,0,0,.12)!important;
    border:0!important;
    box-shadow:none!important;
    color:#fff!important;
    text-decoration:none!important;
    border-radius:10px!important;
    font-size:9px!important;
    font-weight:700!important;
    padding:0!important;
}
body .bottom-menu.bottom-menu-screenshot .dock-pdf{left:14px!important;}
body .bottom-menu.bottom-menu-screenshot .dock-sorgu{right:14px!important;}
body .bottom-menu.bottom-menu-screenshot .mini-dock i{
    width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    color:#fff!important;font-size:15px!important;margin:0!important;padding:0!important;
}

/* Sol hesap makinesi ve sağdaki oval işlem butonları */
body .bottom-menu.bottom-menu-screenshot .side-pill{
    position:absolute!important;
    min-width:0!important;
    max-width:none!important;
    height:51px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 12px!important;
    border-radius:28px!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.05!important;
    text-align:center!important;
    text-shadow:0 1px 2px rgba(0,0,0,.65)!important;
    pointer-events:auto!important;
    border:3px solid rgba(226,226,226,.9)!important;
    box-shadow:0 2px 0 rgba(255,255,255,.15) inset, 0 3px 8px rgba(0,0,0,.45)!important;
    overflow:hidden!important;
}
body .bottom-menu.bottom-menu-screenshot .side-pill i{
    width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
    display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;
    color:rgba(255,255,255,.92)!important;font-size:20px!important;margin:0!important;padding:0!important;
}
body .bottom-menu.bottom-menu-screenshot .side-pill span{
    display:block!important;
    white-space:normal!important;
}
body .bottom-menu.bottom-menu-screenshot .calc-pill{
    left:8px!important;
    bottom:63px!important;
    width:108px!important;
    justify-content:flex-start!important;
    background:linear-gradient(180deg,#6c6c6c 0%,#353535 100%)!important;
}
body .bottom-menu.bottom-menu-screenshot .right-pill-stack{
    position:absolute!important;
    right:7px!important;
    bottom:62px!important;
    width:112px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    pointer-events:none!important;
}
body .bottom-menu.bottom-menu-screenshot .right-pill-stack .side-pill{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:112px!important;
    height:47px!important;
    padding:0 8px!important;
    justify-content:flex-start!important;
    gap:7px!important;
    font-size:11px!important;
    pointer-events:auto!important;
}
body .bottom-menu.bottom-menu-screenshot .admin-pill{
    background:linear-gradient(180deg,#2d2d2d 0%,#1a1a1a 100%)!important;
}
body .bottom-menu.bottom-menu-screenshot .ilan-pill{
    background:linear-gradient(180deg,#8d319a 0%,#5a1666 100%)!important;
}
body .bottom-menu.bottom-menu-screenshot .kargo-pill{
    background:linear-gradient(180deg,#436bd9 0%,#2447a8 100%)!important;
}

/* Hesap makinesi modalı */
.calc-modal-content{
    background:#11111a!important;
    border:1px solid #ff3828!important;
    border-radius:14px!important;
    color:#fff!important;
}
.calc-display{
    width:100%!important;
    height:50px!important;
    border:1px solid #33364a!important;
    border-radius:10px!important;
    background:#07070b!important;
    color:#fff!important;
    font-size:24px!important;
    font-weight:800!important;
    text-align:right!important;
    padding:0 12px!important;
    margin-bottom:12px!important;
    outline:none!important;
}
.calc-grid{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:8px!important;
}
.calc-grid button{
    height:44px!important;
    border:0!important;
    border-radius:10px!important;
    background:#242433!important;
    color:#fff!important;
    font-size:18px!important;
    font-weight:800!important;
    box-shadow:none!important;
}
.calc-grid .calc-zero{grid-column:span 2!important;}
.calc-grid .calc-equal{background:#ff3828!important;}

body{padding-bottom:96px!important;}
.main-content{padding-bottom:104px!important;}

@media(max-width:576px){
    body .bottom-menu.bottom-menu-screenshot{height:86px!important;}
    body .bottom-menu.bottom-menu-screenshot .red-home-bar{height:56px!important;}
    body .bottom-menu.bottom-menu-screenshot .home-main{height:56px!important;font-size:13px!important;}
    body .bottom-menu.bottom-menu-screenshot .calc-pill{left:5px!important;bottom:65px!important;width:104px!important;height:48px!important;font-size:11px!important;padding:0 8px!important;}
    body .bottom-menu.bottom-menu-screenshot .right-pill-stack{right:5px!important;bottom:64px!important;width:106px!important;gap:5px!important;}
    body .bottom-menu.bottom-menu-screenshot .right-pill-stack .side-pill{width:106px!important;height:44px!important;font-size:10px!important;padding:0 7px!important;}
    body .bottom-menu.bottom-menu-screenshot .side-pill i{font-size:18px!important;}
    body .bottom-menu.bottom-menu-screenshot .mini-dock{width:48px!important;height:44px!important;font-size:8px!important;}
    body .bottom-menu.bottom-menu-screenshot .dock-pdf{left:118px!important;}
    body .bottom-menu.bottom-menu-screenshot .dock-sorgu{right:118px!important;}
}




/* FINAL OVERRIDE: Referans görseldeki alt menü. Sadece bottom-menu alanını ezer. Animasyon yok. */
html body .bottom-menu.bottom-menu-screenshot,
html body div.bottom-menu.bottom-menu-screenshot{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:174px!important;
  min-height:174px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  z-index:2147483000!important;
  display:block!important;
  pointer-events:none!important;
  contain:none!important;
}
html body .bottom-menu.bottom-menu-screenshot,
html body .bottom-menu.bottom-menu-screenshot *,
html body .bottom-menu.bottom-menu-screenshot *::before,
html body .bottom-menu.bottom-menu-screenshot *::after{
  animation:none!important;
  transition:none!important;
  transform:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body .bottom-menu.bottom-menu-screenshot::before,
html body .bottom-menu.bottom-menu-screenshot::after,
html body .bottom-menu.bottom-menu-screenshot *::before,
html body .bottom-menu.bottom-menu-screenshot *::after{
  content:none!important;
  display:none!important;
}

/* Kırmızı Anasayfa barı */
html body .bottom-menu.bottom-menu-screenshot .red-home-bar{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:56px!important;
  min-height:56px!important;
  padding:0!important;
  margin:0!important;
  background:#ff3b2b!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.22)!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
html body .bottom-menu.bottom-menu-screenshot .home-main{
  position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:170px!important;
  max-width:50vw!important;
  height:56px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.1!important;
  text-decoration:none!important;
  text-align:center!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
  pointer-events:auto!important;
}
html body .bottom-menu.bottom-menu-screenshot .home-main i{
  display:block!important;
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
  padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:#fff!important;font-size:19px!important;line-height:1!important;
}

/* PDF ve Sorgu: kırmızı barda küçük yardımcı ikonlar */
html body .bottom-menu.bottom-menu-screenshot .mini-dock{
  position:absolute!important;
  top:5px!important;
  width:48px!important;
  height:46px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  pointer-events:auto!important;
}
html body .bottom-menu.bottom-menu-screenshot .dock-pdf{left:18px!important;right:auto!important;}
html body .bottom-menu.bottom-menu-screenshot .dock-sorgu{right:18px!important;left:auto!important;}
html body .bottom-menu.bottom-menu-screenshot .mini-dock i{
  display:block!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:#fff!important;font-size:15px!important;line-height:1!important;margin:0!important;padding:0!important;
}

/* Sol hesap makinesi: referanstaki gri oval */
html body .bottom-menu.bottom-menu-screenshot .side-pill,
html body .bottom-menu.bottom-menu-screenshot a.side-pill{
  position:absolute!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  padding:0 12px!important;
  margin:0!important;
  border-radius:28px!important;
  color:#e8e8e8!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.05!important;
  text-align:left!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  border:3px solid rgba(220,220,220,.88)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}
html body .bottom-menu.bottom-menu-screenshot .side-pill i{
  display:block!important;
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
  padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:rgba(255,255,255,.92)!important;font-size:20px!important;line-height:1!important;
}
html body .bottom-menu.bottom-menu-screenshot .side-pill span{
  display:block!important;
  white-space:normal!important;
  color:inherit!important;
  line-height:1.05!important;
}
html body .bottom-menu.bottom-menu-screenshot .calc-pill{
  left:0!important;
  bottom:63px!important;
  width:112px!important;
  height:52px!important;
  background:#4b4b4b!important;
  color:#ddd!important;
  border-color:#cfcfcf!important;
}
html body .bottom-menu.bottom-menu-screenshot .calc-pill i{color:#c8763a!important;}

/* Sağdaki üç buton: sağ tarafa dikey, görseldeki renkler */
html body .bottom-menu.bottom-menu-screenshot .right-pill-stack{
  position:absolute!important;
  right:0!important;
  bottom:61px!important;
  width:112px!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:6px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body .bottom-menu.bottom-menu-screenshot .right-pill-stack .side-pill{
  position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:112px!important;
  height:47px!important;
  padding:0 9px!important;
  margin:0!important;
  pointer-events:auto!important;
  justify-content:flex-start!important;
  font-size:11px!important;
}
html body .bottom-menu.bottom-menu-screenshot .admin-pill{
  background:#252525!important;
  border-color:#d6d6d6!important;
  color:#d9d9d9!important;
}
html body .bottom-menu.bottom-menu-screenshot .admin-pill i{color:#dddddd!important;}
html body .bottom-menu.bottom-menu-screenshot .ilan-pill{
  background:#6d2078!important;
  border-color:#d7d7d7!important;
  color:#fff!important;
}
html body .bottom-menu.bottom-menu-screenshot .ilan-pill i{color:#d9d9d9!important;}
html body .bottom-menu.bottom-menu-screenshot .kargo-pill{
  background:#2d56bd!important;
  border-color:#d7d7d7!important;
  color:#fff!important;
}
html body .bottom-menu.bottom-menu-screenshot .kargo-pill i{color:#d9d9d9!important;}

body{padding-bottom:184px!important;}
.main-content{padding-bottom:190px!important;}

@media(max-width:576px){
  html body .bottom-menu.bottom-menu-screenshot{height:168px!important;}
  html body .bottom-menu.bottom-menu-screenshot .red-home-bar{height:56px!important;}
  html body .bottom-menu.bottom-menu-screenshot .calc-pill{left:0!important;bottom:64px!important;width:110px!important;height:50px!important;font-size:11px!important;padding:0 8px!important;}
  html body .bottom-menu.bottom-menu-screenshot .right-pill-stack{right:0!important;bottom:62px!important;width:110px!important;gap:5px!important;}
  html body .bottom-menu.bottom-menu-screenshot .right-pill-stack .side-pill{width:110px!important;height:45px!important;font-size:10px!important;padding:0 8px!important;}
  html body .bottom-menu.bottom-menu-screenshot .side-pill i{font-size:18px!important;}
  html body .bottom-menu.bottom-menu-screenshot .home-main{height:56px!important;font-size:13px!important;}
  html body .bottom-menu.bottom-menu-screenshot .mini-dock{width:46px!important;height:46px!important;font-size:8px!important;}
  html body .bottom-menu.bottom-menu-screenshot .dock-pdf{left:14px!important;}
  html body .bottom-menu.bottom-menu-screenshot .dock-sorgu{right:14px!important;}
  body{padding-bottom:176px!important;}
  .main-content{padding-bottom:182px!important;}
}



/* =====================================================
   ALT MENÜ GÖRSELDEKİ SAĞ DOCK DÜZELTMESİ - v4
   Sağ butonlar bottom-menu dışında çalışır. Animasyon yok.
===================================================== */
html body{padding-bottom:178px!important;}
html body .main-content{padding-bottom:184px!important;}

html body .bottom-menu.bottom-red-home{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;
  width:100%!important;height:58px!important;min-height:58px!important;
  padding:0!important;margin:0!important;z-index:2147482000!important;
  background:#ff3b2f!important;border:0!important;border-top:1px solid rgba(255,255,255,.25)!important;
  box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:visible!important;contain:none!important;pointer-events:auto!important;
}
html body .bottom-menu.bottom-red-home,
html body .bottom-menu.bottom-red-home *,
html body .bottom-calc-float,
html body .bottom-calc-float *,
html body .bottom-right-float,
html body .bottom-right-float *{animation:none!important;transition:none!important;transform:none!important;filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html body .bottom-menu.bottom-red-home::before,
html body .bottom-menu.bottom-red-home::after,
html body .bottom-menu.bottom-red-home *::before,
html body .bottom-menu.bottom-red-home *::after{content:none!important;display:none!important;}
html body .bottom-menu.bottom-red-home a,
html body .bottom-menu.bottom-red-home .home-main,
html body .bottom-menu.bottom-red-home .home-mini{
  position:static!important;min-width:0!important;max-width:none!important;height:58px!important;padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#fff!important;text-decoration:none!important;text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  font-weight:800!important;line-height:1!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important;
}
html body .bottom-menu.bottom-red-home .home-main{flex:1 1 auto!important;font-size:14px!important;}
html body .bottom-menu.bottom-red-home .home-mini{width:82px!important;flex:0 0 82px!important;font-size:8px!important;}
html body .bottom-menu.bottom-red-home a i{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;font-size:16px!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;line-height:1!important;}
html body .bottom-menu.bottom-red-home .home-main i{font-size:19px!important;}
html body .bottom-calc-float{
  position:fixed!important;left:0!important;bottom:70px!important;width:112px!important;height:52px!important;z-index:2147482100!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  padding:0 10px!important;margin:0!important;border-radius:0 28px 28px 0!important;
  background:#555!important;border:3px solid #d2d2d2!important;border-left:0!important;color:#f1f1f1!important;
  text-decoration:none!important;font-size:11px!important;font-weight:800!important;line-height:1.05!important;text-align:left!important;
  box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;overflow:hidden!important;
}
html body .bottom-calc-float i{font-size:18px!important;color:#d58a47!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;line-height:1!important;}
html body .bottom-calc-float span{display:block!important;color:inherit!important;line-height:1.05!important;}
html body .bottom-right-float{
  position:fixed!important;right:0!important;bottom:70px!important;width:116px!important;z-index:2147482100!important;
  display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:7px!important;
  padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  opacity:1!important;visibility:visible!important;pointer-events:none!important;overflow:visible!important;
}
html body .bottom-right-float .float-pill{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:116px!important;height:50px!important;min-width:116px!important;max-width:116px!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  padding:0 9px!important;margin:0!important;border-radius:28px 0 0 28px!important;
  border:3px solid #d2d2d2!important;border-right:0!important;color:#ededed!important;text-decoration:none!important;
  font-size:11px!important;font-weight:800!important;line-height:1.05!important;text-align:left!important;text-shadow:none!important;
  box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;overflow:hidden!important;
}
html body .bottom-right-float .float-pill i{display:block!important;font-size:18px!important;color:#eee!important;background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;line-height:1!important;}
html body .bottom-right-float .float-pill span{display:block!important;color:inherit!important;line-height:1.05!important;white-space:normal!important;}
html body .bottom-right-float .float-admin{background:#2d2d2d!important;}
html body .bottom-right-float .float-ilan{background:#7c238b!important;}
html body .bottom-right-float .float-kargo{background:#315cc6!important;}
@media(max-width:576px){
  html body{padding-bottom:172px!important;}
  html body .main-content{padding-bottom:178px!important;}
  html body .bottom-menu.bottom-red-home{height:56px!important;min-height:56px!important;}
  html body .bottom-menu.bottom-red-home a{height:56px!important;}
  html body .bottom-menu.bottom-red-home .home-mini{width:76px!important;flex-basis:76px!important;}
  html body .bottom-calc-float{bottom:68px!important;width:108px!important;height:50px!important;font-size:10px!important;}
  html body .bottom-right-float{bottom:68px!important;width:112px!important;gap:6px!important;}
  html body .bottom-right-float .float-pill{width:112px!important;min-width:112px!important;max-width:112px!important;height:48px!important;font-size:10px!important;}
}


/* =====================================================
   GAP FIX - Yeşil banner / arama / sekme / tablo aralığı
   Sadece üst boşluğu sıkıştırır, alt menü ve JS'e dokunmaz.
===================================================== */
html body .ego-banner{
  margin-top:10px!important;
  margin-bottom:8px!important;
}
html body .search-section{
  margin-top:0!important;
  padding-top:0!important;
  padding-bottom:6px!important;
}
html body .tabs-container{
  margin-top:0!important;
  padding-top:5px!important;
}
html body .table-section{
  margin-top:0!important;
  padding-top:0!important;
}
html body .table-container{
  margin-top:0!important;
}

@media(max-width:576px){
  html body .stats-row{
    padding-bottom:6px!important;
  }
  html body .ego-banner{
    margin:6px 4px 7px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  html body .search-section{
    margin-top:0!important;
    padding:0 4px 5px!important;
  }
  html body .tabs-container{
    margin-top:0!important;
    padding:4px 4px 0!important;
  }
  html body .table-section{
    margin-top:0!important;
    padding-top:0!important;
  }
}

/* calc fix is also embedded in dashboard.php */


/* SADECE ALT KIRMIZI BAR IKONLU GORUNUM - bottomicons1 */


/* SADECE ALT KIRMIZI BAR: PDF / Anasayfa / Sorgu ikonlu premium görünüm. Animasyon yok. */
html body .bottom-menu.bottom-red-home{
  height:64px!important;
  min-height:64px!important;
  padding:6px 8px!important;
  background:linear-gradient(180deg,#ff493d 0%,#f72f22 52%,#df1f16 100%)!important;
  border-top:1px solid rgba(255,255,255,.32)!important;
  box-shadow:0 -6px 18px rgba(0,0,0,.28)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}
html body .bottom-menu.bottom-red-home a,
html body .bottom-menu.bottom-red-home .home-main,
html body .bottom-menu.bottom-red-home .home-mini{
  height:52px!important;
  border-radius:14px!important;
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.38)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  font-weight:900!important;
  letter-spacing:.1px!important;
  background:rgba(110,0,0,.14)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
}
html body .bottom-menu.bottom-red-home .home-main{
  flex:1 1 auto!important;
  max-width:190px!important;
  font-size:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.08))!important;
  border-color:rgba(255,255,255,.24)!important;
}
html body .bottom-menu.bottom-red-home .home-mini{
  width:82px!important;
  flex:0 0 82px!important;
  font-size:8.5px!important;
  text-transform:uppercase!important;
}
html body .bottom-menu.bottom-red-home a i{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  border-radius:9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
html body .bottom-menu.bottom-red-home .home-main i{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:50%!important;
  font-size:15px!important;
  background:#fff!important;
  color:#f33124!important;
  border:0!important;
  box-shadow:0 2px 7px rgba(0,0,0,.22)!important;
}
html body .bottom-menu.bottom-red-home .home-pdf i{color:#fff!important;}
html body .bottom-menu.bottom-red-home .home-sorgu i{color:#fff!important;}
html body .bottom-menu.bottom-red-home span{
  display:block!important;
  color:#fff!important;
  line-height:1!important;
}
@media(max-width:576px){
  html body .bottom-menu.bottom-red-home{height:62px!important;min-height:62px!important;padding:5px 7px!important;gap:7px!important;}
  html body .bottom-menu.bottom-red-home a,
  html body .bottom-menu.bottom-red-home .home-main,
  html body .bottom-menu.bottom-red-home .home-mini{height:50px!important;border-radius:13px!important;}
  html body .bottom-menu.bottom-red-home .home-mini{width:74px!important;flex-basis:74px!important;font-size:8px!important;}
  html body .bottom-menu.bottom-red-home .home-main{font-size:13px!important;max-width:178px!important;}
  html body .bottom-menu.bottom-red-home a i{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;font-size:13px!important;}
  html body .bottom-menu.bottom-red-home .home-main i{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;font-size:14px!important;}
}



/* bottom-bar-icon-final-fix */
/* SADECE alt kırmızı bar: ikonları görünür yap + boyutu küçült. Animasyon yok. */
html body .bottom-menu.bottom-red-home{
  height:52px!important;
  min-height:52px!important;
  padding:4px 7px!important;
  gap:7px!important;
  background:linear-gradient(180deg,#ff4035 0%,#f52b20 100%)!important;
  box-shadow:none!important;
}
html body .bottom-menu.bottom-red-home a,
html body .bottom-menu.bottom-red-home .home-main,
html body .bottom-menu.bottom-red-home .home-mini{
  height:42px!important;
  border-radius:12px!important;
  gap:2px!important;
  background:rgba(135,0,0,.16)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html body .bottom-menu.bottom-red-home .home-mini{
  width:68px!important;
  flex:0 0 68px!important;
  font-size:7.5px!important;
}
html body .bottom-menu.bottom-red-home .home-main{
  max-width:150px!important;
  font-size:12px!important;
}
html body .bottom-menu.bottom-red-home a i{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  border-radius:7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
}
html body .bottom-menu.bottom-red-home .home-main i{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  border-radius:50%!important;
  font-size:12px!important;
  background:#fff!important;
  color:#f33124!important;
}
html body .bottom-menu.bottom-red-home span{
  font-size:inherit!important;
  line-height:1!important;
}
/* Önceki performans patch'i FontAwesome ::before içeriğini kapattığı için ikonları burada geri açıyoruz. */
html body .bottom-menu.bottom-red-home i.fa::before,
html body .bottom-menu.bottom-red-home i.fas::before{
  display:inline-block!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
}
html body .bottom-menu.bottom-red-home .fa-file-pdf::before{content:"\f1c1"!important;}
html body .bottom-menu.bottom-red-home .fa-home::before{content:"\f015"!important;}
html body .bottom-menu.bottom-red-home .fa-qrcode::before{content:"\f029"!important;}
@media(max-width:576px){
  html body .bottom-menu.bottom-red-home{height:50px!important;min-height:50px!important;padding:4px 6px!important;}
  html body .bottom-menu.bottom-red-home a,
  html body .bottom-menu.bottom-red-home .home-main,
  html body .bottom-menu.bottom-red-home .home-mini{height:40px!important;}
  html body .bottom-menu.bottom-red-home .home-mini{width:64px!important;flex-basis:64px!important;}
  html body .bottom-menu.bottom-red-home .home-main{max-width:142px!important;font-size:12px!important;}
}



/* Ek sektör logoları - link oluşturma modalı */
.link-platforms-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.link-platform-btn{
    min-height: 30px !important;
}
.link-platform-btn img{
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    object-fit: contain !important;
    flex: 0 0 18px !important;
}
.link-platform-btn .platform-text{
    font-size: 11px !important;
}
@media (max-width: 576px){
    .link-platforms-grid{gap:7px!important;}
    .link-platform-btn{padding:7px 8px!important;}
}


/* Logo görünürlük düzeltmesi */
.link-platform-btn img{display:inline-block!important;width:24px!important;height:24px!important;min-width:24px!important;object-fit:contain!important;border-radius:5px!important;background:rgba(255,255,255,.08)!important;}

/* Sektör link modalı: küçük, gerçek logo dosyalı, yeşil görünüm */
#linkModal .link-platforms-grid,
.link-platforms-grid#linkPlatformButtons{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
#linkModal .link-platform-btn,
.link-platform-btn{
  min-height:30px!important;
  height:30px!important;
  padding:4px 8px!important;
  border:1.5px solid #00ff99!important;
  border-radius:8px!important;
  background:linear-gradient(90deg,rgba(0,255,130,.18),rgba(0,255,160,.10))!important;
  box-shadow:0 0 7px rgba(0,255,150,.24)!important;
  color:#f7fff9!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  overflow:hidden!important;
}
#linkModal .link-platform-btn.selected,
#linkModal .link-platform-btn.active,
.link-platform-btn.selected,
.link-platform-btn.active{
  background:linear-gradient(90deg,rgba(0,255,130,.28),rgba(0,255,160,.16))!important;
  border-color:#00ff9d!important;
  box-shadow:0 0 9px rgba(0,255,150,.34)!important;
}
#linkModal .link-platform-btn img,
.link-platform-btn img{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  object-fit:contain!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.06)!important;
  padding:1px!important;
  display:block!important;
}
#linkModal .link-platform-btn .platform-text,
.link-platform-btn .platform-text{
  font-size:10px!important;
  line-height:1!important;
  font-weight:700!important;
  color:#ffffff!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#linkModal .link-platform-btn .platform-status-dot,
.link-platform-btn .platform-status-dot,
#linkModal .link-platform-btn .platform-status-dot.pasif,
.link-platform-btn .platform-status-dot.pasif,
#linkModal .link-platform-btn .platform-status-dot.aktif,
.link-platform-btn .platform-status-dot.aktif{
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  margin-left:auto!important;
  border-radius:50%!important;
  background:#00ff87!important;
  box-shadow:0 0 6px rgba(0,255,135,.72)!important;
  opacity:1!important;
}
@media(max-width:576px){
  #linkModal .modal-body{padding:12px!important;}
  #linkModal .link-platforms-grid{gap:5px!important;}
  #linkModal .link-platform-btn{height:28px!important;min-height:28px!important;padding:3px 6px!important;border-radius:7px!important;}
  #linkModal .link-platform-btn img{width:16px!important;height:16px!important;min-width:16px!important;}
  #linkModal .link-platform-btn .platform-text{font-size:9px!important;}
  #linkModal .link-platform-btn .platform-status-dot{width:7px!important;height:7px!important;min-width:7px!important;}
}

/* SVG logolu sektör butonları - küçük ve tamamı yeşil */
#linkModal .link-platforms-grid,
.link-platforms-grid#linkPlatformButtons{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
}
#linkModal .link-platform-btn,
.link-platform-btn{
  height:28px!important;
  min-height:28px!important;
  padding:3px 7px!important;
  border:1.5px solid #00ff9c!important;
  border-radius:7px!important;
  background:linear-gradient(90deg,rgba(0,255,135,.22),rgba(0,255,160,.12))!important;
  color:#ffffff!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  box-shadow:0 0 7px rgba(0,255,150,.26)!important;
}
#linkModal .link-platform-btn.active,
#linkModal .link-platform-btn.selected,
.link-platform-btn.active,
.link-platform-btn.selected{
  border-color:#00ffae!important;
  background:linear-gradient(90deg,rgba(0,255,135,.30),rgba(0,255,160,.16))!important;
  box-shadow:0 0 9px rgba(0,255,150,.36)!important;
}
#linkModal .link-platform-btn img,
.link-platform-btn img{
  display:block!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  max-width:17px!important;
  max-height:17px!important;
  object-fit:contain!important;
  padding:0!important;
  border-radius:5px!important;
  background:transparent!important;
}
#linkModal .link-platform-btn .platform-text,
.link-platform-btn .platform-text{
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#ffffff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
}
#linkModal .link-platform-btn .platform-status-dot,
.link-platform-btn .platform-status-dot,
#linkModal .link-platform-btn .platform-status-dot.pasif,
.link-platform-btn .platform-status-dot.pasif{
  width:7px!important;
  height:7px!important;
  min-width:7px!important;
  margin-left:auto!important;
  border-radius:50%!important;
  background:#00ff87!important;
  box-shadow:0 0 6px rgba(0,255,135,.75)!important;
  opacity:1!important;
}
@media(max-width:576px){
  #linkModal .modal-body{padding:11px!important;}
  #linkModal .link-platforms-grid{gap:5px!important;}
  #linkModal .link-platform-btn{height:27px!important;min-height:27px!important;padding:3px 6px!important;}
  #linkModal .link-platform-btn img{width:16px!important;height:16px!important;min-width:16px!important;}
  #linkModal .link-platform-btn .platform-text{font-size:9px!important;}
}


/* Üst banner yazısı turuncu tema - sadece başlık rengi */
.header-section .brand-title,
.brand-title{
  color:#ff7a18!important;
  background:none!important;
  -webkit-text-fill-color:#ff7a18!important;
  text-shadow:0 0 7px rgba(255,122,24,.75),0 0 14px rgba(255,55,20,.45)!important;
  animation:none!important;
}
.header-section .brand-title *{
  color:#ff7a18!important;
  -webkit-text-fill-color:#ff7a18!important;
}

/* =====================================================
   TAB MENÜ MAVİ KART RENGİ - FINAL OVERRIDE
   Kartlarda kullanılan mavi neon görünüme uyumlu hale getirir
===================================================== */
html body .tabs-container {
    background: #050505 !important;
    border-bottom: 1px solid rgba(0, 140, 255, .55) !important;
    box-shadow: 0 0 12px rgba(0, 140, 255, .28) !important;
}

html body .tabs-container::after {
    background: linear-gradient(90deg, transparent, #008cff, #00c8ff, #008cff, transparent) !important;
    opacity: .9 !important;
}

html body .nav-tabs-custom .nav-link {
    color: #9db7cf !important;
    background: linear-gradient(180deg, rgba(0, 40, 75, .38), rgba(3, 8, 15, .95)) !important;
    border: 1px solid rgba(0, 140, 255, .28) !important;
    border-bottom: none !important;
    box-shadow: inset 0 0 8px rgba(0, 140, 255, .12) !important;
}

html body .nav-tabs-custom .nav-link i {
    color: #4ccfff !important;
    text-shadow: 0 0 8px rgba(0, 200, 255, .75) !important;
}

html body .nav-tabs-custom .nav-link:hover {
    color: #ffffff !important;
    background: linear-gradient(180deg, rgba(0, 110, 190, .45), rgba(5, 15, 26, .98)) !important;
    border-color: #008cff !important;
    box-shadow: 0 0 10px rgba(0, 140, 255, .45) !important;
}

html body .nav-tabs-custom .nav-link.active {
    color: #ffffff !important;
    background: linear-gradient(180deg, #082a46 0%, #050505 100%) !important;
    border: 1.5px solid #008cff !important;
    border-bottom: none !important;
    box-shadow:
        inset 0 3px 10px rgba(0, 0, 0, .65),
        0 -2px 12px rgba(0, 140, 255, .62),
        0 0 14px rgba(0, 200, 255, .38) !important;
}

html body .nav-tabs-custom .nav-link.active::before {
    background: #050505 !important;
}

html body .nav-tabs-custom .nav-link.active i {
    color: #00c8ff !important;
    text-shadow: 0 0 12px rgba(0, 200, 255, 1) !important;
}
