/* Custom Modern Styles */
:root {
    --primary-color: #2563eb;
    --accent-color: #f59e0b;
}

/* Glassmorphism Panoları */
.glass-panel {
    background: rgba(255, 255, 255, 0.65); /* Biraz daha şeffaf */
    backdrop-filter: blur(16px); /* Daha fazla bulanıklık */
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 1rem;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05); /* Daha yumuşak gölge */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.glass-panel:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

/* Navbar Alt Çizgi Animasyonu */
.nav-link {
    position: relative;
    padding-bottom: 2px;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--primary-color);
    transition: width 0.3s ease;
}

.nav-link:hover::after {
    width: 100%;
}

.emoji-picker { z-index: 9999 !important; }

input[readonly] {
    background-color: #f1f5f9 !important; /* Hafif gri yapalım ki kilitli olduğu anlaşılsın */
    color: #94a3b8; /* Yazı rengini soluklaştıralım */
    border: 1px solid #e2e8f0;
}

/* Rol Renkleri */
.text-red {
    color: #ff4757 !important;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(255, 71, 87, 0.3);
}

.text-purple {
    color: #a55eea !important;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(165, 94, 234, 0.3);
}

.text-cyan {
    color: #0fb9b1 !important;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(15, 185, 177, 0.3);
}

.text-slate-600 {
    color: #475569 !important;
    font-weight: 500;
}