/* Modern, sleek styles for PrayerTime Changes page */

.text-danger {
    color: #dc3545 !important;
    font-weight: bold;
}
.text-success {
    color: #198754 !important;
    font-weight: bold;
}
.today-row {
    background: linear-gradient(90deg, #fffbe6 0%, #ffe066 60%, #ffd700 100%) !important;
    border: 2px solid #ffc107 !important;
    box-shadow: 0 4px 24px 0 #ffd70044, 0 1.5px 8px 0 #ffb30033;
    border-radius: 1.2rem;
    position: relative;
    z-index: 1;
}
.today-label {
    color: #ff9800;
    font-size: 1.1em;
    margin-left: 0.5em;
    vertical-align: middle;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.table-responsive {
    border-radius: 1.2rem;
    overflow: hidden;
    box-shadow: 0 4px 32px 0 #0d6efd11;
    background: rgba(255,255,255,0.85);
    margin-bottom: 2rem;
}
.table {
    border-radius: 1.2rem;
    overflow: hidden;
    background: transparent;
}
.table thead th {
    background: linear-gradient(90deg, #e3f0ff 0%, #f8fafc 100%);
    color: #1e293b;
    font-weight: 700;
    font-size: 1.05rem;
    border-bottom: 2px solid #b6d4fe;
}
.table tbody tr {
    transition: background 0.3s, box-shadow 0.3s, transform 0.2s;
}
.table tbody tr:hover {
    background: rgba(13,110,253,0.08) !important;
    box-shadow: 0 4px 24px 0 #0d6efd22;
    transform: scale(1.01);
    z-index: 2;
    position: relative;
}
td, th {
    vertical-align: middle !important;
    font-size: 1.01rem;
}
@media (max-width: 600px) {
    .table thead th, .table tbody td {
        font-size: 0.95rem;
        padding: 0.45rem 0.3rem;
    }
    .table-responsive {
        border-radius: 0.7rem;
    }
}