/* GENEL */
body { font-family: 'Segoe UI', sans-serif; }

/* TABLO RENKLERİ (Excel Mantığı) */
.row-yellow { background-color: #fff3cd !important; } /* Bekliyor */
.row-green-blink { background-color: #d1e7dd !important; animation: blinkGreen 2s infinite; font-weight: bold; } /* Zamanı Geldi */
.row-red { background-color: #f8d7da !important; color: #842029; opacity: 0.7; } /* Bitti (Alta gider) */
.row-red-blink { background-color: #ffcccc !important; border-left: 5px solid red; animation: blinkRed 1s infinite; font-weight: bold; } /* Onay Bekliyor */

@keyframes blinkGreen { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } }
@keyframes blinkRed { 0% { background-color: #ffcccc; } 50% { background-color: #fff; } 100% { background-color: #ffcccc; } }

/* Login Kartı */
.login-card { background: white; border-radius: 10px; border: 1px solid #ddd; }

/* Müşteri Ekranı */
.customer-bg { background-color: #121212; color: #eee; }
.btn-gold { background: #d4af37; color: #000; font-weight: bold; border:none; }
.btn-gold:hover { background: #c5a028; }
.glass-card { background: rgba(30, 30, 30, 0.9); border: 1px solid #333; border-radius: 12px; }
.dark-input { background: #222; border: 1px solid #444; color: #fff; }
.time-slot { background: #222; border: 1px solid #444; color: #fff; padding: 10px; text-align: center; border-radius: 5px; cursor: pointer; }
.time-slot:hover { background: #d4af37; color: #000; }