/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap');

:root {
    --primary-blue: #0056b3;
    --dark-blue: #003d82;
    --light-blue: #e6f0ff;
    --bg: #f0f4f8;
}

body { font-family: 'Hind Siliguri', sans-serif; background: var(--bg); margin: 0; padding: 20px; }

.card { border-radius: 15px; border: none; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 20px; background: white; margin-bottom: 20px; }

.btn-primary { background: var(--primary-blue); border: none; }
.btn-primary:hover { background: var(--dark-blue); }

/* Table Style */
table { width: 100%; border-collapse: collapse; }
th { background: var(--light-blue); color: var(--dark-blue); padding: 12px; }
td { padding: 12px; border-bottom: 1px solid #eee; }

/* Status Colors */
.status-running { background-color: #d4edda !important; font-weight: bold; color: #155724; }
.status-next { background-color: #28a745 !important; color: white; font-weight: bold; }

/* Display Screen Specific */
.queue-display { display: flex; max-width: 1000px; margin: auto; overflow: hidden; border-radius: 20px; background: white; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
.doctor-info { flex: 1; background: var(--primary-blue); color: white; text-align: center; padding: 40px; }
.doctor-info img { width: 150px; height: 150px; border-radius: 50%; border: 5px solid white; object-fit: cover; }
.queue-list { flex: 2; padding: 30px; }