/* /Areas/Academic/Pages/AcademicCoordinator/Calendar/Index.razor.rz.scp.css */
.calendar-page[b-mebh7grhv7] {
        padding: 1.5rem;
    }

    .calendar-header[b-mebh7grhv7] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .header-left[b-mebh7grhv7] {
        display: flex;
        align-items: center;
    }

    .header-left .back-btn[b-mebh7grhv7] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        flex-shrink: 0;
    }

    .header-left h1[b-mebh7grhv7] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

    .header-left .text-muted[b-mebh7grhv7] {
        font-size: 0.875rem;
        margin: 0;
    }

    .header-actions[b-mebh7grhv7] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .loading-container[b-mebh7grhv7] {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 400px;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .calendar-page[b-mebh7grhv7] {
        padding: 1rem;
    }

    .calendar-header[b-mebh7grhv7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .header-left h1[b-mebh7grhv7] {
        font-size: 1.25rem;
    }

    .header-actions[b-mebh7grhv7] {
        width: 100%;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .header-actions .btn-group[b-mebh7grhv7] {
        flex: 1;
        min-width: 160px;
    }

    .header-actions .btn-group .btn[b-mebh7grhv7] {
        flex: 1;
        padding: 0.5rem;
        font-size: 0.875rem;
    }

    .header-actions > a[b-mebh7grhv7] {
        flex: 1;
        min-width: calc(50% - 0.25rem);
        text-align: center;
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }

    .header-actions > a.me-2[b-mebh7grhv7] {
        margin-right: 0 !important;
    }

    .loading-container[b-mebh7grhv7] {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .calendar-page[b-mebh7grhv7] {
        padding: 0.75rem;
    }

    .header-left h1[b-mebh7grhv7] {
        font-size: 1.1rem;
    }

    .header-left .text-muted[b-mebh7grhv7] {
        font-size: 0.8rem;
    }

    .header-actions .btn-group[b-mebh7grhv7] {
        width: 100%;
    }

    .header-actions > a[b-mebh7grhv7] {
        width: 100%;
        min-width: 100%;
    }

    .header-actions > a i[b-mebh7grhv7] {
        margin-right: 0.25rem;
    }
}
/* /Areas/Academic/Pages/AcademicCoordinator/Calendar/ListView.razor.rz.scp.css */
.event-list-page[b-55vscd6usm] {
        padding: 1rem;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .page-header[b-55vscd6usm] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1rem;
    }
    .page-header h1[b-55vscd6usm] {
        font-size: 1.5rem;
        margin: 0;
    }
/* /Areas/Academic/Pages/AcademicCoordinator/Index.razor.rz.scp.css */
.dashboard-container[b-pzsjjh5xmc] {
        padding: 1.5rem;
    }
    .page-header[b-pzsjjh5xmc] {
        margin-bottom: 2rem;
    }
    .page-header h1[b-pzsjjh5xmc] {
        margin: 0;
        font-size: 1.75rem;
        font-weight: 600;
    }
    .dashboard-cards[b-pzsjjh5xmc] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
    }
    .stat-card[b-pzsjjh5xmc] {
        background: var(--bg-primary);
        border-radius: 12px;
        padding: 1.5rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        box-shadow: var(--shadow-sm);
        border: 1px solid var(--border);
    }
    .stat-icon[b-pzsjjh5xmc] {
        width: 56px;
        height: 56px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: var(--btn-primary-text, #ffffff);
    }
    .stat-icon.bg-primary[b-pzsjjh5xmc] { background: linear-gradient(135deg, #667eea, #764ba2); }
    .stat-icon.bg-success[b-pzsjjh5xmc] { background: linear-gradient(135deg, #11998e, #38ef7d); }
    .stat-icon.bg-warning[b-pzsjjh5xmc] { background: linear-gradient(135deg, #f6d365, #fda085); }
    .stat-icon.bg-info[b-pzsjjh5xmc] { background: linear-gradient(135deg, #4facfe, #00f2fe); }
    .stat-content h3[b-pzsjjh5xmc] {
        font-size: 0.875rem;
        color: var(--text-muted);
        margin: 0;
    }
    .stat-value[b-pzsjjh5xmc] {
        font-size: 1.75rem;
        font-weight: 700;
        margin: 0.25rem 0;
        color: var(--text-primary);
    }
    .stat-label[b-pzsjjh5xmc] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }
    .action-buttons[b-pzsjjh5xmc] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    .action-buttons .btn[b-pzsjjh5xmc] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
/* /Areas/Academic/Pages/AcademicCoordinator/Syllabus/Analytics.razor.rz.scp.css */
.page-container[b-bbsett61ny] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.page-header[b-bbsett61ny] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-bbsett61ny] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
    margin: 0;
}

.subtitle[b-bbsett61ny] {
    color: var(--text-secondary, #6b7280);
    font-size: 0.875rem;
    margin: 0.25rem 0 0;
}

.loading-state[b-bbsett61ny] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: var(--text-secondary, #6b7280);
}

.loading-state i[b-bbsett61ny] {
    margin-bottom: 1rem;
    color: var(--primary-color, #4f46e5);
}

/* Summary Cards */
.summary-grid[b-bbsett61ny] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-bbsett61ny] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--card-bg, #fff);
    border-radius: 14px;
    border: 1px solid var(--border-color, #e5e7eb);
}

.card-icon[b-bbsett61ny] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.summary-card.primary .card-icon[b-bbsett61ny] {
    background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
    color: white;
}

.summary-card.info .card-icon[b-bbsett61ny] {
    background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
    color: white;
}

.summary-card.success .card-icon[b-bbsett61ny] {
    background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    color: white;
}

.summary-card.accent .card-icon[b-bbsett61ny] {
    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
    color: white;
}

.card-content[b-bbsett61ny] {
    display: flex;
    flex-direction: column;
}

.card-value[b-bbsett61ny] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
}

.card-label[b-bbsett61ny] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #6b7280);
}

/* Approval Queue Card */
.approval-queue-card[b-bbsett61ny] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.approval-queue-card h4[b-bbsett61ny] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
    margin: 0 0 1.25rem;
}

.approval-queue-card h4 i[b-bbsett61ny] {
    color: var(--primary-color, #4f46e5);
}

.queue-stats[b-bbsett61ny] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.queue-item[b-bbsett61ny] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem;
    border-radius: 12px;
    text-align: center;
}

.queue-item.pending[b-bbsett61ny] {
    background: #fef3c7;
}

.queue-item.approved[b-bbsett61ny] {
    background: #d1fae5;
}

.queue-item.forwarded[b-bbsett61ny] {
    background: #dbeafe;
}

.queue-item.rejected[b-bbsett61ny] {
    background: #fee2e2;
}

.queue-count[b-bbsett61ny] {
    font-size: 2rem;
    font-weight: 700;
}

.queue-item.pending .queue-count[b-bbsett61ny] {
    color: #d97706;
}

.queue-item.approved .queue-count[b-bbsett61ny] {
    color: #059669;
}

.queue-item.forwarded .queue-count[b-bbsett61ny] {
    color: #2563eb;
}

.queue-item.rejected .queue-count[b-bbsett61ny] {
    color: #dc2626;
}

.queue-label[b-bbsett61ny] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #6b7280);
    margin-top: 0.25rem;
}

.queue-action[b-bbsett61ny] {
    margin-top: 0.75rem;
    font-size: 0.8125rem;
    color: #d97706;
    text-decoration: none;
    font-weight: 500;
}

.queue-action:hover[b-bbsett61ny] {
    text-decoration: underline;
}

/* Analytics Row */
.analytics-row[b-bbsett61ny] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.analytics-card[b-bbsett61ny] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 16px;
    padding: 1.5rem;
}

.analytics-card.full-width[b-bbsett61ny] {
    grid-column: 1 / -1;
}

.analytics-card h4[b-bbsett61ny] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
    margin: 0 0 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.analytics-card h4 i[b-bbsett61ny] {
    color: var(--primary-color, #4f46e5);
}

/* Teacher List */
.teacher-list[b-bbsett61ny] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.teacher-item[b-bbsett61ny] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    border-radius: 10px;
    background: var(--surface-bg, #f9fafb);
}

.teacher-info[b-bbsett61ny] {
    flex: 1;
    min-width: 0;
}

.teacher-name[b-bbsett61ny] {
    display: block;
    font-weight: 500;
    color: var(--text-primary, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.teacher-dept[b-bbsett61ny] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.teacher-stats[b-bbsett61ny] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 140px;
}

.progress-mini[b-bbsett61ny] {
    flex: 1;
    height: 6px;
    background: var(--border-color, #e5e7eb);
    border-radius: 3px;
    overflow: hidden;
}

.progress-fill[b-bbsett61ny] {
    height: 100%;
    background: linear-gradient(90deg, #10b981, #34d399);
    border-radius: 3px;
}

.completion-text[b-bbsett61ny] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary, #6b7280);
    min-width: 40px;
    text-align: right;
}

.performance-badge[b-bbsett61ny] {
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    font-size: 0.6875rem;
    font-weight: 600;
}

.performance-badge.excellent[b-bbsett61ny] {
    background: #d1fae5;
    color: #059669;
}

.performance-badge.good[b-bbsett61ny] {
    background: #dbeafe;
    color: #2563eb;
}

.performance-badge.average[b-bbsett61ny] {
    background: #fef3c7;
    color: #d97706;
}

.performance-badge.below-average[b-bbsett61ny] {
    background: #fee2e2;
    color: #dc2626;
}

/* Subject List */
.subject-list[b-bbsett61ny] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.subject-item[b-bbsett61ny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    border-radius: 10px;
    background: var(--surface-bg, #f9fafb);
}

.subject-info[b-bbsett61ny] {
    flex: 1;
}

.subject-name[b-bbsett61ny] {
    display: block;
    font-weight: 500;
    color: var(--text-primary, #111827);
}

.subject-meta[b-bbsett61ny] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.subject-progress[b-bbsett61ny] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 140px;
}

.progress-bar[b-bbsett61ny] {
    flex: 1;
    height: 8px;
    background: var(--border-color, #e5e7eb);
    border-radius: 4px;
    overflow: hidden;
}

.subject-progress span[b-bbsett61ny] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary, #6b7280);
}

/* Heat Map */
.heat-map-grid[b-bbsett61ny] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.heat-cell[b-bbsett61ny] {
    padding: 1rem;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.heat-cell.high[b-bbsett61ny] {
    background: #d1fae5;
}

.heat-cell.medium[b-bbsett61ny] {
    background: #fef3c7;
}

.heat-cell.low[b-bbsett61ny] {
    background: #fed7aa;
}

.heat-cell.critical[b-bbsett61ny] {
    background: #fee2e2;
}

.cell-class[b-bbsett61ny] {
    font-weight: 600;
    color: var(--text-primary, #111827);
}

.cell-section[b-bbsett61ny] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.cell-percent[b-bbsett61ny] {
    font-size: 1.125rem;
    font-weight: 700;
}

.heat-cell.high .cell-percent[b-bbsett61ny] {
    color: #059669;
}

.heat-cell.medium .cell-percent[b-bbsett61ny] {
    color: #d97706;
}

.heat-cell.low .cell-percent[b-bbsett61ny] {
    color: #ea580c;
}

.heat-cell.critical .cell-percent[b-bbsett61ny] {
    color: #dc2626;
}

.heat-legend[b-bbsett61ny] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color, #e5e7eb);
}

.legend-item[b-bbsett61ny] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.legend-item .dot[b-bbsett61ny] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.legend-item.high .dot[b-bbsett61ny] {
    background: #d1fae5;
}

.legend-item.medium .dot[b-bbsett61ny] {
    background: #fef3c7;
}

.legend-item.low .dot[b-bbsett61ny] {
    background: #fed7aa;
}

.legend-item.critical .dot[b-bbsett61ny] {
    background: #fee2e2;
}

/* Activity List */
.activity-list[b-bbsett61ny] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.activity-item[b-bbsett61ny] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 10px;
    background: var(--surface-bg, #f9fafb);
}

.activity-icon[b-bbsett61ny] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
}

.activity-icon.completed[b-bbsett61ny] {
    background: #d1fae5;
    color: #059669;
}

.activity-icon.homework[b-bbsett61ny] {
    background: #dbeafe;
    color: #2563eb;
}

.activity-icon.approval[b-bbsett61ny] {
    background: #fef3c7;
    color: #d97706;
}

.activity-icon.info[b-bbsett61ny] {
    background: #f3f4f6;
    color: #6b7280;
}

.activity-content[b-bbsett61ny] {
    flex: 1;
    min-width: 0;
}

.activity-desc[b-bbsett61ny] {
    display: block;
    font-size: 0.875rem;
    color: var(--text-primary, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-meta[b-bbsett61ny] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.activity-time[b-bbsett61ny] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

/* Alerts List */
.alerts-list[b-bbsett61ny] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.alert-item[b-bbsett61ny] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 10px;
}

.alert-item.critical[b-bbsett61ny] {
    background: #fee2e2;
}

.alert-item.critical i[b-bbsett61ny] {
    color: #dc2626;
}

.alert-item.warning[b-bbsett61ny] {
    background: #fef3c7;
}

.alert-item.warning i[b-bbsett61ny] {
    color: #d97706;
}

.alert-item.info[b-bbsett61ny] {
    background: #dbeafe;
}

.alert-item.info i[b-bbsett61ny] {
    color: #2563eb;
}

.alert-content[b-bbsett61ny] {
    flex: 1;
}

.alert-message[b-bbsett61ny] {
    display: block;
    font-size: 0.875rem;
    color: var(--text-primary, #111827);
}

.alert-meta[b-bbsett61ny] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.no-alerts[b-bbsett61ny] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem;
    color: #10b981;
}

/* Dark mode */
:root.dark .summary-card[b-bbsett61ny],
:root.dark .analytics-card[b-bbsett61ny],
:root.dark .approval-queue-card[b-bbsett61ny] {
    background: var(--card-bg, #1f2937);
    border-color: var(--border-color, #374151);
}

:root.dark .teacher-item[b-bbsett61ny],
:root.dark .subject-item[b-bbsett61ny],
:root.dark .activity-item[b-bbsett61ny] {
    background: var(--surface-bg, #374151);
}

@media (max-width: 768px) {
    .analytics-row[b-bbsett61ny] {
        grid-template-columns: 1fr;
    }

    .queue-stats[b-bbsett61ny] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Areas/Academic/Pages/AcademicCoordinator/Syllabus/BookApprovals.razor.rz.scp.css */
.page-container[b-0yhqyqt8jd] { padding: 1.5rem; max-width: 1400px; margin: 0 auto; }
.page-header[b-0yhqyqt8jd] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
.page-header h1[b-0yhqyqt8jd] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.page-header .subtitle[b-0yhqyqt8jd] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }

.pending-badge[b-0yhqyqt8jd] { background: #fef3c7; color: #92400e; padding: 0.5rem 1rem; border-radius: 20px; font-weight: 600; font-size: 0.875rem; }
.pending-badge span[b-0yhqyqt8jd] { background: #f59e0b; color: white; padding: 0.125rem 0.5rem; border-radius: 10px; margin-right: 0.25rem; }

/* Alerts */
.alert[b-0yhqyqt8jd] { padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.alert-danger[b-0yhqyqt8jd] { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.alert-success[b-0yhqyqt8jd] { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }
.alert-close[b-0yhqyqt8jd] { margin-left: auto; background: none; border: none; cursor: pointer; color: inherit; opacity: 0.6; }

/* Filters */
.filters-bar[b-0yhqyqt8jd] { display: flex; gap: 1rem; margin-bottom: 1.5rem; align-items: center; flex-wrap: wrap; }
.filter-group[b-0yhqyqt8jd] { display: flex; align-items: center; gap: 0.5rem; }
.filter-group label[b-0yhqyqt8jd] { font-size: 0.875rem; font-weight: 500; color: var(--text-secondary); }
.form-select[b-0yhqyqt8jd] { padding: 0.5rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.875rem; background: var(--card-bg); min-width: 150px; }

.bulk-actions[b-0yhqyqt8jd] { display: flex; align-items: center; gap: 0.5rem; margin-left: auto; padding: 0.5rem 1rem; background: var(--bg-secondary); border-radius: 8px; }
.bulk-actions span[b-0yhqyqt8jd] { font-size: 0.875rem; font-weight: 500; }

/* Loading & Empty */
.loading[b-0yhqyqt8jd], .empty-state[b-0yhqyqt8jd] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state i[b-0yhqyqt8jd] { font-size: 2.5rem; opacity: 0.4; margin-bottom: 0.5rem; display: block; }

/* Requests Grid */
.requests-grid[b-0yhqyqt8jd] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1rem; }

.request-card[b-0yhqyqt8jd] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; }
.request-card.pending[b-0yhqyqt8jd] { border-left: 4px solid #f59e0b; }
.request-card.approved[b-0yhqyqt8jd] { border-left: 4px solid #10b981; }
.request-card.rejected[b-0yhqyqt8jd] { border-left: 4px solid #ef4444; opacity: 0.7; }

.card-header[b-0yhqyqt8jd] { display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border-color); }
.card-checkbox[b-0yhqyqt8jd] { margin-right: 0.25rem; }
.card-checkbox input[b-0yhqyqt8jd] { cursor: pointer; }
.request-date[b-0yhqyqt8jd] { margin-left: auto; font-size: 0.75rem; color: var(--text-secondary); }

.card-body[b-0yhqyqt8jd] { padding: 1rem; }
.card-body h5[b-0yhqyqt8jd] { margin: 0 0 0.5rem; font-size: 1rem; font-weight: 600; }
.meta[b-0yhqyqt8jd] { display: flex; gap: 1rem; margin-bottom: 0.5rem; font-size: 0.8125rem; color: var(--text-secondary); }
.meta i[b-0yhqyqt8jd] { margin-right: 0.25rem; }
.details[b-0yhqyqt8jd] { font-size: 0.8125rem; margin-bottom: 0.5rem; }
.details span[b-0yhqyqt8jd] { display: block; margin-bottom: 0.125rem; }
.teacher-info[b-0yhqyqt8jd] { font-size: 0.8125rem; color: var(--text-secondary); padding-top: 0.5rem; border-top: 1px solid var(--border-color); }
.teacher-info i[b-0yhqyqt8jd] { margin-right: 0.375rem; }

.card-actions[b-0yhqyqt8jd] { display: flex; gap: 0.5rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-top: 1px solid var(--border-color); }
.card-actions .btn[b-0yhqyqt8jd] { flex: 1; }

.rejection-reason[b-0yhqyqt8jd] { padding: 0.75rem 1rem; background: #fef2f2; font-size: 0.8125rem; color: #991b1b; border-top: 1px solid #fecaca; }
.rejection-reason i[b-0yhqyqt8jd] { margin-right: 0.375rem; }

/* Buttons */
.btn[b-0yhqyqt8jd] { display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; }
.btn-sm[b-0yhqyqt8jd] { padding: 0.375rem 0.75rem; font-size: 0.8125rem; }
.btn-success[b-0yhqyqt8jd] { background: #10b981; color: white; }
.btn-success:hover[b-0yhqyqt8jd] { background: #059669; }
.btn-danger[b-0yhqyqt8jd] { background: #ef4444; color: white; }
.btn-danger:hover[b-0yhqyqt8jd] { background: #dc2626; }
.btn-outline[b-0yhqyqt8jd] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-outline:hover[b-0yhqyqt8jd] { background: var(--bg-secondary); }

/* Badge */
.badge[b-0yhqyqt8jd] { font-size: 0.6875rem; padding: 0.2rem 0.5rem; border-radius: 10px; font-weight: 500; text-transform: uppercase; }
.bg-warning[b-0yhqyqt8jd] { background: #fef3c7; color: #92400e; }
.bg-success[b-0yhqyqt8jd] { background: #d1fae5; color: #065f46; }
.bg-danger[b-0yhqyqt8jd] { background: #fee2e2; color: #991b1b; }

@media (max-width: 640px) {
    .page-header[b-0yhqyqt8jd] { flex-direction: column; gap: 1rem; }
    .filters-bar[b-0yhqyqt8jd] { flex-direction: column; align-items: stretch; }
    .bulk-actions[b-0yhqyqt8jd] { margin-left: 0; }
}
/* /Areas/Academic/Pages/AcademicCoordinator/Syllabus/Index.razor.rz.scp.css */
.page-container[b-lxa7g6f5ca] { padding: 1.5rem; max-width: 1400px; margin: 0 auto; }
.page-header[b-lxa7g6f5ca] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
.page-header h1[b-lxa7g6f5ca] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.page-header .subtitle[b-lxa7g6f5ca] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }

/* Alerts */
.alert[b-lxa7g6f5ca] { padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.alert-danger[b-lxa7g6f5ca] { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.alert-success[b-lxa7g6f5ca] { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }
.alert-close[b-lxa7g6f5ca] { margin-left: auto; background: none; border: none; cursor: pointer; color: inherit; opacity: 0.6; }

/* Stats Row */
.stats-row[b-lxa7g6f5ca] { display: flex; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.stat-card[b-lxa7g6f5ca] { flex: 1; min-width: 140px; padding: 1rem 1.25rem; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; text-align: center; }
.stat-card .stat-value[b-lxa7g6f5ca] { display: block; font-size: 1.75rem; font-weight: 700; }
.stat-card .stat-label[b-lxa7g6f5ca] { font-size: 0.75rem; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.025em; }
.stat-card.pending .stat-value[b-lxa7g6f5ca] { color: #d97706; }
.stat-card.approved .stat-value[b-lxa7g6f5ca] { color: #059669; }
.stat-card.awaiting .stat-value[b-lxa7g6f5ca] { color: #6366f1; }
.stat-card.draft .stat-value[b-lxa7g6f5ca] { color: #6b7280; }

/* Filters Bar */
.filters-bar[b-lxa7g6f5ca] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; flex-wrap: wrap; }
.filter-group[b-lxa7g6f5ca] { display: flex; align-items: center; gap: 0.5rem; }
.filter-group label[b-lxa7g6f5ca] { font-size: 0.8125rem; font-weight: 500; }
.form-select[b-lxa7g6f5ca] { padding: 0.375rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.8125rem; background: var(--input-bg); color: var(--text-primary); min-width: 150px; }
.bulk-actions[b-lxa7g6f5ca] { display: flex; align-items: center; gap: 0.75rem; margin-left: auto; }
.bulk-actions span[b-lxa7g6f5ca] { font-size: 0.8125rem; font-weight: 500; color: var(--text-secondary); }

/* Loading & Empty */
.loading[b-lxa7g6f5ca] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state[b-lxa7g6f5ca] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state i[b-lxa7g6f5ca] { font-size: 3rem; margin-bottom: 1rem; opacity: 0.5; }

/* Table */
.approval-table-container[b-lxa7g6f5ca] { overflow-x: auto; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; }
.approval-table[b-lxa7g6f5ca] { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
.approval-table thead[b-lxa7g6f5ca] { background: var(--bg-secondary); }
.approval-table th[b-lxa7g6f5ca] { padding: 0.75rem 1rem; text-align: left; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.025em; color: var(--text-secondary); border-bottom: 1px solid var(--border-color); }
.approval-table td[b-lxa7g6f5ca] { padding: 0.75rem 1rem; border-bottom: 1px solid var(--border-color); vertical-align: top; }
.approval-table tbody tr:hover[b-lxa7g6f5ca] { background: var(--bg-secondary); }
.approval-table tbody tr:last-child td[b-lxa7g6f5ca] { border-bottom: none; }
.col-check[b-lxa7g6f5ca] { width: 40px; text-align: center; }
.rejected-row[b-lxa7g6f5ca] { background: #fef2f2; }

.teacher-name[b-lxa7g6f5ca] { font-weight: 500; }
.exam-badge[b-lxa7g6f5ca] { font-size: 0.7rem; font-weight: 600; padding: 0.2rem 0.5rem; background: #667eea; color: white; border-radius: 4px; }
.unit-no[b-lxa7g6f5ca] { font-size: 0.75rem; color: var(--text-secondary); margin-right: 0.25rem; }
.description[b-lxa7g6f5ca] { display: block; font-size: 0.75rem; color: var(--text-secondary); margin-top: 0.25rem; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.status-badge[b-lxa7g6f5ca] { font-size: 0.7rem; padding: 0.2rem 0.5rem; border-radius: 4px; font-weight: 500; display: inline-block; }
.status-badge.draft[b-lxa7g6f5ca] { background: #e5e7eb; color: #374151; }
.status-badge.pending[b-lxa7g6f5ca] { background: #fef3c7; color: #92400e; }
.status-badge.approved[b-lxa7g6f5ca] { background: #d1fae5; color: #065f46; }
.status-badge.rejected[b-lxa7g6f5ca] { background: #fee2e2; color: #b91c1c; }

.action-buttons[b-lxa7g6f5ca] { display: flex; gap: 0.375rem; }

/* Buttons */
.btn[b-lxa7g6f5ca] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; text-decoration: none; }
.btn-sm[b-lxa7g6f5ca] { padding: 0.375rem 0.5rem; font-size: 0.75rem; }
.btn-primary[b-lxa7g6f5ca] { background: #667eea !important; color: white !important; }
.btn-primary:hover[b-lxa7g6f5ca] { background: #5a67d8 !important; }
.btn-success[b-lxa7g6f5ca] { background: #10b981; color: white; }
.btn-success:hover[b-lxa7g6f5ca] { background: #059669; }
.btn-danger[b-lxa7g6f5ca] { background: #dc2626; color: white; }
.btn-danger:hover[b-lxa7g6f5ca] { background: #b91c1c; }
.btn-outline[b-lxa7g6f5ca] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-outline:hover[b-lxa7g6f5ca] { background: var(--bg-secondary); }
.btn:disabled[b-lxa7g6f5ca] { opacity: 0.5; cursor: not-allowed; }

/* Modal */
.modal-backdrop[b-lxa7g6f5ca] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 1rem; }
.modal[b-lxa7g6f5ca] { background: var(--card-bg); border-radius: 12px; width: 100%; max-width: 500px; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; }
.modal-lg[b-lxa7g6f5ca] { max-width: 700px; }
.modal-header[b-lxa7g6f5ca] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid var(--border-color); }
.modal-header h3[b-lxa7g6f5ca] { margin: 0; font-size: 1.125rem; }
.close-btn[b-lxa7g6f5ca] { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-secondary); line-height: 1; }
.modal-body[b-lxa7g6f5ca] { padding: 1.5rem; overflow-y: auto; flex: 1; }
.modal-footer[b-lxa7g6f5ca] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-top: 1px solid var(--border-color); background: var(--bg-secondary); }

.entry-preview[b-lxa7g6f5ca] { background: var(--bg-secondary); padding: 1rem; border-radius: 8px; margin-bottom: 1rem; }
.entry-preview p[b-lxa7g6f5ca] { margin: 0.25rem 0; font-size: 0.875rem; }

/* Details Grid */
.details-grid[b-lxa7g6f5ca] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.detail-item[b-lxa7g6f5ca] { display: flex; flex-direction: column; gap: 0.25rem; }
.detail-item label[b-lxa7g6f5ca] { font-size: 0.75rem; font-weight: 500; color: var(--text-secondary); text-transform: uppercase; }
.detail-item span[b-lxa7g6f5ca] { font-size: 0.875rem; }
.detail-item.full-width[b-lxa7g6f5ca] { grid-column: 1 / -1; }
.multiline[b-lxa7g6f5ca] { white-space: pre-wrap; }

/* Form */
.form-group[b-lxa7g6f5ca] { margin-bottom: 1rem; }
.form-group label[b-lxa7g6f5ca] { display: block; font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.375rem; }
.form-group .req[b-lxa7g6f5ca] { color: #dc2626; }
.form-control[b-lxa7g6f5ca] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.875rem; background: var(--input-bg); color: var(--text-primary); }
.form-control:focus[b-lxa7g6f5ca] { outline: none; border-color: var(--primary-color); }
.form-control.is-invalid[b-lxa7g6f5ca] { border-color: #dc2626; }
textarea.form-control[b-lxa7g6f5ca] { resize: vertical; min-height: 80px; }
.validation-error[b-lxa7g6f5ca] { color: #dc2626; font-size: 0.75rem; margin-top: 0.25rem; display: block; }

@media (max-width: 768px) {
    .stats-row[b-lxa7g6f5ca] { flex-direction: column; }
    .stat-card[b-lxa7g6f5ca] { min-width: auto; }
    .filters-bar[b-lxa7g6f5ca] { flex-direction: column; align-items: stretch; }
    .bulk-actions[b-lxa7g6f5ca] { margin-left: 0; justify-content: flex-end; }
    .details-grid[b-lxa7g6f5ca] { grid-template-columns: 1fr; }
    .approval-table[b-lxa7g6f5ca] { font-size: 0.8rem; }
    .approval-table th[b-lxa7g6f5ca], .approval-table td[b-lxa7g6f5ca] { padding: 0.5rem; }
}
/* /Areas/Academic/Pages/AcademicCoordinator/Timetable/Approvals.razor.rz.scp.css */
/* Approvals Page Styles - Coordinator */
.approvals-page[b-c7k0vfex3o] {
    padding: 1.5rem;
}

/* Header */
.page-header[b-c7k0vfex3o] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-left h1[b-c7k0vfex3o] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

.header-left .text-muted[b-c7k0vfex3o] {
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
}

/* Stats Row */
.stats-row[b-c7k0vfex3o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-c7k0vfex3o] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.stat-card.pending[b-c7k0vfex3o] {
    border-left: 4px solid #f39c12;
}

.stat-card.draft[b-c7k0vfex3o] {
    border-left: 4px solid #6c757d;
}

.stat-card.approved[b-c7k0vfex3o] {
    border-left: 4px solid #27ae60;
}

.stat-card.rejected[b-c7k0vfex3o] {
    border-left: 4px solid #e74c3c;
}

.stat-icon[b-c7k0vfex3o] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f8f9fa;
    font-size: 1.25rem;
}

.stat-card.pending .stat-icon[b-c7k0vfex3o] { background: rgba(243, 156, 18, 0.1); color: #f39c12; }
.stat-card.draft .stat-icon[b-c7k0vfex3o] { background: rgba(108, 117, 125, 0.1); color: #6c757d; }
.stat-card.approved .stat-icon[b-c7k0vfex3o] { background: rgba(39, 174, 96, 0.1); color: #27ae60; }
.stat-card.rejected .stat-icon[b-c7k0vfex3o] { background: rgba(231, 76, 60, 0.1); color: #e74c3c; }

.stat-content[b-c7k0vfex3o] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-c7k0vfex3o] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
}

.stat-label[b-c7k0vfex3o] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* Filters Bar */
.filters-bar[b-c7k0vfex3o] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.filter-group[b-c7k0vfex3o] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.filter-group label[b-c7k0vfex3o] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
}

.filter-group .form-select[b-c7k0vfex3o] {
    min-width: 150px;
}

/* Override Groups */
.overrides-list[b-c7k0vfex3o] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.override-group[b-c7k0vfex3o] {
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.override-group.past[b-c7k0vfex3o] {
    opacity: 0.7;
}

.group-header[b-c7k0vfex3o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: var(--btn-primary-text, #ffffff);
    flex-wrap: wrap;
    gap: 0.5rem;
}

.group-title[b-c7k0vfex3o] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.class-name[b-c7k0vfex3o] {
    font-weight: 600;
    font-size: 1.1rem;
}

.week-info[b-c7k0vfex3o] {
    font-size: 0.9rem;
    opacity: 0.9;
}

/* Overrides Table */
.overrides-table-container[b-c7k0vfex3o] {
    overflow-x: auto;
}

.overrides-table[b-c7k0vfex3o] {
    width: 100%;
    border-collapse: collapse;
}

.overrides-table th[b-c7k0vfex3o],
.overrides-table td[b-c7k0vfex3o] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.overrides-table th[b-c7k0vfex3o] {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-muted);
    text-transform: uppercase;
    background: var(--bg-secondary);
}

.overrides-table tbody tr:last-child td[b-c7k0vfex3o] {
    border-bottom: none;
}

.overrides-table tbody tr:hover[b-c7k0vfex3o] {
    background: var(--bg-secondary);
}

.overrides-table tbody tr.draft[b-c7k0vfex3o] {
    background: rgba(108, 117, 125, 0.05);
}

.overrides-table tbody tr.pending-approval[b-c7k0vfex3o] {
    background: rgba(243, 156, 18, 0.05);
}

.overrides-table tbody tr.approved[b-c7k0vfex3o] {
    background: rgba(39, 174, 96, 0.05);
}

.overrides-table tbody tr.rejected[b-c7k0vfex3o] {
    background: rgba(231, 76, 60, 0.05);
}

/* Empty State */
.empty-state[b-c7k0vfex3o] {
    text-align: center;
    padding: 4rem 2rem;
    background: var(--card-bg);
    border-radius: 12px;
    color: var(--text-muted);
}

.empty-state i[b-c7k0vfex3o] {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state h5[b-c7k0vfex3o] {
    margin-bottom: 0.5rem;
}

/* Loading */
.loading-container[b-c7k0vfex3o] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* Modal Styles */
.modal-backdrop[b-c7k0vfex3o] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal[b-c7k0vfex3o] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog[b-c7k0vfex3o] {
    position: relative;
    width: auto;
    margin: 1.75rem auto;
    max-width: 500px;
    pointer-events: none;
}

.modal-content[b-c7k0vfex3o] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: var(--card-bg);
    background-clip: padding-box;
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.modal-header[b-c7k0vfex3o] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid var(--border);
}

.modal-title[b-c7k0vfex3o] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
}

.modal-body[b-c7k0vfex3o] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer[b-c7k0vfex3o] {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid var(--border);
    gap: 0.5rem;
}

.btn-close[b-c7k0vfex3o] {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
    cursor: pointer;
}

.btn-close:hover[b-c7k0vfex3o] {
    opacity: 0.75;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-c7k0vfex3o] {
        flex-direction: column;
    }

    .stats-row[b-c7k0vfex3o] {
        grid-template-columns: repeat(2, 1fr);
    }

    .group-header[b-c7k0vfex3o] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Areas/Academic/Pages/AcademicCoordinator/Timetable/CloneWizard.razor.rz.scp.css */
/* Clone Wizard Styles */

.clone-wizard-page[b-da7a5k0ln2] {
    padding: 1.5rem;
    max-width: 900px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-da7a5k0ln2] {
    margin-bottom: 2rem;
}

.header-left[b-da7a5k0ln2] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.header-left h1[b-da7a5k0ln2] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.subtitle[b-da7a5k0ln2] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin: 0.25rem 0 0 0;
}

/* Access Denied */
.access-denied[b-da7a5k0ln2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
    padding: 2rem;
}

.access-denied-icon[b-da7a5k0ln2] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--error-bg, #fef2f2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.access-denied-icon i[b-da7a5k0ln2] {
    font-size: 2.5rem;
    color: var(--error-text, #ef4444);
}

/* Loading State */
.loading-state[b-da7a5k0ln2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    color: var(--text-muted);
}

.loading-state p[b-da7a5k0ln2] {
    margin-top: 1rem;
}

/* Wizard Steps */
.wizard-steps[b-da7a5k0ln2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 2rem;
}

.step[b-da7a5k0ln2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.step-number[b-da7a5k0ln2] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--bg-secondary);
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: all 0.3s;
}

.step span[b-da7a5k0ln2] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.step.active .step-number[b-da7a5k0ln2] {
    background: var(--primary, #3b82f6);
    color: var(--btn-primary-text, #ffffff);
}

.step.active span[b-da7a5k0ln2] {
    color: var(--primary, #3b82f6);
    font-weight: 600;
}

.step.completed .step-number[b-da7a5k0ln2] {
    background: var(--success-text, #16a34a);
    color: var(--btn-primary-text, #ffffff);
}

.step-connector[b-da7a5k0ln2] {
    width: 60px;
    height: 3px;
    background: var(--border);
    margin: 0 0.5rem;
    margin-bottom: 1.5rem;
    transition: background 0.3s;
}

.step-connector.active[b-da7a5k0ln2] {
    background: var(--success-text, #16a34a);
}

/* Wizard Content */
.wizard-content[b-da7a5k0ln2] {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.5rem;
    min-height: 400px;
}

.wizard-step h4[b-da7a5k0ln2] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.25rem 0;
}

.wizard-step > p[b-da7a5k0ln2] {
    color: var(--text-muted);
    margin-bottom: 1.5rem;
}

/* Source Grid */
.source-grid[b-da7a5k0ln2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

.source-card[b-da7a5k0ln2] {
    position: relative;
    padding: 1rem;
    border: 2px solid var(--border);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
}

.source-card:hover[b-da7a5k0ln2] {
    border-color: var(--text-muted);
}

.source-card.selected[b-da7a5k0ln2] {
    border-color: var(--primary, #3b82f6);
    background: var(--info-bg);
}

.source-header[b-da7a5k0ln2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.source-header .class-name[b-da7a5k0ln2] {
    font-weight: 600;
    color: var(--text-primary);
}

.source-header .slot-count[b-da7a5k0ln2] {
    font-size: 0.75rem;
    color: var(--text-muted);
    background: var(--bg-secondary);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.source-info[b-da7a5k0ln2] {
    display: flex;
    gap: 1rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.selected-indicator[b-da7a5k0ln2] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    color: var(--primary, #3b82f6);
    font-size: 1.25rem;
}

/* Selection Actions */
.selection-actions[b-da7a5k0ln2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.selection-count[b-da7a5k0ln2] {
    margin-left: auto;
    font-size: 0.875rem;
    color: var(--primary, #3b82f6);
    font-weight: 500;
}

/* Target Grid */
.target-grid[b-da7a5k0ln2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.75rem;
}

.target-card[b-da7a5k0ln2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.target-card:hover[b-da7a5k0ln2] {
    background: var(--bg-secondary);
}

.target-card.selected[b-da7a5k0ln2] {
    border-color: var(--primary, #3b82f6);
    background: var(--info-bg);
}

.target-card.has-timetable[b-da7a5k0ln2] {
    border-style: dashed;
}

.target-checkbox input[b-da7a5k0ln2] {
    width: 18px;
    height: 18px;
    accent-color: var(--primary, #3b82f6);
}

.target-info[b-da7a5k0ln2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.target-info .class-name[b-da7a5k0ln2] {
    font-weight: 500;
    color: var(--text-primary);
    font-size: 0.875rem;
}

.has-timetable-badge[b-da7a5k0ln2] {
    font-size: 0.7rem;
    color: var(--warning-text, #f59e0b);
}

/* Cloning Progress */
.cloning-progress[b-da7a5k0ln2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
}

.cloning-progress p[b-da7a5k0ln2] {
    margin: 1rem 0 0.5rem 0;
    color: var(--text-primary);
}

.cloning-progress .progress[b-da7a5k0ln2] {
    width: 100%;
    max-width: 300px;
    height: 8px;
    background: var(--border);
    border-radius: 4px;
    overflow: hidden;
}

.cloning-progress .progress-bar[b-da7a5k0ln2] {
    height: 100%;
    background: var(--primary, #3b82f6);
    transition: width 0.3s;
}

.cloning-progress small[b-da7a5k0ln2] {
    color: var(--text-muted);
    margin-top: 0.5rem;
}

/* Clone Summary */
.clone-summary[b-da7a5k0ln2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.summary-header[b-da7a5k0ln2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 8px;
    font-weight: 600;
}

.summary-header.success[b-da7a5k0ln2] {
    background: var(--success-bg, #dcfce7);
    color: var(--success-text, #16a34a);
}

.summary-header.partial[b-da7a5k0ln2] {
    background: var(--warning-bg, #fef3c7);
    color: var(--warning-text, #d97706);
}

.summary-header i[b-da7a5k0ln2] {
    font-size: 1.25rem;
}

/* Results List */
.results-list[b-da7a5k0ln2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.result-item[b-da7a5k0ln2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--bg-secondary);
    border-radius: 8px;
}

.result-item.success[b-da7a5k0ln2] {
    border-left: 3px solid var(--success-text, #16a34a);
}

.result-item.failed[b-da7a5k0ln2] {
    border-left: 3px solid var(--error-text, #ef4444);
}

.result-icon[b-da7a5k0ln2] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-item.success .result-icon[b-da7a5k0ln2] {
    background: var(--success-bg, #dcfce7);
    color: var(--success-text, #16a34a);
}

.result-item.failed .result-icon[b-da7a5k0ln2] {
    background: var(--error-bg, #fef2f2);
    color: var(--error-text, #ef4444);
}

.result-info[b-da7a5k0ln2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.result-info .target-name[b-da7a5k0ln2] {
    font-weight: 500;
    color: var(--text-primary);
}

.result-info .result-detail[b-da7a5k0ln2] {
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.result-info .result-error[b-da7a5k0ln2] {
    font-size: 0.8125rem;
    color: var(--error-text, #ef4444);
}

/* Empty State */
.empty-state[b-da7a5k0ln2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: var(--text-muted);
}

.empty-state i[b-da7a5k0ln2] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--text-muted);
}

/* Wizard Navigation */
.wizard-nav[b-da7a5k0ln2] {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

/* Responsive */
@media (max-width: 640px) {
    .clone-wizard-page[b-da7a5k0ln2] {
        padding: 1rem;
    }

    .wizard-steps[b-da7a5k0ln2] {
        transform: scale(0.9);
    }

    .step-connector[b-da7a5k0ln2] {
        width: 30px;
    }

    .source-grid[b-da7a5k0ln2],
    .target-grid[b-da7a5k0ln2] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/AcademicCoordinator/Timetable/Editor.razor.rz.scp.css */
/* Coordinator Timetable Editor Styles */

.editor-page[b-ja97n0y1ee] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Loading State */
.loading-container[b-ja97n0y1ee] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

/* Access Denied */
.access-denied[b-ja97n0y1ee] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
    padding: 2rem;
}

.access-denied-icon[b-ja97n0y1ee] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--error-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.access-denied-icon i[b-ja97n0y1ee] {
    font-size: 2.5rem;
    color: var(--error-text);
}

.access-denied h3[b-ja97n0y1ee] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.access-denied p[b-ja97n0y1ee] {
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
    max-width: 400px;
}

/* Empty State */
.empty-state[b-ja97n0y1ee] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
    color: var(--text-secondary);
}

.empty-state i[b-ja97n0y1ee] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--text-muted);
}

/* Page Header */
.page-header[b-ja97n0y1ee] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-left[b-ja97n0y1ee] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.header-left h1[b-ja97n0y1ee] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.header-actions[b-ja97n0y1ee] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Delegation Notice */
.delegation-notice[b-ja97n0y1ee] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--info-bg);
    border: 1px solid var(--info-border);
    border-radius: 8px;
    color: var(--info-text);
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.delegation-notice i[b-ja97n0y1ee] {
    color: var(--brand-blue, #3b82f6);
}

/* Timetable Card */
.timetable-card[b-ja97n0y1ee] {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.timetable-info[b-ja97n0y1ee] {
    display: flex;
    gap: 1.5rem;
    padding: 0.75rem 1rem;
    background: var(--bg-secondary, var(--surface-alt));
    border-bottom: 1px solid var(--border);
    font-size: 0.875rem;
    color: var(--text-secondary);
}

/* Timetable Table */
.timetable-table[b-ja97n0y1ee] {
    margin: 0;
    font-size: 0.8125rem;
}

.timetable-table th[b-ja97n0y1ee],
.timetable-table td[b-ja97n0y1ee] {
    vertical-align: middle;
    text-align: center;
}

.day-header[b-ja97n0y1ee] {
    background: var(--bg-secondary, var(--surface-alt)) !important;
    font-weight: 600;
    min-width: 100px;
}

.period-header[b-ja97n0y1ee] {
    background: var(--bg-secondary, var(--surface-alt)) !important;
    min-width: 90px;
    padding: 0.5rem !important;
}

.period-name[b-ja97n0y1ee] {
    font-weight: 600;
    color: var(--text-primary);
}

.period-time[b-ja97n0y1ee] {
    font-size: 0.7rem;
    color: var(--text-secondary);
}

.day-cell[b-ja97n0y1ee] {
    background: var(--bg-secondary, var(--surface-alt)) !important;
    font-weight: 600;
    color: var(--text-primary);
}

.day-cell.off-day[b-ja97n0y1ee] {
    color: var(--text-muted);
}

.slot-cell[b-ja97n0y1ee] {
    padding: 0.25rem !important;
    min-height: 60px;
    position: relative;
    transition: all 0.2s;
}

.slot-cell.editable[b-ja97n0y1ee] {
    cursor: pointer;
}

.slot-cell.editable:hover[b-ja97n0y1ee] {
    background: var(--info-bg) !important;
}

.slot-cell.has-slot[b-ja97n0y1ee] {
    background: var(--success-bg) !important;
}

.slot-content[b-ja97n0y1ee] {
    padding: 0.25rem;
}

.slot-content .subject[b-ja97n0y1ee] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.75rem;
    line-height: 1.2;
}

.slot-content .teacher[b-ja97n0y1ee] {
    font-size: 0.7rem;
    color: var(--text-secondary);
    margin-top: 2px;
}

.empty-slot[b-ja97n0y1ee] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    color: var(--text-muted);
}

.slot-cell.editable .empty-slot[b-ja97n0y1ee] {
    color: var(--text-muted);
}

.slot-cell.editable:hover .empty-slot[b-ja97n0y1ee] {
    color: var(--brand-blue, #3b82f6);
}

/* Break Period */
.break-period-cell[b-ja97n0y1ee] {
    background: var(--warning-bg) !important;
}

.break-period-content[b-ja97n0y1ee] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--warning-text);
    font-weight: 500;
}

/* Off Day */
.off-day-row[b-ja97n0y1ee] {
    background: var(--bg-secondary, var(--surface-alt));
}

.off-day-cell[b-ja97n0y1ee] {
    background: var(--bg-secondary, var(--surface-alt)) !important;
}

.off-day-content[b-ja97n0y1ee] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--text-secondary);
    font-style: italic;
}

/* Workload Preview Panel */
.workload-preview-panel[b-ja97n0y1ee] {
    background: var(--card-bg);
    border: 1px solid var(--warning-border);
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.workload-preview-panel .panel-header[b-ja97n0y1ee] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.workload-preview-panel .panel-header h5[b-ja97n0y1ee] {
    margin: 0;
    font-size: 1rem;
    color: var(--text-primary);
}

.btn-close-panel[b-ja97n0y1ee] {
    margin-left: auto;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    padding: 0.25rem;
}

.btn-close-panel:hover[b-ja97n0y1ee] {
    color: var(--text-primary);
}

.workload-cards[b-ja97n0y1ee] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.75rem;
}

.workload-card[b-ja97n0y1ee] {
    background: var(--bg-secondary, var(--surface-alt));
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 0.75rem;
}

.workload-card.overloaded[b-ja97n0y1ee] {
    background: var(--error-bg);
    border-color: var(--error-border);
}

.workload-card .teacher-name[b-ja97n0y1ee] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.workload-bar-container[b-ja97n0y1ee] {
    height: 8px;
    background: var(--border);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.workload-bar[b-ja97n0y1ee] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.workload-stats[b-ja97n0y1ee] {
    display: flex;
    justify-content: space-between;
    font-size: 0.7rem;
    color: var(--text-secondary);
}

.workload-stats .total[b-ja97n0y1ee] {
    font-weight: 600;
    color: var(--text-primary);
}

/* Modal Styles */
.modal-content[b-ja97n0y1ee] {
    border-radius: 12px;
    border: none;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    background: var(--card-bg);
}

.modal-header[b-ja97n0y1ee] {
    border-bottom: 1px solid var(--border);
    padding: 1rem 1.25rem;
}

.modal-title[b-ja97n0y1ee] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
}

.modal-body[b-ja97n0y1ee] {
    padding: 1.25rem;
}

.modal-footer[b-ja97n0y1ee] {
    border-top: 1px solid var(--border);
    padding: 1rem 1.25rem;
}

/* Selected File */
.selected-file[b-ja97n0y1ee] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    background: var(--success-bg);
    border: 1px solid var(--success-border);
    border-radius: 8px;
}

/* Responsive */
@media (max-width: 768px) {
    .editor-page[b-ja97n0y1ee] {
        padding: 1rem;
    }

    .page-header[b-ja97n0y1ee] {
        flex-direction: column;
    }

    .header-actions[b-ja97n0y1ee] {
        width: 100%;
        justify-content: flex-start;
    }

    .timetable-info[b-ja97n0y1ee] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .workload-cards[b-ja97n0y1ee] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/AcademicCoordinator/Timetable/Index.razor.rz.scp.css */
/* Coordinator Timetable List Page Styles */

.timetable-list-page[b-pccwc868xq] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-pccwc868xq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-left h1[b-pccwc868xq] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.subtitle[b-pccwc868xq] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin: 0.25rem 0 0 0;
}

.permission-badges[b-pccwc868xq] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.permission-badges .badge[b-pccwc868xq] {
    font-size: 0.75rem;
    padding: 0.35rem 0.75rem;
}

/* Delegation Inactive State */
.delegation-inactive[b-pccwc868xq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
    padding: 2rem;
}

.inactive-icon[b-pccwc868xq] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--warning-bg, #fef3c7);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.inactive-icon i[b-pccwc868xq] {
    font-size: 2.5rem;
    color: var(--warning-text, #f59e0b);
}

.delegation-inactive h4[b-pccwc868xq] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.delegation-inactive p[b-pccwc868xq] {
    color: var(--text-muted);
    margin-bottom: 0.5rem;
}

/* Delegation Notice */
.delegation-notice[b-pccwc868xq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--info-bg);
    border: 1px solid var(--info-border, #bfdbfe);
    border-radius: 8px;
    color: var(--info-text);
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.delegation-notice i[b-pccwc868xq] {
    color: var(--primary, #3b82f6);
}

/* Loading State */
.loading-state[b-pccwc868xq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    color: var(--text-muted);
}

.loading-state p[b-pccwc868xq] {
    margin-top: 1rem;
}

/* Empty State */
.empty-state[b-pccwc868xq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    text-align: center;
    color: var(--text-muted);
}

.empty-state i[b-pccwc868xq] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--text-muted);
}

/* Stats Bar */
.stats-bar[b-pccwc868xq] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.stat-item[b-pccwc868xq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    min-width: 100px;
}

.stat-item .stat-value[b-pccwc868xq] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
}

.stat-item .stat-label[b-pccwc868xq] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.stat-item.published .stat-value[b-pccwc868xq] {
    color: var(--success-text, #16a34a);
}

.stat-item.draft .stat-value[b-pccwc868xq] {
    color: var(--warning-text, #f59e0b);
}

.stat-item.none .stat-value[b-pccwc868xq] {
    color: var(--text-muted);
}

/* Timetable Grid */
.timetable-grid[b-pccwc868xq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.timetable-card[b-pccwc868xq] {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.2s;
}

.timetable-card:hover[b-pccwc868xq] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.timetable-card.published[b-pccwc868xq] {
    border-left: 4px solid var(--success-text, #16a34a);
}

.timetable-card.draft[b-pccwc868xq] {
    border-left: 4px solid var(--warning-text, #f59e0b);
}

.timetable-card.no-timetable[b-pccwc868xq] {
    border-left: 4px solid var(--text-muted);
    background: var(--bg-secondary);
}

/* Card Header */
.timetable-card .card-header[b-pccwc868xq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
}

.class-info[b-pccwc868xq] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.class-name[b-pccwc868xq] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 1rem;
}

.section-name[b-pccwc868xq] {
    font-size: 0.875rem;
    color: var(--text-muted);
}

.status-badge[b-pccwc868xq] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-weight: 500;
    text-transform: uppercase;
}

.status-badge.published[b-pccwc868xq] {
    background: var(--success-bg, #dcfce7);
    color: var(--success-text, #16a34a);
}

.status-badge.draft[b-pccwc868xq] {
    background: var(--warning-bg, #fef3c7);
    color: var(--warning-text, #d97706);
}

.status-badge.none[b-pccwc868xq] {
    background: var(--bg-secondary);
    color: var(--text-muted);
}

/* Card Body */
.timetable-card .card-body[b-pccwc868xq] {
    padding: 1rem;
}

.timetable-info[b-pccwc868xq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.info-row[b-pccwc868xq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.info-row i[b-pccwc868xq] {
    width: 16px;
    color: var(--text-muted);
}

.no-timetable-info[b-pccwc868xq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    color: var(--text-muted);
    font-size: 0.875rem;
}

/* Card Actions */
.card-actions[b-pccwc868xq] {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--border);
    background: var(--bg-secondary);
}

.btn-action[b-pccwc868xq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 6px;
    font-size: 0.8125rem;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-action.view[b-pccwc868xq] {
    background: var(--info-bg);
    color: var(--info-text, #3b82f6);
}

.btn-action.view:hover[b-pccwc868xq] {
    background: var(--info-bg);
    filter: brightness(0.95);
}

.btn-action.edit[b-pccwc868xq] {
    background: var(--warning-bg, #fef3c7);
    color: var(--warning-text, #d97706);
}

.btn-action.edit:hover[b-pccwc868xq] {
    filter: brightness(0.95);
}

.btn-action.publish[b-pccwc868xq] {
    background: var(--success-bg, #dcfce7);
    color: var(--success-text, #16a34a);
}

.btn-action.publish:hover[b-pccwc868xq] {
    filter: brightness(0.95);
}

.btn-action.clone[b-pccwc868xq] {
    background: var(--bg-secondary);
    color: var(--text-muted);
}

.btn-action.clone:hover[b-pccwc868xq] {
    filter: brightness(0.95);
}

.btn-action.create[b-pccwc868xq] {
    background: linear-gradient(135deg, var(--primary, #3b82f6) 0%, #2563eb 100%);
    color: var(--btn-primary-text, #ffffff);
    flex: 1;
}

.btn-action.create:hover[b-pccwc868xq] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

/* Quick Actions Bar */
.quick-actions-bar[b-pccwc868xq] {
    margin-top: 2rem;
    padding: 1.5rem;
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 12px;
}

.quick-actions-bar h5[b-pccwc868xq] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.quick-actions[b-pccwc868xq] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-quick-action[b-pccwc868xq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    padding: 1rem 1.5rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-quick-action:hover[b-pccwc868xq] {
    background: var(--info-bg);
    border-color: var(--info-border, #bfdbfe);
}

.btn-quick-action i[b-pccwc868xq] {
    font-size: 1.25rem;
    color: var(--primary, #3b82f6);
}

.btn-quick-action span[b-pccwc868xq] {
    font-weight: 600;
    color: var(--text-primary);
}

.btn-quick-action small[b-pccwc868xq] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

/* Modal Styles */
.modal-content[b-pccwc868xq] {
    border-radius: 12px;
    border: none;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.modal-header[b-pccwc868xq] {
    border-bottom: 1px solid var(--border);
    padding: 1rem 1.25rem;
}

.modal-title[b-pccwc868xq] {
    font-size: 1.125rem;
    font-weight: 600;
}

.modal-body[b-pccwc868xq] {
    padding: 1.25rem;
}

.modal-footer[b-pccwc868xq] {
    border-top: 1px solid var(--border);
    padding: 1rem 1.25rem;
}

/* Responsive */
@media (max-width: 768px) {
    .timetable-list-page[b-pccwc868xq] {
        padding: 1rem;
    }

    .page-header[b-pccwc868xq] {
        flex-direction: column;
    }

    .stats-bar[b-pccwc868xq] {
        justify-content: center;
    }

    .stat-item[b-pccwc868xq] {
        flex: 1;
        min-width: 80px;
    }

    .timetable-grid[b-pccwc868xq] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/AcademicCoordinator/Timetable/WeekView.razor.rz.scp.css */
/* Week View - Clean Redesign - Academic Coordinator */
.week-view-page[b-0t7zaplfog] {
    padding: 1rem 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Compact Header Bar */
.header-bar[b-0t7zaplfog] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: var(--card-bg);
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.header-title[b-0t7zaplfog] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-title h1[b-0t7zaplfog] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    color: var(--text-primary);
}

/* Class/Section Selectors */
.selectors[b-0t7zaplfog] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.selectors select[b-0t7zaplfog] {
    padding: 0.4rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: 0.8rem;
    color: var(--text-secondary);
    background: var(--card-bg);
    min-width: 120px;
}

.selectors select:focus[b-0t7zaplfog] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

.selectors select.group-select[b-0t7zaplfog] {
    border: 2px solid #8b5cf6;
    font-weight: 600;
    color: #6d28d9;
}

.shift-badge[b-0t7zaplfog] {
    padding: 0.25rem 0.6rem;
    background: var(--bg-secondary);
    color: var(--text-muted);
    border-radius: 6px;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

/* Week Navigation - Compact */
.week-nav[b-0t7zaplfog] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.week-nav .btn-nav[b-0t7zaplfog] {
    padding: 0.4rem 0.75rem;
    border: 1px solid var(--border);
    background: var(--card-bg);
    border-radius: 6px;
    font-size: 0.8rem;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s;
}

.week-nav .btn-nav:hover[b-0t7zaplfog] {
    background: var(--bg-secondary);
    border-color: var(--border);
}

.week-nav .btn-nav:disabled[b-0t7zaplfog] {
    opacity: 0.5;
    cursor: not-allowed;
}

.week-nav .week-display[b-0t7zaplfog] {
    text-align: center;
    min-width: 160px;
    padding: 0 0.5rem;
}

.week-nav .week-label[b-0t7zaplfog] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary);
}

.week-nav .week-dates[b-0t7zaplfog] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.week-nav .current-badge[b-0t7zaplfog] {
    display: inline-block;
    padding: 0.15rem 0.4rem;
    background: #dcfce7;
    color: #16a34a;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.week-nav .date-jump[b-0t7zaplfog] {
    width: 130px;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: 0.8rem;
}

/* Action Bar */
.action-bar[b-0t7zaplfog] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 1rem;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 8px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.action-bar.info[b-0t7zaplfog] {
    background: #eff6ff;
    border-color: #93c5fd;
}

.action-bar-left[b-0t7zaplfog] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #92400e;
}

.action-bar.info .action-bar-left[b-0t7zaplfog] {
    color: #1e40af;
}

.action-bar-left i[b-0t7zaplfog] {
    font-size: 1rem;
}

.btn-add-override[b-0t7zaplfog] {
    padding: 0.4rem 0.8rem;
    background: #3b82f6;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.btn-add-override:hover[b-0t7zaplfog] {
    background: #2563eb;
}

/* Pending Approvals Badge */
.pending-badge[b-0t7zaplfog] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.8rem;
    background: #fef3c7;
    border: 1px solid #f59e0b;
    border-radius: 6px;
    color: #92400e;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

.pending-badge:hover[b-0t7zaplfog] {
    background: #fde68a;
}

.pending-badge .count[b-0t7zaplfog] {
    background: var(--warning-text, #f59e0b);
    color: var(--btn-primary-text, #ffffff);
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
}

/* Main Timetable Grid */
.timetable-card[b-0t7zaplfog] {
    background: var(--card-bg);
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    overflow: hidden;
}

.timetable-wrapper[b-0t7zaplfog] {
    overflow-x: auto;
}

.timetable[b-0t7zaplfog] {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

.timetable th[b-0t7zaplfog],
.timetable td[b-0t7zaplfog] {
    border: 1px solid var(--border);
    padding: 0;
}

/* Table Header */
.timetable thead th[b-0t7zaplfog] {
    background: var(--bg-secondary);
    padding: 0.6rem 0.5rem;
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-secondary);
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 10;
}

.timetable thead th.period-col[b-0t7zaplfog] {
    width: 80px;
    background: var(--bg-secondary);
}

.timetable thead th.today[b-0t7zaplfog] {
    background: linear-gradient(180deg, #dcfce7 0%, #f0fdf4 100%);
}

.timetable thead th.holiday-day[b-0t7zaplfog] {
    background: linear-gradient(180deg, #fef2f2 0%, #fff5f5 100%);
}

.day-header[b-0t7zaplfog] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
}

.day-header .day-name[b-0t7zaplfog] {
    font-weight: 600;
    color: var(--text-primary);
}

.day-header .day-date[b-0t7zaplfog] {
    font-size: 0.7rem;
    color: var(--text-muted);
    font-weight: 400;
}

.day-header .day-indicator[b-0t7zaplfog] {
    display: flex;
    gap: 0.25rem;
    margin-top: 0.2rem;
}

.day-header .indicator-dot[b-0t7zaplfog] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.day-header .indicator-dot.event[b-0t7zaplfog] { background: #f59e0b; }
.day-header .indicator-dot.modified[b-0t7zaplfog] { background: #3b82f6; }

/* Period Column */
.period-cell[b-0t7zaplfog] {
    background: var(--bg-secondary);
    padding: 0.5rem 0.4rem;
    text-align: center;
    min-width: 70px;
}

.period-cell .period-name[b-0t7zaplfog] {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-primary);
}

.period-cell .period-time[b-0t7zaplfog] {
    font-size: 0.65rem;
    color: var(--text-muted);
}

/* Slot Cells */
.slot-cell[b-0t7zaplfog] {
    height: 60px;
    min-width: 100px;
    cursor: pointer;
    transition: background 0.15s;
    vertical-align: middle;
}

.slot-cell:hover[b-0t7zaplfog] {
    background: var(--bg-secondary);
}

.slot-cell.today-col[b-0t7zaplfog] {
    background: rgba(34, 197, 94, 0.04);
}

.slot-cell.holiday-col[b-0t7zaplfog] {
    background: rgba(239, 68, 68, 0.04);
}

/* Slot Content */
.slot[b-0t7zaplfog] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0.3rem;
    position: relative;
}

.slot.regular[b-0t7zaplfog] { background: transparent; }
.slot.modified[b-0t7zaplfog] {
    background: rgba(59, 130, 246, 0.08);
    border-left: 3px solid #3b82f6;
}
.slot.event[b-0t7zaplfog] {
    background: rgba(245, 158, 11, 0.1);
    border-left: 3px solid #f59e0b;
}
.slot.cancelled[b-0t7zaplfog] {
    background: rgba(239, 68, 68, 0.06);
    border-left: 3px solid #ef4444;
}
.slot.holiday[b-0t7zaplfog] { background: rgba(107, 114, 128, 0.08); }
.slot.free[b-0t7zaplfog] { background: #fafafa; }
.slot.empty[b-0t7zaplfog] { background: transparent; }
.slot.empty:hover[b-0t7zaplfog] { background: rgba(34, 197, 94, 0.08); }

.slot .subject[b-0t7zaplfog] {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-primary);
    text-align: center;
    line-height: 1.2;
}

.slot .teacher[b-0t7zaplfog] {
    font-size: 0.7rem;
    color: var(--text-muted);
    text-align: center;
}

.slot .venue[b-0t7zaplfog] {
    font-size: 0.65rem;
    color: var(--text-muted);
}

.slot .slot-icon[b-0t7zaplfog] {
    position: absolute;
    top: 2px;
    right: 3px;
    font-size: 0.6rem;
}

.slot .slot-icon.modified[b-0t7zaplfog] { color: #3b82f6; }
.slot .slot-icon.event[b-0t7zaplfog] { color: #f59e0b; }
.slot .slot-icon.cancelled[b-0t7zaplfog] { color: #ef4444; }

.slot.holiday .holiday-label[b-0t7zaplfog] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #6b7280;
    font-size: 0.75rem;
}

.slot.holiday .holiday-label i[b-0t7zaplfog] {
    font-size: 1rem;
    margin-bottom: 0.2rem;
}

.slot.free .free-label[b-0t7zaplfog] { color: #9ca3af; font-size: 0.75rem; }
.slot.empty .add-hint[b-0t7zaplfog] { color: #d1d5db; font-size: 1rem; transition: color 0.15s; }
.slot.empty:hover .add-hint[b-0t7zaplfog] { color: #22c55e; }
.slot.cancelled .subject[b-0t7zaplfog] { text-decoration: line-through; color: #9ca3af; }

/* Footer Bar */
.footer-bar[b-0t7zaplfog] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 1rem;
    background: var(--bg-secondary);
    border-top: 1px solid var(--border);
    font-size: 0.8rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.legend[b-0t7zaplfog] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.legend-item[b-0t7zaplfog] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text-muted);
}

.legend-dot[b-0t7zaplfog] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

.legend-dot.regular[b-0t7zaplfog] { background: #e5e7eb; }
.legend-dot.modified[b-0t7zaplfog] { background: #3b82f6; }
.legend-dot.event[b-0t7zaplfog] { background: #f59e0b; }
.legend-dot.cancelled[b-0t7zaplfog] { background: #ef4444; }
.legend-dot.holiday[b-0t7zaplfog] { background: #6b7280; }

.stats-summary[b-0t7zaplfog] {
    display: flex;
    gap: 1rem;
    color: var(--text-muted);
}

.stats-summary span[b-0t7zaplfog] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.stats-summary .stat-value[b-0t7zaplfog] {
    font-weight: 600;
    color: var(--text-primary);
}

.footer-actions[b-0t7zaplfog] {
    display: flex;
    gap: 0.5rem;
}

.footer-actions .btn-link[b-0t7zaplfog] {
    padding: 0.35rem 0.7rem;
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 6px;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.footer-actions .btn-link:hover[b-0t7zaplfog] {
    background: var(--bg-secondary);
    border-color: var(--border);
}

/* Loading & Empty States */
.loading-state[b-0t7zaplfog] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    background: var(--card-bg);
    border-radius: 10px;
}

.empty-state[b-0t7zaplfog] {
    text-align: center;
    padding: 3rem 2rem;
    background: var(--card-bg);
    border-radius: 10px;
}

.empty-state i[b-0t7zaplfog] {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h5[b-0t7zaplfog] { color: var(--text-primary); margin-bottom: 0.5rem; }
.empty-state p[b-0t7zaplfog] { color: var(--text-muted); font-size: 0.9rem; }

/* Modal Styles */
.modal-backdrop[b-0t7zaplfog] {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: rgba(0,0,0,0.4);
    z-index: 1040;
}

.modal[b-0t7zaplfog] {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 1050;
    overflow-y: auto;
}

.modal-dialog[b-0t7zaplfog] { margin: 2rem auto; max-width: 500px; }
.modal-dialog.modal-lg[b-0t7zaplfog] { max-width: 700px; }

.modal-content[b-0t7zaplfog] {
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.modal-header[b-0t7zaplfog] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-title[b-0t7zaplfog] { font-size: 1.1rem; font-weight: 600; margin: 0; }
.modal-body[b-0t7zaplfog] { padding: 1.25rem; }
.modal-footer[b-0t7zaplfog] {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.btn-close[b-0t7zaplfog] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0.25rem;
}

.btn-close:hover[b-0t7zaplfog] { color: var(--text-primary); }

/* Responsive */
@media (max-width: 768px) {
    .week-view-page[b-0t7zaplfog] { padding: 0.75rem; }
    .header-bar[b-0t7zaplfog] { flex-direction: column; align-items: stretch; }
    .selectors[b-0t7zaplfog] { flex-wrap: wrap; }
    .week-nav[b-0t7zaplfog] { justify-content: center; flex-wrap: wrap; }
    .footer-bar[b-0t7zaplfog] { flex-direction: column; align-items: stretch; gap: 0.5rem; }
    .legend[b-0t7zaplfog], .stats-summary[b-0t7zaplfog], .footer-actions[b-0t7zaplfog] { justify-content: center; }
}
/* /Areas/Academic/Pages/ClassTeacher/AdmitCards/Index.razor.rz.scp.css */
.admitcard-container[b-fzvsmb6giu] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Header */
.page-header[b-fzvsmb6giu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.header-content h1[b-fzvsmb6giu] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.25rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-content h1 i[b-fzvsmb6giu] {
    color: #0ea5e9;
}

.subtitle[b-fzvsmb6giu] {
    color: #6b7280;
    margin: 0;
}

/* Stats Row */
.stats-row[b-fzvsmb6giu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-fzvsmb6giu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: white;
    padding: 1.25rem;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.stat-card i[b-fzvsmb6giu] {
    font-size: 1.5rem;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.stat-card.total i[b-fzvsmb6giu] { background: #e0f2fe; color: #0284c7; }
.stat-card.printable i[b-fzvsmb6giu] { background: #d1fae5; color: #059669; }
.stat-card.pending i[b-fzvsmb6giu] { background: #fef3c7; color: #d97706; }
.stat-card.printed i[b-fzvsmb6giu] { background: #e0e7ff; color: #4f46e5; }

.stat-info[b-fzvsmb6giu] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-fzvsmb6giu] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1;
}

.stat-label[b-fzvsmb6giu] {
    font-size: 0.75rem;
    color: #6b7280;
}

/* Filter Bar */
.filter-bar[b-fzvsmb6giu] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    background: white;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.filter-group[b-fzvsmb6giu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.filter-group label[b-fzvsmb6giu] {
    font-size: 0.875rem;
    color: #6b7280;
    white-space: nowrap;
}

.form-control[b-fzvsmb6giu] {
    padding: 0.5rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.875rem;
    min-width: 180px;
}

.form-control:focus[b-fzvsmb6giu] {
    outline: none;
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1);
}

/* Loading & Empty States */
.loading-state[b-fzvsmb6giu],
.empty-state[b-fzvsmb6giu] {
    text-align: center;
    padding: 4rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.loading-state i[b-fzvsmb6giu],
.empty-state i[b-fzvsmb6giu] {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h3[b-fzvsmb6giu] {
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-fzvsmb6giu] {
    color: #6b7280;
    margin: 0;
}

/* Admit Cards Grid */
.admit-cards-grid[b-fzvsmb6giu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.student-card[b-fzvsmb6giu] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
    position: relative;
    border-left: 4px solid #d1d5db;
    transition: transform 0.2s, box-shadow 0.2s;
}

.student-card:hover[b-fzvsmb6giu] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.student-card.status-cleared[b-fzvsmb6giu] {
    border-left-color: #10b981;
}

.student-card.status-override[b-fzvsmb6giu] {
    border-left-color: #8b5cf6;
}

.student-card.status-pending[b-fzvsmb6giu] {
    border-left-color: #f59e0b;
}

.student-card .card-header[b-fzvsmb6giu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.roll-badge[b-fzvsmb6giu] {
    width: 40px;
    height: 40px;
    background: #0ea5e9;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
}

.fee-status-badge[b-fzvsmb6giu] {
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.fee-cleared[b-fzvsmb6giu] {
    background: #d1fae5;
    color: #059669;
}

.fee-pending[b-fzvsmb6giu] {
    background: #fef3c7;
    color: #d97706;
}

.fee-override[b-fzvsmb6giu] {
    background: #e9d5ff;
    color: #7c3aed;
}

.student-card .card-body[b-fzvsmb6giu] {
    padding: 1.25rem;
}

.student-name[b-fzvsmb6giu] {
    margin: 0 0 0.25rem 0;
    font-size: 1.125rem;
    color: #1a1a2e;
}

.father-name[b-fzvsmb6giu] {
    margin: 0 0 1rem 0;
    color: #6b7280;
    font-size: 0.875rem;
}

.card-details[b-fzvsmb6giu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.detail-item[b-fzvsmb6giu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #4b5563;
}

.detail-item i[b-fzvsmb6giu] {
    color: #9ca3af;
    width: 16px;
}

.warning-banner[b-fzvsmb6giu] {
    margin-top: 1rem;
    padding: 0.75rem;
    background: #fef3c7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #92400e;
}

.student-card .card-actions[b-fzvsmb6giu] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

.print-badge[b-fzvsmb6giu] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background: #10b981;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.625rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* Buttons */
.btn[b-fzvsmb6giu] {
    padding: 0.625rem 1rem;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.btn-sm[b-fzvsmb6giu] {
    padding: 0.5rem 0.875rem;
    font-size: 0.8125rem;
}

.btn-primary[b-fzvsmb6giu] {
    background: #0ea5e9;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-fzvsmb6giu] {
    background: #0284c7;
}

.btn-warning[b-fzvsmb6giu] {
    background: #f59e0b;
    color: white;
}

.btn-warning:hover:not(:disabled)[b-fzvsmb6giu] {
    background: #d97706;
}

.btn-outline[b-fzvsmb6giu] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover:not(:disabled)[b-fzvsmb6giu] {
    background: #f3f4f6;
}

.btn:disabled[b-fzvsmb6giu] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Modal */
.modal-overlay[b-fzvsmb6giu] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-fzvsmb6giu] {
    background: white;
    border-radius: 16px;
    max-width: 500px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.modal-header[b-fzvsmb6giu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h3[b-fzvsmb6giu] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #1a1a2e;
}

.modal-header h3 i[b-fzvsmb6giu] {
    color: #0ea5e9;
}

.close-btn[b-fzvsmb6giu] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
}

.modal-body[b-fzvsmb6giu] {
    padding: 1.5rem;
}

.student-info-box[b-fzvsmb6giu] {
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    text-align: center;
}

.student-info-box h4[b-fzvsmb6giu] {
    margin: 0 0 0.25rem 0;
    color: #0369a1;
}

.student-info-box p[b-fzvsmb6giu] {
    margin: 0;
    color: #6b7280;
    font-size: 0.875rem;
}

.admit-card-no[b-fzvsmb6giu] {
    font-family: monospace;
    color: #0ea5e9 !important;
    margin-top: 0.5rem !important;
}

.form-group[b-fzvsmb6giu] {
    margin-bottom: 1.5rem;
}

.form-group label[b-fzvsmb6giu] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #374151;
}

.required[b-fzvsmb6giu] {
    color: #ef4444;
}

.radio-group[b-fzvsmb6giu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.radio-item[b-fzvsmb6giu] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.radio-item:hover[b-fzvsmb6giu] {
    border-color: #0ea5e9;
    background: #f0f9ff;
}

.radio-item input[type="radio"][b-fzvsmb6giu] {
    margin-top: 0.25rem;
    accent-color: #0ea5e9;
}

.radio-label[b-fzvsmb6giu] {
    display: flex;
    flex-direction: column;
}

.radio-label strong[b-fzvsmb6giu] {
    color: #1a1a2e;
}

.radio-label small[b-fzvsmb6giu] {
    color: #6b7280;
    font-size: 0.75rem;
}

textarea.form-control[b-fzvsmb6giu] {
    resize: vertical;
    min-height: 100px;
}

.helper-text[b-fzvsmb6giu] {
    color: #6b7280;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.modal-footer[b-fzvsmb6giu] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

/* Print Preview Modal */
.print-preview-overlay[b-fzvsmb6giu] {
    background: rgba(0,0,0,0.8);
}

.print-preview-modal[b-fzvsmb6giu] {
    background: white;
    border-radius: 16px;
    max-width: 600px;
    width: 100%;
    max-height: 95vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.preview-header[b-fzvsmb6giu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: #1a1a2e;
    color: white;
}

.preview-header h3[b-fzvsmb6giu] {
    margin: 0;
}

.preview-actions[b-fzvsmb6giu] {
    display: flex;
    gap: 0.5rem;
}

.preview-content[b-fzvsmb6giu] {
    padding: 1.5rem;
    overflow-y: auto;
    background: #f3f4f6;
}

/* Admit Card Preview Styles */
.admit-card-preview[b-fzvsmb6giu] {
    background: white;
    border: 1px solid #d1d5db;
    padding: 1.5rem;
    font-size: 0.875rem;
}

.school-header[b-fzvsmb6giu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #1a1a2e;
    margin-bottom: 1rem;
}

.school-logo[b-fzvsmb6giu] {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.school-info h2[b-fzvsmb6giu] {
    margin: 0;
    font-size: 1.25rem;
    color: #1a1a2e;
}

.school-info p[b-fzvsmb6giu] {
    margin: 0;
    font-size: 0.75rem;
    color: #6b7280;
}

.admit-card-title[b-fzvsmb6giu] {
    text-align: center;
    margin-bottom: 1rem;
}

.admit-card-title h3[b-fzvsmb6giu] {
    margin: 0;
    font-size: 1.125rem;
    color: #1a1a2e;
    letter-spacing: 0.1em;
}

.admit-card-title p[b-fzvsmb6giu] {
    margin: 0.25rem 0 0 0;
    color: #6b7280;
}

.student-section[b-fzvsmb6giu] {
    display: flex;
    gap: 1.5rem;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.student-photo[b-fzvsmb6giu] {
    width: 80px;
    height: 100px;
    border: 1px solid #d1d5db;
    overflow: hidden;
}

.student-photo img[b-fzvsmb6giu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.student-details[b-fzvsmb6giu] {
    flex: 1;
}

.detail-row[b-fzvsmb6giu] {
    display: flex;
    margin-bottom: 0.5rem;
}

.detail-row label[b-fzvsmb6giu] {
    width: 120px;
    color: #6b7280;
    font-size: 0.8125rem;
}

.detail-row span[b-fzvsmb6giu] {
    flex: 1;
    font-weight: 500;
    color: #1a1a2e;
}

.admit-no[b-fzvsmb6giu] {
    font-family: monospace;
    color: #0ea5e9 !important;
}

.exam-schedule[b-fzvsmb6giu] {
    margin-bottom: 1rem;
}

.exam-schedule h4[b-fzvsmb6giu] {
    margin: 0 0 0.5rem 0;
    font-size: 0.875rem;
    color: #1a1a2e;
}

.exam-schedule table[b-fzvsmb6giu] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.75rem;
}

.exam-schedule th[b-fzvsmb6giu],
.exam-schedule td[b-fzvsmb6giu] {
    padding: 0.5rem;
    border: 1px solid #d1d5db;
    text-align: left;
}

.exam-schedule th[b-fzvsmb6giu] {
    background: #f3f4f6;
    font-weight: 600;
}

.instructions-section[b-fzvsmb6giu] {
    margin-bottom: 1rem;
    padding: 0.75rem;
    background: #fef3c7;
    border-radius: 8px;
}

.instructions-section h4[b-fzvsmb6giu] {
    margin: 0 0 0.5rem 0;
    font-size: 0.8125rem;
    color: #92400e;
}

.instructions-section p[b-fzvsmb6giu] {
    margin: 0;
    font-size: 0.75rem;
    color: #78350f;
}

.card-footer[b-fzvsmb6giu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 1rem;
    border-top: 1px solid #d1d5db;
}

.qr-section[b-fzvsmb6giu] {
    text-align: center;
}

.qr-code[b-fzvsmb6giu] {
    width: 80px;
    height: 80px;
}

.qr-section small[b-fzvsmb6giu] {
    display: block;
    color: #6b7280;
    font-size: 0.625rem;
}

.signatures[b-fzvsmb6giu] {
    display: flex;
    gap: 2rem;
}

.signature-box[b-fzvsmb6giu] {
    text-align: center;
}

.signature-line[b-fzvsmb6giu] {
    width: 100px;
    height: 1px;
    background: #1a1a2e;
    margin-bottom: 0.25rem;
}

.signature-box span[b-fzvsmb6giu] {
    font-size: 0.75rem;
    color: #6b7280;
}

/* Toast */
.toast-message[b-fzvsmb6giu] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    animation: slideIn-b-fzvsmb6giu 0.3s ease;
    z-index: 1001;
}

.toast-message.success[b-fzvsmb6giu] {
    background: #10b981;
    color: white;
}

.toast-message.error[b-fzvsmb6giu] {
    background: #ef4444;
    color: white;
}

@keyframes slideIn-b-fzvsmb6giu {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* Print Styles */
@media print {
    /* Hide everything by default */
    body *[b-fzvsmb6giu] {
        visibility: hidden;
    }

    /* Hide page elements */
    .page-header[b-fzvsmb6giu],
    .stats-row[b-fzvsmb6giu],
    .filter-bar[b-fzvsmb6giu],
    .table-container[b-fzvsmb6giu],
    .preview-header[b-fzvsmb6giu],
    .preview-actions[b-fzvsmb6giu],
    .toast-message[b-fzvsmb6giu],
    .modal-overlay[b-fzvsmb6giu]::before {
        display: none !important;
    }

    /* Show only the admit card preview */
    .print-preview-modal[b-fzvsmb6giu],
    .print-preview-modal *[b-fzvsmb6giu],
    .preview-content[b-fzvsmb6giu],
    .preview-content *[b-fzvsmb6giu],
    .admit-card-preview[b-fzvsmb6giu],
    .admit-card-preview *[b-fzvsmb6giu] {
        visibility: visible !important;
    }

    /* Position the print content */
    .print-preview-overlay[b-fzvsmb6giu] {
        position: absolute !important;
        background: white !important;
        inset: 0 !important;
    }

    .print-preview-modal[b-fzvsmb6giu] {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .preview-header[b-fzvsmb6giu] {
        display: none !important;
    }

    .preview-content[b-fzvsmb6giu] {
        padding: 0 !important;
        background: white !important;
        overflow: visible !important;
    }

    .admit-card-preview[b-fzvsmb6giu] {
        border: 1px solid #000 !important;
        padding: 20px !important;
        margin: 0 auto !important;
        max-width: 700px !important;
        background: white !important;
    }

    /* Ensure colors print */
    *[b-fzvsmb6giu] {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* Page settings */
    @page {
        size: A4;
        margin: 15mm;
    }
}

/* Table View Styles */
.table-container[b-fzvsmb6giu] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.data-table[b-fzvsmb6giu] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-fzvsmb6giu],
.data-table td[b-fzvsmb6giu] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.data-table th[b-fzvsmb6giu] {
    background: #f8fafc;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
}

.data-table tbody tr:hover[b-fzvsmb6giu] {
    background: #f8fafc;
}

.data-table tbody tr.row-pending[b-fzvsmb6giu] {
    background: #fefce8;
}

.data-table tbody tr.row-pending:hover[b-fzvsmb6giu] {
    background: #fef9c3;
}

.data-table tbody tr.row-cleared[b-fzvsmb6giu] {
    background: #f0fdf4;
}

.data-table tbody tr.row-override[b-fzvsmb6giu] {
    background: #faf5ff;
}

.col-sno[b-fzvsmb6giu] { width: 60px; text-align: center; }
.col-roll[b-fzvsmb6giu] { width: 70px; text-align: center; }
.col-admit[b-fzvsmb6giu] { width: 140px; }
.col-sr[b-fzvsmb6giu] { width: 80px; text-align: center; }
.col-class[b-fzvsmb6giu] { width: 80px; }
.col-section[b-fzvsmb6giu] { width: 80px; }
.col-fee[b-fzvsmb6giu] { width: 130px; }
.col-print[b-fzvsmb6giu] { width: 90px; text-align: center; }
.col-actions[b-fzvsmb6giu] { width: 120px; text-align: center; }

.data-table code[b-fzvsmb6giu] {
    background: #f1f5f9;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8125rem;
    color: #0369a1;
}

.student-info[b-fzvsmb6giu] {
    display: flex;
    flex-direction: column;
}

.student-info .name[b-fzvsmb6giu] {
    font-weight: 500;
    color: #1e293b;
}

.student-info .father[b-fzvsmb6giu] {
    font-size: 0.75rem;
    color: #64748b;
}

.status-badge[b-fzvsmb6giu] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-badge.status-cleared[b-fzvsmb6giu] {
    background: #dcfce7;
    color: #166534;
}

.status-badge.status-pending[b-fzvsmb6giu] {
    background: #fef3c7;
    color: #92400e;
}

.status-badge.status-override[b-fzvsmb6giu] {
    background: #f3e8ff;
    color: #7c3aed;
}

.fee-quarter[b-fzvsmb6giu] {
    display: block;
    font-size: 0.6875rem;
    color: #92400e;
    margin-top: 0.125rem;
}

.fee-cleared-info[b-fzvsmb6giu] {
    display: block;
    font-size: 0.6875rem;
    color: #16a34a;
    margin-top: 0.125rem;
}

.print-count[b-fzvsmb6giu] {
    color: #16a34a;
    font-size: 0.8125rem;
}

.print-count i[b-fzvsmb6giu] {
    margin-right: 0.25rem;
}

.not-printed[b-fzvsmb6giu] {
    color: #9ca3af;
}

.btn-icon[b-fzvsmb6giu] {
    padding: 0.375rem 0.5rem;
    min-width: auto;
}

/* Responsive */
@media (max-width: 768px) {
    .stats-row[b-fzvsmb6giu] {
        grid-template-columns: repeat(2, 1fr);
    }

    .filter-bar[b-fzvsmb6giu] {
        flex-direction: column;
        gap: 1rem;
    }

    .table-container[b-fzvsmb6giu] {
        overflow-x: auto;
    }

    .data-table[b-fzvsmb6giu] {
        min-width: 900px;
    }

    .student-section[b-fzvsmb6giu] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .detail-row[b-fzvsmb6giu] {
        flex-direction: column;
    }

    .detail-row label[b-fzvsmb6giu] {
        width: auto;
    }
}
/* /Areas/Academic/Pages/ClassTeacher/AdmitCards/TempSlip.razor.rz.scp.css */
/* Temp Permission Slip Page Styles */

.temp-slip-container[b-8ihmefiq4x] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-8ihmefiq4x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.header-left[b-8ihmefiq4x] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-left h1[b-8ihmefiq4x] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-left h1 i[b-8ihmefiq4x] {
    color: #dc2626;
}

.header-actions[b-8ihmefiq4x] {
    display: flex;
    gap: 0.75rem;
}

/* Buttons */
.btn[b-8ihmefiq4x] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.btn-back[b-8ihmefiq4x] {
    background: #f1f5f9;
    color: #475569;
}

.btn-back:hover[b-8ihmefiq4x] {
    background: #e2e8f0;
}

.btn-primary[b-8ihmefiq4x] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
}

.btn-primary:hover[b-8ihmefiq4x] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.btn-primary:disabled[b-8ihmefiq4x] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Loading State */
.loading-state[b-8ihmefiq4x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: #64748b;
}

.loading-state i[b-8ihmefiq4x] {
    color: #3b82f6;
    margin-bottom: 1rem;
}

.loading-state p[b-8ihmefiq4x] {
    margin: 0;
}

/* Error State */
.error-state[b-8ihmefiq4x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.error-state i[b-8ihmefiq4x] {
    font-size: 3rem;
    color: #f59e0b;
    margin-bottom: 1rem;
}

.error-state h3[b-8ihmefiq4x] {
    font-size: 1.25rem;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.error-state p[b-8ihmefiq4x] {
    color: #64748b;
    margin: 0 0 1.5rem 0;
}

/* Info Bar */
.slip-info-bar[b-8ihmefiq4x] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.info-chip[b-8ihmefiq4x] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: white;
    border-radius: 0.375rem;
    border: 1px solid #e2e8f0;
    font-size: 0.875rem;
    color: #475569;
}

.info-chip i[b-8ihmefiq4x] {
    color: #3b82f6;
}

.info-chip span[b-8ihmefiq4x] {
    font-weight: 500;
    color: #1e293b;
}

/* Preview Area */
.preview-area[b-8ihmefiq4x] {
    background: #f1f5f9;
    padding: 2rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
}

/* Generate Form */
.generate-form[b-8ihmefiq4x] {
    max-width: 600px;
    margin: 0 auto;
    background: white;
    padding: 2rem;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.generate-form h3[b-8ihmefiq4x] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.generate-form .subtitle[b-8ihmefiq4x] {
    color: #64748b;
    font-size: 0.875rem;
    margin: 0 0 1.5rem 0;
}

.form-section[b-8ihmefiq4x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-8ihmefiq4x] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.form-group label[b-8ihmefiq4x] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.form-control[b-8ihmefiq4x] {
    padding: 0.625rem 0.875rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus[b-8ihmefiq4x] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-control[b-8ihmefiq4x]::placeholder {
    color: #9ca3af;
}

.form-actions[b-8ihmefiq4x] {
    margin-top: 1.5rem;
    display: flex;
    justify-content: flex-end;
}

/* Toast Message */
.toast-message[b-8ihmefiq4x] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    animation: slideInUp-b-8ihmefiq4x 0.3s ease;
}

.toast-message.success[b-8ihmefiq4x] {
    background: #10b981;
    color: white;
}

.toast-message.error[b-8ihmefiq4x] {
    background: #ef4444;
    color: white;
}

@keyframes slideInUp-b-8ihmefiq4x {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Print Styles */
@media print {
    .page-header[b-8ihmefiq4x],
    .slip-info-bar[b-8ihmefiq4x],
    .toast-message[b-8ihmefiq4x] {
        display: none !important;
    }

    .temp-slip-container[b-8ihmefiq4x] {
        padding: 0;
        max-width: none;
    }

    .preview-area[b-8ihmefiq4x] {
        background: none;
        padding: 0;
        border-radius: 0;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .temp-slip-container[b-8ihmefiq4x] {
        padding: 1rem;
    }

    .page-header[b-8ihmefiq4x] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .header-left[b-8ihmefiq4x] {
        flex-direction: column;
        align-items: flex-start;
    }

    .slip-info-bar[b-8ihmefiq4x] {
        flex-direction: column;
    }

    .generate-form[b-8ihmefiq4x] {
        padding: 1.5rem;
    }

    .preview-area[b-8ihmefiq4x] {
        padding: 1rem;
    }
}
/* /Areas/Academic/Pages/ClassTeacher/Attendance/Index.razor.rz.scp.css */
.attendance-page[b-ykpuovlh9m] {
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-ykpuovlh9m] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-title[b-ykpuovlh9m] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.page-subtitle[b-ykpuovlh9m] {
    color: var(--text-muted);
    font-size: 0.95rem;
}

/* Cards */
.card[b-ykpuovlh9m] {
    background: var(--card-gradient);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    margin-bottom: 1rem;
}

/* Date Selector */
.date-selector[b-ykpuovlh9m] {
    background: var(--bg-secondary);
}

.date-picker-row[b-ykpuovlh9m] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.date-label[b-ykpuovlh9m] {
    font-weight: 600;
    color: var(--text-primary);
}

.date-input[b-ykpuovlh9m] {
    padding: 0.6rem 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    color: var(--text-primary);
    font-size: 0.95rem;
    min-width: 180px;
}

.date-input:focus[b-ykpuovlh9m] {
    outline: none;
    border-color: var(--brand-blue);
}

/* Buttons */
.btn[b-ykpuovlh9m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    border-radius: var(--radius-md);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}

.btn-primary[b-ykpuovlh9m] {
    background: var(--brand-blue);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-ykpuovlh9m] {
    background: #2563eb;
}

.btn-success[b-ykpuovlh9m] {
    background: #10b981;
    color: white;
}

.btn-success:hover:not(:disabled)[b-ykpuovlh9m] {
    background: #059669;
}

.btn-outline[b-ykpuovlh9m] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-primary);
}

.btn-outline:hover[b-ykpuovlh9m] {
    background: var(--bg-secondary);
}

.btn-lg[b-ykpuovlh9m] {
    padding: 0.85rem 2rem;
    font-size: 1rem;
}

.btn:disabled[b-ykpuovlh9m] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Alerts */
.alert[b-ykpuovlh9m] {
    padding: 1rem 1.25rem;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.alert-error[b-ykpuovlh9m] {
    background: #fef2f2;
    color: #991b1b;
    border-left: 3px solid #ef4444;
}

.alert-success[b-ykpuovlh9m] {
    background: #f0fdf4;
    color: #166534;
    border-left: 3px solid #10b981;
}

.alert-warning[b-ykpuovlh9m] {
    background: #fffbeb;
    color: #92400e;
    border-left: 3px solid #f59e0b;
}

.alert-info[b-ykpuovlh9m] {
    background: #eff6ff;
    color: #1e40af;
    border-left: 3px solid #3b82f6;
}

/* Actions Card */
.actions-card[b-ykpuovlh9m] {
    background: var(--bg-secondary);
}

.actions-row[b-ykpuovlh9m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.attendance-summary[b-ykpuovlh9m] {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.summary-item[b-ykpuovlh9m] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.9rem;
    font-weight: 600;
}

.summary-item.present[b-ykpuovlh9m] {
    color: #10b981;
}

.summary-item.absent[b-ykpuovlh9m] {
    color: #ef4444;
}

.summary-item.leave[b-ykpuovlh9m] {
    color: #f59e0b;
}

.summary-item.unmarked[b-ykpuovlh9m] {
    color: var(--text-muted);
}

.action-buttons[b-ykpuovlh9m] {
    display: flex;
    gap: 0.75rem;
}

/* Students Table */
.students-table-container[b-ykpuovlh9m] {
    overflow-x: auto;
}

.students-table[b-ykpuovlh9m] {
    width: 100%;
    border-collapse: collapse;
}

.students-table th[b-ykpuovlh9m],
.students-table td[b-ykpuovlh9m] {
    padding: 0.85rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.students-table th[b-ykpuovlh9m] {
    background: var(--bg-secondary);
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.students-table tbody tr:hover[b-ykpuovlh9m] {
    background: var(--bg-secondary);
}

.col-sr[b-ykpuovlh9m] {
    width: 100px;
}

.col-name[b-ykpuovlh9m] {
    min-width: 200px;
}

.col-father[b-ykpuovlh9m] {
    min-width: 180px;
}

.col-status[b-ykpuovlh9m] {
    width: 160px;
}

/* Row Highlighting */
.row-present[b-ykpuovlh9m] {
    background: rgba(16, 185, 129, 0.05);
}

.row-absent[b-ykpuovlh9m] {
    background: rgba(239, 68, 68, 0.05);
}

.row-leave[b-ykpuovlh9m] {
    background: rgba(245, 158, 11, 0.05);
}

/* Status Buttons */
.status-buttons[b-ykpuovlh9m] {
    display: flex;
    gap: 0.35rem;
}

.status-btn[b-ykpuovlh9m] {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-sm);
    border: 2px solid var(--border);
    background: var(--bg-primary);
    color: var(--text-muted);
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.status-btn:hover[b-ykpuovlh9m] {
    border-color: var(--brand-blue);
    color: var(--brand-blue);
}

.status-btn.active.present[b-ykpuovlh9m] {
    background: #10b981;
    border-color: #10b981;
    color: white;
}

.status-btn.active.absent[b-ykpuovlh9m] {
    background: #ef4444;
    border-color: #ef4444;
    color: white;
}

.status-btn.active.leave[b-ykpuovlh9m] {
    background: #f59e0b;
    border-color: #f59e0b;
    color: white;
}

/* Bottom Actions */
.bottom-actions[b-ykpuovlh9m] {
    display: flex;
    justify-content: center;
    padding: 1.5rem 0;
}

/* Loading */
.loading-container[b-ykpuovlh9m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--text-muted);
}

.spinner[b-ykpuovlh9m] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border);
    border-top-color: var(--brand-blue);
    border-radius: 50%;
    animation: spin-b-ykpuovlh9m 0.8s linear infinite;
    margin-bottom: 1rem;
}

.spinner-sm[b-ykpuovlh9m] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-ykpuovlh9m 0.6s linear infinite;
}

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

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-ykpuovlh9m] {
        flex-direction: column;
        gap: 1rem;
    }

    .date-picker-row[b-ykpuovlh9m] {
        flex-direction: column;
        align-items: stretch;
    }

    .date-input[b-ykpuovlh9m] {
        width: 100%;
    }

    .actions-row[b-ykpuovlh9m] {
        flex-direction: column;
        align-items: stretch;
    }

    .attendance-summary[b-ykpuovlh9m] {
        justify-content: center;
    }

    .action-buttons[b-ykpuovlh9m] {
        justify-content: center;
    }

    .col-father[b-ykpuovlh9m] {
        display: none;
    }

    .status-btn[b-ykpuovlh9m] {
        width: 34px;
        height: 34px;
        font-size: 0.8rem;
    }
}
/* /Areas/Academic/Pages/ClassTeacher/Attendance/Overview.razor.rz.scp.css */
/* Page Container */
.overview-container[b-pdr8d1zpuo] {
    min-height: 100vh;
    padding: 2rem;
}

/* Header Section */
.overview-header[b-pdr8d1zpuo] {
    border-radius: 12px;
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    background: var(--card-gradient, white);
}

.overview-title[b-pdr8d1zpuo] {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.overview-subtitle[b-pdr8d1zpuo] {
    font-size: 0.938rem;
    color: var(--text-muted);
}

/* Quick Stats */
.quick-stats[b-pdr8d1zpuo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-pdr8d1zpuo] {
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    background: var(--card-gradient, white);
}

.stat-card:hover[b-pdr8d1zpuo] {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

.stat-icon[b-pdr8d1zpuo] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.stat-value[b-pdr8d1zpuo] {
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    color: var(--text-primary);
}

.stat-label[b-pdr8d1zpuo] {
    font-size: 0.813rem;
    font-weight: 500;
    color: var(--text-muted);
}

/* Tab Navigation */
.tabs-container[b-pdr8d1zpuo] {
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
    background: var(--card-gradient, white);
}

.tabs-nav[b-pdr8d1zpuo] {
    display: flex;
    overflow-x: auto;
    scrollbar-width: thin;
    border-bottom: 1px solid var(--border);
}

.tab-button[b-pdr8d1zpuo] {
    flex: 1;
    min-width: 180px;
    padding: 1rem 1.5rem;
    background: transparent;
    border: none;
    font-weight: 600;
    font-size: 0.938rem;
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--text-muted);
}

.tab-button:hover[b-pdr8d1zpuo] {
    color: #3b82f6;
    background: var(--bg-secondary);
}

.tab-button.active[b-pdr8d1zpuo] {
    color: #3b82f6;
    border-bottom-color: #3b82f6;
}

.tab-content[b-pdr8d1zpuo] {
    display: none;
    padding: 2rem;
    animation: fadeIn-b-pdr8d1zpuo 0.3s ease;
}

.tab-content.active[b-pdr8d1zpuo] {
    display: block;
}

@keyframes fadeIn-b-pdr8d1zpuo {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Chart Cards */
.chart-card[b-pdr8d1zpuo] {
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin-bottom: 1.5rem;
    background: var(--bg-secondary, #f8fafc);
}

.chart-title[b-pdr8d1zpuo] {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-primary);
}

/* Performance Breakdown Row */
.performance-breakdown[b-pdr8d1zpuo] {
    margin-top: 1.5rem;
    display: flex;
    gap: 1rem;
}

.performance-breakdown .stat-card[b-pdr8d1zpuo] {
    flex: 1;
}

/* Student Lists */
.student-list[b-pdr8d1zpuo] {
    border-radius: 12px;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
    background: var(--card-gradient, white);
}

.list-header[b-pdr8d1zpuo] {
    padding: 1rem 1.5rem;
    font-weight: 700;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-primary);
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
}

.student-item[b-pdr8d1zpuo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border);
    transition: background 0.2s ease;
    gap: 1rem;
}

.student-item:last-child[b-pdr8d1zpuo] {
    border-bottom: none;
}

.student-item:hover[b-pdr8d1zpuo] {
    background: var(--bg-secondary);
}

.student-rank[b-pdr8d1zpuo] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.938rem;
    margin-right: 1rem;
    flex-shrink: 0;
}

.student-rank.gold[b-pdr8d1zpuo] {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
}

.student-rank.silver[b-pdr8d1zpuo] {
    background: linear-gradient(135deg, #94a3b8, #64748b);
}

.student-rank.bronze[b-pdr8d1zpuo] {
    background: linear-gradient(135deg, #fb923c, #f97316);
}

.student-info[b-pdr8d1zpuo] {
    flex: 1;
    min-width: 0;
}

.student-name[b-pdr8d1zpuo] {
    font-weight: 600;
    font-size: 0.938rem;
    margin-bottom: 0.25rem;
    color: var(--text-primary);
}

.student-details[b-pdr8d1zpuo] {
    font-size: 0.813rem;
    color: var(--text-muted);
}

.student-metric[b-pdr8d1zpuo] {
    text-align: right;
    min-width: 80px;
}

.metric-value[b-pdr8d1zpuo] {
    font-size: 1.25rem;
    font-weight: 700;
}

.metric-label[b-pdr8d1zpuo] {
    font-size: 0.75rem;
    margin-top: 0.125rem;
    color: var(--text-muted);
}

/* Attention Students */
.attention-section[b-pdr8d1zpuo] {
    margin-bottom: 2rem;
}

.attention-header[b-pdr8d1zpuo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0 0.5rem;
}

.attention-header h3[b-pdr8d1zpuo] {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
    color: var(--text-primary);
}

.severity-badge[b-pdr8d1zpuo] {
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.severity-badge.critical[b-pdr8d1zpuo] {
    background: #fee2e2;
    color: #dc2626;
}

.severity-badge.average[b-pdr8d1zpuo] {
    background: #fef3c7;
    color: #d97706;
}

/* Action Buttons */
.action-buttons[b-pdr8d1zpuo] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.btn-notify[b-pdr8d1zpuo] {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    border: none;
    font-size: 0.813rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.btn-whatsapp[b-pdr8d1zpuo] {
    background: #25D366;
    color: white;
}

.btn-whatsapp:hover[b-pdr8d1zpuo] {
    background: #20ba5a;
    transform: scale(1.05);
}

.btn-firebase[b-pdr8d1zpuo] {
    background: #3b82f6;
    color: white;
}

.btn-firebase:hover[b-pdr8d1zpuo] {
    background: #2563eb;
    transform: scale(1.05);
}

.btn-notify:disabled[b-pdr8d1zpuo] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
}

/* Mark Attendance button */
.btn-mark-attendance[b-pdr8d1zpuo] {
    padding: 0.5rem 1rem;
    background: #3b82f6;
    color: white;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0.813rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    transition: all 0.2s ease;
}

.btn-mark-attendance:hover[b-pdr8d1zpuo] {
    background: #2563eb;
    transform: scale(1.05);
    color: white;
    text-decoration: none;
}

/* Badge for unmarked days count on tab */
.badge-warning[b-pdr8d1zpuo] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: #fef3c7;
    color: #92400e;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-left: 0.5rem;
}

/* Unmarked date item */
.unmarked-date-item[b-pdr8d1zpuo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: #fef2f2;
    border-left: 3px solid #dc2626;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #991b1b;
    transition: all 0.2s ease;
}

.unmarked-date-item:hover[b-pdr8d1zpuo] {
    background: #fee2e2;
    transform: translateX(4px);
}

/* Empty State */
.empty-state[b-pdr8d1zpuo] {
    text-align: center;
    padding: 3rem 1rem;
    color: #94a3b8;
}

.empty-state i[b-pdr8d1zpuo] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state.success i[b-pdr8d1zpuo] {
    color: #10b981;
    opacity: 1;
}

.empty-state p[b-pdr8d1zpuo] {
    font-size: 1rem;
    margin: 0;
}

/* Alerts */
.alert[b-pdr8d1zpuo] {
    padding: 1rem 1.25rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.alert-error[b-pdr8d1zpuo] {
    background: #fef2f2;
    color: #991b1b;
    border-left: 3px solid #ef4444;
}

.alert-warning[b-pdr8d1zpuo] {
    background: #fffbeb;
    color: #92400e;
    border-left: 3px solid #f59e0b;
}

/* Loading */
.loading-container[b-pdr8d1zpuo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--text-muted);
}

.spinner[b-pdr8d1zpuo] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border);
    border-top-color: var(--brand-blue, #3b82f6);
    border-radius: 50%;
    animation: spin-b-pdr8d1zpuo 0.8s linear infinite;
    margin-bottom: 1rem;
}

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

/* Info Card Animation */
.info-card[b-pdr8d1zpuo] {
    animation: slideDown-b-pdr8d1zpuo 0.3s ease;
}

@keyframes slideDown-b-pdr8d1zpuo {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Student Performance Row Highlights */
.student-item.performance-excellent[b-pdr8d1zpuo] {
    background: rgba(16, 185, 129, 0.08);
    border-left: 3px solid #10b981;
}

.student-item.performance-good[b-pdr8d1zpuo] {
    background: rgba(5, 150, 105, 0.06);
    border-left: 3px solid #059669;
}

.student-item.performance-average[b-pdr8d1zpuo] {
    background: rgba(245, 158, 11, 0.08);
    border-left: 3px solid #f59e0b;
}

.student-item.performance-poor[b-pdr8d1zpuo] {
    background: rgba(239, 68, 68, 0.08);
    border-left: 3px solid #ef4444;
}

/* Metric value colors based on performance */
.metric-value.excellent[b-pdr8d1zpuo] {
    color: #10b981 !important;
}

.metric-value.good[b-pdr8d1zpuo] {
    color: #059669 !important;
}

.metric-value.average[b-pdr8d1zpuo] {
    color: #d97706 !important;
}

.metric-value.poor[b-pdr8d1zpuo] {
    color: #dc2626 !important;
}

/* Improvement indicators */
.improvement-positive[b-pdr8d1zpuo] {
    color: #10b981;
}

.improvement-negative[b-pdr8d1zpuo] {
    color: #ef4444;
}

.improvement-neutral[b-pdr8d1zpuo] {
    color: #64748b;
}

/* Responsive */
@media (max-width: 768px) {
    .overview-container[b-pdr8d1zpuo] {
        padding: 1rem;
    }

    .tabs-nav[b-pdr8d1zpuo] {
        flex-wrap: nowrap;
    }

    .tab-button[b-pdr8d1zpuo] {
        min-width: 150px;
        font-size: 0.8rem;
        padding: 0.75rem 1rem;
    }

    .performance-breakdown[b-pdr8d1zpuo] {
        flex-direction: column;
    }

    .action-buttons[b-pdr8d1zpuo] {
        flex-direction: column;
        width: 100%;
    }

    .btn-notify[b-pdr8d1zpuo],
    .btn-mark-attendance[b-pdr8d1zpuo] {
        width: 100%;
        justify-content: center;
    }

    .student-item[b-pdr8d1zpuo] {
        flex-wrap: wrap;
    }
}

@media print {
    .tabs-nav[b-pdr8d1zpuo], .action-buttons[b-pdr8d1zpuo] {
        display: none !important;
    }
    .tab-content[b-pdr8d1zpuo] {
        display: block !important;
    }
}
/* /Areas/Academic/Pages/ClassTeacher/Attendance/Report.razor.rz.scp.css */
.report-page[b-esxeb6k3i2] {
    max-width: 100%;
    margin: 0 auto;
}

.page-header[b-esxeb6k3i2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-title[b-esxeb6k3i2] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.page-subtitle[b-esxeb6k3i2] {
    color: var(--text-muted);
    font-size: 0.95rem;
}

.header-actions[b-esxeb6k3i2] {
    display: flex;
    gap: 0.75rem;
}

/* Cards */
.card[b-esxeb6k3i2] {
    background: var(--card-gradient);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    margin-bottom: 1rem;
}

/* Month Selector */
.month-selector[b-esxeb6k3i2] {
    background: var(--bg-secondary);
}

.month-picker-row[b-esxeb6k3i2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.month-label[b-esxeb6k3i2] {
    font-weight: 600;
    color: var(--text-primary);
}

.month-select[b-esxeb6k3i2],
.year-select[b-esxeb6k3i2] {
    padding: 0.6rem 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    color: var(--text-primary);
    font-size: 0.95rem;
    min-width: 140px;
}

.year-select[b-esxeb6k3i2] {
    min-width: 100px;
}

/* Report Header */
.report-header[b-esxeb6k3i2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.report-info h2[b-esxeb6k3i2] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.report-info p[b-esxeb6k3i2] {
    font-size: 0.9rem;
    color: var(--text-muted);
}

.legend[b-esxeb6k3i2] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.legend-item[b-esxeb6k3i2] {
    padding: 0.35rem 0.75rem;
    border-radius: var(--radius-sm);
    font-size: 0.8rem;
    font-weight: 600;
}

.legend-item.present[b-esxeb6k3i2] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.legend-item.absent[b-esxeb6k3i2] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
}

.legend-item.leave[b-esxeb6k3i2] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

/* Attendance Grid */
.attendance-grid-card[b-esxeb6k3i2] {
    padding: 0;
    overflow: hidden;
}

.attendance-grid-container[b-esxeb6k3i2] {
    overflow-x: auto;
    max-height: 70vh;
}

.attendance-grid[b-esxeb6k3i2] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.85rem;
}

.attendance-grid th[b-esxeb6k3i2],
.attendance-grid td[b-esxeb6k3i2] {
    padding: 0.5rem 0.4rem;
    text-align: center;
    border-bottom: 1px solid var(--border);
    border-right: 1px solid var(--border);
    white-space: nowrap;
}

.attendance-grid th[b-esxeb6k3i2] {
    background: var(--bg-secondary);
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Sticky columns */
.sticky-col[b-esxeb6k3i2] {
    position: sticky;
    background: var(--bg-primary);
    z-index: 5;
}

.attendance-grid th.sticky-col[b-esxeb6k3i2] {
    z-index: 15;
    background: var(--bg-secondary);
}

.col-sr[b-esxeb6k3i2] {
    left: 0;
    min-width: 45px;
    width: 45px;
}

.col-name[b-esxeb6k3i2] {
    left: 45px;
    min-width: 150px;
    max-width: 150px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-day[b-esxeb6k3i2] {
    min-width: 32px;
    width: 32px;
}

.col-day.sunday[b-esxeb6k3i2] {
    background: rgba(239, 68, 68, 0.05);
}

.attendance-grid th.col-day.sunday[b-esxeb6k3i2] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
}

.col-total[b-esxeb6k3i2] {
    min-width: 40px;
    width: 40px;
    font-weight: 600;
}

/* Status colors */
.status-present[b-esxeb6k3i2] {
    background: rgba(16, 185, 129, 0.15);
    color: #059669;
    font-weight: 600;
}

.status-absent[b-esxeb6k3i2] {
    background: rgba(239, 68, 68, 0.15);
    color: #dc2626;
    font-weight: 600;
}

.status-leave[b-esxeb6k3i2] {
    background: rgba(245, 158, 11, 0.15);
    color: #d97706;
    font-weight: 600;
}

/* Total columns */
.present-total[b-esxeb6k3i2] {
    color: #10b981;
}

.absent-total[b-esxeb6k3i2] {
    color: #ef4444;
}

.leave-total[b-esxeb6k3i2] {
    color: #f59e0b;
}

/* Percentage colors */
.percent-good[b-esxeb6k3i2] {
    color: #10b981;
    font-weight: 700;
}

.percent-average[b-esxeb6k3i2] {
    color: #f59e0b;
    font-weight: 700;
}

.percent-poor[b-esxeb6k3i2] {
    color: #ef4444;
    font-weight: 700;
}

/* Summary Section */
.summary-section[b-esxeb6k3i2] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.summary-box[b-esxeb6k3i2] {
    background: var(--card-gradient);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 150px;
}

.summary-label[b-esxeb6k3i2] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.summary-value[b-esxeb6k3i2] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
}

.summary-value.present[b-esxeb6k3i2] {
    color: #10b981;
}

.summary-value.absent[b-esxeb6k3i2] {
    color: #ef4444;
}

.summary-value.leave[b-esxeb6k3i2] {
    color: #f59e0b;
}

/* Buttons */
.btn[b-esxeb6k3i2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    border-radius: var(--radius-md);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}

.btn-primary[b-esxeb6k3i2] {
    background: var(--brand-blue);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-esxeb6k3i2] {
    background: #2563eb;
}

.btn-outline[b-esxeb6k3i2] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-primary);
}

.btn-outline:hover[b-esxeb6k3i2] {
    background: var(--bg-secondary);
}

.btn:disabled[b-esxeb6k3i2] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Alerts */
.alert[b-esxeb6k3i2] {
    padding: 1rem 1.25rem;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.alert-error[b-esxeb6k3i2] {
    background: #fef2f2;
    color: #991b1b;
    border-left: 3px solid #ef4444;
}

.alert-warning[b-esxeb6k3i2] {
    background: #fffbeb;
    color: #92400e;
    border-left: 3px solid #f59e0b;
}

.alert-info[b-esxeb6k3i2] {
    background: #eff6ff;
    color: #1e40af;
    border-left: 3px solid #3b82f6;
}

/* Loading */
.loading-container[b-esxeb6k3i2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--text-muted);
}

.spinner[b-esxeb6k3i2] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border);
    border-top-color: var(--brand-blue);
    border-radius: 50%;
    animation: spin-b-esxeb6k3i2 0.8s linear infinite;
    margin-bottom: 1rem;
}

.spinner-sm[b-esxeb6k3i2] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-esxeb6k3i2 0.6s linear infinite;
}

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

/* Print styles */
@media print {
    .page-header .header-actions[b-esxeb6k3i2],
    .month-selector[b-esxeb6k3i2] {
        display: none;
    }

    .attendance-grid-container[b-esxeb6k3i2] {
        overflow: visible;
        max-height: none;
    }

    .attendance-grid[b-esxeb6k3i2] {
        font-size: 0.7rem;
    }

    .attendance-grid th[b-esxeb6k3i2],
    .attendance-grid td[b-esxeb6k3i2] {
        padding: 0.25rem;
    }

    .sticky-col[b-esxeb6k3i2] {
        position: static;
    }
}

/* Row Highlighting based on student overall attendance */
.row-excellent[b-esxeb6k3i2] {
    background: rgba(16, 185, 129, 0.08) !important;
}

.row-good[b-esxeb6k3i2] {
    background: rgba(5, 150, 105, 0.06) !important;
}

.row-average[b-esxeb6k3i2] {
    background: rgba(245, 158, 11, 0.08) !important;
}

.row-poor[b-esxeb6k3i2] {
    background: rgba(239, 68, 68, 0.08) !important;
}

/* Row hover with preserved highlighting */
.attendance-grid tbody tr:hover[b-esxeb6k3i2] {
    filter: brightness(0.97);
}

/* Holiday status */
.status-holiday[b-esxeb6k3i2] {
    background: rgba(251, 191, 36, 0.2);
    color: #92400e;
    font-size: 0.7rem;
    font-weight: 600;
}

/* Sunday column highlighting */
.col-day.sunday[b-esxeb6k3i2] {
    background: rgba(239, 68, 68, 0.05);
}

.attendance-grid th.col-day.sunday[b-esxeb6k3i2] {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

/* Sunday status */
.status-sunday[b-esxeb6k3i2] {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
    font-weight: 600;
}

/* Legend items for Sunday and Holiday */
.legend-item.sunday[b-esxeb6k3i2] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}

.legend-item.holiday[b-esxeb6k3i2] {
    background: rgba(251, 191, 36, 0.15);
    color: #92400e;
}

/* Clickable status cells */
.clickable-status[b-esxeb6k3i2] {
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.clickable-status:hover[b-esxeb6k3i2] {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 5;
    position: relative;
}

/* Status Toast Notification */
.status-toast[b-esxeb6k3i2] {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    animation: slideUp-b-esxeb6k3i2 0.3s ease;
}

.status-toast-content[b-esxeb6k3i2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 0.875rem 1.25rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    font-size: 0.95rem;
    color: var(--text-primary);
}

.status-toast-content i[b-esxeb6k3i2] {
    color: var(--brand-blue);
    font-size: 1.1rem;
}

.toast-close[b-esxeb6k3i2] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--text-muted);
    margin-left: 0.5rem;
    border-radius: var(--radius-sm);
    transition: background 0.2s ease;
}

.toast-close:hover[b-esxeb6k3i2] {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

@keyframes slideUp-b-esxeb6k3i2 {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-esxeb6k3i2] {
        flex-direction: column;
        gap: 1rem;
    }

    .month-picker-row[b-esxeb6k3i2] {
        flex-direction: column;
        align-items: stretch;
    }

    .month-select[b-esxeb6k3i2],
    .year-select[b-esxeb6k3i2] {
        width: 100%;
    }

    .report-header[b-esxeb6k3i2] {
        flex-direction: column;
        align-items: flex-start;
    }

    .summary-section[b-esxeb6k3i2] {
        flex-direction: column;
    }

    .summary-box[b-esxeb6k3i2] {
        width: 100%;
    }

    .status-toast[b-esxeb6k3i2] {
        left: 1rem;
        right: 1rem;
        transform: none;
    }

    .status-toast-content[b-esxeb6k3i2] {
        width: 100%;
        justify-content: center;
    }
}
/* /Areas/Academic/Pages/ClassTeacher/Attendance/YearlyReport.razor.rz.scp.css */
.yearly-report-page[b-jush3qkduj] {
    max-width: 1400px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-jush3qkduj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-title[b-jush3qkduj] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.page-title i[b-jush3qkduj] {
    background: linear-gradient(135deg, #2563eb, #4338ca);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.page-badges[b-jush3qkduj] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.badge[b-jush3qkduj] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    border-radius: var(--radius-md);
    font-size: 0.8rem;
    font-weight: 600;
}

.badge-primary[b-jush3qkduj] {
    background: rgba(37, 99, 235, 0.1);
    color: #2563eb;
}

.badge-info[b-jush3qkduj] {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
}

.badge-secondary[b-jush3qkduj] {
    background: var(--bg-secondary);
    color: var(--text-secondary);
}

.page-note[b-jush3qkduj] {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin: 0;
}

.page-note i[b-jush3qkduj] {
    margin-right: 0.25rem;
}

.header-actions[b-jush3qkduj] {
    display: flex;
    gap: 0.75rem;
}

/* Cards */
.card[b-jush3qkduj] {
    background: var(--card-gradient);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.card-header[b-jush3qkduj] {
    padding: 1rem 1.5rem;
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.insights-card[b-jush3qkduj] {
    padding-bottom: 1.5rem;
}

.insights-header[b-jush3qkduj] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: white;
}

.insights-grid[b-jush3qkduj] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
    padding: 1.5rem;
}

.insight-card[b-jush3qkduj] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    text-align: center;
    transition: all 0.2s ease;
}

.insight-card:hover[b-jush3qkduj] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.insight-icon[b-jush3qkduj] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin: 0 auto 0.75rem;
}

.icon-blue[b-jush3qkduj] {
    background: #3b82f6;
    color: white;
}

.icon-purple[b-jush3qkduj] {
    background: #8b5cf6;
    color: white;
}

.icon-success[b-jush3qkduj] {
    background: #10b981;
    color: white;
}

.icon-success-light[b-jush3qkduj] {
    background: #6ee7b7;
    color: #065f46;
}

.icon-warning[b-jush3qkduj] {
    background: #fbbf24;
    color: #78350f;
}

.icon-danger[b-jush3qkduj] {
    background: #f87171;
    color: white;
}

.insight-label[b-jush3qkduj] {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-bottom: 0.25rem;
    font-weight: 600;
}

.insight-value[b-jush3qkduj] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.insight-value.purple[b-jush3qkduj] {
    color: #7c3aed;
}

.insight-value.success[b-jush3qkduj] {
    color: #059669;
}

.insight-value.warning[b-jush3qkduj] {
    color: #d97706;
}

.insight-value.danger[b-jush3qkduj] {
    color: #dc2626;
}

.month-alerts[b-jush3qkduj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 0 1.5rem;
}

.month-alert[b-jush3qkduj] {
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    font-size: 0.9rem;
}

.month-alert.alert-success[b-jush3qkduj] {
    background: #f0fdf4;
    color: #166534;
    border-left: 3px solid #10b981;
}

.month-alert.alert-warning[b-jush3qkduj] {
    background: #fffbeb;
    color: #92400e;
    border-left: 3px solid #f59e0b;
}

.month-alert i[b-jush3qkduj] {
    margin-right: 0.5rem;
}

/* Search Bar */
.search-bar[b-jush3qkduj] {
    padding: 1rem 1.5rem;
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.search-input-wrapper[b-jush3qkduj] {
    position: relative;
    flex: 1;
    max-width: 400px;
}

.search-input-wrapper i[b-jush3qkduj] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
}

.search-input[b-jush3qkduj] {
    width: 100%;
    padding: 0.65rem 1rem 0.65rem 2.5rem;
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    font-size: 0.95rem;
    background: var(--bg-primary);
    color: var(--text-primary);
    transition: all 0.2s ease;
}

.search-input:focus[b-jush3qkduj] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.record-count[b-jush3qkduj] {
    color: var(--text-muted);
}

/* Grid Container */
.grid-container[b-jush3qkduj] {
    overflow-x: auto;
    max-height: 70vh;
    overflow-y: auto;
}

.yearly-grid[b-jush3qkduj] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.85rem;
}

.yearly-grid th[b-jush3qkduj],
.yearly-grid td[b-jush3qkduj] {
    padding: 0.6rem 0.5rem;
    text-align: center;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.yearly-grid th[b-jush3qkduj] {
    background: var(--bg-secondary);
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    position: sticky;
    top: 0;
    z-index: 10;
}

.yearly-grid th.sortable[b-jush3qkduj] {
    cursor: pointer;
    user-select: none;
    transition: background 0.2s ease;
}

.yearly-grid th.sortable:hover[b-jush3qkduj] {
    background: var(--bg-tertiary);
}

.yearly-grid th.sortable i[b-jush3qkduj] {
    margin-left: 0.25rem;
    font-size: 0.65rem;
    opacity: 0.5;
}

.yearly-grid th.sortable:hover i[b-jush3qkduj] {
    opacity: 1;
}

/* Sticky Columns */
.sticky-col[b-jush3qkduj] {
    position: sticky;
    background: var(--bg-primary);
    z-index: 5;
}

.yearly-grid th.sticky-col[b-jush3qkduj] {
    z-index: 15;
    background: var(--bg-secondary);
}

.col-num[b-jush3qkduj] {
    left: 0;
    min-width: 45px;
    width: 45px;
}

.col-sr[b-jush3qkduj] {
    left: 45px;
    min-width: 70px;
    width: 70px;
}

.col-name[b-jush3qkduj] {
    left: 115px;
    min-width: 180px;
    max-width: 180px;
    text-align: left !important;
}

.col-month[b-jush3qkduj] {
    min-width: 55px;
}

.col-total[b-jush3qkduj] {
    min-width: 50px;
    font-weight: 600;
}

/* Row Highlighting */
.yearly-grid tbody tr:nth-child(odd)[b-jush3qkduj] {
    background: var(--bg-secondary);
}

.yearly-grid tbody tr:nth-child(even)[b-jush3qkduj] {
    background: var(--bg-primary);
}

.yearly-grid tbody tr:hover[b-jush3qkduj] {
    background: #e0f2fe !important;
}

.yearly-grid tbody tr:hover .sticky-col[b-jush3qkduj] {
    background: #e0f2fe !important;
}

.yearly-grid tbody tr:nth-child(odd) .sticky-col[b-jush3qkduj] {
    background: var(--bg-secondary);
}

.yearly-grid tbody tr:nth-child(even) .sticky-col[b-jush3qkduj] {
    background: var(--bg-primary);
}

/* Performance Row Highlighting */
.row-excellent[b-jush3qkduj] {
    background: rgba(16, 185, 129, 0.06) !important;
}

.row-good[b-jush3qkduj] {
    background: rgba(5, 150, 105, 0.04) !important;
}

.row-average[b-jush3qkduj] {
    background: rgba(245, 158, 11, 0.06) !important;
}

.row-poor[b-jush3qkduj] {
    background: rgba(239, 68, 68, 0.06) !important;
}

.row-excellent .sticky-col[b-jush3qkduj],
.row-good .sticky-col[b-jush3qkduj],
.row-average .sticky-col[b-jush3qkduj],
.row-poor .sticky-col[b-jush3qkduj] {
    background: inherit;
}

/* Badges */
.sr-badge[b-jush3qkduj] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
    font-size: 0.8rem;
    font-weight: 700;
}

.month-badge[b-jush3qkduj] {
    display: inline-block;
    padding: 0.25rem 0.4rem;
    border-radius: var(--radius-sm);
    font-size: 0.8rem;
    font-weight: 600;
}

.yearly-badge[b-jush3qkduj] {
    display: inline-block;
    padding: 0.3rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.85rem;
    font-weight: 700;
}

.badge-success[b-jush3qkduj] {
    background: #10b981;
    color: white;
}

.badge-success-light[b-jush3qkduj] {
    background: #6ee7b7;
    color: #065f46;
}

.badge-warning[b-jush3qkduj] {
    background: #fbbf24;
    color: #78350f;
}

.badge-danger[b-jush3qkduj] {
    background: #f87171;
    color: white;
}

.present-value[b-jush3qkduj] {
    color: #10b981;
}

.absent-value[b-jush3qkduj] {
    color: #ef4444;
}

.text-muted[b-jush3qkduj] {
    color: var(--text-muted);
}

/* No Results */
.no-results[b-jush3qkduj] {
    text-align: center;
    padding: 3rem 2rem;
    color: var(--text-muted);
}

.no-results i[b-jush3qkduj] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.3;
}

.no-results h4[b-jush3qkduj] {
    margin-bottom: 0.5rem;
    color: var(--text-secondary);
}

/* Buttons */
.btn[b-jush3qkduj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    border-radius: var(--radius-md);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}

.btn-primary[b-jush3qkduj] {
    background: var(--brand-blue);
    color: white;
}

.btn-primary:hover[b-jush3qkduj] {
    background: #2563eb;
}

.btn-outline[b-jush3qkduj] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-primary);
}

.btn-outline:hover[b-jush3qkduj] {
    background: var(--bg-secondary);
}

/* Alerts */
.alert[b-jush3qkduj] {
    padding: 1rem 1.25rem;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.alert-error[b-jush3qkduj] {
    background: #fef2f2;
    color: #991b1b;
    border-left: 3px solid #ef4444;
}

.alert-warning[b-jush3qkduj] {
    background: #fffbeb;
    color: #92400e;
    border-left: 3px solid #f59e0b;
}

/* Loading */
.loading-container[b-jush3qkduj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--text-muted);
}

.spinner[b-jush3qkduj] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border);
    border-top-color: var(--brand-blue);
    border-radius: 50%;
    animation: spin-b-jush3qkduj 0.8s linear infinite;
    margin-bottom: 1rem;
}

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

/* Print Styles */
@media print {
    @page {
        margin: 0.5cm;
        size: landscape;
    }

    .page-header .header-actions[b-jush3qkduj],
    .search-bar[b-jush3qkduj],
    .btn[b-jush3qkduj],
    .insights-card[b-jush3qkduj] {
        display: none !important;
    }

    .yearly-report-page[b-jush3qkduj] {
        max-width: 100%;
    }

    .sticky-col[b-jush3qkduj] {
        position: static !important;
    }

    .yearly-grid[b-jush3qkduj] {
        font-size: 7px !important;
    }

    .yearly-grid th[b-jush3qkduj],
    .yearly-grid td[b-jush3qkduj] {
        padding: 2px 1px !important;
    }
}

/* Responsive */
@media (max-width: 1200px) {
    .insights-grid[b-jush3qkduj] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .page-header[b-jush3qkduj] {
        flex-direction: column;
    }

    .insights-grid[b-jush3qkduj] {
        grid-template-columns: repeat(2, 1fr);
    }

    .month-alerts[b-jush3qkduj] {
        grid-template-columns: 1fr;
    }

    .search-bar[b-jush3qkduj] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-input-wrapper[b-jush3qkduj] {
        max-width: none;
    }

    .col-name[b-jush3qkduj] {
        min-width: 150px;
        max-width: 150px;
    }
}
/* /Areas/Academic/Pages/ClassTeacher/Calendar/Index.razor.rz.scp.css */
.calendar-page[b-3k7z3yjc2u] {
        padding: 1.5rem;
    }

    .calendar-header[b-3k7z3yjc2u] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .header-left[b-3k7z3yjc2u] {
        display: flex;
        align-items: center;
    }

    .header-left .back-btn[b-3k7z3yjc2u] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        flex-shrink: 0;
    }

    .header-left h1[b-3k7z3yjc2u] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

    .header-left .text-muted[b-3k7z3yjc2u] {
        font-size: 0.875rem;
        margin: 0;
    }

    .header-actions[b-3k7z3yjc2u] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .loading-container[b-3k7z3yjc2u] {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 400px;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .calendar-page[b-3k7z3yjc2u] {
        padding: 1rem;
    }

    .calendar-header[b-3k7z3yjc2u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .header-left h1[b-3k7z3yjc2u] {
        font-size: 1.25rem;
    }

    .header-actions[b-3k7z3yjc2u] {
        width: 100%;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .header-actions .btn-group[b-3k7z3yjc2u] {
        flex: 1;
        min-width: 160px;
    }

    .header-actions .btn-group .btn[b-3k7z3yjc2u] {
        flex: 1;
        padding: 0.5rem;
        font-size: 0.875rem;
    }

    .header-actions > a[b-3k7z3yjc2u] {
        flex: 1;
        min-width: calc(50% - 0.25rem);
        text-align: center;
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }

    .header-actions > a.me-2[b-3k7z3yjc2u] {
        margin-right: 0 !important;
    }

    .loading-container[b-3k7z3yjc2u] {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .calendar-page[b-3k7z3yjc2u] {
        padding: 0.75rem;
    }

    .header-left h1[b-3k7z3yjc2u] {
        font-size: 1.1rem;
    }

    .header-left .text-muted[b-3k7z3yjc2u] {
        font-size: 0.8rem;
    }

    .header-actions .btn-group[b-3k7z3yjc2u] {
        width: 100%;
    }

    .header-actions > a[b-3k7z3yjc2u] {
        width: 100%;
        min-width: 100%;
    }

    .header-actions > a i[b-3k7z3yjc2u] {
        margin-right: 0.25rem;
    }
}
/* /Areas/Academic/Pages/ClassTeacher/Calendar/ListView.razor.rz.scp.css */
.event-list-page[b-gyquxeqm1l] {
        padding: 1rem;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .page-header[b-gyquxeqm1l] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1rem;
    }
    .page-header h1[b-gyquxeqm1l] {
        font-size: 1.5rem;
        margin: 0;
    }
/* /Areas/Academic/Pages/ClassTeacher/ExamAttendance/Index.razor.rz.scp.css */
.exam-attendance-page[b-6wh91nngtk] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-6wh91nngtk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-title[b-6wh91nngtk] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-subtitle[b-6wh91nngtk] {
    color: #6b7280;
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
}

.header-actions[b-6wh91nngtk] {
    display: flex;
    gap: 0.5rem;
}

/* Cards */
.card[b-6wh91nngtk] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

/* Filters */
.filter-card[b-6wh91nngtk] {
    background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 100%);
}

.filter-row[b-6wh91nngtk] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.filter-group[b-6wh91nngtk] {
    flex: 1;
    min-width: 250px;
}

.filter-group label[b-6wh91nngtk] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}

.form-control[b-6wh91nngtk] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.9rem;
    background: #fff;
}

.form-control:focus[b-6wh91nngtk] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

/* Progress Summary */
.progress-summary[b-6wh91nngtk] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.progress-item[b-6wh91nngtk] {
    flex: 1;
    min-width: 120px;
    background: #fff;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-left: 4px solid #6b7280;
}

.progress-item.marked[b-6wh91nngtk] {
    border-left-color: #10b981;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
}

.progress-item.pending[b-6wh91nngtk] {
    border-left-color: #f59e0b;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
}

.progress-label[b-6wh91nngtk] {
    display: block;
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 0.25rem;
}

.progress-value[b-6wh91nngtk] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a2e;
}

/* Slots Table */
.slots-card[b-6wh91nngtk] {
    padding: 0;
    overflow: hidden;
}

.table-responsive[b-6wh91nngtk] {
    overflow-x: auto;
}

.slots-table[b-6wh91nngtk] {
    width: 100%;
    border-collapse: collapse;
}

.slots-table th[b-6wh91nngtk] {
    background: #f8fafc;
    padding: 0.875rem 1rem;
    text-align: left;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e5e7eb;
}

.slots-table td[b-6wh91nngtk] {
    padding: 1rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.slots-table tbody tr:hover[b-6wh91nngtk] {
    background: #f8fafc;
}

.slots-table tbody tr.marked[b-6wh91nngtk] {
    background: #f0fdf4;
}

.slots-table tbody tr.pending[b-6wh91nngtk] {
    background: #fffbeb;
}

.col-date[b-6wh91nngtk] {
    width: 120px;
    font-weight: 500;
}

.col-day[b-6wh91nngtk] {
    width: 60px;
    color: #6b7280;
}

.col-subject[b-6wh91nngtk] {
    min-width: 150px;
}

.subject-name[b-6wh91nngtk] {
    font-weight: 500;
    color: #1a1a2e;
}

.exam-type-badge[b-6wh91nngtk] {
    display: inline-block;
    font-size: 0.7rem;
    padding: 0.15rem 0.4rem;
    background: #e0e7ff;
    color: #4338ca;
    border-radius: 4px;
    margin-left: 0.5rem;
    text-transform: uppercase;
}

.col-time[b-6wh91nngtk] {
    width: 140px;
    color: #6b7280;
    font-size: 0.9rem;
}

.col-status[b-6wh91nngtk] {
    width: 130px;
}

.col-actions[b-6wh91nngtk] {
    width: 100px;
    text-align: center;
}

/* Status Badges */
.status-badge[b-6wh91nngtk] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
}

.status-badge.marked[b-6wh91nngtk] {
    background: #dcfce7;
    color: #166534;
}

.status-badge.pending[b-6wh91nngtk] {
    background: #fef3c7;
    color: #92400e;
}

/* Buttons */
.btn[b-6wh91nngtk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-sm[b-6wh91nngtk] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
}

.btn-primary[b-6wh91nngtk] {
    background: #4f46e5;
    color: #fff;
}

.btn-primary:hover[b-6wh91nngtk] {
    background: #4338ca;
}

.btn-outline[b-6wh91nngtk] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-6wh91nngtk] {
    background: #f3f4f6;
    border-color: #9ca3af;
}

/* Loading & Empty States */
.loading-container[b-6wh91nngtk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6b7280;
}

.spinner[b-6wh91nngtk] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top-color: #4f46e5;
    border-radius: 50%;
    animation: spin-b-6wh91nngtk 1s linear infinite;
}

@keyframes spin-b-6wh91nngtk {
    to { transform: rotate(360deg); }
}

.empty-state[b-6wh91nngtk] {
    text-align: center;
    padding: 3rem;
    background: #f8fafc;
    border-radius: 8px;
}

.empty-state i[b-6wh91nngtk] {
    font-size: 3rem;
    color: #9ca3af;
    margin-bottom: 1rem;
}

.empty-state h3[b-6wh91nngtk] {
    color: #374151;
    margin-bottom: 0.5rem;
}

.empty-state p[b-6wh91nngtk] {
    color: #6b7280;
}

/* Alerts */
.alert[b-6wh91nngtk] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-error[b-6wh91nngtk] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-warning[b-6wh91nngtk] {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.alert-info[b-6wh91nngtk] {
    background: #eff6ff;
    color: #1e40af;
    border: 1px solid #bfdbfe;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .exam-attendance-page[b-6wh91nngtk] {
        padding: 1rem;
    }

    .page-header[b-6wh91nngtk] {
        flex-direction: column;
    }

    .progress-summary[b-6wh91nngtk] {
        flex-direction: column;
    }

    .progress-item[b-6wh91nngtk] {
        min-width: 100%;
    }

    .slots-table th[b-6wh91nngtk],
    .slots-table td[b-6wh91nngtk] {
        padding: 0.75rem;
    }

    .col-day[b-6wh91nngtk] {
        display: none;
    }
}
/* /Areas/Academic/Pages/ClassTeacher/ExamAttendance/Mark.razor.rz.scp.css */
.mark-attendance-page[b-lt1i68q3wf] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-lt1i68q3wf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-title[b-lt1i68q3wf] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-subtitle[b-lt1i68q3wf] {
    color: #6b7280;
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
}

.header-actions[b-lt1i68q3wf] {
    display: flex;
    gap: 0.5rem;
}

/* Cards */
.card[b-lt1i68q3wf] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

/* Slot Info Card */
.slot-info-card[b-lt1i68q3wf] {
    background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 100%);
}

.slot-info-grid[b-lt1i68q3wf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.info-item[b-lt1i68q3wf] {
    display: flex;
    flex-direction: column;
}

.info-label[b-lt1i68q3wf] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6b7280;
    margin-bottom: 0.25rem;
}

.info-value[b-lt1i68q3wf] {
    font-size: 0.95rem;
    font-weight: 500;
    color: #1a1a2e;
}

/* Actions Card */
.actions-card[b-lt1i68q3wf] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.actions-row[b-lt1i68q3wf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.attendance-summary[b-lt1i68q3wf] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.summary-item[b-lt1i68q3wf] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    background: #fff;
}

.summary-item.present[b-lt1i68q3wf] {
    color: #059669;
    background: #ecfdf5;
}

.summary-item.absent[b-lt1i68q3wf] {
    color: #dc2626;
    background: #fef2f2;
}

.summary-item.late[b-lt1i68q3wf] {
    color: #d97706;
    background: #fffbeb;
}

.summary-item.unmarked[b-lt1i68q3wf] {
    color: #6b7280;
    background: #f3f4f6;
}

.action-buttons[b-lt1i68q3wf] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Students Table */
.students-card[b-lt1i68q3wf] {
    padding: 0;
    overflow: hidden;
}

.table-responsive[b-lt1i68q3wf] {
    overflow-x: auto;
}

.students-table[b-lt1i68q3wf] {
    width: 100%;
    border-collapse: collapse;
}

.students-table th[b-lt1i68q3wf] {
    background: #f8fafc;
    padding: 0.875rem 1rem;
    text-align: left;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e5e7eb;
}

.students-table td[b-lt1i68q3wf] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.students-table tbody tr:hover[b-lt1i68q3wf] {
    background: #f8fafc;
}

.students-table tbody tr.row-present[b-lt1i68q3wf] {
    background: #f0fdf4;
}

.students-table tbody tr.row-absent[b-lt1i68q3wf] {
    background: #fef2f2;
}

.students-table tbody tr.row-late[b-lt1i68q3wf] {
    background: #fffbeb;
}

.col-roll[b-lt1i68q3wf] {
    width: 60px;
    font-weight: 600;
}

.col-name[b-lt1i68q3wf] {
    min-width: 180px;
}

.student-name[b-lt1i68q3wf] {
    display: block;
    font-weight: 500;
    color: #1a1a2e;
}

.sr-no[b-lt1i68q3wf] {
    display: block;
    font-size: 0.75rem;
    color: #9ca3af;
}

.col-father[b-lt1i68q3wf] {
    min-width: 150px;
    color: #6b7280;
}

.col-admit[b-lt1i68q3wf] {
    width: 120px;
}

.admit-card-no[b-lt1i68q3wf] {
    font-size: 0.8rem;
    background: #e0e7ff;
    color: #4338ca;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.no-admit[b-lt1i68q3wf] {
    color: #9ca3af;
}

.fee-badge.pending[b-lt1i68q3wf] {
    margin-left: 0.25rem;
    color: #f59e0b;
}

.col-status[b-lt1i68q3wf] {
    width: 120px;
}

.col-remarks[b-lt1i68q3wf] {
    min-width: 150px;
}

/* Status Buttons */
.status-buttons[b-lt1i68q3wf] {
    display: flex;
    gap: 0.25rem;
}

.status-btn[b-lt1i68q3wf] {
    width: 32px;
    height: 32px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #fff;
    color: #6b7280;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.status-btn:hover[b-lt1i68q3wf] {
    border-color: #9ca3af;
    background: #f3f4f6;
}

.status-btn.active.present[b-lt1i68q3wf] {
    background: #059669;
    border-color: #059669;
    color: #fff;
}

.status-btn.active.absent[b-lt1i68q3wf] {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
}

.status-btn.active.late[b-lt1i68q3wf] {
    background: #d97706;
    border-color: #d97706;
    color: #fff;
}

/* Remarks Input */
.remarks-input[b-lt1i68q3wf] {
    width: 100%;
    padding: 0.4rem 0.6rem;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 0.85rem;
    background: #fff;
}

.remarks-input:focus[b-lt1i68q3wf] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1);
}

/* Bottom Actions */
.bottom-actions[b-lt1i68q3wf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-top: 1px solid #e5e7eb;
    margin-top: 1rem;
}

/* Buttons */
.btn[b-lt1i68q3wf] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-lg[b-lt1i68q3wf] {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
}

.btn-primary[b-lt1i68q3wf] {
    background: #4f46e5;
    color: #fff;
}

.btn-primary:hover[b-lt1i68q3wf] {
    background: #4338ca;
}

.btn-primary:disabled[b-lt1i68q3wf] {
    background: #a5b4fc;
    cursor: not-allowed;
}

.btn-success[b-lt1i68q3wf] {
    background: #059669;
    color: #fff;
}

.btn-success:hover[b-lt1i68q3wf] {
    background: #047857;
}

.btn-outline[b-lt1i68q3wf] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-lt1i68q3wf] {
    background: #f3f4f6;
    border-color: #9ca3af;
}

/* Spinner */
.spinner-sm[b-lt1i68q3wf] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-lt1i68q3wf 1s linear infinite;
}

/* Loading & Empty States */
.loading-container[b-lt1i68q3wf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6b7280;
}

.spinner[b-lt1i68q3wf] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top-color: #4f46e5;
    border-radius: 50%;
    animation: spin-b-lt1i68q3wf 1s linear infinite;
}

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

.empty-state[b-lt1i68q3wf] {
    text-align: center;
    padding: 3rem;
    background: #f8fafc;
    border-radius: 8px;
}

.empty-state i[b-lt1i68q3wf] {
    font-size: 3rem;
    color: #9ca3af;
    margin-bottom: 1rem;
}

.empty-state h3[b-lt1i68q3wf] {
    color: #374151;
    margin-bottom: 0.5rem;
}

.empty-state p[b-lt1i68q3wf] {
    color: #6b7280;
}

/* Alerts */
.alert[b-lt1i68q3wf] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-error[b-lt1i68q3wf] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-success[b-lt1i68q3wf] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.alert-warning[b-lt1i68q3wf] {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fcd34d;
}

/* Lock Status Alerts */
.alert-locked[b-lt1i68q3wf] {
    background: linear-gradient(135deg, #fef2f2 0%, #fff1f2 100%);
    color: #991b1b;
    border: 1px solid #fecaca;
    padding: 1rem 1.25rem;
}

.alert-locked i[b-lt1i68q3wf] {
    font-size: 1.5rem;
    color: #dc2626;
}

.alert-warning-lock[b-lt1i68q3wf] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    color: #92400e;
    border: 1px solid #fcd34d;
    padding: 1rem 1.25rem;
}

.alert-warning-lock i[b-lt1i68q3wf] {
    font-size: 1.5rem;
    color: #f59e0b;
}

.alert-info-unlock[b-lt1i68q3wf] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    color: #1e40af;
    border: 1px solid #93c5fd;
    padding: 1rem 1.25rem;
}

.alert-info-unlock i[b-lt1i68q3wf] {
    font-size: 1.5rem;
    color: #3b82f6;
}

.lock-message[b-lt1i68q3wf] {
    flex: 1;
}

.lock-message strong[b-lt1i68q3wf] {
    display: block;
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
}

.lock-message p[b-lt1i68q3wf] {
    margin: 0;
    font-size: 0.85rem;
    opacity: 0.9;
}

/* Disabled button styles */
.btn-success:disabled[b-lt1i68q3wf] {
    background: #86efac;
    cursor: not-allowed;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .mark-attendance-page[b-lt1i68q3wf] {
        padding: 1rem;
    }

    .page-header[b-lt1i68q3wf] {
        flex-direction: column;
    }

    .actions-row[b-lt1i68q3wf] {
        flex-direction: column;
        align-items: stretch;
    }

    .attendance-summary[b-lt1i68q3wf] {
        justify-content: center;
    }

    .action-buttons[b-lt1i68q3wf] {
        justify-content: center;
    }

    .students-table th[b-lt1i68q3wf],
    .students-table td[b-lt1i68q3wf] {
        padding: 0.75rem 0.5rem;
    }

    .col-father[b-lt1i68q3wf] {
        display: none;
    }

    .col-remarks[b-lt1i68q3wf] {
        display: none;
    }

    .bottom-actions[b-lt1i68q3wf] {
        flex-direction: column;
        gap: 1rem;
    }

    .bottom-actions .btn[b-lt1i68q3wf] {
        width: 100%;
        justify-content: center;
    }
}

/* History Modal */
.modal-backdrop[b-lt1i68q3wf] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal[b-lt1i68q3wf] {
    z-index: 1050;
}

.modal-dialog[b-lt1i68q3wf] {
    max-width: 800px;
}

.modal-content[b-lt1i68q3wf] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

.modal-header[b-lt1i68q3wf] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-title[b-lt1i68q3wf] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a2e;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.modal-body[b-lt1i68q3wf] {
    padding: 1.5rem;
    max-height: 70vh;
    overflow-y: auto;
}

.modal-footer[b-lt1i68q3wf] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
}

.btn-secondary[b-lt1i68q3wf] {
    background: #fff;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-secondary:hover[b-lt1i68q3wf] {
    background: #f3f4f6;
    border-color: #9ca3af;
}

/* History Modal Content */
.history-slot-info[b-lt1i68q3wf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f0f4ff;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.empty-history[b-lt1i68q3wf] {
    text-align: center;
    padding: 2rem;
    color: #6b7280;
}

.empty-history i[b-lt1i68q3wf] {
    font-size: 3rem;
    opacity: 0.5;
    margin-bottom: 0.75rem;
}

.empty-history p[b-lt1i68q3wf] {
    margin: 0.5rem 0;
    font-size: 1rem;
}

.empty-history small[b-lt1i68q3wf] {
    color: #9ca3af;
}

.history-summary[b-lt1i68q3wf] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.summary-badge[b-lt1i68q3wf] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
}

.summary-badge.inserts[b-lt1i68q3wf] {
    background: #ecfdf5;
    color: #059669;
}

.summary-badge.updates[b-lt1i68q3wf] {
    background: #eff6ff;
    color: #2563eb;
}

.history-table-container[b-lt1i68q3wf] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.history-table[b-lt1i68q3wf] {
    width: 100%;
    border-collapse: collapse;
}

.history-table th[b-lt1i68q3wf] {
    background: #f8fafc;
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e5e7eb;
}

.history-table td[b-lt1i68q3wf] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.history-table tbody tr:last-child td[b-lt1i68q3wf] {
    border-bottom: none;
}

.history-table tbody tr:hover[b-lt1i68q3wf] {
    background: #f8fafc;
}

.col-time[b-lt1i68q3wf] {
    width: 100px;
}

.time-main[b-lt1i68q3wf] {
    display: block;
    font-weight: 500;
    color: #1a1a2e;
}

.time-date[b-lt1i68q3wf] {
    display: block;
    font-size: 0.75rem;
    color: #9ca3af;
}

.col-student .student-name[b-lt1i68q3wf] {
    display: block;
    font-weight: 500;
    color: #1a1a2e;
}

.col-student .roll-no[b-lt1i68q3wf] {
    display: block;
    font-size: 0.75rem;
    color: #9ca3af;
}

.col-change[b-lt1i68q3wf] {
    min-width: 180px;
}

.change-badge.insert[b-lt1i68q3wf] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    background: #ecfdf5;
    color: #059669;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
}

.change-flow[b-lt1i68q3wf] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
}

.change-flow i[b-lt1i68q3wf] {
    color: #9ca3af;
    font-size: 0.7rem;
}

.old-status[b-lt1i68q3wf], .new-status[b-lt1i68q3wf] {
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
}

.status-present[b-lt1i68q3wf] {
    background: #ecfdf5;
    color: #059669;
}

.status-absent[b-lt1i68q3wf] {
    background: #fef2f2;
    color: #dc2626;
}

.status-late[b-lt1i68q3wf] {
    background: #fffbeb;
    color: #d97706;
}

.remarks-note[b-lt1i68q3wf] {
    margin-left: 0.5rem;
    color: #6b7280;
    cursor: help;
}

.col-by[b-lt1i68q3wf] {
    color: #6b7280;
    font-size: 0.85rem;
}

.history-more[b-lt1i68q3wf] {
    text-align: center;
    padding: 0.75rem;
    background: #f8fafc;
    margin-top: 1rem;
    border-radius: 6px;
}
/* /Areas/Academic/Pages/ClassTeacher/Index.razor.rz.scp.css */
.dashboard[b-t8y3yz7owu] {
    max-width: 1400px;
    margin: 0 auto;
}

.dashboard-header[b-t8y3yz7owu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.dashboard-title[b-t8y3yz7owu] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.dashboard-subtitle[b-t8y3yz7owu] {
    color: var(--text-muted);
    font-size: 0.95rem;
}

.dashboard-user[b-t8y3yz7owu] {
    padding: 0.5rem 1rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
}

.user-name[b-t8y3yz7owu] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.9rem;
}

/* Class Banner */
.class-banner[b-t8y3yz7owu] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background: linear-gradient(135deg, var(--brand-blue), #2563eb);
    padding: 1.5rem 2rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
    color: white;
}

.class-banner__icon[b-t8y3yz7owu] {
    width: 56px;
    height: 56px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.class-banner__info[b-t8y3yz7owu] {
    flex: 1;
}

.class-banner__title[b-t8y3yz7owu] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.class-banner__subtitle[b-t8y3yz7owu] {
    opacity: 0.9;
    font-size: 0.9rem;
}

.class-banner__stats[b-t8y3yz7owu] {
    display: flex;
    gap: 2rem;
}

.class-banner__stat[b-t8y3yz7owu] {
    text-align: center;
}

.class-banner__stat-value[b-t8y3yz7owu] {
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
}

.class-banner__stat-label[b-t8y3yz7owu] {
    font-size: 0.8rem;
    opacity: 0.9;
}

/* Metrics Grid */
.metrics-grid[b-t8y3yz7owu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.metric-card[b-t8y3yz7owu] {
    background: var(--card-gradient);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    transition: all 0.2s ease;
}

.metric-card:hover[b-t8y3yz7owu] {
    border-color: var(--brand-blue);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);
}

.metric-card__icon[b-t8y3yz7owu] {
    width: 48px;
    height: 48px;
    background: rgba(59, 130, 246, 0.1);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-blue);
    font-size: 1.25rem;
    flex-shrink: 0;
}

.metric-card__icon--warning[b-t8y3yz7owu] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.metric-card__icon--success[b-t8y3yz7owu] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.metric-card__icon--info[b-t8y3yz7owu] {
    background: rgba(99, 102, 241, 0.1);
    color: #6366f1;
}

.metric-card__content[b-t8y3yz7owu] {
    flex: 1;
    min-width: 0;
}

.metric-card__label[b-t8y3yz7owu] {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-bottom: 0.25rem;
}

.metric-card__value[b-t8y3yz7owu] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.metric-card__status[b-t8y3yz7owu] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.status-success[b-t8y3yz7owu] {
    color: #10b981;
}

.status-warning[b-t8y3yz7owu] {
    color: #f59e0b;
}

.status-danger[b-t8y3yz7owu] {
    color: #ef4444;
}

/* Cards */
.card[b-t8y3yz7owu] {
    background: var(--card-gradient);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.card-title[b-t8y3yz7owu] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Actions Grid */
.actions-grid[b-t8y3yz7owu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.75rem;
}

.action-btn[b-t8y3yz7owu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1.25rem 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
    color: var(--text-primary);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-btn i[b-t8y3yz7owu] {
    font-size: 1.25rem;
}

.action-btn:hover[b-t8y3yz7owu] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.action-btn--primary[b-t8y3yz7owu] {
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.2);
    color: var(--brand-blue);
}

.action-btn--primary:hover[b-t8y3yz7owu] {
    background: var(--brand-blue);
    color: white;
}

.action-btn--info[b-t8y3yz7owu] {
    background: rgba(99, 102, 241, 0.1);
    border-color: rgba(99, 102, 241, 0.2);
    color: #6366f1;
}

.action-btn--info:hover[b-t8y3yz7owu] {
    background: #6366f1;
    color: white;
}

.action-btn--success[b-t8y3yz7owu] {
    background: rgba(16, 185, 129, 0.1);
    border-color: rgba(16, 185, 129, 0.2);
    color: #10b981;
}

.action-btn--success:hover[b-t8y3yz7owu] {
    background: #10b981;
    color: white;
}

.action-btn--warning[b-t8y3yz7owu] {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.2);
    color: #f59e0b;
}

.action-btn--warning:hover[b-t8y3yz7owu] {
    background: #f59e0b;
    color: white;
}

/* Two Column Layout */
.two-column[b-t8y3yz7owu] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

/* Activity List */
.activity-list[b-t8y3yz7owu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.activity-item[b-t8y3yz7owu] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
}

.activity-item__icon[b-t8y3yz7owu] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.9rem;
}

.icon-success[b-t8y3yz7owu] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.icon-warning[b-t8y3yz7owu] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.icon-info[b-t8y3yz7owu] {
    background: rgba(59, 130, 246, 0.1);
    color: var(--brand-blue);
}

.activity-item__content[b-t8y3yz7owu] {
    flex: 1;
    min-width: 0;
}

.activity-item__text[b-t8y3yz7owu] {
    font-size: 0.875rem;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.activity-item__time[b-t8y3yz7owu] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.activity-empty[b-t8y3yz7owu] {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--text-muted);
}

.activity-empty i[b-t8y3yz7owu] {
    font-size: 2rem;
    margin-bottom: 0.75rem;
    opacity: 0.5;
}

.activity-empty p[b-t8y3yz7owu] {
    font-size: 0.9rem;
}

/* Attention List */
.attention-list[b-t8y3yz7owu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.attention-item[b-t8y3yz7owu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    border-left: 3px solid transparent;
}

.attention-item.severity-warning[b-t8y3yz7owu] {
    border-left-color: #f59e0b;
    background: rgba(245, 158, 11, 0.05);
}

.attention-item.severity-danger[b-t8y3yz7owu] {
    border-left-color: #ef4444;
    background: rgba(239, 68, 68, 0.05);
}

.attention-item__indicator[b-t8y3yz7owu] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.severity-warning .attention-item__indicator[b-t8y3yz7owu] {
    background: #f59e0b;
}

.severity-danger .attention-item__indicator[b-t8y3yz7owu] {
    background: #ef4444;
}

.attention-item__content[b-t8y3yz7owu] {
    flex: 1;
    min-width: 0;
}

.attention-item__title[b-t8y3yz7owu] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.15rem;
}

.attention-item__desc[b-t8y3yz7owu] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.attention-item__action[b-t8y3yz7owu] {
    width: 32px;
    height: 32px;
    border-radius: var(--radius-sm);
    border: none;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.attention-item__action:hover[b-t8y3yz7owu] {
    background: var(--bg-primary);
    color: var(--brand-blue);
}

.text-warning[b-t8y3yz7owu] {
    color: #f59e0b;
}

.text-success[b-t8y3yz7owu] {
    color: #10b981;
}

/* Responsive */
@media (max-width: 1024px) {
    .two-column[b-t8y3yz7owu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-header[b-t8y3yz7owu] {
        flex-direction: column;
        gap: 1rem;
    }

    .dashboard-title[b-t8y3yz7owu] {
        font-size: 1.5rem;
    }

    .class-banner[b-t8y3yz7owu] {
        flex-direction: column;
        text-align: center;
        padding: 1.25rem;
    }

    .class-banner__stats[b-t8y3yz7owu] {
        width: 100%;
        justify-content: center;
        padding-top: 1rem;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .metrics-grid[b-t8y3yz7owu] {
        grid-template-columns: 1fr;
    }

    .actions-grid[b-t8y3yz7owu] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Areas/Academic/Pages/ClassTeacher/MyClass/Index.razor.rz.scp.css */
/* My Class Page Styles */

.myclass-page[b-tsjyowe884] {
    padding: 1.5rem;
}

.page-header[b-tsjyowe884] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-title[b-tsjyowe884] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.page-subtitle[b-tsjyowe884] {
    font-size: 0.875rem;
    color: var(--text-muted);
    margin: 0.25rem 0 0 0;
}

.header-actions[b-tsjyowe884] {
    display: flex;
    gap: 0.5rem;
}

/* Stats Grid */
.stats-grid[b-tsjyowe884] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-tsjyowe884] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--border-color, #e5e7eb);
}

.stat-icon[b-tsjyowe884] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    background: #3b82f6;
    color: white;
}

.stat-male .stat-icon[b-tsjyowe884] {
    background: #3b82f6;
}

.stat-female .stat-icon[b-tsjyowe884] {
    background: #ec4899;
}

.stat-age .stat-icon[b-tsjyowe884] {
    background: #8b5cf6;
}

.stat-content[b-tsjyowe884] {
    flex: 1;
}

.stat-value[b-tsjyowe884] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.2;
}

.stat-label[b-tsjyowe884] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Filter Bar */
.filter-bar[b-tsjyowe884] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.search-box[b-tsjyowe884] {
    position: relative;
    flex: 1;
    max-width: 400px;
}

.search-box i[b-tsjyowe884] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
}

.search-box input[b-tsjyowe884] {
    width: 100%;
    padding: 0.625rem 1rem 0.625rem 2.5rem;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 8px;
    font-size: 0.875rem;
    background: white;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.search-box input:focus[b-tsjyowe884] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.view-toggle[b-tsjyowe884] {
    display: flex;
    background: var(--bg-secondary, #f3f4f6);
    border-radius: 8px;
    padding: 4px;
}

.view-toggle button[b-tsjyowe884] {
    padding: 0.5rem 0.75rem;
    border: none;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s;
}

.view-toggle button:hover[b-tsjyowe884] {
    color: var(--text-primary);
}

.view-toggle button.active[b-tsjyowe884] {
    background: white;
    color: #3b82f6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Students Grid */
.students-grid[b-tsjyowe884] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.student-card[b-tsjyowe884] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--border-color, #e5e7eb);
    transition: transform 0.2s, box-shadow 0.2s;
}

.student-card:hover[b-tsjyowe884] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.student-photo[b-tsjyowe884] {
    position: relative;
    height: 180px;
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-photo img[b-tsjyowe884] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gender-badge[b-tsjyowe884] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: white;
}

.gender-badge.male[b-tsjyowe884] {
    background: #3b82f6;
}

.gender-badge.female[b-tsjyowe884] {
    background: #ec4899;
}

.student-info[b-tsjyowe884] {
    padding: 1rem;
}

.student-name[b-tsjyowe884] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.5rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.student-details[b-tsjyowe884] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.student-details .detail[b-tsjyowe884] {
    font-size: 0.75rem;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.student-details .detail i[b-tsjyowe884] {
    color: var(--text-muted);
    font-size: 0.625rem;
}

.student-meta[b-tsjyowe884] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
    flex-wrap: wrap;
}

.student-meta .badge[b-tsjyowe884] {
    font-size: 0.625rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    background: var(--bg-secondary, #f3f4f6);
    color: var(--text-muted);
    font-weight: 500;
}

.student-meta .badge.house[b-tsjyowe884] {
    background: #fef3c7;
    color: #92400e;
}

/* Table View - Compact for 40-50 students */
.table-responsive[b-tsjyowe884] {
    overflow-x: auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--border-color, #e5e7eb);
    max-height: calc(100vh - 280px);
    overflow-y: auto;
}

.data-table[b-tsjyowe884] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.data-table th[b-tsjyowe884] {
    background: var(--bg-secondary, #f9fafb);
    padding: 0.5rem 0.625rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color, #e5e7eb);
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

.data-table td[b-tsjyowe884] {
    padding: 0.375rem 0.625rem;
    border-bottom: 1px solid var(--border-color, #f3f4f6);
    color: var(--text-primary);
    vertical-align: middle;
}

.data-table tbody tr:hover[b-tsjyowe884] {
    background: var(--bg-secondary, #f9fafb);
}

.data-table tbody tr:last-child td[b-tsjyowe884] {
    border-bottom: none;
}

.data-table tbody tr:nth-child(even)[b-tsjyowe884] {
    background: #fafafa;
}

.table-photo[b-tsjyowe884] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    object-fit: cover;
}

.gender-pill[b-tsjyowe884] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 500;
}

.gender-pill.male[b-tsjyowe884] {
    background: #dbeafe;
    color: #1e40af;
}

.gender-pill.female[b-tsjyowe884] {
    background: #fce7f3;
    color: #9d174d;
}

/* Serial number column */
.data-table td.sno[b-tsjyowe884] {
    text-align: center;
    color: var(--text-muted);
    font-size: 0.75rem;
    width: 40px;
}

/* Photo cell in table */
.photo-cell[b-tsjyowe884] {
    width: 44px;
    padding: 0.25rem 0.5rem !important;
}

.photo-cell .student-photo[b-tsjyowe884] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    object-fit: cover;
    display: block;
    /* Improve image rendering for downscaled photos */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    background-color: #f3f4f6;
}

.photo-cell .photo-placeholder[b-tsjyowe884] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
    color: #4f46e5;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* DOB + Age merged column */
.dob-age[b-tsjyowe884] {
    white-space: nowrap;
}

.dob-age .dob[b-tsjyowe884] {
    display: block;
    font-size: 0.8125rem;
}

.dob-age .age[b-tsjyowe884] {
    display: block;
    font-size: 0.6875rem;
    color: var(--text-muted);
}

/* Buttons */
.btn[b-tsjyowe884] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}

.btn-outline[b-tsjyowe884] {
    background: white;
    border: 1px solid var(--border-color, #e5e7eb);
    color: var(--text-primary);
}

.btn-outline:hover[b-tsjyowe884] {
    background: var(--bg-secondary, #f3f4f6);
    border-color: var(--border-color);
}

/* Alert */
.alert[b-tsjyowe884] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-danger[b-tsjyowe884] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

/* Loading */
.loading-container[b-tsjyowe884] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem 2rem;
}

/* Responsive */
@media (max-width: 768px) {
    .myclass-page[b-tsjyowe884] {
        padding: 1rem;
    }

    .page-header[b-tsjyowe884] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions[b-tsjyowe884] {
        justify-content: flex-end;
    }

    .stats-grid[b-tsjyowe884] {
        grid-template-columns: repeat(2, 1fr);
    }

    .filter-bar[b-tsjyowe884] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box[b-tsjyowe884] {
        max-width: none;
    }

    .view-toggle[b-tsjyowe884] {
        justify-content: center;
    }

    .students-grid[b-tsjyowe884] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/ClassTeacher/PTM/Index.razor.rz.scp.css */
.ptm-page[b-oncob3knbn] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-oncob3knbn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-title[b-oncob3knbn] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-subtitle[b-oncob3knbn] {
    color: #6b7280;
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
}

.header-actions[b-oncob3knbn] {
    display: flex;
    gap: 0.5rem;
}

/* Schedules Grid */
.schedules-grid[b-oncob3knbn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.5rem;
}

/* Schedule Card */
.schedule-card[b-oncob3knbn] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    border: 2px solid transparent;
}

.schedule-card:hover[b-oncob3knbn] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.schedule-card.active[b-oncob3knbn] {
    border-color: #10b981;
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
}

.schedule-card.past[b-oncob3knbn] {
    opacity: 0.7;
}

.schedule-header[b-oncob3knbn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

.ptm-type-badge[b-oncob3knbn] {
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.ptm-type-badge.pd[b-oncob3knbn] {
    background: #dbeafe;
    color: #1e40af;
}

.ptm-type-badge.term[b-oncob3knbn] {
    background: #fef3c7;
    color: #92400e;
}

.ptm-type-badge.custom[b-oncob3knbn] {
    background: #e0e7ff;
    color: #4338ca;
}

.ptm-type-badge.exam[b-oncob3knbn] {
    background: #dbeafe;
    color: #1e40af;
}

.exam-type-info[b-oncob3knbn] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 0.5rem;
}

.schedule-dates[b-oncob3knbn] {
    font-size: 0.85rem;
    color: #6b7280;
}

.schedule-body[b-oncob3knbn] {
    padding: 1.25rem;
}

.schedule-name[b-oncob3knbn] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem;
}

.schedule-instructions[b-oncob3knbn] {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0 0 1rem;
    line-height: 1.5;
}

.schedule-stats[b-oncob3knbn] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.stat[b-oncob3knbn] {
    flex: 1;
    text-align: center;
    padding: 0.75rem;
    background: #f3f4f6;
    border-radius: 8px;
}

.stat.marked[b-oncob3knbn] {
    background: #dbeafe;
}

.stat.present[b-oncob3knbn] {
    background: #dcfce7;
}

.stat-value[b-oncob3knbn] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a2e;
}

.stat-label[b-oncob3knbn] {
    display: block;
    font-size: 0.75rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.schedule-progress[b-oncob3knbn] {
    margin-top: 1rem;
}

.progress-bar[b-oncob3knbn] {
    height: 8px;
    background: #e5e7eb;
    border-radius: 9999px;
    overflow: hidden;
}

.progress-fill[b-oncob3knbn] {
    height: 100%;
    background: linear-gradient(90deg, #10b981 0%, #059669 100%);
    border-radius: 9999px;
    transition: width 0.3s ease;
}

.progress-text[b-oncob3knbn] {
    display: block;
    font-size: 0.8rem;
    color: #6b7280;
    margin-top: 0.5rem;
    text-align: right;
}

.schedule-footer[b-oncob3knbn] {
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-top: 1px solid #e5e7eb;
}

/* Buttons */
.btn[b-oncob3knbn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    width: 100%;
    justify-content: center;
}

.btn-primary[b-oncob3knbn] {
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
    color: #fff;
}

.btn-primary:hover[b-oncob3knbn] {
    background: linear-gradient(135deg, #4338ca 0%, #4f46e5 100%);
}

.btn-outline[b-oncob3knbn] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-oncob3knbn] {
    background: #f3f4f6;
    border-color: #9ca3af;
}

/* Loading & Empty States */
.loading-container[b-oncob3knbn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6b7280;
}

.spinner[b-oncob3knbn] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top-color: #4f46e5;
    border-radius: 50%;
    animation: spin-b-oncob3knbn 1s linear infinite;
}

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

.empty-state[b-oncob3knbn] {
    text-align: center;
    padding: 3rem;
    background: #f8fafc;
    border-radius: 12px;
}

.empty-state i[b-oncob3knbn] {
    font-size: 3rem;
    color: #9ca3af;
    margin-bottom: 1rem;
}

.empty-state h3[b-oncob3knbn] {
    color: #374151;
    margin-bottom: 0.5rem;
}

.empty-state p[b-oncob3knbn] {
    color: #6b7280;
}

/* Alerts */
.alert[b-oncob3knbn] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-error[b-oncob3knbn] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-warning[b-oncob3knbn] {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fcd34d;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .ptm-page[b-oncob3knbn] {
        padding: 1rem;
    }

    .page-header[b-oncob3knbn] {
        flex-direction: column;
    }

    .schedules-grid[b-oncob3knbn] {
        grid-template-columns: 1fr;
    }

    .schedule-stats[b-oncob3knbn] {
        flex-wrap: wrap;
    }

    .stat[b-oncob3knbn] {
        min-width: calc(33% - 0.5rem);
    }
}
/* /Areas/Academic/Pages/ClassTeacher/PTM/Mark.razor.rz.scp.css */
.mark-ptm-page[b-ot1767s37i] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-ot1767s37i] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-title[b-ot1767s37i] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-subtitle[b-ot1767s37i] {
    color: #6b7280;
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
}

/* Cards */
.card[b-ot1767s37i] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem;
}

/* Summary Card */
.summary-card[b-ot1767s37i] {
    padding: 1.25rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.summary-row[b-ot1767s37i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.summary-stats[b-ot1767s37i] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.summary-item[b-ot1767s37i] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    background: #fff;
}

.summary-item.present[b-ot1767s37i] {
    color: #059669;
    background: #ecfdf5;
}

.summary-item.absent[b-ot1767s37i] {
    color: #dc2626;
    background: #fef2f2;
}

.summary-item.unmarked[b-ot1767s37i] {
    color: #6b7280;
    background: #f3f4f6;
}

.action-buttons[b-ot1767s37i] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Students Table */
.students-card[b-ot1767s37i] {
    padding: 0;
    overflow: hidden;
}

.table-responsive[b-ot1767s37i] {
    overflow-x: auto;
}

.students-table[b-ot1767s37i] {
    width: 100%;
    border-collapse: collapse;
}

.students-table th[b-ot1767s37i] {
    background: #f8fafc;
    padding: 0.875rem 1rem;
    text-align: left;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e5e7eb;
}

.students-table td[b-ot1767s37i] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.students-table tbody tr:hover[b-ot1767s37i] {
    background: #f8fafc;
}

.students-table tbody tr.row-present[b-ot1767s37i] {
    background: #f0fdf4;
}

.students-table tbody tr.row-absent[b-ot1767s37i] {
    background: #fef2f2;
}

.col-roll[b-ot1767s37i] {
    width: 60px;
    font-weight: 600;
}

.col-name[b-ot1767s37i] {
    min-width: 180px;
}

.student-name[b-ot1767s37i] {
    display: block;
    font-weight: 500;
    color: #1a1a2e;
}

.sr-no[b-ot1767s37i] {
    display: block;
    font-size: 0.75rem;
    color: #9ca3af;
}

.col-parent[b-ot1767s37i] {
    min-width: 180px;
}

.parent-info[b-ot1767s37i] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
}

.parent-info .father[b-ot1767s37i] {
    color: #1e40af;
}

.parent-info .mother[b-ot1767s37i] {
    color: #7c3aed;
}

.col-status[b-ot1767s37i] {
    width: 100px;
}

.col-parent-type[b-ot1767s37i] {
    width: 120px;
}

.col-remarks[b-ot1767s37i] {
    min-width: 150px;
}

.col-followup[b-ot1767s37i] {
    width: 70px;
    text-align: center;
}

/* Status Buttons */
.status-buttons[b-ot1767s37i] {
    display: flex;
    gap: 0.25rem;
}

.status-btn[b-ot1767s37i] {
    width: 36px;
    height: 36px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #fff;
    color: #6b7280;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
}

.status-btn:hover[b-ot1767s37i] {
    border-color: #9ca3af;
    background: #f3f4f6;
}

.status-btn.active.present[b-ot1767s37i] {
    background: #059669;
    border-color: #059669;
    color: #fff;
}

.status-btn.active.absent[b-ot1767s37i] {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
}

/* Form Controls */
.form-select[b-ot1767s37i] {
    width: 100%;
    padding: 0.4rem 0.6rem;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 0.85rem;
    background: #fff;
}

.form-select:focus[b-ot1767s37i] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1);
}

.form-select:disabled[b-ot1767s37i] {
    background: #f3f4f6;
    cursor: not-allowed;
}

.remarks-input[b-ot1767s37i] {
    width: 100%;
    padding: 0.4rem 0.6rem;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 0.85rem;
    background: #fff;
}

.remarks-input:focus[b-ot1767s37i] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1);
}

/* Followup Checkbox */
.followup-checkbox[b-ot1767s37i] {
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.followup-checkbox input[b-ot1767s37i] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Bottom Actions */
.bottom-actions[b-ot1767s37i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-top: 1px solid #e5e7eb;
    margin-top: 1rem;
}

/* Buttons */
.btn[b-ot1767s37i] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-lg[b-ot1767s37i] {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
}

.btn-primary[b-ot1767s37i] {
    background: #4f46e5;
    color: #fff;
}

.btn-primary:hover[b-ot1767s37i] {
    background: #4338ca;
}

.btn-primary:disabled[b-ot1767s37i] {
    background: #a5b4fc;
    cursor: not-allowed;
}

.btn-success[b-ot1767s37i] {
    background: #059669;
    color: #fff;
}

.btn-success:hover[b-ot1767s37i] {
    background: #047857;
}

.btn-outline[b-ot1767s37i] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-ot1767s37i] {
    background: #f3f4f6;
    border-color: #9ca3af;
}

/* Spinner */
.spinner-sm[b-ot1767s37i] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-ot1767s37i 1s linear infinite;
}

/* Loading & Empty States */
.loading-container[b-ot1767s37i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6b7280;
}

.spinner[b-ot1767s37i] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top-color: #4f46e5;
    border-radius: 50%;
    animation: spin-b-ot1767s37i 1s linear infinite;
}

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

.empty-state[b-ot1767s37i] {
    text-align: center;
    padding: 3rem;
    background: #f8fafc;
    border-radius: 8px;
}

.empty-state i[b-ot1767s37i] {
    font-size: 3rem;
    color: #9ca3af;
    margin-bottom: 1rem;
}

.empty-state h3[b-ot1767s37i] {
    color: #374151;
    margin-bottom: 0.5rem;
}

.empty-state p[b-ot1767s37i] {
    color: #6b7280;
}

/* Alerts */
.alert[b-ot1767s37i] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-error[b-ot1767s37i] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-success[b-ot1767s37i] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.alert-warning[b-ot1767s37i] {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fcd34d;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .mark-ptm-page[b-ot1767s37i] {
        padding: 1rem;
    }

    .page-header[b-ot1767s37i] {
        flex-direction: column;
    }

    .summary-row[b-ot1767s37i] {
        flex-direction: column;
        align-items: stretch;
    }

    .summary-stats[b-ot1767s37i] {
        justify-content: center;
    }

    .action-buttons[b-ot1767s37i] {
        justify-content: center;
    }

    .students-table th[b-ot1767s37i],
    .students-table td[b-ot1767s37i] {
        padding: 0.75rem 0.5rem;
    }

    .col-parent[b-ot1767s37i] {
        display: none;
    }

    .col-remarks[b-ot1767s37i] {
        display: none;
    }

    .bottom-actions[b-ot1767s37i] {
        flex-direction: column;
        gap: 1rem;
    }

    .bottom-actions .btn[b-ot1767s37i] {
        width: 100%;
        justify-content: center;
    }
}
/* /Areas/Academic/Pages/ClassTeacher/Timetable/Editor.razor.rz.scp.css */
/* Class Teacher Timetable Editor Styles */

.editor-page[b-ew79g1etd8] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Loading State */
.loading-container[b-ew79g1etd8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

/* Access Denied */
.access-denied[b-ew79g1etd8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
    padding: 2rem;
}

.access-denied-icon[b-ew79g1etd8] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fef2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.access-denied-icon i[b-ew79g1etd8] {
    font-size: 2.5rem;
    color: #ef4444;
}

.access-denied h3[b-ew79g1etd8] {
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.access-denied p[b-ew79g1etd8] {
    color: #64748b;
    margin-bottom: 1.5rem;
    max-width: 400px;
}

/* Empty State */
.empty-state[b-ew79g1etd8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
    color: #64748b;
}

.empty-state i[b-ew79g1etd8] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #94a3b8;
}

/* Page Header */
.page-header[b-ew79g1etd8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-left[b-ew79g1etd8] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.header-left h1[b-ew79g1etd8] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.header-actions[b-ew79g1etd8] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Delegation Notice */
.delegation-notice[b-ew79g1etd8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #1e40af;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.delegation-notice i[b-ew79g1etd8] {
    color: #3b82f6;
}

/* Create Timetable Card */
.create-timetable-card[b-ew79g1etd8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    background: white;
    border: 2px dashed #e2e8f0;
    border-radius: 12px;
    text-align: center;
}

.create-icon[b-ew79g1etd8] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.create-icon i[b-ew79g1etd8] {
    font-size: 2.5rem;
    color: #3b82f6;
}

.create-timetable-card h4[b-ew79g1etd8] {
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.create-timetable-card p[b-ew79g1etd8] {
    color: #64748b;
    margin-bottom: 1.5rem;
}

/* Timetable Card */
.timetable-card[b-ew79g1etd8] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}

.timetable-info[b-ew79g1etd8] {
    display: flex;
    gap: 1.5rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.875rem;
    color: #64748b;
}

/* Timetable Table */
.timetable-table[b-ew79g1etd8] {
    margin: 0;
    font-size: 0.8125rem;
}

.timetable-table th[b-ew79g1etd8],
.timetable-table td[b-ew79g1etd8] {
    vertical-align: middle;
    text-align: center;
}

.day-header[b-ew79g1etd8] {
    background: #f1f5f9 !important;
    font-weight: 600;
    min-width: 100px;
}

.period-header[b-ew79g1etd8] {
    background: #f8fafc !important;
    min-width: 90px;
    padding: 0.5rem !important;
}

.period-name[b-ew79g1etd8] {
    font-weight: 600;
    color: #1e293b;
}

.period-time[b-ew79g1etd8] {
    font-size: 0.7rem;
    color: #64748b;
}

.day-cell[b-ew79g1etd8] {
    background: #f8fafc !important;
    font-weight: 600;
    color: #1e293b;
}

.day-cell.off-day[b-ew79g1etd8] {
    color: #94a3b8;
}

.slot-cell[b-ew79g1etd8] {
    padding: 0.25rem !important;
    min-height: 60px;
    position: relative;
    transition: all 0.2s;
}

.slot-cell.editable[b-ew79g1etd8] {
    cursor: pointer;
}

.slot-cell.editable:hover[b-ew79g1etd8] {
    background: #f0f9ff !important;
}

.slot-cell.has-slot[b-ew79g1etd8] {
    background: #f0fdf4 !important;
}

.slot-content[b-ew79g1etd8] {
    padding: 0.25rem;
}

.slot-content .subject[b-ew79g1etd8] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.75rem;
    line-height: 1.2;
}

.slot-content .teacher[b-ew79g1etd8] {
    font-size: 0.7rem;
    color: #64748b;
    margin-top: 2px;
}

.empty-slot[b-ew79g1etd8] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    color: #cbd5e1;
}

.slot-cell.editable .empty-slot[b-ew79g1etd8] {
    color: #94a3b8;
}

.slot-cell.editable:hover .empty-slot[b-ew79g1etd8] {
    color: #3b82f6;
}

/* Break Period */
.break-period-cell[b-ew79g1etd8] {
    background: #fef3c7 !important;
}

.break-period-content[b-ew79g1etd8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #92400e;
    font-weight: 500;
}

/* Off Day */
.off-day-row[b-ew79g1etd8] {
    background: #f8fafc;
}

.off-day-cell[b-ew79g1etd8] {
    background: #f1f5f9 !important;
}

.off-day-content[b-ew79g1etd8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #64748b;
    font-style: italic;
}

/* Workload Preview Panel */
.workload-preview-panel[b-ew79g1etd8] {
    background: white;
    border: 1px solid #fbbf24;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.workload-preview-panel .panel-header[b-ew79g1etd8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.workload-preview-panel .panel-header h5[b-ew79g1etd8] {
    margin: 0;
    font-size: 1rem;
    color: #1e293b;
}

.btn-close-panel[b-ew79g1etd8] {
    margin-left: auto;
    background: transparent;
    border: none;
    color: #64748b;
    cursor: pointer;
    padding: 0.25rem;
}

.btn-close-panel:hover[b-ew79g1etd8] {
    color: #1e293b;
}

.workload-cards[b-ew79g1etd8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.75rem;
}

.workload-card[b-ew79g1etd8] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.75rem;
}

.workload-card.overloaded[b-ew79g1etd8] {
    background: #fef2f2;
    border-color: #fecaca;
}

.workload-card .teacher-name[b-ew79g1etd8] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.workload-bar-container[b-ew79g1etd8] {
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.workload-bar[b-ew79g1etd8] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.workload-stats[b-ew79g1etd8] {
    display: flex;
    justify-content: space-between;
    font-size: 0.7rem;
    color: #64748b;
}

.workload-stats .total[b-ew79g1etd8] {
    font-weight: 600;
    color: #1e293b;
}

/* Modal Styles */
[b-ew79g1etd8] .modal-backdrop {
    z-index: 1040;
}

[b-ew79g1etd8] .modal {
    z-index: 1050;
}

.modal-content[b-ew79g1etd8] {
    border-radius: 12px;
    border: none;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.modal-header[b-ew79g1etd8] {
    border-bottom: 1px solid #e2e8f0;
    padding: 1rem 1.25rem;
}

.modal-title[b-ew79g1etd8] {
    font-size: 1.125rem;
    font-weight: 600;
}

.modal-body[b-ew79g1etd8] {
    padding: 1.25rem;
}

.modal-footer[b-ew79g1etd8] {
    border-top: 1px solid #e2e8f0;
    padding: 1rem 1.25rem;
}

/* Upload */
.upload-info[b-ew79g1etd8] {
    padding: 1rem;
    background: #f8fafc;
    border-radius: 8px;
}

.selected-file[b-ew79g1etd8] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
}

/* Responsive */
@media (max-width: 768px) {
    .editor-page[b-ew79g1etd8] {
        padding: 1rem;
    }

    .page-header[b-ew79g1etd8] {
        flex-direction: column;
    }

    .header-actions[b-ew79g1etd8] {
        width: 100%;
        justify-content: flex-start;
    }

    .timetable-info[b-ew79g1etd8] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .workload-cards[b-ew79g1etd8] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/ClassTeacher/Timetable/Index.razor.rz.scp.css */
/* Class Teacher Schedule Styles */
.schedule-page[b-d2cripxr5d] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Header */
.page-header[b-d2cripxr5d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-header h1[b-d2cripxr5d] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: var(--text-primary);
}

.page-header .text-muted[b-d2cripxr5d] {
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
}

/* Week Navigation */
.week-navigation[b-d2cripxr5d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    margin-bottom: 1.5rem;
    color: var(--btn-primary-text, #ffffff);
}

.week-info[b-d2cripxr5d] {
    text-align: center;
    min-width: 180px;
}

.week-dates[b-d2cripxr5d] {
    font-weight: 600;
    font-size: 1rem;
}

.week-navigation .btn-outline-primary[b-d2cripxr5d] {
    color: var(--btn-primary-text, #ffffff);
    border-color: rgba(255, 255, 255, 0.5);
}

.week-navigation .btn-outline-primary:hover[b-d2cripxr5d] {
    background: rgba(255, 255, 255, 0.2);
    border-color: var(--btn-primary-text, #ffffff);
}

.week-navigation .btn-outline-secondary[b-d2cripxr5d] {
    color: var(--btn-primary-text, #ffffff);
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.1);
}

/* Today's Highlights */
.today-highlights[b-d2cripxr5d] {
    background: var(--bg-secondary);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    border-left: 4px solid var(--success-text, #27ae60);
}

.today-highlights h5[b-d2cripxr5d] {
    margin: 0 0 1rem;
    color: var(--text-primary);
    font-size: 1rem;
}

.today-slots[b-d2cripxr5d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.today-slot[b-d2cripxr5d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: var(--card-bg);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.today-slot.modified[b-d2cripxr5d] {
    border-left: 3px solid var(--warning-text, #f39c12);
}

.today-slot .slot-time[b-d2cripxr5d] {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-weight: 500;
}

.today-slot .slot-subject[b-d2cripxr5d] {
    font-weight: 600;
    color: var(--text-primary);
}

.today-slot .slot-teacher[b-d2cripxr5d] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

/* Upcoming Changes Alert */
.upcoming-changes[b-d2cripxr5d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.upcoming-changes .change-item[b-d2cripxr5d] {
    background: rgba(255, 255, 255, 0.5);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.85rem;
    margin-left: 0.5rem;
}

/* Week Grid */
.week-grid-container[b-d2cripxr5d] {
    overflow-x: auto;
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 1rem;
}

.week-grid[b-d2cripxr5d] {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.week-grid th[b-d2cripxr5d],
.week-grid td[b-d2cripxr5d] {
    border: 1px solid var(--border);
    padding: 0.5rem;
    text-align: center;
    vertical-align: middle;
}

.week-grid thead th[b-d2cripxr5d] {
    background: var(--bg-secondary);
    font-weight: 600;
}

.time-column[b-d2cripxr5d] {
    width: 80px;
    background: var(--bg-secondary) !important;
}

.day-column[b-d2cripxr5d] {
    min-width: 90px;
}

.day-column.today[b-d2cripxr5d] {
    background: rgba(39, 174, 96, 0.15) !important;
}

.day-column.holiday[b-d2cripxr5d] {
    background: rgba(149, 165, 166, 0.15) !important;
}

.day-name[b-d2cripxr5d] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--text-primary);
}

.day-date[b-d2cripxr5d] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--primary, #667eea);
}

.time-cell[b-d2cripxr5d] {
    background: var(--bg-secondary);
}

.period-name[b-d2cripxr5d] {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-primary);
}

.period-time[b-d2cripxr5d] {
    font-size: 0.7rem;
    color: var(--text-muted);
}

.slot-cell[b-d2cripxr5d] {
    height: 60px;
}

.slot-cell.today[b-d2cripxr5d] {
    border-left: 3px solid var(--success-text, #27ae60);
}

/* Slot Content */
.slot-content[b-d2cripxr5d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0.25rem;
    border-radius: 6px;
    position: relative;
}

.slot-content.modified[b-d2cripxr5d] {
    background: rgba(243, 156, 18, 0.1);
}

.slot-content.holiday[b-d2cripxr5d] {
    background: rgba(149, 165, 166, 0.2);
    color: var(--text-muted);
}

.slot-content.free[b-d2cripxr5d] {
    color: var(--text-muted);
}

.slot-content .subject[b-d2cripxr5d] {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-primary);
}

.slot-content .teacher[b-d2cripxr5d] {
    font-size: 0.7rem;
    color: var(--text-muted);
}

.modification-badge[b-d2cripxr5d] {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 0.65rem;
    color: var(--warning-text, #f39c12);
}

/* CSS Classes */
.slot-modified[b-d2cripxr5d] {
    background: rgba(243, 156, 18, 0.05);
}

.slot-holiday[b-d2cripxr5d] {
    background: rgba(149, 165, 166, 0.15);
}

.slot-event[b-d2cripxr5d] {
    background: rgba(231, 76, 60, 0.1);
}

/* Legend */
.schedule-legend[b-d2cripxr5d] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    padding: 0.75rem;
    font-size: 0.8rem;
    color: var(--text-muted);
}

.legend-item[b-d2cripxr5d] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.legend-dot[b-d2cripxr5d] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

.legend-dot.regular[b-d2cripxr5d] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
}

.legend-dot.modified[b-d2cripxr5d] {
    background: var(--warning-text, #f39c12);
}

.legend-dot.substitute[b-d2cripxr5d] {
    background: var(--info-text, #3498db);
}

.legend-dot.holiday[b-d2cripxr5d] {
    background: var(--text-muted);
}

/* Empty State */
.empty-state[b-d2cripxr5d] {
    text-align: center;
    padding: 3rem 2rem;
    background: var(--card-bg);
    border-radius: 12px;
    color: var(--text-muted);
}

.empty-state i[b-d2cripxr5d] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

/* Loading */
.loading-container[b-d2cripxr5d] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

/* Responsive */
@media (max-width: 768px) {
    .schedule-page[b-d2cripxr5d] {
        padding: 1rem;
    }

    .page-header[b-d2cripxr5d] {
        flex-direction: column;
        gap: 1rem;
    }

    .week-navigation[b-d2cripxr5d] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .today-slots[b-d2cripxr5d] {
        flex-direction: column;
    }

    .today-slot[b-d2cripxr5d] {
        width: 100%;
    }
}
/* /Areas/Academic/Pages/ClassTeacher/Timetable/MyOverrides.razor.rz.scp.css */
/* My Overrides Page Styles */
.my-overrides-page[b-h4nk7w1e0x] {
    padding: 1.5rem;
}

/* Header */
.page-header[b-h4nk7w1e0x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-left h1[b-h4nk7w1e0x] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

.header-left .text-muted[b-h4nk7w1e0x] {
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
}

/* Stats Row */
.stats-row[b-h4nk7w1e0x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-h4nk7w1e0x] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.stat-card.draft[b-h4nk7w1e0x] {
    border-left: 4px solid #6c757d;
}

.stat-card.pending[b-h4nk7w1e0x] {
    border-left: 4px solid #f39c12;
}

.stat-card.approved[b-h4nk7w1e0x] {
    border-left: 4px solid #27ae60;
}

.stat-card.total[b-h4nk7w1e0x] {
    border-left: 4px solid #3498db;
}

.stat-icon[b-h4nk7w1e0x] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f8f9fa;
    color: #6c757d;
    font-size: 1.25rem;
}

.stat-card.draft .stat-icon[b-h4nk7w1e0x] { background: rgba(108, 117, 125, 0.1); color: #6c757d; }
.stat-card.pending .stat-icon[b-h4nk7w1e0x] { background: rgba(243, 156, 18, 0.1); color: #f39c12; }
.stat-card.approved .stat-icon[b-h4nk7w1e0x] { background: rgba(39, 174, 96, 0.1); color: #27ae60; }
.stat-card.total .stat-icon[b-h4nk7w1e0x] { background: rgba(52, 152, 219, 0.1); color: #3498db; }

.stat-content[b-h4nk7w1e0x] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-h4nk7w1e0x] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c3e50;
}

.stat-label[b-h4nk7w1e0x] {
    font-size: 0.8rem;
    color: #6c757d;
}

/* Filters Bar */
.filters-bar[b-h4nk7w1e0x] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.filter-group[b-h4nk7w1e0x] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.filter-group label[b-h4nk7w1e0x] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
}

.filter-group .form-select[b-h4nk7w1e0x] {
    min-width: 150px;
}

/* Week Group */
.week-group[b-h4nk7w1e0x] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.week-group.past[b-h4nk7w1e0x] {
    opacity: 0.7;
}

.week-group.current[b-h4nk7w1e0x] {
    border: 2px solid #27ae60;
}

.week-header[b-h4nk7w1e0x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.week-title[b-h4nk7w1e0x] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.week-label[b-h4nk7w1e0x] {
    font-weight: 600;
    font-size: 1rem;
    color: #2c3e50;
}

.week-dates[b-h4nk7w1e0x] {
    font-size: 0.85rem;
    color: #6c757d;
}

/* Overrides Table */
.overrides-table-container[b-h4nk7w1e0x] {
    overflow-x: auto;
}

.overrides-table[b-h4nk7w1e0x] {
    width: 100%;
    border-collapse: collapse;
}

.overrides-table th[b-h4nk7w1e0x],
.overrides-table td[b-h4nk7w1e0x] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e9ecef;
}

.overrides-table th[b-h4nk7w1e0x] {
    font-weight: 600;
    font-size: 0.8rem;
    color: #6c757d;
    text-transform: uppercase;
    background: #f8f9fa;
}

.overrides-table tbody tr:last-child td[b-h4nk7w1e0x] {
    border-bottom: none;
}

.overrides-table tbody tr:hover[b-h4nk7w1e0x] {
    background: #f8f9fa;
}

.overrides-table tbody tr.draft[b-h4nk7w1e0x] {
    background: rgba(108, 117, 125, 0.05);
}

.overrides-table tbody tr.pending-approval[b-h4nk7w1e0x] {
    background: rgba(243, 156, 18, 0.05);
}

.overrides-table tbody tr.approved[b-h4nk7w1e0x],
.overrides-table tbody tr.active[b-h4nk7w1e0x] {
    background: rgba(39, 174, 96, 0.05);
}

/* Empty State */
.empty-state[b-h4nk7w1e0x] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    color: #6c757d;
}

.empty-state i[b-h4nk7w1e0x] {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state h5[b-h4nk7w1e0x] {
    margin-bottom: 0.5rem;
}

/* Loading */
.loading-container[b-h4nk7w1e0x] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* Modal Styles */
.modal-backdrop[b-h4nk7w1e0x] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal[b-h4nk7w1e0x] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog[b-h4nk7w1e0x] {
    position: relative;
    width: auto;
    margin: 1.75rem auto;
    max-width: 500px;
    pointer-events: none;
}

.modal-dialog.modal-lg[b-h4nk7w1e0x] {
    max-width: 800px;
}

.modal-content[b-h4nk7w1e0x] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.modal-header[b-h4nk7w1e0x] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}

.modal-title[b-h4nk7w1e0x] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
}

.modal-body[b-h4nk7w1e0x] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer[b-h4nk7w1e0x] {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    gap: 0.5rem;
}

.btn-close[b-h4nk7w1e0x] {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
    cursor: pointer;
}

.btn-close:hover[b-h4nk7w1e0x] {
    opacity: 0.75;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-h4nk7w1e0x] {
        flex-direction: column;
    }

    .week-header[b-h4nk7w1e0x] {
        flex-direction: column;
        align-items: flex-start;
    }

    .stats-row[b-h4nk7w1e0x] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Areas/Academic/Pages/ClassTeacher/Timetable/WeekView.razor.rz.scp.css */
/* Week View - Clean Redesign */
.week-view-page[b-5dc8x5vzfd] {
    padding: 1rem 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Compact Header Bar */
.header-bar[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: white;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.header-title[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-title h1[b-5dc8x5vzfd] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    color: #1e293b;
}

.header-title .class-badge[b-5dc8x5vzfd] {
    padding: 0.25rem 0.75rem;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: white;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
}

.header-title .shift-badge[b-5dc8x5vzfd] {
    padding: 0.25rem 0.6rem;
    background: #f1f5f9;
    color: #64748b;
    border-radius: 6px;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

/* Week Navigation - Compact */
.week-nav[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.week-nav .btn-nav[b-5dc8x5vzfd] {
    padding: 0.4rem 0.75rem;
    border: 1px solid #e2e8f0;
    background: white;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s;
}

.week-nav .btn-nav:hover[b-5dc8x5vzfd] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.week-nav .btn-nav:disabled[b-5dc8x5vzfd] {
    opacity: 0.5;
    cursor: not-allowed;
}

.week-nav .week-display[b-5dc8x5vzfd] {
    text-align: center;
    min-width: 160px;
    padding: 0 0.5rem;
}

.week-nav .week-label[b-5dc8x5vzfd] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #1e293b;
}

.week-nav .week-dates[b-5dc8x5vzfd] {
    font-size: 0.75rem;
    color: #64748b;
}

.week-nav .current-badge[b-5dc8x5vzfd] {
    display: inline-block;
    padding: 0.15rem 0.4rem;
    background: #dcfce7;
    color: #16a34a;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.week-nav .date-jump[b-5dc8x5vzfd] {
    width: 130px;
    padding: 0.35rem 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.8rem;
}

/* Action Bar - Only shows when needed */
.action-bar[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 1rem;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 8px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.action-bar.info[b-5dc8x5vzfd] {
    background: #eff6ff;
    border-color: #93c5fd;
}

.action-bar-left[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #92400e;
}

.action-bar.info .action-bar-left[b-5dc8x5vzfd] {
    color: #1e40af;
}

.action-bar-left i[b-5dc8x5vzfd] {
    font-size: 1rem;
}

.action-bar-events[b-5dc8x5vzfd] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.event-action-chip[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.6rem;
    background: white;
    border-radius: 6px;
    font-size: 0.8rem;
    border: 1px solid #fbbf24;
}

.event-action-chip .btn-assign[b-5dc8x5vzfd] {
    padding: 0.2rem 0.5rem;
    background: #f59e0b;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 0.7rem;
    cursor: pointer;
}

.event-action-chip .btn-assign:hover[b-5dc8x5vzfd] {
    background: #d97706;
}

.btn-add-override[b-5dc8x5vzfd] {
    padding: 0.4rem 0.8rem;
    background: #3b82f6;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.btn-add-override:hover[b-5dc8x5vzfd] {
    background: #2563eb;
}

/* Main Timetable Grid */
.timetable-card[b-5dc8x5vzfd] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    overflow: hidden;
}

.timetable-wrapper[b-5dc8x5vzfd] {
    overflow-x: auto;
}

.timetable[b-5dc8x5vzfd] {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

.timetable th[b-5dc8x5vzfd],
.timetable td[b-5dc8x5vzfd] {
    border: 1px solid #e5e7eb;
    padding: 0;
}

/* Table Header */
.timetable thead th[b-5dc8x5vzfd] {
    background: #f8fafc;
    padding: 0.6rem 0.5rem;
    font-weight: 600;
    font-size: 0.8rem;
    color: #475569;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 10;
}

.timetable thead th.period-col[b-5dc8x5vzfd] {
    width: 80px;
    background: #f1f5f9;
}

.timetable thead th.today[b-5dc8x5vzfd] {
    background: linear-gradient(180deg, #dcfce7 0%, #f0fdf4 100%);
}

.timetable thead th.holiday-day[b-5dc8x5vzfd] {
    background: linear-gradient(180deg, #fef2f2 0%, #fff5f5 100%);
}

.day-header[b-5dc8x5vzfd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
}

.day-header .day-name[b-5dc8x5vzfd] {
    font-weight: 600;
    color: #1e293b;
}

.day-header .day-date[b-5dc8x5vzfd] {
    font-size: 0.7rem;
    color: #64748b;
    font-weight: 400;
}

.day-header .day-indicator[b-5dc8x5vzfd] {
    display: flex;
    gap: 0.25rem;
    margin-top: 0.2rem;
}

.day-header .indicator-dot[b-5dc8x5vzfd] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.day-header .indicator-dot.event[b-5dc8x5vzfd] {
    background: #f59e0b;
}

.day-header .indicator-dot.modified[b-5dc8x5vzfd] {
    background: #3b82f6;
}

/* Period Column */
.period-cell[b-5dc8x5vzfd] {
    background: #f8fafc;
    padding: 0.5rem 0.4rem;
    text-align: center;
    min-width: 70px;
}

.period-cell .period-name[b-5dc8x5vzfd] {
    font-weight: 600;
    font-size: 0.8rem;
    color: #1e293b;
}

.period-cell .period-time[b-5dc8x5vzfd] {
    font-size: 0.65rem;
    color: #94a3b8;
}

/* Slot Cells */
.slot-cell[b-5dc8x5vzfd] {
    height: 60px;
    min-width: 100px;
    cursor: pointer;
    transition: background 0.15s;
    vertical-align: middle;
}

.slot-cell:hover[b-5dc8x5vzfd] {
    background: #f8fafc;
}

.slot-cell.today-col[b-5dc8x5vzfd] {
    background: rgba(34, 197, 94, 0.04);
}

.slot-cell.holiday-col[b-5dc8x5vzfd] {
    background: rgba(239, 68, 68, 0.04);
}

/* Slot Content */
.slot[b-5dc8x5vzfd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0.3rem;
    position: relative;
}

.slot.regular[b-5dc8x5vzfd] {
    background: transparent;
}

.slot.modified[b-5dc8x5vzfd] {
    background: rgba(59, 130, 246, 0.08);
    border-left: 3px solid #3b82f6;
}

.slot.event[b-5dc8x5vzfd] {
    background: rgba(245, 158, 11, 0.1);
    border-left: 3px solid #f59e0b;
}

.slot.cancelled[b-5dc8x5vzfd] {
    background: rgba(239, 68, 68, 0.06);
    border-left: 3px solid #ef4444;
}

.slot.holiday[b-5dc8x5vzfd] {
    background: rgba(107, 114, 128, 0.08);
}

.slot.free[b-5dc8x5vzfd] {
    background: #fafafa;
}

.slot.empty[b-5dc8x5vzfd] {
    background: transparent;
}

.slot.empty:hover[b-5dc8x5vzfd] {
    background: rgba(34, 197, 94, 0.08);
}

.slot .subject[b-5dc8x5vzfd] {
    font-weight: 600;
    font-size: 0.8rem;
    color: #1e293b;
    text-align: center;
    line-height: 1.2;
}

.slot .teacher[b-5dc8x5vzfd] {
    font-size: 0.7rem;
    color: #64748b;
    text-align: center;
}

.slot .venue[b-5dc8x5vzfd] {
    font-size: 0.65rem;
    color: #94a3b8;
}

.slot .slot-icon[b-5dc8x5vzfd] {
    position: absolute;
    top: 2px;
    right: 3px;
    font-size: 0.6rem;
}

.slot .slot-icon.modified[b-5dc8x5vzfd] { color: #3b82f6; }
.slot .slot-icon.event[b-5dc8x5vzfd] { color: #f59e0b; }
.slot .slot-icon.cancelled[b-5dc8x5vzfd] { color: #ef4444; }

.slot.holiday .holiday-label[b-5dc8x5vzfd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #6b7280;
    font-size: 0.75rem;
}

.slot.holiday .holiday-label i[b-5dc8x5vzfd] {
    font-size: 1rem;
    margin-bottom: 0.2rem;
}

.slot.free .free-label[b-5dc8x5vzfd] {
    color: #9ca3af;
    font-size: 0.75rem;
}

.slot.empty .add-hint[b-5dc8x5vzfd] {
    color: #d1d5db;
    font-size: 1rem;
    transition: color 0.15s;
}

.slot.empty:hover .add-hint[b-5dc8x5vzfd] {
    color: #22c55e;
}

.slot.cancelled .subject[b-5dc8x5vzfd] {
    text-decoration: line-through;
    color: #9ca3af;
}

/* Footer Bar */
.footer-bar[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 1rem;
    background: #f8fafc;
    border-top: 1px solid #e5e7eb;
    font-size: 0.8rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.legend[b-5dc8x5vzfd] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.legend-item[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #64748b;
}

.legend-dot[b-5dc8x5vzfd] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

.legend-dot.regular[b-5dc8x5vzfd] { background: #e5e7eb; }
.legend-dot.modified[b-5dc8x5vzfd] { background: #3b82f6; }
.legend-dot.event[b-5dc8x5vzfd] { background: #f59e0b; }
.legend-dot.cancelled[b-5dc8x5vzfd] { background: #ef4444; }
.legend-dot.holiday[b-5dc8x5vzfd] { background: #6b7280; }

.stats-summary[b-5dc8x5vzfd] {
    display: flex;
    gap: 1rem;
    color: #64748b;
}

.stats-summary span[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.stats-summary .stat-value[b-5dc8x5vzfd] {
    font-weight: 600;
    color: #1e293b;
}

.footer-actions[b-5dc8x5vzfd] {
    display: flex;
    gap: 0.5rem;
}

.footer-actions .btn-link[b-5dc8x5vzfd] {
    padding: 0.35rem 0.7rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #475569;
    text-decoration: none;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.footer-actions .btn-link:hover[b-5dc8x5vzfd] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

/* Loading & Empty States */
.loading-state[b-5dc8x5vzfd] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    background: white;
    border-radius: 10px;
}

.empty-state[b-5dc8x5vzfd] {
    text-align: center;
    padding: 3rem 2rem;
    background: white;
    border-radius: 10px;
}

.empty-state i[b-5dc8x5vzfd] {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h5[b-5dc8x5vzfd] {
    color: #374151;
    margin-bottom: 0.5rem;
}

.empty-state p[b-5dc8x5vzfd] {
    color: #6b7280;
    font-size: 0.9rem;
}

/* Modal Styles */
.modal-backdrop[b-5dc8x5vzfd] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    z-index: 1040;
}

.modal[b-5dc8x5vzfd] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow-y: auto;
}

.modal-dialog[b-5dc8x5vzfd] {
    margin: 2rem auto;
    max-width: 500px;
}

.modal-dialog.modal-lg[b-5dc8x5vzfd] {
    max-width: 700px;
}

.modal-content[b-5dc8x5vzfd] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.modal-header[b-5dc8x5vzfd] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-title[b-5dc8x5vzfd] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.modal-body[b-5dc8x5vzfd] {
    padding: 1.25rem;
}

.modal-footer[b-5dc8x5vzfd] {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.btn-close[b-5dc8x5vzfd] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    padding: 0.25rem;
}

.btn-close:hover[b-5dc8x5vzfd] {
    color: #374151;
}

/* Period Selection Grid for Event Slots */
.period-grid[b-5dc8x5vzfd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.5rem;
}

.period-option[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.8rem;
    background: #f8fafc;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
}

.period-option:hover[b-5dc8x5vzfd] {
    background: #f1f5f9;
}

.period-option.selected[b-5dc8x5vzfd] {
    background: #fef3c7;
    border-color: #f59e0b;
}

.period-option input[type="checkbox"][b-5dc8x5vzfd] {
    width: 16px;
    height: 16px;
    accent-color: #f59e0b;
}

.period-option .info[b-5dc8x5vzfd] {
    flex: 1;
}

.period-option .info .name[b-5dc8x5vzfd] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #1e293b;
}

.period-option .info .time[b-5dc8x5vzfd] {
    font-size: 0.75rem;
    color: #64748b;
}

/* Responsive */
@media (max-width: 768px) {
    .week-view-page[b-5dc8x5vzfd] {
        padding: 0.75rem;
    }

    .header-bar[b-5dc8x5vzfd] {
        flex-direction: column;
        align-items: stretch;
    }

    .week-nav[b-5dc8x5vzfd] {
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer-bar[b-5dc8x5vzfd] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .legend[b-5dc8x5vzfd], .stats-summary[b-5dc8x5vzfd], .footer-actions[b-5dc8x5vzfd] {
        justify-content: center;
    }

    .week-summary-section[b-5dc8x5vzfd] {
        flex-direction: column;
    }

    .summary-card[b-5dc8x5vzfd] {
        min-width: 100%;
    }
}

/* Week Summary Section */
.week-summary-section[b-5dc8x5vzfd] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.summary-card[b-5dc8x5vzfd] {
    flex: 1;
    min-width: 280px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    overflow: hidden;
}

.summary-card-header[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
    font-weight: 600;
    font-size: 0.85rem;
    color: #374151;
}

.summary-card-header i[b-5dc8x5vzfd] {
    color: #6b7280;
}

.events-card .summary-card-header[b-5dc8x5vzfd] {
    background: linear-gradient(135deg, #fef3c7 0%, #fef9c3 100%);
    border-color: #fcd34d;
}

.events-card .summary-card-header i[b-5dc8x5vzfd] {
    color: #d97706;
}

.overrides-card .summary-card-header[b-5dc8x5vzfd] {
    background: linear-gradient(135deg, #dbeafe 0%, #eff6ff 100%);
    border-color: #93c5fd;
}

.overrides-card .summary-card-header i[b-5dc8x5vzfd] {
    color: #2563eb;
}

.count-badge[b-5dc8x5vzfd] {
    margin-left: auto;
    padding: 0.15rem 0.5rem;
    background: rgba(0,0,0,0.1);
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 600;
}

.summary-card-body[b-5dc8x5vzfd] {
    padding: 0.5rem;
    max-height: 200px;
    overflow-y: auto;
}

.summary-item[b-5dc8x5vzfd] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.6rem 0.5rem;
    border-radius: 6px;
    transition: background 0.15s;
}

.summary-item:hover[b-5dc8x5vzfd] {
    background: #f8fafc;
}

.summary-item-icon[b-5dc8x5vzfd] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.summary-item-icon.icon-add[b-5dc8x5vzfd] { background: #22c55e; }
.summary-item-icon.icon-modify[b-5dc8x5vzfd] { background: #3b82f6; }
.summary-item-icon.icon-cancel[b-5dc8x5vzfd] { background: #ef4444; }
.summary-item-icon.icon-swap[b-5dc8x5vzfd] { background: #06b6d4; }
.summary-item-icon.icon-event[b-5dc8x5vzfd] { background: #f59e0b; }
.summary-item-icon.icon-default[b-5dc8x5vzfd] { background: #6b7280; }

.summary-item-content[b-5dc8x5vzfd] {
    flex: 1;
    min-width: 0;
}

.summary-item-title[b-5dc8x5vzfd] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #1e293b;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.summary-item-meta[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.2rem;
    font-size: 0.75rem;
}

.summary-item-meta .date[b-5dc8x5vzfd] {
    color: #64748b;
}

.summary-item-meta .badge[b-5dc8x5vzfd] {
    font-size: 0.65rem;
    padding: 0.15rem 0.4rem;
}

.summary-item-desc[b-5dc8x5vzfd] {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #6b7280;
    font-style: italic;
}

/* Inline Summary Item Layout */
.summary-item-inline[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    transition: background 0.15s;
}

.summary-item-inline:hover[b-5dc8x5vzfd] {
    background: #f8fafc;
}

.summary-item-inline .summary-item-icon[b-5dc8x5vzfd] {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.7rem;
    flex-shrink: 0;
}

.summary-item-main[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
    font-size: 0.8rem;
}

.summary-item-main .item-title[b-5dc8x5vzfd] {
    font-weight: 600;
    color: #1e293b;
}

.summary-item-main .item-separator[b-5dc8x5vzfd] {
    color: #cbd5e1;
    font-size: 0.75rem;
}

.summary-item-main .item-date[b-5dc8x5vzfd] {
    color: #64748b;
    font-size: 0.75rem;
}

.summary-item-main .badge[b-5dc8x5vzfd] {
    font-size: 0.65rem;
    padding: 0.1rem 0.35rem;
    font-weight: 500;
}

.summary-item-main .item-desc[b-5dc8x5vzfd] {
    color: #6b7280;
    font-size: 0.75rem;
    font-style: italic;
}

/* Source Badge - Shows where override came from */
.source-badge[b-5dc8x5vzfd] {
    font-size: 0.6rem;
    padding: 0.1rem 0.3rem;
    font-weight: 500;
    margin-left: 0.25rem;
}

.source-badge.exam-controller[b-5dc8x5vzfd] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.source-badge i[b-5dc8x5vzfd] {
    margin-right: 0.2rem;
}

/* Syllabus Marking Styles */
.slot.syllabus-marked[b-5dc8x5vzfd] {
    border-right: 3px solid #10b981;
}

.slot.syllabus-pending[b-5dc8x5vzfd] {
    border-right: 3px solid #f59e0b;
}

.syllabus-indicator[b-5dc8x5vzfd] {
    position: absolute;
    bottom: 2px;
    right: 3px;
    font-size: 0.65rem;
}

.syllabus-indicator.marked[b-5dc8x5vzfd] {
    color: #10b981;
}

.syllabus-indicator.pending[b-5dc8x5vzfd] {
    color: #f59e0b;
}

.legend-dot.syllabus-done[b-5dc8x5vzfd] {
    background: #10b981;
}

.legend-dot.syllabus-pending[b-5dc8x5vzfd] {
    background: #f59e0b;
}

/* Syllabus Modal Styles */
.slot-context[b-5dc8x5vzfd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 8px;
}

.context-item[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #475569;
}

.context-item i[b-5dc8x5vzfd] {
    color: #667eea;
    width: 16px;
}

.form-group[b-5dc8x5vzfd] {
    margin-bottom: 1rem;
}

.form-group label[b-5dc8x5vzfd] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 0.375rem;
    color: #374151;
}

.form-select[b-5dc8x5vzfd],
.form-control[b-5dc8x5vzfd] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.875rem;
    background: white;
    color: #1e293b;
}

.form-select:focus[b-5dc8x5vzfd],
.form-control:focus[b-5dc8x5vzfd] {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.15);
}

textarea.form-control[b-5dc8x5vzfd] {
    resize: vertical;
    min-height: 60px;
}

.percentage-input[b-5dc8x5vzfd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.percentage-input input[type="range"][b-5dc8x5vzfd] {
    flex: 1;
    height: 6px;
    border-radius: 3px;
    accent-color: #667eea;
}

.percentage-input span[b-5dc8x5vzfd] {
    min-width: 45px;
    text-align: right;
    font-weight: 600;
    color: #1e293b;
}

.loading-inline[b-5dc8x5vzfd] {
    padding: 1rem;
    text-align: center;
    color: #6b7280;
    font-size: 0.875rem;
}
/* /Areas/Academic/Pages/ExamClerk/AdmitCards/BulkPrint.razor.rz.scp.css */
.bulk-print-container[b-j60pvnuc52] {
    padding: 1.5rem;
    max-width: 100%;
    margin: 0 auto;
}

/* Header */
.print-header[b-j60pvnuc52] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
    position: sticky;
    top: 0;
    background: white;
    z-index: 100;
}

.header-left[b-j60pvnuc52] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-left h1[b-j60pvnuc52] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-left h1 i[b-j60pvnuc52] {
    color: #6366f1;
}

.header-actions[b-j60pvnuc52] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.card-count[b-j60pvnuc52] {
    font-size: 0.875rem;
    color: #6b7280;
    padding: 0.5rem 1rem;
    background: #f3f4f6;
    border-radius: 999px;
}

/* Cards Preview Grid */
.cards-preview[b-j60pvnuc52] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180mm, 1fr));
    gap: 2rem;
    justify-items: center;
}

.card-wrapper[b-j60pvnuc52] {
    position: relative;
}

.card-number[b-j60pvnuc52] {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #6366f1;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    z-index: 10;
}

.card-meta[b-j60pvnuc52] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    background: #f9fafb;
    border-radius: 8px 8px 0 0;
    margin-bottom: -1px;
}

.card-meta .student-name[b-j60pvnuc52] {
    font-weight: 600;
    color: #1a1a2e;
}

.card-meta .class-info[b-j60pvnuc52] {
    color: #6b7280;
    font-size: 0.875rem;
}

.card-preview-frame[b-j60pvnuc52] {
    border: 2px solid #e5e7eb;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Buttons */
.btn[b-j60pvnuc52] {
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.btn:disabled[b-j60pvnuc52] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-back[b-j60pvnuc52] {
    background: transparent;
    color: #6b7280;
    padding: 0.5rem 0.75rem;
}

.btn-back:hover:not(:disabled)[b-j60pvnuc52] {
    background: #f3f4f6;
    color: #1a1a2e;
}

.btn-primary[b-j60pvnuc52] {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-j60pvnuc52] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

/* Loading & Error States */
.loading-state[b-j60pvnuc52],
.error-state[b-j60pvnuc52] {
    text-align: center;
    padding: 4rem;
    background: #f9fafb;
    border-radius: 16px;
}

.loading-state i[b-j60pvnuc52],
.error-state i[b-j60pvnuc52] {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.loading-state i[b-j60pvnuc52] {
    color: #6366f1;
}

.error-state i[b-j60pvnuc52] {
    color: #ef4444;
}

.error-state h3[b-j60pvnuc52] {
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.error-state p[b-j60pvnuc52] {
    color: #6b7280;
    margin: 0 0 1.5rem 0;
}

.progress-bar-container[b-j60pvnuc52] {
    width: 200px;
    height: 6px;
    background: #e5e7eb;
    border-radius: 3px;
    margin: 1rem auto;
    overflow: hidden;
}

.progress-bar[b-j60pvnuc52] {
    height: 100%;
    background: linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.progress-text[b-j60pvnuc52] {
    font-size: 0.875rem;
    color: #6b7280;
}

/* Toast Message */
.toast-message[b-j60pvnuc52] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    animation: slideIn-b-j60pvnuc52 0.3s ease;
    z-index: 1001;
}

.toast-message.success[b-j60pvnuc52] {
    background: #10b981;
    color: white;
}

.toast-message.error[b-j60pvnuc52] {
    background: #ef4444;
    color: white;
}

@keyframes slideIn-b-j60pvnuc52 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Print-only styles */
.print-only[b-j60pvnuc52] {
    display: none;
}

@media print {
    .bulk-print-container[b-j60pvnuc52] {
        display: none !important;
    }

    .print-only[b-j60pvnuc52] {
        display: block !important;
    }

    .toast-message[b-j60pvnuc52] {
        display: none !important;
    }

    body[b-j60pvnuc52] {
        margin: 0;
        padding: 0;
    }

    @page {
        size: A5 portrait;
        margin: 0;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .print-header[b-j60pvnuc52] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .header-actions[b-j60pvnuc52] {
        width: 100%;
        flex-direction: column;
    }

    .header-actions .btn[b-j60pvnuc52] {
        width: 100%;
        justify-content: center;
    }

    .cards-preview[b-j60pvnuc52] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/ExamClerk/AdmitCards/History.razor.rz.scp.css */
.history-container[b-nlscyb8me3] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-nlscyb8me3] {
    margin-bottom: 1.5rem;
}

.header-content h1[b-nlscyb8me3] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-content h1 i[b-nlscyb8me3] {
    color: #6366f1;
}

.subtitle[b-nlscyb8me3] {
    color: #6b7280;
    margin: 0;
}

/* Filter Section */
.filter-section[b-nlscyb8me3] {
    background: white;
    padding: 1.25rem;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    margin-bottom: 1rem;
}

.filter-row[b-nlscyb8me3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
}

.filter-group[b-nlscyb8me3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-group.search-group[b-nlscyb8me3] {
    grid-column: span 2;
}

.filter-group label[b-nlscyb8me3] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
}

.form-control[b-nlscyb8me3] {
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.875rem;
    background: white;
}

.form-control:focus[b-nlscyb8me3] {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

/* Summary Bar */
.summary-bar[b-nlscyb8me3] {
    display: flex;
    gap: 1.5rem;
    padding: 0.75rem 1rem;
    background: #f9fafb;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.summary-item[b-nlscyb8me3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #6b7280;
}

.summary-item i[b-nlscyb8me3] {
    color: #6366f1;
}

.summary-item strong[b-nlscyb8me3] {
    color: #1a1a2e;
}

/* History Table */
.history-table[b-nlscyb8me3] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.history-table table[b-nlscyb8me3] {
    width: 100%;
    border-collapse: collapse;
}

.history-table th[b-nlscyb8me3],
.history-table td[b-nlscyb8me3] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.history-table th[b-nlscyb8me3] {
    background: #f9fafb;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b7280;
}

.history-table tbody tr:hover[b-nlscyb8me3] {
    background: #f9fafb;
}

.datetime-cell[b-nlscyb8me3] {
    display: flex;
    flex-direction: column;
}

.datetime-cell .date[b-nlscyb8me3] {
    font-weight: 500;
    color: #1a1a2e;
}

.datetime-cell .time[b-nlscyb8me3] {
    font-size: 0.75rem;
    color: #9ca3af;
}

.student-cell[b-nlscyb8me3] {
    display: flex;
    flex-direction: column;
}

.student-cell .name[b-nlscyb8me3] {
    font-weight: 500;
    color: #1a1a2e;
}

.student-cell .roll[b-nlscyb8me3] {
    font-size: 0.75rem;
    color: #9ca3af;
}

.history-table code[b-nlscyb8me3] {
    font-family: monospace;
    font-size: 0.75rem;
    background: #f3f4f6;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

/* Print Type Badge */
.print-type-badge[b-nlscyb8me3] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.print-type-badge.individual[b-nlscyb8me3] {
    background: #dbeafe;
    color: #2563eb;
}

.print-type-badge.bulk[b-nlscyb8me3] {
    background: #d1fae5;
    color: #059669;
}

.print-type-badge.reprint[b-nlscyb8me3] {
    background: #fef3c7;
    color: #d97706;
}

/* Buttons */
.btn[b-nlscyb8me3] {
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.btn-sm[b-nlscyb8me3] {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
}

.btn-icon[b-nlscyb8me3] {
    padding: 0.5rem;
    background: transparent;
    color: #6b7280;
}

.btn-icon:hover[b-nlscyb8me3] {
    background: #f3f4f6;
    color: #6366f1;
}

/* Loading & Empty States */
.loading-state[b-nlscyb8me3],
.empty-state[b-nlscyb8me3] {
    text-align: center;
    padding: 4rem;
    background: #f9fafb;
    border-radius: 16px;
}

.loading-state i[b-nlscyb8me3],
.empty-state i[b-nlscyb8me3] {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.loading-state i[b-nlscyb8me3] {
    color: #6366f1;
}

.empty-state h3[b-nlscyb8me3] {
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-nlscyb8me3] {
    color: #6b7280;
    margin: 0;
}

/* Toast Message */
.toast-message[b-nlscyb8me3] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    animation: slideIn-b-nlscyb8me3 0.3s ease;
    z-index: 1001;
}

.toast-message.success[b-nlscyb8me3] {
    background: #10b981;
    color: white;
}

.toast-message.error[b-nlscyb8me3] {
    background: #ef4444;
    color: white;
}

@keyframes slideIn-b-nlscyb8me3 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .filter-row[b-nlscyb8me3] {
        grid-template-columns: 1fr 1fr;
    }

    .filter-group.search-group[b-nlscyb8me3] {
        grid-column: 1 / -1;
    }

    .history-table[b-nlscyb8me3] {
        overflow-x: auto;
    }
}
/* /Areas/Academic/Pages/ExamClerk/AdmitCards/Index.razor.rz.scp.css */
.print-container[b-zk12d4q8g3] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-zk12d4q8g3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-content h1[b-zk12d4q8g3] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-content h1 i[b-zk12d4q8g3] {
    color: #6366f1;
}

.subtitle[b-zk12d4q8g3] {
    color: #6b7280;
    margin: 0;
}

/* Filter Section */
.filter-section[b-zk12d4q8g3] {
    background: white;
    padding: 1.25rem;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    margin-bottom: 1rem;
}

.filter-row[b-zk12d4q8g3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.filter-group[b-zk12d4q8g3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-group label[b-zk12d4q8g3] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
}

.form-control[b-zk12d4q8g3] {
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.875rem;
    background: white;
}

.form-control:focus[b-zk12d4q8g3] {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

/* Summary Stats */
.summary-stats[b-zk12d4q8g3] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.stat-chip[b-zk12d4q8g3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f3f4f6;
    border-radius: 999px;
    font-size: 0.875rem;
    color: #4b5563;
}

.stat-chip i[b-zk12d4q8g3] {
    font-size: 0.75rem;
}

.stat-chip.printable[b-zk12d4q8g3] { background: #d1fae5; color: #059669; }
.stat-chip.printed[b-zk12d4q8g3] { background: #dbeafe; color: #2563eb; }
.stat-chip.pending[b-zk12d4q8g3] { background: #fef3c7; color: #d97706; }

/* Selection Controls */
.selection-controls[b-zk12d4q8g3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: #f9fafb;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.checkbox-wrapper[b-zk12d4q8g3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: #374151;
}

.checkbox-wrapper input[b-zk12d4q8g3] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Cards Table */
.cards-table[b-zk12d4q8g3] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.cards-table table[b-zk12d4q8g3] {
    width: 100%;
    border-collapse: collapse;
}

.cards-table th[b-zk12d4q8g3],
.cards-table td[b-zk12d4q8g3] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.cards-table th[b-zk12d4q8g3] {
    background: #f9fafb;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b7280;
}

.cards-table tbody tr:hover[b-zk12d4q8g3] {
    background: #f9fafb;
}

.cards-table tbody tr.row-pending[b-zk12d4q8g3] {
    background: #fef3c7;
}

.col-select[b-zk12d4q8g3] { width: 40px; text-align: center; }
.col-roll[b-zk12d4q8g3] { width: 60px; }
.col-name[b-zk12d4q8g3] { min-width: 200px; }
.col-class[b-zk12d4q8g3] { width: 120px; }
.col-admit[b-zk12d4q8g3] { width: 160px; }
.col-fee[b-zk12d4q8g3] { width: 100px; }
.col-status[b-zk12d4q8g3] { width: 120px; }
.col-actions[b-zk12d4q8g3] { width: 100px; text-align: center; }

.student-info[b-zk12d4q8g3] {
    display: flex;
    flex-direction: column;
}

.student-info .name[b-zk12d4q8g3] {
    font-weight: 500;
    color: #1a1a2e;
}

.student-info .father[b-zk12d4q8g3] {
    font-size: 0.75rem;
    color: #9ca3af;
}

.cards-table code[b-zk12d4q8g3] {
    font-family: monospace;
    font-size: 0.75rem;
    background: #f3f4f6;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

/* Status Badges */
.fee-badge[b-zk12d4q8g3],
.status-badge[b-zk12d4q8g3] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.fee-badge.cleared[b-zk12d4q8g3] { background: #d1fae5; color: #059669; }
.fee-badge.override[b-zk12d4q8g3] { background: #e0e7ff; color: #4338ca; }
.fee-badge.pending[b-zk12d4q8g3] { background: #fef3c7; color: #d97706; }

.status-badge.status-printable[b-zk12d4q8g3] { background: #d1fae5; color: #059669; }
.status-badge.status-printed[b-zk12d4q8g3] { background: #dbeafe; color: #2563eb; }
.status-badge.status-generated[b-zk12d4q8g3] { background: #f3f4f6; color: #6b7280; }
.status-badge.status-fee-pending[b-zk12d4q8g3] { background: #fef3c7; color: #d97706; }
.status-badge.status-override-pending[b-zk12d4q8g3] { background: #fce7f3; color: #db2777; }

/* Buttons */
.btn[b-zk12d4q8g3] {
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.btn-primary[b-zk12d4q8g3] {
    background: #6366f1;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-zk12d4q8g3] {
    background: #4f46e5;
}

.btn-outline[b-zk12d4q8g3] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-zk12d4q8g3] {
    background: #f3f4f6;
}

.btn-danger[b-zk12d4q8g3] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover[b-zk12d4q8g3] {
    background: #dc2626;
}

.btn-sm[b-zk12d4q8g3] {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
}

.btn-icon[b-zk12d4q8g3] {
    padding: 0.5rem;
    background: transparent;
    color: #6b7280;
}

.btn-icon:hover[b-zk12d4q8g3] {
    background: #f3f4f6;
    color: #6366f1;
}

.btn:disabled[b-zk12d4q8g3] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Loading & Empty States */
.loading-state[b-zk12d4q8g3],
.empty-state[b-zk12d4q8g3] {
    text-align: center;
    padding: 4rem;
    background: #f9fafb;
    border-radius: 16px;
}

.loading-state i[b-zk12d4q8g3],
.empty-state i[b-zk12d4q8g3] {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.loading-state i[b-zk12d4q8g3] {
    color: #6366f1;
}

.empty-state h3[b-zk12d4q8g3] {
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-zk12d4q8g3] {
    color: #6b7280;
    margin: 0;
}

/* Modal */
.modal-overlay[b-zk12d4q8g3] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-zk12d4q8g3] {
    background: white;
    border-radius: 16px;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.modal-header[b-zk12d4q8g3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h3[b-zk12d4q8g3] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #6366f1;
}

.close-btn[b-zk12d4q8g3] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
}

.close-btn:hover[b-zk12d4q8g3] {
    color: #1a1a2e;
}

.modal-body[b-zk12d4q8g3] {
    padding: 1.5rem;
}

.modal-footer[b-zk12d4q8g3] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

/* Print Progress Modal */
.print-progress-modal .modal-body[b-zk12d4q8g3] {
    text-align: center;
}

.progress-info[b-zk12d4q8g3] {
    margin-bottom: 1rem;
}

.progress-bar-container[b-zk12d4q8g3] {
    height: 8px;
    background: #e5e7eb;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.progress-bar[b-zk12d4q8g3] {
    height: 100%;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    transition: width 0.3s;
}

.progress-text[b-zk12d4q8g3] {
    font-size: 0.875rem;
    color: #6b7280;
}

.current-item[b-zk12d4q8g3] {
    color: #1a1a2e;
    font-weight: 500;
}

/* Preview Modal */
.preview-modal[b-zk12d4q8g3] {
    max-width: 500px;
}

.admit-card-preview[b-zk12d4q8g3] {
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem;
}

.card-header-section[b-zk12d4q8g3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #1a1a2e;
    margin-bottom: 0.75rem;
}

.school-logo[b-zk12d4q8g3] {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.school-info h2[b-zk12d4q8g3] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    color: #1a1a2e;
}

.school-info p[b-zk12d4q8g3] {
    font-size: 0.625rem;
    margin: 0;
    color: #6b7280;
}

.card-title[b-zk12d4q8g3] {
    text-align: center;
    margin-bottom: 1rem;
}

.card-title h3[b-zk12d4q8g3] {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0 0 0.25rem 0;
    color: #6366f1;
}

.card-title p[b-zk12d4q8g3] {
    font-size: 0.875rem;
    margin: 0;
    color: #1a1a2e;
}

.student-details[b-zk12d4q8g3] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.student-photo[b-zk12d4q8g3] {
    width: 80px;
    height: 100px;
    object-fit: cover;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
}

.details-grid[b-zk12d4q8g3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.detail-item[b-zk12d4q8g3] {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
}

.detail-item label[b-zk12d4q8g3] {
    color: #6b7280;
}

.detail-item span[b-zk12d4q8g3] {
    font-weight: 500;
    color: #1a1a2e;
}

.qr-section[b-zk12d4q8g3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding-top: 0.75rem;
    border-top: 1px dashed #d1d5db;
}

.qr-code[b-zk12d4q8g3] {
    width: 60px;
    height: 60px;
}

.qr-section span[b-zk12d4q8g3] {
    font-size: 0.625rem;
    color: #9ca3af;
}

/* Toast Message */
.toast-message[b-zk12d4q8g3] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    animation: slideIn-b-zk12d4q8g3 0.3s ease;
    z-index: 1001;
}

.toast-message.success[b-zk12d4q8g3] {
    background: #10b981;
    color: white;
}

.toast-message.error[b-zk12d4q8g3] {
    background: #ef4444;
    color: white;
}

@keyframes slideIn-b-zk12d4q8g3 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-zk12d4q8g3] {
        flex-direction: column;
    }

    .filter-row[b-zk12d4q8g3] {
        grid-template-columns: 1fr 1fr;
    }

    .cards-table[b-zk12d4q8g3] {
        overflow-x: auto;
    }

    .col-father[b-zk12d4q8g3],
    .col-admit[b-zk12d4q8g3] {
        display: none;
    }
}
/* /Areas/Academic/Pages/ExamClerk/AdmitCards/Print.razor.rz.scp.css */
.print-preview-container[b-lii8qjxewv] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Header */
.preview-header[b-lii8qjxewv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.header-left[b-lii8qjxewv] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-left h1[b-lii8qjxewv] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-left h1 i[b-lii8qjxewv] {
    color: #6366f1;
}

.header-actions[b-lii8qjxewv] {
    display: flex;
    gap: 0.75rem;
}

/* Preview Info */
.preview-info[b-lii8qjxewv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 12px;
}

.info-chip[b-lii8qjxewv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: white;
    border-radius: 999px;
    font-size: 0.875rem;
    color: #4b5563;
    border: 1px solid #e5e7eb;
}

.info-chip i[b-lii8qjxewv] {
    color: #6366f1;
    font-size: 0.75rem;
}

.info-chip.status-printable[b-lii8qjxewv] {
    background: #d1fae5;
    border-color: #10b981;
    color: #065f46;
}

.info-chip.status-printable i[b-lii8qjxewv] {
    color: #10b981;
}

.info-chip.status-printed[b-lii8qjxewv] {
    background: #dbeafe;
    border-color: #3b82f6;
    color: #1e40af;
}

.info-chip.status-printed i[b-lii8qjxewv] {
    color: #3b82f6;
}

/* Preview Area */
.preview-area[b-lii8qjxewv] {
    display: flex;
    justify-content: center;
    padding: 2rem;
    background: #f3f4f6;
    border-radius: 16px;
    margin-bottom: 1.5rem;
}

/* Schedule Summary */
.schedule-summary[b-lii8qjxewv] {
    background: white;
    padding: 1.25rem;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.schedule-summary h4[b-lii8qjxewv] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    margin: 0 0 1rem 0;
}

.summary-grid[b-lii8qjxewv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.summary-item[b-lii8qjxewv] {
    display: flex;
    flex-direction: column;
    padding: 0.75rem 1rem;
    background: #f9fafb;
    border-radius: 8px;
    min-width: 100px;
}

.summary-item .date[b-lii8qjxewv] {
    font-size: 0.75rem;
    color: #6366f1;
    font-weight: 600;
}

.summary-item .subject[b-lii8qjxewv] {
    font-size: 0.875rem;
    color: #1a1a2e;
}

.summary-item.more[b-lii8qjxewv] {
    justify-content: center;
    color: #6b7280;
    font-size: 0.75rem;
}

/* Buttons */
.btn[b-lii8qjxewv] {
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.btn:disabled[b-lii8qjxewv] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-back[b-lii8qjxewv] {
    background: transparent;
    color: #6b7280;
    padding: 0.5rem 0.75rem;
}

.btn-back:hover:not(:disabled)[b-lii8qjxewv] {
    background: #f3f4f6;
    color: #1a1a2e;
}

.btn-primary[b-lii8qjxewv] {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-lii8qjxewv] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.btn-outline[b-lii8qjxewv] {
    background: white;
    color: #6366f1;
    border: 1px solid #6366f1;
}

.btn-outline:hover:not(:disabled)[b-lii8qjxewv] {
    background: #eef2ff;
}

/* Loading & Error States */
.loading-state[b-lii8qjxewv],
.error-state[b-lii8qjxewv] {
    text-align: center;
    padding: 4rem;
    background: #f9fafb;
    border-radius: 16px;
}

.loading-state i[b-lii8qjxewv],
.error-state i[b-lii8qjxewv] {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.loading-state i[b-lii8qjxewv] {
    color: #6366f1;
}

.error-state i[b-lii8qjxewv] {
    color: #ef4444;
}

.error-state h3[b-lii8qjxewv] {
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.error-state p[b-lii8qjxewv] {
    color: #6b7280;
    margin: 0 0 1.5rem 0;
}

/* Toast Message */
.toast-message[b-lii8qjxewv] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    animation: slideIn-b-lii8qjxewv 0.3s ease;
    z-index: 1001;
}

.toast-message.success[b-lii8qjxewv] {
    background: #10b981;
    color: white;
}

.toast-message.error[b-lii8qjxewv] {
    background: #ef4444;
    color: white;
}

@keyframes slideIn-b-lii8qjxewv {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Print-only styles */
.print-only[b-lii8qjxewv] {
    display: none;
}

@media print {
    .print-preview-container[b-lii8qjxewv] {
        display: none !important;
    }

    .print-only[b-lii8qjxewv] {
        display: block !important;
    }

    .toast-message[b-lii8qjxewv] {
        display: none !important;
    }

    body[b-lii8qjxewv] {
        margin: 0;
        padding: 0;
    }

    @page {
        size: A5 portrait;
        margin: 0;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .preview-header[b-lii8qjxewv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .header-actions[b-lii8qjxewv] {
        width: 100%;
    }

    .header-actions .btn[b-lii8qjxewv] {
        flex: 1;
    }

    .preview-info[b-lii8qjxewv] {
        gap: 0.5rem;
    }

    .info-chip[b-lii8qjxewv] {
        font-size: 0.75rem;
        padding: 0.375rem 0.75rem;
    }
}
/* /Areas/Academic/Pages/ExamClerk/Index.razor.rz.scp.css */
.dashboard-container[b-tdymhsw7f1] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-tdymhsw7f1] {
    margin-bottom: 2rem;
}

.header-content h1[b-tdymhsw7f1] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-content h1 i[b-tdymhsw7f1] {
    color: #6366f1;
}

.subtitle[b-tdymhsw7f1] {
    color: #6b7280;
    margin: 0;
}

/* Stats Grid */
.stats-grid[b-tdymhsw7f1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-tdymhsw7f1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: white;
    padding: 1.25rem;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.stat-icon[b-tdymhsw7f1] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
    flex-shrink: 0;
}

.stat-icon.bg-primary[b-tdymhsw7f1] { background: linear-gradient(135deg, #6366f1, #8b5cf6); }
.stat-icon.bg-success[b-tdymhsw7f1] { background: linear-gradient(135deg, #10b981, #059669); }
.stat-icon.bg-warning[b-tdymhsw7f1] { background: linear-gradient(135deg, #f59e0b, #d97706); }
.stat-icon.bg-info[b-tdymhsw7f1] { background: linear-gradient(135deg, #06b6d4, #0891b2); }

.stat-content[b-tdymhsw7f1] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-tdymhsw7f1] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1;
}

.stat-label[b-tdymhsw7f1] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

/* Quick Actions */
.quick-actions[b-tdymhsw7f1] {
    margin-bottom: 2rem;
}

.quick-actions h3[b-tdymhsw7f1] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 1rem 0;
}

.action-cards[b-tdymhsw7f1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

.action-card[b-tdymhsw7f1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: white;
    padding: 1.25rem;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    text-decoration: none;
    color: inherit;
    transition: all 0.2s;
    border: 2px solid transparent;
}

.action-card:hover[b-tdymhsw7f1] {
    border-color: #6366f1;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
}

.action-icon[b-tdymhsw7f1] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
    flex-shrink: 0;
}

.action-icon.bg-primary[b-tdymhsw7f1] { background: #6366f1; }
.action-icon.bg-secondary[b-tdymhsw7f1] { background: #64748b; }

.action-content[b-tdymhsw7f1] {
    flex: 1;
}

.action-content h4[b-tdymhsw7f1] {
    margin: 0 0 0.25rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a2e;
}

.action-content p[b-tdymhsw7f1] {
    margin: 0;
    font-size: 0.875rem;
    color: #6b7280;
}

.action-arrow[b-tdymhsw7f1] {
    color: #d1d5db;
    transition: color 0.2s;
}

.action-card:hover .action-arrow[b-tdymhsw7f1] {
    color: #6366f1;
}

/* Recent Activity */
.recent-activity[b-tdymhsw7f1] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    padding: 1.5rem;
}

.recent-activity h3[b-tdymhsw7f1] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 1rem 0;
}

.activity-list[b-tdymhsw7f1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.activity-item[b-tdymhsw7f1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 8px;
}

.activity-icon[b-tdymhsw7f1] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #e0e7ff;
    color: #6366f1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.activity-content[b-tdymhsw7f1] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.activity-title[b-tdymhsw7f1] {
    font-weight: 500;
    color: #1a1a2e;
}

.activity-time[b-tdymhsw7f1] {
    font-size: 0.75rem;
    color: #9ca3af;
}

.activity-count[b-tdymhsw7f1] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6366f1;
    background: #e0e7ff;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
}

/* Responsive */
@media (max-width: 768px) {
    .stats-grid[b-tdymhsw7f1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .action-cards[b-tdymhsw7f1] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/ExamController/Exam/AdmitCards/Index.razor.rz.scp.css */
/* Loading State */
.loading-container[b-wn0bbg2xr8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: 1rem;
    color: #64748b;
}

.loading-container p[b-wn0bbg2xr8] {
    margin: 0;
    font-size: 0.95rem;
}

.admitcard-hub[b-wn0bbg2xr8] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Header */
.hub-header[b-wn0bbg2xr8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 2rem;
    flex-wrap: wrap;
}

.header-content h1[b-wn0bbg2xr8] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-content h1 i[b-wn0bbg2xr8] {
    color: #6366f1;
}

.subtitle[b-wn0bbg2xr8] {
    color: #6b7280;
    margin: 0;
}

.header-stats[b-wn0bbg2xr8] {
    display: flex;
    gap: 1rem;
}

.stat-item[b-wn0bbg2xr8] {
    background: white;
    border-radius: 12px;
    padding: 1rem 1.5rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    min-width: 100px;
}

.stat-value[b-wn0bbg2xr8] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a2e;
}

.stat-label[b-wn0bbg2xr8] {
    font-size: 0.75rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.stat-item.pending .stat-value[b-wn0bbg2xr8] { color: #f59e0b; }
.stat-item.success .stat-value[b-wn0bbg2xr8] { color: #10b981; }
.stat-item.warning .stat-value[b-wn0bbg2xr8] { color: #ef4444; }

/* Tab Navigation */
.hub-nav[b-wn0bbg2xr8] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    background: #f3f4f6;
    padding: 0.5rem;
    border-radius: 12px;
}

.nav-tab[b-wn0bbg2xr8] {
    flex: 1;
    padding: 0.875rem 1.5rem;
    border: none;
    background: transparent;
    color: #6b7280;
    font-weight: 500;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.nav-tab:hover[b-wn0bbg2xr8] {
    background: white;
    color: #1a1a2e;
}

.nav-tab.active[b-wn0bbg2xr8] {
    background: white;
    color: #6366f1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.nav-tab .badge[b-wn0bbg2xr8] {
    background: #ef4444;
    color: white;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
}

/* Content Cards */
.content-card[b-wn0bbg2xr8] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.card-header[b-wn0bbg2xr8] {
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-header h3[b-wn0bbg2xr8] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a2e;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.card-header h3 i[b-wn0bbg2xr8] {
    color: #6366f1;
}

.card-header p[b-wn0bbg2xr8] {
    margin: 0.25rem 0 0 0;
    color: #6b7280;
    font-size: 0.875rem;
}

.card-body[b-wn0bbg2xr8] {
    padding: 1.5rem;
}

/* Form Grid */
.form-grid[b-wn0bbg2xr8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.form-group[b-wn0bbg2xr8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group.full-width[b-wn0bbg2xr8] {
    grid-column: 1 / -1;
}

.form-group label[b-wn0bbg2xr8] {
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

.required[b-wn0bbg2xr8] {
    color: #ef4444;
}

.form-control[b-wn0bbg2xr8] {
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.875rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus[b-wn0bbg2xr8] {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

textarea.form-control[b-wn0bbg2xr8] {
    resize: vertical;
    min-height: 100px;
}

.checkbox-group[b-wn0bbg2xr8] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.checkbox-item[b-wn0bbg2xr8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: normal;
}

.checkbox-item input[type="checkbox"][b-wn0bbg2xr8] {
    width: 1rem;
    height: 1rem;
    accent-color: #6366f1;
}

.form-actions[b-wn0bbg2xr8] {
    margin-top: 1.5rem;
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

/* Buttons */
.btn[b-wn0bbg2xr8] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary[b-wn0bbg2xr8] {
    background: #6366f1;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-wn0bbg2xr8] {
    background: #4f46e5;
}

.btn-success[b-wn0bbg2xr8] {
    background: #10b981;
    color: white;
}

.btn-success:hover:not(:disabled)[b-wn0bbg2xr8] {
    background: #059669;
}

.btn-outline[b-wn0bbg2xr8] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-wn0bbg2xr8] {
    background: #f3f4f6;
}

.btn:disabled[b-wn0bbg2xr8] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-sm[b-wn0bbg2xr8] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

/* Empty State */
.empty-state[b-wn0bbg2xr8] {
    text-align: center;
    padding: 3rem;
    color: #6b7280;
}

.empty-state i[b-wn0bbg2xr8] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state p[b-wn0bbg2xr8] {
    margin-bottom: 1rem;
}

/* Requests Table */
.requests-table[b-wn0bbg2xr8] {
    overflow-x: auto;
}

.requests-table table[b-wn0bbg2xr8] {
    width: 100%;
    border-collapse: collapse;
}

.requests-table th[b-wn0bbg2xr8],
.requests-table td[b-wn0bbg2xr8] {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.requests-table th[b-wn0bbg2xr8] {
    background: #f9fafb;
    font-weight: 600;
    color: #374151;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.requests-table td[b-wn0bbg2xr8] {
    color: #1a1a2e;
}

/* Status Badges */
.status-badge[b-wn0bbg2xr8] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-pending[b-wn0bbg2xr8] {
    background: #fef3c7;
    color: #d97706;
}

.status-approved[b-wn0bbg2xr8] {
    background: #d1fae5;
    color: #059669;
}

.status-rejected[b-wn0bbg2xr8] {
    background: #fee2e2;
    color: #dc2626;
}

.status-generated[b-wn0bbg2xr8] {
    background: #dbeafe;
    color: #2563eb;
}

/* Selected Request Info */
.selected-request-info[b-wn0bbg2xr8] {
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.info-header[b-wn0bbg2xr8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #bae6fd;
}

.info-header h4[b-wn0bbg2xr8] {
    margin: 0;
    color: #0369a1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.info-grid[b-wn0bbg2xr8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.info-item label[b-wn0bbg2xr8] {
    display: block;
    font-size: 0.75rem;
    color: #6b7280;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.info-item span[b-wn0bbg2xr8] {
    font-weight: 500;
    color: #1a1a2e;
}

.info-item span.highlight[b-wn0bbg2xr8] {
    color: #0369a1;
    font-weight: 600;
}

/* Detail Sections */
.detail-section[b-wn0bbg2xr8] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px dashed #bae6fd;
}

.detail-section h5[b-wn0bbg2xr8] {
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #0369a1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.detail-section h5 i[b-wn0bbg2xr8] {
    font-size: 0.85rem;
}

/* Instructions Box */
.instructions-box[b-wn0bbg2xr8] {
    background: white;
    border: 1px solid #e0f2fe;
    border-radius: 8px;
    padding: 1rem;
}

.instructions-box p[b-wn0bbg2xr8] {
    margin: 0 0 0.5rem 0;
    padding-left: 1rem;
    position: relative;
    color: #374151;
    font-size: 0.875rem;
}

.instructions-box p:last-child[b-wn0bbg2xr8] {
    margin-bottom: 0;
}

.instructions-box p[b-wn0bbg2xr8]::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #0ea5e9;
}

/* Remarks Box */
.remarks-box[b-wn0bbg2xr8] {
    background: #fefce8;
    border: 1px solid #fde047;
    border-radius: 8px;
    padding: 1rem;
    color: #713f12;
    font-size: 0.875rem;
}

/* Schedule Styles */
.loading-schedule[b-wn0bbg2xr8] {
    padding: 2rem;
    text-align: center;
    color: #6b7280;
}

.schedule-date-group[b-wn0bbg2xr8] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

.schedule-date-header[b-wn0bbg2xr8] {
    background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #bae6fd;
}

.date-info[b-wn0bbg2xr8] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.date-day[b-wn0bbg2xr8] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0369a1;
}

.date-month[b-wn0bbg2xr8] {
    font-weight: 600;
    color: #0284c7;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.date-weekday[b-wn0bbg2xr8] {
    font-size: 0.7rem;
    color: #64748b;
    background: white;
    padding: 2px 6px;
    border-radius: 4px;
}

.exam-count[b-wn0bbg2xr8] {
    font-size: 0.7rem;
    color: #64748b;
    background: white;
    padding: 4px 10px;
    border-radius: 999px;
}

.schedule-slot-row[b-wn0bbg2xr8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f3f4f6;
}

.schedule-slot-row:last-child[b-wn0bbg2xr8] {
    border-bottom: none;
}

.slot-subject[b-wn0bbg2xr8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.subject-name[b-wn0bbg2xr8] {
    font-weight: 600;
    color: #1a1a2e;
}

.slot-class[b-wn0bbg2xr8] {
    font-size: 0.7rem;
    color: #6b7280;
    background: #f3f4f6;
    padding: 2px 8px;
    border-radius: 4px;
}

.slot-timing[b-wn0bbg2xr8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.time-range[b-wn0bbg2xr8] {
    font-family: monospace;
    font-size: 0.8rem;
    background: #f3f4f6;
    padding: 4px 8px;
    border-radius: 4px;
    color: #374151;
}

.duration-badge[b-wn0bbg2xr8] {
    background: #e0e7ff;
    color: #4338ca;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
}

.schedule-summary[b-wn0bbg2xr8] {
    display: flex;
    gap: 8px;
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f9fafb;
    border-radius: 8px;
    font-size: 0.8rem;
    color: #6b7280;
}

.no-schedule[b-wn0bbg2xr8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    color: #9ca3af;
    background: #f9fafb;
    border-radius: 8px;
}

/* Generation Form */
.generation-form[b-wn0bbg2xr8] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 1.5rem;
}

/* Generated Results */
.generated-results[b-wn0bbg2xr8] {
    margin-top: 2rem;
    border-top: 1px solid #e5e7eb;
    padding-top: 1.5rem;
}

.generated-results h4[b-wn0bbg2xr8] {
    margin: 0 0 1rem 0;
    color: #059669;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-bar[b-wn0bbg2xr8] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.filter-btn[b-wn0bbg2xr8] {
    padding: 0.5rem 1rem;
    border: 1px solid #d1d5db;
    background: white;
    border-radius: 6px;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.filter-btn:hover[b-wn0bbg2xr8] {
    border-color: #6366f1;
}

.filter-btn.active[b-wn0bbg2xr8] {
    background: #6366f1;
    color: white;
    border-color: #6366f1;
}

.cards-grid[b-wn0bbg2xr8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.admit-card-item[b-wn0bbg2xr8] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem;
}

.card-number[b-wn0bbg2xr8] {
    font-family: monospace;
    font-size: 0.875rem;
    color: #6366f1;
    margin-bottom: 0.5rem;
}

.student-name[b-wn0bbg2xr8] {
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 0.5rem;
}

.card-details[b-wn0bbg2xr8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
}

.fee-status[b-wn0bbg2xr8] {
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
}

.fee-cleared[b-wn0bbg2xr8] {
    background: #d1fae5;
    color: #059669;
}

.fee-pending[b-wn0bbg2xr8] {
    background: #fef3c7;
    color: #d97706;
}

/* Permissions Grid */
.permissions-grid[b-wn0bbg2xr8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1rem;
}

.permission-card[b-wn0bbg2xr8] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.permission-card.granted[b-wn0bbg2xr8] {
    background: #f0fdf4;
    border-color: #86efac;
}

.class-info h5[b-wn0bbg2xr8] {
    margin: 0 0 0.25rem 0;
    color: #1a1a2e;
}

.class-info span[b-wn0bbg2xr8] {
    font-size: 0.875rem;
    color: #6b7280;
}

.permission-status .status[b-wn0bbg2xr8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
}

.permission-status .status.granted[b-wn0bbg2xr8] {
    color: #059669;
}

/* Toast Message */
.toast-message[b-wn0bbg2xr8] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    animation: slideIn-b-wn0bbg2xr8 0.3s ease;
    z-index: 1000;
}

.toast-message.success[b-wn0bbg2xr8] {
    background: #10b981;
    color: white;
}

.toast-message.error[b-wn0bbg2xr8] {
    background: #ef4444;
    color: white;
}

@keyframes slideIn-b-wn0bbg2xr8 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Class Selection Grid */
.class-selection-grid[b-wn0bbg2xr8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.class-checkbox-item[b-wn0bbg2xr8] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    transition: all 0.2s;
}

.class-checkbox-item:hover[b-wn0bbg2xr8] {
    border-color: #6366f1;
    background: #f5f3ff;
}

.class-checkbox-item.selected[b-wn0bbg2xr8] {
    background: #eef2ff;
    border-color: #6366f1;
}

.class-checkbox-item label[b-wn0bbg2xr8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    cursor: pointer;
    font-weight: normal;
}

.class-checkbox-item input[type="checkbox"][b-wn0bbg2xr8] {
    position: absolute;
    opacity: 0;
}

.class-checkbox-item .class-name[b-wn0bbg2xr8] {
    font-weight: 600;
    color: #1a1a2e;
}

.class-checkbox-item .student-count[b-wn0bbg2xr8] {
    font-size: 0.75rem;
    color: #6b7280;
}

.class-checkbox-item.disabled[b-wn0bbg2xr8] {
    background: #f3f4f6;
    border-color: #d1d5db;
    opacity: 0.7;
    cursor: not-allowed;
}

.class-checkbox-item.disabled:hover[b-wn0bbg2xr8] {
    border-color: #d1d5db;
    background: #f3f4f6;
}

.class-checkbox-item.disabled label[b-wn0bbg2xr8] {
    cursor: not-allowed;
}

.class-checkbox-item .existing-badge[b-wn0bbg2xr8] {
    display: inline-block;
    background: #fef3c7;
    color: #d97706;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
    margin-top: 0.25rem;
}

.selection-actions[b-wn0bbg2xr8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e5e7eb;
}

.selection-actions .selected-count[b-wn0bbg2xr8] {
    margin-left: auto;
    font-size: 0.875rem;
    color: #6b7280;
}

/* Loading Classes */
.loading-classes[b-wn0bbg2xr8] {
    padding: 1.5rem;
    text-align: center;
    color: #6b7280;
}

.loading-classes i[b-wn0bbg2xr8] {
    margin-right: 0.5rem;
}

/* Alert Styles */
.alert[b-wn0bbg2xr8] {
    padding: 1rem 1.25rem;
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.alert i[b-wn0bbg2xr8] {
    margin-top: 0.125rem;
}

.alert-warning[b-wn0bbg2xr8] {
    background: #fef3c7;
    border: 1px solid #fbbf24;
    color: #92400e;
}

.alert-info[b-wn0bbg2xr8] {
    background: #dbeafe;
    border: 1px solid #93c5fd;
    color: #1e40af;
}

/* Quarter Selection */
.form-hint[b-wn0bbg2xr8] {
    font-size: 0.8rem;
    color: #6b7280;
    margin: 0.25rem 0 0.75rem 0;
}

.quarter-selection[b-wn0bbg2xr8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

.quarter-checkbox[b-wn0bbg2xr8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
}

.quarter-checkbox:hover[b-wn0bbg2xr8] {
    border-color: #6366f1;
    background: #f5f3ff;
}

.quarter-checkbox.selected[b-wn0bbg2xr8] {
    border-color: #6366f1;
    background: #eef2ff;
}

.quarter-checkbox input[type="checkbox"][b-wn0bbg2xr8] {
    width: 1.25rem;
    height: 1.25rem;
    accent-color: #6366f1;
    flex-shrink: 0;
}

.quarter-info[b-wn0bbg2xr8] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.quarter-name[b-wn0bbg2xr8] {
    font-weight: 700;
    font-size: 1rem;
    color: #1a1a2e;
}

.quarter-period[b-wn0bbg2xr8] {
    font-size: 0.75rem;
    color: #6b7280;
}

.selected-quarters-summary[b-wn0bbg2xr8] {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 8px;
    color: #166534;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.selected-quarters-summary i[b-wn0bbg2xr8] {
    color: #22c55e;
}

/* Approved Classes Section */
.approved-classes-section[b-wn0bbg2xr8] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed #bae6fd;
}

.approved-classes-section > label[b-wn0bbg2xr8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0369a1;
    margin-bottom: 0.5rem;
}

.approved-classes-tags[b-wn0bbg2xr8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.class-tag[b-wn0bbg2xr8] {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    background: white;
    border: 1px solid #93c5fd;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #1e40af;
}

/* Form text muted */
.form-text.text-muted[b-wn0bbg2xr8] {
    display: block;
    margin-top: 0.375rem;
    font-size: 0.75rem;
    color: #6b7280;
}

/* Responsive */
@media (max-width: 768px) {
    .hub-header[b-wn0bbg2xr8] {
        flex-direction: column;
    }

    .header-stats[b-wn0bbg2xr8] {
        width: 100%;
        justify-content: space-between;
    }

    .stat-item[b-wn0bbg2xr8] {
        flex: 1;
        min-width: auto;
    }

    .hub-nav[b-wn0bbg2xr8] {
        flex-direction: column;
    }

    .form-grid[b-wn0bbg2xr8] {
        grid-template-columns: 1fr;
    }

    .info-grid[b-wn0bbg2xr8] {
        grid-template-columns: 1fr;
    }

    .quarter-selection[b-wn0bbg2xr8] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Request Selector */
.request-selector[b-wn0bbg2xr8] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.request-selector label[b-wn0bbg2xr8] {
    font-weight: 500;
    color: #374151;
    white-space: nowrap;
}

.request-selector select[b-wn0bbg2xr8] {
    flex: 1;
    max-width: 500px;
}

/* Data Table */
.table-responsive[b-wn0bbg2xr8] {
    overflow-x: auto;
    margin-top: 1rem;
}

.data-table[b-wn0bbg2xr8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.data-table th[b-wn0bbg2xr8],
.data-table td[b-wn0bbg2xr8] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.data-table th[b-wn0bbg2xr8] {
    background: #f8fafc;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

.data-table tbody tr:hover[b-wn0bbg2xr8] {
    background: #f9fafb;
}

.data-table code[b-wn0bbg2xr8] {
    background: #e5e7eb;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
}

.status-badge[b-wn0bbg2xr8] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-badge.status-cleared[b-wn0bbg2xr8],
.status-badge.status-override[b-wn0bbg2xr8] {
    background: #dcfce7;
    color: #166534;
}

.status-badge.status-pending[b-wn0bbg2xr8] {
    background: #fef3c7;
    color: #92400e;
}
/* /Areas/Academic/Pages/ExamController/Exam/Attendance/Index.razor.rz.scp.css */
.page-container[b-1apsf0dh6n] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-1apsf0dh6n] {
    margin-bottom: 1.5rem;
}

.page-title[b-1apsf0dh6n] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-subtitle[b-1apsf0dh6n] {
    color: #6b7280;
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
}

/* Cards */
.card[b-1apsf0dh6n] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.card-header[b-1apsf0dh6n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.card-header h3[b-1apsf0dh6n] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.legend[b-1apsf0dh6n] {
    display: flex;
    gap: 1rem;
    margin: 0;
    font-size: 0.8rem;
    color: #6b7280;
}

.legend-item[b-1apsf0dh6n] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

/* Filter Card */
.filter-card[b-1apsf0dh6n] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.filter-row[b-1apsf0dh6n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.filter-group[b-1apsf0dh6n] {
    flex: 1;
    min-width: 250px;
}

.filter-group label[b-1apsf0dh6n] {
    display: block;
    font-weight: 500;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
    color: #374151;
}

.filter-stats[b-1apsf0dh6n] {
    display: flex;
    gap: 1rem;
}

.stat[b-1apsf0dh6n] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
}

.stat.locked[b-1apsf0dh6n] {
    background: #fef2f2;
    color: #dc2626;
}

.stat.unlocked[b-1apsf0dh6n] {
    background: #f0fdf4;
    color: #059669;
}

/* Table */
.slots-card[b-1apsf0dh6n] {
    padding: 0;
    overflow: hidden;
}

.slots-card .card-header[b-1apsf0dh6n] {
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

.table-responsive[b-1apsf0dh6n] {
    overflow-x: auto;
}

.data-table[b-1apsf0dh6n] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-1apsf0dh6n] {
    background: #f8fafc;
    padding: 0.875rem 1rem;
    text-align: left;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e5e7eb;
}

.data-table td[b-1apsf0dh6n] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.data-table tbody tr:hover[b-1apsf0dh6n] {
    background: #f8fafc;
}

.text-muted[b-1apsf0dh6n] {
    display: block;
    font-size: 0.75rem;
    color: #9ca3af;
}

.lock-info[b-1apsf0dh6n] {
    max-width: 200px;
}

.lock-info small[b-1apsf0dh6n] {
    color: #6b7280;
    line-height: 1.4;
}

/* Badges */
.badge[b-1apsf0dh6n] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0.65rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-danger[b-1apsf0dh6n] {
    background: #fef2f2;
    color: #dc2626;
}

.badge-success[b-1apsf0dh6n] {
    background: #f0fdf4;
    color: #059669;
}

.badge-warning[b-1apsf0dh6n] {
    background: #fffbeb;
    color: #d97706;
}

.badge-secondary[b-1apsf0dh6n] {
    background: #f3f4f6;
    color: #6b7280;
}

/* Buttons */
.btn[b-1apsf0dh6n] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-sm[b-1apsf0dh6n] {
    padding: 0.35rem 0.65rem;
    font-size: 0.8rem;
}

.btn-primary[b-1apsf0dh6n] {
    background: #4f46e5;
    color: #fff;
}

.btn-primary:hover:not(:disabled)[b-1apsf0dh6n] {
    background: #4338ca;
}

.btn-primary:disabled[b-1apsf0dh6n] {
    background: #a5b4fc;
    cursor: not-allowed;
}

.btn-secondary[b-1apsf0dh6n] {
    background: #6b7280;
    color: #fff;
}

.btn-secondary:hover[b-1apsf0dh6n] {
    background: #4b5563;
}

.btn-outline[b-1apsf0dh6n] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-1apsf0dh6n] {
    background: #f3f4f6;
    border-color: #9ca3af;
}

/* Form Elements */
.form-select[b-1apsf0dh6n],
.form-control[b-1apsf0dh6n] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.9rem;
    background: #fff;
}

.form-select:focus[b-1apsf0dh6n],
.form-control:focus[b-1apsf0dh6n] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1);
}

.form-group[b-1apsf0dh6n] {
    margin-bottom: 1rem;
}

.form-label[b-1apsf0dh6n] {
    display: block;
    font-weight: 500;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
    color: #374151;
}

.form-label.required[b-1apsf0dh6n]::after {
    content: ' *';
    color: #dc2626;
}

.form-text[b-1apsf0dh6n] {
    display: block;
    font-size: 0.8rem;
    color: #6b7280;
    margin-top: 0.35rem;
}

/* Alerts */
.alert[b-1apsf0dh6n] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-danger[b-1apsf0dh6n] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-success[b-1apsf0dh6n] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.alert-close[b-1apsf0dh6n] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    opacity: 0.6;
}

.alert-close:hover[b-1apsf0dh6n] {
    opacity: 1;
}

/* Loading & Empty States */
.loading-container[b-1apsf0dh6n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6b7280;
}

.spinner[b-1apsf0dh6n] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top-color: #4f46e5;
    border-radius: 50%;
    animation: spin-b-1apsf0dh6n 1s linear infinite;
}

@keyframes spin-b-1apsf0dh6n {
    to { transform: rotate(360deg); }
}

.empty-state[b-1apsf0dh6n],
.info-box[b-1apsf0dh6n] {
    text-align: center;
    padding: 3rem;
    background: #f8fafc;
    border-radius: 8px;
}

.empty-state i[b-1apsf0dh6n],
.info-box i[b-1apsf0dh6n] {
    font-size: 3rem;
    color: #9ca3af;
    margin-bottom: 1rem;
}

.empty-state h3[b-1apsf0dh6n] {
    color: #374151;
    margin-bottom: 0.5rem;
}

.empty-state p[b-1apsf0dh6n],
.info-box p[b-1apsf0dh6n] {
    color: #6b7280;
    margin: 0;
}

/* Modals */
.modal-backdrop[b-1apsf0dh6n] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal[b-1apsf0dh6n] {
    z-index: 1050;
}

.modal-content[b-1apsf0dh6n] {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.slot-info p[b-1apsf0dh6n] {
    margin: 0.25rem 0;
    font-size: 0.9rem;
}

/* Text utilities */
.text-danger[b-1apsf0dh6n] { color: #dc2626; }
.text-success[b-1apsf0dh6n] { color: #059669; }
.text-warning[b-1apsf0dh6n] { color: #d97706; }
.text-truncate[b-1apsf0dh6n] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-1apsf0dh6n] {
        padding: 1rem;
    }

    .filter-row[b-1apsf0dh6n] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-stats[b-1apsf0dh6n] {
        justify-content: center;
    }

    .legend[b-1apsf0dh6n] {
        flex-wrap: wrap;
        justify-content: center;
    }
}
/* /Areas/Academic/Pages/ExamController/Exam/Schedule/Index.razor.rz.scp.css */
.page-container[b-4n4gdk1yty] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-4n4gdk1yty] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-4n4gdk1yty] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary, #1e293b);
    margin: 0;
}

.page-header .subtitle[b-4n4gdk1yty] {
    color: var(--text-secondary, #64748b);
    margin: 0.25rem 0 0 0;
    font-size: 0.9rem;
}

/* Exam Selector */
.exam-selector[b-4n4gdk1yty] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--card-bg, #fff);
    border-radius: 8px;
    border: 1px solid var(--border-color, #e2e8f0);
    flex-wrap: wrap;
}

.exam-selector label[b-4n4gdk1yty] {
    font-weight: 500;
    color: var(--text-primary, #1e293b);
}

.exam-selector .form-select[b-4n4gdk1yty] {
    min-width: 350px;
}

.exam-status[b-4n4gdk1yty] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.date-range[b-4n4gdk1yty] {
    color: var(--text-secondary, #64748b);
    font-size: 0.9rem;
}

/* Status Badges */
.status-badge[b-4n4gdk1yty] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.draft[b-4n4gdk1yty] { background: #f1f5f9; color: #475569; }
.status-badge.warning[b-4n4gdk1yty] { background: #fef3c7; color: #92400e; }
.status-badge.success[b-4n4gdk1yty] { background: #dcfce7; color: #166534; }
.status-badge.danger[b-4n4gdk1yty] { background: #fee2e2; color: #991b1b; }

/* Venue Code in table */
.venue-code[b-4n4gdk1yty] {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    background: var(--bg-secondary, #e2e8f0);
    color: var(--text-secondary, #475569);
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
    margin-right: 0.375rem;
    font-family: monospace;
}

/* Slot Status Badges */
.slot-status-badge[b-4n4gdk1yty] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.slot-status-badge.slot-draft[b-4n4gdk1yty] {
    background: #f1f5f9;
    color: #64748b;
}

.slot-status-badge.slot-pending[b-4n4gdk1yty] {
    background: #fef3c7;
    color: #b45309;
}

.slot-status-badge.slot-approved[b-4n4gdk1yty] {
    background: #dcfce7;
    color: #166534;
}

.slot-status-badge.slot-rejected[b-4n4gdk1yty] {
    background: #fee2e2;
    color: #dc2626;
}

/* Exam Type Badges */
.exam-type-badge[b-4n4gdk1yty] {
    display: inline-block;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.exam-type-badge.type-written[b-4n4gdk1yty] {
    background: #dbeafe;
    color: #1d4ed8;
}

.exam-type-badge.type-oral[b-4n4gdk1yty] {
    background: #fef3c7;
    color: #b45309;
}

.exam-type-badge.type-practical[b-4n4gdk1yty] {
    background: #dcfce7;
    color: #166534;
}

.exam-type-badge.type-theory[b-4n4gdk1yty] {
    background: #e0e7ff;
    color: #4338ca;
}

.exam-type-badge.type-mcq[b-4n4gdk1yty] {
    background: #fce7f3;
    color: #be185d;
}

.exam-type-badge.type-project[b-4n4gdk1yty] {
    background: #f3e8ff;
    color: #7c3aed;
}

.exam-type-badge.type-assignment[b-4n4gdk1yty] {
    background: #ccfbf1;
    color: #0d9488;
}

/* Exam type select in full class modal */
.exam-type-select[b-4n4gdk1yty] {
    min-width: 90px;
}

/* Stats Bar */
.stats-bar[b-4n4gdk1yty] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.stat-item[b-4n4gdk1yty] {
    flex: 1;
    min-width: 120px;
    max-width: 180px;
    padding: 1rem;
    background: var(--card-bg, #fff);
    border-radius: 8px;
    border: 1px solid var(--border-color, #e2e8f0);
    text-align: center;
}

.stat-item.success[b-4n4gdk1yty] { border-color: #22c55e; background: rgba(34, 197, 94, 0.05); }
.stat-item.warning[b-4n4gdk1yty] { border-color: #f59e0b; background: rgba(245, 158, 11, 0.05); }
.stat-item.info[b-4n4gdk1yty] { border-color: #3b82f6; background: rgba(59, 130, 246, 0.05); }
.stat-item.primary[b-4n4gdk1yty] { border-color: #8b5cf6; background: rgba(139, 92, 246, 0.05); }

.stat-label[b-4n4gdk1yty] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-secondary, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.stat-value[b-4n4gdk1yty] {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary, #1e293b);
}

/* Action Bar */
.action-bar[b-4n4gdk1yty] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.action-left[b-4n4gdk1yty], .action-right[b-4n4gdk1yty] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

/* Schedule Panel */
.schedule-panel[b-4n4gdk1yty] {
    background: var(--card-bg, #fff);
    border-radius: 8px;
    border: 1px solid var(--border-color, #e2e8f0);
    overflow: hidden;
}

.panel-header[b-4n4gdk1yty] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.panel-header h3[b-4n4gdk1yty] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    color: var(--text-primary, #1e293b);
}

/* Data Table */
.data-table[b-4n4gdk1yty] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.data-table th[b-4n4gdk1yty],
.data-table td[b-4n4gdk1yty] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.data-table th[b-4n4gdk1yty] {
    font-weight: 600;
    color: var(--text-secondary, #64748b);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: var(--bg-secondary, #f8fafc);
}

.data-table tbody tr:hover[b-4n4gdk1yty] {
    background: var(--bg-hover, #f1f5f9);
}

.data-table tr.new-date td[b-4n4gdk1yty] {
    border-top: 2px solid var(--primary-color, #3b82f6);
}

.data-table tr.new-date td:first-child[b-4n4gdk1yty] {
    color: var(--primary-color, #3b82f6);
}

/* Actions */
.actions[b-4n4gdk1yty] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-4n4gdk1yty] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--text-secondary, #64748b);
    padding: 0.25rem;
    border-radius: 4px;
    transition: all 0.2s;
}

.btn-icon:hover[b-4n4gdk1yty] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-primary, #1e293b);
}

.btn-icon.text-danger:hover[b-4n4gdk1yty] {
    background: #fee2e2;
    color: #dc2626;
}

/* Workflow Actions */
.workflow-actions[b-4n4gdk1yty] {
    margin-top: 1.5rem;
    padding: 1.5rem;
    background: var(--card-bg, #fff);
    border-radius: 8px;
    border: 1px solid var(--border-color, #e2e8f0);
    text-align: center;
}

.workflow-actions.rejected[b-4n4gdk1yty] {
    border-color: #f59e0b;
    background: #fef9c3;
}

.workflow-actions.pending[b-4n4gdk1yty] {
    border-color: #3b82f6;
    background: rgba(59, 130, 246, 0.05);
}

.workflow-actions.approved[b-4n4gdk1yty] {
    border-color: #22c55e;
    background: rgba(34, 197, 94, 0.05);
}

.workflow-hint[b-4n4gdk1yty] {
    color: var(--text-secondary, #64748b);
    margin: 0 0 1rem 0;
}

.workflow-hint i[b-4n4gdk1yty] {
    margin-right: 0.5rem;
}

/* Empty State */
.empty-state[b-4n4gdk1yty] {
    text-align: center;
    padding: 3rem 2rem;
    color: var(--text-secondary, #64748b);
}

.empty-state i[b-4n4gdk1yty] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state p[b-4n4gdk1yty] {
    margin: 0 0 0.5rem 0;
    font-size: 0.95rem;
}

.empty-state small[b-4n4gdk1yty] {
    opacity: 0.7;
}

/* Loading */
.loading[b-4n4gdk1yty] {
    text-align: center;
    padding: 2rem;
    color: var(--text-secondary, #64748b);
}

/* Alerts */
.alert[b-4n4gdk1yty] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-danger[b-4n4gdk1yty] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.alert-success[b-4n4gdk1yty] {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
}

.alert-close[b-4n4gdk1yty] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    opacity: 0.6;
    color: inherit;
}

/* Buttons */
.btn[b-4n4gdk1yty] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.btn-lg[b-4n4gdk1yty] {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
}

.btn-primary[b-4n4gdk1yty] {
    background: var(--primary-color, #3b82f6);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-4n4gdk1yty] {
    background: #2563eb;
}

.btn-success[b-4n4gdk1yty] {
    background: #22c55e;
    color: white;
}

.btn-success:hover:not(:disabled)[b-4n4gdk1yty] {
    background: #16a34a;
}

.btn-warning[b-4n4gdk1yty] {
    background: #f97316;
    color: white;
}

.btn-warning:hover:not(:disabled)[b-4n4gdk1yty] {
    background: #ea580c;
}

.btn-outline-warning[b-4n4gdk1yty] {
    background: transparent;
    border: 1px solid #f97316;
    color: #f97316;
}

.btn-outline-warning:hover:not(:disabled)[b-4n4gdk1yty] {
    background: rgba(249, 115, 22, 0.1);
}

.btn-outline[b-4n4gdk1yty] {
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-primary, #1e293b);
}

.btn-outline:hover:not(:disabled)[b-4n4gdk1yty] {
    background: var(--bg-secondary, #f8fafc);
}

.btn:disabled[b-4n4gdk1yty] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Form Controls */
.form-select[b-4n4gdk1yty],
.form-control[b-4n4gdk1yty] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 6px;
    font-size: 0.9rem;
    background: var(--card-bg, #fff);
    color: var(--text-primary, #1e293b);
}

.form-select:focus[b-4n4gdk1yty],
.form-control:focus[b-4n4gdk1yty] {
    outline: none;
    border-color: var(--primary-color, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-select-sm[b-4n4gdk1yty] {
    padding: 0.375rem 0.75rem;
    font-size: 0.85rem;
}

/* Modal */
.slot-modal-backdrop[b-4n4gdk1yty] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 1rem;
    backdrop-filter: blur(2px);
}

.slot-modal[b-4n4gdk1yty] {
    background: var(--modal-bg, #fff);
    border-radius: 12px;
    width: 100%;
    max-width: 550px;
    max-height: 90vh;
    overflow: auto;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
    z-index: 10000;
    position: relative;
    border: 1px solid var(--modal-border, #e2e8f0);
}

.slot-modal-header[b-4n4gdk1yty] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--modal-border, #e2e8f0);
    background: var(--modal-header-bg, #f8fafc);
}

.slot-modal-header h3[b-4n4gdk1yty] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--modal-title-color, #1e293b);
}

.close-btn[b-4n4gdk1yty] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--text-secondary, #64748b);
    padding: 0.25rem;
    border-radius: 4px;
    transition: all 0.2s;
}

.close-btn:hover[b-4n4gdk1yty] {
    background: var(--modal-close-hover-bg, rgba(0, 0, 0, 0.1));
    color: var(--text-primary, #1e293b);
}

.slot-modal-body[b-4n4gdk1yty] {
    padding: 1.5rem;
    background: var(--modal-bg, #fff);
}

.slot-modal-footer[b-4n4gdk1yty] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--modal-border, #e2e8f0);
    background: var(--modal-header-bg, #f8fafc);
}

/* Form Groups */
.form-group[b-4n4gdk1yty] {
    margin-bottom: 1rem;
}

.form-group label[b-4n4gdk1yty] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary, #1e293b);
    margin-bottom: 0.375rem;
}

.form-group .req[b-4n4gdk1yty] {
    color: #dc2626;
}

.form-group .optional[b-4n4gdk1yty] {
    color: #64748b;
    font-weight: 400;
    font-size: 0.8rem;
}

.form-group .text-success[b-4n4gdk1yty] {
    color: #16a34a;
    font-size: 0.8rem;
}

.period-summary[b-4n4gdk1yty] {
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem 0.75rem;
    background: var(--info-bg, #eff6ff);
    border-radius: 4px;
    border-left: 3px solid var(--info-color, #3b82f6);
}

.period-summary i[b-4n4gdk1yty] {
    margin-right: 0.5rem;
    color: var(--info-color, #3b82f6);
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .period-summary {
    background: rgba(59, 130, 246, 0.1);
}

.form-row[b-4n4gdk1yty] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

/* Bulk Mode Checkbox Styles */
.checkbox-label[b-4n4gdk1yty] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--text-primary, #1e293b);
}

.checkbox-label input[type="checkbox"][b-4n4gdk1yty] {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    accent-color: var(--primary-color, #3b82f6);
}

.class-checkboxes[b-4n4gdk1yty] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--bg-secondary, #f8fafc);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 6px;
    max-height: 200px;
    overflow-y: auto;
}

.checkbox-item[b-4n4gdk1yty] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.5rem;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 0.85rem;
}

.checkbox-item:hover[b-4n4gdk1yty] {
    border-color: var(--primary-color, #3b82f6);
    background: rgba(59, 130, 246, 0.05);
}

.checkbox-item input[type="checkbox"][b-4n4gdk1yty] {
    width: 0.875rem;
    height: 0.875rem;
    cursor: pointer;
    accent-color: var(--primary-color, #3b82f6);
}

.checkbox-item input[type="checkbox"]:checked + span[b-4n4gdk1yty] {
    color: var(--primary-color, #3b82f6);
    font-weight: 500;
}

.text-muted[b-4n4gdk1yty] {
    color: var(--text-secondary, #64748b);
    font-size: 0.8rem;
}

/* Dark theme */
[b-4n4gdk1yty] [data-bs-theme="dark"] .page-header h1,
[b-4n4gdk1yty] [data-bs-theme="dark"] .panel-header h3,
[b-4n4gdk1yty] [data-bs-theme="dark"] .stat-value,
[b-4n4gdk1yty] [data-bs-theme="dark"] .slot-modal-header h3,
[b-4n4gdk1yty] [data-bs-theme="dark"] .exam-selector label,
[b-4n4gdk1yty] [data-bs-theme="dark"] .form-group label {
    color: #f1f5f9;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-panel,
[b-4n4gdk1yty] [data-bs-theme="dark"] .exam-selector,
[b-4n4gdk1yty] [data-bs-theme="dark"] .stat-item,
[b-4n4gdk1yty] [data-bs-theme="dark"] .workflow-actions {
    background: #1e293b;
    border-color: #334155;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .data-table th {
    background: #0f172a;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .data-table tbody tr:hover {
    background: #334155;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .form-select,
[b-4n4gdk1yty] [data-bs-theme="dark"] .form-control {
    background: #0f172a;
    border-color: #334155;
    color: #f1f5f9;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .class-checkboxes {
    background: #0f172a;
    border-color: #334155;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .checkbox-item {
    background: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .checkbox-label {
    color: #f1f5f9;
}

/* Schedule Status Card - Prominent workflow status display */
.schedule-status-card[b-4n4gdk1yty] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    border: 2px solid;
    transition: all 0.3s ease;
}

.schedule-status-card .status-icon[b-4n4gdk1yty] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.schedule-status-card .status-content[b-4n4gdk1yty] {
    flex: 1;
    min-width: 0;
}

.schedule-status-card .status-title[b-4n4gdk1yty] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.schedule-status-card .status-details[b-4n4gdk1yty] {
    font-size: 0.9rem;
    opacity: 0.85;
}

.schedule-status-card .status-action[b-4n4gdk1yty] {
    flex-shrink: 0;
}

/* Status: DRAFT */
.schedule-status-card.status-draft[b-4n4gdk1yty] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-color: #94a3b8;
}

.schedule-status-card.status-draft .status-icon[b-4n4gdk1yty] {
    background: #e2e8f0;
    color: #475569;
}

.schedule-status-card.status-draft .status-title[b-4n4gdk1yty] {
    color: #334155;
}

.schedule-status-card.status-draft .status-details[b-4n4gdk1yty] {
    color: #64748b;
}

/* Status: SUBMITTED/PENDING */
.schedule-status-card.status-pending[b-4n4gdk1yty] {
    background: linear-gradient(135deg, #fef9c3 0%, #fef3c7 100%);
    border-color: #f59e0b;
}

.schedule-status-card.status-pending .status-icon[b-4n4gdk1yty] {
    background: #fde68a;
    color: #b45309;
    animation: pulse-b-4n4gdk1yty 2s infinite;
}

.schedule-status-card.status-pending .status-title[b-4n4gdk1yty] {
    color: #92400e;
}

.schedule-status-card.status-pending .status-details[b-4n4gdk1yty] {
    color: #a16207;
}

/* Status: APPROVED */
.schedule-status-card.status-approved[b-4n4gdk1yty] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    border-color: #22c55e;
}

.schedule-status-card.status-approved .status-icon[b-4n4gdk1yty] {
    background: #86efac;
    color: #166534;
}

.schedule-status-card.status-approved .status-title[b-4n4gdk1yty] {
    color: #166534;
}

.schedule-status-card.status-approved .status-details[b-4n4gdk1yty] {
    color: #15803d;
}

/* Status: MODIFICATION_PENDING */
.schedule-status-card.status-modification-pending[b-4n4gdk1yty] {
    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);
    border-color: #f97316;
}

.schedule-status-card.status-modification-pending .status-icon[b-4n4gdk1yty] {
    background: #fdba74;
    color: #c2410c;
    animation: pulse-b-4n4gdk1yty 2s infinite;
}

.schedule-status-card.status-modification-pending .status-title[b-4n4gdk1yty] {
    color: #c2410c;
}

.schedule-status-card.status-modification-pending .status-details[b-4n4gdk1yty] {
    color: #ea580c;
}

/* Status: REJECTED */
.schedule-status-card.status-rejected[b-4n4gdk1yty] {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    border-color: #dc2626;
}

.schedule-status-card.status-rejected .status-icon[b-4n4gdk1yty] {
    background: #fca5a5;
    color: #991b1b;
}

.schedule-status-card.status-rejected .status-title[b-4n4gdk1yty] {
    color: #991b1b;
}

.schedule-status-card.status-rejected .status-details[b-4n4gdk1yty] {
    color: #b91c1c;
}

@keyframes pulse-b-4n4gdk1yty {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.05);
        opacity: 0.85;
    }
}

/* Dark theme for status card */
[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-draft {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-color: #475569;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-draft .status-icon {
    background: #475569;
    color: #94a3b8;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-draft .status-title,
[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-draft .status-details {
    color: #94a3b8;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-pending {
    background: linear-gradient(135deg, #422006 0%, #713f12 100%);
    border-color: #f59e0b;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-approved {
    background: linear-gradient(135deg, #14532d 0%, #166534 100%);
    border-color: #22c55e;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-rejected {
    background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%);
    border-color: #dc2626;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-modification-pending {
    background: linear-gradient(135deg, #7c2d12 0%, #9a3412 100%);
    border-color: #f97316;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-pending .status-title,
[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-pending .status-details,
[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-approved .status-title,
[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-approved .status-details,
[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-modification-pending .status-title,
[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-modification-pending .status-details,
[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-rejected .status-title,
[b-4n4gdk1yty] [data-bs-theme="dark"] .schedule-status-card.status-rejected .status-details {
    color: #f1f5f9;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .schedule-status-card[b-4n4gdk1yty] {
        flex-wrap: wrap;
    }

    .schedule-status-card .status-action[b-4n4gdk1yty] {
        width: 100%;
        margin-top: 0.75rem;
    }

    .schedule-status-card .status-action .btn[b-4n4gdk1yty] {
        width: 100%;
        justify-content: center;
    }
}

/* Full Class Scheduling Modal */
.full-class-modal[b-4n4gdk1yty] {
    max-width: 700px;
}

.full-class-subjects[b-4n4gdk1yty] {
    margin-top: 1rem;
}

.subjects-header[b-4n4gdk1yty] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.subject-count[b-4n4gdk1yty] {
    font-weight: 500;
    color: var(--text-secondary, #64748b);
}

.subjects-list[b-4n4gdk1yty] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 8px;
}

.subject-row[b-4n4gdk1yty] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    gap: 1rem;
}

.subject-row:last-child[b-4n4gdk1yty] {
    border-bottom: none;
}

.subject-row:hover[b-4n4gdk1yty] {
    background: var(--bg-hover, #f8fafc);
}

.subject-row.scheduled[b-4n4gdk1yty] {
    background: rgba(34, 197, 94, 0.05);
    opacity: 0.7;
}

.subject-info[b-4n4gdk1yty] {
    flex: 1;
    min-width: 0;
}

.subject-code[b-4n4gdk1yty] {
    font-size: 0.75rem;
    color: var(--text-secondary, #64748b);
    background: var(--bg-secondary, #f1f5f9);
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    margin-right: 0.5rem;
}

.subject-name[b-4n4gdk1yty] {
    font-weight: 500;
    color: var(--text-primary, #1e293b);
}

.subject-schedule[b-4n4gdk1yty] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.subject-schedule input[type="date"][b-4n4gdk1yty] {
    width: 140px;
}

.subject-schedule select[b-4n4gdk1yty] {
    width: 120px;
}

.scheduled-badge[b-4n4gdk1yty] {
    color: #22c55e;
    font-size: 1rem;
}

.btn-sm[b-4n4gdk1yty] {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

.empty-state.small[b-4n4gdk1yty] {
    padding: 1.5rem;
}

.empty-state.small i[b-4n4gdk1yty] {
    font-size: 1.5rem;
}

/* Dark theme for full class modal */
[b-4n4gdk1yty] [data-bs-theme="dark"] .subjects-list {
    border-color: #334155;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .subject-row {
    border-color: #334155;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .subject-row:hover {
    background: #334155;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .subject-code {
    background: #0f172a;
    color: #94a3b8;
}

[b-4n4gdk1yty] [data-bs-theme="dark"] .subject-name {
    color: #f1f5f9;
}

/* Venue select width in full class modal */
.venue-select[b-4n4gdk1yty] {
    min-width: 200px;
}

/* Dark Mode CSS Variables - These need to be defined at root level */
:root[b-4n4gdk1yty] {
    --modal-bg: #fff;
    --modal-border: #e2e8f0;
    --modal-header-bg: #f8fafc;
    --modal-title-color: #1e293b;
    --modal-close-hover-bg: rgba(0, 0, 0, 0.1);
}

/* Dark theme modal overrides - Global scope for theme attribute on body/html */
:global([data-bs-theme="dark"])[b-4n4gdk1yty] {
    --modal-bg: #1e293b;
    --modal-border: #334155;
    --modal-header-bg: #0f172a;
    --modal-title-color: #f1f5f9;
    --modal-close-hover-bg: rgba(255, 255, 255, 0.1);
}

/* Additional dark mode styles for modal elements */
:global([data-bs-theme="dark"]) .slot-modal[b-4n4gdk1yty] {
    background: #1e293b;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .slot-modal-header[b-4n4gdk1yty] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .slot-modal-header h3[b-4n4gdk1yty] {
    color: #f1f5f9;
}

:global([data-bs-theme="dark"]) .slot-modal-body[b-4n4gdk1yty] {
    background: #1e293b;
}

:global([data-bs-theme="dark"]) .slot-modal-footer[b-4n4gdk1yty] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .close-btn[b-4n4gdk1yty] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .close-btn:hover[b-4n4gdk1yty] {
    background: rgba(255, 255, 255, 0.1);
    color: #f1f5f9;
}

:global([data-bs-theme="dark"]) .subjects-list[b-4n4gdk1yty] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .subject-row[b-4n4gdk1yty] {
    background: #1e293b;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .subject-row:hover[b-4n4gdk1yty] {
    background: #334155;
}

:global([data-bs-theme="dark"]) .subjects-header[b-4n4gdk1yty] {
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .subject-count[b-4n4gdk1yty] {
    color: #94a3b8;
}

/* Dark mode for form elements inside modal */
:global([data-bs-theme="dark"]) .slot-modal .form-group label[b-4n4gdk1yty] {
    color: #e2e8f0;
}

:global([data-bs-theme="dark"]) .slot-modal .form-control[b-4n4gdk1yty],
:global([data-bs-theme="dark"]) .slot-modal .form-select[b-4n4gdk1yty] {
    background: #0f172a;
    border-color: #334155;
    color: #f1f5f9;
}

:global([data-bs-theme="dark"]) .slot-modal .form-control:focus[b-4n4gdk1yty],
:global([data-bs-theme="dark"]) .slot-modal .form-select:focus[b-4n4gdk1yty] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

:global([data-bs-theme="dark"]) .slot-modal .form-control[b-4n4gdk1yty]::placeholder {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .slot-modal .text-muted[b-4n4gdk1yty] {
    color: #94a3b8 !important;
}

:global([data-bs-theme="dark"]) .slot-modal .text-success[b-4n4gdk1yty] {
    color: #4ade80 !important;
}

:global([data-bs-theme="dark"]) .slot-modal .req[b-4n4gdk1yty] {
    color: #f87171;
}

:global([data-bs-theme="dark"]) .slot-modal .optional[b-4n4gdk1yty] {
    color: #94a3b8;
}

/* Dark mode for period summary */
:global([data-bs-theme="dark"]) .slot-modal .period-summary[b-4n4gdk1yty] {
    background: rgba(59, 130, 246, 0.15);
    border-left-color: #3b82f6;
}

:global([data-bs-theme="dark"]) .slot-modal .period-summary i[b-4n4gdk1yty] {
    color: #60a5fa;
}

/* Dark mode for checkbox elements */
:global([data-bs-theme="dark"]) .slot-modal .checkbox-label[b-4n4gdk1yty] {
    color: #e2e8f0;
}

:global([data-bs-theme="dark"]) .slot-modal .class-checkboxes[b-4n4gdk1yty] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .slot-modal .checkbox-item[b-4n4gdk1yty] {
    background: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

:global([data-bs-theme="dark"]) .slot-modal .checkbox-item:hover[b-4n4gdk1yty] {
    border-color: #3b82f6;
    background: rgba(59, 130, 246, 0.1);
}

/* Dark mode for buttons inside modal */
:global([data-bs-theme="dark"]) .slot-modal .btn-outline[b-4n4gdk1yty] {
    background: transparent;
    border-color: #475569;
    color: #e2e8f0;
}

:global([data-bs-theme="dark"]) .slot-modal .btn-outline:hover:not(:disabled)[b-4n4gdk1yty] {
    background: #334155;
    border-color: #64748b;
}

/* Dark mode for subject schedule inputs */
:global([data-bs-theme="dark"]) .subject-schedule .form-control[b-4n4gdk1yty],
:global([data-bs-theme="dark"]) .subject-schedule .form-select[b-4n4gdk1yty] {
    background: #0f172a;
    border-color: #334155;
    color: #f1f5f9;
}

/* Dark mode for empty state */
:global([data-bs-theme="dark"]) .slot-modal .empty-state[b-4n4gdk1yty] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .slot-modal .empty-state i[b-4n4gdk1yty] {
    color: #64748b;
}

/* Dark mode for full class modal specific elements */
:global([data-bs-theme="dark"]) .full-class-modal .full-class-subjects[b-4n4gdk1yty] {
    background: transparent;
}

:global([data-bs-theme="dark"]) .full-class-modal .subject-info .subject-code[b-4n4gdk1yty] {
    background: #334155;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .full-class-modal .subject-info .subject-name[b-4n4gdk1yty] {
    color: #f1f5f9;
}

:global([data-bs-theme="dark"]) .full-class-modal .scheduled-badge[b-4n4gdk1yty] {
    color: #4ade80;
}

/* Dark mode for date and time inputs color scheme */
:global([data-bs-theme="dark"]) .slot-modal input[type="date"][b-4n4gdk1yty],
:global([data-bs-theme="dark"]) .slot-modal input[type="time"][b-4n4gdk1yty] {
    color-scheme: dark;
}

/* Dark mode for venue code and slot status badges */
:global([data-bs-theme="dark"]) .venue-code[b-4n4gdk1yty] {
    background: #334155;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .slot-status-badge.slot-draft[b-4n4gdk1yty] {
    background: #334155;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .slot-status-badge.slot-pending[b-4n4gdk1yty] {
    background: #713f12;
    color: #fcd34d;
}

:global([data-bs-theme="dark"]) .slot-status-badge.slot-approved[b-4n4gdk1yty] {
    background: #14532d;
    color: #86efac;
}

:global([data-bs-theme="dark"]) .slot-status-badge.slot-rejected[b-4n4gdk1yty] {
    background: #7f1d1d;
    color: #fca5a5;
}

/* Dark mode for exam type badges */
:global([data-bs-theme="dark"]) .exam-type-badge.type-written[b-4n4gdk1yty] {
    background: #1e3a5f;
    color: #93c5fd;
}

:global([data-bs-theme="dark"]) .exam-type-badge.type-oral[b-4n4gdk1yty] {
    background: #713f12;
    color: #fcd34d;
}

:global([data-bs-theme="dark"]) .exam-type-badge.type-practical[b-4n4gdk1yty] {
    background: #14532d;
    color: #86efac;
}

:global([data-bs-theme="dark"]) .exam-type-badge.type-theory[b-4n4gdk1yty] {
    background: #312e81;
    color: #a5b4fc;
}

:global([data-bs-theme="dark"]) .exam-type-badge.type-mcq[b-4n4gdk1yty] {
    background: #831843;
    color: #f9a8d4;
}

:global([data-bs-theme="dark"]) .exam-type-badge.type-project[b-4n4gdk1yty] {
    background: #4c1d95;
    color: #c4b5fd;
}

:global([data-bs-theme="dark"]) .exam-type-badge.type-assignment[b-4n4gdk1yty] {
    background: #134e4a;
    color: #5eead4;
}

/* Period Time Mismatch Warning Banner */
.time-mismatch-banner[b-4n4gdk1yty] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.875rem 1.25rem;
    margin-bottom: 1rem;
    background: linear-gradient(135deg, #fef9c3 0%, #fef3c7 100%);
    border: 1px solid #f59e0b;
    border-radius: 8px;
    border-left: 4px solid #f59e0b;
}

.time-mismatch-banner .banner-content[b-4n4gdk1yty] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.time-mismatch-banner .banner-content > i[b-4n4gdk1yty] {
    font-size: 1.25rem;
    color: #d97706;
    flex-shrink: 0;
}

.time-mismatch-banner .banner-text[b-4n4gdk1yty] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.time-mismatch-banner .banner-text strong[b-4n4gdk1yty] {
    font-size: 0.9rem;
    color: #92400e;
}

.time-mismatch-banner .banner-text span[b-4n4gdk1yty] {
    font-size: 0.8rem;
    color: #a16207;
}

/* Row highlighting for mismatched slots */
.time-mismatch-row[b-4n4gdk1yty] {
    background: #fef3c7 !important;
    border-left: 3px solid #f59e0b;
}

.time-mismatch-row:hover[b-4n4gdk1yty] {
    background: #fde68a !important;
}

/* Dark mode for time mismatch */
:global([data-bs-theme="dark"]) .time-mismatch-banner[b-4n4gdk1yty] {
    background: linear-gradient(135deg, #451a03 0%, #78350f 100%);
    border-color: #f59e0b;
    color: #fef3c7;
}

:global([data-bs-theme="dark"]) .time-mismatch-banner .banner-content > i[b-4n4gdk1yty] {
    color: #fbbf24;
}

:global([data-bs-theme="dark"]) .time-mismatch-banner .banner-text strong[b-4n4gdk1yty] {
    color: #fde68a;
}

:global([data-bs-theme="dark"]) .time-mismatch-banner .banner-text span[b-4n4gdk1yty] {
    color: #fcd34d;
}

:global([data-bs-theme="dark"]) .time-mismatch-row[b-4n4gdk1yty] {
    background: #451a03 !important;
    border-left-color: #f59e0b;
}

:global([data-bs-theme="dark"]) .time-mismatch-row:hover[b-4n4gdk1yty] {
    background: #78350f !important;
}
/* /Areas/Academic/Pages/ExamController/Exam/Setup/ExamSetup.razor.rz.scp.css */
.page-container[b-lvzhdywlkl] { padding: 1.5rem; max-width: 1200px; margin: 0 auto; background: var(--bg-primary, transparent); }
.page-header h1[b-lvzhdywlkl] { font-size: 1.5rem; font-weight: 600; margin: 0; color: var(--text-primary, #212529); }
.page-header .subtitle[b-lvzhdywlkl] { color: var(--text-secondary, #6c757d); margin: 0.25rem 0 0; font-size: 0.875rem; }

/* Alerts */
.alert[b-lvzhdywlkl] { padding: 0.75rem 1rem; border-radius: 8px; margin: 1rem 0; display: flex; align-items: center; gap: 0.5rem; }
.alert-danger[b-lvzhdywlkl] { background: var(--error-bg, #fef2f2); color: var(--error-text, #b91c1c); border: 1px solid var(--error-border, #fecaca); }
.alert-success[b-lvzhdywlkl] { background: var(--success-bg, #f0fdf4); color: var(--success-text, #15803d); border: 1px solid var(--success-border, #bbf7d0); }
.alert-close[b-lvzhdywlkl] { margin-left: auto; background: none; border: none; cursor: pointer; color: inherit; opacity: 0.6; }
.alert-close:hover[b-lvzhdywlkl] { opacity: 1; }

/* Tabs */
.tabs[b-lvzhdywlkl] { display: flex; gap: 0.25rem; border-bottom: 2px solid var(--border-color); margin: 1.5rem 0 0; }
.tab[b-lvzhdywlkl] { padding: 0.75rem 1.25rem; background: none; border: none; font-size: 0.875rem; font-weight: 500; color: var(--text-secondary); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; display: flex; align-items: center; gap: 0.5rem; }
.tab:hover[b-lvzhdywlkl] { color: var(--text-primary); }
.tab.active[b-lvzhdywlkl] { color: var(--primary-color); border-bottom-color: var(--primary-color); }

/* Panel */
.tab-panel[b-lvzhdywlkl] { padding: 1.5rem 0; }
.panel-header[b-lvzhdywlkl] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; gap: 1rem; }
.panel-title[b-lvzhdywlkl] { display: flex; align-items: baseline; gap: 0.75rem; }
.panel-title h3[b-lvzhdywlkl] { margin: 0; font-size: 1.125rem; font-weight: 600; color: var(--text-primary, #212529); }
.panel-title .count[b-lvzhdywlkl] { font-size: 0.8125rem; color: var(--text-secondary); }
.panel-actions[b-lvzhdywlkl] { display: flex; align-items: center; gap: 1rem; }
.checkbox-inline[b-lvzhdywlkl] { display: flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; cursor: pointer; color: var(--text-primary, #212529); }

/* Loading & Empty */
.loading[b-lvzhdywlkl], .empty-state[b-lvzhdywlkl] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state i[b-lvzhdywlkl] { font-size: 2.5rem; opacity: 0.4; margin-bottom: 0.5rem; display: block; }

/* Table */
.data-table[b-lvzhdywlkl] { width: 100%; border-collapse: collapse; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 8px; overflow: hidden; }
.data-table th[b-lvzhdywlkl], .data-table td[b-lvzhdywlkl] { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--border-color); }
.data-table th[b-lvzhdywlkl] { background: var(--bg-secondary); font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--text-secondary); }
.data-table td[b-lvzhdywlkl] { font-size: 0.875rem; }
.data-table tr:last-child td[b-lvzhdywlkl] { border-bottom: none; }
.data-table tr.inactive[b-lvzhdywlkl] { opacity: 0.5; }
.data-table code[b-lvzhdywlkl] { background: var(--bg-secondary); padding: 0.125rem 0.375rem; border-radius: 4px; font-size: 0.8125rem; }

/* Type badge */
.type-badge[b-lvzhdywlkl] { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 6px; margin-right: 0.5rem; color: white; font-size: 0.75rem; }
.bg-primary[b-lvzhdywlkl] { background: #667eea; }
.bg-success[b-lvzhdywlkl] { background: #10b981; }
.bg-warning[b-lvzhdywlkl] { background: #f59e0b; }
.bg-danger[b-lvzhdywlkl] { background: #ef4444; }
.bg-info[b-lvzhdywlkl] { background: #06b6d4; }
.bg-secondary[b-lvzhdywlkl] { background: #6b7280; }

/* Status */
.status[b-lvzhdywlkl] { font-size: 0.6875rem; padding: 0.2rem 0.5rem; border-radius: 10px; font-weight: 500; text-transform: uppercase; }
.status.active[b-lvzhdywlkl] { background: var(--success-bg, #d1fae5); color: var(--success-text, #065f46); }
.status.inactive[b-lvzhdywlkl] { background: var(--bg-tertiary, #e5e7eb); color: var(--text-muted, #6b7280); }

/* Actions */
.actions[b-lvzhdywlkl] { display: flex; gap: 0.25rem; }
.btn-icon[b-lvzhdywlkl] { width: 28px; height: 28px; border: none; border-radius: 6px; background: var(--bg-secondary); color: var(--text-secondary); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 0.8125rem; }
.btn-icon:hover[b-lvzhdywlkl] { background: var(--border-color); }
.btn-icon.text-danger:hover[b-lvzhdywlkl] { background: #fee2e2; color: #dc2626; }
.btn-icon.text-success:hover[b-lvzhdywlkl] { background: #d1fae5; color: #059669; }

/* Exam Grid */
.exam-grid[b-lvzhdywlkl] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem; }
.exam-card[b-lvzhdywlkl] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; }
.exam-card.inactive[b-lvzhdywlkl] { opacity: 0.5; }
.exam-card .card-header[b-lvzhdywlkl] { padding: 1rem; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid var(--border-color); }
.exam-card .exam-code[b-lvzhdywlkl] { font-size: 0.6875rem; font-weight: 600; color: var(--primary-color, #667eea); text-transform: uppercase; }
.exam-card h4[b-lvzhdywlkl] { margin: 0.25rem 0 0; font-size: 1rem; font-weight: 600; color: var(--text-primary, #212529); }
.exam-card .card-body[b-lvzhdywlkl] { padding: 0.75rem 1rem; }
.exam-card .info-row[b-lvzhdywlkl] { display: flex; justify-content: space-between; font-size: 0.8125rem; padding: 0.25rem 0; }
.exam-card .info-row .label[b-lvzhdywlkl] { color: var(--text-secondary, #6c757d); }
.exam-card .info-row .value[b-lvzhdywlkl] { font-weight: 500; color: var(--text-primary, #212529); }
.exam-card .card-footer[b-lvzhdywlkl] { padding: 0.75rem 1rem; border-top: 1px solid var(--border-color); display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; }
.rejection-box[b-lvzhdywlkl] { margin: 0 1rem 0.75rem; padding: 0.5rem 0.75rem; background: var(--error-bg, #fef2f2); border-radius: 6px; font-size: 0.8125rem; color: var(--error-text, #991b1b); border: 1px solid var(--error-border, #fecaca); }

/* Status badges */
.status-badge[b-lvzhdywlkl] { font-size: 0.625rem; padding: 0.25rem 0.5rem; border-radius: 10px; font-weight: 600; text-transform: uppercase; }
.status-badge.draft[b-lvzhdywlkl] { background: var(--bg-tertiary, #e5e7eb); color: var(--text-primary, #374151); }
.status-badge.warning[b-lvzhdywlkl] { background: var(--warning-bg, #fef3c7); color: var(--warning-text, #92400e); }
.status-badge.success[b-lvzhdywlkl] { background: var(--success-bg, #d1fae5); color: var(--success-text, #065f46); }
.status-badge.danger[b-lvzhdywlkl] { background: var(--error-bg, #fee2e2); color: var(--error-text, #991b1b); }
.status-text[b-lvzhdywlkl] { font-size: 0.8125rem; display: flex; align-items: center; gap: 0.375rem; }
.status-text.warning[b-lvzhdywlkl] { color: var(--warning-text, #92400e); }
.status-text.success[b-lvzhdywlkl] { color: var(--success-text, #059669); }

/* Buttons */
.btn[b-lvzhdywlkl] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; }
.btn-sm[b-lvzhdywlkl] { padding: 0.375rem 0.625rem; font-size: 0.8125rem; }
.btn-primary[b-lvzhdywlkl] { background: #667eea !important; color: white !important; }
.btn-primary:hover[b-lvzhdywlkl] { background: #5a67d8 !important; }
.btn-primary:disabled[b-lvzhdywlkl] { opacity: 0.5; cursor: not-allowed; }
.btn-outline[b-lvzhdywlkl] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-outline:hover[b-lvzhdywlkl] { background: var(--bg-secondary); }
.btn-danger[b-lvzhdywlkl] { background: var(--error-bg, #fee2e2); color: var(--error-text, #dc2626); border: 1px solid var(--error-border, #fecaca); }
.btn-danger:hover[b-lvzhdywlkl] { background: var(--error-border, #fecaca); }

/* Modal - Override Bootstrap's display:none */
.modal-backdrop[b-lvzhdywlkl] { position: fixed; inset: 0; background: rgba(0,0,0,0.6); display: flex !important; align-items: center; justify-content: center; z-index: 9999; padding: 1rem; }
.modal[b-lvzhdywlkl] { display: block !important; background: var(--card-bg, #fff); border: 1px solid var(--border-color, #dee2e6); border-radius: 12px; width: 100%; max-width: 400px; max-height: 90vh; overflow-y: auto; position: relative; z-index: 10000; box-shadow: 0 20px 40px rgba(0,0,0,0.3); color: var(--text-primary, #212529); }
.modal.modal-lg[b-lvzhdywlkl] { max-width: 520px; }
.modal-header[b-lvzhdywlkl] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border-color, #dee2e6); background: var(--bg-secondary, #f8f9fa); }
.modal-header h3[b-lvzhdywlkl] { margin: 0; font-size: 1.0625rem; font-weight: 600; color: var(--text-primary, #212529); }
.close-btn[b-lvzhdywlkl] { background: none; border: none; font-size: 1.125rem; color: var(--text-secondary, #6c757d); cursor: pointer; }
.close-btn:hover[b-lvzhdywlkl] { color: var(--text-primary, #212529); }
.modal-body[b-lvzhdywlkl] { padding: 1.25rem; background: var(--card-bg, #fff); }
.modal-footer[b-lvzhdywlkl] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.25rem; border-top: 1px solid var(--border-color, #dee2e6); background: var(--bg-secondary, #f8f9fa); }

/* Form */
.form-group[b-lvzhdywlkl] { margin-bottom: 1rem; }
.form-group label[b-lvzhdywlkl] { display: block; font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.375rem; color: var(--text-secondary, #495057); }
.form-group .req[b-lvzhdywlkl] { color: #dc2626; }
.form-control[b-lvzhdywlkl] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--input-border, var(--border-color, #dee2e6)); border-radius: 6px; font-size: 0.875rem; background: var(--input-bg, #fff); color: var(--text-primary, #212529); }
.form-control[b-lvzhdywlkl]::placeholder { color: var(--input-placeholder, #6c757d); }
.form-control:focus[b-lvzhdywlkl] { outline: none; border-color: var(--input-focus, var(--primary-color, #667eea)); box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15); }
.form-control:disabled[b-lvzhdywlkl] { background: var(--input-disabled-bg, var(--bg-secondary, #e9ecef)); color: var(--input-disabled-text, #6c757d); opacity: 0.7; }
.form-row[b-lvzhdywlkl] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.section-title[b-lvzhdywlkl] { font-size: 0.875rem; font-weight: 600; margin: 1rem 0 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--border-color, #dee2e6); color: var(--text-primary, #212529); }
.checkbox-label[b-lvzhdywlkl] { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; font-weight: 500; color: var(--text-primary, #212529); }
textarea.form-control[b-lvzhdywlkl] { resize: vertical; min-height: 60px; }

/* Form select options for dark theme */
.form-control option[b-lvzhdywlkl] { background: var(--input-bg, #fff); color: var(--text-primary, #212529); }

@media (max-width: 640px) {
    .form-row[b-lvzhdywlkl] { grid-template-columns: 1fr; }
    .exam-grid[b-lvzhdywlkl] { grid-template-columns: 1fr; }
    .panel-header[b-lvzhdywlkl] { flex-direction: column; align-items: stretch; }
}
/* /Areas/Academic/Pages/ExamController/Index.razor.rz.scp.css */
.dashboard-container[b-yhzd377eas] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.dashboard-header[b-yhzd377eas] {
    margin-bottom: 2rem;
}

.dashboard-header h1[b-yhzd377eas] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.dashboard-header p[b-yhzd377eas] {
    margin: 0.5rem 0 0;
    color: var(--text-secondary);
}

/* Stats Grid */
.stats-grid[b-yhzd377eas] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.stat-card[b-yhzd377eas] {
    background: var(--card-bg);
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border: 1px solid var(--border-color);
}

.stat-icon[b-yhzd377eas] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
}

.stat-icon.bg-primary[b-yhzd377eas] { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.stat-icon.bg-success[b-yhzd377eas] { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
.stat-icon.bg-warning[b-yhzd377eas] { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.stat-icon.bg-info[b-yhzd377eas] { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }

.stat-content[b-yhzd377eas] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-yhzd377eas] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1;
}

.stat-label[b-yhzd377eas] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-top: 0.25rem;
}

/* Quick Actions */
.quick-actions[b-yhzd377eas] {
    margin-bottom: 2rem;
}

.quick-actions h3[b-yhzd377eas] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.action-grid[b-yhzd377eas] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.action-card[b-yhzd377eas] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 1.25rem;
    text-align: center;
    text-decoration: none;
    color: var(--text-primary);
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.action-card:hover[b-yhzd377eas] {
    border-color: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.action-card i[b-yhzd377eas] {
    font-size: 1.5rem;
    color: var(--primary-color);
}

.action-card span[b-yhzd377eas] {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Recent Activity */
.recent-activity h3[b-yhzd377eas] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.activity-list[b-yhzd377eas] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    overflow: hidden;
}

.activity-item[b-yhzd377eas] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.activity-item:last-child[b-yhzd377eas] {
    border-bottom: none;
}

.activity-icon[b-yhzd377eas] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--bg-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
}

.activity-content[b-yhzd377eas] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.activity-text[b-yhzd377eas] {
    font-size: 0.875rem;
    color: var(--text-primary);
}

.activity-time[b-yhzd377eas] {
    font-size: 0.75rem;
    color: var(--text-secondary);
}
/* /Areas/Academic/Pages/ExamController/PTM/Index.razor.rz.scp.css */
/* ==========================================
   PTM SCHEDULE PAGE STYLES
   ========================================== */

.ptm-page[b-jsj2gnu4uz] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-jsj2gnu4uz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-title[b-jsj2gnu4uz] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-subtitle[b-jsj2gnu4uz] {
    color: #6b7280;
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
}

.header-actions[b-jsj2gnu4uz] {
    display: flex;
    gap: 0.5rem;
}

/* Status Tabs */
.status-tabs[b-jsj2gnu4uz] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    background: #f8fafc;
    padding: 0.5rem;
    border-radius: 10px;
}

.tab[b-jsj2gnu4uz] {
    padding: 0.625rem 1rem;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #6b7280;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tab:hover[b-jsj2gnu4uz] {
    background: #fff;
    color: #374151;
}

.tab.active[b-jsj2gnu4uz] {
    background: #fff;
    color: #4f46e5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.tab .badge[b-jsj2gnu4uz] {
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: #e5e7eb;
    color: #374151;
}

.tab .badge.warning[b-jsj2gnu4uz] {
    background: #fef3c7;
    color: #92400e;
}

.tab .badge.success[b-jsj2gnu4uz] {
    background: #dcfce7;
    color: #166534;
}

.tab .badge.danger[b-jsj2gnu4uz] {
    background: #fee2e2;
    color: #991b1b;
}

/* Schedules Grid */
.schedules-grid[b-jsj2gnu4uz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 1.5rem;
}

/* Schedule Card */
.schedule-card[b-jsj2gnu4uz] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
}

.schedule-card:hover[b-jsj2gnu4uz] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.schedule-header[b-jsj2gnu4uz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

.ptm-type-badge[b-jsj2gnu4uz] {
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.ptm-type-badge.exam[b-jsj2gnu4uz] {
    background: #dbeafe;
    color: #1e40af;
}

.exam-type-info[b-jsj2gnu4uz],
.exam-schedule-info[b-jsj2gnu4uz],
.schedule-time[b-jsj2gnu4uz],
.schedule-venue[b-jsj2gnu4uz],
.schedule-scope[b-jsj2gnu4uz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
}

.exam-type-info[b-jsj2gnu4uz] {
    color: #6b7280;
}

.exam-schedule-info[b-jsj2gnu4uz] {
    color: #059669;
}

.schedule-time[b-jsj2gnu4uz] {
    color: #6b7280;
}

.schedule-venue[b-jsj2gnu4uz] {
    color: #7c3aed;
}

.schedule-scope[b-jsj2gnu4uz] {
    color: #6b7280;
    margin-bottom: 0.75rem;
}

.status-badge[b-jsj2gnu4uz] {
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.draft[b-jsj2gnu4uz] {
    background: #f3f4f6;
    color: #6b7280;
}

.status-badge.pending[b-jsj2gnu4uz] {
    background: #fef3c7;
    color: #92400e;
}

.status-badge.approved[b-jsj2gnu4uz] {
    background: #dcfce7;
    color: #166534;
}

.status-badge.rejected[b-jsj2gnu4uz] {
    background: #fee2e2;
    color: #991b1b;
}

.schedule-body[b-jsj2gnu4uz] {
    padding: 1.25rem;
}

.schedule-name[b-jsj2gnu4uz] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.75rem;
}

.schedule-dates[b-jsj2gnu4uz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: #4f46e5;
    font-weight: 500;
    margin-bottom: 0.75rem;
}

.schedule-instructions[b-jsj2gnu4uz] {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0 0 1rem;
    line-height: 1.5;
}

.schedule-meta[b-jsj2gnu4uz] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.meta-item[b-jsj2gnu4uz] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: #9ca3af;
}

.rejection-reason[b-jsj2gnu4uz] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: 0.75rem;
    font-size: 0.85rem;
    color: #991b1b;
    margin-top: 0.75rem;
}

.approved-info[b-jsj2gnu4uz] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    padding: 0.75rem;
    font-size: 0.85rem;
    color: #166534;
    margin-top: 0.75rem;
}

.schedule-footer[b-jsj2gnu4uz] {
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-top: 1px solid #e5e7eb;
}

.pending-text[b-jsj2gnu4uz],
.approved-text[b-jsj2gnu4uz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
}

.pending-text[b-jsj2gnu4uz] {
    color: #92400e;
}

.approved-text[b-jsj2gnu4uz] {
    color: #166534;
}

/* Buttons */
.btn[b-jsj2gnu4uz] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-primary[b-jsj2gnu4uz] {
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
    color: #fff;
}

.btn-primary:hover:not(:disabled)[b-jsj2gnu4uz] {
    background: linear-gradient(135deg, #4338ca 0%, #4f46e5 100%);
}

.btn-primary:disabled[b-jsj2gnu4uz] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-outline[b-jsj2gnu4uz] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-jsj2gnu4uz] {
    background: #f3f4f6;
    border-color: #9ca3af;
}

.schedule-footer .btn[b-jsj2gnu4uz] {
    width: 100%;
    justify-content: center;
}

/* Loading & Empty States */
.loading-container[b-jsj2gnu4uz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6b7280;
}

.spinner[b-jsj2gnu4uz] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top-color: #4f46e5;
    border-radius: 50%;
    animation: spin-b-jsj2gnu4uz 1s linear infinite;
}

.spinner-sm[b-jsj2gnu4uz] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-jsj2gnu4uz 1s linear infinite;
}

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

.empty-state[b-jsj2gnu4uz] {
    text-align: center;
    padding: 3rem;
    background: #f8fafc;
    border-radius: 12px;
}

.empty-state i[b-jsj2gnu4uz] {
    font-size: 3rem;
    color: #9ca3af;
    margin-bottom: 1rem;
}

.empty-state h3[b-jsj2gnu4uz] {
    color: #374151;
    margin-bottom: 0.5rem;
}

.empty-state p[b-jsj2gnu4uz] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

/* Alerts */
.alert[b-jsj2gnu4uz] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-error[b-jsj2gnu4uz] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-success[b-jsj2gnu4uz] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.alert-warning[b-jsj2gnu4uz] {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.alert-close[b-jsj2gnu4uz] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    opacity: 0.7;
}

.alert-close:hover[b-jsj2gnu4uz] {
    opacity: 1;
}

/* ==========================================
   AMCLOUD MODAL DESIGN SYSTEM
   ========================================== */

/* MODAL OVERLAY & CONTAINER */

.modal-overlay[b-jsj2gnu4uz] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-overlay.visible[b-jsj2gnu4uz] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.modal-container[b-jsj2gnu4uz] {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.1);
    width: 100%;
    max-width: 720px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    transform: scale(0.95) translateY(20px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.modal-overlay.visible .modal-container[b-jsj2gnu4uz] {
    transform: scale(1) translateY(0);
    opacity: 1;
}

/* HEADER SECTION */

.modal-header-section[b-jsj2gnu4uz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.5rem 1.75rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    border-radius: 16px 16px 0 0;
}

.header-content[b-jsj2gnu4uz] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-icon[b-jsj2gnu4uz] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    flex-shrink: 0;
}

.header-text h2[b-jsj2gnu4uz] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 600;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.header-text p[b-jsj2gnu4uz] {
    margin: 0.25rem 0 0 0;
    font-size: 0.875rem;
    color: #94a3b8;
}

.close-btn[b-jsj2gnu4uz] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.close-btn:hover[b-jsj2gnu4uz] {
    background: #f1f5f9;
    color: #0f172a;
}

/* STEP INDICATOR */

.step-indicator[b-jsj2gnu4uz] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.75rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    gap: 0;
}

.step[b-jsj2gnu4uz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.step-circle[b-jsj2gnu4uz] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: #94a3b8;
    transition: all 0.2s ease;
}

.step.active .step-circle[b-jsj2gnu4uz] {
    background: #3b82f6;
    border-color: #3b82f6;
    color: white;
    box-shadow: 0 0 0 4px #eff6ff;
}

.step.completed .step-circle[b-jsj2gnu4uz] {
    background: #10b981;
    border-color: #10b981;
    color: white;
}

.step-label[b-jsj2gnu4uz] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #94a3b8;
    transition: color 0.2s ease;
}

.step.active .step-label[b-jsj2gnu4uz] {
    color: #3b82f6;
    font-weight: 600;
}

.step.completed .step-label[b-jsj2gnu4uz] {
    color: #10b981;
}

.step-connector[b-jsj2gnu4uz] {
    width: 48px;
    height: 2px;
    background: #e2e8f0;
    margin: 0 0.5rem;
    margin-bottom: 1.5rem;
    transition: background 0.3s ease;
}

.step-connector.completed[b-jsj2gnu4uz] {
    background: #10b981;
}

/* BODY SECTION */

.modal-body-section[b-jsj2gnu4uz] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
    background: #ffffff;
}

.form-section[b-jsj2gnu4uz] {
    padding: 1.5rem 1.75rem;
}

/* Error/Warning Banners */
.error-banner[b-jsj2gnu4uz] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    margin: 1rem 1.5rem 0;
    border-radius: 10px;
    font-size: 0.875rem;
    background: #fef2f2;
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.error-banner button[b-jsj2gnu4uz] {
    margin-left: auto;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    opacity: 0.7;
}

.error-banner button:hover[b-jsj2gnu4uz] {
    opacity: 1;
}

/* Step Content Animation */
.step-content[b-jsj2gnu4uz] {
    display: none;
    animation: fadeSlideIn-b-jsj2gnu4uz 0.3s ease;
}

.step-content.active[b-jsj2gnu4uz] {
    display: block;
}

@keyframes fadeSlideIn-b-jsj2gnu4uz {
    from {
        opacity: 0;
        transform: translateX(10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* FORM FIELDS */

.field-group[b-jsj2gnu4uz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
    margin-bottom: 1.25rem;
}

.field-row[b-jsj2gnu4uz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.field-label[b-jsj2gnu4uz] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
}

.field-label.required[b-jsj2gnu4uz]::after {
    content: " *";
    color: #ef4444;
}

.field-input[b-jsj2gnu4uz],
.field-select[b-jsj2gnu4uz],
.field-textarea[b-jsj2gnu4uz] {
    padding: 0.75rem 1rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.9375rem;
    color: #0f172a;
    background: #ffffff;
    transition: all 0.15s ease;
    width: 100%;
}

.field-input:focus[b-jsj2gnu4uz],
.field-select:focus[b-jsj2gnu4uz],
.field-textarea:focus[b-jsj2gnu4uz] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px #eff6ff;
}

.field-input[b-jsj2gnu4uz]::placeholder,
.field-textarea[b-jsj2gnu4uz]::placeholder {
    color: #94a3b8;
}

.field-textarea[b-jsj2gnu4uz] {
    resize: vertical;
    min-height: 100px;
    line-height: 1.6;
}

.label-hint[b-jsj2gnu4uz] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* PRIORITY SELECTOR */

.priority-selector[b-jsj2gnu4uz] {
    display: flex;
    gap: 0.5rem;
}

.priority-btn[b-jsj2gnu4uz] {
    flex: 1;
    padding: 0.625rem 0.75rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    color: #94a3b8;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    transition: all 0.15s ease;
}

.priority-btn:hover[b-jsj2gnu4uz] {
    border-color: #94a3b8;
    color: #475569;
}

.priority-btn.active.high[b-jsj2gnu4uz] {
    background: #fef2f2;
    border-color: #ef4444;
    color: #ef4444;
}

.priority-btn.active.medium[b-jsj2gnu4uz] {
    background: #fffbeb;
    border-color: #f59e0b;
    color: #d97706;
}

.priority-btn.active.low[b-jsj2gnu4uz] {
    background: #f0fdf4;
    border-color: #22c55e;
    color: #16a34a;
}

/* TOGGLE SWITCH */

.toggle-option[b-jsj2gnu4uz] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.75rem 0;
    margin-top: 0.5rem;
}

.toggle-switch[b-jsj2gnu4uz] {
    position: relative;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}

.toggle-switch input[b-jsj2gnu4uz] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-jsj2gnu4uz] {
    position: absolute;
    inset: 0;
    background: #e2e8f0;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.toggle-slider[b-jsj2gnu4uz]::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.toggle-switch input:checked + .toggle-slider[b-jsj2gnu4uz] {
    background: #3b82f6;
}

.toggle-switch input:checked + .toggle-slider[b-jsj2gnu4uz]::before {
    transform: translateX(20px);
}

.toggle-label[b-jsj2gnu4uz] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.label-text[b-jsj2gnu4uz] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #0f172a;
}

/* CARD COMPONENTS */

.option-card[b-jsj2gnu4uz] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.card-header[b-jsj2gnu4uz] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.875rem 1rem;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
}

.card-header i[b-jsj2gnu4uz] {
    color: #3b82f6;
}

.optional-tag[b-jsj2gnu4uz] {
    margin-left: auto;
    font-size: 0.6875rem;
    font-weight: 500;
    color: #94a3b8;
    background: #f1f5f9;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.card-body[b-jsj2gnu4uz] {
    padding: 1rem;
}

/* SELECTION ITEMS (Checkbox Grid) */

.selection-grid[b-jsj2gnu4uz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    max-height: 200px;
    overflow-y: auto;
    padding: 0.25rem;
}

.selection-item[b-jsj2gnu4uz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 0.8125rem;
    background: #ffffff;
}

.selection-item:hover[b-jsj2gnu4uz] {
    border-color: #94a3b8;
}

.selection-item.selected[b-jsj2gnu4uz] {
    background: #eff6ff;
    border-color: #3b82f6;
}

.item-check[b-jsj2gnu4uz] {
    width: 18px;
    height: 18px;
    border: 1.5px solid #e2e8f0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    color: transparent;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.selection-item.selected .item-check[b-jsj2gnu4uz] {
    background: #3b82f6;
    border-color: #3b82f6;
    color: white;
}

.item-label[b-jsj2gnu4uz] {
    color: #475569;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selection-item.selected .item-label[b-jsj2gnu4uz] {
    color: #0f172a;
    font-weight: 500;
}

/* FOOTER SECTION */

.modal-footer-section[b-jsj2gnu4uz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.75rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 16px 16px;
}

.footer-actions[b-jsj2gnu4uz] {
    display: flex;
    gap: 0.75rem;
}

/* Buttons */
.btn-primary[b-jsj2gnu4uz],
.btn-secondary[b-jsj2gnu4uz],
.btn-outline[b-jsj2gnu4uz] {
    padding: 0.625rem 1.25rem;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.15s ease;
    border: none;
}

.btn-primary[b-jsj2gnu4uz] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

.btn-primary:hover:not(:disabled)[b-jsj2gnu4uz] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
    transform: translateY(-1px);
}

.btn-primary:disabled[b-jsj2gnu4uz] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.btn-primary.submit[b-jsj2gnu4uz] {
    padding: 0.75rem 1.5rem;
}

.btn-secondary[b-jsj2gnu4uz] {
    background: #ffffff;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-jsj2gnu4uz] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.btn-outline[b-jsj2gnu4uz] {
    background: transparent;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-outline:hover[b-jsj2gnu4uz] {
    background: #f8fafc;
    border-color: #94a3b8;
}

/* Footer Buttons for Draft Cards */
.footer-buttons[b-jsj2gnu4uz] {
    display: flex;
    gap: 0.5rem;
    width: 100%;
}

.footer-buttons .btn[b-jsj2gnu4uz] {
    flex: 1;
    justify-content: center;
}

.btn-danger-outline[b-jsj2gnu4uz] {
    background: transparent;
    border: 1px solid #fecaca;
    color: #dc2626;
    padding: 0.625rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.15s ease;
}

.btn-danger-outline:hover:not(:disabled)[b-jsj2gnu4uz] {
    background: #fef2f2;
    border-color: #dc2626;
}

.btn-danger-outline:disabled[b-jsj2gnu4uz] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Delete Confirmation Modal */
.delete-modal-overlay[b-jsj2gnu4uz] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 1rem;
}

.delete-modal-container[b-jsj2gnu4uz] {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    max-width: 400px;
    width: 100%;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    animation: modalSlideIn-b-jsj2gnu4uz 0.2s ease;
}

@keyframes modalSlideIn-b-jsj2gnu4uz {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.delete-modal-icon[b-jsj2gnu4uz] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fef2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dc2626;
    font-size: 1.5rem;
    margin: 0 auto 1rem;
}

.delete-modal-title[b-jsj2gnu4uz] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 0.5rem;
}

.delete-modal-text[b-jsj2gnu4uz] {
    color: #64748b;
    font-size: 0.9375rem;
    margin-bottom: 0.25rem;
    line-height: 1.5;
}

.delete-modal-text strong[b-jsj2gnu4uz] {
    color: #334155;
}

.delete-modal-subtext[b-jsj2gnu4uz] {
    color: #94a3b8;
    font-size: 0.8125rem;
    margin-bottom: 1.5rem;
}

.delete-modal-actions[b-jsj2gnu4uz] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}

.btn-cancel[b-jsj2gnu4uz] {
    background: #f1f5f9;
    color: #475569;
    border: none;
    padding: 0.625rem 1.5rem;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-cancel:hover[b-jsj2gnu4uz] {
    background: #e2e8f0;
}

.btn-delete[b-jsj2gnu4uz] {
    background: #dc2626;
    color: white;
    border: none;
    padding: 0.625rem 1.5rem;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.15s ease;
}

.btn-delete:hover:not(:disabled)[b-jsj2gnu4uz] {
    background: #b91c1c;
}

.btn-delete:disabled[b-jsj2gnu4uz] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Spinner */
.spinner[b-jsj2gnu4uz] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-jsj2gnu4uz 0.8s linear infinite;
}

/* DARK THEME SUPPORT */

:global([data-bs-theme="dark"]) .modal-container[b-jsj2gnu4uz] {
    background: #1e293b;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
}

:global([data-bs-theme="dark"]) .modal-header-section[b-jsj2gnu4uz] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .header-text h2[b-jsj2gnu4uz] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .header-text p[b-jsj2gnu4uz] {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .close-btn[b-jsj2gnu4uz] {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .close-btn:hover[b-jsj2gnu4uz] {
    background: #334155;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .step-indicator[b-jsj2gnu4uz] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .step-circle[b-jsj2gnu4uz] {
    background: #1e293b;
    border-color: #334155;
    color: #64748b;
}

:global([data-bs-theme="dark"]) .step-connector[b-jsj2gnu4uz] {
    background: #334155;
}

:global([data-bs-theme="dark"]) .modal-body-section[b-jsj2gnu4uz] {
    background: #1e293b;
}

:global([data-bs-theme="dark"]) .field-label[b-jsj2gnu4uz] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .field-input[b-jsj2gnu4uz],
:global([data-bs-theme="dark"]) .field-select[b-jsj2gnu4uz],
:global([data-bs-theme="dark"]) .field-textarea[b-jsj2gnu4uz] {
    background: #0f172a;
    border-color: #334155;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .field-input:focus[b-jsj2gnu4uz],
:global([data-bs-theme="dark"]) .field-select:focus[b-jsj2gnu4uz],
:global([data-bs-theme="dark"]) .field-textarea:focus[b-jsj2gnu4uz] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

:global([data-bs-theme="dark"]) .option-card[b-jsj2gnu4uz] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .card-header[b-jsj2gnu4uz] {
    background: #1e293b;
    border-color: #334155;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .selection-item[b-jsj2gnu4uz] {
    background: #1e293b;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .selection-item.selected[b-jsj2gnu4uz] {
    background: rgba(59, 130, 246, 0.15);
    border-color: #3b82f6;
}

:global([data-bs-theme="dark"]) .item-label[b-jsj2gnu4uz] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .selection-item.selected .item-label[b-jsj2gnu4uz] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .modal-footer-section[b-jsj2gnu4uz] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .btn-secondary[b-jsj2gnu4uz] {
    background: #1e293b;
    color: #94a3b8;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .btn-outline[b-jsj2gnu4uz] {
    color: #94a3b8;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .label-text[b-jsj2gnu4uz] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .toggle-slider[b-jsj2gnu4uz] {
    background: #334155;
}

:global([data-bs-theme="dark"]) .error-banner[b-jsj2gnu4uz] {
    background: rgba(239, 68, 68, 0.15);
}

:global([data-bs-theme="dark"]) .priority-btn[b-jsj2gnu4uz] {
    background: #1e293b;
    border-color: #334155;
    color: #64748b;
}

:global([data-bs-theme="dark"]) .priority-btn:hover[b-jsj2gnu4uz] {
    border-color: #475569;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .priority-btn.active.high[b-jsj2gnu4uz] {
    background: rgba(239, 68, 68, 0.15);
    border-color: #ef4444;
    color: #f87171;
}

:global([data-bs-theme="dark"]) .priority-btn.active.medium[b-jsj2gnu4uz] {
    background: rgba(245, 158, 11, 0.15);
    border-color: #f59e0b;
    color: #fbbf24;
}

:global([data-bs-theme="dark"]) .priority-btn.active.low[b-jsj2gnu4uz] {
    background: rgba(34, 197, 94, 0.15);
    border-color: #22c55e;
    color: #4ade80;
}

:global([data-bs-theme="dark"]) .label-hint[b-jsj2gnu4uz] {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .optional-tag[b-jsj2gnu4uz] {
    background: #334155;
    color: #64748b;
}

:global([data-bs-theme="dark"]) .form-section[b-jsj2gnu4uz] {
    background: #1e293b;
}

:global([data-bs-theme="dark"]) .item-check[b-jsj2gnu4uz] {
    background: #1e293b;
    border-color: #475569;
}

:global([data-bs-theme="dark"]) .btn-outline:hover[b-jsj2gnu4uz],
:global([data-bs-theme="dark"]) .btn-secondary:hover[b-jsj2gnu4uz] {
    background: #334155;
    border-color: #475569;
}

:global([data-bs-theme="dark"]) .btn-danger-outline[b-jsj2gnu4uz] {
    border-color: #7f1d1d;
    color: #f87171;
}

:global([data-bs-theme="dark"]) .btn-danger-outline:hover:not(:disabled)[b-jsj2gnu4uz] {
    background: rgba(239, 68, 68, 0.15);
    border-color: #ef4444;
}

:global([data-bs-theme="dark"]) .delete-modal-container[b-jsj2gnu4uz] {
    background: #1e293b;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

:global([data-bs-theme="dark"]) .delete-modal-icon[b-jsj2gnu4uz] {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
}

:global([data-bs-theme="dark"]) .delete-modal-title[b-jsj2gnu4uz] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .delete-modal-text[b-jsj2gnu4uz] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .delete-modal-text strong[b-jsj2gnu4uz] {
    color: #e2e8f0;
}

:global([data-bs-theme="dark"]) .delete-modal-subtext[b-jsj2gnu4uz] {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .btn-cancel[b-jsj2gnu4uz] {
    background: #334155;
    color: #e2e8f0;
}

:global([data-bs-theme="dark"]) .btn-cancel:hover[b-jsj2gnu4uz] {
    background: #475569;
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .ptm-page[b-jsj2gnu4uz] {
        padding: 1rem;
    }

    .page-header[b-jsj2gnu4uz] {
        flex-direction: column;
    }

    .status-tabs[b-jsj2gnu4uz] {
        overflow-x: auto;
        padding-bottom: 0.5rem;
    }

    .schedules-grid[b-jsj2gnu4uz] {
        grid-template-columns: 1fr;
    }

    .modal-container[b-jsj2gnu4uz] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
        margin: 0;
    }

    .modal-overlay[b-jsj2gnu4uz] {
        padding: 0;
    }

    .modal-header-section[b-jsj2gnu4uz] {
        border-radius: 0;
        padding: 1rem;
    }

    .step-label[b-jsj2gnu4uz] {
        display: none;
    }

    .step-connector[b-jsj2gnu4uz] {
        width: 32px;
        margin-bottom: 0;
    }

    .form-section[b-jsj2gnu4uz] {
        padding: 1rem;
    }

    .field-row[b-jsj2gnu4uz] {
        grid-template-columns: 1fr;
    }

    .selection-grid[b-jsj2gnu4uz] {
        grid-template-columns: repeat(2, 1fr);
    }

    .modal-footer-section[b-jsj2gnu4uz] {
        flex-direction: column;
        gap: 0.75rem;
        padding: 1rem;
    }

    .footer-actions[b-jsj2gnu4uz] {
        width: 100%;
    }

    .footer-actions button[b-jsj2gnu4uz] {
        flex: 1;
    }

    .btn-secondary[b-jsj2gnu4uz] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .priority-selector[b-jsj2gnu4uz] {
        flex-direction: column;
    }

    .selection-grid[b-jsj2gnu4uz] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/ExamController/Settings/Index.razor.rz.scp.css */
.settings-container[b-jzuny39oqw] {
    padding: 1.5rem;
    max-width: 1000px;
}

.page-header[b-jzuny39oqw] {
    margin-bottom: 2rem;
}

.page-header h1[b-jzuny39oqw] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.5rem;
}

.page-header .text-muted[b-jzuny39oqw] {
    font-size: 0.875rem;
    margin: 0;
}

/* Settings Grid */
.settings-grid[b-jzuny39oqw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.settings-section[b-jzuny39oqw] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.section-header[b-jzuny39oqw] {
    padding: 1rem 1.25rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.section-header h4[b-jzuny39oqw] {
    font-size: 1rem;
    font-weight: 600;
    color: #374151;
    margin: 0;
    display: flex;
    align-items: center;
}

.section-header h4 i[b-jzuny39oqw] {
    color: #6366f1;
}

.section-desc[b-jzuny39oqw] {
    font-size: 0.8rem;
    color: #6b7280;
    margin: 0.5rem 0 0 0;
}

.section-content[b-jzuny39oqw] {
    padding: 1.25rem;
}

/* Guidelines */
.guidelines ul[b-jzuny39oqw] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.guidelines li[b-jzuny39oqw] {
    padding: 0.5rem 0;
    font-size: 0.85rem;
    color: #4b5563;
    display: flex;
    align-items: flex-start;
}

.guidelines li i[b-jzuny39oqw] {
    margin-top: 0.15rem;
    flex-shrink: 0;
}

/* Profile Info */
.profile-info[b-jzuny39oqw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.info-row[b-jzuny39oqw] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f3f4f6;
}

.info-row:last-child[b-jzuny39oqw] {
    border-bottom: none;
}

.info-label[b-jzuny39oqw] {
    font-size: 0.85rem;
    color: #6b7280;
}

.info-value[b-jzuny39oqw] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #1f2937;
}

/* Dark theme support */
[b-jzuny39oqw] [data-theme="dark"] .settings-section {
    background: #1e1e2e;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

[b-jzuny39oqw] [data-theme="dark"] .section-header {
    background: #252535;
    border-color: #333;
}

[b-jzuny39oqw] [data-theme="dark"] .section-header h4 {
    color: #f0f0f0;
}

[b-jzuny39oqw] [data-theme="dark"] .section-desc {
    color: #888;
}

[b-jzuny39oqw] [data-theme="dark"] .guidelines li {
    color: #d0d0d0;
}

[b-jzuny39oqw] [data-theme="dark"] .info-row {
    border-color: #333;
}

[b-jzuny39oqw] [data-theme="dark"] .info-label {
    color: #888;
}

[b-jzuny39oqw] [data-theme="dark"] .info-value {
    color: #f0f0f0;
}

[b-jzuny39oqw] [data-theme="dark"] .page-header h1 {
    color: #f0f0f0;
}

/* Responsive */
@media (max-width: 768px) {
    .settings-container[b-jzuny39oqw] {
        padding: 1rem;
    }

    .settings-grid[b-jzuny39oqw] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/Principal/Admissions/FileApprovalQueue.razor.rz.scp.css */
/* Page Header */
.page-header[b-t0ljyc0v2b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header h1[b-t0ljyc0v2b] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.header-actions[b-t0ljyc0v2b] {
    display: flex;
    gap: 0.5rem;
}

/* Stat Cards */
.stat-card[b-t0ljyc0v2b] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.stat-icon[b-t0ljyc0v2b] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
}

.stat-content h4[b-t0ljyc0v2b] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
    line-height: 1;
}

.stat-content p[b-t0ljyc0v2b] {
    margin: 0.25rem 0 0 0;
    font-size: 0.85rem;
    color: #6b7280;
}

/* Card */
.card[b-t0ljyc0v2b] {
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 8px;
}

.card-header[b-t0ljyc0v2b] {
    background: white;
    border-bottom: 1px solid #e5e7eb;
    padding: 1rem 1.25rem;
}

.card-header h5[b-t0ljyc0v2b] {
    font-weight: 600;
    color: #374151;
}

/* Table */
.table[b-t0ljyc0v2b] {
    margin-bottom: 0;
}

.table th[b-t0ljyc0v2b] {
    font-weight: 600;
    color: #374151;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    white-space: nowrap;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid #e5e7eb;
}

.table td[b-t0ljyc0v2b] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
}

.table tbody tr:hover[b-t0ljyc0v2b] {
    background-color: #f9fafb;
}

/* Button Groups */
.btn-group-sm > .btn[b-t0ljyc0v2b] {
    padding: 0.375rem 0.5rem;
}

/* Modal */
.modal-backdrop[b-t0ljyc0v2b] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
}

.modal[b-t0ljyc0v2b] {
    z-index: 1050;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-t0ljyc0v2b] {
        flex-direction: column;
    }

    .header-actions[b-t0ljyc0v2b] {
        width: 100%;
        justify-content: flex-end;
    }

    .stat-card[b-t0ljyc0v2b] {
        margin-bottom: 0.5rem;
    }
}
/* /Areas/Academic/Pages/Principal/Admissions/FileReview.razor.rz.scp.css */
/* Principal File Review - Matching App Theme */

.file-review-page[b-passk5unsi] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem 5rem;
}

/* Loading & Empty States */
.loading-overlay[b-passk5unsi],
.empty-state[b-passk5unsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: #6b7280;
}

.empty-state i[b-passk5unsi] {
    font-size: 2.5rem;
    color: #f59e0b;
    margin-bottom: 1rem;
}

/* Page Header - Compact */
.page-header[b-passk5unsi] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}

.back-btn[b-passk5unsi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f3f4f6;
    color: #6b7280;
    text-decoration: none;
    transition: all 0.2s;
}

.back-btn:hover[b-passk5unsi] {
    background: #e5e7eb;
    color: #374151;
}

.header-info[b-passk5unsi] {
    flex: 1;
    min-width: 0;
}

.header-badges[b-passk5unsi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.badge-id[b-passk5unsi] {
    background: #4f46e5;
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
}

.badge-id.secondary[b-passk5unsi] {
    background: #6366f1;
}

.badge-class[b-passk5unsi] {
    background: #e0e7ff;
    color: #4338ca;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
}

.badge-status[b-passk5unsi] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
}

.badge-status.pending[b-passk5unsi] {
    background: #fef3c7;
    color: #d97706;
}

.badge-status.approved[b-passk5unsi] {
    background: #d1fae5;
    color: #059669;
}

.badge-status.rejected[b-passk5unsi] {
    background: #fee2e2;
    color: #dc2626;
}

.header-info h1[b-passk5unsi] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    line-height: 1.3;
}

.student-meta[b-passk5unsi] {
    font-size: 0.8rem;
    color: #6b7280;
    margin: 0.25rem 0 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.student-meta span[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.student-meta i[b-passk5unsi] {
    color: #4f46e5;
    font-size: 0.7rem;
}

.header-actions[b-passk5unsi] {
    display: flex;
    gap: 0.5rem;
}

.btn-reject-sm[b-passk5unsi] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fca5a5;
    background: #fef2f2;
    color: #ef4444;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-reject-sm:hover[b-passk5unsi] {
    background: #fee2e2;
}

.btn-approve-sm[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-approve-sm:hover:not(:disabled)[b-passk5unsi] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

/* Alert Toast */
.alert-toast[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    font-size: 0.85rem;
}

.alert-toast.error[b-passk5unsi] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.alert-toast.success[b-passk5unsi] {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
}

.alert-toast button[b-passk5unsi] {
    margin-left: auto;
    background: none;
    border: none;
    color: inherit;
    opacity: 0.6;
    cursor: pointer;
}

/* Journey Card */
.journey-card[b-passk5unsi] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.journey-header[b-passk5unsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.journey-title[b-passk5unsi] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.journey-title i[b-passk5unsi] {
    color: #4f46e5;
}

.journey-progress[b-passk5unsi] {
    font-size: 0.75rem;
    color: #6b7280;
}

.journey-steps[b-passk5unsi] {
    display: flex;
    gap: 0.25rem;
}

.journey-step[b-passk5unsi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    position: relative;
}

.journey-step[b-passk5unsi]::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #e5e7eb;
    z-index: 0;
}

.journey-step:last-child[b-passk5unsi]::after {
    display: none;
}

.journey-step.complete[b-passk5unsi]::after {
    background: #10b981;
}

.step-dot[b-passk5unsi] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f3f4f6;
    border: 2px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 600;
    color: #9ca3af;
    z-index: 1;
    position: relative;
}

.journey-step.complete .step-dot[b-passk5unsi] {
    background: #10b981;
    border-color: #10b981;
    color: white;
}

.journey-step.current .step-dot[b-passk5unsi] {
    border-color: #4f46e5;
    color: #4f46e5;
    background: #eef2ff;
}

.journey-step.pending .step-dot[b-passk5unsi] {
    border-color: #f59e0b;
    color: #f59e0b;
    background: #fffbeb;
}

.step-label[b-passk5unsi] {
    font-size: 0.65rem;
    color: #9ca3af;
    text-align: center;
    white-space: nowrap;
}

.journey-step.complete .step-label[b-passk5unsi] {
    color: #059669;
}

.journey-step.current .step-label[b-passk5unsi] {
    color: #4f46e5;
    font-weight: 500;
}

/* Two Column Layout */
.content-layout[b-passk5unsi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.content-column[b-passk5unsi] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Info Cards - Compact */
.info-card[b-passk5unsi] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.75rem;
}

.info-card.compact[b-passk5unsi] {
    padding: 0.75rem;
}

.info-card.test-pass[b-passk5unsi] {
    border-color: #86efac;
    background: linear-gradient(135deg, #f0fdf4, #fff);
}

.info-card.test-fail[b-passk5unsi] {
    border-color: #fca5a5;
    background: linear-gradient(135deg, #fef2f2, #fff);
}

.card-header-mini[b-passk5unsi] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.card-header-mini i[b-passk5unsi] {
    color: #4f46e5;
}

.count-pill[b-passk5unsi] {
    margin-left: auto;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    font-size: 0.7rem;
    background: #f3f4f6;
    color: #6b7280;
}

.count-pill.complete[b-passk5unsi] {
    background: #d1fae5;
    color: #059669;
}

.count-pill.partial[b-passk5unsi] {
    background: #fef3c7;
    color: #d97706;
}

/* Photos Row */
.photos-row[b-passk5unsi] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.photo-box[b-passk5unsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
}

.photo-box img[b-passk5unsi] {
    width: 60px;
    height: 75px;
    border-radius: 6px;
    object-fit: cover;
    border: 2px solid #e5e7eb;
    background: #f9fafb;
}

.photo-label[b-passk5unsi] {
    font-size: 0.6875rem;
    color: #6b7280;
    font-weight: 500;
}

/* Details Grid */
.details-grid[b-passk5unsi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.625rem 1rem;
}

.detail-item[b-passk5unsi] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.detail-label[b-passk5unsi] {
    font-size: 0.6875rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.detail-value[b-passk5unsi] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #111827;
}

/* Parents Grid */
.parents-grid[b-passk5unsi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.parent-col[b-passk5unsi] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.5rem;
    background: #f9fafb;
    border-radius: 6px;
}

.parent-type[b-passk5unsi] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: #9ca3af;
    letter-spacing: 0.5px;
}

.parent-name[b-passk5unsi] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #1f2937;
}

.parent-detail[b-passk5unsi] {
    font-size: 0.75rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.parent-detail i[b-passk5unsi] {
    font-size: 0.65rem;
    color: #9ca3af;
    width: 12px;
}

/* Address */
.address-text[b-passk5unsi] {
    font-size: 0.8rem;
    color: #374151;
    line-height: 1.5;
    margin: 0;
    padding: 0.5rem;
    background: #f9fafb;
    border-radius: 6px;
}

/* Test Result */
.test-result[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
}

.test-badge[b-passk5unsi] {
    padding: 0.3rem 0.75rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
}

.test-badge.pass[b-passk5unsi] {
    background: #d1fae5;
    color: #059669;
}

.test-badge.fail[b-passk5unsi] {
    background: #fee2e2;
    color: #dc2626;
}

.test-score[b-passk5unsi] {
    display: flex;
    align-items: baseline;
    gap: 0.2rem;
}

.test-score .score[b-passk5unsi] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
}

.test-score .max[b-passk5unsi] {
    font-size: 0.8rem;
    color: #6b7280;
}

.test-date[b-passk5unsi] {
    margin-left: auto;
    font-size: 0.75rem;
    color: #9ca3af;
}

.test-pending[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 6px;
    color: #9ca3af;
    font-size: 0.8rem;
}

/* Fee List */
.fee-list[b-passk5unsi] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.fee-item[b-passk5unsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background: #f0fdf4;
    border-radius: 6px;
    border-left: 3px solid #10b981;
}

.fee-info[b-passk5unsi] {
    display: flex;
    flex-direction: column;
}

.fee-type[b-passk5unsi] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #374151;
}

.fee-date[b-passk5unsi] {
    font-size: 0.7rem;
    color: #6b7280;
}

.fee-amount[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #059669;
}

.fee-empty[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #fef3c7;
    border-radius: 6px;
    color: #d97706;
    font-size: 0.8rem;
}

/* Checklist */
.checklist[b-passk5unsi] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.checklist-item[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.5rem;
    border-radius: 6px;
    transition: background 0.2s;
}

.checklist-item:hover[b-passk5unsi] {
    background: #f9fafb;
}

.checklist-item i[b-passk5unsi] {
    font-size: 0.85rem;
    color: #d1d5db;
}

.checklist-item.done i[b-passk5unsi] {
    color: #10b981;
}

.item-name[b-passk5unsi] {
    flex: 1;
    font-size: 0.8rem;
    color: #374151;
}

.checklist-item.done .item-name[b-passk5unsi] {
    color: #059669;
}

.req-dot[b-passk5unsi] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f59e0b;
}

.item-date[b-passk5unsi],
.item-signer[b-passk5unsi] {
    font-size: 0.7rem;
    color: #9ca3af;
}

/* Clickable document items */
.checklist-item.clickable[b-passk5unsi] {
    cursor: pointer;
}

.checklist-item.clickable:hover[b-passk5unsi] {
    background: #eef2ff;
    border-left: 2px solid #4f46e5;
}

.view-icon[b-passk5unsi] {
    font-size: 0.7rem !important;
    color: #4f46e5 !important;
    margin-left: 0.25rem;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.checklist-item.clickable:hover .view-icon[b-passk5unsi] {
    opacity: 1;
}

/* Previous School */
.previous-school-item[b-passk5unsi] {
    padding: 0.5rem;
    background: #f9fafb;
    border-radius: 6px;
    margin-bottom: 0.5rem;
}

.previous-school-item:last-child[b-passk5unsi] {
    margin-bottom: 0;
}

.school-name[b-passk5unsi] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #374151;
    display: block;
}

.school-detail[b-passk5unsi] {
    font-size: 0.75rem;
    color: #6b7280;
}

/* Section & House Card - Principal Specific */
.section-house-card[b-passk5unsi] {
    border: 2px solid #4f46e5;
    background: linear-gradient(135deg, #f8faff 0%, #fff 100%);
}

.section-house-card .card-header-mini[b-passk5unsi] {
    color: #4338ca;
}

.section-house-card .card-header-mini i[b-passk5unsi] {
    color: #4f46e5;
}

.current-assignment[b-passk5unsi] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.assignment-badge[b-passk5unsi] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
}

.assignment-badge.section[b-passk5unsi] {
    background: #e0e7ff;
    color: #4338ca;
}

.assignment-badge.house[b-passk5unsi] {
    background: color-mix(in srgb, var(--house-color, #6b7280) 15%, white);
    color: var(--house-color, #6b7280);
    border: 1px solid var(--house-color, #6b7280);
}

.no-assignment[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #f3f4f6;
    border-radius: 6px;
    color: #6b7280;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

.assignment-form[b-passk5unsi] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.assignment-form .form-row[b-passk5unsi] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.assignment-form label[b-passk5unsi] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.assignment-form .form-select[b-passk5unsi] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
    color: #374151;
    background: white;
}

.assignment-form .form-select:focus[b-passk5unsi] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

.house-options[b-passk5unsi] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.house-option[b-passk5unsi] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: 2px solid #e5e7eb;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.8rem;
    font-weight: 500;
    color: #374151;
}

.house-option input[b-passk5unsi] {
    display: none;
}

.house-option:hover[b-passk5unsi] {
    border-color: var(--house-color, #6b7280);
}

.house-option.selected[b-passk5unsi] {
    border-color: var(--house-color, #6b7280);
    background: color-mix(in srgb, var(--house-color, #6b7280) 10%, white);
    color: var(--house-color, #6b7280);
}

.btn-assign[b-passk5unsi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #4f46e5, #4338ca);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-assign:hover:not(:disabled)[b-passk5unsi] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}

.btn-assign:disabled[b-passk5unsi] {
    opacity: 0.6;
    cursor: not-allowed;
}

.assignment-pending[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #fef3c7;
    border-radius: 6px;
    color: #d97706;
    font-size: 0.85rem;
}

/* Decision Card */
.decision-card[b-passk5unsi] {
    border: 2px solid #10b981;
    background: linear-gradient(135deg, #f0fdf4 0%, #fff 100%);
}

.decision-card .card-header-mini[b-passk5unsi] {
    color: #059669;
}

.decision-card .card-header-mini i[b-passk5unsi] {
    color: #10b981;
}

.decision-form[b-passk5unsi] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.decision-form label[b-passk5unsi] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #374151;
}

.decision-form textarea[b-passk5unsi] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
    resize: vertical;
    font-family: inherit;
}

.decision-form textarea:focus[b-passk5unsi] {
    outline: none;
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

/* Sticky Action Bar */
.action-bar[b-passk5unsi] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #e5e7eb;
    padding: 0.75rem 1rem;
    z-index: 100;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
}

.action-bar.approved[b-passk5unsi] {
    background: linear-gradient(135deg, #d1fae5, #cffafe);
}

.action-bar-content[b-passk5unsi] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.action-summary[b-passk5unsi] {
    display: flex;
    gap: 1rem;
}

.summary-item[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: #6b7280;
    padding: 0.35rem 0.75rem;
    background: #f3f4f6;
    border-radius: 6px;
}

.summary-item.complete[b-passk5unsi] {
    background: #d1fae5;
    color: #059669;
}

.summary-item.partial[b-passk5unsi] {
    background: #fef3c7;
    color: #d97706;
}

.action-buttons[b-passk5unsi] {
    display: flex;
    gap: 0.75rem;
}

.btn-reject[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1rem;
    background: #fff;
    color: #6b7280;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-reject:hover:not(:disabled)[b-passk5unsi] {
    border-color: #ef4444;
    color: #ef4444;
    background: #fef2f2;
}

.btn-approve[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-approve:hover:not(:disabled)[b-passk5unsi] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.btn-approve:disabled[b-passk5unsi],
.btn-reject:disabled[b-passk5unsi] {
    opacity: 0.6;
    cursor: not-allowed;
}

.approved-msg[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.approved-msg > i[b-passk5unsi] {
    font-size: 1.5rem;
    color: #059669;
}

.approved-msg strong[b-passk5unsi] {
    color: #059669;
    display: block;
}

.approved-msg span[b-passk5unsi] {
    font-size: 0.8rem;
    color: #6b7280;
}

.btn-proceed[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1rem;
    background: #4f46e5;
    color: white;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.85rem;
    transition: all 0.2s;
}

.btn-proceed:hover[b-passk5unsi] {
    background: #4338ca;
    color: white;
}

/* Modal */
.modal-overlay[b-passk5unsi] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-box[b-passk5unsi] {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.modal-header[b-passk5unsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h3[b-passk5unsi] {
    margin: 0;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #374151;
}

.modal-header button[b-passk5unsi] {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    padding: 0.5rem;
}

.modal-body[b-passk5unsi] {
    padding: 1rem;
}

.modal-body label[b-passk5unsi] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #374151;
}

.modal-body textarea[b-passk5unsi] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    resize: vertical;
    font-family: inherit;
    font-size: 0.85rem;
}

.modal-body textarea:focus[b-passk5unsi] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

.modal-footer[b-passk5unsi] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem;
    border-top: 1px solid #e5e7eb;
}

.btn-cancel[b-passk5unsi] {
    padding: 0.5rem 1rem;
    background: #f3f4f6;
    color: #374151;
    border: none;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-send-back[b-passk5unsi] {
    padding: 0.5rem 1rem;
    background: #f59e0b;
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-send-back:disabled[b-passk5unsi] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Form Modal (larger) */
.modal-box.form-modal[b-passk5unsi] {
    max-width: 900px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
}

.form-modal-body[b-passk5unsi] {
    overflow-y: auto;
    padding: 1.5rem !important;
    max-height: calc(85vh - 130px);
}

/* Undertaking Preview */
.undertaking-preview[b-passk5unsi] {
    padding: 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.undertaking-preview h1[b-passk5unsi],
.undertaking-preview h2[b-passk5unsi],
.undertaking-preview h3[b-passk5unsi] {
    color: #1f2937;
}

.undertaking-preview table[b-passk5unsi] {
    width: 100%;
    border-collapse: collapse;
}

.undertaking-preview table td[b-passk5unsi],
.undertaking-preview table th[b-passk5unsi] {
    padding: 0.5rem;
    border: 1px solid #e5e7eb;
    font-size: 0.85rem;
}

/* Signature Section */
.signature-section[b-passk5unsi] {
    margin-top: 1rem;
    padding: 1rem;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 8px;
}

.signed-badge[b-passk5unsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: #059669;
}

.signed-badge i[b-passk5unsi] {
    font-size: 1.25rem;
}

.btn-close-modal[b-passk5unsi] {
    padding: 0.6rem 1.25rem;
    background: #f3f4f6;
    color: #374151;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-close-modal:hover[b-passk5unsi] {
    background: #e5e7eb;
}

/* Document Preview */
.document-preview-image[b-passk5unsi] {
    display: flex;
    justify-content: center;
    padding: 1rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.document-preview-image img[b-passk5unsi] {
    max-height: 500px;
    object-fit: contain;
}

.no-preview[b-passk5unsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #9ca3af;
    text-align: center;
}

.no-preview i[b-passk5unsi] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

/* Parent Photos Grid */
.parent-photos-grid[b-passk5unsi] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    padding: 1rem;
}

.parent-photo-item[b-passk5unsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.parent-photo-item .photo-label[b-passk5unsi] {
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

.parent-photo-item img[b-passk5unsi] {
    width: 150px;
    height: 180px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #e5e7eb;
}

@media (max-width: 640px) {
    .parent-photos-grid[b-passk5unsi] {
        grid-template-columns: 1fr;
    }
}

/* Dark Theme */
:root.dark .info-card[b-passk5unsi],
:root.dark .journey-card[b-passk5unsi],
:root.dark .page-header[b-passk5unsi],
[data-theme="dark"] .info-card[b-passk5unsi],
[data-theme="dark"] .journey-card[b-passk5unsi],
[data-theme="dark"] .page-header[b-passk5unsi] {
    background: #1f2937;
    border-color: #374151;
}

:root.dark .action-bar[b-passk5unsi],
[data-theme="dark"] .action-bar[b-passk5unsi] {
    background: #1f2937;
    border-color: #374151;
}

/* Responsive */
@media (max-width: 768px) {
    .content-layout[b-passk5unsi] {
        grid-template-columns: 1fr;
    }

    .page-header[b-passk5unsi] {
        flex-wrap: wrap;
    }

    .header-actions[b-passk5unsi] {
        width: 100%;
        justify-content: flex-end;
    }

    .journey-steps[b-passk5unsi] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .journey-step[b-passk5unsi]::after {
        display: none;
    }

    .action-bar-content[b-passk5unsi] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .action-summary[b-passk5unsi] {
        width: 100%;
        justify-content: center;
    }

    .action-buttons[b-passk5unsi] {
        width: 100%;
    }

    .btn-approve[b-passk5unsi],
    .btn-reject[b-passk5unsi] {
        flex: 1;
        justify-content: center;
    }

    .parents-grid[b-passk5unsi] {
        grid-template-columns: 1fr;
    }

    .details-grid[b-passk5unsi] {
        grid-template-columns: 1fr;
    }

    .photos-row[b-passk5unsi] {
        gap: 0.75rem;
    }

    .photo-box img[b-passk5unsi] {
        width: 50px;
        height: 62px;
    }

    .house-options[b-passk5unsi] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/Principal/Admissions/PendingReviews.razor.rz.scp.css */
/* Principal Pending Reviews Styles */

.page-container[b-7ugsxn8lj1] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

.page-header[b-7ugsxn8lj1] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-7ugsxn8lj1] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.page-header p[b-7ugsxn8lj1] {
    font-size: 0.9rem;
    margin-bottom: 0;
}

/* Stats Row */
.stats-row[b-7ugsxn8lj1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-7ugsxn8lj1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.stat-icon[b-7ugsxn8lj1] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.stat-card.pending .stat-icon[b-7ugsxn8lj1] {
    background: #fef3c7;
    color: #d97706;
}

.stat-card.approved .stat-icon[b-7ugsxn8lj1] {
    background: #d1fae5;
    color: #059669;
}

.stat-card.total .stat-icon[b-7ugsxn8lj1] {
    background: #dbeafe;
    color: #2563eb;
}

.stat-content[b-7ugsxn8lj1] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-7ugsxn8lj1] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
}

.stat-label[b-7ugsxn8lj1] {
    font-size: 0.8rem;
    color: #64748b;
}

/* Filter Card */
.filter-card[b-7ugsxn8lj1] {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
}

/* Empty State */
.empty-state[b-7ugsxn8lj1] {
    text-align: center;
    padding: 4rem 2rem;
    background: #f8fafc;
    border-radius: 12px;
}

.empty-state i[b-7ugsxn8lj1] {
    font-size: 3rem;
    color: #94a3b8;
    margin-bottom: 1rem;
}

.empty-state h4[b-7ugsxn8lj1] {
    color: #475569;
    margin-bottom: 0.5rem;
}

.empty-state p[b-7ugsxn8lj1] {
    color: #94a3b8;
    margin-bottom: 0;
}

/* Admissions Grid */
.admissions-grid[b-7ugsxn8lj1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
}

/* Admission Card */
.admission-card[b-7ugsxn8lj1] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: all 0.2s;
    border: 1px solid #e2e8f0;
}

.admission-card:hover[b-7ugsxn8lj1] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.admission-card.approved[b-7ugsxn8lj1] {
    border-color: #a7f3d0;
}

.admission-card .card-header[b-7ugsxn8lj1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.student-info[b-7ugsxn8lj1] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.app-badge[b-7ugsxn8lj1] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #6366f1;
    background: #eef2ff;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    width: fit-content;
}

.student-name[b-7ugsxn8lj1] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.class-name[b-7ugsxn8lj1] {
    font-size: 0.8rem;
    color: #64748b;
}

.status-badge[b-7ugsxn8lj1] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.35rem 0.75rem;
    border-radius: 20px;
}

.status-badge.pending[b-7ugsxn8lj1] {
    background: #fef3c7;
    color: #d97706;
}

.status-badge.approved[b-7ugsxn8lj1] {
    background: #d1fae5;
    color: #059669;
}

.status-badge.rejected[b-7ugsxn8lj1] {
    background: #fee2e2;
    color: #dc2626;
}

/* Card Body */
.admission-card .card-body[b-7ugsxn8lj1] {
    padding: 1rem;
}

.info-row[b-7ugsxn8lj1] {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0;
    border-bottom: 1px dotted #e2e8f0;
}

.info-row:last-child[b-7ugsxn8lj1] {
    border-bottom: none;
}

.info-row .label[b-7ugsxn8lj1] {
    font-size: 0.8rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.info-row .label i[b-7ugsxn8lj1] {
    width: 14px;
    color: #94a3b8;
}

.info-row .value[b-7ugsxn8lj1] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #334155;
}

.special-case-badge[b-7ugsxn8lj1] {
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: #fef3c7;
    color: #92400e;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

/* Card Footer */
.admission-card .card-footer[b-7ugsxn8lj1] {
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    gap: 0.5rem;
}

/* Responsive */
@media (max-width: 640px) {
    .stats-row[b-7ugsxn8lj1] {
        grid-template-columns: 1fr;
    }

    .admissions-grid[b-7ugsxn8lj1] {
        grid-template-columns: 1fr;
    }

    .admission-card .card-footer[b-7ugsxn8lj1] {
        flex-direction: column;
    }

    .admission-card .card-footer .btn[b-7ugsxn8lj1] {
        width: 100%;
    }
}
/* /Areas/Academic/Pages/Principal/Admissions/SectionAssignment.razor.rz.scp.css */
.page-container[b-piblynoc9j] {
    padding: 1.5rem;
    max-width: 1400px;
}

.page-header[b-piblynoc9j] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-piblynoc9j] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.page-header p[b-piblynoc9j] {
    margin-bottom: 0;
}

/* Table styles */
.section-select[b-piblynoc9j],
.house-select[b-piblynoc9j] {
    min-width: 140px;
}

/* Chart Card */
.chart-card[b-piblynoc9j] {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 0.5rem;
}

.chart-card .card-header[b-piblynoc9j] {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.chart-filter[b-piblynoc9j] {
    width: auto;
    min-width: 120px;
}

/* Section Chart - Horizontal Bar Chart with Scroll */
.section-chart-scroll[b-piblynoc9j] {
    max-height: 400px;
    overflow-y: auto;
    padding: 1rem;
}

.section-chart[b-piblynoc9j] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Section Total */
.section-total[b-piblynoc9j] {
    background: #f8f9fa;
    padding: 0.75rem 1rem;
    border-top: 1px solid #e9ecef;
}

.chart-row[b-piblynoc9j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.chart-label[b-piblynoc9j] {
    width: 120px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.chart-label .class-name[b-piblynoc9j] {
    font-size: 0.75rem;
    color: #6c757d;
}

.chart-label .section-name[b-piblynoc9j] {
    font-weight: 500;
    font-size: 0.875rem;
}

.chart-bar-container[b-piblynoc9j] {
    flex: 1;
    height: 24px;
    background: #e9ecef;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.chart-bar-bg[b-piblynoc9j] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: repeating-linear-gradient(
        45deg,
        #f1f3f5,
        #f1f3f5 4px,
        #e9ecef 4px,
        #e9ecef 8px
    );
    border-radius: 4px;
    opacity: 0.7;
}

.chart-bar[b-piblynoc9j] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.chart-bar.bar-normal[b-piblynoc9j] {
    background: linear-gradient(90deg, #4CAF50, #66BB6A);
}

.chart-bar.bar-warning[b-piblynoc9j] {
    background: linear-gradient(90deg, #FF9800, #FFB74D);
}

.chart-bar.bar-full[b-piblynoc9j] {
    background: linear-gradient(90deg, #f44336, #EF5350);
}

.chart-value[b-piblynoc9j] {
    width: 70px;
    flex-shrink: 0;
    text-align: right;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Chart Legend */
.chart-legend[b-piblynoc9j] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    padding-top: 0.75rem;
    border-top: 1px solid #e9ecef;
}

.legend-item[b-piblynoc9j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #6c757d;
}

.legend-dot[b-piblynoc9j] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.legend-dot.bar-normal[b-piblynoc9j] {
    background: #4CAF50;
}

.legend-dot.bar-warning[b-piblynoc9j] {
    background: #FF9800;
}

.legend-dot.bar-full[b-piblynoc9j] {
    background: #f44336;
}

/* House Chart - Horizontal Bar Chart */
.house-chart[b-piblynoc9j] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.house-bar-row[b-piblynoc9j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.house-label[b-piblynoc9j] {
    width: 90px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.house-icon[b-piblynoc9j] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    flex-shrink: 0;
}

.house-name[b-piblynoc9j] {
    font-weight: 500;
    font-size: 0.875rem;
}

.house-bar-container[b-piblynoc9j] {
    flex: 1;
    height: 28px;
    background: #f1f3f5;
    border-radius: 6px;
    overflow: hidden;
}

.house-bar[b-piblynoc9j] {
    height: 100%;
    border-radius: 6px;
    transition: width 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8px;
    min-width: 24px;
}

.house-value[b-piblynoc9j] {
    width: 85px;
    flex-shrink: 0;
    text-align: right;
}

.house-count[b-piblynoc9j] {
    font-weight: 600;
    font-size: 1rem;
}

.house-percent[b-piblynoc9j] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-left: 4px;
}

/* Donut Chart */
.house-donut-container[b-piblynoc9j] {
    display: flex;
    justify-content: center;
}

.house-donut[b-piblynoc9j] {
    position: relative;
    width: 140px;
    height: 140px;
}

.donut-svg[b-piblynoc9j] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.donut-segment[b-piblynoc9j] {
    transition: stroke-dasharray 0.3s ease;
}

.donut-center[b-piblynoc9j] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.donut-total[b-piblynoc9j] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
}

.donut-label[b-piblynoc9j] {
    display: block;
    font-size: 0.75rem;
    color: #6c757d;
}

/* House Total */
.house-total[b-piblynoc9j] {
    background: #f8f9fa;
    margin: 1rem -1rem -1rem;
    padding: 1rem;
    border-radius: 0 0 0.5rem 0.5rem;
}

/* Card and table base styles */
.card[b-piblynoc9j] {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 0.5rem;
}

.card-header[b-piblynoc9j] {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.table th[b-piblynoc9j] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #495057;
    white-space: nowrap;
}

.table td[b-piblynoc9j] {
    vertical-align: middle;
}
/* /Areas/Academic/Pages/Principal/Admissions/SectionHouseView.razor.rz.scp.css */
.page-container[b-s51ss6uwir] {
    padding: 1.5rem;
    max-width: 1600px;
}

.page-header[b-s51ss6uwir] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-s51ss6uwir] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.page-header p[b-s51ss6uwir] {
    margin-bottom: 0;
}

/* Filter Card */
.filter-card[b-s51ss6uwir] {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 0.5rem;
    background: #f8f9fa;
}

/* Summary Row */
.summary-row[b-s51ss6uwir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.summary-card[b-s51ss6uwir] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    text-align: center;
    min-width: 80px;
}

.summary-label[b-s51ss6uwir] {
    font-size: 0.75rem;
    color: #6c757d;
    font-weight: 500;
}

.summary-value[b-s51ss6uwir] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #212529;
}

/* Class Card */
.class-card[b-s51ss6uwir] {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 0.5rem;
    overflow: hidden;
}

.class-header[b-s51ss6uwir] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
}

.class-header h5[b-s51ss6uwir] {
    color: white;
}

.class-header .badge[b-s51ss6uwir] {
    background: rgba(255, 255, 255, 0.2) !important;
    color: white;
}

/* Section Group */
.section-group[b-s51ss6uwir] {
    border-bottom: 1px solid #e9ecef;
}

.section-group:last-child[b-s51ss6uwir] {
    border-bottom: none;
}

.section-header[b-s51ss6uwir] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.section-name[b-s51ss6uwir] {
    font-weight: 600;
    color: #495057;
}

.section-count[b-s51ss6uwir] {
    font-size: 0.875rem;
    color: #6c757d;
}

/* Table */
.table[b-s51ss6uwir] {
    margin-bottom: 0;
}

.table th[b-s51ss6uwir] {
    font-weight: 600;
    font-size: 0.8rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    padding: 0.5rem 0.75rem;
}

.table td[b-s51ss6uwir] {
    vertical-align: middle;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

.table tbody tr:hover[b-s51ss6uwir] {
    background-color: #f8f9fa;
}

/* House Badge */
.house-badge[b-s51ss6uwir] {
    color: white;
    font-weight: 500;
    padding: 0.35em 0.65em;
}

/* House Summary Card */
.house-summary-card[b-s51ss6uwir] {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 0.5rem;
}

.house-summary-name[b-s51ss6uwir] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #495057;
}

.house-summary-count[b-s51ss6uwir] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #212529;
    line-height: 1.2;
}

.house-summary-percent[b-s51ss6uwir] {
    font-size: 0.875rem;
    color: #6c757d;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-s51ss6uwir] {
        padding: 1rem;
    }

    .page-header h1[b-s51ss6uwir] {
        font-size: 1.5rem;
    }

    .summary-card[b-s51ss6uwir] {
        min-width: 60px;
        padding: 0.5rem;
    }

    .summary-value[b-s51ss6uwir] {
        font-size: 1rem;
    }

    .section-header[b-s51ss6uwir] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .table th[b-s51ss6uwir],
    .table td[b-s51ss6uwir] {
        padding: 0.4rem 0.5rem;
        font-size: 0.75rem;
    }
}

/* Card base styles */
.card[b-s51ss6uwir] {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 0.5rem;
}

.card-header[b-s51ss6uwir] {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}
/* /Areas/Academic/Pages/Principal/Admissions/UpdateRequests.razor.rz.scp.css */
.page-container[b-k5492i6utz] {
    padding: 1.5rem;
}

.page-header[b-k5492i6utz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-header h1[b-k5492i6utz] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.header-actions[b-k5492i6utz] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.modal-backdrop[b-k5492i6utz] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
}

.modal[b-k5492i6utz] {
    z-index: 1050;
}

.font-monospace[b-k5492i6utz] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.85em;
}
/* /Areas/Academic/Pages/Principal/Calendar/Index.razor.rz.scp.css */
.calendar-page[b-ggdx97owjo] {
        padding: 1.5rem;
    }

    .calendar-header[b-ggdx97owjo] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .header-left[b-ggdx97owjo] {
        display: flex;
        align-items: center;
    }

    .header-left .back-btn[b-ggdx97owjo] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        flex-shrink: 0;
    }

    .header-left h1[b-ggdx97owjo] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

    .header-left .text-muted[b-ggdx97owjo] {
        font-size: 0.875rem;
        margin: 0;
    }

    .header-actions[b-ggdx97owjo] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .loading-container[b-ggdx97owjo] {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 400px;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .calendar-page[b-ggdx97owjo] {
        padding: 1rem;
    }

    .calendar-header[b-ggdx97owjo] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .header-left h1[b-ggdx97owjo] {
        font-size: 1.25rem;
    }

    .header-actions[b-ggdx97owjo] {
        width: 100%;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .header-actions .btn-group[b-ggdx97owjo] {
        flex: 1;
        min-width: 160px;
    }

    .header-actions .btn-group .btn[b-ggdx97owjo] {
        flex: 1;
        padding: 0.5rem;
        font-size: 0.875rem;
    }

    .header-actions > a[b-ggdx97owjo] {
        flex: 1;
        min-width: calc(50% - 0.25rem);
        text-align: center;
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }

    .header-actions > a.me-2[b-ggdx97owjo] {
        margin-right: 0 !important;
    }

    .loading-container[b-ggdx97owjo] {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .calendar-page[b-ggdx97owjo] {
        padding: 0.75rem;
    }

    .header-left h1[b-ggdx97owjo] {
        font-size: 1.1rem;
    }

    .header-left .text-muted[b-ggdx97owjo] {
        font-size: 0.8rem;
    }

    .header-actions .btn-group[b-ggdx97owjo] {
        width: 100%;
    }

    .header-actions > a[b-ggdx97owjo] {
        width: 100%;
        min-width: 100%;
    }

    .header-actions > a i[b-ggdx97owjo] {
        margin-right: 0.25rem;
    }
}
/* /Areas/Academic/Pages/Principal/Calendar/ListView.razor.rz.scp.css */
.event-list-page[b-udkx5fgcm4] {
        padding: 1rem;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .page-header[b-udkx5fgcm4] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1rem;
    }
    .page-header h1[b-udkx5fgcm4] {
        font-size: 1.5rem;
        margin: 0;
    }
/* /Areas/Academic/Pages/Principal/Calendar/Propose.razor.rz.scp.css */
.propose-page[b-49j5cdldk0] {
        padding: 1.5rem;
        max-width: 900px;
    }

    .page-header[b-49j5cdldk0] {
        display: flex;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .header-left[b-49j5cdldk0] {
        display: flex;
        align-items: center;
    }

    .header-left h1[b-49j5cdldk0] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

    .header-left .text-muted[b-49j5cdldk0] {
        font-size: 0.875rem;
        margin: 0;
    }

    .form-container[b-49j5cdldk0] {
        background: var(--bg-primary);
        border-radius: var(--radius-lg);
        border: 1px solid var(--border-color);
        padding: 1.5rem;
    }

    .form-section[b-49j5cdldk0] {
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid var(--border-color);
    }

    .form-section:last-of-type[b-49j5cdldk0] {
        border-bottom: none;
        margin-bottom: 1rem;
    }

    .form-section h5[b-49j5cdldk0] {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .class-selection[b-49j5cdldk0] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .class-group[b-49j5cdldk0] {
        padding: 0.5rem 1rem;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-md);
        background: var(--bg-secondary);
    }

    .class-group-header[b-49j5cdldk0] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .form-actions[b-49j5cdldk0] {
        display: flex;
        justify-content: flex-end;
        gap: 1rem;
        padding-top: 1rem;
    }
/* /Areas/Academic/Pages/Principal/Config/DocumentTypes.razor.rz.scp.css */
/* ==========================================
   Document Types Page Styles
   ========================================== */

.page-container[b-hhn8bo0k33] {
    padding: 1.5rem;
}

.page-header[b-hhn8bo0k33] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-header h1[b-hhn8bo0k33] {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
    color: var(--text-primary);
}

.page-header p[b-hhn8bo0k33] {
    margin-bottom: 0;
    font-size: 0.875rem;
}

/* Main Tabs */
.main-tabs[b-hhn8bo0k33] {
    display: flex;
    gap: 0.75rem;
    border-bottom: 2px solid var(--border-color, #dee2e6);
    padding-bottom: 0;
}

.main-tab[b-hhn8bo0k33] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border: none;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--text-secondary, #6c757d);
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    bottom: -2px;
}

.main-tab:hover[b-hhn8bo0k33] {
    color: var(--primary-color, #0d6efd);
}

.main-tab.active[b-hhn8bo0k33] {
    color: var(--primary-color, #0d6efd);
    border-bottom-color: var(--primary-color, #0d6efd);
}

.main-tab .badge[b-hhn8bo0k33] {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    background: var(--bg-secondary, #f8f9fa);
    color: var(--text-secondary, #6c757d);
    border-radius: 6px;
    font-weight: 600;
}

.main-tab.active .badge[b-hhn8bo0k33] {
    background: var(--primary-color, #0d6efd);
    color: white;
}

/* Category Tabs */
.category-tabs[b-hhn8bo0k33] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tab-btn[b-hhn8bo0k33] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: 1px solid var(--border-color, #dee2e6);
    border-radius: 6px;
    background: white;
    color: var(--text-secondary, #6c757d);
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tab-btn:hover[b-hhn8bo0k33] {
    border-color: var(--primary-color, #0d6efd);
    color: var(--primary-color, #0d6efd);
}

.tab-btn.active[b-hhn8bo0k33] {
    background: var(--primary-color, #0d6efd);
    border-color: var(--primary-color, #0d6efd);
    color: white;
}

.tab-btn .badge[b-hhn8bo0k33] {
    font-size: 0.7rem;
    padding: 0.2rem 0.4rem;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.tab-btn.active .badge[b-hhn8bo0k33] {
    background: rgba(255, 255, 255, 0.2);
}

/* Table Styles */
.table th[b-hhn8bo0k33] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary, #6c757d);
    font-weight: 600;
    border-bottom: 2px solid var(--border-color, #dee2e6);
}

.table td[b-hhn8bo0k33] {
    vertical-align: middle;
    padding: 0.75rem;
}

.table code[b-hhn8bo0k33] {
    background: var(--bg-secondary, #f8f9fa);
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-size: 0.8rem;
}

/* Card Styles */
.card[b-hhn8bo0k33] {
    border: 1px solid var(--border-color, #dee2e6);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* ==========================================
   AMCLOUD MODAL DESIGN SYSTEM
   ========================================== */

/* MODAL OVERLAY & CONTAINER */

.modal-overlay[b-hhn8bo0k33] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-overlay.visible[b-hhn8bo0k33] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.modal-container[b-hhn8bo0k33] {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.1);
    width: 100%;
    max-width: 580px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    transform: scale(0.95) translateY(20px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.modal-container.modal-sm[b-hhn8bo0k33] {
    max-width: 440px;
}

.modal-overlay.visible .modal-container[b-hhn8bo0k33] {
    transform: scale(1) translateY(0);
    opacity: 1;
}

/* HEADER SECTION */

.modal-header-section[b-hhn8bo0k33] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.5rem 1.75rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    border-radius: 16px 16px 0 0;
}

.modal-header-section.modal-header-danger[b-hhn8bo0k33] {
    background: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);
    border-bottom-color: #fecaca;
}

.header-content[b-hhn8bo0k33] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-icon[b-hhn8bo0k33] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    flex-shrink: 0;
}

.header-icon.header-icon-danger[b-hhn8bo0k33] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

.header-text h2[b-hhn8bo0k33] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 600;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.header-text p[b-hhn8bo0k33] {
    margin: 0.25rem 0 0 0;
    font-size: 0.875rem;
    color: #94a3b8;
}

.close-btn[b-hhn8bo0k33] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.close-btn:hover[b-hhn8bo0k33] {
    background: #f1f5f9;
    color: #0f172a;
}

/* BODY SECTION */

.modal-body-section[b-hhn8bo0k33] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
    background: #ffffff;
}

.form-section[b-hhn8bo0k33] {
    padding: 1.5rem 1.75rem;
}

/* Error/Warning Banners */
.error-banner[b-hhn8bo0k33],
.warning-banner[b-hhn8bo0k33] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
    border-radius: 10px;
    font-size: 0.875rem;
}

.error-banner[b-hhn8bo0k33] {
    background: #fef2f2;
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.warning-banner[b-hhn8bo0k33] {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

/* Delete Target Info */
.delete-target-info[b-hhn8bo0k33] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin: 1rem 0;
    text-align: center;
}

.target-name[b-hhn8bo0k33] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 0.25rem;
}

.target-code[b-hhn8bo0k33] {
    font-size: 0.875rem;
    color: #64748b;
    font-family: 'Cascadia Code', 'Consolas', monospace;
}

.deactivate-note[b-hhn8bo0k33] {
    font-size: 0.875rem;
    color: #64748b;
    margin: 1rem 0 0 0;
    text-align: center;
}

/* FORM FIELDS */

.field-group[b-hhn8bo0k33] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
    margin-bottom: 1.25rem;
}

.field-group.full-width[b-hhn8bo0k33] {
    grid-column: 1 / -1;
}

.field-row[b-hhn8bo0k33] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.field-row .field-group[b-hhn8bo0k33] {
    margin-bottom: 0;
}

.field-label[b-hhn8bo0k33] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
}

.field-label.required[b-hhn8bo0k33]::after {
    content: " *";
    color: #ef4444;
}

.field-hint[b-hhn8bo0k33] {
    font-size: 0.75rem;
    color: #94a3b8;
}

.field-input[b-hhn8bo0k33],
.field-select[b-hhn8bo0k33],
.field-textarea[b-hhn8bo0k33] {
    padding: 0.75rem 1rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.9375rem;
    color: #0f172a;
    background: #ffffff;
    transition: all 0.15s ease;
    width: 100%;
}

.field-input:focus[b-hhn8bo0k33],
.field-select:focus[b-hhn8bo0k33],
.field-textarea:focus[b-hhn8bo0k33] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px #eff6ff;
}

.field-input[b-hhn8bo0k33]::placeholder,
.field-textarea[b-hhn8bo0k33]::placeholder {
    color: #94a3b8;
}

.field-textarea[b-hhn8bo0k33] {
    resize: vertical;
    min-height: 80px;
    line-height: 1.6;
}

/* Select Wrapper */
.select-wrapper[b-hhn8bo0k33] {
    position: relative;
}

.select-wrapper .field-select[b-hhn8bo0k33] {
    appearance: none;
    padding-right: 2.5rem;
    cursor: pointer;
}

.select-icon[b-hhn8bo0k33] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
    font-size: 0.75rem;
}

/* TOGGLE SWITCH */

.toggle-option[b-hhn8bo0k33] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.5rem 0;
}

.toggle-switch[b-hhn8bo0k33] {
    position: relative;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}

.toggle-switch input[b-hhn8bo0k33] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-hhn8bo0k33] {
    position: absolute;
    inset: 0;
    background: #e2e8f0;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.toggle-slider[b-hhn8bo0k33]::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.toggle-switch input:checked + .toggle-slider[b-hhn8bo0k33] {
    background: #3b82f6;
}

.toggle-switch input:checked + .toggle-slider[b-hhn8bo0k33]::before {
    transform: translateX(20px);
}

.toggle-label[b-hhn8bo0k33] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.label-text[b-hhn8bo0k33] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #0f172a;
}

.label-hint[b-hhn8bo0k33] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* FOOTER SECTION */

.modal-footer-section[b-hhn8bo0k33] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.75rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 16px 16px;
}

.footer-actions[b-hhn8bo0k33] {
    display: flex;
    gap: 0.75rem;
}

/* Buttons */
.btn-primary[b-hhn8bo0k33],
.btn-secondary[b-hhn8bo0k33],
.btn-danger[b-hhn8bo0k33] {
    padding: 0.625rem 1.25rem;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.15s ease;
    border: none;
}

.btn-primary[b-hhn8bo0k33] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

.btn-primary:hover:not(:disabled)[b-hhn8bo0k33] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
    transform: translateY(-1px);
}

.btn-primary:disabled[b-hhn8bo0k33] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.btn-primary.submit[b-hhn8bo0k33] {
    padding: 0.75rem 1.5rem;
}

.btn-secondary[b-hhn8bo0k33] {
    background: #ffffff;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-hhn8bo0k33] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.btn-danger[b-hhn8bo0k33] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}

.btn-danger:hover:not(:disabled)[b-hhn8bo0k33] {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
    transform: translateY(-1px);
}

.btn-danger:disabled[b-hhn8bo0k33] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

/* Spinner */
.spinner[b-hhn8bo0k33] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-hhn8bo0k33 0.8s linear infinite;
}

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

/* DARK THEME SUPPORT */

:global([data-bs-theme="dark"]) .modal-container[b-hhn8bo0k33] {
    background: #1e293b;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
}

:global([data-bs-theme="dark"]) .modal-header-section[b-hhn8bo0k33] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .modal-header-section.modal-header-danger[b-hhn8bo0k33] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, #1e293b 100%);
    border-color: rgba(239, 68, 68, 0.3);
}

:global([data-bs-theme="dark"]) .header-text h2[b-hhn8bo0k33] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .header-text p[b-hhn8bo0k33] {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .close-btn[b-hhn8bo0k33] {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .close-btn:hover[b-hhn8bo0k33] {
    background: #334155;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .modal-body-section[b-hhn8bo0k33] {
    background: #1e293b;
}

:global([data-bs-theme="dark"]) .field-label[b-hhn8bo0k33] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .field-input[b-hhn8bo0k33],
:global([data-bs-theme="dark"]) .field-select[b-hhn8bo0k33],
:global([data-bs-theme="dark"]) .field-textarea[b-hhn8bo0k33] {
    background: #0f172a;
    border-color: #334155;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .field-input:focus[b-hhn8bo0k33],
:global([data-bs-theme="dark"]) .field-select:focus[b-hhn8bo0k33],
:global([data-bs-theme="dark"]) .field-textarea:focus[b-hhn8bo0k33] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

:global([data-bs-theme="dark"]) .delete-target-info[b-hhn8bo0k33] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .target-name[b-hhn8bo0k33] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .modal-footer-section[b-hhn8bo0k33] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .btn-secondary[b-hhn8bo0k33] {
    background: #1e293b;
    color: #94a3b8;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .toggle-slider[b-hhn8bo0k33] {
    background: #334155;
}

:global([data-bs-theme="dark"]) .label-text[b-hhn8bo0k33] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .error-banner[b-hhn8bo0k33] {
    background: rgba(239, 68, 68, 0.15);
}

:global([data-bs-theme="dark"]) .warning-banner[b-hhn8bo0k33] {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .page-header[b-hhn8bo0k33] {
        flex-direction: column;
        gap: 1rem;
    }

    .category-tabs[b-hhn8bo0k33] {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.5rem;
    }

    .tab-btn[b-hhn8bo0k33] {
        white-space: nowrap;
    }

    .modal-container[b-hhn8bo0k33] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
        margin: 0;
    }

    .modal-overlay[b-hhn8bo0k33] {
        padding: 0;
    }

    .modal-header-section[b-hhn8bo0k33] {
        border-radius: 0;
        padding: 1rem;
    }

    .form-section[b-hhn8bo0k33] {
        padding: 1rem;
    }

    .field-row[b-hhn8bo0k33] {
        grid-template-columns: 1fr;
    }

    .modal-footer-section[b-hhn8bo0k33] {
        flex-direction: column;
        gap: 0.75rem;
        padding: 1rem;
        border-radius: 0;
    }

    .footer-actions[b-hhn8bo0k33] {
        width: 100%;
    }

    .footer-actions button[b-hhn8bo0k33] {
        flex: 1;
    }

    .btn-secondary[b-hhn8bo0k33] {
        width: 100%;
        justify-content: center;
    }
}
/* /Areas/Academic/Pages/Principal/Config/StudentUpdates.razor.rz.scp.css */
/* Page Container */
.page-container[b-22zs16hyhl] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-22zs16hyhl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header h1[b-22zs16hyhl] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary, #1e293b);
    margin: 0;
}

.page-header p[b-22zs16hyhl] {
    margin: 0.5rem 0 0 0;
    font-size: 0.95rem;
    color: var(--text-secondary, #64748b);
}

/* Config Tabs */
.config-tabs[b-22zs16hyhl] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    border-bottom: 2px solid var(--border-color, #e2e8f0);
    padding-bottom: 0;
}

.tab-button[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    color: var(--text-secondary, #64748b);
    font-weight: 500;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.tab-button:hover[b-22zs16hyhl] {
    color: var(--brand-blue, #3b82f6);
    background: var(--bg-secondary, #f8fafc);
}

.tab-button.active[b-22zs16hyhl] {
    color: var(--brand-blue, #3b82f6);
    border-bottom-color: var(--brand-blue, #3b82f6);
    background: transparent;
}

.tab-button .badge[b-22zs16hyhl] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-secondary, #64748b);
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    min-width: 1.5rem;
    text-align: center;
}

.tab-button.active .badge[b-22zs16hyhl] {
    background: rgba(59, 130, 246, 0.1);
    color: var(--brand-blue, #3b82f6);
}

/* Info Banner */
.info-banner[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    padding: 0.875rem 1rem;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.2);
    border-radius: 8px;
    color: var(--text-primary, #1e293b);
    font-size: 0.9rem;
}

.info-banner i[b-22zs16hyhl] {
    color: var(--brand-info, #06b6d4);
    font-size: 1.1rem;
}

/* Config Content */
.config-content[b-22zs16hyhl] {
    animation: fadeIn-b-22zs16hyhl 0.3s ease;
}

@keyframes fadeIn-b-22zs16hyhl {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Config Grid - 2 columns on desktop */
.config-grid[b-22zs16hyhl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    gap: 1.5rem;
}

/* Field Card */
.field-card[b-22zs16hyhl] {
    background: white;
    border: 1px solid var(--border-color, #e2e8f0);
    border-left: 4px solid var(--border-color, #e2e8f0);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.field-card:hover[b-22zs16hyhl] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Category Colors - Border Left */
.field-card.category-personal[b-22zs16hyhl] {
    border-left-color: var(--brand-blue, #3b82f6);
}

.field-card.category-parent[b-22zs16hyhl] {
    border-left-color: var(--brand-success, #10b981);
}

.field-card.category-address[b-22zs16hyhl] {
    border-left-color: var(--brand-warning, #f59e0b);
}

.field-card.category-photo[b-22zs16hyhl] {
    border-left-color: var(--brand-indigo, #4338ca);
}

.field-card.category-identity[b-22zs16hyhl] {
    border-left-color: var(--brand-info, #06b6d4);
}

/* Field Card Header */
.field-card-header[b-22zs16hyhl] {
    padding: 1.25rem 1.25rem 1rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.field-title-section[b-22zs16hyhl] {
    flex: 1;
}

.field-title[b-22zs16hyhl] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-primary, #1e293b);
    margin: 0 0 0.5rem 0;
}

.field-code[b-22zs16hyhl] {
    font-size: 0.8rem;
    color: var(--text-muted, #94a3b8);
    background: var(--bg-secondary, #f1f5f9);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-family: 'Cascadia Code', 'Consolas', monospace;
}

/* Toggle Switch */
.field-status-toggle[b-22zs16hyhl] {
    flex-shrink: 0;
}

.toggle-switch[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
}

.toggle-switch input[type="checkbox"][b-22zs16hyhl] {
    position: relative;
    width: 3rem;
    height: 1.5rem;
    appearance: none;
    background: #cbd5e1;
    border-radius: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0;
}

.toggle-switch input[type="checkbox"][b-22zs16hyhl]::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 1.25rem;
    height: 1.25rem;
    background: white;
    border-radius: 50%;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.toggle-switch input[type="checkbox"]:checked[b-22zs16hyhl] {
    background: var(--brand-success, #10b981);
}

.toggle-switch input[type="checkbox"]:checked[b-22zs16hyhl]::before {
    left: calc(100% - 1.25rem - 2px);
}

.toggle-slider[b-22zs16hyhl] {
    display: none;
}

.toggle-label[b-22zs16hyhl] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    min-width: 4rem;
}

/* Field Card Body */
.field-card-body[b-22zs16hyhl] {
    padding: 1.25rem;
}

/* Update Sections Grid */
.update-sections[b-22zs16hyhl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.update-section[b-22zs16hyhl] {
    background: var(--bg-secondary, #f8fafc);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 6px;
    padding: 1rem;
}

.section-header[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.section-icon[b-22zs16hyhl] {
    color: var(--brand-blue, #3b82f6);
    font-size: 0.95rem;
}

.section-title[b-22zs16hyhl] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary, #1e293b);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.section-options[b-22zs16hyhl] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Document Type Multi-Select */
.document-type-multiselect[b-22zs16hyhl] {
    margin-left: 2rem;
    margin-bottom: 0.5rem;
    position: relative;
}

.multiselect-header[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    background: white;
    border: 1px solid var(--brand-blue, #3b82f6);
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    color: var(--text-primary, #1e293b);
    transition: all 0.2s ease;
}

.multiselect-header:hover[b-22zs16hyhl] {
    background: rgba(59, 130, 246, 0.05);
}

.multiselect-header .placeholder[b-22zs16hyhl] {
    color: var(--text-muted, #94a3b8);
}

.multiselect-header i[b-22zs16hyhl] {
    color: var(--brand-blue, #3b82f6);
    font-size: 0.75rem;
}

.multiselect-dropdown[b-22zs16hyhl] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    background: white;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    margin-top: 4px;
    max-height: 280px;
    display: flex;
    flex-direction: column;
}

/* Search input in dropdown */
.multiselect-search[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    background: var(--bg-secondary, #f8fafc);
    position: sticky;
    top: 0;
    z-index: 1;
}

.multiselect-search i.fa-search[b-22zs16hyhl] {
    color: var(--text-muted, #94a3b8);
    font-size: 0.875rem;
}

.multiselect-search input[b-22zs16hyhl] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    color: var(--text-primary, #1e293b);
    outline: none;
}

.multiselect-search input[b-22zs16hyhl]::placeholder {
    color: var(--text-muted, #94a3b8);
}

.multiselect-search .clear-search[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    border: none;
    background: var(--text-muted, #94a3b8);
    color: white;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.625rem;
    transition: background 0.15s ease;
}

.multiselect-search .clear-search:hover[b-22zs16hyhl] {
    background: var(--text-secondary, #64748b);
}

.multiselect-options[b-22zs16hyhl] {
    overflow-y: auto;
    max-height: 220px;
}

.no-results[b-22zs16hyhl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    color: var(--text-muted, #94a3b8);
    gap: 0.5rem;
}

.no-results i[b-22zs16hyhl] {
    font-size: 1.5rem;
    opacity: 0.5;
}

.no-results span[b-22zs16hyhl] {
    font-size: 0.85rem;
    text-align: center;
}

.multiselect-item[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    cursor: pointer;
    transition: background 0.15s ease;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.multiselect-item:last-child[b-22zs16hyhl] {
    border-bottom: none;
}

.multiselect-item:hover[b-22zs16hyhl] {
    background: var(--bg-hover, #f8fafc);
}

.multiselect-item input[type="checkbox"][b-22zs16hyhl] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--brand-blue, #3b82f6);
    flex-shrink: 0;
    cursor: pointer;
}

.doc-type-name[b-22zs16hyhl] {
    flex: 1;
    font-size: 0.875rem;
    color: var(--text-primary, #1e293b);
}

.doc-type-category[b-22zs16hyhl] {
    font-size: 0.75rem;
    color: var(--text-muted, #94a3b8);
    background: var(--bg-secondary, #f1f5f9);
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
}

/* Dark theme for multi-select */
:global([data-bs-theme="dark"]) .multiselect-header[b-22zs16hyhl],
[data-theme="dark"] .multiselect-header[b-22zs16hyhl] {
    background: var(--bg-card, #1e293b);
    border-color: var(--brand-blue, #3b82f6);
    color: var(--text-primary, #f1f5f9);
}

:global([data-bs-theme="dark"]) .multiselect-header:hover[b-22zs16hyhl],
[data-theme="dark"] .multiselect-header:hover[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
}

:global([data-bs-theme="dark"]) .multiselect-header .placeholder[b-22zs16hyhl],
[data-theme="dark"] .multiselect-header .placeholder[b-22zs16hyhl] {
    color: var(--text-muted, #64748b);
}

:global([data-bs-theme="dark"]) .multiselect-dropdown[b-22zs16hyhl],
[data-theme="dark"] .multiselect-dropdown[b-22zs16hyhl] {
    background: var(--bg-card, #1e293b);
    border-color: var(--border-color, #334155);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

:global([data-bs-theme="dark"]) .multiselect-search[b-22zs16hyhl],
[data-theme="dark"] .multiselect-search[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
    border-bottom-color: var(--border-color, #475569);
}

:global([data-bs-theme="dark"]) .multiselect-search input[b-22zs16hyhl],
[data-theme="dark"] .multiselect-search input[b-22zs16hyhl] {
    color: var(--text-primary, #f1f5f9);
}

:global([data-bs-theme="dark"]) .multiselect-search input[b-22zs16hyhl]::placeholder,
[data-theme="dark"] .multiselect-search input[b-22zs16hyhl]::placeholder {
    color: var(--text-muted, #64748b);
}

:global([data-bs-theme="dark"]) .multiselect-search .clear-search[b-22zs16hyhl],
[data-theme="dark"] .multiselect-search .clear-search[b-22zs16hyhl] {
    background: var(--text-muted, #64748b);
}

:global([data-bs-theme="dark"]) .multiselect-search .clear-search:hover[b-22zs16hyhl],
[data-theme="dark"] .multiselect-search .clear-search:hover[b-22zs16hyhl] {
    background: var(--text-secondary, #94a3b8);
}

:global([data-bs-theme="dark"]) .no-results[b-22zs16hyhl],
[data-theme="dark"] .no-results[b-22zs16hyhl] {
    color: var(--text-muted, #64748b);
}

:global([data-bs-theme="dark"]) .multiselect-item[b-22zs16hyhl],
[data-theme="dark"] .multiselect-item[b-22zs16hyhl] {
    border-bottom-color: var(--border-color, #334155);
}

:global([data-bs-theme="dark"]) .multiselect-item:hover[b-22zs16hyhl],
[data-theme="dark"] .multiselect-item:hover[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
}

:global([data-bs-theme="dark"]) .doc-type-name[b-22zs16hyhl],
[data-theme="dark"] .doc-type-name[b-22zs16hyhl] {
    color: var(--text-primary, #f1f5f9);
}

:global([data-bs-theme="dark"]) .doc-type-category[b-22zs16hyhl],
[data-theme="dark"] .doc-type-category[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
    color: var(--text-muted, #94a3b8);
}

/* Checkbox Options */
.checkbox-option[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    background: white;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
}

.checkbox-option:hover[b-22zs16hyhl] {
    background: var(--bg-hover, #f8fafc);
    border-color: var(--brand-blue, #3b82f6);
}

.checkbox-option.disabled[b-22zs16hyhl] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.checkbox-option input[type="checkbox"][b-22zs16hyhl] {
    width: 1.125rem;
    height: 1.125rem;
    cursor: pointer;
    accent-color: var(--brand-blue, #3b82f6);
    margin: 0;
    flex-shrink: 0;
}

.option-icon[b-22zs16hyhl] {
    flex-shrink: 0;
    color: var(--text-secondary, #64748b);
    font-size: 0.9rem;
}

.option-text[b-22zs16hyhl] {
    font-size: 0.9rem;
    color: var(--text-primary, #1e293b);
    font-weight: 500;
}

.option-content[b-22zs16hyhl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.option-hint[b-22zs16hyhl] {
    font-size: 0.8rem;
    color: var(--text-muted, #94a3b8);
    font-weight: 400;
}

/* Sibling Sync Section */
.sibling-sync-section[b-22zs16hyhl] {
    padding-top: 1rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
}

.checkbox-option.highlight[b-22zs16hyhl] {
    background: rgba(245, 158, 11, 0.05);
    border-color: rgba(245, 158, 11, 0.3);
}

.checkbox-option.highlight:hover[b-22zs16hyhl] {
    background: rgba(245, 158, 11, 0.1);
    border-color: var(--brand-warning, #f59e0b);
}

.checkbox-option.highlight .option-icon[b-22zs16hyhl] {
    color: var(--brand-warning, #f59e0b);
}

/* Empty State */
.text-center[b-22zs16hyhl] {
    text-align: center;
}

.text-muted[b-22zs16hyhl] {
    color: var(--text-muted, #94a3b8);
}

/* Loading States */
.spinner-border[b-22zs16hyhl] {
    width: 2rem;
    height: 2rem;
    border-width: 0.25em;
}

.spinner-border-sm[b-22zs16hyhl] {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}

/* Dark Theme Support */
[data-theme="dark"] .field-card[b-22zs16hyhl] {
    background: var(--bg-card, #1e293b);
    border-color: var(--border-color, #334155);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .field-card:hover[b-22zs16hyhl] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .field-card-header[b-22zs16hyhl] {
    border-bottom-color: var(--border-color, #334155);
}

[data-theme="dark"] .field-title[b-22zs16hyhl] {
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .field-code[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
    color: var(--text-muted, #94a3b8);
}

[data-theme="dark"] .section-title[b-22zs16hyhl] {
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .option-text[b-22zs16hyhl] {
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .option-hint[b-22zs16hyhl] {
    color: var(--text-muted, #94a3b8);
}

[data-theme="dark"] .option-icon[b-22zs16hyhl] {
    color: var(--text-secondary, #cbd5e1);
}

[data-theme="dark"] .update-section[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
    border-color: var(--border-color, #475569);
}

[data-theme="dark"] .checkbox-option[b-22zs16hyhl] {
    background: var(--bg-card, #1e293b);
    border-color: var(--border-color, #334155);
}

[data-theme="dark"] .checkbox-option:hover[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
    border-color: var(--brand-blue, #3b82f6);
}

[data-theme="dark"] .checkbox-option.disabled[b-22zs16hyhl] {
    opacity: 0.4;
}

[data-theme="dark"] .checkbox-option.highlight[b-22zs16hyhl] {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.4);
}

[data-theme="dark"] .checkbox-option.highlight:hover[b-22zs16hyhl] {
    background: rgba(245, 158, 11, 0.15);
    border-color: var(--brand-warning, #f59e0b);
}

[data-theme="dark"] .info-banner[b-22zs16hyhl] {
    background: rgba(6, 182, 212, 0.15);
    border-color: rgba(6, 182, 212, 0.3);
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .toggle-label[b-22zs16hyhl] {
    color: var(--text-secondary, #cbd5e1);
}

[data-theme="dark"] .toggle-switch input[type="checkbox"][b-22zs16hyhl] {
    background: #475569;
}

[data-theme="dark"] .toggle-switch input[type="checkbox"]:checked[b-22zs16hyhl] {
    background: var(--brand-success, #10b981);
}

[data-theme="dark"] .tab-button:hover[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
}

/* Header Actions */
.header-actions[b-22zs16hyhl] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.btn-bulk[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-bulk:hover[b-22zs16hyhl] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.btn-add-field[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-add-field:hover[b-22zs16hyhl] {
    background: linear-gradient(135deg, #059669, #047857);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.btn-save-all[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-save-all:hover:not(:disabled)[b-22zs16hyhl] {
    background: linear-gradient(135deg, #d97706, #b45309);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.btn-save-all:disabled[b-22zs16hyhl] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Document Groups */
.doc-groups-section[b-22zs16hyhl] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
}

.doc-group[b-22zs16hyhl] {
    margin-bottom: 1rem;
}

.doc-group:last-child[b-22zs16hyhl] {
    margin-bottom: 0;
}

.doc-group-label[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary, #1e293b);
    margin-bottom: 0.5rem;
}

.doc-group-label i[b-22zs16hyhl] {
    font-size: 0.75rem;
}

.doc-group-label .text-danger[b-22zs16hyhl] {
    color: var(--brand-error, #ef4444);
}

.doc-group-label .text-info[b-22zs16hyhl] {
    color: var(--brand-info, #06b6d4);
}

/* Custom Field Styles */
.field-card.custom-field[b-22zs16hyhl] {
    border-left-color: var(--brand-purple, #8b5cf6);
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.02), transparent);
}

.field-card.custom-field:hover[b-22zs16hyhl] {
    border-left-color: var(--brand-purple, #7c3aed);
}

.custom-badge[b-22zs16hyhl] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.5rem;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(139, 92, 246, 0.1));
    color: var(--brand-purple, #8b5cf6);
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: 0.5rem;
}

.custom-badge i[b-22zs16hyhl] {
    font-size: 0.6rem;
}

.field-header-actions[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-delete-field[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 6px;
    color: var(--text-muted, #94a3b8);
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-delete-field:hover[b-22zs16hyhl] {
    background: rgba(239, 68, 68, 0.1);
    border-color: var(--brand-error, #ef4444);
    color: var(--brand-error, #ef4444);
}

/* MODAL OVERLAY & CONTAINER - Based on amcloud-modal skill */
.modal-overlay[b-22zs16hyhl] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-overlay.visible[b-22zs16hyhl] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.modal-container[b-22zs16hyhl] {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.1);
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    transform: scale(0.95) translateY(20px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.modal-overlay.visible .modal-container[b-22zs16hyhl] {
    transform: scale(1) translateY(0);
    opacity: 1;
}

.modal-container.modal-sm[b-22zs16hyhl] {
    max-width: 400px;
}

.modal-container.modal-lg[b-22zs16hyhl] {
    max-width: 720px;
}

/* MODAL HEADER */
.modal-header-section[b-22zs16hyhl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.5rem 1.75rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    border-radius: 16px 16px 0 0;
}

.header-content[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-icon[b-22zs16hyhl] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    flex-shrink: 0;
}

.header-icon.bulk-icon[b-22zs16hyhl] {
    background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.header-icon.add-icon[b-22zs16hyhl] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.header-icon.delete-icon[b-22zs16hyhl] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

.header-text h2[b-22zs16hyhl] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 600;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.header-text p[b-22zs16hyhl] {
    margin: 0.25rem 0 0 0;
    font-size: 0.875rem;
    color: #94a3b8;
}

.close-btn[b-22zs16hyhl] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.close-btn:hover[b-22zs16hyhl] {
    background: #f1f5f9;
    color: #0f172a;
}

/* MODAL BODY */
.modal-body-section[b-22zs16hyhl] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
    background: #ffffff;
}

.form-section[b-22zs16hyhl] {
    padding: 1.5rem 1.75rem;
}

/* Error Banner */
.error-banner[b-22zs16hyhl] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border-radius: 10px;
    font-size: 0.875rem;
    background: #fef2f2;
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

/* Info Note */
.info-note[b-22zs16hyhl] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    margin-top: 1rem;
    border-radius: 10px;
    font-size: 0.875rem;
    background: #eff6ff;
    color: #1e40af;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.info-note i[b-22zs16hyhl] {
    color: #3b82f6;
    margin-top: 0.1rem;
    flex-shrink: 0;
}

/* MODAL FOOTER */
.modal-footer-section[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.75rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 16px 16px;
}

.footer-actions[b-22zs16hyhl] {
    display: flex;
    gap: 0.75rem;
}

/* Modal Buttons */
.btn-secondary[b-22zs16hyhl] {
    padding: 0.625rem 1.25rem;
    background: white;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 6px;
    color: var(--text-primary, #1e293b);
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-22zs16hyhl] {
    background: var(--bg-secondary, #f8fafc);
    border-color: var(--text-muted, #94a3b8);
}

.btn-primary[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    border: none;
    border-radius: 6px;
    color: white;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-primary:hover:not(:disabled)[b-22zs16hyhl] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
}

.btn-primary:disabled[b-22zs16hyhl] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-danger[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    border: none;
    border-radius: 6px;
    color: white;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-danger:hover:not(:disabled)[b-22zs16hyhl] {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
}

.btn-danger:disabled[b-22zs16hyhl] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-success[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #10b981, #059669);
    border: none;
    border-radius: 6px;
    color: white;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-success:hover:not(:disabled)[b-22zs16hyhl] {
    background: linear-gradient(135deg, #059669, #047857);
}

.btn-success:disabled[b-22zs16hyhl] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Form Fields in Modal */
.field-group[b-22zs16hyhl] {
    margin-bottom: 1.25rem;
}

.field-group:last-child[b-22zs16hyhl] {
    margin-bottom: 0;
}

.field-group.full-width[b-22zs16hyhl] {
    grid-column: 1 / -1;
}

.field-label[b-22zs16hyhl] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-primary, #1e293b);
    margin-bottom: 0.5rem;
}

.field-label.required[b-22zs16hyhl]::after {
    content: '*';
    color: var(--brand-error, #ef4444);
    margin-left: 0.25rem;
}

.field-input[b-22zs16hyhl],
.field-select[b-22zs16hyhl],
.field-textarea[b-22zs16hyhl] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.9rem;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 6px;
    background: white;
    color: var(--text-primary, #1e293b);
    transition: all 0.2s ease;
}

.field-input:focus[b-22zs16hyhl],
.field-select:focus[b-22zs16hyhl],
.field-textarea:focus[b-22zs16hyhl] {
    outline: none;
    border-color: var(--brand-blue, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.field-textarea[b-22zs16hyhl] {
    min-height: 80px;
    resize: vertical;
}

.field-hint[b-22zs16hyhl] {
    font-size: 0.8rem;
    color: var(--text-muted, #94a3b8);
    margin-top: 0.35rem;
}

.field-row[b-22zs16hyhl] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

/* Info Note */
.info-note[b-22zs16hyhl] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: rgba(59, 130, 246, 0.05);
    border: 1px solid rgba(59, 130, 246, 0.15);
    border-radius: 8px;
    font-size: 0.85rem;
    color: var(--text-primary, #1e293b);
    margin-bottom: 1.25rem;
}

.info-note i[b-22zs16hyhl] {
    color: var(--brand-blue, #3b82f6);
    font-size: 1rem;
    margin-top: 0.1rem;
    flex-shrink: 0;
}

.info-note.warning[b-22zs16hyhl] {
    background: rgba(245, 158, 11, 0.05);
    border-color: rgba(245, 158, 11, 0.2);
}

.info-note.warning i[b-22zs16hyhl] {
    color: var(--brand-warning, #f59e0b);
}

.info-note.danger[b-22zs16hyhl] {
    background: rgba(239, 68, 68, 0.05);
    border-color: rgba(239, 68, 68, 0.2);
}

.info-note.danger i[b-22zs16hyhl] {
    color: var(--brand-error, #ef4444);
}

/* Toggle Options */
.toggle-options[b-22zs16hyhl] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.toggle-option[b-22zs16hyhl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: var(--bg-secondary, #f8fafc);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.toggle-option:hover[b-22zs16hyhl] {
    border-color: var(--brand-blue, #3b82f6);
    background: var(--bg-hover, #f1f5f9);
}

.toggle-content[b-22zs16hyhl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.toggle-label-text[b-22zs16hyhl] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text-primary, #1e293b);
}

.toggle-description[b-22zs16hyhl] {
    font-size: 0.8rem;
    color: var(--text-muted, #94a3b8);
}

/* Delete Confirmation */
.delete-confirm-content[b-22zs16hyhl] {
    text-align: center;
    padding: 1rem 0;
}

.delete-field-name[b-22zs16hyhl] {
    font-weight: 600;
    color: var(--text-primary, #1e293b);
    padding: 0.5rem 1rem;
    background: var(--bg-secondary, #f1f5f9);
    border-radius: 6px;
    display: inline-block;
    margin: 0.75rem 0;
}

.delete-warning[b-22zs16hyhl] {
    font-size: 0.9rem;
    color: var(--text-secondary, #64748b);
    margin-top: 0.5rem;
}

/* Dark Theme Support */
[data-theme="dark"] .header-actions .btn-bulk[b-22zs16hyhl],
[data-theme="dark"] .header-actions .btn-add-field[b-22zs16hyhl],
[data-theme="dark"] .header-actions .btn-save-all[b-22zs16hyhl] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .doc-group-label[b-22zs16hyhl] {
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .custom-badge[b-22zs16hyhl] {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(139, 92, 246, 0.15));
}

[data-theme="dark"] .field-card.custom-field[b-22zs16hyhl] {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.05), transparent);
}

[data-theme="dark"] .btn-delete-field[b-22zs16hyhl] {
    border-color: var(--border-color, #334155);
    color: var(--text-muted, #64748b);
}

[data-theme="dark"] .btn-delete-field:hover[b-22zs16hyhl] {
    background: rgba(239, 68, 68, 0.15);
    border-color: var(--brand-error, #ef4444);
}

[data-theme="dark"] .modal-overlay[b-22zs16hyhl] {
    background: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .modal-container[b-22zs16hyhl] {
    background: var(--bg-card, #1e293b);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .modal-header-section[b-22zs16hyhl] {
    border-bottom-color: var(--border-color, #334155);
}

[data-theme="dark"] .modal-title[b-22zs16hyhl] {
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .modal-close:hover[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .modal-footer-section[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
    border-top-color: var(--border-color, #475569);
}

[data-theme="dark"] .btn-secondary[b-22zs16hyhl] {
    background: var(--bg-card, #1e293b);
    border-color: var(--border-color, #334155);
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .btn-secondary:hover[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
    border-color: var(--text-muted, #64748b);
}

[data-theme="dark"] .field-label[b-22zs16hyhl] {
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .field-input[b-22zs16hyhl],
[data-theme="dark"] .field-select[b-22zs16hyhl],
[data-theme="dark"] .field-textarea[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
    border-color: var(--border-color, #475569);
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .field-input:focus[b-22zs16hyhl],
[data-theme="dark"] .field-select:focus[b-22zs16hyhl],
[data-theme="dark"] .field-textarea:focus[b-22zs16hyhl] {
    border-color: var(--brand-blue, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

[data-theme="dark"] .info-note[b-22zs16hyhl] {
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.2);
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .info-note.warning[b-22zs16hyhl] {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.25);
}

[data-theme="dark"] .info-note.danger[b-22zs16hyhl] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.25);
}

[data-theme="dark"] .toggle-option[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
    border-color: var(--border-color, #475569);
}

[data-theme="dark"] .toggle-option:hover[b-22zs16hyhl] {
    background: var(--bg-hover, #475569);
}

[data-theme="dark"] .toggle-label-text[b-22zs16hyhl] {
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .delete-field-name[b-22zs16hyhl] {
    background: var(--bg-surface-alt, #334155);
    color: var(--text-primary, #f1f5f9);
}

[data-theme="dark"] .delete-warning[b-22zs16hyhl] {
    color: var(--text-secondary, #cbd5e1);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .config-grid[b-22zs16hyhl] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .page-container[b-22zs16hyhl] {
        padding: 1rem;
    }

    .page-header[b-22zs16hyhl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-actions[b-22zs16hyhl] {
        width: 100%;
        flex-wrap: wrap;
    }

    .header-actions button[b-22zs16hyhl] {
        flex: 1;
        min-width: 140px;
        justify-content: center;
    }

    .config-tabs[b-22zs16hyhl] {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .tab-button[b-22zs16hyhl] {
        font-size: 0.875rem;
        padding: 0.625rem 1rem;
    }

    .config-grid[b-22zs16hyhl] {
        grid-template-columns: 1fr;
    }

    .update-sections[b-22zs16hyhl] {
        grid-template-columns: 1fr;
    }

    .field-card-header[b-22zs16hyhl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .field-status-toggle[b-22zs16hyhl] {
        width: 100%;
    }

    .toggle-switch[b-22zs16hyhl] {
        width: 100%;
        justify-content: space-between;
    }

    .modal-container[b-22zs16hyhl] {
        width: calc(100% - 1rem);
        max-height: calc(100vh - 2rem);
    }

    .field-row[b-22zs16hyhl] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .page-header h1[b-22zs16hyhl] {
        font-size: 1.5rem;
    }

    .field-title[b-22zs16hyhl] {
        font-size: 0.95rem;
    }

    .section-title[b-22zs16hyhl] {
        font-size: 0.8rem;
    }
}
/* /Areas/Academic/Pages/Principal/Exam/AdmitCardApproval.razor.rz.scp.css */
.approval-container[b-4qxwvh5pp6] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-4qxwvh5pp6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 2rem;
    flex-wrap: wrap;
}

.header-content h1[b-4qxwvh5pp6] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-content h1 i[b-4qxwvh5pp6] {
    color: #8b5cf6;
}

.subtitle[b-4qxwvh5pp6] {
    color: #6b7280;
    margin: 0;
}

.header-stats[b-4qxwvh5pp6] {
    display: flex;
    gap: 1rem;
}

.stat-card[b-4qxwvh5pp6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: white;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.stat-card i[b-4qxwvh5pp6] {
    font-size: 1.5rem;
    opacity: 0.8;
}

.stat-card.pending i[b-4qxwvh5pp6] { color: #f59e0b; }
.stat-card.approved i[b-4qxwvh5pp6] { color: #10b981; }
.stat-card.override i[b-4qxwvh5pp6] { color: #8b5cf6; }

.stat-info[b-4qxwvh5pp6] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-4qxwvh5pp6] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1;
}

.stat-label[b-4qxwvh5pp6] {
    font-size: 0.75rem;
    color: #6b7280;
    text-transform: uppercase;
}

/* Tab Navigation */
.tab-nav[b-4qxwvh5pp6] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #e5e7eb;
    padding-bottom: 0;
}

.tab-btn[b-4qxwvh5pp6] {
    padding: 1rem 1.5rem;
    border: none;
    background: transparent;
    color: #6b7280;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tab-btn:hover[b-4qxwvh5pp6] {
    color: #8b5cf6;
}

.tab-btn.active[b-4qxwvh5pp6] {
    color: #8b5cf6;
    border-bottom-color: #8b5cf6;
}

.tab-btn .badge[b-4qxwvh5pp6] {
    background: #ef4444;
    color: white;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
}

/* Loading State */
.loading-state[b-4qxwvh5pp6] {
    text-align: center;
    padding: 4rem;
    color: #6b7280;
}

.loading-state i[b-4qxwvh5pp6] {
    color: #8b5cf6;
    margin-bottom: 1rem;
}

/* Empty State */
.empty-state[b-4qxwvh5pp6] {
    text-align: center;
    padding: 4rem;
    background: #f9fafb;
    border-radius: 16px;
}

.empty-state i[b-4qxwvh5pp6] {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h3[b-4qxwvh5pp6] {
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-4qxwvh5pp6] {
    color: #6b7280;
    margin: 0;
}

/* Request Cards */
.requests-list[b-4qxwvh5pp6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.request-card[b-4qxwvh5pp6] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
    border: 2px solid transparent;
    transition: border-color 0.2s;
}

.request-card.selected[b-4qxwvh5pp6] {
    border-color: #8b5cf6;
}

.request-header[b-4qxwvh5pp6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.request-id[b-4qxwvh5pp6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.id-badge[b-4qxwvh5pp6] {
    font-family: monospace;
    font-weight: 600;
    color: #8b5cf6;
}

.request-time[b-4qxwvh5pp6] {
    color: #6b7280;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.request-body[b-4qxwvh5pp6] {
    padding: 1.5rem;
}

.request-body h3[b-4qxwvh5pp6] {
    margin: 0 0 0.25rem 0;
    color: #1a1a2e;
    font-size: 1.25rem;
}

.exam-code[b-4qxwvh5pp6] {
    color: #6b7280;
    margin: 0 0 1rem 0;
    font-family: monospace;
}

.request-meta[b-4qxwvh5pp6] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

.meta-item[b-4qxwvh5pp6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #4b5563;
}

.meta-item i[b-4qxwvh5pp6] {
    color: #9ca3af;
}

.instructions-preview[b-4qxwvh5pp6] {
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.instructions-preview strong[b-4qxwvh5pp6] {
    color: #0369a1;
    font-size: 0.875rem;
}

.instructions-preview p[b-4qxwvh5pp6] {
    margin: 0.5rem 0 0 0;
    color: #1e40af;
    font-size: 0.875rem;
}

.remarks-box[b-4qxwvh5pp6] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    background: #fef3c7;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    color: #92400e;
}

.remarks-box i[b-4qxwvh5pp6] {
    margin-top: 0.125rem;
}

.notify-tags[b-4qxwvh5pp6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.notify-label[b-4qxwvh5pp6] {
    font-size: 0.875rem;
    color: #6b7280;
}

.notify-tag[b-4qxwvh5pp6] {
    background: #e0e7ff;
    color: #4338ca;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: capitalize;
}

.request-actions[b-4qxwvh5pp6] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

/* Status Badges */
.status-badge[b-4qxwvh5pp6] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-pending[b-4qxwvh5pp6] {
    background: #fef3c7;
    color: #d97706;
}

.status-approved[b-4qxwvh5pp6] {
    background: #d1fae5;
    color: #059669;
}

.status-rejected[b-4qxwvh5pp6] {
    background: #fee2e2;
    color: #dc2626;
}

/* Buttons */
.btn[b-4qxwvh5pp6] {
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.btn-success[b-4qxwvh5pp6] {
    background: #10b981;
    color: white;
}

.btn-success:hover:not(:disabled)[b-4qxwvh5pp6] {
    background: #059669;
}

.btn-danger[b-4qxwvh5pp6] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover:not(:disabled)[b-4qxwvh5pp6] {
    background: #dc2626;
}

.btn-outline[b-4qxwvh5pp6] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-4qxwvh5pp6] {
    background: #f3f4f6;
}

.btn:disabled[b-4qxwvh5pp6] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Fee Override Cards */
.overrides-list[b-4qxwvh5pp6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1rem;
}

.override-card[b-4qxwvh5pp6] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.override-header[b-4qxwvh5pp6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.25rem;
    background: linear-gradient(135deg, #faf5ff, #f3e8ff);
    border-bottom: 1px solid #e9d5ff;
}

.student-info h4[b-4qxwvh5pp6] {
    margin: 0 0 0.25rem 0;
    color: #1a1a2e;
}

.student-info p[b-4qxwvh5pp6] {
    margin: 0;
    font-size: 0.875rem;
    color: #6b7280;
}

.override-type[b-4qxwvh5pp6] {
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
}

.type-full_exam[b-4qxwvh5pp6] {
    background: #fef3c7;
    color: #d97706;
}

.type-single_day[b-4qxwvh5pp6] {
    background: #dbeafe;
    color: #2563eb;
}

.override-body[b-4qxwvh5pp6] {
    padding: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.override-detail[b-4qxwvh5pp6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.override-detail.full-width[b-4qxwvh5pp6] {
    grid-column: 1 / -1;
}

.override-detail label[b-4qxwvh5pp6] {
    font-size: 0.75rem;
    color: #6b7280;
    text-transform: uppercase;
}

.override-detail span[b-4qxwvh5pp6] {
    color: #1a1a2e;
    font-weight: 500;
}

.reason-text[b-4qxwvh5pp6] {
    margin: 0;
    color: #1a1a2e;
    font-size: 0.875rem;
    line-height: 1.5;
}

.override-actions[b-4qxwvh5pp6] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

/* History Section */
.history-section .filter-bar[b-4qxwvh5pp6] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.filter-bar .form-control[b-4qxwvh5pp6] {
    padding: 0.5rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    min-width: 200px;
}

.history-table[b-4qxwvh5pp6] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.history-table table[b-4qxwvh5pp6] {
    width: 100%;
    border-collapse: collapse;
}

.history-table th[b-4qxwvh5pp6],
.history-table td[b-4qxwvh5pp6] {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.history-table th[b-4qxwvh5pp6] {
    background: #f9fafb;
    font-weight: 600;
    color: #374151;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.rejection-reason[b-4qxwvh5pp6] {
    color: #dc2626;
    font-size: 0.875rem;
}

/* Modal */
.modal-overlay[b-4qxwvh5pp6] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-4qxwvh5pp6] {
    background: white;
    border-radius: 16px;
    max-width: 500px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.modal-header[b-4qxwvh5pp6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h3[b-4qxwvh5pp6] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.text-success[b-4qxwvh5pp6] { color: #10b981; }
.text-danger[b-4qxwvh5pp6] { color: #ef4444; }

.close-btn[b-4qxwvh5pp6] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
}

.close-btn:hover[b-4qxwvh5pp6] {
    color: #1a1a2e;
}

.modal-body[b-4qxwvh5pp6] {
    padding: 1.5rem;
}

.confirm-details[b-4qxwvh5pp6] {
    background: #f9fafb;
    border-radius: 8px;
    padding: 1rem;
    margin: 1rem 0;
}

.detail-row[b-4qxwvh5pp6] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e5e7eb;
}

.detail-row:last-child[b-4qxwvh5pp6] {
    border-bottom: none;
}

.detail-row label[b-4qxwvh5pp6] {
    color: #6b7280;
}

.detail-row span[b-4qxwvh5pp6] {
    font-weight: 500;
    color: #1a1a2e;
}

.approve-note[b-4qxwvh5pp6] {
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 8px;
    padding: 1rem;
    color: #166534;
    font-size: 0.875rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.form-group[b-4qxwvh5pp6] {
    margin-top: 1rem;
}

.form-group label[b-4qxwvh5pp6] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #374151;
}

.required[b-4qxwvh5pp6] {
    color: #ef4444;
}

.form-control[b-4qxwvh5pp6] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.875rem;
}

.form-control:focus[b-4qxwvh5pp6] {
    outline: none;
    border-color: #8b5cf6;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
}

.modal-footer[b-4qxwvh5pp6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

/* Toast Message */
.toast-message[b-4qxwvh5pp6] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    animation: slideIn-b-4qxwvh5pp6 0.3s ease;
    z-index: 1001;
}

.toast-message.success[b-4qxwvh5pp6] {
    background: #10b981;
    color: white;
}

.toast-message.error[b-4qxwvh5pp6] {
    background: #ef4444;
    color: white;
}

@keyframes slideIn-b-4qxwvh5pp6 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Details Modal */
.modal-lg[b-4qxwvh5pp6] {
    max-width: 700px;
}

.text-primary[b-4qxwvh5pp6] {
    color: #8b5cf6;
}

.details-grid[b-4qxwvh5pp6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.detail-section[b-4qxwvh5pp6] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 1.25rem;
}

.detail-section.full-width[b-4qxwvh5pp6] {
    grid-column: 1 / -1;
}

.detail-section h4[b-4qxwvh5pp6] {
    margin: 0 0 1rem 0;
    font-size: 0.875rem;
    color: #6b7280;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 0.75rem;
}

.detail-section h4 i[b-4qxwvh5pp6] {
    color: #8b5cf6;
}

.detail-section .detail-row[b-4qxwvh5pp6] {
    padding: 0.375rem 0;
    border-bottom: none;
}

.detail-section .detail-row:not(:last-child)[b-4qxwvh5pp6] {
    border-bottom: 1px dashed #e5e7eb;
}

.instructions-content[b-4qxwvh5pp6] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem;
    color: #374151;
    font-size: 0.875rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

.remarks-content[b-4qxwvh5pp6] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: 1rem;
    color: #92400e;
    font-size: 0.875rem;
    line-height: 1.6;
}

/* Exam Schedule - Grouped Layout */
.schedule-loading[b-4qxwvh5pp6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    color: #6b7280;
}

.schedule-loading i[b-4qxwvh5pp6] {
    color: #8b5cf6;
}

.schedule-grouped[b-4qxwvh5pp6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 0.5rem;
}

.date-group[b-4qxwvh5pp6] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}

[b-4qxwvh5pp6] .date-group {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}

.date-header[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .date-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
    border-bottom: 1px solid #bae6fd;
}

.date-badge[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .date-badge {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.date-badge .date-day[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .date-badge .date-day {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0369a1;
    line-height: 1;
}

.date-badge .date-month[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .date-badge .date-month {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0284c7;
    text-transform: uppercase;
}

.date-badge .date-weekday[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .date-badge .date-weekday {
    font-size: 0.75rem;
    color: #64748b;
    background: white;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    margin-left: 0.25rem;
}

.exam-count[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .exam-count {
    font-size: 0.75rem;
    color: #64748b;
    background: white;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
}

.subjects-list[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .subjects-list {
    display: flex;
    flex-direction: column;
    background: white;
}

.exam-slots-table[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .exam-slots-table {
    width: 100%;
    border-collapse: collapse;
}

.exam-slots-table tr[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .exam-slots-table tr {
    border-bottom: 1px solid #f3f4f6;
}

.exam-slots-table tr:last-child[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .exam-slots-table tr:last-child {
    border-bottom: none;
}

.exam-slots-table tr:hover[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .exam-slots-table tr:hover {
    background: #f9fafb;
}

.subject-row[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .subject-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f3f4f6;
    gap: 1rem;
    min-height: 48px;
}

.subject-row:last-child[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .subject-row:last-child {
    border-bottom: none;
}

.subject-row:hover[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .subject-row:hover {
    background: #fafafa;
}

.subject-info[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .subject-info {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    flex: 1;
}

.subject-name[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .subject-name {
    font-weight: 600;
    color: #1a1a2e;
}

.class-tag[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .class-tag {
    font-size: 0.75rem;
    color: #6b7280;
    background: #f3f4f6;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
}

.slot-details[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .slot-details {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.period-badge[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .period-badge {
    display: inline-flex;
    align-items: center;
    background: #fef3c7;
    color: #d97706;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.time-badge[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .time-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: #f3f4f6;
    color: #374151;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-family: monospace;
}

.time-badge i[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .time-badge i {
    font-size: 0.625rem;
    color: #9ca3af;
}

.duration-badge[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .duration-badge {
    display: inline-flex;
    align-items: center;
    background: #e0e7ff;
    color: #4338ca;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.venue-badge[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .venue-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: #dcfce7;
    color: #166534;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
}

.venue-badge i[b-4qxwvh5pp6],
[b-4qxwvh5pp6] .venue-badge i {
    font-size: 0.625rem;
}

.text-muted[b-4qxwvh5pp6] {
    color: #9ca3af;
}

.schedule-summary[b-4qxwvh5pp6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed #e5e7eb;
    font-size: 0.875rem;
    color: #6b7280;
}

.schedule-summary .separator[b-4qxwvh5pp6] {
    color: #d1d5db;
}

.no-schedule[b-4qxwvh5pp6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    color: #9ca3af;
    background: #f9fafb;
    border-radius: 8px;
}

.no-schedule i[b-4qxwvh5pp6] {
    font-size: 1.25rem;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-4qxwvh5pp6] {
        flex-direction: column;
    }

    .header-stats[b-4qxwvh5pp6] {
        width: 100%;
        flex-wrap: wrap;
    }

    .stat-card[b-4qxwvh5pp6] {
        flex: 1;
        min-width: 120px;
    }

    .tab-nav[b-4qxwvh5pp6] {
        overflow-x: auto;
    }

    .request-actions[b-4qxwvh5pp6] {
        flex-wrap: wrap;
    }

    .overrides-list[b-4qxwvh5pp6] {
        grid-template-columns: 1fr;
    }

    .override-body[b-4qxwvh5pp6] {
        grid-template-columns: 1fr;
    }

    .details-grid[b-4qxwvh5pp6] {
        grid-template-columns: 1fr;
    }

    .modal-lg[b-4qxwvh5pp6] {
        max-width: 100%;
    }
}
/* /Areas/Academic/Pages/Principal/Exam/ExamApproval.razor.rz.scp.css */
.page-container[b-wt4ugrsa9x] {
    padding: 1.5rem;
    max-width: 1000px;
    margin: 0 auto;
}

.page-header[b-wt4ugrsa9x] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-wt4ugrsa9x] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.page-header p[b-wt4ugrsa9x] {
    margin: 0.5rem 0 0;
    color: var(--text-secondary);
}

/* Alerts */
.alert[b-wt4ugrsa9x] {
    padding: 0.875rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-danger[b-wt4ugrsa9x] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.alert-success[b-wt4ugrsa9x] {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

/* Tabs */
.tabs[b-wt4ugrsa9x] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--border-color);
}

.tab[b-wt4ugrsa9x] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s;
}

.tab:hover[b-wt4ugrsa9x] {
    color: var(--primary-color);
}

.tab.active[b-wt4ugrsa9x] {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

.tab .badge[b-wt4ugrsa9x] {
    background: var(--primary-color);
    color: white;
    font-size: 0.75rem;
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
}

/* Loading & Empty */
.loading-state[b-wt4ugrsa9x], .empty-state[b-wt4ugrsa9x] {
    text-align: center;
    padding: 3rem;
    color: var(--text-secondary);
}

.empty-state i[b-wt4ugrsa9x] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
    opacity: 0.5;
}

/* Periods List */
.periods-list[b-wt4ugrsa9x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.approval-card[b-wt4ugrsa9x] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
}

.card-main[b-wt4ugrsa9x] {
    padding: 1.25rem;
}

.card-header[b-wt4ugrsa9x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.period-code[b-wt4ugrsa9x] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--primary-color);
    text-transform: uppercase;
}

.card-header h4[b-wt4ugrsa9x] {
    margin: 0.25rem 0 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
}

.type-badge[b-wt4ugrsa9x] {
    font-size: 0.75rem;
    padding: 0.25rem 0.75rem;
    background: var(--bg-secondary);
    border-radius: 20px;
    color: var(--text-secondary);
}

.card-details[b-wt4ugrsa9x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
}

.detail[b-wt4ugrsa9x] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.detail i[b-wt4ugrsa9x] {
    width: 1rem;
    text-align: center;
    color: var(--text-muted);
}

.card-actions[b-wt4ugrsa9x] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-color);
}

.approved-info[b-wt4ugrsa9x], .rejected-info[b-wt4ugrsa9x] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.approved-info i[b-wt4ugrsa9x] {
    color: #10b981;
}

/* Buttons */
.btn-success[b-wt4ugrsa9x], .btn-danger[b-wt4ugrsa9x], .btn-secondary[b-wt4ugrsa9x] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.btn-success[b-wt4ugrsa9x] {
    background: #10b981;
    color: white;
}

.btn-success:hover[b-wt4ugrsa9x] {
    background: #059669;
}

.btn-danger[b-wt4ugrsa9x] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover[b-wt4ugrsa9x] {
    background: #dc2626;
}

.btn-secondary[b-wt4ugrsa9x] {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

/* Modal */
.modal-overlay[b-wt4ugrsa9x] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-wt4ugrsa9x] {
    background: var(--card-bg);
    border-radius: 12px;
    width: 100%;
    max-width: 450px;
}

.modal-header[b-wt4ugrsa9x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-color);
}

.modal-header h3[b-wt4ugrsa9x] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
}

.modal-close[b-wt4ugrsa9x] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: var(--text-secondary);
    cursor: pointer;
}

.modal-body[b-wt4ugrsa9x] {
    padding: 1.25rem;
}

.modal-body p[b-wt4ugrsa9x] {
    margin: 0 0 1rem;
}

.modal-footer[b-wt4ugrsa9x] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-color);
}

/* Form */
.form-group[b-wt4ugrsa9x] {
    margin-bottom: 0;
}

.form-group label[b-wt4ugrsa9x] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.375rem;
    color: var(--text-primary);
}

.form-group .required[b-wt4ugrsa9x] {
    color: #dc2626;
}

.form-input[b-wt4ugrsa9x] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    font-size: 0.875rem;
    background: var(--input-bg);
    color: var(--text-primary);
    resize: vertical;
}

.form-input:focus[b-wt4ugrsa9x] {
    outline: none;
    border-color: var(--primary-color);
}
/* /Areas/Academic/Pages/Principal/Exam/ScheduleApproval.razor.rz.scp.css */
.page-container[b-valpg4a4nb] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-valpg4a4nb] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-valpg4a4nb] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary, #1e293b);
    margin: 0;
}

.page-header .subtitle[b-valpg4a4nb] {
    color: var(--text-secondary, #64748b);
    margin: 0.25rem 0 0 0;
    font-size: 0.9rem;
}

/* Alerts */
.alert[b-valpg4a4nb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-danger[b-valpg4a4nb] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.alert-success[b-valpg4a4nb] {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
}

.alert-warning[b-valpg4a4nb] {
    background: #fffbeb;
    color: #b45309;
    border: 1px solid #fcd34d;
}

.alert-close[b-valpg4a4nb] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    opacity: 0.6;
    color: inherit;
}

/* Tabs */
.tabs[b-valpg4a4nb] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    padding-bottom: 0.5rem;
}

.tab[b-valpg4a4nb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border: none;
    background: transparent;
    color: var(--text-secondary, #64748b);
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    font-weight: 500;
    transition: all 0.2s;
}

.tab:hover[b-valpg4a4nb] {
    background: var(--bg-secondary, #f8fafc);
    color: var(--text-primary, #1e293b);
}

.tab.active[b-valpg4a4nb] {
    background: var(--primary-color, #3b82f6);
    color: white;
}

.tab .badge[b-valpg4a4nb] {
    background: rgba(255,255,255,0.3);
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    font-size: 0.75rem;
}

.tab.active .badge[b-valpg4a4nb] {
    background: rgba(255,255,255,0.3);
}

/* Loading & Empty States */
.loading-state[b-valpg4a4nb], .empty-state[b-valpg4a4nb] {
    text-align: center;
    padding: 3rem;
    color: var(--text-secondary, #64748b);
}

.loading-state i[b-valpg4a4nb], .empty-state i[b-valpg4a4nb] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state p[b-valpg4a4nb] {
    margin: 0;
}

/* Schedule Cards */
.schedules-list[b-valpg4a4nb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.schedule-card[b-valpg4a4nb] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 10px;
    overflow: hidden;
}

.schedule-card .card-header[b-valpg4a4nb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem 1.25rem;
    background: var(--bg-secondary, #f8fafc);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.schedule-card .header-left[b-valpg4a4nb] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.schedule-card .exam-code[b-valpg4a4nb] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--primary-color, #3b82f6);
    text-transform: uppercase;
}

.schedule-card h4[b-valpg4a4nb] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary, #1e293b);
}

.schedule-card .exam-type[b-valpg4a4nb] {
    font-size: 0.8rem;
    color: var(--text-secondary, #64748b);
}

/* Status Badges */
.status-badge[b-valpg4a4nb] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.warning[b-valpg4a4nb] { background: #fef3c7; color: #92400e; }
.status-badge.success[b-valpg4a4nb] { background: #dcfce7; color: #166534; }
.status-badge.info[b-valpg4a4nb] { background: #dbeafe; color: #1d4ed8; }
.status-badge.danger[b-valpg4a4nb] { background: #fee2e2; color: #991b1b; }
.status-badge.secondary[b-valpg4a4nb] { background: #f1f5f9; color: #475569; }

/* Card Body */
.schedule-card .card-body[b-valpg4a4nb] {
    padding: 1rem 1.25rem;
}

.info-grid[b-valpg4a4nb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
}

.info-item[b-valpg4a4nb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary, #64748b);
    font-size: 0.9rem;
}

.info-item i[b-valpg4a4nb] {
    width: 16px;
    color: var(--primary-color, #3b82f6);
}

/* Card Actions */
.schedule-card .card-actions[b-valpg4a4nb] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
    background: var(--bg-secondary, #f8fafc);
}

/* Buttons */
.btn[b-valpg4a4nb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-outline[b-valpg4a4nb] {
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-primary, #1e293b);
}

.btn-outline:hover[b-valpg4a4nb] {
    background: var(--bg-secondary, #f8fafc);
}

.btn-success[b-valpg4a4nb] {
    background: #22c55e;
    color: white;
}

.btn-success:hover:not(:disabled)[b-valpg4a4nb] {
    background: #16a34a;
}

.btn-danger[b-valpg4a4nb] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover:not(:disabled)[b-valpg4a4nb] {
    background: #dc2626;
}

.btn:disabled[b-valpg4a4nb] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Modal */
.modal-overlay[b-valpg4a4nb] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 1rem;
}

.modal-content[b-valpg4a4nb] {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow: auto;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
}

.modal-content.modal-lg[b-valpg4a4nb] {
    max-width: 800px;
}

.modal-header[b-valpg4a4nb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.modal-header h3[b-valpg4a4nb] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.modal-close[b-valpg4a4nb] {
    background: none;
    border: none;
    cursor: pointer;
    color: #64748b;
    padding: 0.25rem;
}

.modal-body[b-valpg4a4nb] {
    padding: 1.5rem;
}

.modal-footer[b-valpg4a4nb] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

/* Form */
.form-group[b-valpg4a4nb] {
    margin-bottom: 1rem;
}

.form-group label[b-valpg4a4nb] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.375rem;
}

.form-group .required[b-valpg4a4nb] {
    color: #dc2626;
}

.form-control[b-valpg4a4nb] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 6px;
    font-size: 0.9rem;
}

.form-control:focus[b-valpg4a4nb] {
    outline: none;
    border-color: var(--primary-color, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Approval Info */
.approval-info[b-valpg4a4nb] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.approval-info i[b-valpg4a4nb] {
    color: #3b82f6;
    margin-right: 0.5rem;
}

.approval-info ul[b-valpg4a4nb] {
    margin: 0.5rem 0 0 1.5rem;
    padding: 0;
}

.approval-info li[b-valpg4a4nb] {
    font-size: 0.875rem;
    color: #1e40af;
    margin-bottom: 0.25rem;
}

/* Schedule Details */
.schedule-summary[b-valpg4a4nb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--bg-secondary, #f8fafc);
    border-radius: 8px;
}

.summary-item label[b-valpg4a4nb] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-secondary, #64748b);
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.summary-item span[b-valpg4a4nb] {
    font-weight: 500;
    color: var(--text-primary, #1e293b);
}

.slots-title[b-valpg4a4nb] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.slots-table-container[b-valpg4a4nb] {
    max-height: 400px;
    overflow-y: auto;
}

.slots-table[b-valpg4a4nb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.slots-table th[b-valpg4a4nb],
.slots-table td[b-valpg4a4nb] {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.slots-table th[b-valpg4a4nb] {
    font-weight: 600;
    color: var(--text-secondary, #64748b);
    background: var(--bg-secondary, #f8fafc);
    position: sticky;
    top: 0;
}

.slots-table tr.new-date td[b-valpg4a4nb] {
    border-top: 2px solid var(--primary-color, #3b82f6);
}

.slots-table tr.new-date td:first-child[b-valpg4a4nb] {
    font-weight: 600;
    color: var(--primary-color, #3b82f6);
}

/* Dark Theme */
[b-valpg4a4nb] [data-theme="dark"] .schedule-card,
[b-valpg4a4nb] [data-theme="dark"] .modal-content {
    background: #1e293b;
    border-color: #334155;
}

[b-valpg4a4nb] [data-theme="dark"] .card-header,
[b-valpg4a4nb] [data-theme="dark"] .card-actions,
[b-valpg4a4nb] [data-theme="dark"] .modal-header,
[b-valpg4a4nb] [data-theme="dark"] .modal-footer {
    background: #0f172a;
    border-color: #334155;
}

[b-valpg4a4nb] [data-theme="dark"] h4,
[b-valpg4a4nb] [data-theme="dark"] .modal-header h3 {
    color: #f1f5f9;
}

[b-valpg4a4nb] [data-theme="dark"] .form-control {
    background: #0f172a;
    border-color: #334155;
    color: #f1f5f9;
}

/* Exam Type Badges */
.exam-type-badge[b-valpg4a4nb] {
    display: inline-block;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.exam-type-badge.type-written[b-valpg4a4nb] {
    background: #dbeafe;
    color: #1d4ed8;
}

.exam-type-badge.type-oral[b-valpg4a4nb] {
    background: #fef3c7;
    color: #b45309;
}

.exam-type-badge.type-practical[b-valpg4a4nb] {
    background: #dcfce7;
    color: #166534;
}

.exam-type-badge.type-theory[b-valpg4a4nb] {
    background: #e0e7ff;
    color: #4338ca;
}

.exam-type-badge.type-mcq[b-valpg4a4nb] {
    background: #fce7f3;
    color: #be185d;
}

.exam-type-badge.type-project[b-valpg4a4nb] {
    background: #f3e8ff;
    color: #7c3aed;
}

.exam-type-badge.type-assignment[b-valpg4a4nb] {
    background: #ccfbf1;
    color: #0d9488;
}

/* Dark mode for exam type badges */
:global([data-theme="dark"]) .exam-type-badge.type-written[b-valpg4a4nb] {
    background: #1e3a5f;
    color: #93c5fd;
}

:global([data-theme="dark"]) .exam-type-badge.type-oral[b-valpg4a4nb] {
    background: #713f12;
    color: #fcd34d;
}

:global([data-theme="dark"]) .exam-type-badge.type-practical[b-valpg4a4nb] {
    background: #14532d;
    color: #86efac;
}

:global([data-theme="dark"]) .exam-type-badge.type-theory[b-valpg4a4nb] {
    background: #312e81;
    color: #a5b4fc;
}

:global([data-theme="dark"]) .exam-type-badge.type-mcq[b-valpg4a4nb] {
    background: #831843;
    color: #f9a8d4;
}

:global([data-theme="dark"]) .exam-type-badge.type-project[b-valpg4a4nb] {
    background: #4c1d95;
    color: #c4b5fd;
}

:global([data-theme="dark"]) .exam-type-badge.type-assignment[b-valpg4a4nb] {
    background: #134e4a;
    color: #5eead4;
}

/* New/Modified Slots Highlighting */
.slots-title[b-valpg4a4nb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.new-slots-badge[b-valpg4a4nb] {
    background: #fef3c7;
    color: #b45309;
    padding: 0.2rem 0.6rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.info-banner[b-valpg4a4nb] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    margin-bottom: 1rem;
    font-size: 0.85rem;
    color: #1e40af;
}

.info-banner i[b-valpg4a4nb] {
    color: #3b82f6;
    margin-top: 0.1rem;
}

/* Slot Status Badges */
.slot-status-badge[b-valpg4a4nb] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.slot-status-badge.new[b-valpg4a4nb] {
    background: #dcfce7;
    color: #166534;
}

.slot-status-badge.modified[b-valpg4a4nb] {
    background: #fef3c7;
    color: #b45309;
}

.slot-status-badge.approved[b-valpg4a4nb] {
    background: #f1f5f9;
    color: #64748b;
}

/* Row Highlighting */
.slots-table tr.highlight-row[b-valpg4a4nb] {
    background: rgba(34, 197, 94, 0.08);
}

.slots-table tr.highlight-row:hover[b-valpg4a4nb] {
    background: rgba(34, 197, 94, 0.12);
}

.slots-table tr.approved-row[b-valpg4a4nb] {
    opacity: 0.6;
}

/* Dark theme for new styles */
:global([data-theme="dark"]) .new-slots-badge[b-valpg4a4nb] {
    background: #713f12;
    color: #fcd34d;
}

:global([data-theme="dark"]) .info-banner[b-valpg4a4nb] {
    background: rgba(59, 130, 246, 0.15);
    border-color: #1d4ed8;
    color: #93c5fd;
}

:global([data-theme="dark"]) .slot-status-badge.new[b-valpg4a4nb] {
    background: #14532d;
    color: #86efac;
}

:global([data-theme="dark"]) .slot-status-badge.modified[b-valpg4a4nb] {
    background: #713f12;
    color: #fcd34d;
}

:global([data-theme="dark"]) .slot-status-badge.approved[b-valpg4a4nb] {
    background: #334155;
    color: #94a3b8;
}

:global([data-theme="dark"]) .slots-table tr.highlight-row[b-valpg4a4nb] {
    background: rgba(34, 197, 94, 0.1);
}

:global([data-theme="dark"]) .slots-table tr.approved-row[b-valpg4a4nb] {
    opacity: 0.5;
}
/* /Areas/Academic/Pages/Principal/Index.razor.rz.scp.css */
.dashboard-container[b-o0mwhhdk22] {
        padding: 1.5rem;
    }
    .page-header[b-o0mwhhdk22] {
        margin-bottom: 2rem;
    }
    .page-header h1[b-o0mwhhdk22] {
        margin: 0;
        font-size: 1.75rem;
        font-weight: 600;
    }
    .dashboard-cards[b-o0mwhhdk22] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
    }
    .stat-card[b-o0mwhhdk22] {
        background: var(--bg-primary);
        border-radius: 12px;
        padding: 1.5rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        box-shadow: var(--shadow-sm);
        border: 1px solid var(--border);
    }
    .stat-icon[b-o0mwhhdk22] {
        width: 56px;
        height: 56px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: var(--btn-primary-text, #ffffff);
    }
    .stat-icon.bg-primary[b-o0mwhhdk22] { background: linear-gradient(135deg, #667eea, #764ba2); }
    .stat-icon.bg-success[b-o0mwhhdk22] { background: linear-gradient(135deg, #11998e, #38ef7d); }
    .stat-icon.bg-warning[b-o0mwhhdk22] { background: linear-gradient(135deg, #f6d365, #fda085); }
    .stat-icon.bg-info[b-o0mwhhdk22] { background: linear-gradient(135deg, #4facfe, #00f2fe); }
    .stat-content h3[b-o0mwhhdk22] {
        font-size: 0.875rem;
        color: var(--text-muted);
        margin: 0;
    }
    .stat-value[b-o0mwhhdk22] {
        font-size: 1.75rem;
        font-weight: 700;
        margin: 0.25rem 0;
        color: var(--text-primary);
    }
    .stat-label[b-o0mwhhdk22] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }
    .action-buttons[b-o0mwhhdk22] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    .action-buttons .btn[b-o0mwhhdk22] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
/* /Areas/Academic/Pages/Principal/PanelOversight/Index.razor.rz.scp.css */
.page-container[b-vuerxjc3wv] { padding: 1.5rem; }
    .page-header[b-vuerxjc3wv] { margin-bottom: 1.5rem; }
    .page-header h1[b-vuerxjc3wv] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .filter-bar[b-vuerxjc3wv] { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.5rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; flex-wrap: wrap; }
    .filter-group[b-vuerxjc3wv] { display: flex; align-items: center; gap: 0.5rem; }
    .filter-group label[b-vuerxjc3wv] { font-size: 0.875rem; color: var(--text-muted); white-space: nowrap; }
    .loading-container[b-vuerxjc3wv] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-vuerxjc3wv] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
    .employees-list[b-vuerxjc3wv] { display: flex; flex-direction: column; gap: 1rem; }
    .employee-card[b-vuerxjc3wv] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .employee-header[b-vuerxjc3wv] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border); }
    .employee-info h4[b-vuerxjc3wv] { margin: 0; font-size: 1rem; font-weight: 600; }
    .employee-meta[b-vuerxjc3wv] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.8rem; color: var(--text-muted); margin-top: 0.25rem; }
    .employee-id[b-vuerxjc3wv] { font-family: monospace; background: var(--bg-primary); padding: 0.1rem 0.4rem; border-radius: 4px; }
    .separator[b-vuerxjc3wv] { color: var(--border); }
    .panels-table[b-vuerxjc3wv] { padding: 0.5rem; }
    .panels-table table[b-vuerxjc3wv] { width: 100%; border-collapse: collapse; }
    .panels-table th[b-vuerxjc3wv], .panels-table td[b-vuerxjc3wv] { padding: 0.6rem 0.75rem; text-align: left; border-bottom: 1px solid var(--border); }
    .panels-table th[b-vuerxjc3wv] { font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; }
    .panels-table tbody tr:last-child td[b-vuerxjc3wv] { border-bottom: none; }
    .panels-table tbody tr:hover[b-vuerxjc3wv] { background: var(--bg-secondary); }
    .panel-name[b-vuerxjc3wv] { display: flex; align-items: center; }
    code[b-vuerxjc3wv] { background: var(--bg-secondary); padding: 0.15rem 0.4rem; border-radius: 4px; font-size: 0.75rem; }
    .summary-bar[b-vuerxjc3wv] { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; font-size: 0.875rem; }
    .pagination-controls[b-vuerxjc3wv] { display: flex; gap: 0.5rem; }
/* /Areas/Academic/Pages/Principal/PTM/Approval.razor.rz.scp.css */
.approval-page[b-hdraewrh7d] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-hdraewrh7d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-title[b-hdraewrh7d] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-subtitle[b-hdraewrh7d] {
    color: #6b7280;
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
}

/* Status Tabs */
.status-tabs[b-hdraewrh7d] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    background: #f8fafc;
    padding: 0.5rem;
    border-radius: 10px;
}

.tab[b-hdraewrh7d] {
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #6b7280;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tab:hover[b-hdraewrh7d] {
    background: #fff;
    color: #374151;
}

.tab.active[b-hdraewrh7d] {
    background: #fff;
    color: #4f46e5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.tab .badge[b-hdraewrh7d] {
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: #e5e7eb;
    color: #374151;
}

.tab .badge.warning[b-hdraewrh7d] {
    background: #fef3c7;
    color: #92400e;
}

.tab .badge.success[b-hdraewrh7d] {
    background: #dcfce7;
    color: #166534;
}

.tab .badge.danger[b-hdraewrh7d] {
    background: #fee2e2;
    color: #991b1b;
}

/* Schedules Grid */
.schedules-grid[b-hdraewrh7d] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
}

/* Schedule Card */
.schedule-card[b-hdraewrh7d] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.2s;
}

.schedule-card:hover[b-hdraewrh7d] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.schedule-card.pending[b-hdraewrh7d] {
    border-color: #fbbf24;
}

.schedule-card.approved[b-hdraewrh7d] {
    border-color: #10b981;
}

.schedule-card.rejected[b-hdraewrh7d] {
    border-color: #ef4444;
}

.schedule-header[b-hdraewrh7d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

.ptm-type-badge[b-hdraewrh7d] {
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.ptm-type-badge.pd[b-hdraewrh7d] {
    background: #dbeafe;
    color: #1e40af;
}

.ptm-type-badge.term[b-hdraewrh7d] {
    background: #fef3c7;
    color: #92400e;
}

.ptm-type-badge.custom[b-hdraewrh7d] {
    background: #e0e7ff;
    color: #4338ca;
}

.ptm-type-badge.exam[b-hdraewrh7d] {
    background: #dbeafe;
    color: #1e40af;
}

.exam-type-info[b-hdraewrh7d] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 0.5rem;
}

.status-badge[b-hdraewrh7d] {
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.pending[b-hdraewrh7d] {
    background: #fef3c7;
    color: #92400e;
}

.status-badge.approved[b-hdraewrh7d] {
    background: #dcfce7;
    color: #166534;
}

.status-badge.rejected[b-hdraewrh7d] {
    background: #fee2e2;
    color: #991b1b;
}

.schedule-body[b-hdraewrh7d] {
    padding: 1.25rem;
}

.schedule-name[b-hdraewrh7d] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.75rem;
}

.schedule-dates[b-hdraewrh7d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: #4f46e5;
    font-weight: 500;
    margin-bottom: 1rem;
}

.instructions-box[b-hdraewrh7d] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.875rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.instructions-box strong[b-hdraewrh7d] {
    color: #374151;
    display: block;
    margin-bottom: 0.25rem;
}

.instructions-box p[b-hdraewrh7d] {
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

.schedule-meta[b-hdraewrh7d] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.meta-item[b-hdraewrh7d] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: #9ca3af;
}

.rejection-reason[b-hdraewrh7d] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 0.875rem;
    font-size: 0.85rem;
    color: #991b1b;
    margin-top: 0.75rem;
    display: flex;
    gap: 0.75rem;
}

.rejection-reason i[b-hdraewrh7d] {
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.rejection-reason p[b-hdraewrh7d] {
    margin: 0.25rem 0 0.5rem;
}

.rejected-by[b-hdraewrh7d] {
    font-size: 0.75rem;
    color: #b91c1c;
}

.approved-info[b-hdraewrh7d] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 0.875rem;
    font-size: 0.85rem;
    color: #166534;
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.schedule-footer[b-hdraewrh7d] {
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-top: 1px solid #e5e7eb;
    display: flex;
    gap: 0.75rem;
}

/* Buttons */
.btn[b-hdraewrh7d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    flex: 1;
}

.btn-success[b-hdraewrh7d] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
}

.btn-success:hover:not(:disabled)[b-hdraewrh7d] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.btn-danger[b-hdraewrh7d] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #fff;
}

.btn-danger:hover:not(:disabled)[b-hdraewrh7d] {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
}

.btn-outline[b-hdraewrh7d] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-hdraewrh7d] {
    background: #f3f4f6;
    border-color: #9ca3af;
}

.btn:disabled[b-hdraewrh7d] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Modal */
.modal-backdrop[b-hdraewrh7d] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal[b-hdraewrh7d] {
    z-index: 1050;
}

.modal-content[b-hdraewrh7d] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.modal-header[b-hdraewrh7d] {
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
    padding: 1rem 1.5rem;
}

.modal-title[b-hdraewrh7d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: #1a1a2e;
}

.modal-body[b-hdraewrh7d] {
    padding: 1.5rem;
}

.modal-footer[b-hdraewrh7d] {
    background: #f8fafc;
    border-top: 1px solid #e5e7eb;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.modal-footer .btn[b-hdraewrh7d] {
    flex: 0;
}

/* Form Elements */
.form-group[b-hdraewrh7d] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
}

.form-label[b-hdraewrh7d] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.form-label.required[b-hdraewrh7d]::after {
    content: " *";
    color: #dc2626;
}

.form-textarea[b-hdraewrh7d] {
    padding: 0.625rem 0.875rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.9rem;
    resize: vertical;
    min-height: 100px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-textarea:focus[b-hdraewrh7d] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

/* Loading & Empty States */
.loading-container[b-hdraewrh7d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6b7280;
}

.spinner[b-hdraewrh7d] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top-color: #4f46e5;
    border-radius: 50%;
    animation: spin-b-hdraewrh7d 1s linear infinite;
}

.spinner-sm[b-hdraewrh7d] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-hdraewrh7d 1s linear infinite;
}

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

.empty-state[b-hdraewrh7d] {
    text-align: center;
    padding: 3rem;
    background: #f8fafc;
    border-radius: 12px;
}

.empty-state i[b-hdraewrh7d] {
    font-size: 3rem;
    color: #9ca3af;
    margin-bottom: 1rem;
}

.empty-state h3[b-hdraewrh7d] {
    color: #374151;
    margin-bottom: 0.5rem;
}

.empty-state p[b-hdraewrh7d] {
    color: #6b7280;
}

/* Alerts */
.alert[b-hdraewrh7d] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-error[b-hdraewrh7d] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-success[b-hdraewrh7d] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.alert-close[b-hdraewrh7d] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    opacity: 0.7;
}

.alert-close:hover[b-hdraewrh7d] {
    opacity: 1;
}

.text-danger[b-hdraewrh7d] {
    color: #dc2626;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .approval-page[b-hdraewrh7d] {
        padding: 1rem;
    }

    .status-tabs[b-hdraewrh7d] {
        overflow-x: auto;
    }

    .schedules-grid[b-hdraewrh7d] {
        grid-template-columns: 1fr;
    }

    .schedule-footer[b-hdraewrh7d] {
        flex-direction: column;
    }

    .modal-dialog[b-hdraewrh7d] {
        margin: 0.5rem;
    }
}
/* /Areas/Academic/Pages/Principal/Settings/Index.razor.rz.scp.css */
.settings-container[b-p7wp8f42fs] {
    padding: 1.5rem;
    max-width: 1000px;
}

.page-header[b-p7wp8f42fs] {
    margin-bottom: 2rem;
}

.page-header h1[b-p7wp8f42fs] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.5rem;
}

.page-header .text-muted[b-p7wp8f42fs] {
    font-size: 0.875rem;
    margin: 0;
}

/* Settings Grid */
.settings-grid[b-p7wp8f42fs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.settings-section[b-p7wp8f42fs] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.section-header[b-p7wp8f42fs] {
    padding: 1rem 1.25rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.section-header h4[b-p7wp8f42fs] {
    font-size: 1rem;
    font-weight: 600;
    color: #374151;
    margin: 0;
    display: flex;
    align-items: center;
}

.section-header h4 i[b-p7wp8f42fs] {
    color: #6366f1;
}

.section-desc[b-p7wp8f42fs] {
    font-size: 0.8rem;
    color: #6b7280;
    margin: 0.5rem 0 0 0;
}

.section-content[b-p7wp8f42fs] {
    padding: 1.25rem;
}

/* Guidelines */
.guidelines ul[b-p7wp8f42fs] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.guidelines li[b-p7wp8f42fs] {
    padding: 0.5rem 0;
    font-size: 0.85rem;
    color: #4b5563;
    display: flex;
    align-items: flex-start;
}

.guidelines li i[b-p7wp8f42fs] {
    margin-top: 0.15rem;
    flex-shrink: 0;
}

/* Profile Info */
.profile-info[b-p7wp8f42fs] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.info-row[b-p7wp8f42fs] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f3f4f6;
}

.info-row:last-child[b-p7wp8f42fs] {
    border-bottom: none;
}

.info-label[b-p7wp8f42fs] {
    font-size: 0.85rem;
    color: #6b7280;
}

.info-value[b-p7wp8f42fs] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #1f2937;
}

/* Dark theme support */
[b-p7wp8f42fs] [data-theme="dark"] .settings-section {
    background: #1e1e2e;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

[b-p7wp8f42fs] [data-theme="dark"] .section-header {
    background: #252535;
    border-color: #333;
}

[b-p7wp8f42fs] [data-theme="dark"] .section-header h4 {
    color: #f0f0f0;
}

[b-p7wp8f42fs] [data-theme="dark"] .section-desc {
    color: #888;
}

[b-p7wp8f42fs] [data-theme="dark"] .guidelines li {
    color: #d0d0d0;
}

[b-p7wp8f42fs] [data-theme="dark"] .info-row {
    border-color: #333;
}

[b-p7wp8f42fs] [data-theme="dark"] .info-label {
    color: #888;
}

[b-p7wp8f42fs] [data-theme="dark"] .info-value {
    color: #f0f0f0;
}

[b-p7wp8f42fs] [data-theme="dark"] .page-header h1 {
    color: #f0f0f0;
}

/* Responsive */
@media (max-width: 768px) {
    .settings-container[b-p7wp8f42fs] {
        padding: 1rem;
    }

    .settings-grid[b-p7wp8f42fs] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/Principal/Syllabus/Analytics.razor.rz.scp.css */
.page-container[b-vi4s1pqgb6] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.page-header[b-vi4s1pqgb6] {
    margin-bottom: 1.5rem;
}

.header-left[b-vi4s1pqgb6] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-link[b-vi4s1pqgb6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--card-bg, #fff);
    color: var(--text-secondary, #6b7280);
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid var(--border-color, #e5e7eb);
}

.back-link:hover[b-vi4s1pqgb6] {
    background: var(--primary-color, #4f46e5);
    color: white;
    border-color: var(--primary-color, #4f46e5);
}

.page-header h1[b-vi4s1pqgb6] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
    margin: 0;
}

.subtitle[b-vi4s1pqgb6] {
    color: var(--text-secondary, #6b7280);
    font-size: 0.875rem;
    margin: 0.25rem 0 0;
}

.loading-state[b-vi4s1pqgb6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: var(--text-secondary, #6b7280);
}

.loading-state i[b-vi4s1pqgb6] {
    margin-bottom: 1rem;
    color: var(--primary-color, #4f46e5);
}

/* Summary Cards */
.summary-grid[b-vi4s1pqgb6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-vi4s1pqgb6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--card-bg, #fff);
    border-radius: 14px;
    border: 1px solid var(--border-color, #e5e7eb);
    transition: all 0.2s ease;
}

.summary-card:hover[b-vi4s1pqgb6] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.card-icon[b-vi4s1pqgb6] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.375rem;
}

.summary-card.primary .card-icon[b-vi4s1pqgb6] {
    background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
    color: white;
}

.summary-card.info .card-icon[b-vi4s1pqgb6] {
    background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
    color: white;
}

.summary-card.accent .card-icon[b-vi4s1pqgb6] {
    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
    color: white;
}

.summary-card.success .card-icon[b-vi4s1pqgb6] {
    background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    color: white;
}

.summary-card.highlight .card-icon[b-vi4s1pqgb6] {
    background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
    color: white;
}

.card-content[b-vi4s1pqgb6] {
    display: flex;
    flex-direction: column;
}

.card-value[b-vi4s1pqgb6] {
    font-size: 1.625rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
}

.card-label[b-vi4s1pqgb6] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #6b7280);
}

/* Approval Pipeline */
.approval-pipeline-card[b-vi4s1pqgb6] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.approval-pipeline-card h4[b-vi4s1pqgb6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
    margin: 0 0 1.25rem;
}

.approval-pipeline-card h4 i[b-vi4s1pqgb6] {
    color: var(--primary-color, #4f46e5);
}

.pipeline-grid[b-vi4s1pqgb6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.pipeline-item[b-vi4s1pqgb6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem 2rem;
    border-radius: 12px;
    text-align: center;
    min-width: 140px;
}

.pipeline-item.draft[b-vi4s1pqgb6] {
    background: #f3f4f6;
}

.pipeline-item.pending[b-vi4s1pqgb6] {
    background: #fef3c7;
}

.pipeline-item.approved[b-vi4s1pqgb6] {
    background: #d1fae5;
}

.pipeline-count[b-vi4s1pqgb6] {
    font-size: 2rem;
    font-weight: 700;
}

.pipeline-item.draft .pipeline-count[b-vi4s1pqgb6] {
    color: #6b7280;
}

.pipeline-item.pending .pipeline-count[b-vi4s1pqgb6] {
    color: #d97706;
}

.pipeline-item.approved .pipeline-count[b-vi4s1pqgb6] {
    color: #059669;
}

.pipeline-label[b-vi4s1pqgb6] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #6b7280);
    margin-top: 0.25rem;
}

.pipeline-action[b-vi4s1pqgb6] {
    margin-top: 0.75rem;
    font-size: 0.8125rem;
    color: #d97706;
    text-decoration: none;
    font-weight: 500;
}

.pipeline-action:hover[b-vi4s1pqgb6] {
    text-decoration: underline;
}

.pipeline-arrow[b-vi4s1pqgb6] {
    color: var(--text-secondary, #9ca3af);
    font-size: 1.25rem;
}

/* Analytics Row */
.analytics-row[b-vi4s1pqgb6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.analytics-card[b-vi4s1pqgb6] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 16px;
    padding: 1.5rem;
}

.analytics-card.full-width[b-vi4s1pqgb6] {
    grid-column: 1 / -1;
}

.analytics-card.attention[b-vi4s1pqgb6] {
    border-color: #fecaca;
}

.analytics-card.alerts-card[b-vi4s1pqgb6] {
    border-color: #fde68a;
}

.analytics-card h4[b-vi4s1pqgb6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
    margin: 0 0 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.analytics-card h4 i[b-vi4s1pqgb6] {
    color: var(--primary-color, #4f46e5);
}

.analytics-card.attention h4 i[b-vi4s1pqgb6] {
    color: #dc2626;
}

/* Department List */
.department-list[b-vi4s1pqgb6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.department-item[b-vi4s1pqgb6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    border-radius: 10px;
    background: var(--surface-bg, #f9fafb);
}

.dept-info[b-vi4s1pqgb6] {
    flex: 1;
    min-width: 0;
}

.dept-name[b-vi4s1pqgb6] {
    display: block;
    font-weight: 500;
    color: var(--text-primary, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dept-meta[b-vi4s1pqgb6] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.dept-stats[b-vi4s1pqgb6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 140px;
}

.progress-bar[b-vi4s1pqgb6] {
    flex: 1;
    height: 8px;
    background: var(--border-color, #e5e7eb);
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-vi4s1pqgb6] {
    height: 100%;
    background: linear-gradient(90deg, #10b981, #34d399);
    border-radius: 4px;
}

.completion-text[b-vi4s1pqgb6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary, #6b7280);
    min-width: 40px;
    text-align: right;
}

.performance-badge[b-vi4s1pqgb6] {
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    font-size: 0.6875rem;
    font-weight: 600;
}

.performance-badge.excellent[b-vi4s1pqgb6] {
    background: #d1fae5;
    color: #059669;
}

.performance-badge.good[b-vi4s1pqgb6] {
    background: #dbeafe;
    color: #2563eb;
}

.performance-badge.average[b-vi4s1pqgb6] {
    background: #fef3c7;
    color: #d97706;
}

.performance-badge.below-average[b-vi4s1pqgb6] {
    background: #fee2e2;
    color: #dc2626;
}

/* Trend Chart */
.trend-chart[b-vi4s1pqgb6] {
    padding: 1rem 0;
}

.trend-bars[b-vi4s1pqgb6] {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    height: 200px;
    padding: 0 1rem;
}

.trend-bar-container[b-vi4s1pqgb6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    max-width: 60px;
}

.trend-bar[b-vi4s1pqgb6] {
    width: 36px;
    min-height: 20px;
    background: linear-gradient(180deg, #10b981 0%, #34d399 100%);
    border-radius: 6px 6px 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    transition: height 0.3s ease;
}

.trend-value[b-vi4s1pqgb6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: white;
    margin-top: 4px;
}

.trend-label[b-vi4s1pqgb6] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.trend-legend[b-vi4s1pqgb6] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.trend-legend .text-success[b-vi4s1pqgb6] {
    color: #10b981;
    font-size: 0.5rem;
    margin-right: 0.25rem;
}

/* Performer List */
.performer-list[b-vi4s1pqgb6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.performer-item[b-vi4s1pqgb6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 10px;
    background: var(--surface-bg, #f9fafb);
}

.rank-badge[b-vi4s1pqgb6] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
}

.rank-badge.rank-1[b-vi4s1pqgb6] {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: white;
}

.rank-badge.rank-2[b-vi4s1pqgb6] {
    background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
    color: white;
}

.rank-badge.rank-3[b-vi4s1pqgb6] {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    color: white;
}

.rank-badge.rank-4[b-vi4s1pqgb6],
.rank-badge.rank-5[b-vi4s1pqgb6] {
    background: var(--border-color, #e5e7eb);
    color: var(--text-secondary, #6b7280);
}

.performer-info[b-vi4s1pqgb6] {
    flex: 1;
    min-width: 0;
}

.performer-name[b-vi4s1pqgb6] {
    display: block;
    font-weight: 500;
    color: var(--text-primary, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.performer-dept[b-vi4s1pqgb6] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.performer-stats[b-vi4s1pqgb6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.performer-stats .stat-value[b-vi4s1pqgb6] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #10b981;
}

.performer-stats .stat-label[b-vi4s1pqgb6] {
    font-size: 0.6875rem;
    color: var(--text-secondary, #6b7280);
}

/* Attention List */
.attention-list[b-vi4s1pqgb6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.attention-item[b-vi4s1pqgb6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 10px;
    background: #fef2f2;
}

.attention-icon[b-vi4s1pqgb6] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fee2e2;
    color: #dc2626;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
}

.attention-info[b-vi4s1pqgb6] {
    flex: 1;
    min-width: 0;
}

.attention-name[b-vi4s1pqgb6] {
    display: block;
    font-weight: 500;
    color: var(--text-primary, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attention-dept[b-vi4s1pqgb6] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.attention-stats[b-vi4s1pqgb6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.attention-stats .stat-value[b-vi4s1pqgb6] {
    font-size: 1.125rem;
    font-weight: 700;
}

.attention-stats .stat-value.critical[b-vi4s1pqgb6] {
    color: #dc2626;
}

.attention-stats .stat-label[b-vi4s1pqgb6] {
    font-size: 0.6875rem;
    color: var(--text-secondary, #6b7280);
}

.no-alerts[b-vi4s1pqgb6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem;
    color: #10b981;
}

/* Exam Grid */
.exam-grid[b-vi4s1pqgb6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.exam-card[b-vi4s1pqgb6] {
    background: var(--surface-bg, #f9fafb);
    border-radius: 12px;
    padding: 1.25rem;
    text-align: center;
}

.exam-header[b-vi4s1pqgb6] {
    margin-bottom: 1rem;
}

.exam-name[b-vi4s1pqgb6] {
    display: block;
    font-weight: 600;
    color: var(--text-primary, #111827);
}

.exam-date[b-vi4s1pqgb6] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.exam-progress[b-vi4s1pqgb6] {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.circular-progress[b-vi4s1pqgb6] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: conic-gradient(
        #10b981 calc(var(--progress) * 1%),
        var(--border-color, #e5e7eb) calc(var(--progress) * 1%)
    );
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.circular-progress[b-vi4s1pqgb6]::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--surface-bg, #f9fafb);
}

.progress-text[b-vi4s1pqgb6] {
    position: relative;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
}

.exam-stats[b-vi4s1pqgb6] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

.exam-stat[b-vi4s1pqgb6] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.exam-stat .stat-number[b-vi4s1pqgb6] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
}

.exam-stat .stat-text[b-vi4s1pqgb6] {
    font-size: 0.6875rem;
    color: var(--text-secondary, #6b7280);
}

/* Alerts Grid */
.alerts-grid[b-vi4s1pqgb6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 0.75rem;
}

.alert-item[b-vi4s1pqgb6] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 10px;
}

.alert-item.critical[b-vi4s1pqgb6] {
    background: #fee2e2;
}

.alert-item.critical .alert-icon[b-vi4s1pqgb6] {
    color: #dc2626;
}

.alert-item.warning[b-vi4s1pqgb6] {
    background: #fef3c7;
}

.alert-item.warning .alert-icon[b-vi4s1pqgb6] {
    color: #d97706;
}

.alert-item.info[b-vi4s1pqgb6] {
    background: #dbeafe;
}

.alert-item.info .alert-icon[b-vi4s1pqgb6] {
    color: #2563eb;
}

.alert-icon[b-vi4s1pqgb6] {
    font-size: 1rem;
    margin-top: 0.125rem;
}

.alert-content[b-vi4s1pqgb6] {
    flex: 1;
}

.alert-message[b-vi4s1pqgb6] {
    display: block;
    font-size: 0.875rem;
    color: var(--text-primary, #111827);
}

.alert-meta[b-vi4s1pqgb6] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.empty-message[b-vi4s1pqgb6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 2rem;
    color: var(--text-secondary, #6b7280);
    justify-content: center;
}

/* Dark mode */
:root.dark .summary-card[b-vi4s1pqgb6],
:root.dark .analytics-card[b-vi4s1pqgb6],
:root.dark .approval-pipeline-card[b-vi4s1pqgb6] {
    background: var(--card-bg, #1f2937);
    border-color: var(--border-color, #374151);
}

:root.dark .department-item[b-vi4s1pqgb6],
:root.dark .performer-item[b-vi4s1pqgb6],
:root.dark .exam-card[b-vi4s1pqgb6] {
    background: var(--surface-bg, #374151);
}

:root.dark .attention-item[b-vi4s1pqgb6] {
    background: #451a1a;
}

:root.dark .circular-progress[b-vi4s1pqgb6]::before {
    background: var(--surface-bg, #374151);
}

:root.dark .pipeline-item.draft[b-vi4s1pqgb6] {
    background: #374151;
}

@media (max-width: 768px) {
    .analytics-row[b-vi4s1pqgb6] {
        grid-template-columns: 1fr;
    }

    .pipeline-grid[b-vi4s1pqgb6] {
        flex-direction: column;
    }

    .pipeline-arrow[b-vi4s1pqgb6] {
        transform: rotate(90deg);
    }

    .summary-grid[b-vi4s1pqgb6] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Areas/Academic/Pages/Principal/Syllabus/Approval.razor.rz.scp.css */
.page-container[b-pexwz5y3nu] { padding: 1.5rem; max-width: 1400px; margin: 0 auto; }
.page-header[b-pexwz5y3nu] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
.page-header h1[b-pexwz5y3nu] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.page-header .subtitle[b-pexwz5y3nu] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }

/* Alerts */
.alert[b-pexwz5y3nu] { padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.alert-danger[b-pexwz5y3nu] { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.alert-success[b-pexwz5y3nu] { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }
.alert-close[b-pexwz5y3nu] { margin-left: auto; background: none; border: none; cursor: pointer; color: inherit; opacity: 0.6; }

/* Stats Row */
.stats-row[b-pexwz5y3nu] { display: flex; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.stat-card[b-pexwz5y3nu] { flex: 1; min-width: 140px; padding: 1rem 1.25rem; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; text-align: center; }
.stat-card .stat-value[b-pexwz5y3nu] { display: block; font-size: 1.75rem; font-weight: 700; }
.stat-card .stat-label[b-pexwz5y3nu] { font-size: 0.75rem; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.025em; }
.stat-card.pending .stat-value[b-pexwz5y3nu] { color: #d97706; }
.stat-card.approved .stat-value[b-pexwz5y3nu] { color: #059669; }
.stat-card.awaiting .stat-value[b-pexwz5y3nu] { color: #6366f1; }
.stat-card.rejected .stat-value[b-pexwz5y3nu] { color: #dc2626; }

/* Filters Bar */
.filters-bar[b-pexwz5y3nu] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; flex-wrap: wrap; }
.filter-group[b-pexwz5y3nu] { display: flex; align-items: center; gap: 0.5rem; }
.filter-group label[b-pexwz5y3nu] { font-size: 0.8125rem; font-weight: 500; }
.form-select[b-pexwz5y3nu] { padding: 0.375rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.8125rem; background: var(--input-bg); color: var(--text-primary); min-width: 150px; }
.bulk-actions[b-pexwz5y3nu] { display: flex; align-items: center; gap: 0.75rem; margin-left: auto; }
.bulk-actions span[b-pexwz5y3nu] { font-size: 0.8125rem; font-weight: 500; color: var(--text-secondary); }

/* Loading & Empty */
.loading[b-pexwz5y3nu] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state[b-pexwz5y3nu] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state i[b-pexwz5y3nu] { font-size: 3rem; margin-bottom: 1rem; opacity: 0.5; }

/* Table */
.approval-table-container[b-pexwz5y3nu] { overflow-x: auto; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; }
.approval-table[b-pexwz5y3nu] { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
.approval-table thead[b-pexwz5y3nu] { background: var(--bg-secondary); }
.approval-table th[b-pexwz5y3nu] { padding: 0.75rem 1rem; text-align: left; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.025em; color: var(--text-secondary); border-bottom: 1px solid var(--border-color); }
.approval-table td[b-pexwz5y3nu] { padding: 0.75rem 1rem; border-bottom: 1px solid var(--border-color); vertical-align: top; }
.approval-table tbody tr:hover[b-pexwz5y3nu] { background: var(--bg-secondary); }
.approval-table tbody tr:last-child td[b-pexwz5y3nu] { border-bottom: none; }
.col-check[b-pexwz5y3nu] { width: 40px; text-align: center; }
.rejected-row[b-pexwz5y3nu] { background: #fef2f2; }
.approved-row[b-pexwz5y3nu] { background: #f0fdf4; }

.teacher-name[b-pexwz5y3nu] { font-weight: 500; }
.exam-badge[b-pexwz5y3nu] { font-size: 0.7rem; font-weight: 600; padding: 0.2rem 0.5rem; background: #667eea; color: white; border-radius: 4px; }
.unit-no[b-pexwz5y3nu] { font-size: 0.75rem; color: var(--text-secondary); margin-right: 0.25rem; }
.description[b-pexwz5y3nu] { display: block; font-size: 0.75rem; color: var(--text-secondary); margin-top: 0.25rem; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.coordinator-info[b-pexwz5y3nu] { display: flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; }
.coordinator-info i[b-pexwz5y3nu] { color: #10b981; font-size: 0.75rem; }
.coordinator-info .date[b-pexwz5y3nu] { display: block; color: var(--text-secondary); font-size: 0.7rem; }

.status-badge[b-pexwz5y3nu] { font-size: 0.7rem; padding: 0.2rem 0.5rem; border-radius: 4px; font-weight: 500; display: inline-block; }
.status-badge.draft[b-pexwz5y3nu] { background: #e5e7eb; color: #374151; }
.status-badge.pending[b-pexwz5y3nu] { background: #fef3c7; color: #92400e; }
.status-badge.approved[b-pexwz5y3nu] { background: #d1fae5; color: #065f46; }
.status-badge.rejected[b-pexwz5y3nu] { background: #fee2e2; color: #b91c1c; }

.action-buttons[b-pexwz5y3nu] { display: flex; gap: 0.375rem; }

/* Buttons */
.btn[b-pexwz5y3nu] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; text-decoration: none; }
.btn-sm[b-pexwz5y3nu] { padding: 0.375rem 0.5rem; font-size: 0.75rem; }
.btn-primary[b-pexwz5y3nu] { background: #667eea !important; color: white !important; }
.btn-primary:hover[b-pexwz5y3nu] { background: #5a67d8 !important; }
.btn-success[b-pexwz5y3nu] { background: #10b981; color: white; }
.btn-success:hover[b-pexwz5y3nu] { background: #059669; }
.btn-danger[b-pexwz5y3nu] { background: #dc2626; color: white; }
.btn-danger:hover[b-pexwz5y3nu] { background: #b91c1c; }
.btn-outline[b-pexwz5y3nu] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-outline:hover[b-pexwz5y3nu] { background: var(--bg-secondary); }
.btn:disabled[b-pexwz5y3nu] { opacity: 0.5; cursor: not-allowed; }

/* Modal */
.modal-backdrop[b-pexwz5y3nu] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 1rem; }
.modal[b-pexwz5y3nu] { background: var(--card-bg); border-radius: 12px; width: 100%; max-width: 500px; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; }
.modal-lg[b-pexwz5y3nu] { max-width: 700px; }
.modal-header[b-pexwz5y3nu] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid var(--border-color); }
.modal-header h3[b-pexwz5y3nu] { margin: 0; font-size: 1.125rem; }
.close-btn[b-pexwz5y3nu] { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-secondary); line-height: 1; }
.modal-body[b-pexwz5y3nu] { padding: 1.5rem; overflow-y: auto; flex: 1; }
.modal-footer[b-pexwz5y3nu] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-top: 1px solid var(--border-color); background: var(--bg-secondary); }

.entry-preview[b-pexwz5y3nu] { background: var(--bg-secondary); padding: 1rem; border-radius: 8px; margin-bottom: 1rem; }
.entry-preview p[b-pexwz5y3nu] { margin: 0.25rem 0; font-size: 0.875rem; }

/* Details Grid */
.details-grid[b-pexwz5y3nu] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem; }
.detail-item[b-pexwz5y3nu] { display: flex; flex-direction: column; gap: 0.25rem; }
.detail-item label[b-pexwz5y3nu] { font-size: 0.75rem; font-weight: 500; color: var(--text-secondary); text-transform: uppercase; }
.detail-item span[b-pexwz5y3nu] { font-size: 0.875rem; }
.detail-item.full-width[b-pexwz5y3nu] { grid-column: 1 / -1; }
.multiline[b-pexwz5y3nu] { white-space: pre-wrap; }

/* Approval History */
.approval-history[b-pexwz5y3nu] { border-top: 1px solid var(--border-color); padding-top: 1rem; }
.approval-history h4[b-pexwz5y3nu] { font-size: 0.875rem; font-weight: 600; margin: 0 0 1rem; color: var(--text-secondary); }
.history-timeline[b-pexwz5y3nu] { display: flex; flex-direction: column; gap: 0.75rem; }
.history-item[b-pexwz5y3nu] { display: flex; gap: 0.75rem; align-items: flex-start; }
.history-icon[b-pexwz5y3nu] { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.history-icon i[b-pexwz5y3nu] { font-size: 0.75rem; }
.history-icon.submitted[b-pexwz5y3nu] { background: #dbeafe; color: #2563eb; }
.history-icon.ac[b-pexwz5y3nu] { background: #d1fae5; color: #059669; }
.history-icon.principal[b-pexwz5y3nu] { background: #fef3c7; color: #d97706; }
.history-content[b-pexwz5y3nu] { flex: 1; }
.history-content strong[b-pexwz5y3nu] { display: block; font-size: 0.8125rem; }
.history-content span[b-pexwz5y3nu] { font-size: 0.75rem; color: var(--text-secondary); }
.history-content small[b-pexwz5y3nu] { display: block; font-size: 0.75rem; color: var(--text-secondary); font-style: italic; margin-top: 0.25rem; }

/* Form */
.form-group[b-pexwz5y3nu] { margin-bottom: 1rem; }
.form-group label[b-pexwz5y3nu] { display: block; font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.375rem; }
.form-group .req[b-pexwz5y3nu] { color: #dc2626; }
.form-control[b-pexwz5y3nu] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.875rem; background: var(--input-bg); color: var(--text-primary); }
.form-control:focus[b-pexwz5y3nu] { outline: none; border-color: var(--primary-color); }
.form-control.is-invalid[b-pexwz5y3nu] { border-color: #dc2626; }
textarea.form-control[b-pexwz5y3nu] { resize: vertical; min-height: 80px; }
.validation-error[b-pexwz5y3nu] { color: #dc2626; font-size: 0.75rem; margin-top: 0.25rem; display: block; }

@media (max-width: 768px) {
    .stats-row[b-pexwz5y3nu] { flex-direction: column; }
    .stat-card[b-pexwz5y3nu] { min-width: auto; }
    .filters-bar[b-pexwz5y3nu] { flex-direction: column; align-items: stretch; }
    .bulk-actions[b-pexwz5y3nu] { margin-left: 0; justify-content: flex-end; }
    .details-grid[b-pexwz5y3nu] { grid-template-columns: 1fr; }
    .approval-table[b-pexwz5y3nu] { font-size: 0.8rem; }
    .approval-table th[b-pexwz5y3nu], .approval-table td[b-pexwz5y3nu] { padding: 0.5rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/Approvals.razor.rz.scp.css */
.approvals-page[b-carw5yryti] {
        padding: 1.5rem;
        max-width: 1000px;
    }

    .page-header[b-carw5yryti] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .header-left[b-carw5yryti] {
        display: flex;
        align-items: center;
    }

    .header-left h1[b-carw5yryti] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

    .header-left .text-muted[b-carw5yryti] {
        font-size: 0.875rem;
        margin: 0;
    }

    .loading-container[b-carw5yryti] {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 300px;
    }

    .empty-state[b-carw5yryti] {
        text-align: center;
        padding: 4rem 2rem;
        background: var(--bg-primary);
        border-radius: var(--radius-lg);
        border: 1px solid var(--border-color);
    }

    .empty-state i[b-carw5yryti] {
        font-size: 4rem;
        margin-bottom: 1rem;
    }

    .empty-state h4[b-carw5yryti] {
        margin-bottom: 0.5rem;
    }

    .empty-state p[b-carw5yryti] {
        color: var(--text-secondary);
    }

    .stats-bar[b-carw5yryti] {
        display: flex;
        gap: 1.5rem;
        margin-bottom: 1.5rem;
        padding: 1rem;
        background: var(--bg-primary);
        border-radius: var(--radius-md);
        border: 1px solid var(--border-color);
    }

    .stat-item[b-carw5yryti] {
        display: flex;
        flex-direction: column;
    }

    .stat-value[b-carw5yryti] {
        font-size: 1.5rem;
        font-weight: 600;
        color: var(--primary);
    }

    .stat-label[b-carw5yryti] {
        font-size: 0.875rem;
        color: var(--text-secondary);
    }

    .events-list[b-carw5yryti] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .event-card[b-carw5yryti] {
        background: var(--bg-primary);
        border-radius: var(--radius-lg);
        border: 1px solid var(--border-color);
        overflow: hidden;
        transition: box-shadow 0.2s;
    }

    .event-card:hover[b-carw5yryti] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .event-card.high-priority[b-carw5yryti] {
        border-left: 4px solid var(--danger);
    }

    .event-header[b-carw5yryti] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1rem;
        background: var(--bg-secondary);
    }

    .event-type[b-carw5yryti] {
        padding: 0.25rem 0.75rem;
        border-radius: var(--radius-sm);
        color: white;
        font-size: 0.75rem;
        font-weight: 500;
    }

    .event-body[b-carw5yryti] {
        padding: 1rem;
    }

    .event-body h4[b-carw5yryti] {
        margin: 0 0 0.75rem 0;
        font-size: 1.125rem;
        font-weight: 600;
    }

    .event-details[b-carw5yryti] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        margin-bottom: 1rem;
    }

    .detail-row[b-carw5yryti] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        color: var(--text-secondary);
    }

    .detail-row i[b-carw5yryti] {
        width: 16px;
        text-align: center;
    }

    .event-description[b-carw5yryti] {
        padding: 0.75rem;
        background: var(--bg-secondary);
        border-radius: var(--radius-sm);
        font-size: 0.875rem;
        margin-bottom: 1rem;
    }

    .event-meta[b-carw5yryti] {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .meta-badge[b-carw5yryti] {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        padding: 0.25rem 0.5rem;
        background: var(--bg-secondary);
        border-radius: var(--radius-sm);
        font-size: 0.75rem;
        color: var(--text-secondary);
    }

    .event-actions[b-carw5yryti] {
        display: flex;
        gap: 0.5rem;
        padding: 1rem;
        border-top: 1px solid var(--border-color);
        background: var(--bg-secondary);
    }

    .modal-backdrop[b-carw5yryti] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1040;
    }

    .modal[b-carw5yryti] {
        z-index: 1050;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .approvals-page[b-carw5yryti] {
        padding: 1rem;
    }
    .page-header[b-carw5yryti] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    .header-left h1[b-carw5yryti] {
        font-size: 1.25rem;
    }
    .stats-bar[b-carw5yryti] {
        flex-wrap: wrap;
        gap: 1rem;
        padding: 0.75rem;
    }
    .stat-item[b-carw5yryti] {
        min-width: calc(50% - 0.5rem);
    }
    .stat-value[b-carw5yryti] {
        font-size: 1.25rem;
    }
    .event-header[b-carw5yryti] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .event-body h4[b-carw5yryti] {
        font-size: 1rem;
    }
    .event-actions[b-carw5yryti] {
        flex-direction: column;
    }
    .event-actions .btn[b-carw5yryti] {
        width: 100%;
    }
    .event-meta[b-carw5yryti] {
        gap: 0.35rem;
    }
    .modal-dialog[b-carw5yryti] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
}

@media (max-width: 480px) {
    .approvals-page[b-carw5yryti] {
        padding: 0.75rem;
    }
    .header-left h1[b-carw5yryti] {
        font-size: 1.1rem;
    }
    .stats-bar[b-carw5yryti] {
        padding: 0.5rem;
    }
    .stat-item[b-carw5yryti] {
        min-width: 100%;
    }
    .event-body[b-carw5yryti] {
        padding: 0.75rem;
    }
    .detail-row[b-carw5yryti] {
        font-size: 0.8rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/CalendarHub.razor.rz.scp.css */
.calendar-hub[b-ffdu6qzj1r] { padding: 1.5rem; }

    .hub-header[b-ffdu6qzj1r] { margin-bottom: 1.5rem; }
    .hub-header h1[b-ffdu6qzj1r] { margin: 0 0 0.25rem 0; font-size: 1.75rem; font-weight: 600; }

    .hub-nav[b-ffdu6qzj1r] { margin-bottom: 1.5rem; border-bottom: 1px solid var(--border); }
    .nav-tabs-wrapper[b-ffdu6qzj1r] { display: flex; gap: 0.25rem; overflow-x: auto; padding-bottom: 0; }
    .nav-tab[b-ffdu6qzj1r] {
        display: flex; align-items: center; gap: 0.5rem;
        padding: 0.75rem 1.25rem;
        background: transparent; border: none; border-bottom: 3px solid transparent;
        color: var(--text-muted); font-weight: 500; font-size: 0.9rem;
        cursor: pointer; white-space: nowrap; transition: all 0.2s;
    }
    .nav-tab:hover[b-ffdu6qzj1r] { color: var(--text-primary); background: var(--bg-secondary); }
    .nav-tab.active[b-ffdu6qzj1r] { color: var(--primary); border-bottom-color: var(--primary); }
    .nav-tab i[b-ffdu6qzj1r] { font-size: 1rem; }

    .hub-content[b-ffdu6qzj1r] { min-height: 400px; }

    .category-grid[b-ffdu6qzj1r] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .category-card[b-ffdu6qzj1r] {
        display: flex; align-items: center; gap: 1rem;
        padding: 1.25rem;
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        text-decoration: none; color: inherit;
        transition: all 0.2s;
    }
    .category-card:hover[b-ffdu6qzj1r] {
        border-color: var(--primary);
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        transform: translateY(-2px);
    }
    .category-card.featured[b-ffdu6qzj1r] { border-left: 4px solid var(--primary); }

    .card-icon[b-ffdu6qzj1r] {
        width: 48px; height: 48px;
        display: flex; align-items: center; justify-content: center;
        background: var(--bg-secondary);
        border-radius: 10px;
        font-size: 1.25rem;
        color: var(--primary);
    }

    .card-content[b-ffdu6qzj1r] { flex: 1; }
    .card-content h5[b-ffdu6qzj1r] { margin: 0 0 0.25rem 0; font-size: 1rem; font-weight: 600; }
    .card-content p[b-ffdu6qzj1r] { margin: 0; font-size: 0.8rem; color: var(--text-muted); }

    .category-card > i.fa-chevron-right[b-ffdu6qzj1r] { color: var(--text-muted); font-size: 0.75rem; }

    .quick-stats[b-ffdu6qzj1r] {
        display: flex; gap: 1rem; flex-wrap: wrap;
    }
    .stat-card[b-ffdu6qzj1r] {
        display: flex; flex-direction: column;
        padding: 1rem 1.5rem;
        background: var(--bg-secondary);
        border-radius: 8px;
        min-width: 100px;
    }
    .stat-value[b-ffdu6qzj1r] { font-size: 1.5rem; font-weight: 600; color: var(--primary); }
    .stat-label[b-ffdu6qzj1r] { font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .calendar-hub[b-ffdu6qzj1r] {
        padding: 1rem;
    }
    .hub-header h1[b-ffdu6qzj1r] {
        font-size: 1.25rem;
    }
    .hub-nav[b-ffdu6qzj1r] {
        margin-bottom: 1rem;
    }
    .nav-tabs-wrapper[b-ffdu6qzj1r] {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .nav-tabs-wrapper[b-ffdu6qzj1r]::-webkit-scrollbar {
        display: none;
    }
    .nav-tab[b-ffdu6qzj1r] {
        padding: 0.5rem 0.75rem;
        font-size: 0.8rem;
    }
    .nav-tab i[b-ffdu6qzj1r] {
        font-size: 0.9rem;
    }
    .category-grid[b-ffdu6qzj1r] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    .category-card[b-ffdu6qzj1r] {
        padding: 1rem;
    }
    .card-icon[b-ffdu6qzj1r] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    .card-content h5[b-ffdu6qzj1r] {
        font-size: 0.9rem;
    }
    .card-content p[b-ffdu6qzj1r] {
        font-size: 0.75rem;
    }
    .quick-stats[b-ffdu6qzj1r] {
        flex-direction: column;
        gap: 0.75rem;
    }
    .stat-card[b-ffdu6qzj1r] {
        min-width: unset;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .calendar-hub[b-ffdu6qzj1r] {
        padding: 0.75rem;
    }
    .hub-header h1[b-ffdu6qzj1r] {
        font-size: 1.1rem;
    }
    .nav-tab[b-ffdu6qzj1r] {
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }
    .nav-tab span[b-ffdu6qzj1r] {
        display: none;
    }
    .nav-tab i[b-ffdu6qzj1r] {
        margin: 0;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/Circulars.razor.rz.scp.css */
.circulars-page[b-zg1n94j13u] {
        padding: 1.5rem;
    }

    .page-header[b-zg1n94j13u] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .header-left[b-zg1n94j13u] {
        display: flex;
        align-items: center;
    }

    .header-left h1[b-zg1n94j13u] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

    .header-actions[b-zg1n94j13u] {
        display: flex;
        align-items: center;
    }

    .stat-card[b-zg1n94j13u] {
        background: var(--bg-primary, #fff);
        border-radius: 12px;
        border: 1px solid var(--border-color, #e5e7eb);
        padding: 1.25rem;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .stat-icon[b-zg1n94j13u] {
        width: 50px;
        height: 50px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 1.25rem;
    }

    .stat-value[b-zg1n94j13u] {
        font-size: 1.75rem;
        font-weight: 700;
    }

    .stat-label[b-zg1n94j13u] {
        font-size: 0.875rem;
        color: var(--text-muted, #6b7280);
    }

    .circulars-list-card[b-zg1n94j13u] {
        background: var(--bg-primary, #fff);
        border-radius: 12px;
        border: 1px solid var(--border-color, #e5e7eb);
    }

    .circulars-list-card .card-header[b-zg1n94j13u] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 1.25rem;
        border-bottom: 1px solid var(--border-color, #e5e7eb);
    }

    .circulars-list-card .card-header h5[b-zg1n94j13u] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
    }

    .filter-tabs[b-zg1n94j13u] {
        display: flex;
        gap: 0.5rem;
    }

    .filter-tab[b-zg1n94j13u] {
        padding: 0.375rem 0.75rem;
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: 6px;
        background: transparent;
        font-size: 0.875rem;
        cursor: pointer;
        transition: all 0.2s;
    }

    .filter-tab:hover[b-zg1n94j13u] {
        background: var(--bg-secondary, #f9fafb);
    }

    .filter-tab.active[b-zg1n94j13u] {
        background: #3b82f6;
        border-color: #3b82f6;
        color: white;
    }

    .circulars-list-card .card-body[b-zg1n94j13u] {
        padding: 0;
    }

    .empty-state[b-zg1n94j13u] {
        text-align: center;
        padding: 3rem;
        color: var(--text-muted, #6b7280);
    }

    .ack-progress[b-zg1n94j13u] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .circular-preview[b-zg1n94j13u] {
        background: var(--bg-secondary, #f9fafb);
        border-radius: 8px;
        padding: 1.5rem;
    }

    .preview-header[b-zg1n94j13u] {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .school-info h4[b-zg1n94j13u] {
        margin: 0 0 0.5rem;
    }

    .circular-content[b-zg1n94j13u] {
        margin-top: 1rem;
        line-height: 1.6;
    }

    .acknowledgment-summary[b-zg1n94j13u] {
        background: var(--bg-secondary, #f9fafb);
        border-radius: 8px;
        padding: 1rem;
    }

    .ack-stat[b-zg1n94j13u] {
        padding: 0.5rem;
    }

    .ack-value[b-zg1n94j13u] {
        font-size: 1.5rem;
        font-weight: 700;
    }

    .ack-label[b-zg1n94j13u] {
        font-size: 0.75rem;
        color: var(--text-muted, #6b7280);
    }

    .modal-backdrop[b-zg1n94j13u] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
    }

    .modal[b-zg1n94j13u] {
        z-index: 1050;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .circulars-page[b-zg1n94j13u] {
        padding: 1rem;
    }
    .page-header[b-zg1n94j13u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    .header-left h1[b-zg1n94j13u] {
        font-size: 1.25rem;
    }
    .stat-card[b-zg1n94j13u] {
        padding: 1rem;
    }
    .stat-icon[b-zg1n94j13u] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    .stat-value[b-zg1n94j13u] {
        font-size: 1.5rem;
    }
    .filter-tabs[b-zg1n94j13u] {
        flex-wrap: wrap;
    }
    .filter-tab[b-zg1n94j13u] {
        padding: 0.25rem 0.5rem;
        font-size: 0.8rem;
    }
    .circulars-list-card .card-header[b-zg1n94j13u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    .ack-progress[b-zg1n94j13u] {
        flex-wrap: wrap;
    }
    .preview-header[b-zg1n94j13u] {
        flex-direction: column;
        gap: 0.5rem;
    }
    .modal-dialog[b-zg1n94j13u] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
}

@media (max-width: 480px) {
    .circulars-page[b-zg1n94j13u] {
        padding: 0.75rem;
    }
    .header-left h1[b-zg1n94j13u] {
        font-size: 1.1rem;
    }
    .stat-card[b-zg1n94j13u] {
        padding: 0.75rem;
    }
    .stat-icon[b-zg1n94j13u] {
        width: 36px;
        height: 36px;
    }
    .stat-value[b-zg1n94j13u] {
        font-size: 1.25rem;
    }
    .filter-tab[b-zg1n94j13u] {
        font-size: 0.75rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/Clubs.razor.rz.scp.css */
.page-container[b-jeypzhv8p4] {
        padding: 1.5rem;
    }
    .page-header[b-jeypzhv8p4] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1.5rem;
    }
    .page-header h1[b-jeypzhv8p4] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .loading-container[b-jeypzhv8p4] {
        display: flex;
        justify-content: center;
        padding: 3rem;
    }
    .empty-state[b-jeypzhv8p4] {
        text-align: center;
        padding: 3rem;
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
    }
    .data-table-container[b-jeypzhv8p4] {
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
        overflow: hidden;
    }
    .data-table[b-jeypzhv8p4] {
        width: 100%;
        border-collapse: collapse;
    }
    .data-table th[b-jeypzhv8p4], .data-table td[b-jeypzhv8p4] {
        padding: 0.75rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--border);
    }
    .data-table th[b-jeypzhv8p4] {
        background: var(--bg-secondary);
        font-weight: 600;
        font-size: 0.875rem;
        color: var(--text-muted);
    }
    .data-table tbody tr:hover[b-jeypzhv8p4] {
        background: var(--bg-hover);
    }
    .modal-backdrop[b-jeypzhv8p4] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
    }
    .modal[b-jeypzhv8p4] {
        z-index: 1050;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .page-container[b-jeypzhv8p4] { padding: 1rem; }
    .page-header[b-jeypzhv8p4] { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
    .page-header h1[b-jeypzhv8p4] { font-size: 1.25rem; }
    .data-table-container[b-jeypzhv8p4] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .data-table[b-jeypzhv8p4] { min-width: 500px; }
    .data-table th[b-jeypzhv8p4], .data-table td[b-jeypzhv8p4] { padding: 0.5rem 0.75rem; font-size: 0.85rem; }
    .modal-dialog[b-jeypzhv8p4] { margin: 0.5rem; max-width: calc(100% - 1rem); }
}
@media (max-width: 480px) {
    .page-container[b-jeypzhv8p4] { padding: 0.75rem; }
    .page-header h1[b-jeypzhv8p4] { font-size: 1.1rem; }
    .data-table th[b-jeypzhv8p4], .data-table td[b-jeypzhv8p4] { padding: 0.4rem 0.5rem; font-size: 0.8rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/EventTypes.razor.rz.scp.css */
.page-container[b-55cvub0z0t] {
        padding: 1.5rem;
    }
    .page-header[b-55cvub0z0t] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1.5rem;
    }
    .page-header h1[b-55cvub0z0t] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .loading-container[b-55cvub0z0t] {
        display: flex;
        justify-content: center;
        padding: 3rem;
    }
    .empty-state[b-55cvub0z0t] {
        text-align: center;
        padding: 3rem;
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
    }
    .data-table-container[b-55cvub0z0t] {
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
        overflow: hidden;
    }
    .data-table[b-55cvub0z0t] {
        width: 100%;
        border-collapse: collapse;
    }
    .data-table th[b-55cvub0z0t], .data-table td[b-55cvub0z0t] {
        padding: 0.75rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--border);
    }
    .data-table th[b-55cvub0z0t] {
        background: var(--bg-secondary);
        font-weight: 600;
        font-size: 0.875rem;
        color: var(--text-muted);
    }
    .data-table tbody tr:hover[b-55cvub0z0t] {
        background: var(--bg-hover);
    }
    .color-preview[b-55cvub0z0t] {
        width: 32px;
        height: 32px;
        border-radius: 6px;
        border: 2px solid var(--border);
    }
    .color-preview-large[b-55cvub0z0t] {
        padding: 0.5rem 1rem;
        border-radius: 6px;
        text-align: center;
        font-weight: 500;
    }
    code[b-55cvub0z0t] {
        background: var(--bg-secondary);
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        font-size: 0.875rem;
    }
    .modal-backdrop[b-55cvub0z0t] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
    }
    .modal[b-55cvub0z0t] {
        z-index: 1050;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .page-container[b-55cvub0z0t] { padding: 1rem; }
    .page-header[b-55cvub0z0t] { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
    .page-header h1[b-55cvub0z0t] { font-size: 1.25rem; }
    .data-table-container[b-55cvub0z0t] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .data-table[b-55cvub0z0t] { min-width: 500px; }
    .data-table th[b-55cvub0z0t], .data-table td[b-55cvub0z0t] { padding: 0.5rem 0.75rem; font-size: 0.85rem; }
    .color-preview[b-55cvub0z0t] { width: 24px; height: 24px; }
    .modal-dialog[b-55cvub0z0t] { margin: 0.5rem; max-width: calc(100% - 1rem); }
}
@media (max-width: 480px) {
    .page-container[b-55cvub0z0t] { padding: 0.75rem; }
    .page-header h1[b-55cvub0z0t] { font-size: 1.1rem; }
    .data-table th[b-55cvub0z0t], .data-table td[b-55cvub0z0t] { padding: 0.4rem 0.5rem; font-size: 0.8rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/Gallery.razor.rz.scp.css */
.gallery-page[b-z4jclp3qu8] {
        padding: 1.5rem;
    }

    .page-header[b-z4jclp3qu8] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .header-left[b-z4jclp3qu8] {
        display: flex;
        align-items: center;
    }

    .header-left h1[b-z4jclp3qu8] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

    .header-actions[b-z4jclp3qu8] {
        display: flex;
        align-items: center;
    }

    .stat-card[b-z4jclp3qu8] {
        background: var(--bg-primary, #fff);
        border-radius: 12px;
        border: 1px solid var(--border-color, #e5e7eb);
        padding: 1.25rem;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .stat-icon[b-z4jclp3qu8] {
        width: 50px;
        height: 50px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 1.25rem;
    }

    .stat-value[b-z4jclp3qu8] {
        font-size: 1.75rem;
        font-weight: 700;
    }

    .stat-label[b-z4jclp3qu8] {
        font-size: 0.875rem;
        color: var(--text-muted, #6b7280);
    }

    .empty-state-card[b-z4jclp3qu8] {
        background: var(--bg-primary, #fff);
        border-radius: 12px;
        border: 1px solid var(--border-color, #e5e7eb);
        padding: 3rem;
    }

    .empty-state[b-z4jclp3qu8] {
        text-align: center;
    }

    .gallery-grid[b-z4jclp3qu8] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1.5rem;
    }

    .gallery-card[b-z4jclp3qu8] {
        background: var(--bg-primary, #fff);
        border-radius: 12px;
        border: 1px solid var(--border-color, #e5e7eb);
        overflow: hidden;
        cursor: pointer;
        transition: all 0.2s;
    }

    .gallery-card:hover[b-z4jclp3qu8] {
        transform: translateY(-4px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    }

    .gallery-cover[b-z4jclp3qu8] {
        position: relative;
        height: 180px;
        background: var(--bg-secondary, #f3f4f6);
    }

    .gallery-cover img[b-z4jclp3qu8] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .no-cover[b-z4jclp3qu8] {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--text-muted, #9ca3af);
    }

    .photo-count[b-z4jclp3qu8] {
        position: absolute;
        bottom: 8px;
        right: 8px;
        background: rgba(0,0,0,0.7);
        color: white;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 0.75rem;
    }

    .draft-badge[b-z4jclp3qu8] {
        position: absolute;
        top: 8px;
        left: 8px;
        background: #f59e0b;
        color: white;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
    }

    .gallery-info[b-z4jclp3qu8] {
        padding: 1rem;
    }

    .gallery-title[b-z4jclp3qu8] {
        font-size: 1rem;
        font-weight: 600;
        margin: 0 0 0.25rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gallery-event[b-z4jclp3qu8] {
        font-size: 0.875rem;
        color: var(--text-muted, #6b7280);
        margin: 0 0 0.5rem;
    }

    .gallery-meta[b-z4jclp3qu8] {
        display: flex;
        gap: 1rem;
        font-size: 0.75rem;
        color: var(--text-muted, #9ca3af);
    }

    .photos-grid[b-z4jclp3qu8] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 1rem;
    }

    .photo-item[b-z4jclp3qu8] {
        position: relative;
    }

    .photo-wrapper[b-z4jclp3qu8] {
        position: relative;
        aspect-ratio: 1;
        border-radius: 8px;
        overflow: hidden;
        background: var(--bg-secondary, #f3f4f6);
    }

    .photo-wrapper img[b-z4jclp3qu8] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .photo-placeholder[b-z4jclp3qu8] {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--text-muted, #9ca3af);
    }

    .photo-overlay[b-z4jclp3qu8] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        opacity: 0;
        transition: opacity 0.2s;
    }

    .photo-wrapper:hover .photo-overlay[b-z4jclp3qu8] {
        opacity: 1;
    }

    .cover-badge[b-z4jclp3qu8] {
        position: absolute;
        top: 4px;
        left: 4px;
        background: #f59e0b;
        color: white;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 0.65rem;
        font-weight: 600;
    }

    .photo-caption[b-z4jclp3qu8] {
        font-size: 0.75rem;
        color: var(--text-muted, #6b7280);
        margin-top: 0.25rem;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .empty-photos[b-z4jclp3qu8] {
        text-align: center;
        padding: 3rem;
    }

    .upload-area[b-z4jclp3qu8] {
        border: 2px dashed var(--border-color, #e5e7eb);
        border-radius: 12px;
        padding: 2rem;
        text-align: center;
        position: relative;
        cursor: pointer;
        transition: all 0.2s;
    }

    .upload-area:hover[b-z4jclp3qu8] {
        border-color: #3b82f6;
        background: rgba(59, 130, 246, 0.05);
    }

    .file-input[b-z4jclp3qu8] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

    .files-list[b-z4jclp3qu8] {
        max-height: 200px;
        overflow-y: auto;
    }

    .file-item[b-z4jclp3qu8] {
        padding: 0.5rem;
        background: var(--bg-secondary, #f9fafb);
        border-radius: 4px;
        margin-bottom: 0.25rem;
    }

    .modal-backdrop[b-z4jclp3qu8] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
    }

    .modal[b-z4jclp3qu8] {
        z-index: 1050;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .gallery-page[b-z4jclp3qu8] { padding: 1rem; }
    .page-header[b-z4jclp3qu8] { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
    .header-left h1[b-z4jclp3qu8] { font-size: 1.25rem; }
    .stat-card[b-z4jclp3qu8] { padding: 1rem; }
    .stat-icon[b-z4jclp3qu8] { width: 40px; height: 40px; font-size: 1rem; }
    .stat-value[b-z4jclp3qu8] { font-size: 1.5rem; }
    .gallery-grid[b-z4jclp3qu8] { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
    .gallery-cover[b-z4jclp3qu8] { height: 140px; }
    .photos-grid[b-z4jclp3qu8] { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 0.75rem; }
    .upload-area[b-z4jclp3qu8] { padding: 1.5rem; }
    .modal-dialog[b-z4jclp3qu8] { margin: 0.5rem; max-width: calc(100% - 1rem); }
}
@media (max-width: 480px) {
    .gallery-page[b-z4jclp3qu8] { padding: 0.75rem; }
    .header-left h1[b-z4jclp3qu8] { font-size: 1.1rem; }
    .stat-card[b-z4jclp3qu8] { padding: 0.75rem; }
    .stat-icon[b-z4jclp3qu8] { width: 36px; height: 36px; }
    .stat-value[b-z4jclp3qu8] { font-size: 1.25rem; }
    .gallery-grid[b-z4jclp3qu8] { grid-template-columns: 1fr; }
    .gallery-cover[b-z4jclp3qu8] { height: 160px; }
    .photos-grid[b-z4jclp3qu8] { grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
    .gallery-info[b-z4jclp3qu8] { padding: 0.75rem; }
    .gallery-title[b-z4jclp3qu8] { font-size: 0.9rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/Index.razor.rz.scp.css */
.calendar-page[b-34ah2d0gq3] {
        height: 100%;
        display: flex;
        flex-direction: column;
        padding: 1rem;
    }
    .calendar-header[b-34ah2d0gq3] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
        padding: 0 0.5rem;
    }
    .calendar-header h1[b-34ah2d0gq3] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .header-actions[b-34ah2d0gq3] {
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }
    .session-selector[b-34ah2d0gq3] {
        width: auto;
        min-width: 160px;
        font-size: 0.875rem;
    }
    .loading-container[b-34ah2d0gq3] {
        display: flex;
        justify-content: center;
        padding: 3rem;
    }
    .calendar-container[b-34ah2d0gq3] {
        display: flex;
        gap: 1rem;
        flex: 1;
        min-height: 0;
    }
    .calendar-sidebar[b-34ah2d0gq3] {
        width: 280px;
        flex-shrink: 0;
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
        padding: 1rem;
        overflow-y: auto;
    }
    .sidebar-section[b-34ah2d0gq3] {
        margin-bottom: 1.5rem;
    }
    .sidebar-section h6[b-34ah2d0gq3] {
        font-size: 0.75rem;
        text-transform: uppercase;
        color: var(--text-muted);
        margin-bottom: 0.75rem;
        font-weight: 600;
    }
    .section-header[b-34ah2d0gq3] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.75rem;
    }
    .section-header h6[b-34ah2d0gq3] {
        margin-bottom: 0;
    }
    .filter-actions[b-34ah2d0gq3] {
        display: flex;
        gap: 0.25rem;
    }
    .btn-filter-action[b-34ah2d0gq3] {
        padding: 0.2rem 0.4rem;
        border: 1px solid #e2e8f0;
        background: white;
        border-radius: 4px;
        color: #64748b;
        cursor: pointer;
        font-size: 0.7rem;
        transition: all 0.15s;
    }
    .btn-filter-action:hover[b-34ah2d0gq3] {
        background: #f1f5f9;
        border-color: #cbd5e1;
        color: #334155;
    }
    .event-type-filters[b-34ah2d0gq3] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
    .event-type-filter[b-34ah2d0gq3] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
        font-size: 0.875rem;
    }
    .color-dot[b-34ah2d0gq3] {
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }
    .quick-stats[b-34ah2d0gq3] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }
    .stat-item[b-34ah2d0gq3] {
        display: flex;
        flex-direction: column;
    }
    .stat-value[b-34ah2d0gq3] {
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--text-primary);
    }
    .stat-label[b-34ah2d0gq3] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }
    .upcoming-events[b-34ah2d0gq3] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
    .upcoming-event[b-34ah2d0gq3] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.5rem;
        border-radius: 8px;
        cursor: pointer;
        transition: background 0.2s;
    }
    .upcoming-event:hover[b-34ah2d0gq3] {
        background: var(--bg-hover);
    }
    .upcoming-event .event-color[b-34ah2d0gq3] {
        width: 4px;
        height: 36px;
        border-radius: 2px;
    }
    .upcoming-event .event-title[b-34ah2d0gq3] {
        font-size: 0.875rem;
        font-weight: 500;
    }
    .upcoming-event .event-date[b-34ah2d0gq3] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }
    .calendar-main[b-34ah2d0gq3] {
        flex: 1;
        min-width: 0;
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
        overflow: hidden;
    }
    .calendar-grid[b-34ah2d0gq3] {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .calendar-weekdays[b-34ah2d0gq3] {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border);
    }
    .weekday[b-34ah2d0gq3] {
        padding: 0.75rem;
        text-align: center;
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        color: var(--text-muted);
    }
    .calendar-days[b-34ah2d0gq3] {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .calendar-week[b-34ah2d0gq3] {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        flex: 1;
        min-height: 100px;
    }
    .calendar-day[b-34ah2d0gq3] {
        border-right: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
        padding: 0.5rem;
        cursor: pointer;
        transition: background 0.2s;
        overflow: hidden;
    }
    .calendar-day:hover[b-34ah2d0gq3] {
        background: var(--bg-hover);
    }
    .calendar-day:nth-child(7n)[b-34ah2d0gq3] {
        border-right: none;
    }
    .calendar-day.today[b-34ah2d0gq3] {
        background: rgba(59, 130, 246, 0.1);
    }
    .calendar-day.today .day-number[b-34ah2d0gq3] {
        background: #3b82f6;
        color: white;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .calendar-day.other-month[b-34ah2d0gq3] {
        background: var(--bg-secondary);
        opacity: 0.5;
    }
    .day-header[b-34ah2d0gq3] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.25rem;
    }
    .day-number[b-34ah2d0gq3] {
        font-size: 0.875rem;
        font-weight: 500;
    }
    .more-events[b-34ah2d0gq3] {
        font-size: 0.65rem;
        color: var(--text-muted);
        background: var(--bg-secondary);
        padding: 0.125rem 0.375rem;
        border-radius: 4px;
    }
    .day-events[b-34ah2d0gq3] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .day-event[b-34ah2d0gq3] {
        font-size: 0.7rem;
        padding: 2px 4px;
        border-radius: 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 2px;
    }
    .class-tag[b-34ah2d0gq3] {
        font-size: 0.55rem;
        font-weight: 600;
        opacity: 0.85;
        margin-left: 2px;
        white-space: nowrap;
    }

    /* Grouped exam event badge */
    .group-badge[b-34ah2d0gq3] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 14px;
        height: 14px;
        padding: 0 4px;
        background: rgba(255, 255, 255, 0.25);
        border-radius: 7px;
        font-size: 0.55rem;
        font-weight: 700;
        margin-left: 4px;
    }
    .grouped-event[b-34ah2d0gq3] {
        position: relative;
    }

    /* Grouped Event Picker Modal */
    .grouped-event-picker-overlay[b-34ah2d0gq3] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1050;
        backdrop-filter: blur(2px);
    }
    .grouped-event-picker[b-34ah2d0gq3] {
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
        width: 100%;
        max-width: 420px;
        max-height: 80vh;
        overflow: hidden;
        animation: picker-in-b-34ah2d0gq3 0.2s ease-out;
    }
    @keyframes picker-in-b-34ah2d0gq3 {
        from { opacity: 0; transform: scale(0.95) translateY(-10px); }
        to { opacity: 1; transform: scale(1) translateY(0); }
    }
    .picker-header[b-34ah2d0gq3] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem 1.25rem;
        background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
        border-bottom: 1px solid #e2e8f0;
    }
    .picker-header h5[b-34ah2d0gq3] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
        color: #1e293b;
    }
    .picker-close[b-34ah2d0gq3] {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        border: none;
        background: transparent;
        color: #64748b;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.15s ease;
    }
    .picker-close:hover[b-34ah2d0gq3] {
        background: #e2e8f0;
        color: #1e293b;
    }
    .picker-body[b-34ah2d0gq3] {
        max-height: calc(80vh - 60px);
        overflow-y: auto;
        padding: 0.5rem;
    }
    .picker-item[b-34ah2d0gq3] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.875rem;
        border-radius: 10px;
        cursor: pointer;
        transition: all 0.15s ease;
    }
    .picker-item:hover[b-34ah2d0gq3] {
        background: #f1f5f9;
    }
    .picker-item-color[b-34ah2d0gq3] {
        width: 4px;
        height: 40px;
        border-radius: 2px;
        flex-shrink: 0;
    }
    .picker-item-content[b-34ah2d0gq3] {
        flex: 1;
        min-width: 0;
    }
    .picker-item-title[b-34ah2d0gq3] {
        font-size: 0.875rem;
        font-weight: 600;
        color: #1e293b;
        margin-bottom: 0.25rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .picker-item-details[b-34ah2d0gq3] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        font-size: 0.75rem;
        color: #64748b;
    }
    .picker-item-details i[b-34ah2d0gq3] {
        margin-right: 0.25rem;
        font-size: 0.625rem;
    }
    .picker-item-arrow[b-34ah2d0gq3] {
        color: #94a3b8;
        font-size: 0.75rem;
    }

    /* Dark theme for picker */
    :global([data-bs-theme="dark"]) .grouped-event-picker[b-34ah2d0gq3] {
        background: #1e293b;
    }
    :global([data-bs-theme="dark"]) .picker-header[b-34ah2d0gq3] {
        background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
        border-color: #334155;
    }
    :global([data-bs-theme="dark"]) .picker-header h5[b-34ah2d0gq3] {
        color: #f8fafc;
    }
    :global([data-bs-theme="dark"]) .picker-close[b-34ah2d0gq3] {
        color: #94a3b8;
    }
    :global([data-bs-theme="dark"]) .picker-close:hover[b-34ah2d0gq3] {
        background: #334155;
        color: #f8fafc;
    }
    :global([data-bs-theme="dark"]) .picker-item:hover[b-34ah2d0gq3] {
        background: #334155;
    }
    :global([data-bs-theme="dark"]) .picker-item-title[b-34ah2d0gq3] {
        color: #f8fafc;
    }
    :global([data-bs-theme="dark"]) .picker-item-details[b-34ah2d0gq3] {
        color: #94a3b8;
    }
    :global([data-bs-theme="dark"]) .picker-item-arrow[b-34ah2d0gq3] {
        color: #64748b;
    }

    /* Holiday/Sunday day styling */
    .calendar-day.holiday-day[b-34ah2d0gq3] {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .calendar-day.holiday-day:hover[b-34ah2d0gq3] {
        filter: brightness(0.95);
    }
    .calendar-day.holiday-day .day-header[b-34ah2d0gq3] {
        margin-bottom: 0;
    }
    .holiday-number[b-34ah2d0gq3] {
        color: #dc3545;
        font-weight: 600;
    }
    .holiday-label[b-34ah2d0gq3] {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0.25rem;
    }
    .holiday-title[b-34ah2d0gq3] {
        font-size: 0.75rem;
        font-weight: 600;
        color: #dc3545;
        cursor: pointer;
        text-align: center;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    .holiday-title:hover[b-34ah2d0gq3] {
        text-decoration: underline;
    }
    .sunday-label[b-34ah2d0gq3] {
        font-size: 0.7rem;
        font-weight: 500;
        color: #dc3545;
        opacity: 0.7;
    }

    /* Holiday events indicator - shows count of hidden events on holidays */
    .holiday-events-indicator[b-34ah2d0gq3] {
        font-size: 0.6rem;
        font-weight: 500;
        color: #6c757d;
        background: rgba(255, 255, 255, 0.7);
        padding: 0.1rem 0.35rem;
        border-radius: 8px;
        margin-left: 0.35rem;
        cursor: pointer;
    }
    .holiday-events-indicator:hover[b-34ah2d0gq3] {
        background: rgba(255, 255, 255, 0.9);
        color: #495057;
    }
    [data-bs-theme="dark"] .holiday-events-indicator[b-34ah2d0gq3] {
        background: rgba(0, 0, 0, 0.3);
        color: #adb5bd;
    }
    [data-bs-theme="dark"] .holiday-events-indicator:hover[b-34ah2d0gq3] {
        background: rgba(0, 0, 0, 0.5);
        color: #e9ecef;
    }

    /* Priority events shown on holidays */
    .day-events.priority-on-holiday[b-34ah2d0gq3] {
        margin-top: 0.15rem;
    }
    .day-event.priority-event[b-34ah2d0gq3] {
        font-size: 0.65rem;
        padding: 0.15rem 0.3rem;
        border-radius: 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
        border: 1px solid rgba(255, 255, 255, 0.3);
    }
    .day-event.priority-event:hover[b-34ah2d0gq3] {
        transform: scale(1.02);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

    .event-details[b-34ah2d0gq3] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .detail-row[b-34ah2d0gq3] {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
    }
    .detail-row i[b-34ah2d0gq3] {
        width: 20px;
        color: var(--text-muted);
        margin-top: 0.25rem;
    }
    .modal-backdrop[b-34ah2d0gq3] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
    }
    .modal[b-34ah2d0gq3] {
        z-index: 1050;
    }
    .class-selector[b-34ah2d0gq3] {
        background: var(--bg-secondary);
        border-radius: 8px;
        border: 1px solid var(--border);
    }
    .class-selector .nav-tabs[b-34ah2d0gq3] {
        border-bottom: 1px solid var(--border);
        padding: 0.5rem 0.5rem 0;
    }
    .class-selector .nav-tabs .nav-link[b-34ah2d0gq3] {
        font-size: 0.8rem;
        padding: 0.4rem 0.75rem;
        color: var(--text-muted);
        border: none;
        border-bottom: 2px solid transparent;
    }
    .class-selector .nav-tabs .nav-link.active[b-34ah2d0gq3] {
        color: var(--text-primary);
        border-bottom-color: var(--primary);
        background: transparent;
    }
    .class-selection-content[b-34ah2d0gq3] {
        padding: 0.75rem;
    }
    .class-group-grid[b-34ah2d0gq3], .class-grid[b-34ah2d0gq3] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
        max-height: 200px;
        overflow-y: auto;
    }
    .class-group-grid .form-check[b-34ah2d0gq3], .class-grid .form-check[b-34ah2d0gq3] {
        margin: 0;
        padding-left: 1.5rem;
    }
    .class-group-grid .form-check-label[b-34ah2d0gq3], .class-grid .form-check-label[b-34ah2d0gq3] {
        font-size: 0.875rem;
    }
    .subdept-grid[b-34ah2d0gq3] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
        max-height: 300px;
        overflow-y: auto;
    }
    .subdept-grid .form-check[b-34ah2d0gq3] {
        margin: 0;
        padding-left: 1.5rem;
    }
    .subdept-grid .form-check-label[b-34ah2d0gq3] {
        font-size: 0.875rem;
    }
    /* Create Event modal subdept selection */
    .subdept-selection-grid[b-34ah2d0gq3] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        max-height: 280px;
        overflow-y: auto;
        padding: 0.5rem;
    }
    .subdept-selection-grid .dept-group[b-34ah2d0gq3] {
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 0.75rem;
    }
    .subdept-selection-grid .dept-group .form-check[b-34ah2d0gq3] {
        margin: 0.25rem 0;
        padding-left: 1.5rem;
    }
    .subdept-selection-grid .dept-group .form-check-label[b-34ah2d0gq3] {
        font-size: 0.85rem;
    }
    /* Modal form spacing improvements */
    .modal-body .row[b-34ah2d0gq3] {
        margin-bottom: 0.5rem;
    }
    .modal-body .mb-3[b-34ah2d0gq3] {
        margin-bottom: 1rem !important;
    }
    .modal-body .mb-4[b-34ah2d0gq3] {
        margin-bottom: 1.5rem !important;
    }
    .modal-body .nav-tabs[b-34ah2d0gq3] {
        border-bottom: 1px solid var(--border);
    }
    .modal-body .nav-tabs .nav-link[b-34ah2d0gq3] {
        font-size: 0.85rem;
        padding: 0.5rem 1rem;
        color: var(--text-muted);
        border: none;
        border-bottom: 2px solid transparent;
        background: transparent;
        cursor: pointer;
    }
    .modal-body .nav-tabs .nav-link:hover[b-34ah2d0gq3] {
        color: var(--text-primary);
    }
    .modal-body .nav-tabs .nav-link.active[b-34ah2d0gq3] {
        color: var(--primary);
        border-bottom-color: var(--primary);
    }
    .nav-tabs-sm .nav-link[b-34ah2d0gq3] {
        font-size: 0.8rem !important;
        padding: 0.375rem 0.75rem !important;
    }

/* Mobile Sidebar Toggle - hidden on desktop */
.mobile-sidebar-toggle[b-34ah2d0gq3] {
    display: none;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .calendar-page[b-34ah2d0gq3] {
        padding: 0.75rem;
    }
    .calendar-header[b-34ah2d0gq3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0;
        margin-bottom: 1rem;
    }
    .calendar-header h1[b-34ah2d0gq3] {
        font-size: 1.25rem;
    }
    .header-actions[b-34ah2d0gq3] {
        width: 100%;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .header-actions .btn-group[b-34ah2d0gq3] {
        order: 1;
    }
    .header-actions .session-selector[b-34ah2d0gq3] {
        order: 2;
        min-width: 120px;
        flex: 1;
    }
    .header-actions .dropdown[b-34ah2d0gq3] {
        order: 3;
    }
    .header-actions > a[b-34ah2d0gq3],
    .header-actions > button:not(.dropdown-toggle):not(.mobile-sidebar-toggle)[b-34ah2d0gq3] {
        order: 4;
        flex: 1;
        min-width: calc(50% - 0.5rem);
    }
    .header-actions .btn[b-34ah2d0gq3] {
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
    }
    .header-actions .btn i[b-34ah2d0gq3] {
        margin-right: 0.25rem !important;
    }
    /* Mobile sidebar toggle button */
    .mobile-sidebar-toggle[b-34ah2d0gq3] {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        order: 5;
        width: 100%;
        justify-content: center;
        background: #f8f9fa;
        border: 1px solid #dee2e6;
    }
    .calendar-container[b-34ah2d0gq3] {
        flex-direction: column;
    }
    /* Hide sidebar by default on mobile */
    .calendar-sidebar[b-34ah2d0gq3] {
        width: 100%;
        order: 2;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding: 0;
        margin: 0;
        border: none;
        transition: all 0.3s ease;
    }
    /* Show sidebar when toggled */
    .calendar-sidebar.mobile-visible[b-34ah2d0gq3] {
        max-height: 500px;
        overflow-y: auto;
        opacity: 1;
        padding: 1rem;
        margin-top: 1rem;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: var(--bg-primary);
    }
    .calendar-main[b-34ah2d0gq3] {
        order: 1;
        border-radius: 8px;
    }
    .calendar-grid[b-34ah2d0gq3] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .calendar-weekdays[b-34ah2d0gq3] {
        min-width: 100%;
    }
    .calendar-week[b-34ah2d0gq3] {
        min-height: 65px;
        min-width: 100%;
    }
    .calendar-day[b-34ah2d0gq3] {
        padding: 0.2rem;
        min-width: 14.28%;
    }
    .day-header[b-34ah2d0gq3] {
        margin-bottom: 0.15rem;
    }
    .day-number[b-34ah2d0gq3] {
        font-size: 0.75rem;
    }
    .day-event[b-34ah2d0gq3] {
        font-size: 0.55rem;
        padding: 1px 2px;
        margin-bottom: 1px;
        border-radius: 2px;
    }
    .day-event .class-tag[b-34ah2d0gq3] {
        display: none;
    }
    .more-events[b-34ah2d0gq3] {
        font-size: 0.5rem;
        padding: 0.1rem 0.25rem;
    }
    .weekday[b-34ah2d0gq3] {
        font-size: 0.65rem;
        padding: 0.4rem 0.2rem;
    }
    .holiday-label[b-34ah2d0gq3] {
        padding: 0.15rem;
    }
    .holiday-title[b-34ah2d0gq3] {
        font-size: 0.6rem;
        line-height: 1.2;
    }
    .sunday-label[b-34ah2d0gq3] {
        font-size: 0.6rem;
    }
    .modal-dialog[b-34ah2d0gq3] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
    .modal-dialog.modal-lg[b-34ah2d0gq3] {
        max-width: calc(100% - 1rem);
    }
    .class-group-grid[b-34ah2d0gq3], .class-grid[b-34ah2d0gq3] {
        grid-template-columns: repeat(2, 1fr);
    }
    .subdept-grid[b-34ah2d0gq3], .subdept-selection-grid[b-34ah2d0gq3] {
        grid-template-columns: 1fr;
    }
    /* Event detail modal on mobile */
    .event-details .detail-row[b-34ah2d0gq3] {
        flex-direction: column;
        gap: 0.25rem;
    }
    .event-details .detail-row i[b-34ah2d0gq3] {
        width: auto;
    }
}

@media (max-width: 480px) {
    .calendar-page[b-34ah2d0gq3] {
        padding: 0.35rem;
    }
    .calendar-header[b-34ah2d0gq3] {
        gap: 0.5rem;
    }
    .calendar-header h1[b-34ah2d0gq3] {
        font-size: 1rem;
    }
    .header-actions[b-34ah2d0gq3] {
        gap: 0.35rem;
    }
    .header-actions .btn[b-34ah2d0gq3] {
        padding: 0.35rem 0.5rem;
        font-size: 0.75rem;
    }
    /* Hide button text but keep List View visible */
    .header-actions .btn:not(.mobile-sidebar-toggle) span[b-34ah2d0gq3] {
        display: none;
    }
    .mobile-sidebar-toggle span[b-34ah2d0gq3] {
        display: inline;
        font-size: 0.7rem;
    }
    .calendar-week[b-34ah2d0gq3] {
        min-height: 55px;
    }
    .calendar-day[b-34ah2d0gq3] {
        padding: 0.15rem;
    }
    .day-number[b-34ah2d0gq3] {
        font-size: 0.65rem;
    }
    .calendar-day.today .day-number[b-34ah2d0gq3] {
        width: 18px;
        height: 18px;
        font-size: 0.6rem;
    }
    .weekday[b-34ah2d0gq3] {
        font-size: 0.5rem;
        padding: 0.3rem 0.1rem;
    }
    .day-event[b-34ah2d0gq3] {
        font-size: 0.5rem;
        padding: 0px 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    .holiday-title[b-34ah2d0gq3] {
        font-size: 0.55rem;
    }
    .sunday-label[b-34ah2d0gq3] {
        font-size: 0.5rem;
    }
    .more-events[b-34ah2d0gq3] {
        font-size: 0.45rem;
    }
    /* Sidebar visible state on very small screens */
    .calendar-sidebar.mobile-visible[b-34ah2d0gq3] {
        max-height: 400px;
        padding: 0.75rem;
    }
    .calendar-sidebar.mobile-visible .sidebar-section[b-34ah2d0gq3] {
        margin-bottom: 0.75rem;
    }
    .calendar-sidebar.mobile-visible h6[b-34ah2d0gq3] {
        font-size: 0.8rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/Insights.razor.rz.scp.css */
.insights-page[b-t29lpgcevm] {
        padding: 1.5rem;
    }

    .page-header[b-t29lpgcevm] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .header-left[b-t29lpgcevm] {
        display: flex;
        align-items: center;
    }

    .header-left h1[b-t29lpgcevm] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

    .stat-card[b-t29lpgcevm] {
        background: var(--bg-primary, #fff);
        border-radius: 12px;
        border: 1px solid var(--border-color, #e5e7eb);
        padding: 1.25rem;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .stat-icon[b-t29lpgcevm] {
        width: 50px;
        height: 50px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 1.25rem;
    }

    .stat-value[b-t29lpgcevm] {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--text-primary, #1f2937);
    }

    .stat-label[b-t29lpgcevm] {
        font-size: 0.875rem;
        color: var(--text-muted, #6b7280);
    }

    .insights-card[b-t29lpgcevm] {
        background: var(--bg-primary, #fff);
        border-radius: 12px;
        border: 1px solid var(--border-color, #e5e7eb);
        height: 100%;
    }

    .insights-card .card-header[b-t29lpgcevm] {
        padding: 1rem 1.25rem;
        border-bottom: 1px solid var(--border-color, #e5e7eb);
        background: transparent;
    }

    .insights-card .card-header h5[b-t29lpgcevm] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
    }

    .insights-card .card-body[b-t29lpgcevm] {
        padding: 1.25rem;
    }

    .empty-state[b-t29lpgcevm] {
        text-align: center;
        padding: 2rem;
        color: var(--text-muted, #6b7280);
    }

    .insight-list[b-t29lpgcevm] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .insight-item[b-t29lpgcevm] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
        border-radius: 8px;
        background: var(--bg-secondary, #f9fafb);
    }

    .insight-item.warning[b-t29lpgcevm] {
        background: rgba(245, 158, 11, 0.1);
    }

    .insight-item.suggestion[b-t29lpgcevm] {
        background: rgba(59, 130, 246, 0.1);
    }

    .insight-icon[b-t29lpgcevm] {
        font-size: 1.25rem;
        margin-top: 2px;
    }

    .insight-content[b-t29lpgcevm] {
        flex: 1;
    }

    .insight-title[b-t29lpgcevm] {
        font-weight: 600;
        font-size: 0.875rem;
        margin-bottom: 0.25rem;
    }

    .insight-message[b-t29lpgcevm] {
        font-size: 0.8rem;
        color: var(--text-muted, #6b7280);
    }

    .distribution-list[b-t29lpgcevm] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .distribution-item[b-t29lpgcevm] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .distribution-header[b-t29lpgcevm] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .color-dot[b-t29lpgcevm] {
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }

    .distribution-label[b-t29lpgcevm] {
        flex: 1;
        font-size: 0.875rem;
    }

    .distribution-count[b-t29lpgcevm] {
        font-size: 0.75rem;
        color: var(--text-muted, #6b7280);
    }

    .monthly-chart[b-t29lpgcevm] {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        height: 150px;
        gap: 4px;
    }

    .month-bar-container[b-t29lpgcevm] {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }

    .month-bar[b-t29lpgcevm] {
        width: 100%;
        background: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%);
        border-radius: 4px 4px 0 0;
        min-height: 4px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 4px;
        margin-top: auto;
    }

    .month-count[b-t29lpgcevm] {
        font-size: 0.65rem;
        color: white;
        font-weight: 600;
    }

    .month-label[b-t29lpgcevm] {
        font-size: 0.65rem;
        color: var(--text-muted, #6b7280);
        margin-top: 4px;
    }

    .busy-days-list[b-t29lpgcevm] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .busy-day-item[b-t29lpgcevm] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem;
        background: var(--bg-secondary, #f9fafb);
        border-radius: 8px;
    }

    .day-date[b-t29lpgcevm] {
        font-weight: 500;
        font-size: 0.875rem;
    }

    .day-events[b-t29lpgcevm] {
        font-size: 0.75rem;
        color: var(--text-muted, #6b7280);
    }

    .day-badge[b-t29lpgcevm] {
        padding: 0.25rem 0.75rem;
        border-radius: 20px;
        font-size: 0.75rem;
        font-weight: 500;
    }

    .day-badge.overloaded[b-t29lpgcevm] {
        background: #fecaca;
        color: #dc2626;
    }

    .day-badge.busy[b-t29lpgcevm] {
        background: #fef3c7;
        color: #d97706;
    }

    .day-badge.normal[b-t29lpgcevm] {
        background: #d1fae5;
        color: #059669;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .insights-page[b-t29lpgcevm] { padding: 1rem; }
    .page-header[b-t29lpgcevm] { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
    .header-left h1[b-t29lpgcevm] { font-size: 1.25rem; }
    .stat-card[b-t29lpgcevm] { padding: 1rem; }
    .stat-icon[b-t29lpgcevm] { width: 40px; height: 40px; font-size: 1rem; }
    .stat-value[b-t29lpgcevm] { font-size: 1.5rem; }
    .insights-card .card-header[b-t29lpgcevm] { padding: 0.75rem 1rem; }
    .insights-card .card-body[b-t29lpgcevm] { padding: 1rem; }
    .monthly-chart[b-t29lpgcevm] { height: 120px; gap: 2px; }
    .month-bar-container[b-t29lpgcevm] { flex: 1; }
    .month-count[b-t29lpgcevm] { font-size: 0.55rem; }
    .month-label[b-t29lpgcevm] { font-size: 0.55rem; }
    .busy-day-item[b-t29lpgcevm] { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
}
@media (max-width: 480px) {
    .insights-page[b-t29lpgcevm] { padding: 0.75rem; }
    .header-left h1[b-t29lpgcevm] { font-size: 1.1rem; }
    .stat-card[b-t29lpgcevm] { padding: 0.75rem; }
    .stat-icon[b-t29lpgcevm] { width: 36px; height: 36px; }
    .stat-value[b-t29lpgcevm] { font-size: 1.25rem; }
    .insight-item[b-t29lpgcevm] { padding: 0.5rem; }
    .insight-icon[b-t29lpgcevm] { font-size: 1rem; }
    .insight-title[b-t29lpgcevm] { font-size: 0.8rem; }
    .insight-message[b-t29lpgcevm] { font-size: 0.75rem; }
    .monthly-chart[b-t29lpgcevm] { height: 100px; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/ListView.razor.rz.scp.css */
.event-list-page[b-zhfnn0khxi] {
        padding: 1rem;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .page-header[b-zhfnn0khxi] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1rem;
    }
    .page-header h1[b-zhfnn0khxi] {
        font-size: 1.5rem;
        margin: 0;
    }
    .filter-bar[b-zhfnn0khxi] {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        padding: 1rem;
        background: var(--bg-secondary);
        border-radius: 8px;
        margin-bottom: 1rem;
    }
    .filter-group[b-zhfnn0khxi] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }
    .filter-group label[b-zhfnn0khxi] {
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--text-muted);
    }
    .filter-group select[b-zhfnn0khxi], .filter-group input[b-zhfnn0khxi] {
        min-width: 140px;
    }
    .loading-container[b-zhfnn0khxi] {
        display: flex;
        justify-content: center;
        padding: 3rem;
    }
    .table-container[b-zhfnn0khxi] {
        flex: 1;
        overflow-y: auto;
        background: var(--bg-primary);
        border-radius: 8px;
        border: 1px solid var(--border);
    }
    .event-table[b-zhfnn0khxi] {
        margin-bottom: 0;
    }
    .event-table thead th[b-zhfnn0khxi] {
        position: sticky;
        top: 0;
        background: var(--bg-secondary);
        border-bottom: 2px solid var(--border);
        font-size: 0.8rem;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--text-muted);
        padding: 0.75rem 1rem;
    }
    .event-table tbody td[b-zhfnn0khxi] {
        padding: 0.75rem 1rem;
        vertical-align: middle;
    }
    .sortable[b-zhfnn0khxi] {
        cursor: pointer;
        user-select: none;
    }
    .sortable:hover[b-zhfnn0khxi] {
        color: var(--primary);
    }
    .date-cell[b-zhfnn0khxi] {
        display: flex;
        flex-direction: column;
        line-height: 1.2;
    }
    .date-main[b-zhfnn0khxi] {
        font-weight: 600;
    }
    .date-range[b-zhfnn0khxi] {
        font-size: 0.8rem;
        color: var(--text-muted);
    }
    .date-year[b-zhfnn0khxi] {
        font-size: 0.7rem;
        color: var(--text-muted);
    }
    .event-cell[b-zhfnn0khxi] {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .event-color-dot[b-zhfnn0khxi] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-top: 6px;
        flex-shrink: 0;
    }
    .event-info[b-zhfnn0khxi] {
        display: flex;
        flex-direction: column;
    }
    .event-title[b-zhfnn0khxi] {
        font-weight: 500;
    }
    .event-venue[b-zhfnn0khxi] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }
    .type-badge[b-zhfnn0khxi] {
        display: inline-block;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 500;
    }
    .target-badge[b-zhfnn0khxi] {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        background: var(--bg-secondary);
        color: var(--text-secondary);
    }
    .target-badge.all[b-zhfnn0khxi] {
        background: #e0f2fe;
        color: #0369a1;
    }
    .target-badge.students[b-zhfnn0khxi] {
        background: #f0fdf4;
        color: #166534;
    }
    .status-badge[b-zhfnn0khxi] {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 500;
    }
    .status-badge.published[b-zhfnn0khxi] {
        background: #dcfce7;
        color: #166534;
    }
    .status-badge.draft[b-zhfnn0khxi] {
        background: #fef3c7;
        color: #92400e;
    }
    .status-badge.cancelled[b-zhfnn0khxi] {
        background: #fee2e2;
        color: #991b1b;
    }
    .action-buttons[b-zhfnn0khxi] {
        display: flex;
        gap: 0.25rem;
    }
    .action-buttons .btn[b-zhfnn0khxi] {
        padding: 0.25rem 0.5rem;
    }
    .cancelled-row[b-zhfnn0khxi] {
        opacity: 0.6;
        text-decoration: line-through;
    }
    .draft-row[b-zhfnn0khxi] {
        background: #fffbeb;
    }
    .table-footer[b-zhfnn0khxi] {
        padding: 0.75rem 1rem;
        background: var(--bg-secondary);
        border-radius: 0 0 8px 8px;
        font-size: 0.8rem;
        color: var(--text-muted);
    }
    .modal-backdrop[b-zhfnn0khxi] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
    }
    .modal[b-zhfnn0khxi] {
        z-index: 1050;
    }
    /* Print styles */
    .print-header[b-zhfnn0khxi], .print-footer[b-zhfnn0khxi] {
        display: none;
    }
    @@media print {
        body *[b-zhfnn0khxi] {
            visibility: hidden;
        }
        #printable-area[b-zhfnn0khxi], #printable-area *[b-zhfnn0khxi] {
            visibility: visible;
        }
        #printable-area[b-zhfnn0khxi] {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
        }
        .no-print[b-zhfnn0khxi] {
            display: none !important;
        }
        .print-header[b-zhfnn0khxi], .print-footer[b-zhfnn0khxi] {
            display: block;
            text-align: center;
            margin-bottom: 1rem;
        }
        .print-header h2[b-zhfnn0khxi] {
            margin: 0;
            font-size: 1.2rem;
        }
        .print-header p[b-zhfnn0khxi] {
            margin: 0;
            font-size: 0.8rem;
            color: #666;
        }
        .event-table[b-zhfnn0khxi] {
            font-size: 0.8rem;
        }
        .event-table thead th[b-zhfnn0khxi] {
            background: #f0f0f0 !important;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }
        .type-badge[b-zhfnn0khxi], .status-badge[b-zhfnn0khxi], .target-badge[b-zhfnn0khxi] {
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .event-list-page[b-zhfnn0khxi] {
        padding: 0.75rem;
    }
    .page-header[b-zhfnn0khxi] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    .page-header h1[b-zhfnn0khxi] {
        font-size: 1.25rem;
    }
    .filter-bar[b-zhfnn0khxi] {
        flex-direction: column;
        padding: 0.75rem;
        gap: 0.75rem;
    }
    .filter-group[b-zhfnn0khxi] {
        width: 100%;
    }
    .filter-group select[b-zhfnn0khxi], .filter-group input[b-zhfnn0khxi] {
        width: 100%;
        min-width: unset;
    }
    .table-container[b-zhfnn0khxi] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .event-table[b-zhfnn0khxi] {
        min-width: 600px;
    }
    .event-table thead th[b-zhfnn0khxi],
    .event-table tbody td[b-zhfnn0khxi] {
        padding: 0.5rem;
        font-size: 0.75rem;
    }
    .action-buttons[b-zhfnn0khxi] {
        flex-direction: column;
    }
    .modal-dialog[b-zhfnn0khxi] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
}

@media (max-width: 480px) {
    .event-list-page[b-zhfnn0khxi] {
        padding: 0.5rem;
    }
    .page-header h1[b-zhfnn0khxi] {
        font-size: 1.1rem;
    }
    .filter-bar[b-zhfnn0khxi] {
        padding: 0.5rem;
    }
    .event-table thead th[b-zhfnn0khxi],
    .event-table tbody td[b-zhfnn0khxi] {
        padding: 0.35rem;
        font-size: 0.7rem;
    }
    .type-badge[b-zhfnn0khxi], .status-badge[b-zhfnn0khxi], .target-badge[b-zhfnn0khxi] {
        font-size: 0.65rem;
        padding: 0.15rem 0.35rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/SessionCopy.razor.rz.scp.css */
.session-copy-page[b-tefeeq8caa] {
        padding: 1.5rem;
        max-width: 1000px;
        margin: 0 auto;
    }

    .page-header[b-tefeeq8caa] {
        display: flex;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .header-left[b-tefeeq8caa] {
        display: flex;
        align-items: center;
    }

    .header-left h1[b-tefeeq8caa] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

    .wizard-container[b-tefeeq8caa] {
        background: var(--bg-primary, #fff);
        border-radius: 12px;
        border: 1px solid var(--border-color, #e5e7eb);
        padding: 2rem;
    }

    .step-indicator[b-tefeeq8caa] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .step[b-tefeeq8caa] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }

    .step-number[b-tefeeq8caa] {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: var(--bg-secondary, #f3f4f6);
        border: 2px solid var(--border-color, #e5e7eb);
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        color: var(--text-muted, #6b7280);
    }

    .step.active .step-number[b-tefeeq8caa] {
        background: #3b82f6;
        border-color: #3b82f6;
        color: white;
    }

    .step.completed .step-number[b-tefeeq8caa] {
        background: #10b981;
        border-color: #10b981;
        color: white;
    }

    .step-label[b-tefeeq8caa] {
        font-size: 0.875rem;
        color: var(--text-muted, #6b7280);
    }

    .step.active .step-label[b-tefeeq8caa] {
        color: var(--text-primary, #1f2937);
        font-weight: 500;
    }

    .step-line[b-tefeeq8caa] {
        width: 80px;
        height: 2px;
        background: var(--border-color, #e5e7eb);
        margin: 0 1rem;
        margin-bottom: 1.5rem;
    }

    .step-line.completed[b-tefeeq8caa] {
        background: #10b981;
    }

    .wizard-step[b-tefeeq8caa] {
        margin-top: 2rem;
    }

    .step-title[b-tefeeq8caa] {
        font-size: 1.25rem;
        font-weight: 600;
        color: var(--text-primary, #1f2937);
    }

    .session-card[b-tefeeq8caa] {
        background: var(--bg-secondary, #f9fafb);
        border-radius: 8px;
        padding: 1.5rem;
        border: 1px solid var(--border-color, #e5e7eb);
    }

    .session-card h6[b-tefeeq8caa] {
        margin-bottom: 1rem;
        font-weight: 600;
    }

    .event-type-card[b-tefeeq8caa] {
        background: var(--bg-secondary, #f9fafb);
        border-radius: 8px;
        padding: 1rem;
        border: 2px solid transparent;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        transition: all 0.2s;
    }

    .event-type-card:hover[b-tefeeq8caa] {
        border-color: var(--border-color, #e5e7eb);
    }

    .event-type-card.selected[b-tefeeq8caa] {
        border-color: #3b82f6;
        background: rgba(59, 130, 246, 0.05);
    }

    .color-dot[b-tefeeq8caa] {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin-right: 0.5rem;
    }

    .copy-options[b-tefeeq8caa] {
        background: var(--bg-secondary, #f9fafb);
        border-radius: 8px;
        padding: 1.5rem;
    }

    .summary-card[b-tefeeq8caa] {
        background: var(--bg-secondary, #f9fafb);
        border-radius: 8px;
        padding: 1.5rem;
        text-align: center;
    }

    .summary-icon[b-tefeeq8caa] {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

    .summary-value[b-tefeeq8caa] {
        font-size: 2rem;
        font-weight: 700;
    }

    .summary-label[b-tefeeq8caa] {
        color: var(--text-muted, #6b7280);
        font-size: 0.875rem;
    }

    .preview-list[b-tefeeq8caa] {
        background: var(--bg-secondary, #f9fafb);
        border-radius: 8px;
        padding: 1rem;
    }

    .copy-progress[b-tefeeq8caa] {
        background: var(--bg-secondary, #f9fafb);
        border-radius: 8px;
        padding: 1rem;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .session-copy-page[b-tefeeq8caa] { padding: 1rem; }
    .header-left h1[b-tefeeq8caa] { font-size: 1.25rem; }
    .wizard-container[b-tefeeq8caa] { padding: 1.25rem; }
    .step-indicator[b-tefeeq8caa] { flex-wrap: wrap; gap: 0.5rem; }
    .step-line[b-tefeeq8caa] { width: 40px; margin: 0 0.5rem; margin-bottom: 1rem; }
    .step-number[b-tefeeq8caa] { width: 32px; height: 32px; font-size: 0.85rem; }
    .step-label[b-tefeeq8caa] { font-size: 0.75rem; }
    .wizard-step[b-tefeeq8caa] { margin-top: 1.5rem; }
    .step-title[b-tefeeq8caa] { font-size: 1.1rem; }
    .session-card[b-tefeeq8caa], .copy-options[b-tefeeq8caa] { padding: 1rem; }
    .event-type-card[b-tefeeq8caa] { padding: 0.75rem; }
    .summary-card[b-tefeeq8caa] { padding: 1rem; }
    .summary-value[b-tefeeq8caa] { font-size: 1.5rem; }
}
@media (max-width: 480px) {
    .session-copy-page[b-tefeeq8caa] { padding: 0.75rem; }
    .header-left h1[b-tefeeq8caa] { font-size: 1.1rem; }
    .wizard-container[b-tefeeq8caa] { padding: 1rem; }
    .step-line[b-tefeeq8caa] { display: none; }
    .step-indicator[b-tefeeq8caa] { justify-content: space-around; }
    .step-label[b-tefeeq8caa] { font-size: 0.65rem; text-align: center; }
    .step-title[b-tefeeq8caa] { font-size: 1rem; }
    .summary-value[b-tefeeq8caa] { font-size: 1.25rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/Templates.razor.rz.scp.css */
.page-container[b-eht9gebjna] {
        padding: 1.5rem;
    }
    .page-header[b-eht9gebjna] {
        margin-bottom: 1.5rem;
    }
    .page-header h1[b-eht9gebjna] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .card[b-eht9gebjna] {
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
    }
    .card-header[b-eht9gebjna] {
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border);
        padding: 1rem 1.25rem;
    }
    .card-header h5[b-eht9gebjna] {
        font-size: 1rem;
        font-weight: 600;
    }
    .card-body[b-eht9gebjna] {
        padding: 1.25rem;
    }
    .template-list[b-eht9gebjna] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }
    .template-item[b-eht9gebjna] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem;
        background: var(--bg-secondary);
        border-radius: 8px;
    }
    .template-name[b-eht9gebjna] {
        font-weight: 500;
    }
    .template-meta[b-eht9gebjna] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }
    .copy-options[b-eht9gebjna] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }
    .form-check-label[b-eht9gebjna] {
        font-size: 0.875rem;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .page-container[b-eht9gebjna] { padding: 1rem; }
    .page-header h1[b-eht9gebjna] { font-size: 1.25rem; }
    .card-header[b-eht9gebjna] { padding: 0.75rem 1rem; }
    .card-body[b-eht9gebjna] { padding: 1rem; }
    .template-item[b-eht9gebjna] { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
    .copy-options[b-eht9gebjna] { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .page-container[b-eht9gebjna] { padding: 0.75rem; }
    .page-header h1[b-eht9gebjna] { font-size: 1.1rem; }
    .card-header[b-eht9gebjna] { padding: 0.5rem 0.75rem; }
    .card-body[b-eht9gebjna] { padding: 0.75rem; }
    .template-item[b-eht9gebjna] { padding: 0.5rem; }
    .template-name[b-eht9gebjna] { font-size: 0.9rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/Venues.razor.rz.scp.css */
.page-container[b-2nv302a1r5] {
        padding: 1.5rem;
    }
    .page-header[b-2nv302a1r5] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1.5rem;
    }
    .page-header h1[b-2nv302a1r5] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .loading-container[b-2nv302a1r5] {
        display: flex;
        justify-content: center;
        padding: 3rem;
    }
    .empty-state[b-2nv302a1r5] {
        text-align: center;
        padding: 3rem;
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
    }
    .data-table-container[b-2nv302a1r5] {
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
        overflow: hidden;
    }
    .data-table[b-2nv302a1r5] {
        width: 100%;
        border-collapse: collapse;
    }
    .data-table th[b-2nv302a1r5], .data-table td[b-2nv302a1r5] {
        padding: 0.75rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--border);
    }
    .data-table th[b-2nv302a1r5] {
        background: var(--bg-secondary);
        font-weight: 600;
        font-size: 0.875rem;
        color: var(--text-muted);
    }
    .data-table tbody tr:hover[b-2nv302a1r5] {
        background: var(--bg-hover);
    }
    code[b-2nv302a1r5] {
        background: var(--bg-secondary);
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        font-size: 0.875rem;
    }
    .modal-backdrop[b-2nv302a1r5] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
    }
    .modal[b-2nv302a1r5] {
        z-index: 1050;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .page-container[b-2nv302a1r5] { padding: 1rem; }
    .page-header[b-2nv302a1r5] { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
    .page-header h1[b-2nv302a1r5] { font-size: 1.25rem; }
    .data-table-container[b-2nv302a1r5] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .data-table[b-2nv302a1r5] { min-width: 500px; }
    .data-table th[b-2nv302a1r5], .data-table td[b-2nv302a1r5] { padding: 0.5rem 0.75rem; font-size: 0.85rem; }
    .modal-dialog[b-2nv302a1r5] { margin: 0.5rem; max-width: calc(100% - 1rem); }
}
@media (max-width: 480px) {
    .page-container[b-2nv302a1r5] { padding: 0.75rem; }
    .page-header h1[b-2nv302a1r5] { font-size: 1.1rem; }
    .data-table th[b-2nv302a1r5], .data-table td[b-2nv302a1r5] { padding: 0.4rem 0.5rem; font-size: 0.8rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Calendar/Workload.razor.rz.scp.css */
.workload-page[b-pigbx7vlzs] {
        padding: 1.5rem;
    }

    .page-header[b-pigbx7vlzs] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .header-left[b-pigbx7vlzs] {
        display: flex;
        align-items: center;
    }

    .header-left h1[b-pigbx7vlzs] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

    .controls-bar[b-pigbx7vlzs] {
        background: var(--bg-primary, #fff);
        border-radius: 12px;
        border: 1px solid var(--border-color, #e5e7eb);
        padding: 1.25rem;
    }

    .legend-bar[b-pigbx7vlzs] {
        background: var(--bg-primary, #fff);
        border-radius: 8px;
        border: 1px solid var(--border-color, #e5e7eb);
        padding: 0.75rem 1rem;
        display: flex;
        align-items: center;
        gap: 1.5rem;
        flex-wrap: wrap;
    }

    .legend-title[b-pigbx7vlzs] {
        font-weight: 600;
        font-size: 0.875rem;
    }

    .legend-items[b-pigbx7vlzs] {
        display: flex;
        gap: 1.5rem;
        flex-wrap: wrap;
    }

    .legend-item[b-pigbx7vlzs] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.8rem;
    }

    .legend-color[b-pigbx7vlzs] {
        width: 20px;
        height: 20px;
        border-radius: 4px;
    }

    .legend-color.light[b-pigbx7vlzs] { background: #d1fae5; }
    .legend-color.normal[b-pigbx7vlzs] { background: #fef3c7; }
    .legend-color.busy[b-pigbx7vlzs] { background: #fed7aa; }
    .legend-color.overloaded[b-pigbx7vlzs] { background: #fecaca; }
    .legend-color.holiday[b-pigbx7vlzs] { background: #f0f0f0; border: 1px dashed #ccc; }

    .heatmap-card[b-pigbx7vlzs], .summary-card[b-pigbx7vlzs] {
        background: var(--bg-primary, #fff);
        border-radius: 12px;
        border: 1px solid var(--border-color, #e5e7eb);
    }

    .heatmap-card .card-header[b-pigbx7vlzs] {
        padding: 1rem 1.25rem;
        border-bottom: 1px solid var(--border-color, #e5e7eb);
    }

    .heatmap-card .card-header h5[b-pigbx7vlzs] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
    }

    .heatmap-card .card-body[b-pigbx7vlzs] {
        padding: 1.25rem;
    }

    .weekday-header[b-pigbx7vlzs] {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 4px;
        margin-bottom: 4px;
    }

    .weekday[b-pigbx7vlzs] {
        text-align: center;
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--text-muted, #6b7280);
        padding: 0.5rem;
    }

    .days-grid[b-pigbx7vlzs] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .week-row[b-pigbx7vlzs] {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 4px;
    }

    .day-cell[b-pigbx7vlzs] {
        aspect-ratio: 1;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.2s;
        position: relative;
        min-height: 60px;
    }

    .day-cell:hover[b-pigbx7vlzs] {
        transform: scale(1.05);
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    }

    .day-cell.light[b-pigbx7vlzs] { background: #d1fae5; }
    .day-cell.normal[b-pigbx7vlzs] { background: #fef3c7; }
    .day-cell.busy[b-pigbx7vlzs] { background: #fed7aa; }
    .day-cell.overloaded[b-pigbx7vlzs] { background: #fecaca; }
    .day-cell.holiday[b-pigbx7vlzs] { background: #f0f0f0; }

    .day-cell.other-month[b-pigbx7vlzs] {
        opacity: 0.4;
    }

    .day-number[b-pigbx7vlzs] {
        font-weight: 600;
        font-size: 0.875rem;
    }

    .event-count[b-pigbx7vlzs] {
        font-size: 0.7rem;
        background: rgba(0,0,0,0.1);
        padding: 1px 6px;
        border-radius: 10px;
        margin-top: 2px;
    }

    .summary-card[b-pigbx7vlzs] {
        padding: 1.25rem;
        height: 100%;
    }

    .summary-card h6[b-pigbx7vlzs] {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .summary-stats[b-pigbx7vlzs] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .stat-row[b-pigbx7vlzs] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 0;
        border-bottom: 1px solid var(--border-color, #e5e7eb);
    }

    .stat-row:last-child[b-pigbx7vlzs] {
        border-bottom: none;
    }

    .stat-name[b-pigbx7vlzs] {
        font-size: 0.875rem;
        color: var(--text-muted, #6b7280);
    }

    .stat-value[b-pigbx7vlzs] {
        font-weight: 600;
    }

    .weekly-chart[b-pigbx7vlzs] {
        display: flex;
        align-items: flex-end;
        justify-content: space-around;
        height: 150px;
        padding-top: 1rem;
    }

    .week-bar-container[b-pigbx7vlzs] {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        max-width: 60px;
    }

    .week-bar[b-pigbx7vlzs] {
        width: 40px;
        background: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%);
        border-radius: 4px 4px 0 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 4px;
        margin-top: auto;
        min-height: 20px;
    }

    .bar-value[b-pigbx7vlzs] {
        font-size: 0.7rem;
        color: white;
        font-weight: 600;
    }

    .week-label[b-pigbx7vlzs] {
        font-size: 0.7rem;
        color: var(--text-muted, #6b7280);
        margin-top: 4px;
    }

    .day-events-list[b-pigbx7vlzs] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .day-event-item[b-pigbx7vlzs] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.75rem;
        background: var(--bg-secondary, #f9fafb);
        border-radius: 8px;
    }

    .event-color[b-pigbx7vlzs] {
        width: 4px;
        height: 40px;
        border-radius: 2px;
    }

    .event-details[b-pigbx7vlzs] {
        flex: 1;
    }

    .event-title[b-pigbx7vlzs] {
        font-weight: 500;
        font-size: 0.875rem;
    }

    .event-type[b-pigbx7vlzs] {
        font-size: 0.75rem;
        color: var(--text-muted, #6b7280);
    }

    .modal-backdrop[b-pigbx7vlzs] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
    }

    .modal[b-pigbx7vlzs] {
        z-index: 1050;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .workload-page[b-pigbx7vlzs] { padding: 1rem; }
    .page-header[b-pigbx7vlzs] { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
    .header-left h1[b-pigbx7vlzs] { font-size: 1.25rem; }
    .controls-bar[b-pigbx7vlzs] { padding: 1rem; }
    .legend-bar[b-pigbx7vlzs] { flex-direction: column; gap: 0.75rem; padding: 0.75rem; }
    .legend-items[b-pigbx7vlzs] { gap: 1rem; }
    .heatmap-card .card-header[b-pigbx7vlzs] { padding: 0.75rem 1rem; }
    .heatmap-card .card-body[b-pigbx7vlzs] { padding: 1rem; }
    .day-cell[b-pigbx7vlzs] { min-height: 50px; }
    .day-number[b-pigbx7vlzs] { font-size: 0.75rem; }
    .event-count[b-pigbx7vlzs] { font-size: 0.6rem; padding: 1px 4px; }
    .summary-card[b-pigbx7vlzs] { padding: 1rem; }
    .weekly-chart[b-pigbx7vlzs] { height: 120px; }
    .week-bar[b-pigbx7vlzs] { width: 30px; }
    .bar-value[b-pigbx7vlzs] { font-size: 0.6rem; }
    .week-label[b-pigbx7vlzs] { font-size: 0.6rem; }
    .modal-dialog[b-pigbx7vlzs] { margin: 0.5rem; max-width: calc(100% - 1rem); }
}
@media (max-width: 480px) {
    .workload-page[b-pigbx7vlzs] { padding: 0.75rem; }
    .header-left h1[b-pigbx7vlzs] { font-size: 1.1rem; }
    .legend-item[b-pigbx7vlzs] { font-size: 0.7rem; }
    .legend-color[b-pigbx7vlzs] { width: 16px; height: 16px; }
    .day-cell[b-pigbx7vlzs] { min-height: 40px; }
    .day-number[b-pigbx7vlzs] { font-size: 0.7rem; }
    .weekday[b-pigbx7vlzs] { font-size: 0.65rem; padding: 0.35rem; }
    .stat-name[b-pigbx7vlzs] { font-size: 0.8rem; }
    .weekly-chart[b-pigbx7vlzs] { height: 100px; }
    .week-bar[b-pigbx7vlzs] { width: 24px; }
    .day-event-item[b-pigbx7vlzs] { padding: 0.5rem; gap: 0.5rem; }
    .event-title[b-pigbx7vlzs] { font-size: 0.8rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/EmployeeHub/Assignments/ClassTeachers.razor.rz.scp.css */
.page-container[b-7juzp1dxor] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-7juzp1dxor] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.page-header h1[b-7juzp1dxor] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--text-primary);
}

.page-header .text-muted[b-7juzp1dxor] {
    margin: 0;
    font-size: 0.85rem;
}

.back-btn[b-7juzp1dxor] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.2s;
}

.back-btn:hover[b-7juzp1dxor] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.alert[b-7juzp1dxor] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-success[b-7juzp1dxor] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-danger[b-7juzp1dxor] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.loading[b-7juzp1dxor] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.stats-row[b-7juzp1dxor] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.stat[b-7juzp1dxor] {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 500;
}

.stat.total[b-7juzp1dxor] {
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
}

.stat.assigned[b-7juzp1dxor] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.stat.pending[b-7juzp1dxor] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.filter-bar[b-7juzp1dxor] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.filter-bar .form-select[b-7juzp1dxor],
.filter-bar .form-control[b-7juzp1dxor] {
    max-width: 250px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.table-container[b-7juzp1dxor] {
    background: var(--card-bg, var(--bg-secondary));
    border: 1px solid var(--border-primary);
    border-radius: 12px;
    overflow: hidden;
}

.table[b-7juzp1dxor] {
    margin: 0;
    width: 100%;
}

.table th[b-7juzp1dxor] {
    background: var(--bg-tertiary);
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: var(--text-secondary);
    border: none;
}

.table td[b-7juzp1dxor] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-primary);
    color: var(--text-primary);
    vertical-align: middle;
}

.table tbody tr:last-child td[b-7juzp1dxor] {
    border-bottom: none;
}

.table tbody tr:hover[b-7juzp1dxor] {
    background: var(--bg-tertiary);
}

.pending-row[b-7juzp1dxor] {
    background: rgba(245, 158, 11, 0.05);
}

.badge[b-7juzp1dxor] {
    padding: 0.35rem 0.6rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
}

.modal-overlay[b-7juzp1dxor] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-box[b-7juzp1dxor] {
    background: var(--card-bg, var(--bg-secondary));
    border-radius: 12px;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.modal-header[b-7juzp1dxor] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-primary);
}

.modal-header h5[b-7juzp1dxor] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.modal-body[b-7juzp1dxor] {
    padding: 1.25rem;
}

.modal-body label[b-7juzp1dxor] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 0.35rem;
}

.modal-body .form-select[b-7juzp1dxor],
.modal-body .form-control[b-7juzp1dxor] {
    background: var(--bg-primary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.modal-footer[b-7juzp1dxor] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-primary);
}

@media (max-width: 768px) {
    .filter-bar[b-7juzp1dxor] {
        flex-direction: column;
    }

    .filter-bar .form-select[b-7juzp1dxor],
    .filter-bar .form-control[b-7juzp1dxor] {
        max-width: 100%;
    }

    .stats-row[b-7juzp1dxor] {
        flex-wrap: wrap;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/EmployeeHub/Assignments/SubjectTeachers.razor.rz.scp.css */
.page-container[b-9xlh9uswh4] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-9xlh9uswh4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.page-header h1[b-9xlh9uswh4] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--text-primary);
}

.page-header .text-muted[b-9xlh9uswh4] {
    margin: 0;
    font-size: 0.85rem;
}

.back-btn[b-9xlh9uswh4] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.2s;
}

.back-btn:hover[b-9xlh9uswh4] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.alert[b-9xlh9uswh4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-success[b-9xlh9uswh4] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-danger[b-9xlh9uswh4] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.loading[b-9xlh9uswh4] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.stats-row[b-9xlh9uswh4] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.stat[b-9xlh9uswh4] {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 500;
}

.stat.total[b-9xlh9uswh4] {
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
}

.stat.assigned[b-9xlh9uswh4] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.stat.pending[b-9xlh9uswh4] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.filter-bar[b-9xlh9uswh4] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.filter-bar .form-select[b-9xlh9uswh4],
.filter-bar .form-control[b-9xlh9uswh4] {
    max-width: 200px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.table-container[b-9xlh9uswh4] {
    background: var(--card-bg, var(--bg-secondary));
    border: 1px solid var(--border-primary);
    border-radius: 12px;
    overflow: hidden;
}

.table[b-9xlh9uswh4] {
    margin: 0;
    width: 100%;
}

.table th[b-9xlh9uswh4] {
    background: var(--bg-tertiary);
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: var(--text-secondary);
    border: none;
}

.table td[b-9xlh9uswh4] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-primary);
    color: var(--text-primary);
    vertical-align: middle;
}

.table tbody tr:last-child td[b-9xlh9uswh4] {
    border-bottom: none;
}

.table tbody tr:hover[b-9xlh9uswh4] {
    background: var(--bg-tertiary);
}

.pending-row[b-9xlh9uswh4] {
    background: rgba(245, 158, 11, 0.05);
}

.add-section[b-9xlh9uswh4] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}

.modal-overlay[b-9xlh9uswh4] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-box[b-9xlh9uswh4] {
    background: var(--card-bg, var(--bg-secondary));
    border-radius: 12px;
    width: 100%;
    max-width: 450px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.modal-header[b-9xlh9uswh4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-primary);
}

.modal-header h5[b-9xlh9uswh4] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.modal-body[b-9xlh9uswh4] {
    padding: 1.25rem;
}

.modal-body label[b-9xlh9uswh4] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 0.35rem;
}

.modal-body .form-select[b-9xlh9uswh4],
.modal-body .form-control[b-9xlh9uswh4] {
    background: var(--bg-primary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.modal-footer[b-9xlh9uswh4] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-primary);
}

@media (max-width: 768px) {
    .filter-bar[b-9xlh9uswh4] {
        flex-direction: column;
    }

    .filter-bar .form-select[b-9xlh9uswh4],
    .filter-bar .form-control[b-9xlh9uswh4] {
        max-width: 100%;
    }

    .stats-row[b-9xlh9uswh4] {
        flex-wrap: wrap;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/EmployeeHub/EmployeeHub.razor.rz.scp.css */
/* Employee Management Hub */

.employee-hub[b-32fn19zv9d] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.hub-header[b-32fn19zv9d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.header-left h1[b-32fn19zv9d] {
    font-size: 1.75rem;
    margin: 0;
    color: var(--text-primary);
}

.header-left .subtitle[b-32fn19zv9d] {
    margin: 0.25rem 0 0;
    color: var(--text-muted);
    font-size: 0.9rem;
}

.session-badge[b-32fn19zv9d] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
}

/* Stats Bar */
.stats-bar[b-32fn19zv9d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-32fn19zv9d] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--card-bg, var(--bg-secondary));
    border-radius: 12px;
    border: 1px solid var(--border-primary);
}

.stat-icon[b-32fn19zv9d] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.stat-icon.academic[b-32fn19zv9d] { background: rgba(102, 126, 234, 0.15); color: #667eea; }
.stat-icon.admin[b-32fn19zv9d] { background: rgba(16, 185, 129, 0.15); color: #10b981; }
.stat-icon.assigned[b-32fn19zv9d] { background: rgba(59, 130, 246, 0.15); color: #3b82f6; }
.stat-icon.duty[b-32fn19zv9d] { background: rgba(245, 158, 11, 0.15); color: #f59e0b; }

.stat-info[b-32fn19zv9d] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-32fn19zv9d] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1;
}

.stat-label[b-32fn19zv9d] {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-top: 0.25rem;
}

/* Tab Navigation */
.hub-nav[b-32fn19zv9d] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--border-primary);
    overflow-x: auto;
}

.nav-tab[b-32fn19zv9d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-weight: 500;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s;
    white-space: nowrap;
}

.nav-tab:hover[b-32fn19zv9d] {
    color: var(--text-primary);
    background: var(--bg-tertiary);
}

.nav-tab.active[b-32fn19zv9d] {
    color: #667eea;
    border-bottom-color: #667eea;
}

/* Category Content */
.category-intro[b-32fn19zv9d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: rgba(102, 126, 234, 0.1);
    border-radius: 8px;
    margin-bottom: 1.25rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.category-intro i[b-32fn19zv9d] {
    color: #667eea;
}

.category-grid[b-32fn19zv9d] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.category-card[b-32fn19zv9d] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--card-bg, var(--bg-secondary));
    border: 1px solid var(--border-primary);
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s;
    position: relative;
}

.category-card:hover:not(.disabled)[b-32fn19zv9d] {
    border-color: #667eea;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}

.category-card.featured[b-32fn19zv9d] {
    border-color: #667eea;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
}

.category-card.disabled[b-32fn19zv9d] {
    opacity: 0.7;
    cursor: not-allowed;
}

.card-icon[b-32fn19zv9d] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    flex-shrink: 0;
}

.card-content[b-32fn19zv9d] {
    flex: 1;
    min-width: 0;
}

.card-content h5[b-32fn19zv9d] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.card-content p[b-32fn19zv9d] {
    margin: 0.25rem 0 0;
    font-size: 0.8rem;
    color: var(--text-muted);
}

.card-stat[b-32fn19zv9d] {
    position: absolute;
    top: 0.75rem;
    right: 2.5rem;
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
}

.coming-soon[b-32fn19zv9d] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    font-size: 0.65rem;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    background: var(--bg-tertiary);
    color: var(--text-muted);
}

.category-card > i.fa-chevron-right[b-32fn19zv9d] {
    color: var(--text-tertiary);
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .hub-header[b-32fn19zv9d] {
        flex-direction: column;
        gap: 1rem;
    }

    .stats-bar[b-32fn19zv9d] {
        grid-template-columns: repeat(2, 1fr);
    }

    .hub-nav[b-32fn19zv9d] {
        gap: 0.25rem;
    }

    .nav-tab[b-32fn19zv9d] {
        padding: 0.5rem 0.75rem;
    }

    .category-grid[b-32fn19zv9d] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/EmployeeHub/Periods/TeacherPeriods.razor.rz.scp.css */
.page-container[b-sho36pyu7f] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-sho36pyu7f] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.page-header h1[b-sho36pyu7f] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--text-primary);
}

.page-header .text-muted[b-sho36pyu7f] {
    margin: 0;
    font-size: 0.85rem;
}

.back-btn[b-sho36pyu7f] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.2s;
}

.back-btn:hover[b-sho36pyu7f] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.alert[b-sho36pyu7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-success[b-sho36pyu7f] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-danger[b-sho36pyu7f] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.loading[b-sho36pyu7f] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.toolbar[b-sho36pyu7f] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.table-container[b-sho36pyu7f] {
    background: var(--card-bg, var(--bg-secondary));
    border: 1px solid var(--border-primary);
    border-radius: 12px;
    overflow: hidden;
}

.table[b-sho36pyu7f] {
    margin: 0;
    width: 100%;
}

.table th[b-sho36pyu7f] {
    background: var(--bg-tertiary);
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: var(--text-secondary);
    border: none;
}

.table td[b-sho36pyu7f] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-primary);
    color: var(--text-primary);
    vertical-align: middle;
}

.table tbody tr:last-child td[b-sho36pyu7f] {
    border-bottom: none;
}

.table tbody tr:hover[b-sho36pyu7f] {
    background: var(--bg-tertiary);
}

.break-row[b-sho36pyu7f] {
    background: rgba(245, 158, 11, 0.05);
}

.break-row:hover[b-sho36pyu7f] {
    background: rgba(245, 158, 11, 0.1) !important;
}

.modal-overlay[b-sho36pyu7f] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-box[b-sho36pyu7f] {
    background: var(--card-bg, var(--bg-secondary));
    border-radius: 12px;
    width: 100%;
    max-width: 500px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.modal-header[b-sho36pyu7f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-primary);
}

.modal-header h5[b-sho36pyu7f] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.modal-body[b-sho36pyu7f] {
    padding: 1.25rem;
}

.modal-body label[b-sho36pyu7f] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 0.35rem;
}

.modal-body .form-select[b-sho36pyu7f],
.modal-body .form-control[b-sho36pyu7f] {
    background: var(--bg-primary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.modal-footer[b-sho36pyu7f] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-primary);
}

@media (max-width: 768px) {
    .table-container[b-sho36pyu7f] {
        overflow-x: auto;
    }

    .table[b-sho36pyu7f] {
        min-width: 800px;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/EmployeeHub/ShiftSetup/ShiftPeriods.razor.rz.scp.css */
.page-container[b-45qq4cmx3o] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-45qq4cmx3o] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.page-header h1[b-45qq4cmx3o] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--text-primary);
}

.page-header .text-muted[b-45qq4cmx3o] {
    margin: 0;
    font-size: 0.85rem;
}

.back-btn[b-45qq4cmx3o] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.2s;
}

.back-btn:hover[b-45qq4cmx3o] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.alert[b-45qq4cmx3o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-success[b-45qq4cmx3o] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-danger[b-45qq4cmx3o] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-warning[b-45qq4cmx3o] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.loading[b-45qq4cmx3o] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.shift-info-card[b-45qq4cmx3o] {
    display: flex;
    gap: 2rem;
    padding: 1rem 1.25rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-primary);
    border-radius: 10px;
    margin-bottom: 1rem;
}

.shift-info-card .info-item[b-45qq4cmx3o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.shift-info-card .label[b-45qq4cmx3o] {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.shift-info-card .value[b-45qq4cmx3o] {
    font-weight: 600;
    color: var(--text-primary);
}

/* Sync Status Card */
.sync-status-card[b-45qq4cmx3o] {
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

.sync-status-card.sync-no-source[b-45qq4cmx3o] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-primary);
}

.sync-status-card.sync-in-sync[b-45qq4cmx3o] {
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.sync-status-card.sync-out-of-sync[b-45qq4cmx3o] {
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.sync-status-card.sync-checking[b-45qq4cmx3o] {
    background: var(--bg-tertiary);
    border: 1px dashed var(--border-primary);
}

.sync-header[b-45qq4cmx3o] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.sync-icon[b-45qq4cmx3o] {
    font-size: 1.5rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.sync-no-source .sync-icon[b-45qq4cmx3o] {
    background: var(--bg-secondary);
    color: var(--text-secondary);
}

.sync-in-sync .sync-icon[b-45qq4cmx3o] {
    background: rgba(16, 185, 129, 0.2);
    color: #10b981;
}

.sync-out-of-sync .sync-icon[b-45qq4cmx3o] {
    background: rgba(245, 158, 11, 0.2);
    color: #f59e0b;
}

.sync-checking .sync-icon[b-45qq4cmx3o] {
    background: var(--bg-secondary);
    color: var(--text-secondary);
}

.sync-info[b-45qq4cmx3o] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sync-title[b-45qq4cmx3o] {
    font-weight: 600;
    color: var(--text-primary);
}

.sync-date[b-45qq4cmx3o] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.sync-actions[b-45qq4cmx3o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sync-details[b-45qq4cmx3o] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(245, 158, 11, 0.2);
}

.differences-list[b-45qq4cmx3o] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.diff-item[b-45qq4cmx3o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    font-size: 0.9rem;
}

.diff-item i[b-45qq4cmx3o] {
    width: 20px;
    text-align: center;
}

.diff-item.timing i[b-45qq4cmx3o] { color: #3b82f6; }
.diff-item.duration i[b-45qq4cmx3o] { color: #8b5cf6; }
.diff-item.missing i[b-45qq4cmx3o] { color: #ef4444; }
.diff-item.extra i[b-45qq4cmx3o] { color: #f59e0b; }
.diff-item.type i[b-45qq4cmx3o] { color: #06b6d4; }

.toolbar[b-45qq4cmx3o] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.table-container[b-45qq4cmx3o] {
    background: var(--card-bg, var(--bg-secondary));
    border: 1px solid var(--border-primary);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.table[b-45qq4cmx3o] {
    margin: 0;
    width: 100%;
}

.table th[b-45qq4cmx3o] {
    background: var(--bg-tertiary);
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: var(--text-secondary);
    border: none;
}

.table td[b-45qq4cmx3o] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-primary);
    color: var(--text-primary);
    vertical-align: middle;
}

.table tbody tr:last-child td[b-45qq4cmx3o] {
    border-bottom: none;
}

.table tbody tr:hover[b-45qq4cmx3o] {
    background: var(--bg-tertiary);
}

.break-row[b-45qq4cmx3o] {
    background: rgba(245, 158, 11, 0.05);
}

.break-row:hover[b-45qq4cmx3o] {
    background: rgba(245, 158, 11, 0.1) !important;
}

.summary-bar[b-45qq4cmx3o] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 0.75rem 1rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.summary-bar strong[b-45qq4cmx3o] {
    color: var(--text-primary);
}

.summary-bar .divider[b-45qq4cmx3o] {
    color: var(--border-primary);
    font-weight: 300;
}

.summary-bar .text-warning[b-45qq4cmx3o] {
    color: #f59e0b;
}

.summary-bar .text-danger[b-45qq4cmx3o] {
    color: #ef4444;
}

.summary-bar .text-success[b-45qq4cmx3o] {
    color: #10b981;
}

.modal-overlay[b-45qq4cmx3o] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-box[b-45qq4cmx3o] {
    background: var(--card-bg, var(--bg-secondary));
    border-radius: 12px;
    width: 100%;
    max-width: 500px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.modal-header[b-45qq4cmx3o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-primary);
}

.modal-header h5[b-45qq4cmx3o] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.modal-body[b-45qq4cmx3o] {
    padding: 1.25rem;
}

.modal-body label[b-45qq4cmx3o] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 0.35rem;
}

.modal-body .form-select[b-45qq4cmx3o],
.modal-body .form-control[b-45qq4cmx3o] {
    background: var(--bg-primary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.modal-footer[b-45qq4cmx3o] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-primary);
}

@media (max-width: 768px) {
    .shift-info-card[b-45qq4cmx3o] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .table-container[b-45qq4cmx3o] {
        overflow-x: auto;
    }

    .table[b-45qq4cmx3o] {
        min-width: 700px;
    }

    .summary-bar[b-45qq4cmx3o] {
        flex-wrap: wrap;
        gap: 1rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/EmployeeHub/ShiftSetup/TeacherShiftSetup.razor.rz.scp.css */
.page-container[b-440js2h8a9] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-440js2h8a9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.page-header h1[b-440js2h8a9] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--text-primary);
}

.page-header .text-muted[b-440js2h8a9] {
    margin: 0;
    font-size: 0.85rem;
}

.back-btn[b-440js2h8a9] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.2s;
}

.back-btn:hover[b-440js2h8a9] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.alert[b-440js2h8a9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-success[b-440js2h8a9] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-danger[b-440js2h8a9] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.loading[b-440js2h8a9] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.season-toggle[b-440js2h8a9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 0.75rem 1rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-primary);
    border-radius: 10px;
}

.season-toggle .label[b-440js2h8a9] {
    font-weight: 500;
    color: var(--text-secondary);
}

.season-buttons[b-440js2h8a9] {
    display: flex;
    gap: 0.5rem;
}

.season-toggle .btn[b-440js2h8a9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s;
}

.season-toggle .btn.active[b-440js2h8a9] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.toolbar[b-440js2h8a9] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.shift-grid[b-440js2h8a9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.shift-card[b-440js2h8a9] {
    background: var(--card-bg, var(--bg-secondary));
    border: 1px solid var(--border-primary);
    border-radius: 12px;
    padding: 1.25rem;
    transition: all 0.2s;
}

.shift-card:hover[b-440js2h8a9] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.shift-card.inactive[b-440js2h8a9] {
    opacity: 0.7;
}

.shift-header[b-440js2h8a9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.shift-code[b-440js2h8a9] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    background: var(--bg-tertiary);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.shift-name[b-440js2h8a9] {
    margin: 0 0 0.5rem;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.shift-desc[b-440js2h8a9] {
    margin: 0 0 0.75rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.shift-timing[b-440js2h8a9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-bottom: 1rem;
}

.shift-timing i[b-440js2h8a9] {
    color: #667eea;
}

.shift-stats[b-440js2h8a9] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-primary);
}

.shift-stats .stat[b-440js2h8a9] {
    display: flex;
    flex-direction: column;
}

.shift-stats .stat-value[b-440js2h8a9] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
}

.shift-stats .stat-label[b-440js2h8a9] {
    font-size: 0.75rem;
    color: var(--text-secondary);
}

.shift-actions[b-440js2h8a9] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-primary);
}

.shift-actions .btn[b-440js2h8a9] {
    flex: 1;
}

.empty-state[b-440js2h8a9] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem;
    background: var(--bg-tertiary);
    border-radius: 12px;
    text-align: center;
}

.empty-state i[b-440js2h8a9] {
    font-size: 3rem;
    color: var(--text-secondary);
    opacity: 0.5;
}

.empty-state p[b-440js2h8a9] {
    margin: 0;
    color: var(--text-secondary);
}

.info-card[b-440js2h8a9] {
    display: flex;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 10px;
    color: #3b82f6;
    font-size: 0.9rem;
}

.info-card i[b-440js2h8a9] {
    font-size: 1.25rem;
    margin-top: 0.25rem;
}

.info-card ol[b-440js2h8a9] {
    padding-left: 1.25rem;
    font-size: 0.85rem;
}

.modal-overlay[b-440js2h8a9] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-box[b-440js2h8a9] {
    background: var(--card-bg, var(--bg-secondary));
    border-radius: 12px;
    width: 100%;
    max-width: 500px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.modal-header[b-440js2h8a9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-primary);
}

.modal-header h5[b-440js2h8a9] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.modal-body[b-440js2h8a9] {
    padding: 1.25rem;
}

.modal-body label[b-440js2h8a9] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 0.35rem;
}

.modal-body .form-select[b-440js2h8a9],
.modal-body .form-control[b-440js2h8a9] {
    background: var(--bg-primary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.modal-footer[b-440js2h8a9] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-primary);
}

@media (max-width: 768px) {
    .shift-grid[b-440js2h8a9] {
        grid-template-columns: 1fr;
    }

    .season-toggle[b-440js2h8a9] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/EmployeeHub/Shifts/EmployeeShifts.razor.rz.scp.css */
.page-container[b-q6a1g2to7b] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-q6a1g2to7b] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.page-header h1[b-q6a1g2to7b] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--text-primary);
}

.page-header .text-muted[b-q6a1g2to7b] {
    margin: 0;
    font-size: 0.85rem;
}

.back-btn[b-q6a1g2to7b] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.2s;
}

.back-btn:hover[b-q6a1g2to7b] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.alert[b-q6a1g2to7b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-success[b-q6a1g2to7b] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-danger[b-q6a1g2to7b] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.season-toggle[b-q6a1g2to7b] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 0.75rem 1rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-primary);
    border-radius: 10px;
}

.season-buttons[b-q6a1g2to7b] {
    display: flex;
    gap: 0.5rem;
}

.season-toggle .btn[b-q6a1g2to7b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s;
}

.season-toggle .btn.active[b-q6a1g2to7b] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.season-toggle .badge[b-q6a1g2to7b] {
    font-size: 0.65rem;
}

.loading[b-q6a1g2to7b] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.stats-row[b-q6a1g2to7b] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.stat[b-q6a1g2to7b] {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 500;
}

.stat.total[b-q6a1g2to7b] {
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
}

.stat.configured[b-q6a1g2to7b] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.stat.pending[b-q6a1g2to7b] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.filter-bar[b-q6a1g2to7b] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.filter-bar .form-select[b-q6a1g2to7b],
.filter-bar .form-control[b-q6a1g2to7b] {
    max-width: 250px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.table-container[b-q6a1g2to7b] {
    background: var(--card-bg, var(--bg-secondary));
    border: 1px solid var(--border-primary);
    border-radius: 12px;
    overflow: hidden;
}

.table[b-q6a1g2to7b] {
    margin: 0;
    width: 100%;
}

.table th[b-q6a1g2to7b] {
    background: var(--bg-tertiary);
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: var(--text-secondary);
    border: none;
}

.table td[b-q6a1g2to7b] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-primary);
    color: var(--text-primary);
    vertical-align: middle;
}

.table tbody tr:last-child td[b-q6a1g2to7b] {
    border-bottom: none;
}

.table tbody tr:hover[b-q6a1g2to7b] {
    background: var(--bg-tertiary);
}

.pending-row[b-q6a1g2to7b] {
    background: rgba(245, 158, 11, 0.05);
}

.selected-row[b-q6a1g2to7b] {
    background: rgba(102, 126, 234, 0.1) !important;
}

.bulk-action-bar[b-q6a1g2to7b] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    margin-bottom: 1rem;
}

.bulk-action-bar .selection-info[b-q6a1g2to7b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.bulk-action-bar .selection-info label[b-q6a1g2to7b] {
    cursor: pointer;
    margin: 0;
}

.bulk-action-bar .form-check-input[b-q6a1g2to7b] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.selected-list[b-q6a1g2to7b] {
    margin-top: 0.5rem;
    max-height: 100px;
    overflow-y: auto;
}

.alert-info[b-q6a1g2to7b] {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    border: 1px solid rgba(59, 130, 246, 0.2);
    padding: 0.75rem 1rem;
    border-radius: 8px;
}

.modal-overlay[b-q6a1g2to7b] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-box[b-q6a1g2to7b] {
    background: var(--card-bg, var(--bg-secondary));
    border-radius: 12px;
    width: 100%;
    max-width: 450px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.modal-header[b-q6a1g2to7b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-primary);
}

.modal-header h5[b-q6a1g2to7b] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.modal-body[b-q6a1g2to7b] {
    padding: 1.25rem;
}

.modal-body label[b-q6a1g2to7b] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 0.35rem;
}

.modal-body .form-select[b-q6a1g2to7b],
.modal-body .form-control[b-q6a1g2to7b] {
    background: var(--bg-primary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.modal-footer[b-q6a1g2to7b] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-primary);
}

@media (max-width: 768px) {
    .filter-bar[b-q6a1g2to7b] {
        flex-direction: column;
    }

    .filter-bar .form-select[b-q6a1g2to7b],
    .filter-bar .form-control[b-q6a1g2to7b] {
        max-width: 100%;
    }

    .stats-row[b-q6a1g2to7b] {
        flex-wrap: wrap;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/EmployeeHub/WorkingWeek/TeacherWorkingWeek.razor.rz.scp.css */
.page-container[b-jjvebiylxn] {
    padding: 1.5rem;
    max-width: 1000px;
    margin: 0 auto;
}

.page-header[b-jjvebiylxn] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.page-header h1[b-jjvebiylxn] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--text-primary);
}

.page-header .text-muted[b-jjvebiylxn] {
    margin: 0;
    font-size: 0.85rem;
}

.back-btn[b-jjvebiylxn] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.2s;
}

.back-btn:hover[b-jjvebiylxn] {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.alert[b-jjvebiylxn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-success[b-jjvebiylxn] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-danger[b-jjvebiylxn] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.loading[b-jjvebiylxn] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.info-card[b-jjvebiylxn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 10px;
    color: #3b82f6;
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
}

.week-grid[b-jjvebiylxn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.day-card[b-jjvebiylxn] {
    background: var(--card-bg, var(--bg-secondary));
    border: 2px solid var(--border-primary);
    border-radius: 12px;
    padding: 1rem;
    transition: all 0.2s;
}

.day-card.working[b-jjvebiylxn] {
    border-color: rgba(16, 185, 129, 0.3);
    background: rgba(16, 185, 129, 0.05);
}

.day-card.off[b-jjvebiylxn] {
    border-color: rgba(107, 114, 128, 0.3);
    opacity: 0.8;
}

.day-header[b-jjvebiylxn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.day-name[b-jjvebiylxn] {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.day-status[b-jjvebiylxn] {
    margin-bottom: 0.5rem;
}

.off-day-reason[b-jjvebiylxn] {
    margin-top: 0.5rem;
}

.off-day-reason .form-control[b-jjvebiylxn] {
    font-size: 0.8rem;
    padding: 0.35rem 0.5rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

/* Toggle Switch */
.toggle-switch[b-jjvebiylxn] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

.toggle-switch input[b-jjvebiylxn] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider[b-jjvebiylxn] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #ccc;
    transition: 0.3s;
    border-radius: 26px;
}

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

input:checked + .slider[b-jjvebiylxn] {
    background-color: #10b981;
}

input:checked + .slider[b-jjvebiylxn]:before {
    transform: translateX(24px);
}

.summary-card[b-jjvebiylxn] {
    display: flex;
    gap: 2rem;
    padding: 1rem 1.5rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-primary);
    border-radius: 10px;
    margin-bottom: 1.5rem;
}

.summary-item[b-jjvebiylxn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.summary-item .label[b-jjvebiylxn] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.summary-item .value[b-jjvebiylxn] {
    font-size: 1.25rem;
    font-weight: 600;
}

.action-bar[b-jjvebiylxn] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .week-grid[b-jjvebiylxn] {
        grid-template-columns: 1fr;
    }

    .summary-card[b-jjvebiylxn] {
        flex-direction: column;
        gap: 1rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Index.razor.rz.scp.css */
.dashboard-container[b-6xosbj50y4] {
        padding: 1.5rem;
    }
    .page-header[b-6xosbj50y4] {
        margin-bottom: 2rem;
    }
    .page-header h1[b-6xosbj50y4] {
        margin: 0;
        font-size: 1.75rem;
        font-weight: 600;
    }
    .dashboard-cards[b-6xosbj50y4] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
    }
    .stat-card[b-6xosbj50y4] {
        background: var(--bg-primary);
        border-radius: 12px;
        padding: 1.5rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        box-shadow: var(--shadow-sm);
        border: 1px solid var(--border);
    }
    .stat-icon[b-6xosbj50y4] {
        width: 56px;
        height: 56px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: white;
    }
    .stat-icon.bg-primary[b-6xosbj50y4] { background: linear-gradient(135deg, #667eea, #764ba2); }
    .stat-icon.bg-success[b-6xosbj50y4] { background: linear-gradient(135deg, #11998e, #38ef7d); }
    .stat-icon.bg-warning[b-6xosbj50y4] { background: linear-gradient(135deg, #f6d365, #fda085); }
    .stat-icon.bg-info[b-6xosbj50y4] { background: linear-gradient(135deg, #4facfe, #00f2fe); }
    .stat-content h3[b-6xosbj50y4] {
        font-size: 0.875rem;
        color: var(--text-muted);
        margin: 0;
    }
    .stat-value[b-6xosbj50y4] {
        font-size: 1.75rem;
        font-weight: 700;
        margin: 0.25rem 0;
        color: var(--text-primary);
    }
    .stat-label[b-6xosbj50y4] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }
    .action-buttons[b-6xosbj50y4] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    .action-buttons .btn[b-6xosbj50y4] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .dashboard-container[b-6xosbj50y4] {
        padding: 1rem;
    }
    .page-header h1[b-6xosbj50y4] {
        font-size: 1.25rem;
    }
    .dashboard-cards[b-6xosbj50y4] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .stat-card[b-6xosbj50y4] {
        padding: 1rem;
    }
    .stat-icon[b-6xosbj50y4] {
        width: 48px;
        height: 48px;
        font-size: 1.25rem;
    }
    .stat-value[b-6xosbj50y4] {
        font-size: 1.5rem;
    }
    .action-buttons[b-6xosbj50y4] {
        flex-direction: column;
        width: 100%;
    }
    .action-buttons .btn[b-6xosbj50y4] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .dashboard-container[b-6xosbj50y4] {
        padding: 0.75rem;
    }
    .stat-card[b-6xosbj50y4] {
        padding: 0.75rem;
    }
    .stat-icon[b-6xosbj50y4] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    .stat-value[b-6xosbj50y4] {
        font-size: 1.25rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/SchoolSetup/Components/AboutSchool.razor.rz.scp.css */
.about-school-container[b-8qxdmiwwpb] {
    padding: 1rem 0;
}

.section-tabs[b-8qxdmiwwpb] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 0.5rem;
}

.section-tab[b-8qxdmiwwpb] {
    padding: 0.6rem 1rem;
    border: none;
    background: transparent;
    color: #6c757d;
    font-weight: 500;
    cursor: pointer;
    border-radius: 8px 8px 0 0;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-tab:hover[b-8qxdmiwwpb] {
    background: #f8f9fa;
    color: #495057;
}

.section-tab.active[b-8qxdmiwwpb] {
    background: #0d6efd;
    color: white;
}

.section-tab i[b-8qxdmiwwpb] {
    font-size: 0.9rem;
}

.section-content[b-8qxdmiwwpb] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    min-height: 400px;
}

.action-bar[b-8qxdmiwwpb] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

[b-8qxdmiwwpb] .form-section {
    margin-bottom: 1.5rem;
}

[b-8qxdmiwwpb] .form-section h5 {
    color: #495057;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

[b-8qxdmiwwpb] .form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

[b-8qxdmiwwpb] .form-group {
    margin-bottom: 1rem;
}

[b-8qxdmiwwpb] .form-group label {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
}

[b-8qxdmiwwpb] .form-control {
    border-radius: 6px;
}

[b-8qxdmiwwpb] .form-control:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

[b-8qxdmiwwpb] textarea.form-control {
    min-height: 120px;
}

[b-8qxdmiwwpb] .input-group-text {
    background: #f8f9fa;
    border-color: #ced4da;
}

[b-8qxdmiwwpb] .time-inputs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

[b-8qxdmiwwpb] .time-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-8qxdmiwwpb] .time-group label {
    font-size: 0.8rem;
    color: #6c757d;
}

[b-8qxdmiwwpb] .time-range {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-8qxdmiwwpb] .time-range span {
    color: #6c757d;
    font-size: 0.9rem;
}

[b-8qxdmiwwpb] .social-input {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

[b-8qxdmiwwpb] .social-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.1rem;
}

[b-8qxdmiwwpb] .social-icon.facebook { background: #1877f2; }
[b-8qxdmiwwpb] .social-icon.instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
[b-8qxdmiwwpb] .social-icon.youtube { background: #ff0000; }
[b-8qxdmiwwpb] .social-icon.twitter { background: #1da1f2; }
[b-8qxdmiwwpb] .social-icon.linkedin { background: #0a66c2; }
/* /Areas/Academic/Pages/ProgramHeadAcademics/SchoolSetup/Components/AuditLog.razor.rz.scp.css */
.audit-log[b-rizui74q9h] {
        padding: 0.5rem;
    }

    .section-header[b-rizui74q9h] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #e9ecef;
    }

    .section-header h5[b-rizui74q9h] {
        margin: 0;
        font-weight: 600;
    }

    .filter-bar[b-rizui74q9h] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .filter-chip[b-rizui74q9h] {
        padding: 0.375rem 0.75rem;
        border: 1px solid #dee2e6;
        background: #fff;
        border-radius: 2rem;
        font-size: 0.85rem;
        cursor: pointer;
        transition: all 0.2s;
    }

    .filter-chip:hover[b-rizui74q9h] {
        background: #f8f9fa;
        border-color: #adb5bd;
    }

    .filter-chip.active[b-rizui74q9h] {
        background: #4361ee;
        border-color: #4361ee;
        color: #fff;
    }

    .empty-state[b-rizui74q9h] {
        text-align: center;
        padding: 3rem;
    }

    .audit-timeline[b-rizui74q9h] {
        position: relative;
        padding-left: 2rem;
    }

    .audit-timeline[b-rizui74q9h]::before {
        content: '';
        position: absolute;
        left: 14px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #e9ecef;
    }

    .audit-entry[b-rizui74q9h] {
        position: relative;
        display: flex;
        gap: 1rem;
        padding-bottom: 1.5rem;
    }

    .audit-icon[b-rizui74q9h] {
        position: relative;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border: 2px solid #e9ecef;
        z-index: 1;
        flex-shrink: 0;
    }

    .audit-icon.icon-create[b-rizui74q9h] { border-color: #198754; color: #198754; }
    .audit-icon.icon-update[b-rizui74q9h] { border-color: #0dcaf0; color: #0dcaf0; }
    .audit-icon.icon-delete[b-rizui74q9h] { border-color: #dc3545; color: #dc3545; }
    .audit-icon.icon-assign[b-rizui74q9h] { border-color: #0d6efd; color: #0d6efd; }
    .audit-icon.icon-unassign[b-rizui74q9h] { border-color: #ffc107; color: #856404; }

    .audit-content[b-rizui74q9h] {
        flex: 1;
        background: #f8f9fa;
        border-radius: 0.5rem;
        padding: 0.75rem 1rem;
    }

    .audit-header[b-rizui74q9h] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .entity-type[b-rizui74q9h] {
        font-weight: 500;
        color: #495057;
    }

    .timestamp[b-rizui74q9h] {
        color: #6c757d;
        font-size: 0.85rem;
        margin-left: auto;
    }

    .audit-description[b-rizui74q9h] {
        font-size: 0.95rem;
        margin-bottom: 0.5rem;
    }

    .audit-meta[b-rizui74q9h] {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        font-size: 0.85rem;
        color: #6c757d;
    }

    .details-content pre[b-rizui74q9h] {
        max-height: 200px;
        overflow-y: auto;
        font-size: 0.75rem;
    }

/* Dark Theme Support */
:global([data-theme="dark"]) .section-header[b-rizui74q9h] {
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .filter-chip[b-rizui74q9h] {
    border-color: #4b5563;
    background: #1f2937;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .filter-chip:hover[b-rizui74q9h] {
    background: #374151;
    border-color: #6b7280;
}

:global([data-theme="dark"]) .filter-chip.active[b-rizui74q9h] {
    background: #818cf8;
    border-color: #818cf8;
}

:global([data-theme="dark"]) .audit-timeline[b-rizui74q9h]::before {
    background: #374151;
}

:global([data-theme="dark"]) .audit-icon[b-rizui74q9h] {
    background: #1f2937;
    border-color: #4b5563;
}

:global([data-theme="dark"]) .audit-content[b-rizui74q9h] {
    background: #374151;
}

:global([data-theme="dark"]) .entity-type[b-rizui74q9h] {
    color: #d1d5db;
}

:global([data-theme="dark"]) .timestamp[b-rizui74q9h] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .audit-meta[b-rizui74q9h] {
    color: #9ca3af;
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/SchoolSetup/Components/ClassRoomMatrix.razor.rz.scp.css */
.classroom-matrix[b-n1mtfqt0rq] {
        padding: 0.5rem;
    }

    .section-header[b-n1mtfqt0rq] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #e9ecef;
    }

    .section-header h5[b-n1mtfqt0rq] {
        margin: 0;
        font-weight: 600;
    }

    .summary-badges[b-n1mtfqt0rq] {
        display: flex;
        gap: 0.5rem;
    }

    .filter-toolbar[b-n1mtfqt0rq] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        padding: 0.75rem;
        background: #f8f9fa;
        border-radius: 0.5rem;
    }

    .filter-row[b-n1mtfqt0rq] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        align-items: center;
    }

    .filter-group[b-n1mtfqt0rq] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .filter-label[b-n1mtfqt0rq] {
        font-size: 0.8rem;
        font-weight: 500;
        color: #495057;
        white-space: nowrap;
    }

    .search-box[b-n1mtfqt0rq] {
        position: relative;
        min-width: 200px;
    }

    .search-box > i.fa-search[b-n1mtfqt0rq] {
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        color: #6c757d;
        z-index: 1;
        pointer-events: none;
        font-size: 0.85rem;
    }

    .search-box input[b-n1mtfqt0rq] {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .search-box input[b-n1mtfqt0rq]::placeholder {
        padding-left: 0;
    }

    .search-box .btn-clear[b-n1mtfqt0rq] {
        position: absolute;
        right: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        border: none;
        background: none;
        color: #6c757d;
        padding: 0;
        cursor: pointer;
    }

    .filter-select[b-n1mtfqt0rq] {
        width: auto;
        min-width: 150px;
    }

    .filter-chips[b-n1mtfqt0rq] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .filter-chip[b-n1mtfqt0rq] {
        padding: 0.375rem 0.75rem;
        border: 1px solid #dee2e6;
        background: #fff;
        border-radius: 2rem;
        font-size: 0.8rem;
        cursor: pointer;
        transition: all 0.2s;
    }

    .filter-chip:hover[b-n1mtfqt0rq] {
        background: #f8f9fa;
        border-color: #adb5bd;
    }

    .filter-chip.active[b-n1mtfqt0rq] {
        background: #4361ee;
        border-color: #4361ee;
        color: #fff;
    }

    .empty-state[b-n1mtfqt0rq] {
        text-align: center;
        padding: 3rem;
    }

    .room-badge[b-n1mtfqt0rq] {
        display: inline-flex;
        align-items: center;
        padding: 0.25rem 0.5rem;
        background: #e7f1ff;
        border-radius: 0.25rem;
        font-size: 0.9rem;
    }

    .capacity-info[b-n1mtfqt0rq] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .table th[b-n1mtfqt0rq] {
        background: #f8f9fa;
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        white-space: nowrap;
    }

    .table td[b-n1mtfqt0rq] {
        vertical-align: middle;
    }

    .modal-overlay[b-n1mtfqt0rq] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1040;
    }

    .modal[b-n1mtfqt0rq] {
        z-index: 1050;
    }

/* Dark Theme Support */
:global([data-theme="dark"]) .section-header[b-n1mtfqt0rq] {
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .filter-toolbar[b-n1mtfqt0rq] {
    background: #374151;
}

:global([data-theme="dark"]) .filter-label[b-n1mtfqt0rq] {
    color: #d1d5db;
}

:global([data-theme="dark"]) .search-box > i.fa-search[b-n1mtfqt0rq] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .search-box .btn-clear[b-n1mtfqt0rq] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .filter-chip[b-n1mtfqt0rq] {
    border-color: #4b5563;
    background: #1f2937;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .filter-chip:hover[b-n1mtfqt0rq] {
    background: #374151;
    border-color: #6b7280;
}

:global([data-theme="dark"]) .filter-chip.active[b-n1mtfqt0rq] {
    background: #818cf8;
    border-color: #818cf8;
}

:global([data-theme="dark"]) .room-badge[b-n1mtfqt0rq] {
    background: #1e3a5f;
    color: #93c5fd;
}

:global([data-theme="dark"]) .table th[b-n1mtfqt0rq] {
    background: #374151;
    color: #e2e8f0;
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/SchoolSetup/Components/LabFacilityMatrix.razor.rz.scp.css */
.lab-facility-matrix[b-4kp332w5q2] {
        padding: 0.5rem;
    }

    .section-header[b-4kp332w5q2] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #e9ecef;
    }

    .section-header h5[b-4kp332w5q2] {
        margin: 0;
        font-weight: 600;
    }

    .filter-bar[b-4kp332w5q2] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-bottom: 1rem;
    }

    .filter-chip[b-4kp332w5q2] {
        padding: 0.375rem 0.75rem;
        border: 1px solid #dee2e6;
        background: #fff;
        border-radius: 2rem;
        font-size: 0.8rem;
        cursor: pointer;
        transition: all 0.2s;
    }

    .filter-chip:hover[b-4kp332w5q2] {
        background: #f8f9fa;
        border-color: #adb5bd;
    }

    .filter-chip.active[b-4kp332w5q2] {
        background: #4361ee;
        border-color: #4361ee;
        color: #fff;
    }

    .empty-state[b-4kp332w5q2] {
        text-align: center;
        padding: 3rem;
    }

    .facility-grid[b-4kp332w5q2] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 1rem;
    }

    .facility-card[b-4kp332w5q2] {
        background: #fff;
        border: 1px solid #e9ecef;
        border-radius: 0.5rem;
        overflow: hidden;
        transition: box-shadow 0.2s;
    }

    .facility-card:hover[b-4kp332w5q2] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .facility-header[b-4kp332w5q2] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 1rem;
        background: #f8f9fa;
        border-bottom: 1px solid #e9ecef;
    }

    .facility-icon[b-4kp332w5q2] {
        width: 40px;
        height: 40px;
        border-radius: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
    }

    .facility-icon.icon-lab[b-4kp332w5q2] { background: #d4edda; color: #198754; }
    .facility-icon.icon-library[b-4kp332w5q2] { background: #cfe2ff; color: #0d6efd; }
    .facility-icon.icon-auditorium[b-4kp332w5q2] { background: #fff3cd; color: #856404; }
    .facility-icon.icon-music[b-4kp332w5q2] { background: #e2d4f0; color: #6f42c1; }
    .facility-icon.icon-dance[b-4kp332w5q2] { background: #fce4ec; color: #e91e63; }
    .facility-icon.icon-art[b-4kp332w5q2] { background: #fff8e1; color: #ff8f00; }
    .facility-icon.icon-activity[b-4kp332w5q2] { background: #e0f7fa; color: #00838f; }
    .facility-icon.icon-classroom[b-4kp332w5q2] { background: #e3f2fd; color: #1976d2; }
    .facility-icon.icon-exam[b-4kp332w5q2] { background: #fbe9e7; color: #d84315; }
    .facility-icon.icon-sports[b-4kp332w5q2] { background: #f8d7da; color: #dc3545; }
    .facility-icon.icon-store[b-4kp332w5q2] { background: #efebe9; color: #795548; }
    .facility-icon.icon-default[b-4kp332w5q2] { background: #e9ecef; color: #6c757d; }

    .facility-info[b-4kp332w5q2] {
        flex: 1;
    }

    .facility-info h6[b-4kp332w5q2] {
        margin: 0;
        font-weight: 600;
    }

    .facility-details[b-4kp332w5q2] {
        padding: 0.75rem 1rem;
    }

    .detail-row[b-4kp332w5q2] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        padding: 0.25rem 0;
    }

    .detail-row i[b-4kp332w5q2] {
        width: 16px;
        text-align: center;
    }

    .detail-row.features[b-4kp332w5q2] {
        align-items: flex-start;
    }

    .feature-tags[b-4kp332w5q2] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
    }

    .feature-tag[b-4kp332w5q2] {
        padding: 0.125rem 0.375rem;
        background: #e9ecef;
        border-radius: 0.25rem;
        font-size: 0.75rem;
    }

    .feature-tag.more[b-4kp332w5q2] {
        background: #6c757d;
        color: #fff;
    }

    .facility-footer[b-4kp332w5q2] {
        padding: 0.5rem 1rem;
        background: #f8f9fa;
        border-top: 1px solid #e9ecef;
    }

    .stats-bar[b-4kp332w5q2] {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
        padding: 1rem;
        background: #f8f9fa;
        border-radius: 0.5rem;
    }

    .stat-item[b-4kp332w5q2] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .stat-value[b-4kp332w5q2] {
        font-size: 1.5rem;
        font-weight: 600;
        color: #4361ee;
    }

    .stat-label[b-4kp332w5q2] {
        font-size: 0.8rem;
        color: #6c757d;
    }

/* Dark Theme Support */
:global([data-theme="dark"]) .section-header[b-4kp332w5q2] {
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .filter-chip[b-4kp332w5q2] {
    border-color: #4b5563;
    background: #1f2937;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .filter-chip:hover[b-4kp332w5q2] {
    background: #374151;
    border-color: #6b7280;
}

:global([data-theme="dark"]) .filter-chip.active[b-4kp332w5q2] {
    background: #818cf8;
    border-color: #818cf8;
}

:global([data-theme="dark"]) .facility-card[b-4kp332w5q2] {
    background: #1f2937;
    border-color: #374151;
}

:global([data-theme="dark"]) .facility-card:hover[b-4kp332w5q2] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .facility-header[b-4kp332w5q2] {
    background: #374151;
    border-bottom-color: #4b5563;
}

:global([data-theme="dark"]) .facility-info h6[b-4kp332w5q2] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) .feature-tag[b-4kp332w5q2] {
    background: #374151;
    color: #d1d5db;
}

:global([data-theme="dark"]) .facility-footer[b-4kp332w5q2] {
    background: #374151;
    border-top-color: #4b5563;
}

:global([data-theme="dark"]) .stats-bar[b-4kp332w5q2] {
    background: #374151;
}

:global([data-theme="dark"]) .stat-value[b-4kp332w5q2] {
    color: #818cf8;
}

:global([data-theme="dark"]) .stat-label[b-4kp332w5q2] {
    color: #9ca3af;
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/SchoolSetup/Components/RoomList.razor.rz.scp.css */
.room-list[b-oopp5xcmeb] {
        padding: 0.5rem;
    }

    .section-header[b-oopp5xcmeb] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #e9ecef;
    }

    .section-header h5[b-oopp5xcmeb] {
        margin: 0;
        font-weight: 600;
    }

    .header-actions[b-oopp5xcmeb] {
        display: flex;
        gap: 0.5rem;
    }

    .filter-toolbar[b-oopp5xcmeb] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        padding: 0.75rem;
        background: #f8f9fa;
        border-radius: 0.5rem;
    }

    .filter-row[b-oopp5xcmeb] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        align-items: center;
    }

    .filter-group[b-oopp5xcmeb] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .filter-label[b-oopp5xcmeb] {
        font-size: 0.8rem;
        font-weight: 500;
        color: #495057;
        white-space: nowrap;
    }

    .filter-select[b-oopp5xcmeb] {
        min-width: 140px;
    }

    .search-box[b-oopp5xcmeb] {
        position: relative;
        min-width: 200px;
    }

    .search-box i[b-oopp5xcmeb] {
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        color: #6c757d;
    }

    .search-box input[b-oopp5xcmeb] {
        padding-left: 2.25rem;
        padding-right: 2rem;
    }

    .search-box .btn-clear[b-oopp5xcmeb] {
        position: absolute;
        right: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        border: none;
        background: none;
        color: #6c757d;
        padding: 0;
        cursor: pointer;
    }

    .filter-chips[b-oopp5xcmeb] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .filter-chip[b-oopp5xcmeb] {
        padding: 0.375rem 0.75rem;
        border: 1px solid #dee2e6;
        background: #fff;
        border-radius: 2rem;
        font-size: 0.8rem;
        cursor: pointer;
        transition: all 0.2s;
    }

    .filter-chip:hover[b-oopp5xcmeb] {
        background: #f8f9fa;
        border-color: #adb5bd;
    }

    .filter-chip.active[b-oopp5xcmeb] {
        background: #4361ee;
        border-color: #4361ee;
        color: #fff;
    }

    .empty-state[b-oopp5xcmeb] {
        text-align: center;
        padding: 3rem;
    }

    .table-responsive[b-oopp5xcmeb] {
        max-height: 500px;
        overflow-y: auto;
    }

    .room-table[b-oopp5xcmeb] {
        font-size: 0.875rem;
    }

    .room-table th[b-oopp5xcmeb] {
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        color: #6c757d;
        white-space: nowrap;
    }

    .sortable-header[b-oopp5xcmeb] {
        cursor: pointer;
        user-select: none;
        transition: background-color 0.2s;
    }

    .sortable-header:hover[b-oopp5xcmeb] {
        background-color: #e9ecef;
    }

    .room-table td[b-oopp5xcmeb] {
        vertical-align: middle;
        padding: 0.4rem 0.5rem;
    }

    .room-table tbody tr:hover[b-oopp5xcmeb] {
        background-color: #f8f9fa;
    }

    .modal-overlay[b-oopp5xcmeb] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1040;
    }

    .modal[b-oopp5xcmeb] {
        z-index: 1050;
    }

    .preview-section[b-oopp5xcmeb] {
        background: #f8f9fa;
        border-radius: 0.5rem;
        padding: 1rem;
    }

    .preview-section h6[b-oopp5xcmeb] {
        margin-bottom: 0.5rem;
        font-size: 0.85rem;
        color: #6c757d;
    }

    .preview-items[b-oopp5xcmeb] {
        display: flex;
        flex-wrap: wrap;
    }

/* Dark Theme Support */
:global([data-theme="dark"]) .section-header[b-oopp5xcmeb] {
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .filter-toolbar[b-oopp5xcmeb] {
    background: #374151;
}

:global([data-theme="dark"]) .filter-label[b-oopp5xcmeb] {
    color: #d1d5db;
}

:global([data-theme="dark"]) .search-box i[b-oopp5xcmeb],
:global([data-theme="dark"]) .search-box .btn-clear[b-oopp5xcmeb] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .filter-chip[b-oopp5xcmeb] {
    border-color: #4b5563;
    background: #1f2937;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .filter-chip:hover[b-oopp5xcmeb] {
    background: #374151;
    border-color: #6b7280;
}

:global([data-theme="dark"]) .filter-chip.active[b-oopp5xcmeb] {
    background: #818cf8;
    border-color: #818cf8;
}

:global([data-theme="dark"]) .room-table th[b-oopp5xcmeb] {
    color: #9ca3af;
    background: #374151;
}

:global([data-theme="dark"]) .sortable-header:hover[b-oopp5xcmeb] {
    background-color: #4b5563;
}

:global([data-theme="dark"]) .room-table tbody tr:hover[b-oopp5xcmeb] {
    background-color: #374151;
}

:global([data-theme="dark"]) .preview-section[b-oopp5xcmeb] {
    background: #374151;
}

:global([data-theme="dark"]) .preview-section h6[b-oopp5xcmeb] {
    color: #9ca3af;
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/SchoolSetup/Components/StreamManagement.razor.rz.scp.css */
/* CRM Master-Detail Layout */
.stream-management[b-sq3gcgzqyi] {
    height: calc(100vh - 280px);
    min-height: 500px;
}

.crm-layout[b-sq3gcgzqyi] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 0;
    height: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

/* Sidebar */
.crm-sidebar[b-sq3gcgzqyi] {
    background: #f8fafc;
    border-right: 1px solid #e5e7eb;
    display: flex;
    flex-direction: column;
}

.sidebar-header[b-sq3gcgzqyi] {
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
    background: #fff;
}

.sidebar-header h6[b-sq3gcgzqyi] {
    margin: 0;
    font-weight: 600;
    color: #374151;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stream-list[b-sq3gcgzqyi] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
}

.stream-group[b-sq3gcgzqyi] {
    margin-bottom: 0.25rem;
}

.stream-item[b-sq3gcgzqyi] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 500;
    color: #4b5563;
    transition: all 0.15s ease;
}

.stream-item:hover[b-sq3gcgzqyi] {
    background: #e5e7eb;
}

.stream-group.active > .stream-item[b-sq3gcgzqyi] {
    background: #dbeafe;
    color: #1d4ed8;
}

.substream-list[b-sq3gcgzqyi] {
    margin-left: 1rem;
    padding-left: 0.75rem;
    border-left: 2px solid #e5e7eb;
}

.substream-item[b-sq3gcgzqyi] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    border-radius: 4px;
    font-size: 0.875rem;
    color: #6b7280;
    transition: all 0.15s ease;
    gap: 0.5rem;
}

.substream-item:hover[b-sq3gcgzqyi] {
    background: #f3f4f6;
    color: #374151;
}

.substream-item.selected[b-sq3gcgzqyi] {
    background: #dbeafe;
    color: #1d4ed8;
}

.substream-code[b-sq3gcgzqyi] {
    font-weight: 600;
    min-width: 50px;
}

.substream-name[b-sq3gcgzqyi] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subject-count[b-sq3gcgzqyi] {
    background: #e5e7eb;
    color: #6b7280;
    font-size: 0.75rem;
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    font-weight: 500;
}

.substream-item.selected .subject-count[b-sq3gcgzqyi] {
    background: #bfdbfe;
    color: #1d4ed8;
}

.sidebar-footer[b-sq3gcgzqyi] {
    padding: 1rem;
    border-top: 1px solid #e5e7eb;
    background: #fff;
}

/* Main Content */
.crm-main[b-sq3gcgzqyi] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
}

.empty-state[b-sq3gcgzqyi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #9ca3af;
    text-align: center;
    padding: 2rem;
}

.empty-state i[b-sq3gcgzqyi] {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state h5[b-sq3gcgzqyi] {
    color: #374151;
    margin-bottom: 0.5rem;
}

.empty-state p[b-sq3gcgzqyi] {
    margin-bottom: 1.5rem;
    max-width: 300px;
}

/* Detail Header */
.detail-header[b-sq3gcgzqyi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    background: #f8fafc;
}

.header-info h4[b-sq3gcgzqyi] {
    margin: 0.5rem 0 0.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
}

.header-info p[b-sq3gcgzqyi] {
    margin: 0;
    color: #6b7280;
    font-size: 0.875rem;
}

.header-badge[b-sq3gcgzqyi] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.header-badge.science[b-sq3gcgzqyi] { background: #dbeafe; color: #1d4ed8; }
.header-badge.commerce[b-sq3gcgzqyi] { background: #fef3c7; color: #b45309; }
.header-badge.arts[b-sq3gcgzqyi] { background: #e5e7eb; color: #4b5563; }

.header-actions[b-sq3gcgzqyi] {
    display: flex;
    gap: 0.5rem;
}

/* Stats Row */
.stats-row[b-sq3gcgzqyi] {
    display: flex;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.stat-card[b-sq3gcgzqyi] {
    flex: 1;
    padding: 1rem;
    border-radius: 8px;
    text-align: center;
}

.stat-card.core[b-sq3gcgzqyi] { background: #dcfce7; }
.stat-card.language[b-sq3gcgzqyi] { background: #f3e8ff; }
.stat-card.elective[b-sq3gcgzqyi] { background: #f3f4f6; }
.stat-card.total[b-sq3gcgzqyi] { background: #dbeafe; }

.stat-value[b-sq3gcgzqyi] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
}

.stat-card.core .stat-value[b-sq3gcgzqyi] { color: #166534; }
.stat-card.language .stat-value[b-sq3gcgzqyi] { color: #7c3aed; }
.stat-card.elective .stat-value[b-sq3gcgzqyi] { color: #4b5563; }
.stat-card.total .stat-value[b-sq3gcgzqyi] { color: #1d4ed8; }

.stat-label[b-sq3gcgzqyi] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Subject Section */
.subject-section[b-sq3gcgzqyi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.section-header[b-sq3gcgzqyi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.section-header h6[b-sq3gcgzqyi] {
    margin: 0;
    font-weight: 600;
    color: #374151;
}

.no-subjects[b-sq3gcgzqyi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #9ca3af;
}

.no-subjects i[b-sq3gcgzqyi] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
    opacity: 0.5;
}

.no-subjects p[b-sq3gcgzqyi] {
    margin-bottom: 1rem;
}

.subject-table-container[b-sq3gcgzqyi] {
    flex: 1;
    overflow-y: auto;
}

.subject-table[b-sq3gcgzqyi] {
    width: 100%;
    border-collapse: collapse;
}

.subject-table th[b-sq3gcgzqyi] {
    position: sticky;
    top: 0;
    background: #f9fafb;
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e5e7eb;
}

.subject-table td[b-sq3gcgzqyi] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

.subject-table tr:hover[b-sq3gcgzqyi] {
    background: #f9fafb;
}

.subject-name[b-sq3gcgzqyi] {
    font-weight: 500;
    color: #111827;
}

.subject-code[b-sq3gcgzqyi] {
    display: block;
    font-size: 0.75rem;
    color: #9ca3af;
}

.type-select[b-sq3gcgzqyi] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid #e5e7eb;
    cursor: pointer;
    transition: all 0.15s ease;
    background: #fff;
}

.type-select.core[b-sq3gcgzqyi] {
    background: #dcfce7;
    color: #166534;
    border-color: #86efac;
}

.type-select.language[b-sq3gcgzqyi] {
    background: #f3e8ff;
    color: #7c3aed;
    border-color: #c4b5fd;
}

.type-select.elective[b-sq3gcgzqyi] {
    background: #f3f4f6;
    color: #4b5563;
    border-color: #d1d5db;
}

.type-select:focus[b-sq3gcgzqyi] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
}

.btn-purple[b-sq3gcgzqyi] {
    background: #7c3aed;
    border-color: #7c3aed;
    color: #fff;
}

.btn-purple:hover[b-sq3gcgzqyi] {
    background: #6d28d9;
    border-color: #6d28d9;
    color: #fff;
}

.btn-icon[b-sq3gcgzqyi] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
    color: #9ca3af;
    transition: all 0.15s ease;
}

.btn-icon:hover[b-sq3gcgzqyi] {
    background: #f3f4f6;
}

.btn-icon.danger:hover[b-sq3gcgzqyi] {
    background: #fee2e2;
    color: #dc2626;
}

.description-section[b-sq3gcgzqyi] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
}

/* Subject Selector Modal */
.subject-selector[b-sq3gcgzqyi] {
    display: flex;
    flex-direction: column;
    max-height: 60vh;
}

.selector-header[b-sq3gcgzqyi] {
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
    background: #f9fafb;
}

.search-box[b-sq3gcgzqyi] {
    position: relative;
}

.search-box i[b-sq3gcgzqyi] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
}

.search-box input[b-sq3gcgzqyi] {
    width: 100%;
    padding: 0.5rem 0.75rem 0.5rem 2.25rem;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.875rem;
}

.search-box input:focus[b-sq3gcgzqyi] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.selector-body[b-sq3gcgzqyi] {
    flex: 1;
    overflow-y: auto;
}

.selector-table[b-sq3gcgzqyi] {
    width: 100%;
    border-collapse: collapse;
}

.selector-table th[b-sq3gcgzqyi] {
    position: sticky;
    top: 0;
    background: #f9fafb;
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e7eb;
}

.selector-table td[b-sq3gcgzqyi] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f3f4f6;
}

.selector-table tr.selected[b-sq3gcgzqyi] {
    background: #eff6ff;
}

.selector-table tr:hover[b-sq3gcgzqyi] {
    background: #f9fafb;
}

.type-toggle .btn[b-sq3gcgzqyi] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

.selector-footer[b-sq3gcgzqyi] {
    padding: 0.75rem 1rem;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
    font-size: 0.875rem;
}

/* Modal Overrides */
.modal-backdrop[b-sq3gcgzqyi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal[b-sq3gcgzqyi] {
    z-index: 1050;
}

.modal-dialog[b-sq3gcgzqyi] {
    z-index: 1055;
}

.modal-content[b-sq3gcgzqyi] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    background: #fff;
}

.modal-header[b-sq3gcgzqyi] {
    border-bottom: 1px solid #e5e7eb;
    padding: 1rem 1.5rem;
}

.modal-title[b-sq3gcgzqyi] {
    font-weight: 600;
}

.modal-footer[b-sq3gcgzqyi] {
    border-top: 1px solid #e5e7eb;
    padding: 1rem 1.5rem;
}

/* Dark Theme */
:global([data-theme="dark"]) .crm-layout[b-sq3gcgzqyi] {
    border-color: #374151;
    background: #1f2937;
}

:global([data-theme="dark"]) .crm-sidebar[b-sq3gcgzqyi] {
    background: #111827;
    border-right-color: #374151;
}

:global([data-theme="dark"]) .sidebar-header[b-sq3gcgzqyi] {
    background: #1f2937;
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .sidebar-header h6[b-sq3gcgzqyi] {
    color: #e5e7eb;
}

:global([data-theme="dark"]) .stream-item[b-sq3gcgzqyi] {
    color: #d1d5db;
}

:global([data-theme="dark"]) .stream-item:hover[b-sq3gcgzqyi] {
    background: #374151;
}

:global([data-theme="dark"]) .stream-group.active > .stream-item[b-sq3gcgzqyi] {
    background: #1e3a5f;
    color: #93c5fd;
}

:global([data-theme="dark"]) .substream-list[b-sq3gcgzqyi] {
    border-left-color: #374151;
}

:global([data-theme="dark"]) .substream-item[b-sq3gcgzqyi] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .substream-item:hover[b-sq3gcgzqyi] {
    background: #374151;
    color: #e5e7eb;
}

:global([data-theme="dark"]) .substream-item.selected[b-sq3gcgzqyi] {
    background: #1e3a5f;
    color: #93c5fd;
}

:global([data-theme="dark"]) .subject-count[b-sq3gcgzqyi] {
    background: #374151;
    color: #9ca3af;
}

:global([data-theme="dark"]) .sidebar-footer[b-sq3gcgzqyi] {
    background: #1f2937;
    border-top-color: #374151;
}

:global([data-theme="dark"]) .crm-main[b-sq3gcgzqyi] {
    background: #1f2937;
}

:global([data-theme="dark"]) .empty-state[b-sq3gcgzqyi] {
    color: #6b7280;
}

:global([data-theme="dark"]) .empty-state h5[b-sq3gcgzqyi] {
    color: #e5e7eb;
}

:global([data-theme="dark"]) .detail-header[b-sq3gcgzqyi] {
    background: #111827;
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .header-info h4[b-sq3gcgzqyi] {
    color: #f9fafb;
}

:global([data-theme="dark"]) .header-info p[b-sq3gcgzqyi] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .stats-row[b-sq3gcgzqyi] {
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .stat-card.core[b-sq3gcgzqyi] { background: #14532d; }
:global([data-theme="dark"]) .stat-card.language[b-sq3gcgzqyi] { background: #4c1d95; }
:global([data-theme="dark"]) .stat-card.elective[b-sq3gcgzqyi] { background: #374151; }
:global([data-theme="dark"]) .stat-card.total[b-sq3gcgzqyi] { background: #1e3a5f; }

:global([data-theme="dark"]) .stat-card.core .stat-value[b-sq3gcgzqyi] { color: #86efac; }
:global([data-theme="dark"]) .stat-card.language .stat-value[b-sq3gcgzqyi] { color: #c4b5fd; }
:global([data-theme="dark"]) .stat-card.elective .stat-value[b-sq3gcgzqyi] { color: #d1d5db; }
:global([data-theme="dark"]) .stat-card.total .stat-value[b-sq3gcgzqyi] { color: #93c5fd; }

:global([data-theme="dark"]) .type-select[b-sq3gcgzqyi] {
    background: #374151;
    border-color: #4b5563;
    color: #e5e7eb;
}

:global([data-theme="dark"]) .type-select.core[b-sq3gcgzqyi] {
    background: #14532d;
    color: #86efac;
    border-color: #22c55e;
}

:global([data-theme="dark"]) .type-select.language[b-sq3gcgzqyi] {
    background: #4c1d95;
    color: #c4b5fd;
    border-color: #7c3aed;
}

:global([data-theme="dark"]) .type-select.elective[b-sq3gcgzqyi] {
    background: #374151;
    color: #d1d5db;
    border-color: #4b5563;
}

:global([data-theme="dark"]) .section-header[b-sq3gcgzqyi] {
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .section-header h6[b-sq3gcgzqyi] {
    color: #e5e7eb;
}

:global([data-theme="dark"]) .subject-table th[b-sq3gcgzqyi] {
    background: #111827;
    color: #9ca3af;
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .subject-table td[b-sq3gcgzqyi] {
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .subject-table tr:hover[b-sq3gcgzqyi] {
    background: #374151;
}

:global([data-theme="dark"]) .subject-name[b-sq3gcgzqyi] {
    color: #f9fafb;
}

:global([data-theme="dark"]) .type-badge.core[b-sq3gcgzqyi] {
    background: #14532d;
    color: #86efac;
}

:global([data-theme="dark"]) .type-badge.optional[b-sq3gcgzqyi] {
    background: #374151;
    color: #d1d5db;
}

:global([data-theme="dark"]) .btn-icon:hover[b-sq3gcgzqyi] {
    background: #374151;
}

:global([data-theme="dark"]) .description-section[b-sq3gcgzqyi] {
    background: #111827;
    border-top-color: #374151;
}

:global([data-theme="dark"]) .modal-content[b-sq3gcgzqyi] {
    background: #1f2937 !important;
    border-color: #374151;
    color: #e5e7eb;
}

:global([data-theme="dark"]) .modal-backdrop[b-sq3gcgzqyi] {
    background: rgba(0, 0, 0, 0.7);
}

:global([data-theme="dark"]) .modal-header[b-sq3gcgzqyi],
:global([data-theme="dark"]) .modal-footer[b-sq3gcgzqyi] {
    border-color: #374151;
}

:global([data-theme="dark"]) .modal-title[b-sq3gcgzqyi] {
    color: #f9fafb;
}

:global([data-theme="dark"]) .selector-header[b-sq3gcgzqyi],
:global([data-theme="dark"]) .selector-footer[b-sq3gcgzqyi] {
    background: #111827;
    border-color: #374151;
}

:global([data-theme="dark"]) .search-box input[b-sq3gcgzqyi] {
    background: #374151;
    border-color: #4b5563;
    color: #e5e7eb;
}

:global([data-theme="dark"]) .selector-table th[b-sq3gcgzqyi] {
    background: #111827;
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .selector-table td[b-sq3gcgzqyi] {
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .selector-table tr.selected[b-sq3gcgzqyi] {
    background: #1e3a5f;
}

:global([data-theme="dark"]) .form-control[b-sq3gcgzqyi],
:global([data-theme="dark"]) .form-select[b-sq3gcgzqyi] {
    background: #374151;
    border-color: #4b5563;
    color: #e5e7eb;
}

:global([data-theme="dark"]) .form-label[b-sq3gcgzqyi] {
    color: #e5e7eb;
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/SchoolSetup/Components/StructureView.razor.rz.scp.css */
.structure-view[b-9vnmozd8ll] {
    padding: 0.5rem;
}

.filter-toolbar[b-9vnmozd8ll] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 0.5rem;
}

.search-box[b-9vnmozd8ll] {
    position: relative;
    flex: 1;
    min-width: 200px;
    max-width: 300px;
}

.search-box i[b-9vnmozd8ll] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
}

.search-box input[b-9vnmozd8ll] {
    padding-left: 2.25rem;
    padding-right: 2rem;
}

.search-box .btn-clear[b-9vnmozd8ll] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
    color: #6c757d;
    padding: 0;
    cursor: pointer;
}

.filter-select[b-9vnmozd8ll] {
    width: auto;
    min-width: 150px;
}

.section-header[b-9vnmozd8ll] {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

.section-header h5[b-9vnmozd8ll] {
    margin: 0;
    font-weight: 600;
}

.structure-tabs[b-9vnmozd8ll] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.class-grid[b-9vnmozd8ll] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

.class-card[b-9vnmozd8ll] {
    background: #f8f9fa;
    border-radius: 0.5rem;
    padding: 1rem;
    border-left: 4px solid #4361ee;
    transition: transform 0.2s, box-shadow 0.2s;
}

.class-card:hover[b-9vnmozd8ll] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.class-name[b-9vnmozd8ll] {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.class-info[b-9vnmozd8ll] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
}

.class-group[b-9vnmozd8ll] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed #dee2e6;
}

.table th[b-9vnmozd8ll] {
    background: #f8f9fa;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.modal-backdrop[b-9vnmozd8ll] {
    z-index: 1040;
}

.modal[b-9vnmozd8ll] {
    z-index: 1050;
}

/* Grouped subject teachers view */
.subject-teachers-grouped[b-9vnmozd8ll] {
    max-height: 600px;
    overflow-y: auto;
}

.section-group[b-9vnmozd8ll] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}

.section-header-row[b-9vnmozd8ll] {
    border: none;
    transition: background-color 0.15s ease;
}

.section-header-row:hover[b-9vnmozd8ll] {
    background-color: #e9ecef !important;
}

.section-content[b-9vnmozd8ll] {
    background: #fff;
}

.section-content .table[b-9vnmozd8ll] {
    margin-bottom: 0;
}

.section-content .table th[b-9vnmozd8ll] {
    font-size: 0.75rem;
    padding: 0.5rem;
}

.section-content .table td[b-9vnmozd8ll] {
    padding: 0.4rem 0.5rem;
    font-size: 0.875rem;
}

/* Summary stats styling */
.class-teacher-summary[b-9vnmozd8ll],
.subject-teacher-summary[b-9vnmozd8ll] {
    border: 1px solid #dee2e6;
}

.summary-label[b-9vnmozd8ll] {
    font-weight: 600;
    font-size: 0.8rem;
    color: #6c757d;
}

.summary-stat[b-9vnmozd8ll] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

button.summary-stat:hover[b-9vnmozd8ll] {
    background: #e9ecef;
    border-color: #adb5bd;
}

.summary-stat.active[b-9vnmozd8ll] {
    background: #4361ee;
    border-color: #4361ee;
    color: #fff;
}

.summary-stat.active .stat-label[b-9vnmozd8ll],
.summary-stat.active .stat-value[b-9vnmozd8ll] {
    color: #fff !important;
}

.summary-stat.active.success[b-9vnmozd8ll] {
    background: #198754;
    border-color: #198754;
}

.summary-stat.active.warning[b-9vnmozd8ll] {
    background: #ffc107;
    border-color: #ffc107;
    color: #000;
}

.summary-stat.active.warning .stat-label[b-9vnmozd8ll],
.summary-stat.active.warning .stat-value[b-9vnmozd8ll] {
    color: #000 !important;
}

.summary-stat.info[b-9vnmozd8ll] {
    cursor: default;
    background: #e7f1ff;
    border-color: #b6d4fe;
}

.summary-stat .stat-label[b-9vnmozd8ll] {
    font-weight: 500;
}

.summary-stat .stat-value[b-9vnmozd8ll] {
    font-size: 1rem;
}

/* Assignment toggle button group */
.assignment-toggle[b-9vnmozd8ll] {
    flex-shrink: 0;
}

/* Row highlighting for unassigned items */
.table tbody tr.table-warning[b-9vnmozd8ll] {
    background-color: rgba(255, 193, 7, 0.15) !important;
}

.table tbody tr.table-warning:hover[b-9vnmozd8ll] {
    background-color: rgba(255, 193, 7, 0.25) !important;
}

/* Dark Theme Support */
:global([data-theme="dark"]) .filter-toolbar[b-9vnmozd8ll] {
    background: #374151;
}

:global([data-theme="dark"]) .search-box i[b-9vnmozd8ll],
:global([data-theme="dark"]) .search-box .btn-clear[b-9vnmozd8ll] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .section-header[b-9vnmozd8ll] {
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .section-header h5[b-9vnmozd8ll] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) .class-card[b-9vnmozd8ll] {
    background: #374151 !important;
    border-color: #4b5563;
    border-left-color: #818cf8;
}

:global([data-theme="dark"]) .class-card:hover[b-9vnmozd8ll] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

:global([data-theme="dark"]) .class-name[b-9vnmozd8ll] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) .class-info[b-9vnmozd8ll] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .class-info .text-muted[b-9vnmozd8ll] {
    color: #9ca3af !important;
}

:global([data-theme="dark"]) .class-info .badge.bg-light[b-9vnmozd8ll] {
    background: #4b5563 !important;
    color: #e2e8f0 !important;
}

:global([data-theme="dark"]) .class-group[b-9vnmozd8ll] {
    border-top-color: #4b5563;
}

:global([data-theme="dark"]) .table th[b-9vnmozd8ll] {
    background: #374151;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .table td[b-9vnmozd8ll] {
    color: #e2e8f0;
    border-color: #4b5563;
}

:global([data-theme="dark"]) .table tbody tr:hover[b-9vnmozd8ll] {
    background-color: #374151;
}

:global([data-theme="dark"]) .table-light[b-9vnmozd8ll] {
    background: #374151 !important;
}

:global([data-theme="dark"]) .table-light th[b-9vnmozd8ll] {
    background: #374151 !important;
    color: #e2e8f0 !important;
}

:global([data-theme="dark"]) .section-group[b-9vnmozd8ll] {
    border-color: #4b5563;
}

:global([data-theme="dark"]) .section-header-row[b-9vnmozd8ll] {
    background-color: #374151 !important;
}

:global([data-theme="dark"]) .section-header-row:hover[b-9vnmozd8ll] {
    background-color: #4b5563 !important;
}

:global([data-theme="dark"]) .section-content[b-9vnmozd8ll] {
    background: #1f2937;
    border-color: #4b5563 !important;
}

:global([data-theme="dark"]) .class-teacher-summary[b-9vnmozd8ll],
:global([data-theme="dark"]) .subject-teacher-summary[b-9vnmozd8ll] {
    border-color: #4b5563;
    background: #374151 !important;
}

:global([data-theme="dark"]) .bg-light[b-9vnmozd8ll] {
    background: #374151 !important;
}

:global([data-theme="dark"]) .summary-label[b-9vnmozd8ll] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .summary-stat[b-9vnmozd8ll] {
    background: #1f2937;
    border-color: #4b5563;
    color: #e2e8f0;
}

:global([data-theme="dark"]) button.summary-stat:hover[b-9vnmozd8ll] {
    background: #374151;
    border-color: #6b7280;
}

:global([data-theme="dark"]) .summary-stat.info[b-9vnmozd8ll] {
    background: #1e3a5f;
    border-color: #3b82f6;
}

:global([data-theme="dark"]) .btn-outline-secondary[b-9vnmozd8ll] {
    border-color: #4b5563;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .btn-outline-secondary:hover[b-9vnmozd8ll] {
    background: #4b5563;
    color: #fff;
}

:global([data-theme="dark"]) .modal-content[b-9vnmozd8ll] {
    background: #1f2937;
    border-color: #4b5563;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .modal-header[b-9vnmozd8ll] {
    border-bottom-color: #4b5563;
}

:global([data-theme="dark"]) .modal-footer[b-9vnmozd8ll] {
    border-top-color: #4b5563;
}

:global([data-theme="dark"]) .modal-title[b-9vnmozd8ll] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) .form-control[b-9vnmozd8ll],
:global([data-theme="dark"]) .form-select[b-9vnmozd8ll] {
    background: #374151;
    border-color: #4b5563;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .form-control:focus[b-9vnmozd8ll],
:global([data-theme="dark"]) .form-select:focus[b-9vnmozd8ll] {
    background: #374151;
    border-color: #818cf8;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .form-label[b-9vnmozd8ll] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) .alert-info[b-9vnmozd8ll] {
    background: #1e3a5f;
    border-color: #3b82f6;
    color: #93c5fd;
}

:global([data-theme="dark"]) .text-muted[b-9vnmozd8ll] {
    color: #9ca3af !important;
}

:global([data-theme="dark"]) .text-primary[b-9vnmozd8ll] {
    color: #93c5fd !important;
}

:global([data-theme="dark"]) .fw-medium[b-9vnmozd8ll] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) code.text-primary[b-9vnmozd8ll] {
    color: #93c5fd !important;
}

:global([data-theme="dark"]) code.text-secondary[b-9vnmozd8ll] {
    color: #9ca3af !important;
}

:global([data-theme="dark"]) .table-secondary[b-9vnmozd8ll] {
    background-color: #4b5563 !important;
}

:global([data-theme="dark"]) .table-warning[b-9vnmozd8ll] {
    background-color: rgba(251, 191, 36, 0.15) !important;
}

:global([data-theme="dark"]) .table-danger[b-9vnmozd8ll] {
    background-color: rgba(239, 68, 68, 0.15) !important;
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/SchoolSetup/Components/SubjectList.razor.rz.scp.css */
.subject-list[b-lxg00ir0f1] {
    padding: 0.5rem;
}

.section-header[b-lxg00ir0f1] {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

.section-header h5[b-lxg00ir0f1] {
    margin: 0;
    font-weight: 600;
}

.filter-toolbar[b-lxg00ir0f1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 0.5rem;
}

.search-box[b-lxg00ir0f1] {
    position: relative;
    flex: 1;
    min-width: 200px;
    max-width: 300px;
}

.search-box i[b-lxg00ir0f1] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
}

.search-box input[b-lxg00ir0f1] {
    padding-left: 2.25rem;
    padding-right: 2rem;
}

.search-box .btn-clear[b-lxg00ir0f1] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
    color: #6c757d;
    padding: 0;
    cursor: pointer;
}

.filter-select[b-lxg00ir0f1] {
    width: auto;
    min-width: 130px;
}

.subjects-grouped[b-lxg00ir0f1] {
    max-height: 600px;
    overflow-y: auto;
}

.class-group[b-lxg00ir0f1] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}

.class-header-row[b-lxg00ir0f1] {
    border: none;
    transition: background-color 0.15s ease;
}

.class-header-row:hover[b-lxg00ir0f1] {
    background-color: #e9ecef !important;
}

.class-content[b-lxg00ir0f1] {
    background: #fff;
}

.class-content .table[b-lxg00ir0f1] {
    margin-bottom: 0;
}

.class-content .table th[b-lxg00ir0f1] {
    font-size: 0.75rem;
    padding: 0.5rem;
}

.class-content .table td[b-lxg00ir0f1] {
    padding: 0.4rem 0.5rem;
    font-size: 0.875rem;
}

.modal-backdrop[b-lxg00ir0f1] {
    z-index: 1040;
}

.modal[b-lxg00ir0f1] {
    z-index: 1050;
}

/* Dark Theme Support */
:global([data-theme="dark"]) .section-header[b-lxg00ir0f1] {
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .filter-toolbar[b-lxg00ir0f1] {
    background: #374151;
}

:global([data-theme="dark"]) .search-box i[b-lxg00ir0f1],
:global([data-theme="dark"]) .search-box .btn-clear[b-lxg00ir0f1] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .class-group[b-lxg00ir0f1] {
    border-color: #4b5563;
}

:global([data-theme="dark"]) .class-header-row:hover[b-lxg00ir0f1] {
    background-color: #374151 !important;
}

:global([data-theme="dark"]) .class-content[b-lxg00ir0f1] {
    background: #1f2937;
}

:global([data-theme="dark"]) .class-content .table th[b-lxg00ir0f1] {
    background: #374151;
    color: #e2e8f0;
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/SchoolSetup/Index.razor.rz.scp.css */
.school-setup-hub[b-kufacz4ksx] {
    padding: 1.5rem;
}

.page-header[b-kufacz4ksx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-header h1[b-kufacz4ksx] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary, #1a1a2e);
}

.hub-nav[b-kufacz4ksx] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--border-color, #e9ecef);
    padding-bottom: 0;
}

.nav-tab[b-kufacz4ksx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border: none;
    background: transparent;
    color: var(--text-secondary, #6c757d);
    font-weight: 500;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s ease;
}

.nav-tab:hover[b-kufacz4ksx] {
    color: var(--primary-color, #4361ee);
    background: var(--bg-hover, #f8f9fa);
}

.nav-tab.active[b-kufacz4ksx] {
    color: var(--primary-color, #4361ee);
    border-bottom-color: var(--primary-color, #4361ee);
}

.nav-tab i[b-kufacz4ksx] {
    font-size: 1rem;
}

.hub-content[b-kufacz4ksx] {
    background: var(--card-bg, #fff);
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    min-height: 400px;
}

.loading-container[b-kufacz4ksx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}

/* Dark Theme Support */
:global([data-theme="dark"]) .page-header h1[b-kufacz4ksx] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) .hub-nav[b-kufacz4ksx] {
    border-bottom-color: #374151;
}

:global([data-theme="dark"]) .nav-tab[b-kufacz4ksx] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .nav-tab:hover[b-kufacz4ksx] {
    color: #818cf8;
    background: #374151;
}

:global([data-theme="dark"]) .nav-tab.active[b-kufacz4ksx] {
    color: #818cf8;
    border-bottom-color: #818cf8;
}

:global([data-theme="dark"]) .hub-content[b-kufacz4ksx] {
    background: #1f2937;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Dark theme for Bootstrap components inside hub-content */
:global([data-theme="dark"]) .hub-content .card[b-kufacz4ksx] {
    background: #374151 !important;
    border-color: #4b5563 !important;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .hub-content .card-header[b-kufacz4ksx] {
    background: #1f2937 !important;
    border-bottom-color: #4b5563 !important;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .hub-content .card-body[b-kufacz4ksx] {
    background: #374151 !important;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .hub-content .bg-light[b-kufacz4ksx] {
    background: #374151 !important;
    color: #e2e8f0 !important;
}

:global([data-theme="dark"]) .hub-content .bg-white[b-kufacz4ksx] {
    background: #374151 !important;
}

:global([data-theme="dark"]) .hub-content .border[b-kufacz4ksx] {
    border-color: #4b5563 !important;
}

:global([data-theme="dark"]) .hub-content .text-muted[b-kufacz4ksx] {
    color: #9ca3af !important;
}

:global([data-theme="dark"]) .hub-content .text-dark[b-kufacz4ksx] {
    color: #e2e8f0 !important;
}

:global([data-theme="dark"]) .hub-content h5[b-kufacz4ksx],
:global([data-theme="dark"]) .hub-content h6[b-kufacz4ksx] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) .hub-content p[b-kufacz4ksx] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .hub-content .table[b-kufacz4ksx] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) .hub-content .table th[b-kufacz4ksx] {
    background: #374151;
    color: #e2e8f0;
    border-color: #4b5563;
}

:global([data-theme="dark"]) .hub-content .table td[b-kufacz4ksx] {
    border-color: #4b5563;
}

:global([data-theme="dark"]) .hub-content .table-light[b-kufacz4ksx] {
    background: #374151 !important;
}

:global([data-theme="dark"]) .hub-content .table-light th[b-kufacz4ksx] {
    background: #374151 !important;
    color: #e2e8f0 !important;
}

:global([data-theme="dark"]) .hub-content .form-control[b-kufacz4ksx],
:global([data-theme="dark"]) .hub-content .form-select[b-kufacz4ksx] {
    background: #374151;
    border-color: #4b5563;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .hub-content .form-control:focus[b-kufacz4ksx],
:global([data-theme="dark"]) .hub-content .form-select:focus[b-kufacz4ksx] {
    background: #374151;
    border-color: #818cf8;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .hub-content .form-label[b-kufacz4ksx] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) .hub-content .modal-content[b-kufacz4ksx] {
    background: #1f2937;
    border-color: #4b5563;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .hub-content .modal-header[b-kufacz4ksx] {
    border-bottom-color: #4b5563;
}

:global([data-theme="dark"]) .hub-content .modal-footer[b-kufacz4ksx] {
    border-top-color: #4b5563;
}

:global([data-theme="dark"]) .hub-content .btn-outline-secondary[b-kufacz4ksx] {
    border-color: #4b5563;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .hub-content .btn-outline-secondary:hover[b-kufacz4ksx] {
    background: #4b5563;
    color: #fff;
}

:global([data-theme="dark"]) .hub-content .alert-info[b-kufacz4ksx] {
    background: #1e3a5f;
    border-color: #3b82f6;
    color: #93c5fd;
}

:global([data-theme="dark"]) .hub-content .rounded[b-kufacz4ksx] {
    border-color: #4b5563;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .school-setup-hub[b-kufacz4ksx] {
        padding: 1rem;
    }
    .page-header[b-kufacz4ksx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    .page-header h1[b-kufacz4ksx] {
        font-size: 1.25rem;
    }
    .hub-nav[b-kufacz4ksx] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        gap: 0;
    }
    .hub-nav[b-kufacz4ksx]::-webkit-scrollbar {
        display: none;
    }
    .nav-tab[b-kufacz4ksx] {
        padding: 0.5rem 0.75rem;
        font-size: 0.85rem;
        white-space: nowrap;
    }
    .hub-content[b-kufacz4ksx] {
        padding: 1rem;
    }
}

@media (max-width: 480px) {
    .school-setup-hub[b-kufacz4ksx] {
        padding: 0.75rem;
    }
    .page-header h1[b-kufacz4ksx] {
        font-size: 1.1rem;
    }
    .nav-tab[b-kufacz4ksx] {
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
    }
    .nav-tab i[b-kufacz4ksx] {
        font-size: 0.9rem;
    }
    .hub-content[b-kufacz4ksx] {
        padding: 0.75rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/Analytics/AuditLog.razor.rz.scp.css */
.audit-page[b-1qb4pb37rk] { padding: 1.5rem; }
    .page-header[b-1qb4pb37rk] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
    .header-left h1[b-1qb4pb37rk] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .header-actions[b-1qb4pb37rk] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
    .session-selector[b-1qb4pb37rk], .entity-filter[b-1qb4pb37rk] { width: auto; min-width: 140px; }
    .loading-container[b-1qb4pb37rk] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-1qb4pb37rk] { text-align: center; padding: 3rem; color: var(--text-muted); }
    .empty-state i[b-1qb4pb37rk] { font-size: 3rem; margin-bottom: 1rem; }
    .audit-timeline[b-1qb4pb37rk] { display: flex; flex-direction: column; gap: 0; }
    .audit-entry[b-1qb4pb37rk] { display: flex; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--border); }
    .entry-marker[b-1qb4pb37rk] { width: 12px; height: 12px; border-radius: 50%; margin-top: 0.25rem; flex-shrink: 0; }
    .entry-marker.create[b-1qb4pb37rk] { background: #28a745; }
    .entry-marker.update[b-1qb4pb37rk] { background: #ffc107; }
    .entry-marker.delete[b-1qb4pb37rk] { background: #dc3545; }
    .entry-marker.publish[b-1qb4pb37rk] { background: #17a2b8; }
    .entry-content[b-1qb4pb37rk] { flex: 1; }
    .entry-header[b-1qb4pb37rk] { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; }
    .entity-type[b-1qb4pb37rk] { font-weight: 500; }
    .entity-id[b-1qb4pb37rk] { color: var(--text-muted); font-size: 0.875rem; }
    .entry-details[b-1qb4pb37rk] { margin-bottom: 0.5rem; }
    .description[b-1qb4pb37rk] { font-size: 0.9rem; margin-bottom: 0.5rem; }
    .changes[b-1qb4pb37rk] { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.875rem; }
    .old-value[b-1qb4pb37rk], .new-value[b-1qb4pb37rk] { display: flex; gap: 0.5rem; }
    .old-value .label[b-1qb4pb37rk] { color: #dc3545; }
    .new-value .label[b-1qb4pb37rk] { color: #28a745; }
    .changes code[b-1qb4pb37rk] { background: var(--bg-secondary); padding: 0.125rem 0.375rem; border-radius: 4px; font-size: 0.8rem; }
    .entry-meta[b-1qb4pb37rk] { display: flex; flex-wrap: wrap; gap: 1rem; font-size: 0.8rem; color: var(--text-muted); }
    .entry-meta span[b-1qb4pb37rk] { display: flex; align-items: center; gap: 0.375rem; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .audit-page[b-1qb4pb37rk] { padding: 1rem; }
    .page-header[b-1qb4pb37rk] { flex-direction: column; align-items: flex-start; }
    .header-left h1[b-1qb4pb37rk] { font-size: 1.25rem; }
    .header-actions[b-1qb4pb37rk] { width: 100%; }
    .session-selector[b-1qb4pb37rk], .entity-filter[b-1qb4pb37rk] { flex: 1; min-width: 100px; }
    .audit-entry[b-1qb4pb37rk] { padding: 0.75rem 0; }
    .entry-header[b-1qb4pb37rk] { flex-wrap: wrap; }
    .entry-meta[b-1qb4pb37rk] { gap: 0.5rem; }
}
@media (max-width: 480px) {
    .audit-page[b-1qb4pb37rk] { padding: 0.75rem; }
    .header-left h1[b-1qb4pb37rk] { font-size: 1.1rem; }
    .header-actions[b-1qb4pb37rk] { flex-direction: column; }
    .session-selector[b-1qb4pb37rk], .entity-filter[b-1qb4pb37rk] { width: 100%; }
    .audit-entry[b-1qb4pb37rk] { gap: 0.75rem; }
    .entry-marker[b-1qb4pb37rk] { width: 10px; height: 10px; }
    .description[b-1qb4pb37rk] { font-size: 0.85rem; }
    .changes[b-1qb4pb37rk] { font-size: 0.8rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/Analytics/ClassWorkload.razor.rz.scp.css */
/* Class Workload Page Styles */
.class-workload-page[b-borhlhnv4f] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-borhlhnv4f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.header-left[b-borhlhnv4f] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.back-link[b-borhlhnv4f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f1f5f9;
    color: #64748b;
    text-decoration: none;
    transition: all 0.2s;
    margin-top: 4px;
}

.back-link:hover[b-borhlhnv4f] {
    background: #e2e8f0;
    color: #334155;
}

.page-header h1[b-borhlhnv4f] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: #1e293b;
}

.page-header .text-muted[b-borhlhnv4f] {
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.session-selector[b-borhlhnv4f] {
    min-width: 200px;
}

/* Grade Overview Section */
.grade-overview[b-borhlhnv4f] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.25rem;
}

.grade-overview-header[b-borhlhnv4f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.grade-overview-header h5[b-borhlhnv4f] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.overall-score[b-borhlhnv4f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.score-label[b-borhlhnv4f] {
    font-size: 0.85rem;
    color: #64748b;
}

.score-value[b-borhlhnv4f] {
    font-size: 1.25rem;
    font-weight: 700;
}

.score-excellent[b-borhlhnv4f] { color: #10b981; }
.score-good[b-borhlhnv4f] { color: #3b82f6; }
.score-needs-work[b-borhlhnv4f] { color: #f59e0b; }

.grade-cards[b-borhlhnv4f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem;
}

.grade-card[b-borhlhnv4f] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 1rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
}

.grade-card:hover[b-borhlhnv4f] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.grade-card.ready[b-borhlhnv4f] {
    border-color: rgba(16, 185, 129, 0.4);
    background: rgba(16, 185, 129, 0.05);
}

.grade-card.partial[b-borhlhnv4f] {
    border-color: rgba(59, 130, 246, 0.4);
    background: rgba(59, 130, 246, 0.05);
}

.grade-card.not-ready[b-borhlhnv4f] {
    border-color: rgba(245, 158, 11, 0.4);
    background: rgba(245, 158, 11, 0.05);
}

.grade-name[b-borhlhnv4f] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #1e293b;
    margin-bottom: 0.75rem;
}

.grade-progress[b-borhlhnv4f] {
    display: flex;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.progress-ring[b-borhlhnv4f] {
    position: relative;
    width: 60px;
    height: 60px;
}

.progress-ring .circular-chart[b-borhlhnv4f] {
    display: block;
    width: 100%;
    height: 100%;
}

.progress-ring .circle-bg[b-borhlhnv4f] {
    fill: none;
    stroke: #e2e8f0;
    stroke-width: 3.8;
}

.progress-ring .circle[b-borhlhnv4f] {
    fill: none;
    stroke-width: 3.8;
    stroke-linecap: round;
    animation: progress-b-borhlhnv4f 1s ease-out forwards;
}

.progress-ring .circle.grade-excellent[b-borhlhnv4f] { stroke: #10b981; }
.progress-ring .circle.grade-good[b-borhlhnv4f] { stroke: #3b82f6; }
.progress-ring .circle.grade-needs-work[b-borhlhnv4f] { stroke: #f59e0b; }

@keyframes progress-b-borhlhnv4f {
    0% { stroke-dasharray: 0 100; }
}

.progress-ring .percentage[b-borhlhnv4f] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.85rem;
    font-weight: 700;
    color: #1e293b;
}

.grade-stats[b-borhlhnv4f] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.grade-stats .stat[b-borhlhnv4f] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
}

.grade-stats .published[b-borhlhnv4f] {
    background: rgba(16, 185, 129, 0.15);
    color: #059669;
}

.grade-stats .draft[b-borhlhnv4f] {
    background: rgba(245, 158, 11, 0.15);
    color: #d97706;
}

.grade-stats .not-ready[b-borhlhnv4f] {
    background: rgba(107, 114, 128, 0.15);
    color: #6b7280;
}

.grade-total[b-borhlhnv4f] {
    font-size: 0.75rem;
    color: #64748b;
}

/* Summary Cards */
.summary-cards[b-borhlhnv4f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
}

.summary-card[b-borhlhnv4f] {
    background: white;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.summary-icon[b-borhlhnv4f] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #64748b;
    font-size: 1.1rem;
}

.summary-card.primary .summary-icon[b-borhlhnv4f] {
    background: #dbeafe;
    color: #2563eb;
}

.summary-card.warning .summary-icon[b-borhlhnv4f] {
    background: #fef3c7;
    color: #d97706;
}

.summary-card.success .summary-icon[b-borhlhnv4f] {
    background: #dcfce7;
    color: #16a34a;
}

.summary-value[b-borhlhnv4f] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
}

.summary-label[b-borhlhnv4f] {
    font-size: 0.8rem;
    color: #64748b;
    margin-top: 0.25rem;
}

/* Filter Bar */
.filter-bar[b-borhlhnv4f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}

.filter-group[b-borhlhnv4f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-group label[b-borhlhnv4f] {
    font-size: 0.8rem;
    color: #64748b;
    white-space: nowrap;
}

.filter-group select[b-borhlhnv4f] {
    min-width: 140px;
}

.search-group[b-borhlhnv4f] {
    position: relative;
    flex: 1;
    min-width: 200px;
}

.search-group i[b-borhlhnv4f] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 0.85rem;
}

.search-group input[b-borhlhnv4f] {
    padding-left: 32px;
    width: 100%;
}

.filter-stats[b-borhlhnv4f] {
    margin-left: auto;
    font-size: 0.8rem;
    color: #64748b;
}

/* Table Container */
.table-container[b-borhlhnv4f] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.class-table[b-borhlhnv4f] {
    margin-bottom: 0;
}

.class-table thead th[b-borhlhnv4f] {
    background: #f8fafc;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #64748b;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    white-space: nowrap;
}

.class-table tbody tr[b-borhlhnv4f] {
    transition: background 0.15s;
}

.class-table tbody tr:hover[b-borhlhnv4f] {
    background: #f8fafc;
}

.class-table tbody tr.expanded[b-borhlhnv4f] {
    background: #f1f5f9;
}

.class-table tbody td[b-borhlhnv4f] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9;
}

/* Column Widths */
.col-sno[b-borhlhnv4f] { width: 50px; text-align: center; color: #64748b; font-weight: 500; }
.col-class[b-borhlhnv4f] { width: 150px; }
.col-teacher[b-borhlhnv4f] { width: 180px; }
.col-periods[b-borhlhnv4f] { width: 140px; }
.col-utilization[b-borhlhnv4f] { width: 150px; }
.col-subjects[b-borhlhnv4f] { width: 180px; }
.col-status[b-borhlhnv4f] { width: 100px; }
.col-actions[b-borhlhnv4f] { width: 50px; text-align: center; }

/* Class Info */
.class-info[b-borhlhnv4f] {
    display: flex;
    flex-direction: column;
}

.class-name[b-borhlhnv4f] {
    font-weight: 600;
    color: #1e293b;
}

/* Teacher Info */
.teacher-info[b-borhlhnv4f] {
    display: flex;
    flex-direction: column;
}

.teacher-name[b-borhlhnv4f] {
    font-weight: 500;
    color: #1e293b;
}

.teacher-id[b-borhlhnv4f] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* Period Count */
.total-periods[b-borhlhnv4f] {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    margin-bottom: 0.25rem;
}

.period-count[b-borhlhnv4f] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
}

.period-max[b-borhlhnv4f] {
    font-size: 0.8rem;
    color: #94a3b8;
}

.periods-split[b-borhlhnv4f] {
    display: flex;
    gap: 0.25rem;
}

/* Utilization */
.utilization-info[b-borhlhnv4f] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.utilization-bar[b-borhlhnv4f] {
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
}

.utilization-fill[b-borhlhnv4f] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.utilization-low[b-borhlhnv4f] { background: #94a3b8; }
.utilization-medium[b-borhlhnv4f] { background: #22c55e; }
.utilization-high[b-borhlhnv4f] { background: #f59e0b; }
.utilization-full[b-borhlhnv4f] { background: #3b82f6; }

.utilization-text[b-borhlhnv4f] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
}

/* Expand Button */
.expand-btn[b-borhlhnv4f] {
    color: #64748b;
    padding: 0.25rem;
}

.expand-btn:hover[b-borhlhnv4f] {
    color: #334155;
}

/* Breakdown Row */
.breakdown-row[b-borhlhnv4f] {
    background: #f8fafc !important;
}

.breakdown-row td[b-borhlhnv4f] {
    padding: 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.breakdown-content[b-borhlhnv4f] {
    padding: 1rem 1.5rem 1.25rem;
    margin-left: 1rem;
    border-left: 3px solid #3b82f6;
}

.breakdown-title[b-borhlhnv4f] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.75rem;
}

.breakdown-grid[b-borhlhnv4f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.breakdown-card[b-borhlhnv4f] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    min-width: 150px;
}

.breakdown-subject[b-borhlhnv4f] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.85rem;
}

.breakdown-teacher[b-borhlhnv4f] {
    font-size: 0.8rem;
    color: #64748b;
    margin: 0.15rem 0;
}

.breakdown-periods[b-borhlhnv4f] {
    font-size: 0.8rem;
    color: #64748b;
    margin: 0.25rem 0;
}

.breakdown-card .badge[b-borhlhnv4f] {
    font-size: 0.65rem;
}

/* Custom badge styles for subjects column */
.subject-badge[b-borhlhnv4f],
.teacher-badge[b-borhlhnv4f] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.35rem 0.6rem;
    margin-right: 0.25rem;
    border-radius: 0.375rem;
}

.subject-badge[b-borhlhnv4f] {
    background-color: #dbeafe;
    color: #1e40af;
}

.teacher-badge[b-borhlhnv4f] {
    background-color: #f1f5f9;
    color: #475569;
}

/* Also fix the period split badges */
.periods-split .badge[b-borhlhnv4f] {
    font-size: 0.7rem;
    font-weight: 500;
}

.periods-split .bg-warning-subtle[b-borhlhnv4f] {
    background-color: #fef3c7 !important;
    color: #92400e !important;
}

.periods-split .bg-success-subtle[b-borhlhnv4f] {
    background-color: #dcfce7 !important;
    color: #166534 !important;
}

/* Loading State */
.loading-container[b-borhlhnv4f] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* Empty State */
.empty-state[b-borhlhnv4f] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.empty-state i[b-borhlhnv4f] {
    font-size: 3rem;
    color: #cbd5e1;
    margin-bottom: 1rem;
}

.empty-state h5[b-borhlhnv4f] {
    color: #475569;
    margin-bottom: 0.5rem;
}

.empty-state p[b-borhlhnv4f] {
    color: #94a3b8;
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 992px) {
    .class-workload-page[b-borhlhnv4f] {
        padding: 1rem;
    }

    .page-header[b-borhlhnv4f] {
        flex-direction: column;
    }

    .filter-bar[b-borhlhnv4f] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-group[b-borhlhnv4f] {
        width: 100%;
    }

    .filter-group select[b-borhlhnv4f],
    .search-group[b-borhlhnv4f] {
        flex: 1;
    }

    .filter-stats[b-borhlhnv4f] {
        margin-left: 0;
        text-align: center;
    }

    .table-container[b-borhlhnv4f] {
        overflow-x: auto;
    }

    .class-table[b-borhlhnv4f] {
        min-width: 800px;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/Analytics/Overview.razor.rz.scp.css */
.analytics-overview[b-7tytnz3bf6] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-7tytnz3bf6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}
.header-left[b-7tytnz3bf6] { display: flex; align-items: center; gap: 1rem; }
.back-link[b-7tytnz3bf6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 1rem;
    transition: all 0.2s;
}
.back-link:hover[b-7tytnz3bf6] {
    background: #e2e8f0;
    color: #334155;
}
.header-left h1[b-7tytnz3bf6] { margin: 0; font-size: 1.5rem; font-weight: 700; color: #1e293b; }
.header-left p[b-7tytnz3bf6] { margin: 0.25rem 0 0; font-size: 0.875rem; color: #64748b; }
.session-selector[b-7tytnz3bf6] {
    width: auto;
    min-width: 180px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    background: white;
}
.loading-container[b-7tytnz3bf6] { display: flex; justify-content: center; padding: 4rem; }

/* Readiness Section - Hero Card */
.readiness-section[b-7tytnz3bf6] { margin-bottom: 2rem; }
.readiness-card[b-7tytnz3bf6] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 2rem 2.5rem;
    display: flex;
    align-items: center;
    gap: 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    position: relative;
    overflow: hidden;
}
.readiness-card[b-7tytnz3bf6]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
}
.readiness-card.excellent[b-7tytnz3bf6]::before { background: linear-gradient(180deg, #10b981, #059669); }
.readiness-card.good[b-7tytnz3bf6]::before { background: linear-gradient(180deg, #3b82f6, #2563eb); }
.readiness-card.moderate[b-7tytnz3bf6]::before { background: linear-gradient(180deg, #f59e0b, #d97706); }
.readiness-card.low[b-7tytnz3bf6]::before { background: linear-gradient(180deg, #ef4444, #dc2626); }

.score-circle[b-7tytnz3bf6] {
    position: relative;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
}
.circular-chart[b-7tytnz3bf6] { display: block; width: 100%; height: 100%; }
.circle-bg[b-7tytnz3bf6] { fill: none; stroke: #e2e8f0; stroke-width: 3; }
.circle[b-7tytnz3bf6] {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    animation: progress-b-7tytnz3bf6 1s ease-out forwards;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}
.circle.excellent[b-7tytnz3bf6] { stroke: #10b981; }
.circle.good[b-7tytnz3bf6] { stroke: #3b82f6; }
.circle.moderate[b-7tytnz3bf6] { stroke: #f59e0b; }
.circle.low[b-7tytnz3bf6] { stroke: #ef4444; }

@keyframes progress-b-7tytnz3bf6 {
    0% { stroke-dasharray: 0 100; }
}

.score-circle .percentage[b-7tytnz3bf6] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.75rem;
    font-weight: 800;
    color: #1e293b;
}

.readiness-info h3[b-7tytnz3bf6] {
    margin: 0 0 0.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
}
.readiness-status[b-7tytnz3bf6] {
    color: #64748b;
    margin: 0 0 1rem;
    font-size: 0.95rem;
}
.readiness-breakdown[b-7tytnz3bf6] { display: flex; gap: 2rem; flex-wrap: wrap; }
.readiness-breakdown span[b-7tytnz3bf6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #475569;
}
.readiness-breakdown i[b-7tytnz3bf6] { font-size: 1rem; }

/* Alerts Section */
.alerts-section[b-7tytnz3bf6] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid #fcd34d;
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 2rem;
}
.section-header[b-7tytnz3bf6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.section-header h5[b-7tytnz3bf6] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #92400e;
}
.section-header .badge[b-7tytnz3bf6] {
    background: #dc2626;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
}
.alerts-grid[b-7tytnz3bf6] { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.alert-card[b-7tytnz3bf6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    background: white;
    border: 1px solid transparent;
    transition: all 0.2s ease;
    cursor: pointer;
}
.alert-card:hover[b-7tytnz3bf6] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.alert-card.critical[b-7tytnz3bf6] {
    border-color: #fca5a5;
    background: linear-gradient(135deg, #fff5f5 0%, #fee2e2 100%);
}
.alert-card.danger[b-7tytnz3bf6] {
    border-color: #fdba74;
    background: linear-gradient(135deg, #fffaf0 0%, #ffedd5 100%);
}
.alert-card.warning[b-7tytnz3bf6] {
    border-color: #fcd34d;
    background: linear-gradient(135deg, #fffef0 0%, #fef9c3 100%);
}
.alert-icon[b-7tytnz3bf6] {
    font-size: 1.5rem;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}
.alert-card.critical .alert-icon[b-7tytnz3bf6] { color: #dc2626; background: rgba(220, 38, 38, 0.1); }
.alert-card.danger .alert-icon[b-7tytnz3bf6] { color: #ea580c; background: rgba(234, 88, 12, 0.1); }
.alert-card.warning .alert-icon[b-7tytnz3bf6] { color: #d97706; background: rgba(217, 119, 6, 0.1); }
.alert-content[b-7tytnz3bf6] { flex: 1; }
.alert-title[b-7tytnz3bf6] { font-weight: 700; font-size: 0.95rem; color: #1e293b; margin-bottom: 0.25rem; }
.alert-description[b-7tytnz3bf6] { font-size: 0.8rem; color: #64748b; }
.alert-action[b-7tytnz3bf6] {
    color: #94a3b8;
    font-size: 1.25rem;
    transition: all 0.2s;
}
.alert-action:hover[b-7tytnz3bf6] { color: #3b82f6; transform: translateX(4px); }

/* Stats Grid */
.stats-grid[b-7tytnz3bf6] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin-bottom: 2rem; }
.stat-card[b-7tytnz3bf6] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.5rem;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.stat-card[b-7tytnz3bf6]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(59,130,246,0.05), rgba(59,130,246,0.02));
    transform: translate(30%, -30%);
}
.stat-card.clickable[b-7tytnz3bf6] { cursor: pointer; }
.stat-card.clickable:hover[b-7tytnz3bf6] {
    border-color: #3b82f6;
    box-shadow: 0 8px 30px rgba(59,130,246,0.12);
    transform: translateY(-2px);
}
.stat-header[b-7tytnz3bf6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}
.stat-title[b-7tytnz3bf6] {
    font-weight: 700;
    font-size: 1rem;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.stat-header i[b-7tytnz3bf6] { color: #94a3b8; font-size: 1rem; }
.stat-body[b-7tytnz3bf6] { display: flex; gap: 1.5rem; align-items: flex-start; }
.stat-main[b-7tytnz3bf6] { text-align: left; min-width: 80px; }
.stat-number[b-7tytnz3bf6] {
    font-size: 3rem;
    font-weight: 800;
    color: #1e293b;
    display: block;
    line-height: 1;
    letter-spacing: -0.02em;
}
.stat-label[b-7tytnz3bf6] { font-size: 0.8rem; color: #64748b; margin-top: 0.25rem; }
.stat-breakdown[b-7tytnz3bf6] { flex: 1; display: flex; flex-direction: column; gap: 0.5rem; }
.stat-item[b-7tytnz3bf6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    font-size: 0.875rem;
}
.stat-item .value[b-7tytnz3bf6] { font-weight: 700; }
.stat-item .label[b-7tytnz3bf6] { color: #64748b; }
.stat-item.good[b-7tytnz3bf6] { background: linear-gradient(135deg, rgba(16,185,129,0.08), rgba(16,185,129,0.04)); }
.stat-item.good .value[b-7tytnz3bf6] { color: #059669; }
.stat-item.warning[b-7tytnz3bf6] { background: linear-gradient(135deg, rgba(245,158,11,0.08), rgba(245,158,11,0.04)); }
.stat-item.warning .value[b-7tytnz3bf6] { color: #d97706; }
.stat-item.danger[b-7tytnz3bf6] { background: linear-gradient(135deg, rgba(239,68,68,0.08), rgba(239,68,68,0.04)); }
.stat-item.danger .value[b-7tytnz3bf6] { color: #dc2626; }
.stat-item.primary[b-7tytnz3bf6] { background: linear-gradient(135deg, rgba(59,130,246,0.08), rgba(59,130,246,0.04)); }
.stat-item.primary .value[b-7tytnz3bf6] { color: #2563eb; }

.stat-chart[b-7tytnz3bf6] { margin-top: 1.25rem; }
.mini-bar-chart[b-7tytnz3bf6] {
    height: 10px;
    background: #f1f5f9;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
}
.bar-segment[b-7tytnz3bf6] { height: 100%; transition: width 0.5s ease; }
.bar-segment.assigned[b-7tytnz3bf6], .bar-segment.published[b-7tytnz3bf6] { background: linear-gradient(90deg, #10b981, #34d399); }
.bar-segment.unassigned[b-7tytnz3bf6], .bar-segment.draft[b-7tytnz3bf6] { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.bar-segment.not-ready[b-7tytnz3bf6] { background: linear-gradient(90deg, #94a3b8, #cbd5e1); }

/* Grade Section */
.grade-section[b-7tytnz3bf6] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}
.grade-section .section-header h5[b-7tytnz3bf6] {
    color: #1e293b;
    font-size: 1.1rem;
}
.grade-grid[b-7tytnz3bf6] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; }
.grade-card[b-7tytnz3bf6] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 12px;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    transition: all 0.2s;
}
.grade-card:hover[b-7tytnz3bf6] {
    border-color: #3b82f6;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.grade-header[b-7tytnz3bf6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}
.grade-name[b-7tytnz3bf6] { font-weight: 700; font-size: 0.85rem; color: #1e293b; }
.grade-count[b-7tytnz3bf6] {
    font-size: 0.7rem;
    color: white;
    background: #64748b;
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
}
.progress-bar-stacked[b-7tytnz3bf6] {
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    margin-bottom: 0.75rem;
}
.progress-bar-stacked .segment[b-7tytnz3bf6] { height: 100%; }
.progress-bar-stacked .published[b-7tytnz3bf6] { background: linear-gradient(90deg, #10b981, #34d399); }
.progress-bar-stacked .draft[b-7tytnz3bf6] { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.progress-bar-stacked .not-ready[b-7tytnz3bf6] { background: #cbd5e1; }
.grade-stats[b-7tytnz3bf6] {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    font-weight: 600;
}
.grade-stats .published[b-7tytnz3bf6] { color: #059669; }
.grade-stats .draft[b-7tytnz3bf6] { color: #d97706; }
.grade-stats .not-ready[b-7tytnz3bf6] { color: #64748b; }

/* Issues Section */
.issues-section[b-7tytnz3bf6] { margin-bottom: 1.5rem; }
.issues-row[b-7tytnz3bf6] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.issue-card[b-7tytnz3bf6] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.issue-header[b-7tytnz3bf6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    font-weight: 700;
    font-size: 0.9rem;
}
.issue-header .count[b-7tytnz3bf6] {
    margin-left: auto;
    background: rgba(255,255,255,0.25);
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}
.issue-header.danger[b-7tytnz3bf6] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
}
.issue-header.warning[b-7tytnz3bf6] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
}
.issue-header.info[b-7tytnz3bf6] {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
    color: white;
}
.issue-list[b-7tytnz3bf6] { padding: 1rem 1.25rem; min-height: 140px; max-height: 200px; overflow-y: auto; }
.issue-item[b-7tytnz3bf6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0;
    border-bottom: 1px solid #f1f5f9;
}
.issue-item:last-child[b-7tytnz3bf6] { border-bottom: none; }
.issue-item .name[b-7tytnz3bf6] { font-weight: 600; font-size: 0.875rem; color: #1e293b; }
.issue-item .value[b-7tytnz3bf6] { font-size: 0.8rem; color: #64748b; }
.no-issues[b-7tytnz3bf6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 120px;
    color: #94a3b8;
    gap: 0.5rem;
}
.no-issues i[b-7tytnz3bf6] { font-size: 2rem; color: #10b981; }
.no-issues span[b-7tytnz3bf6] { font-weight: 500; }
.view-all[b-7tytnz3bf6] {
    display: block;
    text-align: center;
    padding: 0.75rem;
    border-top: 1px solid #f1f5f9;
    color: #3b82f6;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}
.view-all:hover[b-7tytnz3bf6] { background: #f8fafc; }

/* Responsive */
@media (max-width: 1200px) {
    .grade-grid[b-7tytnz3bf6] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px) {
    .stats-grid[b-7tytnz3bf6] { grid-template-columns: 1fr; }
    .issues-row[b-7tytnz3bf6] { grid-template-columns: 1fr; }
    .grade-grid[b-7tytnz3bf6] { grid-template-columns: repeat(2, 1fr); }
    .readiness-card[b-7tytnz3bf6] { flex-direction: column; text-align: center; }
    .readiness-breakdown[b-7tytnz3bf6] { justify-content: center; }
    .stat-main[b-7tytnz3bf6] { text-align: center; }
}

@media (max-width: 768px) {
    .analytics-overview[b-7tytnz3bf6] { padding: 1rem; }
    .page-header[b-7tytnz3bf6] { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .alerts-grid[b-7tytnz3bf6] { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .grade-grid[b-7tytnz3bf6] { grid-template-columns: 1fr; }
    .readiness-card[b-7tytnz3bf6] { padding: 1.5rem; }
    .score-circle[b-7tytnz3bf6] { width: 100px; height: 100px; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/Analytics/SubjectWorkload.razor.rz.scp.css */
/* Subject Workload Page Styles */
.subject-workload-page[b-9sz4ff7xx2] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-9sz4ff7xx2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.header-left[b-9sz4ff7xx2] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.back-link[b-9sz4ff7xx2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f1f5f9;
    color: #64748b;
    text-decoration: none;
    transition: all 0.2s;
    margin-top: 4px;
}

.back-link:hover[b-9sz4ff7xx2] {
    background: #e2e8f0;
    color: #334155;
}

.page-header h1[b-9sz4ff7xx2] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: #1e293b;
}

.page-header .text-muted[b-9sz4ff7xx2] {
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.session-selector[b-9sz4ff7xx2] {
    min-width: 200px;
}

/* Summary Cards */
.summary-cards[b-9sz4ff7xx2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
}

.summary-card[b-9sz4ff7xx2] {
    background: white;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.summary-icon[b-9sz4ff7xx2] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #64748b;
    font-size: 1.1rem;
}

.summary-card.primary .summary-icon[b-9sz4ff7xx2] {
    background: #dbeafe;
    color: #2563eb;
}

.summary-card.warning .summary-icon[b-9sz4ff7xx2] {
    background: #fef3c7;
    color: #d97706;
}

.summary-card.success .summary-icon[b-9sz4ff7xx2] {
    background: #dcfce7;
    color: #16a34a;
}

.summary-value[b-9sz4ff7xx2] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
}

.summary-label[b-9sz4ff7xx2] {
    font-size: 0.8rem;
    color: #64748b;
    margin-top: 0.25rem;
}

/* Filter Bar */
.filter-bar[b-9sz4ff7xx2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}

.filter-group[b-9sz4ff7xx2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-group label[b-9sz4ff7xx2] {
    font-size: 0.8rem;
    color: #64748b;
    white-space: nowrap;
}

.filter-group select[b-9sz4ff7xx2] {
    min-width: 140px;
}

.search-group[b-9sz4ff7xx2] {
    position: relative;
    flex: 1;
    min-width: 200px;
}

.search-group i[b-9sz4ff7xx2] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 0.85rem;
}

.search-group input[b-9sz4ff7xx2] {
    padding-left: 32px;
    width: 100%;
}

.filter-stats[b-9sz4ff7xx2] {
    margin-left: auto;
    font-size: 0.8rem;
    color: #64748b;
}

/* Table Container */
.table-container[b-9sz4ff7xx2] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.subject-table[b-9sz4ff7xx2] {
    margin-bottom: 0;
}

.subject-table thead th[b-9sz4ff7xx2] {
    background: #f8fafc;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #64748b;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    white-space: nowrap;
}

.subject-table tbody tr[b-9sz4ff7xx2] {
    transition: background 0.15s;
}

.subject-table tbody tr:hover[b-9sz4ff7xx2] {
    background: #f8fafc;
}

.subject-table tbody tr.expanded[b-9sz4ff7xx2] {
    background: #f1f5f9;
}

.subject-table tbody td[b-9sz4ff7xx2] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9;
}

/* Column Widths */
.col-sno[b-9sz4ff7xx2] { width: 50px; text-align: center; color: #64748b; font-weight: 500; }
.col-subject[b-9sz4ff7xx2] { width: 250px; }
.col-total[b-9sz4ff7xx2] { width: 120px; }
.col-split[b-9sz4ff7xx2] { width: 140px; }
.col-classes[b-9sz4ff7xx2] { width: 180px; }
.col-teachers[b-9sz4ff7xx2] { width: 120px; }
.col-actions[b-9sz4ff7xx2] { width: 50px; text-align: center; }

/* Subject Info */
.subject-info[b-9sz4ff7xx2] {
    display: flex;
    flex-direction: column;
}

.subject-name[b-9sz4ff7xx2] {
    font-weight: 600;
    color: #1e293b;
}

.subject-code[b-9sz4ff7xx2] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* Period Count */
.period-count[b-9sz4ff7xx2] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
}

/* Expand Button */
.expand-btn[b-9sz4ff7xx2] {
    color: #64748b;
    padding: 0.25rem;
}

.expand-btn:hover[b-9sz4ff7xx2] {
    color: #334155;
}

/* Breakdown Row */
.breakdown-row[b-9sz4ff7xx2] {
    background: #f8fafc !important;
}

.breakdown-row td[b-9sz4ff7xx2] {
    padding: 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.breakdown-content[b-9sz4ff7xx2] {
    padding: 1rem 1.5rem 1.25rem;
    margin-left: 1rem;
    border-left: 3px solid #3b82f6;
}

.breakdown-title[b-9sz4ff7xx2] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.75rem;
}

.breakdown-grid[b-9sz4ff7xx2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.breakdown-card[b-9sz4ff7xx2] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    min-width: 150px;
}

.breakdown-class[b-9sz4ff7xx2] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.85rem;
}

.breakdown-teacher[b-9sz4ff7xx2] {
    font-size: 0.8rem;
    color: #64748b;
    margin: 0.15rem 0;
}

.breakdown-periods[b-9sz4ff7xx2] {
    font-size: 0.8rem;
    color: #64748b;
    margin: 0.25rem 0;
}

.breakdown-card .badge[b-9sz4ff7xx2] {
    font-size: 0.65rem;
}

/* Custom badge styles */
.draft-badge[b-9sz4ff7xx2],
.published-badge[b-9sz4ff7xx2],
.class-badge[b-9sz4ff7xx2],
.section-badge[b-9sz4ff7xx2],
.teacher-badge[b-9sz4ff7xx2] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.35rem 0.6rem;
    margin-right: 0.25rem;
    border-radius: 0.375rem;
}

.draft-badge[b-9sz4ff7xx2] {
    background-color: #fef3c7;
    color: #92400e;
}

.published-badge[b-9sz4ff7xx2] {
    background-color: #dcfce7;
    color: #166534;
}

.class-badge[b-9sz4ff7xx2] {
    background-color: #f3f4f6;
    color: #374151;
}

.section-badge[b-9sz4ff7xx2] {
    background-color: #f1f5f9;
    color: #475569;
}

.teacher-badge[b-9sz4ff7xx2] {
    background-color: #dbeafe;
    color: #1e40af;
}

/* Loading State */
.loading-container[b-9sz4ff7xx2] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* Empty State */
.empty-state[b-9sz4ff7xx2] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.empty-state i[b-9sz4ff7xx2] {
    font-size: 3rem;
    color: #cbd5e1;
    margin-bottom: 1rem;
}

.empty-state h5[b-9sz4ff7xx2] {
    color: #475569;
    margin-bottom: 0.5rem;
}

.empty-state p[b-9sz4ff7xx2] {
    color: #94a3b8;
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 992px) {
    .subject-workload-page[b-9sz4ff7xx2] {
        padding: 1rem;
    }

    .page-header[b-9sz4ff7xx2] {
        flex-direction: column;
    }

    .filter-bar[b-9sz4ff7xx2] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-group[b-9sz4ff7xx2] {
        width: 100%;
    }

    .filter-group select[b-9sz4ff7xx2],
    .search-group[b-9sz4ff7xx2] {
        flex: 1;
    }

    .filter-stats[b-9sz4ff7xx2] {
        margin-left: 0;
        text-align: center;
    }

    .table-container[b-9sz4ff7xx2] {
        overflow-x: auto;
    }

    .subject-table[b-9sz4ff7xx2] {
        min-width: 700px;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/Analytics/Workload.razor.rz.scp.css */
/* Workload Page Styles */
.workload-page[b-13q48t2jtk] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-13q48t2jtk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.header-left[b-13q48t2jtk] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.back-link[b-13q48t2jtk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f1f5f9;
    color: #64748b;
    text-decoration: none;
    transition: all 0.2s;
    margin-top: 4px;
}

.back-link:hover[b-13q48t2jtk] {
    background: #e2e8f0;
    color: #334155;
}

.page-header h1[b-13q48t2jtk] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: #1e293b;
}

.page-header .text-muted[b-13q48t2jtk] {
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.session-selector[b-13q48t2jtk] {
    min-width: 200px;
}

/* Attention Section */
.attention-section[b-13q48t2jtk] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    border-left: 4px solid #f59e0b;
}

.attention-header[b-13q48t2jtk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: #d97706;
    margin-bottom: 0.75rem;
}

.attention-grid[b-13q48t2jtk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
}

.attention-card[b-13q48t2jtk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.attention-card:hover[b-13q48t2jtk] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.attention-card.critical[b-13q48t2jtk] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.attention-card.warning[b-13q48t2jtk] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(217, 119, 6, 0.05));
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.attention-card.info[b-13q48t2jtk] {
    background: linear-gradient(135deg, rgba(107, 114, 128, 0.1), rgba(75, 85, 99, 0.05));
    border: 1px solid rgba(107, 114, 128, 0.3);
}

.attention-icon[b-13q48t2jtk] {
    font-size: 1.25rem;
}

.attention-card.critical .attention-icon[b-13q48t2jtk] { color: #ef4444; }
.attention-card.warning .attention-icon[b-13q48t2jtk] { color: #f59e0b; }
.attention-card.info .attention-icon[b-13q48t2jtk] { color: #6b7280; }

.attention-content[b-13q48t2jtk] {
    display: flex;
    flex-direction: column;
}

.attention-count[b-13q48t2jtk] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

.attention-card.critical .attention-count[b-13q48t2jtk] { color: #ef4444; }
.attention-card.warning .attention-count[b-13q48t2jtk] { color: #f59e0b; }
.attention-card.info .attention-count[b-13q48t2jtk] { color: #6b7280; }

.attention-label[b-13q48t2jtk] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #1e293b;
}

.attention-desc[b-13q48t2jtk] {
    font-size: 0.75rem;
    color: #64748b;
}

/* Summary Row */
.summary-row[b-13q48t2jtk] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 1rem;
}

/* Summary Cards */
.workload-summary[b-13q48t2jtk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.75rem;
}

/* Distribution Chart */
.distribution-chart[b-13q48t2jtk] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem;
}

.chart-header h6[b-13q48t2jtk] {
    margin: 0 0 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #64748b;
}

.bar-chart[b-13q48t2jtk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.bar-item[b-13q48t2jtk] {
    display: grid;
    grid-template-columns: 80px 1fr 40px;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    transition: background 0.2s;
}

.bar-item:hover[b-13q48t2jtk] {
    background: #f8fafc;
}

.bar-label[b-13q48t2jtk] {
    font-size: 0.75rem;
    color: #64748b;
    text-align: right;
}

.bar-track[b-13q48t2jtk] {
    height: 16px;
    background: #f1f5f9;
    border-radius: 4px;
    overflow: hidden;
}

.bar-fill[b-13q48t2jtk] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.5s ease;
}

.bar-fill.unassigned[b-13q48t2jtk] { background: #cbd5e1; }
.bar-fill.light[b-13q48t2jtk] { background: #06b6d4; }
.bar-fill.normal[b-13q48t2jtk] { background: #22c55e; }
.bar-fill.heavy[b-13q48t2jtk] { background: #f59e0b; }
.bar-fill.overloaded[b-13q48t2jtk] { background: #ef4444; }

.bar-value[b-13q48t2jtk] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #1e293b;
    text-align: right;
}

.summary-card[b-13q48t2jtk] {
    background: white;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.summary-icon[b-13q48t2jtk] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #64748b;
    font-size: 1.1rem;
}

.summary-card.assigned .summary-icon[b-13q48t2jtk] {
    background: #dcfce7;
    color: #16a34a;
}

.summary-card.unassigned .summary-icon[b-13q48t2jtk] {
    background: #f1f5f9;
    color: #64748b;
}

.summary-card.overloaded .summary-icon[b-13q48t2jtk] {
    background: #fee2e2;
    color: #dc2626;
}

.summary-card.heavy .summary-icon[b-13q48t2jtk] {
    background: #fef3c7;
    color: #d97706;
}

.summary-value[b-13q48t2jtk] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
}

.summary-label[b-13q48t2jtk] {
    font-size: 0.8rem;
    color: #64748b;
    margin-top: 0.25rem;
}

/* Filter Bar */
.filter-bar[b-13q48t2jtk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}

.filter-group[b-13q48t2jtk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-group label[b-13q48t2jtk] {
    font-size: 0.8rem;
    color: #64748b;
    white-space: nowrap;
}

.filter-group select[b-13q48t2jtk] {
    min-width: 140px;
}

.search-group[b-13q48t2jtk] {
    position: relative;
    flex: 1;
    min-width: 200px;
}

.search-group i[b-13q48t2jtk] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 0.85rem;
}

.search-group input[b-13q48t2jtk] {
    padding-left: 32px;
    width: 100%;
}

.filter-stats[b-13q48t2jtk] {
    margin-left: auto;
    font-size: 0.8rem;
    color: #64748b;
}

/* Table Container */
.table-container[b-13q48t2jtk] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.workload-table[b-13q48t2jtk] {
    margin-bottom: 0;
}

.workload-table thead th[b-13q48t2jtk] {
    background: #f8fafc;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #64748b;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    white-space: nowrap;
}

.workload-table tbody tr[b-13q48t2jtk] {
    transition: background 0.15s;
}

.workload-table tbody tr:hover[b-13q48t2jtk] {
    background: #f8fafc;
}

.workload-table tbody tr.expanded[b-13q48t2jtk] {
    background: #f1f5f9;
}

.workload-table tbody td[b-13q48t2jtk] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9;
}

/* Column Widths */
.col-sno[b-13q48t2jtk] { width: 50px; text-align: center; color: #64748b; font-weight: 500; }
.col-teacher[b-13q48t2jtk] { width: 180px; }
.col-designation[b-13q48t2jtk] { width: 100px; }
.col-allotted[b-13q48t2jtk] { width: 200px; }
.col-total[b-13q48t2jtk] { width: 120px; }
.col-split[b-13q48t2jtk] { width: 110px; }
.col-days[b-13q48t2jtk] { width: 180px; }
.col-status[b-13q48t2jtk] { width: 120px; }
.col-actions[b-13q48t2jtk] { width: 50px; text-align: center; }

/* Teacher Info */
.teacher-info[b-13q48t2jtk] {
    display: flex;
    flex-direction: column;
}

.teacher-name[b-13q48t2jtk] {
    font-weight: 600;
    color: #1e293b;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.teacher-id[b-13q48t2jtk] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* Allotted Info */
.allotted-info[b-13q48t2jtk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.allotted-subjects[b-13q48t2jtk],
.allotted-sections[b-13q48t2jtk] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: #475569;
}

.allotted-subjects i[b-13q48t2jtk],
.allotted-sections i[b-13q48t2jtk] {
    font-size: 0.7rem;
}

.allotted-sections[b-13q48t2jtk] {
    font-size: 0.75rem;
    color: #64748b;
}

/* Total Periods */
.total-periods[b-13q48t2jtk] {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    margin-bottom: 0.35rem;
}

.period-count[b-13q48t2jtk] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
}

.period-max[b-13q48t2jtk] {
    font-size: 0.8rem;
    color: #94a3b8;
}

.workload-bar[b-13q48t2jtk] {
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
}

.workload-fill[b-13q48t2jtk] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.bar-unassigned[b-13q48t2jtk] { background: #cbd5e1; }
.bar-light[b-13q48t2jtk] { background: #06b6d4; }
.bar-normal[b-13q48t2jtk] { background: #22c55e; }
.bar-heavy[b-13q48t2jtk] { background: #f59e0b; }
.bar-overloaded[b-13q48t2jtk] { background: #ef4444; }

/* Day Breakdown */
.day-breakdown[b-13q48t2jtk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.day-badge[b-13q48t2jtk] {
    font-size: 0.7rem;
    padding: 0.2rem 0.4rem;
    background: #f1f5f9;
    border-radius: 4px;
    color: #475569;
    font-weight: 500;
}

/* Status Column */
.col-status .badge[b-13q48t2jtk] {
    font-size: 0.7rem;
    font-weight: 600;
}

.percentage[b-13q48t2jtk] {
    display: block;
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 0.25rem;
}

/* Expand Button */
.expand-btn[b-13q48t2jtk] {
    color: #64748b;
    padding: 0.25rem;
}

.expand-btn:hover[b-13q48t2jtk] {
    color: #334155;
}

/* Breakdown Row */
.breakdown-row[b-13q48t2jtk] {
    background: #f8fafc !important;
}

.breakdown-row td[b-13q48t2jtk] {
    padding: 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.breakdown-content[b-13q48t2jtk] {
    padding: 1rem 1.5rem 1.25rem;
    margin-left: 1rem;
    border-left: 3px solid #3b82f6;
}

.breakdown-title[b-13q48t2jtk] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.75rem;
}

.breakdown-grid[b-13q48t2jtk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.breakdown-card[b-13q48t2jtk] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    min-width: 140px;
}

.breakdown-class[b-13q48t2jtk] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.85rem;
}

.breakdown-periods[b-13q48t2jtk] {
    font-size: 0.8rem;
    color: #64748b;
    margin: 0.25rem 0;
}

.breakdown-card .badge[b-13q48t2jtk] {
    font-size: 0.65rem;
}

/* Loading State */
.loading-container[b-13q48t2jtk] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* Empty State */
.empty-state[b-13q48t2jtk] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.empty-state i[b-13q48t2jtk] {
    font-size: 3rem;
    color: #cbd5e1;
    margin-bottom: 1rem;
}

.empty-state h5[b-13q48t2jtk] {
    color: #475569;
    margin-bottom: 0.5rem;
}

.empty-state p[b-13q48t2jtk] {
    color: #94a3b8;
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 1200px) {
    .summary-row[b-13q48t2jtk] {
        grid-template-columns: 1fr;
    }

    .distribution-chart[b-13q48t2jtk] {
        order: -1;
    }
}

@media (max-width: 992px) {
    .workload-page[b-13q48t2jtk] {
        padding: 1rem;
    }

    .page-header[b-13q48t2jtk] {
        flex-direction: column;
    }

    .attention-grid[b-13q48t2jtk] {
        grid-template-columns: 1fr;
    }

    .filter-bar[b-13q48t2jtk] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-group[b-13q48t2jtk] {
        width: 100%;
    }

    .filter-group select[b-13q48t2jtk],
    .search-group[b-13q48t2jtk] {
        flex: 1;
    }

    .filter-stats[b-13q48t2jtk] {
        margin-left: 0;
        text-align: center;
    }

    .table-container[b-13q48t2jtk] {
        overflow-x: auto;
    }

    .workload-table[b-13q48t2jtk] {
        min-width: 800px;
    }
}

@media (max-width: 768px) {
    .workload-summary[b-13q48t2jtk] {
        grid-template-columns: repeat(2, 1fr);
    }

    .bar-item[b-13q48t2jtk] {
        grid-template-columns: 70px 1fr 30px;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/AutoGenerate.razor.rz.scp.css */
.auto-generate-page[b-zz554r9a6v] { padding: 1.5rem; max-width: 1400px; margin: 0 auto; }

    /* Help Banner */
    .help-banner[b-zz554r9a6v] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
        background: linear-gradient(135deg, #e7f5ff 0%, #d0ebff 100%);
        border: 1px solid #74c0fc;
        border-radius: 8px;
        margin-bottom: 1rem;
        border-left: 4px solid #228be6;
    }
    .help-icon[b-zz554r9a6v] { color: #228be6; font-size: 1.1rem; margin-top: 2px; }
    .help-content[b-zz554r9a6v] { font-size: 0.9rem; line-height: 1.5; color: #1864ab; }
    .help-content a[b-zz554r9a6v] { color: #1864ab; font-weight: 500; }

    .page-header[b-zz554r9a6v] { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
    .header-left[b-zz554r9a6v] { display: flex; align-items: center; gap: 1rem; }
    .back-btn[b-zz554r9a6v] { padding: 0.5rem; color: var(--text-muted); }
    .back-btn:hover[b-zz554r9a6v] { color: var(--primary); }
    .page-header h1[b-zz554r9a6v] { margin: 0; font-size: 1.5rem; }

    .wizard-steps[b-zz554r9a6v] { display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; }
    .step[b-zz554r9a6v] { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }
    .step-circle[b-zz554r9a6v] {
        width: 36px; height: 36px; border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        background: var(--bg-secondary); border: 2px solid var(--border);
        font-weight: 600; font-size: 0.9rem; color: var(--text-muted);
        transition: all 0.3s;
    }
    .step.active .step-circle[b-zz554r9a6v] { background: var(--primary, #4263eb); border-color: var(--primary, #4263eb); color: var(--btn-primary-text, #ffffff); }
    .step.completed .step-circle[b-zz554r9a6v] { background: var(--success-text, #2f9e44); border-color: var(--success-text, #2f9e44); color: var(--btn-primary-text, #ffffff); }
    .step-label[b-zz554r9a6v] { font-size: 0.75rem; color: var(--text-muted); white-space: nowrap; }
    .step.active .step-label[b-zz554r9a6v] { color: var(--primary); font-weight: 500; }
    .step-connector[b-zz554r9a6v] { width: 60px; height: 2px; background: var(--border); margin: 0 0.5rem; margin-bottom: 1.5rem; }
    .step-connector.active[b-zz554r9a6v] { background: var(--primary); }

    .loading-container[b-zz554r9a6v] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 300px; }

    .wizard-content[b-zz554r9a6v] { min-height: 400px; }

    .step-panel[b-zz554r9a6v] {
        background: var(--bg-primary); border: 1px solid var(--border);
        border-radius: 12px; padding: 2rem;
    }
    .step-panel-wide[b-zz554r9a6v] { max-width: none; }
    .step-panel h3[b-zz554r9a6v] { margin: 0 0 0.25rem 0; font-size: 1.25rem; }

    .search-box[b-zz554r9a6v] { position: relative; max-width: 400px; }
    .search-box i[b-zz554r9a6v] { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--text-muted); }
    .search-box input[b-zz554r9a6v] { padding-left: 36px; }

    .teacher-grid[b-zz554r9a6v], .subject-grid[b-zz554r9a6v] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; }

    .teacher-card[b-zz554r9a6v], .subject-card[b-zz554r9a6v] {
        display: flex; align-items: center; gap: 1rem;
        padding: 1rem; background: var(--bg-secondary); border: 2px solid transparent;
        border-radius: 10px; cursor: pointer; transition: all 0.2s;
    }
    .teacher-card:hover[b-zz554r9a6v], .subject-card:hover[b-zz554r9a6v] { border-color: var(--primary); }
    .teacher-card.selected[b-zz554r9a6v], .subject-card.selected[b-zz554r9a6v] { border-color: var(--primary); background: rgba(var(--primary-rgb), 0.1); }

    .teacher-avatar[b-zz554r9a6v], .subject-icon[b-zz554r9a6v] {
        width: 48px; height: 48px; border-radius: 50%;
        background: var(--bg-tertiary); display: flex; align-items: center; justify-content: center;
        font-size: 1.25rem; color: var(--primary);
    }
    .teacher-info[b-zz554r9a6v], .subject-info[b-zz554r9a6v] { flex: 1; }
    .teacher-info h5[b-zz554r9a6v], .subject-info h5[b-zz554r9a6v] { margin: 0; font-size: 0.95rem; font-weight: 600; }
    .department[b-zz554r9a6v], .allocation-info[b-zz554r9a6v] { font-size: 0.8rem; color: var(--text-muted); }

    .workload-bar[b-zz554r9a6v] { margin-top: 0.5rem; }
    .workload-bar .progress[b-zz554r9a6v] { height: 6px; background: var(--bg-tertiary); border-radius: 3px; }
    .workload-bar .progress-bar[b-zz554r9a6v] { background: var(--primary); border-radius: 3px; }
    .workload-text[b-zz554r9a6v] { font-size: 0.7rem; color: var(--text-muted); }

    .selected-icon[b-zz554r9a6v] { color: var(--primary); font-size: 1.25rem; }

    .empty-state[b-zz554r9a6v] { text-align: center; padding: 3rem; color: var(--text-muted); }
    .empty-state i[b-zz554r9a6v] { font-size: 3rem; margin-bottom: 1rem; }

    .periods-selector[b-zz554r9a6v] { display: flex; align-items: center; gap: 1rem; }
    .periods-value[b-zz554r9a6v] { font-size: 2rem; font-weight: 600; min-width: 60px; text-align: center; }

    .distribution-options[b-zz554r9a6v] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
    .distribution-option[b-zz554r9a6v] {
        padding: 1rem; text-align: center; border: 2px solid var(--border);
        border-radius: 8px; cursor: pointer; transition: all 0.2s;
    }
    .distribution-option:hover[b-zz554r9a6v] { border-color: var(--primary); }
    .distribution-option.selected[b-zz554r9a6v] { border-color: var(--primary); background: rgba(var(--primary-rgb), 0.1); }
    .distribution-option i[b-zz554r9a6v] { font-size: 1.5rem; margin-bottom: 0.5rem; display: block; color: var(--primary); }
    .distribution-option span[b-zz554r9a6v] { font-weight: 500; display: block; }
    .distribution-option small[b-zz554r9a6v] { color: var(--text-muted); font-size: 0.75rem; }

    .config-summary[b-zz554r9a6v] { background: var(--bg-secondary); padding: 1rem; border-radius: 8px; margin-top: 1rem; }
    .config-summary h6[b-zz554r9a6v] { margin: 0 0 0.5rem 0; }
    .config-summary ul[b-zz554r9a6v] { margin: 0; padding-left: 1.25rem; }
    .config-summary li[b-zz554r9a6v] { font-size: 0.85rem; color: var(--text-muted); }

    .slot-header[b-zz554r9a6v] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; flex-wrap: wrap; gap: 1rem; }
    .slot-legend[b-zz554r9a6v] { display: flex; gap: 1rem; flex-wrap: wrap; }
    .legend-item[b-zz554r9a6v] { display: flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; }
    .dot[b-zz554r9a6v] { width: 12px; height: 12px; border-radius: 3px; }
    .dot.available[b-zz554r9a6v] { background: var(--bg-secondary); border: 1px solid var(--border); }
    .dot.occupied[b-zz554r9a6v] { background: var(--text-muted); }
    .dot.teacher-busy[b-zz554r9a6v] { background: #ffd43b; }
    .dot.selected[b-zz554r9a6v] { background: var(--primary); }
    .dot.suggested[b-zz554r9a6v] { background: #69db7c; }

    .slot-grid-container[b-zz554r9a6v] { overflow-x: auto; }
    .slot-grid[b-zz554r9a6v] { width: 100%; border-collapse: separate; border-spacing: 4px; }
    .slot-grid th[b-zz554r9a6v], .slot-grid td[b-zz554r9a6v] { padding: 0.5rem; text-align: center; }
    .slot-grid th[b-zz554r9a6v] { font-weight: 500; font-size: 0.85rem; color: var(--text-muted); }
    .period-label[b-zz554r9a6v] { text-align: left !important; min-width: 80px; }
    .period-label span[b-zz554r9a6v] { font-weight: 600; }
    .period-label small[b-zz554r9a6v] { display: block; font-size: 0.7rem; color: var(--text-muted); }

    .slot-cell[b-zz554r9a6v] {
        width: 80px; height: 50px; border-radius: 6px; cursor: pointer;
        background: var(--bg-secondary); border: 1px solid var(--border);
        transition: all 0.15s; font-size: 0.7rem;
    }
    .slot-cell:hover:not(.occupied):not(.teacher-busy):not(.unavailable)[b-zz554r9a6v] { border-color: var(--primary); }
    .slot-cell.occupied[b-zz554r9a6v] { background: var(--text-muted); color: var(--btn-primary-text, #ffffff); cursor: not-allowed; }
    .slot-cell.teacher-busy[b-zz554r9a6v] { background: var(--warning-text, #ffd43b); color: var(--text-primary); cursor: not-allowed; }
    .slot-cell.selected[b-zz554r9a6v] { background: var(--primary); color: var(--btn-primary-text, #ffffff); border-color: var(--primary); }
    .slot-cell.suggested:not(.selected)[b-zz554r9a6v] { background: rgba(105, 219, 124, 0.3); border-color: #69db7c; }
    .slot-cell.unavailable[b-zz554r9a6v] { background: var(--bg-tertiary); cursor: not-allowed; }
    .slot-subject[b-zz554r9a6v] { font-size: 0.65rem; }
    .slot-info[b-zz554r9a6v] { font-size: 0.6rem; }

    .selection-summary[b-zz554r9a6v] { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border); }

    .confirm-summary[b-zz554r9a6v] { background: var(--bg-secondary); border-radius: 8px; padding: 1.5rem; margin-bottom: 1.5rem; }
    .summary-row[b-zz554r9a6v] { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid var(--border); }
    .summary-row:last-child[b-zz554r9a6v] { border-bottom: none; }
    .summary-row .label[b-zz554r9a6v] { color: var(--text-muted); }
    .summary-row .value[b-zz554r9a6v] { font-weight: 500; }

    .selected-slots-preview h6[b-zz554r9a6v] { margin-bottom: 0.75rem; }
    .slots-chips[b-zz554r9a6v] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
    .slot-chip[b-zz554r9a6v] {
        padding: 0.25rem 0.75rem; background: var(--primary);
        color: var(--btn-primary-text, #ffffff); border-radius: 20px; font-size: 0.8rem;
    }

    .wizard-nav[b-zz554r9a6v] {
        display: flex; justify-content: space-between; align-items: center;
        margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--border);
    }
    .step-indicator[b-zz554r9a6v] { color: var(--text-muted); font-size: 0.9rem; }

    /* Multi-select subject enhancements */
    .subject-checkbox[b-zz554r9a6v] {
        position: absolute;
        top: 8px;
        left: 8px;
        z-index: 1;
    }
    .subject-checkbox .form-check-input[b-zz554r9a6v] {
        width: 18px;
        height: 18px;
        cursor: pointer;
    }
    .subject-card[b-zz554r9a6v] {
        position: relative;
        padding-left: 2.5rem;
    }
    .subject-card.completed[b-zz554r9a6v] {
        opacity: 0.6;
        cursor: not-allowed;
        background: var(--bg-tertiary);
    }
    .subject-card.completed:hover[b-zz554r9a6v] {
        border-color: transparent;
    }
    .selection-actions[b-zz554r9a6v] {
        padding: 0.5rem 1rem;
        background: var(--bg-secondary);
        border-radius: 8px;
    }

/* Subject chips for step 3 */
.selected-subjects-overview[b-zz554r9a6v] {
    padding: 1rem;
    background: var(--bg-secondary, #f8f9fa);
    border-radius: 8px;
    border: 1px solid var(--border-color, #e9ecef);
}
.subject-chip[b-zz554r9a6v] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background: var(--card-bg);
    border: 1px solid var(--border-color, var(--border));
    border-radius: 20px;
    font-size: 0.875rem;
    transition: all 0.2s;
}
.subject-chip.current[b-zz554r9a6v] {
    background: #e7f1ff;
    border-color: #0d6efd;
    font-weight: 500;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
}
.subject-chip.processed[b-zz554r9a6v] {
    background: #d1e7dd;
    border-color: #198754;
    opacity: 0.8;
}
.subject-chip.clickable[b-zz554r9a6v] {
    cursor: pointer;
}
.subject-chip.clickable:hover[b-zz554r9a6v] {
    background: #f0f0f0;
    border-color: #6c757d;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.subject-chip.processed:hover[b-zz554r9a6v] {
    cursor: pointer;
    opacity: 1;
    transform: translateY(-1px);
}
.subject-chip .badge[b-zz554r9a6v] {
    font-size: 0.7rem;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .auto-generate-page[b-zz554r9a6v] { padding: 1rem; }
    .page-header h1[b-zz554r9a6v] { font-size: 1.25rem; }
    .help-banner[b-zz554r9a6v] { flex-direction: column; padding: 0.75rem; }
    .help-content[b-zz554r9a6v] { font-size: 0.85rem; }
    .wizard-steps[b-zz554r9a6v] { flex-wrap: wrap; gap: 0.5rem; }
    .step-connector[b-zz554r9a6v] { width: 30px; }
    .step-label[b-zz554r9a6v] { font-size: 0.65rem; }
    .step-circle[b-zz554r9a6v] { width: 30px; height: 30px; font-size: 0.8rem; }
    .step-panel[b-zz554r9a6v] { padding: 1rem; }
    .step-panel h3[b-zz554r9a6v] { font-size: 1.1rem; }
    .search-box[b-zz554r9a6v] { max-width: 100%; }
    .teacher-grid[b-zz554r9a6v], .subject-grid[b-zz554r9a6v] { grid-template-columns: 1fr; }
    .distribution-options[b-zz554r9a6v] { grid-template-columns: 1fr; gap: 0.75rem; }
    .slot-grid-container[b-zz554r9a6v] { margin: 0 -1rem; padding: 0 1rem; }
    .wizard-nav[b-zz554r9a6v] { flex-direction: column; gap: 1rem; }
    .wizard-nav .btn[b-zz554r9a6v] { width: 100%; }
    .selection-summary[b-zz554r9a6v] { flex-direction: column; gap: 0.75rem; align-items: stretch; }
}
@media (max-width: 480px) {
    .auto-generate-page[b-zz554r9a6v] { padding: 0.75rem; }
    .page-header h1[b-zz554r9a6v] { font-size: 1.1rem; }
    .help-banner[b-zz554r9a6v] { padding: 0.5rem; }
    .help-content[b-zz554r9a6v] { font-size: 0.8rem; }
    .wizard-steps[b-zz554r9a6v] { gap: 0.25rem; }
    .step-connector[b-zz554r9a6v] { width: 20px; display: none; }
    .step-label[b-zz554r9a6v] { display: none; }
    .step-panel[b-zz554r9a6v] { padding: 0.75rem; }
    .teacher-card[b-zz554r9a6v], .subject-card[b-zz554r9a6v] { padding: 0.75rem; gap: 0.75rem; }
    .teacher-avatar[b-zz554r9a6v], .subject-icon[b-zz554r9a6v] { width: 40px; height: 40px; font-size: 1rem; }
    .periods-selector[b-zz554r9a6v] { flex-wrap: wrap; }
    .periods-value[b-zz554r9a6v] { font-size: 1.5rem; }
    .slot-cell[b-zz554r9a6v] { width: 60px; height: 40px; }
    .slot-grid th[b-zz554r9a6v], .slot-grid td[b-zz554r9a6v] { padding: 0.25rem; font-size: 0.75rem; }
    .subject-chip[b-zz554r9a6v] { padding: 0.35rem 0.5rem; font-size: 0.8rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/ClassShiftAssignment.razor.rz.scp.css */
.assignment-page[b-58j88p7n4u] { padding: 1.5rem; }

    /* Help Banner */
    .help-banner[b-58j88p7n4u] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
        background: linear-gradient(135deg, #e7f5ff 0%, #d0ebff 100%);
        border: 1px solid #74c0fc;
        border-radius: 8px;
        margin-bottom: 1rem;
        border-left: 4px solid #228be6;
    }
    .help-icon[b-58j88p7n4u] { color: #228be6; font-size: 1.1rem; margin-top: 2px; }
    .help-content[b-58j88p7n4u] { font-size: 0.9rem; line-height: 1.5; color: #1864ab; }
    .help-content a[b-58j88p7n4u] { color: #1864ab; font-weight: 500; }
    .page-header[b-58j88p7n4u] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
    .header-left h1[b-58j88p7n4u] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .header-actions[b-58j88p7n4u] { display: flex; gap: 0.5rem; align-items: center; }
    .session-selector[b-58j88p7n4u] { width: auto; min-width: 160px; }
    .loading-container[b-58j88p7n4u] { display: flex; justify-content: center; padding: 3rem; }
    .shifts-grid[b-58j88p7n4u] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; }
    .shift-card[b-58j88p7n4u] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .shift-header[b-58j88p7n4u] { display: flex; justify-content: space-between; align-items: center; padding: 1rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border); }
    .shift-header h5[b-58j88p7n4u] { margin: 0; font-size: 1rem; flex: 1; }
    .shift-number[b-58j88p7n4u] { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: var(--bg-secondary); border-radius: 50%; font-size: 0.75rem; font-weight: 600; color: var(--text-muted); margin-right: 0.5rem; }
    .shift-body[b-58j88p7n4u] { padding: 1rem; min-height: 100px; }
    .class-tags[b-58j88p7n4u] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
    .class-tag[b-58j88p7n4u] { display: flex; align-items: center; gap: 0.5rem; background: var(--bg-secondary); padding: 0.375rem 0.75rem; border-radius: 6px; font-size: 0.875rem; }
    .class-tag .remove-btn[b-58j88p7n4u] { background: none; border: none; color: var(--text-muted); cursor: pointer; padding: 0; line-height: 1; }
    .class-tag .remove-btn:hover[b-58j88p7n4u] { color: #dc3545; }
    .modal-backdrop[b-58j88p7n4u] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1040; }
    .modal[b-58j88p7n4u] { z-index: 1050; }
    .class-checkbox-grid[b-58j88p7n4u] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0.5rem; max-height: 300px; overflow-y: auto; padding: 0.5rem; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-secondary); }
    .class-checkbox[b-58j88p7n4u] { padding: 0.5rem; border-radius: 4px; transition: background 0.15s; }
    .class-checkbox:hover[b-58j88p7n4u] { background: var(--bg-primary); }
    .class-checkbox.already-assigned[b-58j88p7n4u] { opacity: 0.6; }
    .class-checkbox.already-assigned label[b-58j88p7n4u] { text-decoration: line-through; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .assignment-page[b-58j88p7n4u] {
        padding: 1rem;
    }
    .page-header[b-58j88p7n4u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    .header-left h1[b-58j88p7n4u] {
        font-size: 1.25rem;
    }
    .header-actions[b-58j88p7n4u] {
        width: 100%;
        flex-wrap: wrap;
    }
    .session-selector[b-58j88p7n4u] {
        flex: 1;
        min-width: 120px;
    }
    .help-banner[b-58j88p7n4u] {
        flex-direction: column;
        padding: 0.75rem;
    }
    .help-content[b-58j88p7n4u] {
        font-size: 0.85rem;
    }
    .shifts-grid[b-58j88p7n4u] {
        grid-template-columns: 1fr;
    }
    .shift-header[b-58j88p7n4u] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .class-tags[b-58j88p7n4u] {
        gap: 0.35rem;
    }
    .class-tag[b-58j88p7n4u] {
        padding: 0.25rem 0.5rem;
        font-size: 0.8rem;
    }
    .class-checkbox-grid[b-58j88p7n4u] {
        grid-template-columns: repeat(2, 1fr);
    }
    .modal-dialog[b-58j88p7n4u] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
}

@media (max-width: 480px) {
    .assignment-page[b-58j88p7n4u] {
        padding: 0.75rem;
    }
    .header-left h1[b-58j88p7n4u] {
        font-size: 1.1rem;
    }
    .help-banner[b-58j88p7n4u] {
        padding: 0.5rem;
    }
    .help-content[b-58j88p7n4u] {
        font-size: 0.8rem;
    }
    .shift-body[b-58j88p7n4u] {
        padding: 0.75rem;
    }
    .class-checkbox-grid[b-58j88p7n4u] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/CustomRules.razor.rz.scp.css */
.custom-rules-page[b-xuqo8r1gy9] { padding: 1.5rem; max-width: 1400px; margin: 0 auto; }

    .page-header[b-xuqo8r1gy9] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
    .header-left[b-xuqo8r1gy9] { display: flex; align-items: center; gap: 1rem; }
    .header-actions[b-xuqo8r1gy9] { display: flex; gap: 0.5rem; align-items: center; }
    .session-selector[b-xuqo8r1gy9] { width: auto; min-width: 160px; }
    .back-btn[b-xuqo8r1gy9] { padding: 0.5rem; color: var(--text-muted); }
    .back-btn:hover[b-xuqo8r1gy9] { color: var(--primary); }
    .page-header h1[b-xuqo8r1gy9] { margin: 0; font-size: 1.5rem; }

    .loading-container[b-xuqo8r1gy9] { display: flex; justify-content: center; padding: 3rem; }

    .rules-section[b-xuqo8r1gy9], .policies-section[b-xuqo8r1gy9] {
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .section-header[b-xuqo8r1gy9] { margin-bottom: 1rem; }
    .section-header h5[b-xuqo8r1gy9] { margin: 0; font-size: 1rem; font-weight: 600; }

    .rules-grid[b-xuqo8r1gy9] { display: flex; flex-direction: column; gap: 1.5rem; }

    .category-section[b-xuqo8r1gy9] { }
    .category-title[b-xuqo8r1gy9] {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--primary);
        text-transform: uppercase;
        margin-bottom: 0.75rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid var(--border);
    }

    .rule-card[b-xuqo8r1gy9] {
        background: var(--bg-secondary);
        border-radius: 8px;
        padding: 1rem;
        margin-bottom: 0.75rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        position: relative;
    }

    .rule-header[b-xuqo8r1gy9] { display: flex; justify-content: space-between; align-items: center; }
    .rule-name[b-xuqo8r1gy9] { font-weight: 500; }
    .scope-badge[b-xuqo8r1gy9] {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
        border-radius: 12px;
        background: var(--bg-tertiary);
    }
    .scope-badge.teacher[b-xuqo8r1gy9] { background: #e3f2fd; color: #1565c0; }
    .scope-badge.subject[b-xuqo8r1gy9] { background: #e8f5e9; color: #2e7d32; }
    .scope-badge.class[b-xuqo8r1gy9] { background: #fff3e0; color: #ef6c00; }
    .scope-badge.shift[b-xuqo8r1gy9] { background: #f3e5f5; color: #7b1fa2; }

    .rule-body[b-xuqo8r1gy9] { font-size: 0.85rem; }
    .value-display[b-xuqo8r1gy9] { display: flex; gap: 0.5rem; align-items: center; }
    .value-display .label[b-xuqo8r1gy9] { color: var(--text-muted); }
    .value-display .value[b-xuqo8r1gy9] { font-weight: 600; }
    .value-display .default[b-xuqo8r1gy9] { color: var(--text-muted); font-size: 0.75rem; }
    .reason[b-xuqo8r1gy9] { color: var(--text-muted); font-style: italic; font-size: 0.8rem; margin-top: 0.25rem; }
    .dates[b-xuqo8r1gy9] { font-size: 0.75rem; color: var(--text-muted); display: flex; gap: 1rem; }

    .rule-actions[b-xuqo8r1gy9] { position: absolute; top: 0.5rem; right: 0.5rem; }

    .empty-state[b-xuqo8r1gy9] {
        text-align: center;
        padding: 3rem;
        color: var(--text-muted);
    }
    .empty-state i[b-xuqo8r1gy9] { font-size: 3rem; margin-bottom: 1rem; }

    .policies-grid[b-xuqo8r1gy9] { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 1.5rem; }

    .policy-category h6[b-xuqo8r1gy9] {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--primary);
        margin-bottom: 0.75rem;
    }

    .policy-list[b-xuqo8r1gy9] { display: flex; flex-direction: column; gap: 0.5rem; }

    .policy-item[b-xuqo8r1gy9] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.75rem;
        background: var(--bg-secondary);
        border-radius: 6px;
        gap: 0.5rem;
    }

    .policy-info[b-xuqo8r1gy9] { flex: 1; }
    .policy-name[b-xuqo8r1gy9] { font-weight: 500; display: block; }
    .policy-default[b-xuqo8r1gy9] { font-size: 0.75rem; color: var(--text-muted); }

    .policy-applies[b-xuqo8r1gy9] { display: flex; gap: 0.25rem; }
    .policy-applies .badge[b-xuqo8r1gy9] { font-size: 0.65rem; }

    .modal-backdrop[b-xuqo8r1gy9] { z-index: 1050; }
    .modal[b-xuqo8r1gy9] { z-index: 1055; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .custom-rules-page[b-xuqo8r1gy9] { padding: 1rem; }
    .page-header[b-xuqo8r1gy9] { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
    .header-left[b-xuqo8r1gy9] { flex-wrap: wrap; }
    .page-header h1[b-xuqo8r1gy9] { font-size: 1.25rem; }
    .header-actions[b-xuqo8r1gy9] { width: 100%; }
    .session-selector[b-xuqo8r1gy9] { flex: 1; min-width: 120px; }
    .rules-section[b-xuqo8r1gy9], .policies-section[b-xuqo8r1gy9] { padding: 1rem; }
    .rule-card[b-xuqo8r1gy9] { padding: 0.75rem; }
    .policies-grid[b-xuqo8r1gy9] { grid-template-columns: 1fr; }
    .policy-item[b-xuqo8r1gy9] { flex-direction: column; align-items: flex-start; }
    .modal-dialog[b-xuqo8r1gy9] { margin: 0.5rem; max-width: calc(100% - 1rem); }
}
@media (max-width: 480px) {
    .custom-rules-page[b-xuqo8r1gy9] { padding: 0.75rem; }
    .page-header h1[b-xuqo8r1gy9] { font-size: 1.1rem; }
    .rule-header[b-xuqo8r1gy9] { flex-direction: column; align-items: flex-start; gap: 0.25rem; }
    .value-display[b-xuqo8r1gy9] { flex-wrap: wrap; }
    .dates[b-xuqo8r1gy9] { flex-direction: column; gap: 0.25rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/DayExceptions.razor.rz.scp.css */
.exceptions-page[b-aommfm3bw8] { padding: 1.5rem; }
    .page-header[b-aommfm3bw8] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
    .header-left h1[b-aommfm3bw8] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .header-actions[b-aommfm3bw8] { display: flex; gap: 0.5rem; align-items: center; }
    .session-selector[b-aommfm3bw8] { width: auto; min-width: 160px; }
    .loading-container[b-aommfm3bw8] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-aommfm3bw8] { text-align: center; padding: 3rem; color: var(--text-muted); }
    .empty-state i[b-aommfm3bw8] { font-size: 3rem; margin-bottom: 1rem; }
    .modal-backdrop[b-aommfm3bw8] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1040; }
    .modal[b-aommfm3bw8] { z-index: 1050; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .exceptions-page[b-aommfm3bw8] { padding: 1rem; }
    .page-header[b-aommfm3bw8] { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
    .header-left h1[b-aommfm3bw8] { font-size: 1.25rem; }
    .header-actions[b-aommfm3bw8] { width: 100%; flex-wrap: wrap; }
    .session-selector[b-aommfm3bw8] { flex: 1; min-width: 120px; }
    .modal-dialog[b-aommfm3bw8] { margin: 0.5rem; max-width: calc(100% - 1rem); }
}
@media (max-width: 480px) {
    .exceptions-page[b-aommfm3bw8] { padding: 0.75rem; }
    .header-left h1[b-aommfm3bw8] { font-size: 1.1rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/DelegationSettings.razor.rz.scp.css */
/* Delegation Settings Page Styles */

.delegation-page[b-sjnm7y3s10] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-sjnm7y3s10] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-left[b-sjnm7y3s10] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-left h1[b-sjnm7y3s10] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.subtitle[b-sjnm7y3s10] {
    color: #64748b;
    font-size: 0.875rem;
    margin: 0.25rem 0 0 0;
}

.btn-back[b-sjnm7y3s10] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #f1f5f9;
    color: #475569;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-back:hover[b-sjnm7y3s10] {
    background: #e2e8f0;
    color: #1e293b;
}

.session-select[b-sjnm7y3s10] {
    padding: 0.5rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.875rem;
    background: white;
    min-width: 200px;
}

/* Loading State */
.loading-state[b-sjnm7y3s10] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: #64748b;
}

.loading-state p[b-sjnm7y3s10] {
    margin-top: 1rem;
}

/* Settings Container */
.settings-container[b-sjnm7y3s10] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Info Banner */
.info-banner[b-sjnm7y3s10] {
    display: flex;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    color: #1e40af;
}

.info-banner i[b-sjnm7y3s10] {
    font-size: 1.25rem;
    margin-top: 0.125rem;
}

.info-banner strong[b-sjnm7y3s10] {
    display: block;
    margin-bottom: 0.25rem;
}

.info-banner p[b-sjnm7y3s10] {
    margin: 0;
    font-size: 0.875rem;
    color: #3b82f6;
    line-height: 1.5;
}

/* Presets Section */
.presets-section[b-sjnm7y3s10] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.25rem;
}

.presets-section h3[b-sjnm7y3s10] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 1rem 0;
}

.preset-buttons[b-sjnm7y3s10] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-preset[b-sjnm7y3s10] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s;
    min-width: 150px;
}

.btn-preset i[b-sjnm7y3s10] {
    font-size: 1.5rem;
    color: #64748b;
}

.btn-preset span[b-sjnm7y3s10] {
    font-weight: 600;
    color: #1e293b;
}

.btn-preset small[b-sjnm7y3s10] {
    font-size: 0.75rem;
    color: #64748b;
}

.btn-preset:hover[b-sjnm7y3s10] {
    border-color: #3b82f6;
    background: #f0f9ff;
}

.btn-preset:hover i[b-sjnm7y3s10] {
    color: #3b82f6;
}

.btn-preset.active[b-sjnm7y3s10] {
    border-color: #3b82f6;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}

.btn-preset.active i[b-sjnm7y3s10] {
    color: #3b82f6;
}

/* Settings Grid */
.settings-grid[b-sjnm7y3s10] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
}

/* Settings Card */
.settings-card[b-sjnm7y3s10] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}

.settings-card .card-header[b-sjnm7y3s10] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.settings-card .card-header i[b-sjnm7y3s10] {
    font-size: 1.25rem;
    color: #3b82f6;
}

.settings-card .card-header h3[b-sjnm7y3s10] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.settings-card .card-body[b-sjnm7y3s10] {
    padding: 1.25rem;
}

.card-description[b-sjnm7y3s10] {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0 0 1rem 0;
    line-height: 1.5;
}

/* Toggle Group */
.toggle-group[b-sjnm7y3s10] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.toggle-item[b-sjnm7y3s10] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
}

.toggle-item:hover[b-sjnm7y3s10] {
    background: #f1f5f9;
}

.toggle-item input[type="checkbox"][b-sjnm7y3s10] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: #3b82f6;
    cursor: pointer;
}

.toggle-label[b-sjnm7y3s10] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.toggle-label strong[b-sjnm7y3s10] {
    font-size: 0.875rem;
    color: #1e293b;
    font-weight: 500;
}

.toggle-label small[b-sjnm7y3s10] {
    font-size: 0.75rem;
    color: #64748b;
}

/* Period Card */
.period-card .card-body[b-sjnm7y3s10] {
    padding: 1.25rem;
}

.date-range[b-sjnm7y3s10] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}

.date-field[b-sjnm7y3s10] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.date-field label[b-sjnm7y3s10] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.date-field input[type="date"][b-sjnm7y3s10] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.875rem;
    min-width: 160px;
}

.date-separator[b-sjnm7y3s10] {
    padding-bottom: 0.5rem;
    color: #64748b;
    font-size: 0.875rem;
}

.btn-clear-dates[b-sjnm7y3s10] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: white;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-clear-dates:hover[b-sjnm7y3s10] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #ef4444;
}

/* Notes Card */
.notes-card textarea[b-sjnm7y3s10] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.875rem;
    resize: vertical;
    font-family: inherit;
}

.notes-card textarea:focus[b-sjnm7y3s10] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Action Bar */
.action-bar[b-sjnm7y3s10] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    gap: 1rem;
    flex-wrap: wrap;
}

.success-message[b-sjnm7y3s10] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    color: #16a34a;
    font-size: 0.875rem;
}

.error-message[b-sjnm7y3s10] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    color: #dc2626;
    font-size: 0.875rem;
}

.action-buttons[b-sjnm7y3s10] {
    display: flex;
    gap: 0.75rem;
    margin-left: auto;
}

.btn-cancel[b-sjnm7y3s10] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #64748b;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-cancel:hover[b-sjnm7y3s10] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.btn-save[b-sjnm7y3s10] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.5rem;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-save:hover:not(:disabled)[b-sjnm7y3s10] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    transform: translateY(-1px);
}

.btn-save:disabled[b-sjnm7y3s10] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Status Card */
.status-card[b-sjnm7y3s10] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.25rem;
}

.status-card h4[b-sjnm7y3s10] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 1rem 0;
}

.status-grid[b-sjnm7y3s10] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.status-item[b-sjnm7y3s10] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
}

.status-item.active[b-sjnm7y3s10] {
    background: #f0fdf4;
    color: #16a34a;
}

.status-item.inactive[b-sjnm7y3s10] {
    background: #f8fafc;
    color: #94a3b8;
}

.status-item.info[b-sjnm7y3s10] {
    background: #f0f9ff;
    color: #0284c7;
}

/* Responsive */
@media (max-width: 768px) {
    .delegation-page[b-sjnm7y3s10] {
        padding: 1rem;
    }

    .page-header[b-sjnm7y3s10] {
        flex-direction: column;
        align-items: flex-start;
    }

    .session-select[b-sjnm7y3s10] {
        width: 100%;
    }

    .settings-grid[b-sjnm7y3s10] {
        grid-template-columns: 1fr;
    }

    .preset-buttons[b-sjnm7y3s10] {
        flex-direction: column;
    }

    .btn-preset[b-sjnm7y3s10] {
        width: 100%;
    }

    .date-range[b-sjnm7y3s10] {
        flex-direction: column;
        align-items: stretch;
    }

    .date-field input[type="date"][b-sjnm7y3s10] {
        width: 100%;
    }

    .date-separator[b-sjnm7y3s10] {
        text-align: center;
        padding: 0;
    }

    .action-bar[b-sjnm7y3s10] {
        flex-direction: column;
    }

    .action-buttons[b-sjnm7y3s10] {
        width: 100%;
        margin-left: 0;
    }

    .btn-cancel[b-sjnm7y3s10],
    .btn-save[b-sjnm7y3s10] {
        flex: 1;
        justify-content: center;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/Detail.razor.rz.scp.css */
.detail-page[b-vvivy68vnf] { padding: 1.5rem; }
    .page-header[b-vvivy68vnf] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
    .header-left[b-vvivy68vnf] { display: flex; align-items: flex-start; gap: 0.5rem; }
    .header-left h1[b-vvivy68vnf] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .header-actions[b-vvivy68vnf] { display: flex; gap: 0.5rem; }
    .loading-container[b-vvivy68vnf] { display: flex; justify-content: center; padding: 3rem; }
    .timetable-grid-container[b-vvivy68vnf] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; padding: 1rem; }
    .timetable-info[b-vvivy68vnf] { font-size: 0.875rem; color: var(--text-muted); }
    .timetable-table[b-vvivy68vnf] { margin: 0; }
    .timetable-table th[b-vvivy68vnf], .timetable-table td[b-vvivy68vnf] { text-align: center; vertical-align: middle; }
    .day-header[b-vvivy68vnf] { width: 100px; background: var(--bg-secondary); }
    .period-header[b-vvivy68vnf] { min-width: 100px; background: var(--bg-secondary); padding: 0.5rem !important; }
    .period-name[b-vvivy68vnf] { font-weight: 600; font-size: 0.875rem; }
    .period-time[b-vvivy68vnf] { font-size: 0.7rem; color: var(--text-muted); }
    .day-cell[b-vvivy68vnf] { font-weight: 600; background: var(--bg-secondary); }
    .slot-cell[b-vvivy68vnf] { cursor: pointer; padding: 0.25rem !important; min-height: 60px; transition: background 0.15s; }
    .slot-cell:hover[b-vvivy68vnf] { background: var(--bg-secondary); }
    .slot-cell.has-slot[b-vvivy68vnf] { background: #e3f2fd; }
    .slot-content[b-vvivy68vnf] { padding: 0.25rem; }
    .slot-content .subject[b-vvivy68vnf] { font-weight: 600; font-size: 0.875rem; color: #1976d2; }
    .slot-content .teacher[b-vvivy68vnf] { font-size: 0.75rem; color: var(--text-muted); }
    .slot-content .slot-type[b-vvivy68vnf] { font-size: 0.65rem; color: #666; text-transform: uppercase; }
    .empty-slot[b-vvivy68vnf] { color: #ccc; padding: 1rem; }
    .empty-slot:hover[b-vvivy68vnf] { color: #1976d2; }
    .modal-backdrop[b-vvivy68vnf] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1040; }
    .modal[b-vvivy68vnf] { z-index: 1050; }
    .off-day-row[b-vvivy68vnf] { background: linear-gradient(135deg, #f8f9fa 25%, #f0f0f0 25%, #f0f0f0 50%, #f8f9fa 50%, #f8f9fa 75%, #f0f0f0 75%); background-size: 20px 20px; }
    .off-day-row:hover[b-vvivy68vnf] { background: linear-gradient(135deg, #f8f9fa 25%, #f0f0f0 25%, #f0f0f0 50%, #f8f9fa 50%, #f8f9fa 75%, #f0f0f0 75%); background-size: 20px 20px; }
    .day-cell.off-day[b-vvivy68vnf] { color: #6c757d; font-style: italic; }
    .off-day-cell[b-vvivy68vnf] { background: #f5f5f5 !important; cursor: not-allowed; }
    .off-day-content[b-vvivy68vnf] { display: flex; align-items: center; justify-content: center; color: #6c757d; font-style: italic; padding: 1rem; font-size: 0.9rem; }
    .break-period-cell[b-vvivy68vnf] { background: #fff3cd !important; cursor: not-allowed; }
    .break-period-cell:hover[b-vvivy68vnf] { background: #fff3cd !important; }
    .break-period-content[b-vvivy68vnf] { display: flex; align-items: center; justify-content: center; color: #856404; font-weight: 500; padding: 0.5rem; font-size: 0.8rem; }

/* Workload Preview Panel */
.workload-preview-panel[b-vvivy68vnf] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1rem 1.25rem;
}

.workload-preview-panel .panel-header[b-vvivy68vnf] {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border);
}

.workload-preview-panel .panel-header h5[b-vvivy68vnf] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.workload-cards[b-vvivy68vnf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

.workload-card[b-vvivy68vnf] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 0.875rem;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.workload-card:hover[b-vvivy68vnf] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.workload-card.overloaded[b-vvivy68vnf] {
    border-color: #dc3545;
    background: #fff5f5;
}

.workload-card .teacher-name[b-vvivy68vnf] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary);
    margin-bottom: 0.125rem;
}

.workload-card .teacher-id[b-vvivy68vnf] {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
}

.workload-bar-container[b-vvivy68vnf] {
    height: 6px;
    background: #e9ecef;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.workload-bar[b-vvivy68vnf] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.workload-stats[b-vvivy68vnf] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
}

.workload-stats .stat[b-vvivy68vnf] {
    display: flex;
    flex-direction: column;
}

.workload-stats .stat .label[b-vvivy68vnf] {
    color: var(--text-muted);
    font-size: 0.65rem;
}

.workload-stats .stat .value[b-vvivy68vnf] {
    font-weight: 600;
    color: var(--text-primary);
}

.workload-stats .stat.total .value[b-vvivy68vnf] {
    color: #1976d2;
}

.workload-classification[b-vvivy68vnf] {
    margin-bottom: 0.5rem;
}

.workload-classification .badge[b-vvivy68vnf] {
    font-size: 0.7rem;
    font-weight: 500;
}

.day-breakdown[b-vvivy68vnf] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.65rem;
    color: var(--text-muted);
    flex-wrap: wrap;
}

.day-breakdown span[b-vvivy68vnf] {
    background: var(--bg-primary);
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
}

/* Other Classes Breakdown */
.other-classes-breakdown[b-vvivy68vnf] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed var(--border);
}

.other-classes-breakdown .breakdown-label[b-vvivy68vnf] {
    font-size: 0.65rem;
    color: var(--text-muted);
    margin-bottom: 0.25rem;
    font-weight: 500;
}

.other-classes-breakdown .breakdown-item[b-vvivy68vnf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.7rem;
    padding: 0.125rem 0;
}

.other-classes-breakdown .class-name[b-vvivy68vnf] {
    color: var(--text-primary);
}

.other-classes-breakdown .periods-count[b-vvivy68vnf] {
    background: #e3f2fd;
    color: #1976d2;
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.65rem;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .detail-page[b-vvivy68vnf] {
        padding: 1rem;
    }
    .page-header[b-vvivy68vnf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    .header-left[b-vvivy68vnf] {
        width: 100%;
    }
    .header-left h1[b-vvivy68vnf] {
        font-size: 1.1rem;
    }
    .header-actions[b-vvivy68vnf] {
        width: 100%;
        flex-wrap: wrap;
    }
    .header-actions .btn[b-vvivy68vnf] {
        flex: 1;
        min-width: calc(50% - 0.25rem);
        font-size: 0.75rem;
        padding: 0.4rem 0.5rem;
    }
    .timetable-grid-container[b-vvivy68vnf] {
        padding: 0.75rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .timetable-table[b-vvivy68vnf] {
        min-width: 600px;
    }
    .period-header[b-vvivy68vnf] {
        min-width: 80px !important;
    }
    .day-header[b-vvivy68vnf] {
        width: 60px !important;
    }
    .slot-cell[b-vvivy68vnf] {
        min-height: 50px;
    }
    .slot-content .subject[b-vvivy68vnf] {
        font-size: 0.75rem;
    }
    .slot-content .teacher[b-vvivy68vnf] {
        font-size: 0.65rem;
    }
    /* Modal adjustments */
    .modal-dialog[b-vvivy68vnf] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
    .modal-dialog.modal-lg[b-vvivy68vnf] {
        max-width: calc(100% - 1rem);
    }
    /* Workload Preview Mobile */
    .workload-preview-panel[b-vvivy68vnf] {
        padding: 0.75rem 1rem;
    }
    .workload-cards[b-vvivy68vnf] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    .workload-card[b-vvivy68vnf] {
        padding: 0.75rem;
    }
    .workload-stats[b-vvivy68vnf] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .day-breakdown[b-vvivy68vnf] {
        justify-content: flex-start;
    }
}

@media (max-width: 480px) {
    .detail-page[b-vvivy68vnf] {
        padding: 0.75rem;
    }
    .header-left h1[b-vvivy68vnf] {
        font-size: 1rem;
    }
    .header-actions[b-vvivy68vnf] {
        gap: 0.35rem;
    }
    .header-actions .btn[b-vvivy68vnf] {
        min-width: calc(50% - 0.2rem);
        font-size: 0.7rem;
        padding: 0.35rem 0.4rem;
    }
    .header-actions .btn i[b-vvivy68vnf] {
        margin-right: 0 !important;
    }
    .header-actions .btn span[b-vvivy68vnf],
    .header-actions .btn[b-vvivy68vnf]::after {
        display: none;
    }
    .timetable-table[b-vvivy68vnf] {
        min-width: 500px;
    }
    .period-header[b-vvivy68vnf] {
        min-width: 60px !important;
        padding: 0.35rem !important;
    }
    .period-name[b-vvivy68vnf] {
        font-size: 0.75rem;
    }
    .period-time[b-vvivy68vnf] {
        font-size: 0.6rem;
    }
    .day-header[b-vvivy68vnf] {
        width: 50px !important;
    }
    .day-cell[b-vvivy68vnf] {
        font-size: 0.75rem;
    }
    .slot-cell[b-vvivy68vnf] {
        min-height: 40px;
    }
    .slot-content .subject[b-vvivy68vnf] {
        font-size: 0.7rem;
    }
    .slot-content .teacher[b-vvivy68vnf] {
        font-size: 0.6rem;
    }
    .empty-slot[b-vvivy68vnf] {
        padding: 0.5rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/ExamSchedules.razor.rz.scp.css */
.exam-page[b-voh5zh9vjb] { padding: 1.5rem; }
    .page-header[b-voh5zh9vjb] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
    .header-left h1[b-voh5zh9vjb] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .header-actions[b-voh5zh9vjb] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
    .session-selector[b-voh5zh9vjb], .type-filter[b-voh5zh9vjb] { width: auto; min-width: 140px; }
    .loading-container[b-voh5zh9vjb] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-voh5zh9vjb] { text-align: center; padding: 3rem; color: var(--text-muted); }
    .empty-state i[b-voh5zh9vjb] { font-size: 3rem; margin-bottom: 1rem; }
    .schedules-grid[b-voh5zh9vjb] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1rem; }
    .schedule-card[b-voh5zh9vjb] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .schedule-header[b-voh5zh9vjb] { display: flex; justify-content: space-between; align-items: flex-start; padding: 1rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border); }
    .schedule-header h5[b-voh5zh9vjb] { margin: 0 0 0.5rem 0; font-size: 1rem; }
    .schedule-body[b-voh5zh9vjb] { padding: 1rem; }
    .date-range[b-voh5zh9vjb], .class-groups[b-voh5zh9vjb], .class-ids[b-voh5zh9vjb] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; font-size: 0.875rem; color: var(--text-muted); }
    .schedule-footer[b-voh5zh9vjb] { display: flex; gap: 0.5rem; padding: 1rem; border-top: 1px solid var(--border); }
    .modal-backdrop[b-voh5zh9vjb] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1040; }
    .modal[b-voh5zh9vjb] { z-index: 1050; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .exam-page[b-voh5zh9vjb] { padding: 1rem; }
    .page-header[b-voh5zh9vjb] { flex-direction: column; align-items: flex-start; }
    .header-left h1[b-voh5zh9vjb] { font-size: 1.25rem; }
    .header-actions[b-voh5zh9vjb] { width: 100%; }
    .session-selector[b-voh5zh9vjb], .type-filter[b-voh5zh9vjb] { flex: 1; min-width: 100px; }
    .schedules-grid[b-voh5zh9vjb] { grid-template-columns: 1fr; }
    .schedule-header[b-voh5zh9vjb] { flex-direction: column; gap: 0.5rem; }
    .schedule-footer[b-voh5zh9vjb] { flex-wrap: wrap; }
    .schedule-footer .btn[b-voh5zh9vjb] { flex: 1; min-width: calc(50% - 0.25rem); }
    .modal-dialog[b-voh5zh9vjb] { margin: 0.5rem; max-width: calc(100% - 1rem); }
}
@media (max-width: 480px) {
    .exam-page[b-voh5zh9vjb] { padding: 0.75rem; }
    .header-left h1[b-voh5zh9vjb] { font-size: 1.1rem; }
    .header-actions[b-voh5zh9vjb] { flex-direction: column; }
    .session-selector[b-voh5zh9vjb], .type-filter[b-voh5zh9vjb] { width: 100%; }
    .schedule-body[b-voh5zh9vjb] { padding: 0.75rem; }
    .date-range[b-voh5zh9vjb], .class-groups[b-voh5zh9vjb], .class-ids[b-voh5zh9vjb] { font-size: 0.8rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/Index.razor.rz.scp.css */
.timetable-page[b-5v0elt0b26] { padding: 1.5rem; }
.page-header[b-5v0elt0b26] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.header-left h1[b-5v0elt0b26] { margin: 0; font-size: 1.5rem; font-weight: 600; }
.header-actions[b-5v0elt0b26] { display: flex; gap: 0.5rem; align-items: center; }
.session-selector[b-5v0elt0b26], .status-filter[b-5v0elt0b26] { width: auto; min-width: 140px; }
.loading-container[b-5v0elt0b26] { display: flex; justify-content: center; padding: 3rem; }

/* Statistics Container */
.stats-container[b-5v0elt0b26] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
}

.stats-header[b-5v0elt0b26] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.stats-header h6[b-5v0elt0b26] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.stats-actions[b-5v0elt0b26] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Class Range Filter */
.class-range-filter[b-5v0elt0b26] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-label[b-5v0elt0b26] {
    font-size: 0.85rem;
    color: var(--text-muted);
    white-space: nowrap;
}

.class-range-filter .form-select[b-5v0elt0b26] {
    width: auto;
    min-width: 120px;
}

.range-separator[b-5v0elt0b26] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

/* View Toggle */
.view-toggle[b-5v0elt0b26] {
    display: flex;
    gap: 0.25rem;
}

.view-toggle .btn[b-5v0elt0b26] {
    padding: 0.35rem 0.6rem;
}

/* Progress Chart */
.progress-chart[b-5v0elt0b26] {
    margin-top: 0.5rem;
}

.progress-bar-container[b-5v0elt0b26] {
    display: flex;
    height: 24px;
    border-radius: 6px;
    overflow: hidden;
    background: var(--bg-tertiary);
    margin-bottom: 0.75rem;
}

.progress-segment[b-5v0elt0b26] {
    height: 100%;
    transition: width 0.3s ease;
    min-width: 0;
}

.progress-segment.published[b-5v0elt0b26] {
    background: linear-gradient(135deg, #10b981, #059669);
}

.progress-segment.draft[b-5v0elt0b26] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.progress-segment.not-prepared[b-5v0elt0b26] {
    background: linear-gradient(135deg, #6b7280, #4b5563);
}

.progress-legend[b-5v0elt0b26] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
}

.legend-item[b-5v0elt0b26] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
}

.legend-item.total[b-5v0elt0b26] {
    margin-left: auto;
    padding-left: 1rem;
    border-left: 1px solid var(--border);
}

.legend-color[b-5v0elt0b26] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.legend-color.published[b-5v0elt0b26] { background: #10b981; }
.legend-color.draft[b-5v0elt0b26] { background: #f59e0b; }
.legend-color.not-prepared[b-5v0elt0b26] { background: #6b7280; }

.legend-label[b-5v0elt0b26] {
    color: var(--text-muted);
}

.legend-value[b-5v0elt0b26] {
    color: var(--text-primary);
    font-weight: 500;
}

/* Table View */
.timetable-table-container[b-5v0elt0b26] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.timetable-table[b-5v0elt0b26] {
    margin: 0;
    font-size: 0.9rem;
}

.timetable-table thead[b-5v0elt0b26] {
    background: var(--bg-secondary);
}

.timetable-table th[b-5v0elt0b26] {
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--text-muted);
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.timetable-table td[b-5v0elt0b26] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--border);
}

.timetable-table tbody tr:hover[b-5v0elt0b26] {
    background: var(--bg-hover);
}

.timetable-table tbody tr:last-child td[b-5v0elt0b26] {
    border-bottom: none;
}

.col-class[b-5v0elt0b26] { min-width: 180px; }
.col-status[b-5v0elt0b26] { width: 100px; }
.col-version[b-5v0elt0b26] { width: 80px; text-align: center; }
.col-date[b-5v0elt0b26] { width: 140px; }
.col-actions[b-5v0elt0b26] { width: 180px; }

.class-name[b-5v0elt0b26] {
    font-weight: 500;
    color: var(--text-primary);
}

.action-buttons[b-5v0elt0b26] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: nowrap;
}

.action-buttons .btn[b-5v0elt0b26] {
    padding: 0.3rem 0.5rem;
}

/* Card View */
.timetable-grid[b-5v0elt0b26] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem; }
.timetable-card[b-5v0elt0b26] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.timetable-card .card-header[b-5v0elt0b26] { display: flex; justify-content: space-between; align-items: center; padding: 1rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border); }
.class-label[b-5v0elt0b26] { font-weight: 600; font-size: 1.1rem; }
.timetable-card .card-body[b-5v0elt0b26] { padding: 1rem; }
.info-row[b-5v0elt0b26] { display: flex; justify-content: space-between; margin-bottom: 0.5rem; font-size: 0.875rem; }
.info-row .label[b-5v0elt0b26] { color: var(--text-muted); }
.timetable-card .card-footer[b-5v0elt0b26] { display: flex; gap: 0.5rem; padding: 1rem; border-top: 1px solid var(--border); }

/* Not Prepared Card */
.not-prepared-card[b-5v0elt0b26] {
    border-style: dashed;
    border-color: var(--border);
}

.not-prepared-card .card-header[b-5v0elt0b26] {
    background: var(--bg-tertiary);
}

.not-prepared-message[b-5v0elt0b26] {
    text-align: center;
    padding: 1rem;
    color: var(--text-muted);
}

.not-prepared-message i[b-5v0elt0b26] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    display: block;
    opacity: 0.5;
}

.not-prepared-message p[b-5v0elt0b26] {
    margin: 0;
    font-size: 0.875rem;
}

/* Empty State */
.empty-state[b-5v0elt0b26] { text-align: center; padding: 3rem; color: var(--text-muted); }
.empty-state i[b-5v0elt0b26] { font-size: 3rem; margin-bottom: 1rem; }

/* Modals */
.modal-backdrop[b-5v0elt0b26] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1040; }
.modal[b-5v0elt0b26] { z-index: 1050; }

/* Mobile Responsive */
@media (max-width: 992px) {
    .stats-header[b-5v0elt0b26] {
        flex-direction: column;
        align-items: flex-start;
    }

    .stats-actions[b-5v0elt0b26] {
        width: 100%;
        justify-content: space-between;
    }

    .class-range-filter[b-5v0elt0b26] {
        flex-wrap: wrap;
    }

    .legend-item.total[b-5v0elt0b26] {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        width: 100%;
        margin-top: 0.5rem;
        padding-top: 0.5rem;
        border-top: 1px solid var(--border);
    }
}

@media (max-width: 768px) {
    .timetable-page[b-5v0elt0b26] {
        padding: 1rem;
    }
    .page-header[b-5v0elt0b26] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    .header-left h1[b-5v0elt0b26] {
        font-size: 1.25rem;
    }
    .header-actions[b-5v0elt0b26] {
        width: 100%;
        flex-wrap: wrap;
    }
    .session-selector[b-5v0elt0b26], .status-filter[b-5v0elt0b26] {
        flex: 1;
        min-width: 100px;
    }

    .class-range-filter .form-select[b-5v0elt0b26] {
        min-width: 100px;
    }

    .progress-legend[b-5v0elt0b26] {
        gap: 1rem;
    }

    .timetable-table th[b-5v0elt0b26],
    .timetable-table td[b-5v0elt0b26] {
        padding: 0.5rem 0.75rem;
    }

    .col-version[b-5v0elt0b26],
    .col-date:nth-of-type(2)[b-5v0elt0b26] {
        display: none;
    }

    .timetable-grid[b-5v0elt0b26] {
        grid-template-columns: 1fr;
    }
    .timetable-card .card-header[b-5v0elt0b26] {
        padding: 0.75rem;
    }
    .class-label[b-5v0elt0b26] {
        font-size: 1rem;
    }
    .timetable-card .card-body[b-5v0elt0b26] {
        padding: 0.75rem;
    }
    .timetable-card .card-footer[b-5v0elt0b26] {
        flex-wrap: wrap;
        padding: 0.75rem;
    }
    .timetable-card .card-footer .btn[b-5v0elt0b26] {
        flex: 1;
        min-width: calc(50% - 0.25rem);
    }
    .modal-dialog[b-5v0elt0b26] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
}

@media (max-width: 480px) {
    .timetable-page[b-5v0elt0b26] {
        padding: 0.75rem;
    }
    .header-left h1[b-5v0elt0b26] {
        font-size: 1.1rem;
    }
    .header-actions[b-5v0elt0b26] {
        flex-direction: column;
    }
    .session-selector[b-5v0elt0b26], .status-filter[b-5v0elt0b26] {
        width: 100%;
    }

    .stats-container[b-5v0elt0b26] {
        padding: 0.75rem;
    }

    .class-range-filter[b-5v0elt0b26] {
        width: 100%;
    }

    .class-range-filter .form-select[b-5v0elt0b26] {
        flex: 1;
        min-width: 80px;
    }

    .progress-bar-container[b-5v0elt0b26] {
        height: 20px;
    }

    .legend-item[b-5v0elt0b26] {
        font-size: 0.8rem;
    }

    .class-label[b-5v0elt0b26] {
        font-size: 0.95rem;
    }
    .info-row[b-5v0elt0b26] {
        font-size: 0.8rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/ModificationRequests.razor.rz.scp.css */
.requests-page[b-c22uo2ta0c] { padding: 1.5rem; }
    .page-header[b-c22uo2ta0c] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
    .header-left h1[b-c22uo2ta0c] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .header-actions[b-c22uo2ta0c] { display: flex; gap: 0.5rem; align-items: center; }
    .session-selector[b-c22uo2ta0c], .status-filter[b-c22uo2ta0c] { width: auto; min-width: 140px; }
    .loading-container[b-c22uo2ta0c] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-c22uo2ta0c] { text-align: center; padding: 3rem; color: var(--text-muted); }
    .empty-state i[b-c22uo2ta0c] { font-size: 3rem; margin-bottom: 1rem; }
    .requests-list[b-c22uo2ta0c] { display: flex; flex-direction: column; gap: 1rem; }
    .request-card[b-c22uo2ta0c] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .request-header[b-c22uo2ta0c] { display: flex; justify-content: space-between; align-items: center; padding: 1rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border); }
    .request-info[b-c22uo2ta0c] { display: flex; align-items: center; gap: 0.75rem; }
    .request-id[b-c22uo2ta0c] { color: var(--text-muted); font-size: 0.875rem; }
    .request-body[b-c22uo2ta0c] { padding: 1rem; }
    .reason[b-c22uo2ta0c] { margin: 0 0 0.75rem 0; }
    .meta[b-c22uo2ta0c] { display: flex; gap: 1.5rem; font-size: 0.875rem; color: var(--text-muted); }
    .meta span[b-c22uo2ta0c] { display: flex; align-items: center; gap: 0.5rem; }
    .request-actions[b-c22uo2ta0c] { display: flex; gap: 0.5rem; padding: 0 1rem 1rem; }
    .request-remarks[b-c22uo2ta0c] { padding: 0.75rem 1rem; background: var(--bg-secondary); border-top: 1px solid var(--border); }
    .modal-backdrop[b-c22uo2ta0c] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1040; }
    .modal[b-c22uo2ta0c] { z-index: 1050; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .requests-page[b-c22uo2ta0c] { padding: 1rem; }
    .page-header[b-c22uo2ta0c] { flex-direction: column; align-items: flex-start; }
    .header-left h1[b-c22uo2ta0c] { font-size: 1.25rem; }
    .header-actions[b-c22uo2ta0c] { width: 100%; }
    .session-selector[b-c22uo2ta0c], .status-filter[b-c22uo2ta0c] { flex: 1; min-width: 100px; }
    .request-header[b-c22uo2ta0c] { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
    .request-info[b-c22uo2ta0c] { flex-wrap: wrap; }
    .meta[b-c22uo2ta0c] { flex-direction: column; gap: 0.5rem; }
    .request-actions[b-c22uo2ta0c] { flex-wrap: wrap; }
    .request-actions .btn[b-c22uo2ta0c] { flex: 1; min-width: calc(50% - 0.25rem); }
    .modal-dialog[b-c22uo2ta0c] { margin: 0.5rem; max-width: calc(100% - 1rem); }
}
@media (max-width: 480px) {
    .requests-page[b-c22uo2ta0c] { padding: 0.75rem; }
    .header-left h1[b-c22uo2ta0c] { font-size: 1.1rem; }
    .header-actions[b-c22uo2ta0c] { flex-direction: column; }
    .session-selector[b-c22uo2ta0c], .status-filter[b-c22uo2ta0c] { width: 100%; }
    .request-body[b-c22uo2ta0c] { padding: 0.75rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/Periods.razor.rz.scp.css */
.periods-page[b-c3oxs8q7a4] { padding: 1.5rem; }
    .page-header[b-c3oxs8q7a4] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
    .header-left h1[b-c3oxs8q7a4] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .header-actions[b-c3oxs8q7a4] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
    .filters-row[b-c3oxs8q7a4] { background: var(--bs-light); padding: 1rem; border-radius: 0.5rem; }
    .loading-container[b-c3oxs8q7a4] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-c3oxs8q7a4] { text-align: center; padding: 3rem; color: var(--text-muted); }
    .empty-state i[b-c3oxs8q7a4] { font-size: 3rem; margin-bottom: 1rem; }
    .modal-backdrop[b-c3oxs8q7a4] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1040; }
    .modal[b-c3oxs8q7a4] { z-index: 1050; }
    .break-config[b-c3oxs8q7a4] { background: var(--bs-light); }
    .shift-timing-info[b-c3oxs8q7a4] { display: inline-block; }

    /* Help Banner */
    .help-banner[b-c3oxs8q7a4] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
        background: linear-gradient(135deg, #e7f5ff 0%, #d0ebff 100%);
        border: 1px solid #74c0fc;
        border-radius: 8px;
        margin-bottom: 1rem;
        border-left: 4px solid #228be6;
    }
    .help-icon[b-c3oxs8q7a4] { color: #228be6; font-size: 1.1rem; margin-top: 2px; }
    .help-content[b-c3oxs8q7a4] { font-size: 0.9rem; line-height: 1.5; color: #1864ab; }
    .help-content a[b-c3oxs8q7a4] { color: #1864ab; font-weight: 500; }
    .header-actions-row[b-c3oxs8q7a4] { display: flex; justify-content: flex-end; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .periods-page[b-c3oxs8q7a4] {
        padding: 1rem;
    }
    .page-header[b-c3oxs8q7a4] {
        flex-direction: column;
        align-items: flex-start;
    }
    .header-left h1[b-c3oxs8q7a4] {
        font-size: 1.25rem;
    }
    .header-actions[b-c3oxs8q7a4] {
        width: 100%;
    }
    .filters-row[b-c3oxs8q7a4] {
        padding: 0.75rem;
    }
    .help-banner[b-c3oxs8q7a4] {
        flex-direction: column;
        padding: 0.75rem;
    }
    .help-content[b-c3oxs8q7a4] {
        font-size: 0.85rem;
    }
    .modal-dialog[b-c3oxs8q7a4] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
}

@media (max-width: 480px) {
    .periods-page[b-c3oxs8q7a4] {
        padding: 0.75rem;
    }
    .header-left h1[b-c3oxs8q7a4] {
        font-size: 1.1rem;
    }
    .filters-row[b-c3oxs8q7a4] {
        padding: 0.5rem;
    }
    .help-banner[b-c3oxs8q7a4] {
        padding: 0.5rem;
    }
    .help-content[b-c3oxs8q7a4] {
        font-size: 0.8rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/Shifts.razor.rz.scp.css */
.shifts-page[b-hwnojsvx9q] { padding: 1.5rem; }
    .page-header[b-hwnojsvx9q] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
    .header-left h1[b-hwnojsvx9q] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .header-actions[b-hwnojsvx9q] { display: flex; gap: 0.5rem; align-items: center; }
    .session-selector[b-hwnojsvx9q] { width: auto; min-width: 160px; }
    .loading-container[b-hwnojsvx9q] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-hwnojsvx9q] { text-align: center; padding: 3rem; color: var(--text-muted); }
    .empty-state i[b-hwnojsvx9q] { font-size: 3rem; margin-bottom: 1rem; }
    .modal-backdrop[b-hwnojsvx9q] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1040; }
    .modal[b-hwnojsvx9q] { z-index: 1050; }
    .shift-color-badge[b-hwnojsvx9q] { display: inline-block; width: 24px; height: 24px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.1); }

    /* Help Banner */
    .help-banner[b-hwnojsvx9q] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
        background: linear-gradient(135deg, #e7f5ff 0%, #d0ebff 100%);
        border: 1px solid #74c0fc;
        border-radius: 8px;
        margin-bottom: 1rem;
        border-left: 4px solid #228be6;
    }
    .help-icon[b-hwnojsvx9q] {
        color: #228be6;
        font-size: 1.1rem;
        margin-top: 2px;
    }
    .help-content[b-hwnojsvx9q] {
        font-size: 0.9rem;
        line-height: 1.5;
        color: #1864ab;
    }
    .help-content a[b-hwnojsvx9q] {
        color: #1864ab;
        font-weight: 500;
    }
    .filters-row[b-hwnojsvx9q] {
        background: var(--bs-light, #f8f9fa);
        padding: 0.75rem 1rem;
        border-radius: 8px;
        margin-bottom: 1rem;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .shifts-page[b-hwnojsvx9q] {
        padding: 1rem;
    }
    .page-header[b-hwnojsvx9q] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    .header-left h1[b-hwnojsvx9q] {
        font-size: 1.25rem;
    }
    .header-actions[b-hwnojsvx9q] {
        width: 100%;
        flex-wrap: wrap;
    }
    .session-selector[b-hwnojsvx9q] {
        flex: 1;
        min-width: 120px;
    }
    .help-banner[b-hwnojsvx9q] {
        flex-direction: column;
        padding: 0.75rem;
    }
    .help-content[b-hwnojsvx9q] {
        font-size: 0.85rem;
    }
    .filters-row[b-hwnojsvx9q] {
        padding: 0.5rem 0.75rem;
    }
    .modal-dialog[b-hwnojsvx9q] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
}

@media (max-width: 480px) {
    .shifts-page[b-hwnojsvx9q] {
        padding: 0.75rem;
    }
    .header-left h1[b-hwnojsvx9q] {
        font-size: 1.1rem;
    }
    .help-banner[b-hwnojsvx9q] {
        padding: 0.5rem;
    }
    .help-content[b-hwnojsvx9q] {
        font-size: 0.8rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/ShiftTimings.razor.rz.scp.css */
.timings-page[b-uhrbjbscqx] { padding: 1.5rem; }
    .page-header[b-uhrbjbscqx] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
    .header-left h1[b-uhrbjbscqx] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .header-actions[b-uhrbjbscqx] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
    .session-selector[b-uhrbjbscqx] { width: auto; min-width: 160px; }
    .loading-container[b-uhrbjbscqx] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-uhrbjbscqx] { text-align: center; padding: 3rem; color: var(--text-muted); }
    .empty-state i[b-uhrbjbscqx] { font-size: 3rem; margin-bottom: 1rem; }
    .modal-backdrop[b-uhrbjbscqx] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1040; }
    .modal[b-uhrbjbscqx] { z-index: 1050; }

    /* Help Banner */
    .help-banner[b-uhrbjbscqx] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
        background: linear-gradient(135deg, #e7f5ff 0%, #d0ebff 100%);
        border: 1px solid #74c0fc;
        border-radius: 8px;
        margin-bottom: 1rem;
        border-left: 4px solid #228be6;
    }
    .help-icon[b-uhrbjbscqx] { color: #228be6; font-size: 1.1rem; margin-top: 2px; }
    .help-content[b-uhrbjbscqx] { font-size: 0.9rem; line-height: 1.5; color: #1864ab; }
    .help-content a[b-uhrbjbscqx] { color: #1864ab; font-weight: 500; }
    .filters-row[b-uhrbjbscqx] { background: var(--bs-light, #f8f9fa); padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .timings-page[b-uhrbjbscqx] { padding: 1rem; }
    .page-header[b-uhrbjbscqx] { flex-direction: column; align-items: flex-start; }
    .header-left h1[b-uhrbjbscqx] { font-size: 1.25rem; }
    .header-actions[b-uhrbjbscqx] { width: 100%; }
    .session-selector[b-uhrbjbscqx] { flex: 1; min-width: 120px; }
    .help-banner[b-uhrbjbscqx] { flex-direction: column; padding: 0.75rem; }
    .help-content[b-uhrbjbscqx] { font-size: 0.85rem; }
    .filters-row[b-uhrbjbscqx] { padding: 0.5rem 0.75rem; }
    .modal-dialog[b-uhrbjbscqx] { margin: 0.5rem; max-width: calc(100% - 1rem); }
}
@media (max-width: 480px) {
    .timings-page[b-uhrbjbscqx] { padding: 0.75rem; }
    .header-left h1[b-uhrbjbscqx] { font-size: 1.1rem; }
    .help-banner[b-uhrbjbscqx] { padding: 0.5rem; }
    .help-content[b-uhrbjbscqx] { font-size: 0.8rem; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/SubjectPeriodConfig.razor.rz.scp.css */
.subject-periods-page[b-v28ii4infz] { padding: 1.5rem; }

    /* Help Banner */
    .help-banner[b-v28ii4infz] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
        background: linear-gradient(135deg, #e7f5ff 0%, #d0ebff 100%);
        border: 1px solid #74c0fc;
        border-radius: 8px;
        margin-bottom: 1rem;
        border-left: 4px solid #228be6;
    }
    .help-icon[b-v28ii4infz] { color: #228be6; font-size: 1.1rem; margin-top: 2px; }
    .help-content[b-v28ii4infz] { font-size: 0.9rem; line-height: 1.5; color: #1864ab; }
    .help-content a[b-v28ii4infz] { color: #1864ab; font-weight: 500; }
    .page-header[b-v28ii4infz] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
    .header-left h1[b-v28ii4infz] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .filters-row[b-v28ii4infz] { background: var(--bs-light); padding: 1rem; border-radius: 0.5rem; }
    .loading-container[b-v28ii4infz] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-v28ii4infz] { text-align: center; padding: 3rem; color: var(--text-muted); }
    .empty-state i[b-v28ii4infz] { font-size: 3rem; margin-bottom: 1rem; }
    .info-panel[b-v28ii4infz] { border-left: 4px solid var(--bs-info); }
    input[type="number"].form-control-sm[b-v28ii4infz] { width: 80px; text-align: center; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .subject-periods-page[b-v28ii4infz] {
        padding: 1rem;
    }
    .page-header[b-v28ii4infz] {
        flex-direction: column;
        align-items: flex-start;
    }
    .header-left h1[b-v28ii4infz] {
        font-size: 1.25rem;
    }
    .filters-row[b-v28ii4infz] {
        padding: 0.75rem;
    }
    .help-banner[b-v28ii4infz] {
        flex-direction: column;
        padding: 0.75rem;
    }
    .help-content[b-v28ii4infz] {
        font-size: 0.85rem;
    }
    input[type="number"].form-control-sm[b-v28ii4infz] {
        width: 60px;
    }
}

@media (max-width: 480px) {
    .subject-periods-page[b-v28ii4infz] {
        padding: 0.75rem;
    }
    .header-left h1[b-v28ii4infz] {
        font-size: 1.1rem;
    }
    .filters-row[b-v28ii4infz] {
        padding: 0.5rem;
    }
    .help-banner[b-v28ii4infz] {
        padding: 0.5rem;
    }
    .help-content[b-v28ii4infz] {
        font-size: 0.8rem;
    }
    input[type="number"].form-control-sm[b-v28ii4infz] {
        width: 50px;
        padding: 0.25rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/Substitutions.razor.rz.scp.css */
.substitutions-page[b-8cqr2il5uh] { padding: 1.5rem; }
    .page-header[b-8cqr2il5uh] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
    .header-left h1[b-8cqr2il5uh] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .header-actions[b-8cqr2il5uh] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
    .session-selector[b-8cqr2il5uh], .status-filter[b-8cqr2il5uh] { width: auto; min-width: 140px; }
    .loading-container[b-8cqr2il5uh] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-8cqr2il5uh] { text-align: center; padding: 3rem; color: var(--text-muted); }
    .empty-state i[b-8cqr2il5uh] { font-size: 3rem; margin-bottom: 1rem; }
    .modal-backdrop[b-8cqr2il5uh] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1040; }
    .modal[b-8cqr2il5uh] { z-index: 1050; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .substitutions-page[b-8cqr2il5uh] { padding: 1rem; }
    .page-header[b-8cqr2il5uh] { flex-direction: column; align-items: flex-start; }
    .header-left h1[b-8cqr2il5uh] { font-size: 1.25rem; }
    .header-actions[b-8cqr2il5uh] { width: 100%; }
    .session-selector[b-8cqr2il5uh], .status-filter[b-8cqr2il5uh] { flex: 1; min-width: 100px; }
    .modal-dialog[b-8cqr2il5uh] { margin: 0.5rem; max-width: calc(100% - 1rem); }
}
@media (max-width: 480px) {
    .substitutions-page[b-8cqr2il5uh] { padding: 0.75rem; }
    .header-left h1[b-8cqr2il5uh] { font-size: 1.1rem; }
    .header-actions[b-8cqr2il5uh] { flex-direction: column; }
    .session-selector[b-8cqr2il5uh], .status-filter[b-8cqr2il5uh] { width: 100%; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/TimetableHub.razor.rz.scp.css */
.timetable-hub[b-xwltkgg4y5] { padding: 1.5rem; }

    .hub-header[b-xwltkgg4y5] { margin-bottom: 1.5rem; }
    .hub-header h1[b-xwltkgg4y5] { margin: 0 0 0.25rem 0; font-size: 1.75rem; font-weight: 600; }

    .hub-nav[b-xwltkgg4y5] { margin-bottom: 1.5rem; border-bottom: 1px solid var(--border); }
    .nav-tabs-wrapper[b-xwltkgg4y5] { display: flex; gap: 0.25rem; overflow-x: auto; padding-bottom: 0; }
    .nav-tab[b-xwltkgg4y5] {
        display: flex; align-items: center; gap: 0.5rem;
        padding: 0.75rem 1.25rem;
        background: transparent; border: none; border-bottom: 3px solid transparent;
        color: var(--text-muted); font-weight: 500; font-size: 0.9rem;
        cursor: pointer; white-space: nowrap; transition: all 0.2s;
    }
    .nav-tab:hover[b-xwltkgg4y5] { color: var(--text-primary); background: var(--bg-secondary); }
    .nav-tab.active[b-xwltkgg4y5] { color: var(--primary); border-bottom-color: var(--primary); }
    .nav-tab i[b-xwltkgg4y5] { font-size: 1rem; }

    .hub-content[b-xwltkgg4y5] { min-height: 400px; }

    .category-grid[b-xwltkgg4y5] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .category-card[b-xwltkgg4y5] {
        display: flex; align-items: center; gap: 1rem;
        padding: 1.25rem;
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        text-decoration: none; color: inherit;
        transition: all 0.2s;
    }
    .category-card:hover[b-xwltkgg4y5] {
        border-color: var(--primary);
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        transform: translateY(-2px);
    }
    .category-card.featured[b-xwltkgg4y5] { border-left: 4px solid var(--primary); }

    .card-icon[b-xwltkgg4y5] {
        width: 48px; height: 48px;
        display: flex; align-items: center; justify-content: center;
        background: var(--bg-secondary);
        border-radius: 10px;
        font-size: 1.25rem;
        color: var(--primary);
    }

    .card-content[b-xwltkgg4y5] { flex: 1; }
    .card-content h5[b-xwltkgg4y5] { margin: 0 0 0.25rem 0; font-size: 1rem; font-weight: 600; }
    .card-content p[b-xwltkgg4y5] { margin: 0; font-size: 0.8rem; color: var(--text-muted); }

    .category-card > i.fa-chevron-right[b-xwltkgg4y5] { color: var(--text-muted); font-size: 0.75rem; }

    .quick-stats[b-xwltkgg4y5] {
        display: flex; gap: 1rem; flex-wrap: wrap;
    }
    .stat-card[b-xwltkgg4y5] {
        display: flex; flex-direction: column;
        padding: 1rem 1.5rem;
        background: var(--bg-secondary);
        border-radius: 8px;
        min-width: 100px;
    }
    .stat-value[b-xwltkgg4y5] { font-size: 1.5rem; font-weight: 600; color: var(--primary); }
    .stat-label[b-xwltkgg4y5] { font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; }

    /* Workflow Guide Styles */
    .workflow-guide[b-xwltkgg4y5] {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        border: 1px solid #dee2e6;
        border-radius: 12px;
        padding: 1rem 1.5rem;
        border-left: 4px solid var(--primary);
    }
    .workflow-header[b-xwltkgg4y5] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-weight: 600;
        color: var(--primary);
        margin-bottom: 0.75rem;
    }
    .workflow-steps[b-xwltkgg4y5] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        flex-wrap: wrap;
    }
    .workflow-steps > i[b-xwltkgg4y5] {
        color: #adb5bd;
        font-size: 0.7rem;
    }
    .workflow-step[b-xwltkgg4y5] {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0.5rem 0.75rem;
        background: white;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        text-decoration: none;
        color: inherit;
        min-width: 90px;
        transition: all 0.2s;
    }
    .workflow-step:hover[b-xwltkgg4y5] {
        border-color: var(--primary);
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        transform: translateY(-2px);
    }
    .workflow-step.prerequisite[b-xwltkgg4y5] {
        background: #fff3cd;
        border-color: #ffc107;
    }
    .workflow-step.final[b-xwltkgg4y5] {
        background: #d4edda;
        border-color: #28a745;
    }
    .workflow-step .step-num[b-xwltkgg4y5] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        background: var(--primary);
        color: white;
        border-radius: 50%;
        font-size: 0.7rem;
        font-weight: 600;
        margin-bottom: 0.25rem;
    }
    .workflow-step.prerequisite .step-num[b-xwltkgg4y5] {
        background: #ffc107;
        color: #333;
    }
    .workflow-step.final .step-num[b-xwltkgg4y5] {
        background: #28a745;
    }
    .workflow-step .step-text[b-xwltkgg4y5] {
        font-weight: 500;
        font-size: 0.8rem;
    }
    .workflow-step small[b-xwltkgg4y5] {
        font-size: 0.65rem;
        color: var(--text-muted);
        text-align: center;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .timetable-hub[b-xwltkgg4y5] {
        padding: 1rem;
    }
    .hub-header h1[b-xwltkgg4y5] {
        font-size: 1.25rem;
    }
    .hub-nav[b-xwltkgg4y5] {
        margin-bottom: 1rem;
    }
    .nav-tabs-wrapper[b-xwltkgg4y5] {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .nav-tabs-wrapper[b-xwltkgg4y5]::-webkit-scrollbar {
        display: none;
    }
    .nav-tab[b-xwltkgg4y5] {
        padding: 0.5rem 0.75rem;
        font-size: 0.8rem;
    }
    .nav-tab i[b-xwltkgg4y5] {
        font-size: 0.9rem;
    }
    .category-grid[b-xwltkgg4y5] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    .category-card[b-xwltkgg4y5] {
        padding: 1rem;
    }
    .card-icon[b-xwltkgg4y5] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    .card-content h5[b-xwltkgg4y5] {
        font-size: 0.9rem;
    }
    .card-content p[b-xwltkgg4y5] {
        font-size: 0.75rem;
    }
    .quick-stats[b-xwltkgg4y5] {
        flex-direction: column;
        gap: 0.75rem;
    }
    .stat-card[b-xwltkgg4y5] {
        min-width: unset;
        width: 100%;
    }
    /* Workflow Guide Mobile */
    .workflow-guide[b-xwltkgg4y5] {
        padding: 0.75rem 1rem;
    }
    .workflow-header[b-xwltkgg4y5] {
        font-size: 0.85rem;
        flex-wrap: wrap;
    }
    .workflow-steps[b-xwltkgg4y5] {
        gap: 0.35rem;
    }
    .workflow-steps > i.fa-chevron-right[b-xwltkgg4y5] {
        display: none;
    }
    .workflow-step[b-xwltkgg4y5] {
        min-width: 70px;
        padding: 0.35rem 0.5rem;
    }
    .workflow-step .step-text[b-xwltkgg4y5] {
        font-size: 0.7rem;
    }
    .workflow-step small[b-xwltkgg4y5] {
        font-size: 0.55rem;
        display: none;
    }
}

@media (max-width: 480px) {
    .timetable-hub[b-xwltkgg4y5] {
        padding: 0.75rem;
    }
    .hub-header h1[b-xwltkgg4y5] {
        font-size: 1.1rem;
    }
    .nav-tab[b-xwltkgg4y5] {
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }
    .nav-tab span[b-xwltkgg4y5] {
        display: none;
    }
    .nav-tab i[b-xwltkgg4y5] {
        margin: 0;
    }
    .workflow-guide[b-xwltkgg4y5] {
        padding: 0.5rem 0.75rem;
    }
    .workflow-step[b-xwltkgg4y5] {
        min-width: 55px;
        padding: 0.25rem 0.35rem;
    }
    .workflow-step .step-num[b-xwltkgg4y5] {
        width: 16px;
        height: 16px;
        font-size: 0.6rem;
    }
    .workflow-step .step-text[b-xwltkgg4y5] {
        font-size: 0.6rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/TimetableNav.razor.rz.scp.css */
.timetable-nav[b-40kxqkynym] {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        border-bottom: 1px solid #dee2e6;
        padding: 0.5rem 1rem;
        margin: -1.5rem -1.5rem 1.5rem -1.5rem;
        position: sticky;
        top: 0;
        z-index: 100;
    }
    .nav-pills-container[b-40kxqkynym] {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        flex-wrap: wrap;
        overflow-x: auto;
    }
    .nav-pill[b-40kxqkynym] {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        padding: 0.4rem 0.75rem;
        border-radius: 6px;
        text-decoration: none;
        color: #495057;
        font-size: 0.8rem;
        font-weight: 500;
        transition: all 0.15s ease;
        white-space: nowrap;
    }
    .nav-pill:hover[b-40kxqkynym] {
        background: rgba(13, 110, 253, 0.1);
        color: #0d6efd;
    }
    .nav-pill.active[b-40kxqkynym] {
        background: #0d6efd;
        color: white;
    }
    .nav-pill i[b-40kxqkynym] {
        font-size: 0.75rem;
    }
    .nav-divider[b-40kxqkynym] {
        color: #adb5bd;
        margin: 0 0.25rem;
    }
    .nav-group-label[b-40kxqkynym] {
        color: #6c757d;
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
        margin-right: 0.25rem;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .timetable-nav[b-40kxqkynym] {
        margin: -1rem -1rem 1rem -1rem;
        padding: 0.5rem 0.75rem;
    }
    .nav-pills-container[b-40kxqkynym] {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .nav-pills-container[b-40kxqkynym]::-webkit-scrollbar {
        display: none;
    }
    .nav-pill[b-40kxqkynym] {
        padding: 0.35rem 0.5rem;
        font-size: 0.75rem;
    }
    .nav-pill i[b-40kxqkynym] {
        font-size: 0.7rem;
    }
    .nav-divider[b-40kxqkynym],
    .nav-group-label[b-40kxqkynym] {
        display: none;
    }
}

@media (max-width: 480px) {
    .timetable-nav[b-40kxqkynym] {
        margin: -0.75rem -0.75rem 0.75rem -0.75rem;
        padding: 0.35rem 0.5rem;
    }
    .nav-pill[b-40kxqkynym] {
        padding: 0.25rem 0.4rem;
        font-size: 0.7rem;
    }
    .nav-pill span[b-40kxqkynym] {
        display: none;
    }
    .nav-pill i[b-40kxqkynym] {
        margin: 0;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/WeekOverrides.razor.rz.scp.css */
.week-overrides-page[b-vqhsrk14xt] {
    padding: 1rem;
}

.page-header[b-vqhsrk14xt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-left h1[b-vqhsrk14xt] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.header-left .text-muted[b-vqhsrk14xt] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
}

.header-controls[b-vqhsrk14xt] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.session-selector[b-vqhsrk14xt],
.status-filter[b-vqhsrk14xt] {
    min-width: 160px;
}

/* Stats Row */
.stats-row[b-vqhsrk14xt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-vqhsrk14xt] {
    background: white;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    border: 1px solid #e9ecef;
}

.stat-card .stat-value[b-vqhsrk14xt] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #495057;
}

.stat-card .stat-label[b-vqhsrk14xt] {
    font-size: 0.75rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-card.pending .stat-value[b-vqhsrk14xt] {
    color: #f39c12;
}

.stat-card.active .stat-value[b-vqhsrk14xt] {
    color: #27ae60;
}

.stat-card.upcoming .stat-value[b-vqhsrk14xt] {
    color: #3498db;
}

/* Week Groups */
.week-group[b-vqhsrk14xt] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin-bottom: 1rem;
    overflow: hidden;
}

.week-group.current[b-vqhsrk14xt] {
    border-color: #27ae60;
    border-width: 2px;
}

.week-group.past[b-vqhsrk14xt] {
    opacity: 0.7;
}

.week-header[b-vqhsrk14xt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.week-group.current .week-header[b-vqhsrk14xt] {
    background: #e8f5e9;
}

.week-info h5[b-vqhsrk14xt] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.week-dates[b-vqhsrk14xt] {
    font-size: 0.8rem;
    color: #6c757d;
}

.week-actions[b-vqhsrk14xt] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.override-count[b-vqhsrk14xt] {
    font-size: 0.875rem;
    color: #6c757d;
}

/* Table */
.overrides-table-container[b-vqhsrk14xt] {
    overflow-x: auto;
}

.overrides-table[b-vqhsrk14xt] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.overrides-table th[b-vqhsrk14xt],
.overrides-table td[b-vqhsrk14xt] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e9ecef;
}

.overrides-table th[b-vqhsrk14xt] {
    background: #f8f9fa;
    font-weight: 600;
    color: #495057;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.overrides-table tbody tr:hover[b-vqhsrk14xt] {
    background: #f8f9fa;
}

.overrides-table tbody tr.cancelled[b-vqhsrk14xt] {
    opacity: 0.5;
    text-decoration: line-through;
}

.overrides-table tbody tr.expired[b-vqhsrk14xt] {
    opacity: 0.6;
}

.reason-cell[b-vqhsrk14xt] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.actions-cell[b-vqhsrk14xt] {
    white-space: nowrap;
}

.actions-cell .btn[b-vqhsrk14xt] {
    padding: 0.25rem 0.5rem;
    margin-right: 0.25rem;
}

/* Loading & Empty States */
.loading-container[b-vqhsrk14xt] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.empty-state[b-vqhsrk14xt] {
    text-align: center;
    padding: 3rem;
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.empty-state i[b-vqhsrk14xt] {
    font-size: 3rem;
    color: #dee2e6;
    margin-bottom: 1rem;
}

.empty-state h5[b-vqhsrk14xt] {
    margin: 0 0 0.5rem;
    color: #495057;
}

.empty-state p[b-vqhsrk14xt] {
    margin: 0;
    color: #6c757d;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-vqhsrk14xt] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-controls[b-vqhsrk14xt] {
        flex-direction: column;
    }

    .session-selector[b-vqhsrk14xt],
    .status-filter[b-vqhsrk14xt] {
        width: 100%;
    }

    .stats-row[b-vqhsrk14xt] {
        grid-template-columns: repeat(2, 1fr);
    }

    .week-header[b-vqhsrk14xt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .overrides-table[b-vqhsrk14xt] {
        font-size: 0.8rem;
    }

    .overrides-table th[b-vqhsrk14xt],
    .overrides-table td[b-vqhsrk14xt] {
        padding: 0.5rem;
    }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/WeekView.razor.rz.scp.css */
/* Week View - Clean Redesign - Program Head */
.week-view-page[b-uwob1q5w97] {
    padding: 1rem 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Compact Header Bar */
.header-bar[b-uwob1q5w97] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: white;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.header-title[b-uwob1q5w97] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-title h1[b-uwob1q5w97] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    color: #1e293b;
}

/* Class/Section Selectors */
.selectors[b-uwob1q5w97] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.selectors select[b-uwob1q5w97] {
    padding: 0.4rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #475569;
    background: white;
    min-width: 120px;
}

.selectors select:focus[b-uwob1q5w97] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

.shift-badge[b-uwob1q5w97] {
    padding: 0.25rem 0.6rem;
    background: #f1f5f9;
    color: #64748b;
    border-radius: 6px;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

/* Week Navigation - Compact */
.week-nav[b-uwob1q5w97] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.week-nav .btn-nav[b-uwob1q5w97] {
    padding: 0.4rem 0.75rem;
    border: 1px solid #e2e8f0;
    background: white;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s;
}

.week-nav .btn-nav:hover[b-uwob1q5w97] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.week-nav .btn-nav:disabled[b-uwob1q5w97] {
    opacity: 0.5;
    cursor: not-allowed;
}

.week-nav .week-display[b-uwob1q5w97] {
    text-align: center;
    min-width: 160px;
    padding: 0 0.5rem;
}

.week-nav .week-label[b-uwob1q5w97] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #1e293b;
}

.week-nav .week-dates[b-uwob1q5w97] {
    font-size: 0.75rem;
    color: #64748b;
}

.week-nav .current-badge[b-uwob1q5w97] {
    display: inline-block;
    padding: 0.15rem 0.4rem;
    background: #dcfce7;
    color: #16a34a;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.week-nav .date-jump[b-uwob1q5w97] {
    width: 130px;
    padding: 0.35rem 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.8rem;
}

/* Action Bar */
.action-bar[b-uwob1q5w97] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 1rem;
    background: #eff6ff;
    border: 1px solid #93c5fd;
    border-radius: 8px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.action-bar-left[b-uwob1q5w97] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #1e40af;
}

.action-bar-left i[b-uwob1q5w97] {
    font-size: 1rem;
}

.btn-add-override[b-uwob1q5w97] {
    padding: 0.4rem 0.8rem;
    background: #3b82f6;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.btn-add-override:hover[b-uwob1q5w97] {
    background: #2563eb;
}

/* Main Timetable Grid */
.timetable-card[b-uwob1q5w97] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    overflow: hidden;
}

.timetable-wrapper[b-uwob1q5w97] {
    overflow-x: auto;
}

.timetable[b-uwob1q5w97] {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

.timetable th[b-uwob1q5w97],
.timetable td[b-uwob1q5w97] {
    border: 1px solid #e5e7eb;
    padding: 0;
}

/* Table Header */
.timetable thead th[b-uwob1q5w97] {
    background: #f8fafc;
    padding: 0.6rem 0.5rem;
    font-weight: 600;
    font-size: 0.8rem;
    color: #475569;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 10;
}

.timetable thead th.period-col[b-uwob1q5w97] {
    width: 80px;
    background: #f1f5f9;
}

.timetable thead th.today[b-uwob1q5w97] {
    background: linear-gradient(180deg, #dcfce7 0%, #f0fdf4 100%);
}

.timetable thead th.holiday-day[b-uwob1q5w97] {
    background: linear-gradient(180deg, #fef2f2 0%, #fff5f5 100%);
}

.day-header[b-uwob1q5w97] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
}

.day-header .day-name[b-uwob1q5w97] {
    font-weight: 600;
    color: #1e293b;
}

.day-header .day-date[b-uwob1q5w97] {
    font-size: 0.7rem;
    color: #64748b;
    font-weight: 400;
}

.day-header .day-indicator[b-uwob1q5w97] {
    display: flex;
    gap: 0.25rem;
    margin-top: 0.2rem;
}

.day-header .indicator-dot[b-uwob1q5w97] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.day-header .indicator-dot.event[b-uwob1q5w97] { background: #f59e0b; }
.day-header .indicator-dot.modified[b-uwob1q5w97] { background: #3b82f6; }

/* Period Column */
.period-cell[b-uwob1q5w97] {
    background: #f8fafc;
    padding: 0.5rem 0.4rem;
    text-align: center;
    min-width: 70px;
}

.period-cell .period-name[b-uwob1q5w97] {
    font-weight: 600;
    font-size: 0.8rem;
    color: #1e293b;
}

.period-cell .period-time[b-uwob1q5w97] {
    font-size: 0.65rem;
    color: #94a3b8;
}

/* Slot Cells */
.slot-cell[b-uwob1q5w97] {
    height: 60px;
    min-width: 100px;
    cursor: pointer;
    transition: background 0.15s;
    vertical-align: middle;
}

.slot-cell:hover[b-uwob1q5w97] {
    background: #f8fafc;
}

.slot-cell.today-col[b-uwob1q5w97] {
    background: rgba(34, 197, 94, 0.04);
}

.slot-cell.holiday-col[b-uwob1q5w97] {
    background: rgba(239, 68, 68, 0.04);
}

/* Slot Content */
.slot[b-uwob1q5w97] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0.3rem;
    position: relative;
}

.slot.regular[b-uwob1q5w97] { background: transparent; }
.slot.modified[b-uwob1q5w97] {
    background: rgba(59, 130, 246, 0.08);
    border-left: 3px solid #3b82f6;
}
.slot.event[b-uwob1q5w97] {
    background: rgba(245, 158, 11, 0.1);
    border-left: 3px solid #f59e0b;
}
.slot.cancelled[b-uwob1q5w97] {
    background: rgba(239, 68, 68, 0.06);
    border-left: 3px solid #ef4444;
}
.slot.holiday[b-uwob1q5w97] { background: rgba(107, 114, 128, 0.08); }
.slot.free[b-uwob1q5w97] { background: #fafafa; }
.slot.empty[b-uwob1q5w97] { background: transparent; }
.slot.empty:hover[b-uwob1q5w97] { background: rgba(34, 197, 94, 0.08); }

.slot .subject[b-uwob1q5w97] {
    font-weight: 600;
    font-size: 0.8rem;
    color: #1e293b;
    text-align: center;
    line-height: 1.2;
}

.slot .teacher[b-uwob1q5w97] {
    font-size: 0.7rem;
    color: #64748b;
    text-align: center;
}

.slot .venue[b-uwob1q5w97] {
    font-size: 0.65rem;
    color: #94a3b8;
}

.slot .slot-icon[b-uwob1q5w97] {
    position: absolute;
    top: 2px;
    right: 3px;
    font-size: 0.6rem;
}

.slot .slot-icon.modified[b-uwob1q5w97] { color: #3b82f6; }
.slot .slot-icon.event[b-uwob1q5w97] { color: #f59e0b; }
.slot .slot-icon.cancelled[b-uwob1q5w97] { color: #ef4444; }

.slot.holiday .holiday-label[b-uwob1q5w97] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #6b7280;
    font-size: 0.75rem;
}

.slot.holiday .holiday-label i[b-uwob1q5w97] {
    font-size: 1rem;
    margin-bottom: 0.2rem;
}

.slot.free .free-label[b-uwob1q5w97] { color: #9ca3af; font-size: 0.75rem; }
.slot.empty .add-hint[b-uwob1q5w97] { color: #d1d5db; font-size: 1rem; transition: color 0.15s; }
.slot.empty:hover .add-hint[b-uwob1q5w97] { color: #22c55e; }
.slot.cancelled .subject[b-uwob1q5w97] { text-decoration: line-through; color: #9ca3af; }

/* Footer Bar */
.footer-bar[b-uwob1q5w97] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 1rem;
    background: #f8fafc;
    border-top: 1px solid #e5e7eb;
    font-size: 0.8rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.legend[b-uwob1q5w97] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.legend-item[b-uwob1q5w97] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #64748b;
}

.legend-dot[b-uwob1q5w97] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

.legend-dot.regular[b-uwob1q5w97] { background: #e5e7eb; }
.legend-dot.modified[b-uwob1q5w97] { background: #3b82f6; }
.legend-dot.event[b-uwob1q5w97] { background: #f59e0b; }
.legend-dot.cancelled[b-uwob1q5w97] { background: #ef4444; }
.legend-dot.holiday[b-uwob1q5w97] { background: #6b7280; }

.stats-summary[b-uwob1q5w97] {
    display: flex;
    gap: 1rem;
    color: #64748b;
}

.stats-summary span[b-uwob1q5w97] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.stats-summary .stat-value[b-uwob1q5w97] {
    font-weight: 600;
    color: #1e293b;
}

.footer-actions[b-uwob1q5w97] {
    display: flex;
    gap: 0.5rem;
}

.footer-actions .btn-link[b-uwob1q5w97] {
    padding: 0.35rem 0.7rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #475569;
    text-decoration: none;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.footer-actions .btn-link:hover[b-uwob1q5w97] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

/* Loading & Empty States */
.loading-state[b-uwob1q5w97] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    background: white;
    border-radius: 10px;
}

.empty-state[b-uwob1q5w97] {
    text-align: center;
    padding: 3rem 2rem;
    background: white;
    border-radius: 10px;
}

.empty-state i[b-uwob1q5w97] {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h5[b-uwob1q5w97] { color: #374151; margin-bottom: 0.5rem; }
.empty-state p[b-uwob1q5w97] { color: #6b7280; font-size: 0.9rem; }

/* Modal Styles */
.modal-backdrop[b-uwob1q5w97] {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: rgba(0,0,0,0.4);
    z-index: 1040;
}

.modal[b-uwob1q5w97] {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 1050;
    overflow-y: auto;
}

.modal-dialog[b-uwob1q5w97] { margin: 2rem auto; max-width: 500px; }
.modal-dialog.modal-lg[b-uwob1q5w97] { max-width: 700px; }

.modal-content[b-uwob1q5w97] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.modal-header[b-uwob1q5w97] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-title[b-uwob1q5w97] { font-size: 1.1rem; font-weight: 600; margin: 0; }
.modal-body[b-uwob1q5w97] { padding: 1.25rem; }
.modal-footer[b-uwob1q5w97] {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.btn-close[b-uwob1q5w97] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    padding: 0.25rem;
}

.btn-close:hover[b-uwob1q5w97] { color: #374151; }

/* Responsive */
@media (max-width: 768px) {
    .week-view-page[b-uwob1q5w97] { padding: 0.75rem; }
    .header-bar[b-uwob1q5w97] { flex-direction: column; align-items: stretch; }
    .selectors[b-uwob1q5w97] { flex-wrap: wrap; }
    .week-nav[b-uwob1q5w97] { justify-content: center; flex-wrap: wrap; }
    .footer-bar[b-uwob1q5w97] { flex-direction: column; align-items: stretch; gap: 0.5rem; }
    .legend[b-uwob1q5w97], .stats-summary[b-uwob1q5w97], .footer-actions[b-uwob1q5w97] { justify-content: center; }
}
/* /Areas/Academic/Pages/ProgramHeadAcademics/Timetable/WorkingWeek.razor.rz.scp.css */
.working-week-page[b-02tuw40r1f] {
    padding: 1rem;
}

.presets-card[b-02tuw40r1f] {
    background: var(--card-bg);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.presets-card h6[b-02tuw40r1f] {
    margin-bottom: 0.75rem;
    color: var(--text-muted);
}

.preset-buttons[b-02tuw40r1f] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.days-grid[b-02tuw40r1f] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
}

.day-card[b-02tuw40r1f] {
    background: var(--card-bg);
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
    border-left: 4px solid var(--border);
}

.day-card.working[b-02tuw40r1f] {
    border-left-color: var(--success-text, #28a745);
}

.day-card.off[b-02tuw40r1f] {
    border-left-color: var(--text-muted);
    background: var(--bg-secondary);
}

.day-header[b-02tuw40r1f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.day-number[b-02tuw40r1f] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--bg-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--text-muted);
}

.day-card.working .day-number[b-02tuw40r1f] {
    background: var(--success-text, #28a745);
    color: var(--btn-primary-text, #ffffff);
}

.day-header h5[b-02tuw40r1f] {
    margin: 0;
    font-size: 1.1rem;
}

.day-body[b-02tuw40r1f] {
    margin-bottom: 0.5rem;
}

.day-icon[b-02tuw40r1f] {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    font-size: 1.5rem;
    opacity: 0.5;
}

.form-switch .form-check-input[b-02tuw40r1f] {
    width: 3em;
    height: 1.5em;
}

.summary-card[b-02tuw40r1f] {
    background: var(--card-bg);
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.summary-stat[b-02tuw40r1f] {
    text-align: center;
    padding: 0.5rem 1.5rem;
    border-right: 1px solid var(--border);
}

.summary-stat:last-of-type[b-02tuw40r1f] {
    border-right: none;
}

.stat-value[b-02tuw40r1f] {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
}

.stat-label[b-02tuw40r1f] {
    font-size: 0.875rem;
    color: var(--text-muted);
}

.summary-info[b-02tuw40r1f] {
    flex: 1;
    padding-left: 1rem;
    color: var(--text-muted);
}

.action-buttons[b-02tuw40r1f] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}

.help-banner[b-02tuw40r1f] {
    background: var(--info-bg);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.help-icon[b-02tuw40r1f] {
    font-size: 1.5rem;
    color: var(--info-text, #1976d2);
}

.help-content[b-02tuw40r1f] {
    flex: 1;
}

.page-header[b-02tuw40r1f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.session-selector[b-02tuw40r1f] {
    width: auto;
    min-width: 180px;
}

.shift-selector[b-02tuw40r1f] {
    width: auto;
    min-width: 180px;
}

.loading-container[b-02tuw40r1f] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .working-week-page[b-02tuw40r1f] {
        padding: 0.75rem;
    }
    .page-header[b-02tuw40r1f] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    .help-banner[b-02tuw40r1f] {
        flex-direction: column;
        padding: 0.75rem 1rem;
        gap: 0.5rem;
    }
    .help-icon[b-02tuw40r1f] {
        font-size: 1.25rem;
    }
    .presets-card[b-02tuw40r1f] {
        padding: 0.75rem 1rem;
    }
    .preset-buttons[b-02tuw40r1f] {
        gap: 0.35rem;
    }
    .preset-buttons .btn[b-02tuw40r1f] {
        padding: 0.35rem 0.75rem;
        font-size: 0.8rem;
    }
    .days-grid[b-02tuw40r1f] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }
    .day-card[b-02tuw40r1f] {
        padding: 1rem;
    }
    .day-header h5[b-02tuw40r1f] {
        font-size: 1rem;
    }
    .summary-card[b-02tuw40r1f] {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }
    .summary-stat[b-02tuw40r1f] {
        padding: 0.5rem;
        border-right: none;
        border-bottom: 1px solid var(--border);
    }
    .stat-value[b-02tuw40r1f] {
        font-size: 1.5rem;
    }
    .action-buttons[b-02tuw40r1f] {
        width: 100%;
        justify-content: stretch;
    }
    .action-buttons .btn[b-02tuw40r1f] {
        flex: 1;
    }
    .session-selector[b-02tuw40r1f], .shift-selector[b-02tuw40r1f] {
        min-width: 140px;
    }
}

@media (max-width: 480px) {
    .working-week-page[b-02tuw40r1f] {
        padding: 0.5rem;
    }
    .days-grid[b-02tuw40r1f] {
        grid-template-columns: 1fr;
    }
    .day-card[b-02tuw40r1f] {
        padding: 0.75rem;
    }
    .day-header h5[b-02tuw40r1f] {
        font-size: 0.95rem;
    }
    .day-number[b-02tuw40r1f] {
        width: 24px;
        height: 24px;
        font-size: 0.75rem;
    }
    .preset-buttons .btn[b-02tuw40r1f] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }
    .stat-value[b-02tuw40r1f] {
        font-size: 1.25rem;
    }
}
/* /Areas/Academic/Pages/SubjectTeacher/Index.razor.rz.scp.css */
.dashboard-container[b-mbwmfbegua] {
    padding: 1.5rem;
}

.page-header[b-mbwmfbegua] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-mbwmfbegua] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.page-header .text-muted[b-mbwmfbegua] {
    font-size: 0.9rem;
}

.current-context[b-mbwmfbegua] {
    margin-bottom: 1.5rem;
}

.context-badge[b-mbwmfbegua] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(var(--rd-primary-rgb), 0.1);
    border: 1px solid rgba(var(--rd-primary-rgb), 0.2);
    border-radius: 8px;
    color: var(--rd-primary);
    font-size: 0.9rem;
}

.context-badge i[b-mbwmfbegua] {
    font-size: 1rem;
}

.dashboard-cards[b-mbwmfbegua] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-mbwmfbegua] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--rd-bg-primary);
    border: 1px solid var(--rd-border-color);
    border-radius: 12px;
    transition: all 0.2s ease;
}

.stat-card:hover[b-mbwmfbegua] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.stat-icon[b-mbwmfbegua] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    font-size: 1.5rem;
    color: var(--btn-primary-text, #ffffff);
    flex-shrink: 0;
}

.stat-icon.bg-primary[b-mbwmfbegua] {
    background: linear-gradient(135deg, var(--brand-indigo, #4f46e5), var(--brand-purple, #6366f1));
}

.stat-icon.bg-success[b-mbwmfbegua] {
    background: linear-gradient(135deg, var(--success-text, #10b981), #34d399);
}

.stat-icon.bg-warning[b-mbwmfbegua] {
    background: linear-gradient(135deg, var(--warning-text, #f59e0b), #fbbf24);
}

.stat-icon.bg-info[b-mbwmfbegua] {
    background: linear-gradient(135deg, #06b6d4, #22d3ee);
}

.stat-content h3[b-mbwmfbegua] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--rd-text-muted);
    margin: 0 0 0.25rem 0;
}

.stat-content .stat-value[b-mbwmfbegua] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--rd-text-primary);
    margin: 0;
    line-height: 1.2;
}

.stat-content .stat-label[b-mbwmfbegua] {
    font-size: 0.75rem;
    color: var(--rd-text-muted);
}

.my-classes-section h4[b-mbwmfbegua] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--rd-text-primary);
}

.class-cards[b-mbwmfbegua] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

.class-card[b-mbwmfbegua] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: var(--rd-bg-primary);
    border: 1px solid var(--rd-border-color);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.class-card:hover[b-mbwmfbegua] {
    background: var(--rd-bg-hover);
    border-color: var(--rd-primary);
}

.class-card.active[b-mbwmfbegua] {
    background: rgba(var(--rd-primary-rgb), 0.08);
    border-color: var(--rd-primary);
    box-shadow: 0 0 0 2px rgba(var(--rd-primary-rgb), 0.1);
}

.class-info[b-mbwmfbegua] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.class-name[b-mbwmfbegua] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--rd-text-primary);
}

.class-card.active .class-name[b-mbwmfbegua] {
    color: var(--rd-primary);
}

.subject-name[b-mbwmfbegua] {
    font-size: 0.8rem;
    color: var(--rd-text-muted);
}

.class-card.active .subject-name[b-mbwmfbegua] {
    color: var(--rd-primary);
    opacity: 0.8;
}

.quick-actions h4[b-mbwmfbegua] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--rd-text-primary);
}

.action-buttons[b-mbwmfbegua] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.action-buttons .btn[b-mbwmfbegua] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.action-buttons .btn:hover:not(.disabled)[b-mbwmfbegua] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.action-buttons .btn.disabled[b-mbwmfbegua] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.action-buttons .btn i[b-mbwmfbegua] {
    font-size: 1rem;
}

/* Alert styling */
.alert-info[b-mbwmfbegua] {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    background: rgba(var(--rd-info-rgb, 6, 182, 212), 0.1);
    border: 1px solid rgba(var(--rd-info-rgb, 6, 182, 212), 0.2);
    border-radius: 8px;
    color: var(--rd-text-primary);
    font-size: 0.9rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dashboard-container[b-mbwmfbegua] {
        padding: 1rem;
    }

    .dashboard-cards[b-mbwmfbegua] {
        grid-template-columns: 1fr;
    }

    .class-cards[b-mbwmfbegua] {
        grid-template-columns: 1fr;
    }

    .action-buttons[b-mbwmfbegua] {
        flex-direction: column;
    }

    .action-buttons .btn[b-mbwmfbegua] {
        width: 100%;
        justify-content: center;
    }
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/Analytics/TeacherAnalytics.razor.rz.scp.css */
.page-container[b-29ds8011d4] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-29ds8011d4] {
    margin-bottom: 1.5rem;
}

.header-left[b-29ds8011d4] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-link[b-29ds8011d4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--card-bg, #fff);
    color: var(--text-secondary, #6b7280);
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid var(--border-color, #e5e7eb);
}

.back-link:hover[b-29ds8011d4] {
    background: var(--primary-color, #4f46e5);
    color: white;
    border-color: var(--primary-color, #4f46e5);
}

.page-header h1[b-29ds8011d4] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
    margin: 0;
}

.subtitle[b-29ds8011d4] {
    color: var(--text-secondary, #6b7280);
    font-size: 0.875rem;
    margin: 0.25rem 0 0;
}

.loading-state[b-29ds8011d4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: var(--text-secondary, #6b7280);
}

.loading-state i[b-29ds8011d4] {
    margin-bottom: 1rem;
    color: var(--primary-color, #4f46e5);
}

/* Summary Cards */
.summary-grid[b-29ds8011d4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-29ds8011d4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--card-bg, #fff);
    border-radius: 14px;
    border: 1px solid var(--border-color, #e5e7eb);
    transition: all 0.2s ease;
}

.summary-card:hover[b-29ds8011d4] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.card-icon[b-29ds8011d4] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.summary-card.primary .card-icon[b-29ds8011d4] {
    background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
    color: white;
}

.summary-card.success .card-icon[b-29ds8011d4] {
    background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    color: white;
}

.summary-card.warning .card-icon[b-29ds8011d4] {
    background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
    color: white;
}

.summary-card.info .card-icon[b-29ds8011d4] {
    background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
    color: white;
}

.card-content[b-29ds8011d4] {
    display: flex;
    flex-direction: column;
}

.card-value[b-29ds8011d4] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
}

.card-label[b-29ds8011d4] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #6b7280);
}

/* Analytics Row */
.analytics-row[b-29ds8011d4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.analytics-card[b-29ds8011d4] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 16px;
    padding: 1.5rem;
}

.analytics-card.full-width[b-29ds8011d4] {
    grid-column: 1 / -1;
}

.analytics-card h4[b-29ds8011d4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
    margin: 0 0 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.analytics-card h4 i[b-29ds8011d4] {
    color: var(--primary-color, #4f46e5);
}

/* Progress Ring */
.progress-ring-container[b-29ds8011d4] {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: center;
}

.progress-ring[b-29ds8011d4] {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: conic-gradient(
        #10b981 calc(var(--progress) * 1%),
        var(--border-color, #e5e7eb) calc(var(--progress) * 1%)
    );
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.progress-ring[b-29ds8011d4]::before {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: var(--card-bg, #fff);
}

.progress-value[b-29ds8011d4] {
    position: relative;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
}

.progress-legend[b-29ds8011d4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.legend-item[b-29ds8011d4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-secondary, #6b7280);
}

.legend-dot[b-29ds8011d4] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.legend-dot.completed[b-29ds8011d4] {
    background: #10b981;
}

.legend-dot.in-progress[b-29ds8011d4] {
    background: #f59e0b;
}

.legend-dot.not-started[b-29ds8011d4] {
    background: var(--border-color, #d1d5db);
}

/* Approval Stats */
.approval-stats[b-29ds8011d4] {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 1rem;
}

.approval-item[b-29ds8011d4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.approval-count[b-29ds8011d4] {
    font-size: 2rem;
    font-weight: 700;
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.approval-count.draft[b-29ds8011d4] {
    background: #f3f4f6;
    color: #6b7280;
}

.approval-count.pending-ac[b-29ds8011d4] {
    background: #fef3c7;
    color: #d97706;
}

.approval-count.pending-pri[b-29ds8011d4] {
    background: #dbeafe;
    color: #2563eb;
}

.approval-count.approved[b-29ds8011d4] {
    background: #d1fae5;
    color: #059669;
}

.approval-count.rejected[b-29ds8011d4] {
    background: #fee2e2;
    color: #dc2626;
}

.approval-label[b-29ds8011d4] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

/* Stat Grid */
.stat-grid[b-29ds8011d4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 1rem;
}

.stat-grid.compact[b-29ds8011d4] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color, #e5e7eb);
}

.stat-item[b-29ds8011d4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.stat-value[b-29ds8011d4] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
}

.stat-label[b-29ds8011d4] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
    margin-top: 0.25rem;
}

/* Utilization Bar */
.utilization-container[b-29ds8011d4] {
    margin-bottom: 1rem;
}

.utilization-bar[b-29ds8011d4] {
    height: 12px;
    background: var(--surface-bg, #f3f4f6);
    border-radius: 6px;
    overflow: hidden;
}

.utilization-fill[b-29ds8011d4] {
    height: 100%;
    background: linear-gradient(90deg, #10b981, #34d399);
    border-radius: 6px;
    transition: width 0.3s ease;
}

.utilization-stats[b-29ds8011d4] {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-secondary, #6b7280);
}

.utilization-percent[b-29ds8011d4] {
    font-weight: 600;
    color: #10b981;
}

/* Class Progress Table */
.class-progress-table[b-29ds8011d4] {
    overflow-x: auto;
}

.class-progress-table table[b-29ds8011d4] {
    width: 100%;
    border-collapse: collapse;
}

.class-progress-table th[b-29ds8011d4],
.class-progress-table td[b-29ds8011d4] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.class-progress-table th[b-29ds8011d4] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text-secondary, #6b7280);
    background: var(--surface-bg, #f9fafb);
}

.class-progress-table td[b-29ds8011d4] {
    font-size: 0.9375rem;
    color: var(--text-primary, #111827);
}

.class-progress-table td.center[b-29ds8011d4] {
    text-align: center;
}

.class-progress-table tbody tr:hover[b-29ds8011d4] {
    background: var(--surface-bg, #f9fafb);
}

/* Mini Progress Bar */
.mini-progress[b-29ds8011d4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 120px;
}

.mini-progress-fill[b-29ds8011d4] {
    flex: 1;
    height: 8px;
    background: linear-gradient(90deg, #10b981, #34d399);
    border-radius: 4px;
}

.mini-progress span[b-29ds8011d4] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-secondary, #6b7280);
    min-width: 40px;
}

/* Empty Message */
.empty-message[b-29ds8011d4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 2rem;
    color: var(--text-secondary, #6b7280);
    justify-content: center;
}

/* Dark mode */
:root.dark .summary-card[b-29ds8011d4],
:root.dark .analytics-card[b-29ds8011d4] {
    background: var(--card-bg, #1f2937);
    border-color: var(--border-color, #374151);
}

:root.dark .progress-ring[b-29ds8011d4]::before {
    background: var(--card-bg, #1f2937);
}

:root.dark .class-progress-table th[b-29ds8011d4] {
    background: var(--surface-bg, #374151);
}

:root.dark .approval-count.draft[b-29ds8011d4] {
    background: #374151;
    color: #9ca3af;
}

@media (max-width: 768px) {
    .analytics-row[b-29ds8011d4] {
        grid-template-columns: 1fr;
    }

    .progress-ring-container[b-29ds8011d4] {
        flex-direction: column;
    }
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/ChapterCompletion.razor.rz.scp.css */
.page-container[b-87ozotdxha] { padding: 1.5rem; max-width: 1200px; margin: 0 auto; }

.page-header[b-87ozotdxha] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
.header-left[b-87ozotdxha] { display: flex; align-items: center; gap: 1rem; }
.back-link[b-87ozotdxha] { width: 36px; height: 36px; border-radius: 8px; background: var(--bg-secondary); display: flex; align-items: center; justify-content: center; color: var(--text-secondary); text-decoration: none; }
.back-link:hover[b-87ozotdxha] { background: var(--border-color); }
.page-header h1[b-87ozotdxha] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.subtitle[b-87ozotdxha] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }
.context-badge[b-87ozotdxha] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 8px; font-size: 0.875rem; }

.alert[b-87ozotdxha] { padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.alert-info[b-87ozotdxha] { background: #eff6ff; color: #1e40af; border: 1px solid #93c5fd; }

.loading-state[b-87ozotdxha] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state[b-87ozotdxha] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state i[b-87ozotdxha] { font-size: 3rem; margin-bottom: 1rem; opacity: 0.5; }
.empty-state h5[b-87ozotdxha] { margin: 0 0 0.5rem; color: var(--text-primary); }
.empty-state p[b-87ozotdxha] { margin-bottom: 1rem; }

/* Progress Summary */
.progress-summary[b-87ozotdxha] { display: flex; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.summary-card[b-87ozotdxha] { flex: 1; min-width: 120px; padding: 1rem; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; text-align: center; }
.summary-card .summary-value[b-87ozotdxha] { font-size: 1.75rem; font-weight: 700; color: var(--text-primary); }
.summary-card .summary-label[b-87ozotdxha] { font-size: 0.75rem; color: var(--text-secondary); text-transform: uppercase; }
.summary-card.completed .summary-value[b-87ozotdxha] { color: #10b981; }
.summary-card.in-progress .summary-value[b-87ozotdxha] { color: #f59e0b; }
.summary-card.pending .summary-value[b-87ozotdxha] { color: #6b7280; }
.summary-card.overall[b-87ozotdxha] { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.summary-card.overall .summary-value[b-87ozotdxha] { color: white; }
.summary-card.overall .summary-label[b-87ozotdxha] { color: rgba(255,255,255,0.8); }

/* Chapters Grid */
.chapters-grid[b-87ozotdxha] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem; }

.chapter-card[b-87ozotdxha] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; padding: 1rem; transition: all 0.15s; }
.chapter-card:hover[b-87ozotdxha] { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.chapter-card.completed[b-87ozotdxha] { border-left: 4px solid #10b981; }
.chapter-card.in-progress[b-87ozotdxha] { border-left: 4px solid #f59e0b; }
.chapter-card.not-started[b-87ozotdxha] { border-left: 4px solid #d1d5db; }

.chapter-header[b-87ozotdxha] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.chapter-number[b-87ozotdxha] { font-weight: 600; font-size: 0.875rem; color: var(--primary-color); }
.chapter-status[b-87ozotdxha] { font-size: 0.7rem; }

.chapter-name[b-87ozotdxha] { font-weight: 600; font-size: 1rem; color: var(--text-primary); margin-bottom: 0.5rem; line-height: 1.3; }
.chapter-unit[b-87ozotdxha] { font-size: 0.8rem; color: var(--text-secondary); margin-bottom: 0.75rem; }

.chapter-progress[b-87ozotdxha] { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; }
.progress-bar-container[b-87ozotdxha] { flex: 1; height: 8px; background: var(--bg-secondary); border-radius: 4px; overflow: hidden; }
.progress-bar-fill[b-87ozotdxha] { height: 100%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 4px; transition: width 0.3s; }
.progress-text[b-87ozotdxha] { font-size: 0.875rem; font-weight: 600; color: var(--text-primary); min-width: 40px; }

.chapter-meta[b-87ozotdxha] { display: flex; gap: 1rem; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 0.75rem; }
.chapter-meta span[b-87ozotdxha] { display: flex; align-items: center; gap: 0.25rem; }

.chapter-actions[b-87ozotdxha] { display: flex; gap: 0.5rem; padding-top: 0.75rem; border-top: 1px solid var(--border-color); }
.btn-action[b-87ozotdxha] { flex: 1; display: flex; align-items: center; justify-content: center; gap: 0.375rem; padding: 0.5rem; background: var(--primary-color); color: white; border: none; border-radius: 6px; font-size: 0.8125rem; cursor: pointer; transition: all 0.15s; }
.btn-action:hover[b-87ozotdxha] { filter: brightness(1.1); }
.btn-action.secondary[b-87ozotdxha] { background: var(--bg-secondary); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-action.secondary:hover[b-87ozotdxha] { background: var(--border-color); }

/* Modal */
.modal-backdrop[b-87ozotdxha] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1000; }
.modal[b-87ozotdxha] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.modal-dialog[b-87ozotdxha] { background: var(--card-bg); border-radius: 12px; width: 100%; max-width: 500px; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; }
.modal-dialog.modal-lg[b-87ozotdxha] { max-width: 700px; }
.modal-header[b-87ozotdxha] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid var(--border-color); }
.modal-header h5[b-87ozotdxha] { margin: 0; font-size: 1.125rem; }
.btn-close[b-87ozotdxha] { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-secondary); line-height: 1; }
.modal-body[b-87ozotdxha] { padding: 1.5rem; overflow-y: auto; flex: 1; }
.modal-footer[b-87ozotdxha] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-top: 1px solid var(--border-color); background: var(--bg-secondary); }

.chapter-info-box[b-87ozotdxha] { padding: 0.75rem; background: var(--bg-secondary); border-radius: 8px; margin-bottom: 1rem; }

.form-group[b-87ozotdxha] { margin-bottom: 1rem; }
.form-group label[b-87ozotdxha] { display: block; font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.375rem; }
.form-select[b-87ozotdxha], .form-control[b-87ozotdxha] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.875rem; background: var(--input-bg); color: var(--text-primary); }
.form-select:focus[b-87ozotdxha], .form-control:focus[b-87ozotdxha] { outline: none; border-color: var(--primary-color); }
textarea.form-control[b-87ozotdxha] { resize: vertical; min-height: 60px; }

.percentage-input[b-87ozotdxha] { display: flex; align-items: center; gap: 0.75rem; }
.percentage-input input[type="range"][b-87ozotdxha] { flex: 1; }
.percentage-input span[b-87ozotdxha] { min-width: 40px; text-align: right; font-weight: 600; }

/* Details Modal */
.detail-section[b-87ozotdxha] { margin-bottom: 1.5rem; }
.detail-section h6[b-87ozotdxha] { margin: 0 0 0.5rem; font-size: 1rem; color: var(--text-primary); }

.detail-stats[b-87ozotdxha] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-bottom: 1.5rem; }
.stat-item[b-87ozotdxha] { padding: 0.75rem; background: var(--bg-secondary); border-radius: 8px; }
.stat-label[b-87ozotdxha] { display: block; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 0.25rem; }
.stat-value[b-87ozotdxha] { font-weight: 600; color: var(--text-primary); }

.slot-list[b-87ozotdxha] { display: flex; flex-direction: column; gap: 0.5rem; max-height: 300px; overflow-y: auto; }
.slot-item[b-87ozotdxha] { padding: 0.75rem; background: var(--bg-secondary); border-radius: 8px; border-left: 3px solid var(--primary-color); }
.slot-date[b-87ozotdxha] { font-size: 0.8rem; color: var(--text-secondary); margin-bottom: 0.25rem; }
.slot-period[b-87ozotdxha] { font-weight: 500; font-size: 0.875rem; color: var(--text-primary); }
.slot-topics[b-87ozotdxha] { font-size: 0.8rem; color: var(--text-secondary); margin: 0.25rem 0; }
.slot-meta[b-87ozotdxha] { display: flex; gap: 0.75rem; font-size: 0.75rem; margin-top: 0.5rem; }

.no-history[b-87ozotdxha] { padding: 1.5rem; text-align: center; color: var(--text-secondary); background: var(--bg-secondary); border-radius: 8px; }

.btn[b-87ozotdxha] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; }
.btn-primary[b-87ozotdxha] { background: #667eea; color: white; }
.btn-primary:hover[b-87ozotdxha] { background: #5a67d8; }
.btn-primary:disabled[b-87ozotdxha] { opacity: 0.5; cursor: not-allowed; }
.btn-secondary[b-87ozotdxha] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-secondary:hover[b-87ozotdxha] { background: var(--bg-secondary); }

@media (max-width: 640px) {
    .page-header[b-87ozotdxha] { flex-direction: column; }
    .progress-summary[b-87ozotdxha] { flex-direction: column; }
    .summary-card[b-87ozotdxha] { min-width: auto; }
    .chapters-grid[b-87ozotdxha] { grid-template-columns: 1fr; }
    .detail-stats[b-87ozotdxha] { grid-template-columns: 1fr; }
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/Classwork.razor.rz.scp.css */
.page-container[b-1b6mfhq2ia] { padding: 1.5rem; max-width: 1200px; margin: 0 auto; }

.page-header[b-1b6mfhq2ia] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
.header-left[b-1b6mfhq2ia] { display: flex; align-items: center; gap: 1rem; }
.back-link[b-1b6mfhq2ia] { width: 36px; height: 36px; border-radius: 8px; background: var(--bg-secondary); display: flex; align-items: center; justify-content: center; color: var(--text-secondary); text-decoration: none; }
.back-link:hover[b-1b6mfhq2ia] { background: var(--border-color); }
.page-header h1[b-1b6mfhq2ia] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.subtitle[b-1b6mfhq2ia] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }
.context-badge[b-1b6mfhq2ia] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 8px; font-size: 0.875rem; }

.alert[b-1b6mfhq2ia] { padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.alert-warning[b-1b6mfhq2ia] { background: #fef3cd; color: #856404; border: 1px solid #ffeeba; }
.alert-danger[b-1b6mfhq2ia] { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.alert-success[b-1b6mfhq2ia] { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }

.toolbar[b-1b6mfhq2ia] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.filter-group[b-1b6mfhq2ia] { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; }
.filter-group .form-control[b-1b6mfhq2ia] { width: auto; min-width: 130px; }
.date-sep[b-1b6mfhq2ia] { color: var(--text-secondary); font-size: 0.875rem; }

.loading-state[b-1b6mfhq2ia] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state[b-1b6mfhq2ia] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state i[b-1b6mfhq2ia] { font-size: 3rem; margin-bottom: 1rem; opacity: 0.5; }
.empty-state h5[b-1b6mfhq2ia] { margin: 0 0 0.5rem; color: var(--text-primary); }
.empty-state p[b-1b6mfhq2ia] { margin-bottom: 1rem; }

/* Timeline Layout */
.classwork-timeline[b-1b6mfhq2ia] { display: flex; flex-direction: column; gap: 1.5rem; }

.date-group[b-1b6mfhq2ia] { display: flex; gap: 1rem; }
.date-header[b-1b6mfhq2ia] { display: flex; align-items: center; gap: 0.75rem; min-width: 100px; }
.date-day[b-1b6mfhq2ia] { font-size: 1.75rem; font-weight: 700; color: var(--primary-color); line-height: 1; }
.date-info[b-1b6mfhq2ia] { display: flex; flex-direction: column; }
.date-month[b-1b6mfhq2ia] { font-size: 0.75rem; color: var(--text-secondary); text-transform: uppercase; }
.date-weekday[b-1b6mfhq2ia] { font-size: 0.8rem; color: var(--text-primary); font-weight: 500; }

.classwork-cards[b-1b6mfhq2ia] { flex: 1; display: flex; flex-direction: column; gap: 0.75rem; }

.classwork-card[b-1b6mfhq2ia] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; padding: 1rem; transition: all 0.15s; }
.classwork-card:hover[b-1b6mfhq2ia] { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }

.cw-header[b-1b6mfhq2ia] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.period-badge[b-1b6mfhq2ia] { font-size: 0.75rem; padding: 0.25rem 0.5rem; background: var(--bg-secondary); border-radius: 4px; color: var(--text-secondary); }

.cw-chapter[b-1b6mfhq2ia] { font-size: 0.8rem; color: var(--primary-color); margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.25rem; }
.cw-description[b-1b6mfhq2ia] { font-size: 0.875rem; color: var(--text-primary); margin: 0 0 0.5rem; line-height: 1.5; }
.cw-notes[b-1b6mfhq2ia] { font-size: 0.8rem; color: var(--text-secondary); margin: 0; display: flex; align-items: flex-start; gap: 0.25rem; font-style: italic; }

.cw-actions[b-1b6mfhq2ia] { display: flex; gap: 0.5rem; justify-content: flex-end; margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid var(--border-color); }
.btn-action[b-1b6mfhq2ia] { padding: 0.375rem 0.75rem; background: var(--bg-secondary); color: var(--text-primary); border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.8rem; cursor: pointer; transition: all 0.15s; display: flex; align-items: center; gap: 0.25rem; }
.btn-action:hover[b-1b6mfhq2ia] { background: var(--border-color); }
.btn-action.secondary:hover[b-1b6mfhq2ia] { background: var(--border-color); }
.btn-action.danger[b-1b6mfhq2ia] { color: #dc3545; }
.btn-action.danger:hover[b-1b6mfhq2ia] { background: #dc3545; color: white; border-color: #dc3545; }

/* Modal */
.modal-backdrop[b-1b6mfhq2ia] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1000; }
.modal[b-1b6mfhq2ia] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.modal-dialog[b-1b6mfhq2ia] { background: var(--card-bg); border-radius: 12px; width: 100%; max-width: 550px; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; }
.modal-header[b-1b6mfhq2ia] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid var(--border-color); }
.modal-header h5[b-1b6mfhq2ia] { margin: 0; font-size: 1.125rem; }
.btn-close[b-1b6mfhq2ia] { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-secondary); line-height: 1; }
.modal-body[b-1b6mfhq2ia] { padding: 1.5rem; overflow-y: auto; flex: 1; }
.modal-footer[b-1b6mfhq2ia] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-top: 1px solid var(--border-color); background: var(--bg-secondary); }

.form-row[b-1b6mfhq2ia] { display: flex; gap: 1rem; margin-bottom: 1rem; }
.form-group[b-1b6mfhq2ia] { margin-bottom: 1rem; }
.form-group.flex-1[b-1b6mfhq2ia] { flex: 1; }
.form-group label[b-1b6mfhq2ia] { display: block; font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.375rem; }
.form-select[b-1b6mfhq2ia], .form-control[b-1b6mfhq2ia] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.875rem; background: var(--input-bg); color: var(--text-primary); }
.form-select:focus[b-1b6mfhq2ia], .form-control:focus[b-1b6mfhq2ia] { outline: none; border-color: var(--primary-color); }
textarea.form-control[b-1b6mfhq2ia] { resize: vertical; min-height: 60px; }

/* Activity Type Buttons */
.activity-type-buttons[b-1b6mfhq2ia] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.activity-btn[b-1b6mfhq2ia] { padding: 0.5rem 0.75rem; background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.8rem; cursor: pointer; display: flex; align-items: center; gap: 0.375rem; transition: all 0.15s; color: var(--text-primary); }
.activity-btn:hover[b-1b6mfhq2ia] { border-color: var(--primary-color); }
.activity-btn.active[b-1b6mfhq2ia] { background: var(--primary-color); color: white; border-color: var(--primary-color); }

.btn[b-1b6mfhq2ia] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; }
.btn-primary[b-1b6mfhq2ia] { background: #667eea; color: white; }
.btn-primary:hover[b-1b6mfhq2ia] { background: #5a67d8; }
.btn-primary:disabled[b-1b6mfhq2ia] { opacity: 0.5; cursor: not-allowed; }
.btn-secondary[b-1b6mfhq2ia] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-secondary:hover[b-1b6mfhq2ia] { background: var(--bg-secondary); }

.badge[b-1b6mfhq2ia] { display: inline-block; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; }

@media (max-width: 640px) {
    .page-header[b-1b6mfhq2ia] { flex-direction: column; }
    .toolbar[b-1b6mfhq2ia] { flex-direction: column; align-items: stretch; }
    .filter-group[b-1b6mfhq2ia] { flex-direction: column; }
    .filter-group .form-control[b-1b6mfhq2ia] { width: 100%; }
    .date-group[b-1b6mfhq2ia] { flex-direction: column; }
    .date-header[b-1b6mfhq2ia] { min-width: auto; flex-direction: row; margin-bottom: 0.5rem; }
    .form-row[b-1b6mfhq2ia] { flex-direction: column; gap: 0; }
    .activity-type-buttons[b-1b6mfhq2ia] { gap: 0.375rem; }
    .activity-btn[b-1b6mfhq2ia] { flex: 1 1 calc(50% - 0.375rem); justify-content: center; font-size: 0.75rem; }
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/Homework.razor.rz.scp.css */
.page-container[b-nsjhojx2gm] { padding: 1.5rem; max-width: 1400px; margin: 0 auto; }

.page-header[b-nsjhojx2gm] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
.header-left[b-nsjhojx2gm] { display: flex; align-items: center; gap: 1rem; }
.back-link[b-nsjhojx2gm] { width: 36px; height: 36px; border-radius: 8px; background: var(--bg-secondary); display: flex; align-items: center; justify-content: center; color: var(--text-secondary); text-decoration: none; }
.back-link:hover[b-nsjhojx2gm] { background: var(--border-color); }
.page-header h1[b-nsjhojx2gm] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.subtitle[b-nsjhojx2gm] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }
.context-badge[b-nsjhojx2gm] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 8px; font-size: 0.875rem; }

.alert[b-nsjhojx2gm] { padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.alert-warning[b-nsjhojx2gm] { background: #fef3cd; color: #856404; border: 1px solid #ffeeba; }
.alert-danger[b-nsjhojx2gm] { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.alert-success[b-nsjhojx2gm] { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }

.toolbar[b-nsjhojx2gm] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.filter-group[b-nsjhojx2gm] { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; }
.filter-group .form-select[b-nsjhojx2gm], .filter-group .form-control[b-nsjhojx2gm] { width: auto; min-width: 130px; }
.date-sep[b-nsjhojx2gm] { color: var(--text-secondary); font-size: 0.875rem; }

.loading-state[b-nsjhojx2gm] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state[b-nsjhojx2gm] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state i[b-nsjhojx2gm] { font-size: 3rem; margin-bottom: 1rem; opacity: 0.5; }
.empty-state h5[b-nsjhojx2gm] { margin: 0 0 0.5rem; color: var(--text-primary); }
.empty-state p[b-nsjhojx2gm] { margin-bottom: 1rem; }

/* Homework Grid */
.homework-grid[b-nsjhojx2gm] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1rem; }

.homework-card[b-nsjhojx2gm] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; padding: 1rem; transition: all 0.15s; }
.homework-card:hover[b-nsjhojx2gm] { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.homework-card.overdue[b-nsjhojx2gm] { border-left: 4px solid #dc3545; }
.homework-card.completed[b-nsjhojx2gm] { border-left: 4px solid #28a745; opacity: 0.85; }
.homework-card.cancelled[b-nsjhojx2gm] { border-left: 4px solid #6c757d; opacity: 0.7; }

.hw-header[b-nsjhojx2gm] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.hw-dates[b-nsjhojx2gm] { font-size: 0.75rem; color: var(--text-secondary); display: flex; align-items: center; gap: 0.25rem; }

.hw-title[b-nsjhojx2gm] { font-size: 1rem; font-weight: 600; color: var(--text-primary); margin: 0 0 0.5rem; line-height: 1.3; }
.hw-chapter[b-nsjhojx2gm] { font-size: 0.8rem; color: var(--primary-color); margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.25rem; }
.hw-description[b-nsjhojx2gm] { font-size: 0.8125rem; color: var(--text-secondary); margin: 0 0 0.75rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.hw-progress[b-nsjhojx2gm] { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; }
.progress-bar-container[b-nsjhojx2gm] { flex: 1; height: 6px; background: var(--bg-secondary); border-radius: 3px; overflow: hidden; }
.progress-bar-fill[b-nsjhojx2gm] { height: 100%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 3px; transition: width 0.3s; }
.progress-text[b-nsjhojx2gm] { font-size: 0.75rem; color: var(--text-secondary); white-space: nowrap; }

.hw-meta[b-nsjhojx2gm] { display: flex; gap: 1rem; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 0.75rem; }
.hw-meta span[b-nsjhojx2gm] { display: flex; align-items: center; gap: 0.25rem; }

.hw-actions[b-nsjhojx2gm] { display: flex; gap: 0.5rem; padding-top: 0.75rem; border-top: 1px solid var(--border-color); }
.btn-action[b-nsjhojx2gm] { flex: 1; display: flex; align-items: center; justify-content: center; gap: 0.375rem; padding: 0.5rem; background: var(--primary-color); color: white; border: none; border-radius: 6px; font-size: 0.8125rem; cursor: pointer; transition: all 0.15s; }
.btn-action:hover[b-nsjhojx2gm] { filter: brightness(1.1); }
.btn-action.secondary[b-nsjhojx2gm] { background: var(--bg-secondary); color: var(--text-primary); border: 1px solid var(--border-color); flex: 0 0 auto; padding: 0.5rem 0.75rem; }
.btn-action.secondary:hover[b-nsjhojx2gm] { background: var(--border-color); }

/* Modal */
.modal-backdrop[b-nsjhojx2gm] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1000; }
.modal[b-nsjhojx2gm] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.modal-dialog[b-nsjhojx2gm] { background: var(--card-bg); border-radius: 12px; width: 100%; max-width: 600px; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; }
.modal-dialog.modal-lg[b-nsjhojx2gm] { max-width: 700px; }
.modal-header[b-nsjhojx2gm] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid var(--border-color); }
.modal-header h5[b-nsjhojx2gm] { margin: 0; font-size: 1.125rem; }
.btn-close[b-nsjhojx2gm] { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-secondary); line-height: 1; }
.modal-body[b-nsjhojx2gm] { padding: 1.5rem; overflow-y: auto; flex: 1; }
.modal-footer[b-nsjhojx2gm] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-top: 1px solid var(--border-color); background: var(--bg-secondary); }

.form-row[b-nsjhojx2gm] { display: flex; gap: 1rem; margin-bottom: 1rem; }
.form-group[b-nsjhojx2gm] { margin-bottom: 1rem; }
.form-group.flex-1[b-nsjhojx2gm] { flex: 1; }
.form-group label[b-nsjhojx2gm] { display: block; font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.375rem; }
.form-select[b-nsjhojx2gm], .form-control[b-nsjhojx2gm] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.875rem; background: var(--input-bg); color: var(--text-primary); }
.form-select:focus[b-nsjhojx2gm], .form-control:focus[b-nsjhojx2gm] { outline: none; border-color: var(--primary-color); }
textarea.form-control[b-nsjhojx2gm] { resize: vertical; min-height: 60px; }

.checkbox-label[b-nsjhojx2gm] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; cursor: pointer; }
.checkbox-label input[type="checkbox"][b-nsjhojx2gm] { width: 16px; height: 16px; }

.btn[b-nsjhojx2gm] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; }
.btn-primary[b-nsjhojx2gm] { background: #667eea; color: white; }
.btn-primary:hover[b-nsjhojx2gm] { background: #5a67d8; }
.btn-primary:disabled[b-nsjhojx2gm] { opacity: 0.5; cursor: not-allowed; }
.btn-secondary[b-nsjhojx2gm] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-secondary:hover[b-nsjhojx2gm] { background: var(--bg-secondary); }

.badge[b-nsjhojx2gm] { display: inline-block; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; }

@media (max-width: 640px) {
    .page-header[b-nsjhojx2gm] { flex-direction: column; }
    .toolbar[b-nsjhojx2gm] { flex-direction: column; align-items: stretch; }
    .filter-group[b-nsjhojx2gm] { flex-direction: column; }
    .filter-group .form-select[b-nsjhojx2gm], .filter-group .form-control[b-nsjhojx2gm] { width: 100%; }
    .homework-grid[b-nsjhojx2gm] { grid-template-columns: 1fr; }
    .form-row[b-nsjhojx2gm] { flex-direction: column; gap: 0; }
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/Planning/LessonPlanner.razor.rz.scp.css */
.page-container[b-ksnpgzxj5h] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.page-header[b-ksnpgzxj5h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-left[b-ksnpgzxj5h] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-link[b-ksnpgzxj5h] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--card-bg, #fff);
    color: var(--text-secondary, #6b7280);
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid var(--border-color, #e5e7eb);
}

.back-link:hover[b-ksnpgzxj5h] {
    background: var(--primary-color, #4f46e5);
    color: white;
    border-color: var(--primary-color, #4f46e5);
}

.page-header h1[b-ksnpgzxj5h] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
    margin: 0;
}

.subtitle[b-ksnpgzxj5h] {
    color: var(--text-secondary, #6b7280);
    font-size: 0.875rem;
    margin: 0.25rem 0 0;
}

.context-badge[b-ksnpgzxj5h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, var(--primary-color, #4f46e5) 0%, #7c3aed 100%);
    color: white;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 500;
}

.context-badge i[b-ksnpgzxj5h] {
    font-size: 0.75rem;
}

.alert[b-ksnpgzxj5h] {
    padding: 1rem 1.25rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
}

.alert-warning[b-ksnpgzxj5h] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.alert-danger[b-ksnpgzxj5h] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.alert-success[b-ksnpgzxj5h] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #6ee7b7;
}

/* Planner Layout */
.planner-layout[b-ksnpgzxj5h] {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 1.5rem;
}

@media (max-width: 1024px) {
    .planner-layout[b-ksnpgzxj5h] {
        grid-template-columns: 1fr;
    }
}

.panel-card[b-ksnpgzxj5h] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 16px;
    padding: 1.5rem;
}

.panel-card h4[b-ksnpgzxj5h] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
    margin: 0 0 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.panel-card h4 i[b-ksnpgzxj5h] {
    color: var(--primary-color, #4f46e5);
}

/* Form Elements */
.form-group[b-ksnpgzxj5h] {
    margin-bottom: 1.25rem;
}

.form-group label[b-ksnpgzxj5h] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary, #111827);
    margin-bottom: 0.5rem;
}

.form-row[b-ksnpgzxj5h] {
    display: flex;
    gap: 1rem;
}

.flex-1[b-ksnpgzxj5h] {
    flex: 1;
}

.form-control[b-ksnpgzxj5h],
.form-select[b-ksnpgzxj5h] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 10px;
    font-size: 0.9375rem;
    background: var(--input-bg, #fff);
    color: var(--text-primary, #111827);
    transition: all 0.2s ease;
}

.form-control:focus[b-ksnpgzxj5h],
.form-select:focus[b-ksnpgzxj5h] {
    outline: none;
    border-color: var(--primary-color, #4f46e5);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

textarea.form-control[b-ksnpgzxj5h] {
    resize: vertical;
    min-height: 80px;
}

/* AI Status */
.ai-status[b-ksnpgzxj5h] {
    margin: 1.25rem 0;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    background: var(--surface-bg, #f9fafb);
}

.status-online[b-ksnpgzxj5h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #059669;
    font-size: 0.875rem;
    font-weight: 500;
}

.status-offline[b-ksnpgzxj5h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #dc2626;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Buttons */
.btn[b-ksnpgzxj5h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-radius: 10px;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}

.btn-primary[b-ksnpgzxj5h] {
    background: linear-gradient(135deg, var(--primary-color, #4f46e5) 0%, #7c3aed 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-ksnpgzxj5h] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);
}

.btn-primary:disabled[b-ksnpgzxj5h] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-secondary[b-ksnpgzxj5h] {
    background: var(--surface-bg, #f3f4f6);
    color: var(--text-primary, #374151);
    border: 1px solid var(--border-color, #e5e7eb);
}

.btn-secondary:hover[b-ksnpgzxj5h] {
    background: var(--border-color, #e5e7eb);
}

.btn-block[b-ksnpgzxj5h] {
    width: 100%;
}

/* Plan Panel States */
.empty-plan[b-ksnpgzxj5h],
.generating-state[b-ksnpgzxj5h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    background: var(--card-bg, #fff);
    border: 2px dashed var(--border-color, #e5e7eb);
    border-radius: 16px;
    min-height: 400px;
}

.empty-plan i[b-ksnpgzxj5h],
.generating-state i[b-ksnpgzxj5h] {
    font-size: 3rem;
    color: var(--text-muted, #9ca3af);
    margin-bottom: 1rem;
}

.empty-plan h4[b-ksnpgzxj5h],
.generating-state h4[b-ksnpgzxj5h] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
    margin: 0 0 0.5rem;
}

.empty-plan p[b-ksnpgzxj5h],
.generating-state p[b-ksnpgzxj5h] {
    color: var(--text-secondary, #6b7280);
    margin: 0;
}

.generating-state i[b-ksnpgzxj5h] {
    color: var(--primary-color, #4f46e5);
}

/* Generated Plan Content */
.plan-content[b-ksnpgzxj5h] {
    height: fit-content;
}

.plan-header[b-ksnpgzxj5h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
    flex-wrap: wrap;
    gap: 0.75rem;
}

.plan-header h4[b-ksnpgzxj5h] {
    margin: 0;
    padding: 0;
    border: none;
}

.ai-badge[b-ksnpgzxj5h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Plan Sections */
.plan-section[b-ksnpgzxj5h] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.plan-section:last-of-type[b-ksnpgzxj5h] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.plan-section h5[b-ksnpgzxj5h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
    margin: 0 0 1rem;
}

.plan-section h5 i[b-ksnpgzxj5h] {
    color: var(--primary-color, #4f46e5);
    font-size: 0.875rem;
}

/* Lists */
.objective-list[b-ksnpgzxj5h],
.prereq-list[b-ksnpgzxj5h] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.objective-list li[b-ksnpgzxj5h],
.prereq-list li[b-ksnpgzxj5h] {
    position: relative;
    padding: 0.5rem 0 0.5rem 1.5rem;
    color: var(--text-secondary, #4b5563);
    font-size: 0.9375rem;
}

.objective-list li[b-ksnpgzxj5h]::before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #10b981;
}

.prereq-list li[b-ksnpgzxj5h]::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #6366f1;
}

/* Method Tags */
.method-tags[b-ksnpgzxj5h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.method-tag[b-ksnpgzxj5h] {
    padding: 0.375rem 0.875rem;
    background: var(--primary-light, #eef2ff);
    color: var(--primary-color, #4f46e5);
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 500;
}

/* Activity Timeline */
.activity-timeline[b-ksnpgzxj5h] {
    position: relative;
    padding-left: 1rem;
}

.activity-timeline[b-ksnpgzxj5h]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, var(--primary-color, #4f46e5), #7c3aed);
    border-radius: 1px;
}

.activity-item[b-ksnpgzxj5h] {
    position: relative;
    padding: 0.75rem 0 0.75rem 1.5rem;
}

.activity-item[b-ksnpgzxj5h]::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 1rem;
    width: 12px;
    height: 12px;
    background: var(--primary-color, #4f46e5);
    border-radius: 50%;
    border: 2px solid var(--card-bg, #fff);
}

.time-marker[b-ksnpgzxj5h] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--primary-color, #4f46e5);
    margin-bottom: 0.25rem;
}

.activity-content strong[b-ksnpgzxj5h] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
    color: var(--text-primary, #111827);
}

.duration-badge[b-ksnpgzxj5h] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: var(--surface-bg, #f3f4f6);
    color: var(--text-secondary, #6b7280);
    border-radius: 10px;
    font-size: 0.6875rem;
    font-weight: 500;
}

.activity-content p[b-ksnpgzxj5h] {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
    color: var(--text-secondary, #6b7280);
    line-height: 1.5;
}

/* Resources */
.resource-list[b-ksnpgzxj5h] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.resource-item[b-ksnpgzxj5h] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--surface-bg, #f9fafb);
    border-radius: 10px;
}

.resource-type[b-ksnpgzxj5h] {
    padding: 0.25rem 0.625rem;
    background: var(--primary-color, #4f46e5);
    color: white;
    border-radius: 6px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
}

.resource-name[b-ksnpgzxj5h] {
    font-size: 0.9375rem;
    color: var(--text-primary, #111827);
}

/* Board Work */
.board-work[b-ksnpgzxj5h] {
    padding: 1rem;
    background: #1f2937;
    color: #f9fafb;
    border-radius: 10px;
    font-family: "Courier New", monospace;
    font-size: 0.875rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

/* Plan Actions */
.plan-actions[b-ksnpgzxj5h] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color, #e5e7eb);
}

/* Dark mode support */
:root.dark .panel-card[b-ksnpgzxj5h],
:root.dark .empty-plan[b-ksnpgzxj5h],
:root.dark .generating-state[b-ksnpgzxj5h] {
    background: var(--card-bg, #1f2937);
    border-color: var(--border-color, #374151);
}

:root.dark .form-control[b-ksnpgzxj5h],
:root.dark .form-select[b-ksnpgzxj5h] {
    background: var(--input-bg, #374151);
    border-color: var(--border-color, #4b5563);
    color: var(--text-primary, #f9fafb);
}

:root.dark .method-tag[b-ksnpgzxj5h] {
    background: rgba(99, 102, 241, 0.2);
}

:root.dark .resource-item[b-ksnpgzxj5h] {
    background: var(--surface-bg, #374151);
}

:root.dark .activity-item[b-ksnpgzxj5h]::before {
    border-color: var(--card-bg, #1f2937);
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/Planning/MyLessonPlans.razor.rz.scp.css */
.page-container[b-dsgmjej7w8] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-dsgmjej7w8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-left[b-dsgmjej7w8] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-link[b-dsgmjej7w8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--card-bg, #fff);
    color: var(--text-secondary, #6b7280);
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid var(--border-color, #e5e7eb);
}

.back-link:hover[b-dsgmjej7w8] {
    background: var(--primary-color, #4f46e5);
    color: white;
    border-color: var(--primary-color, #4f46e5);
}

.page-header h1[b-dsgmjej7w8] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
    margin: 0;
}

.subtitle[b-dsgmjej7w8] {
    color: var(--text-secondary, #6b7280);
    font-size: 0.875rem;
    margin: 0.25rem 0 0;
}

.alert[b-dsgmjej7w8] {
    padding: 1rem 1.25rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
}

.alert-danger[b-dsgmjej7w8] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.alert-success[b-dsgmjej7w8] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #6ee7b7;
}

/* Summary Cards */
.summary-cards[b-dsgmjej7w8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-dsgmjej7w8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 14px;
    transition: all 0.2s ease;
}

.summary-card:hover[b-dsgmjej7w8] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.summary-icon[b-dsgmjej7w8] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.summary-icon.total[b-dsgmjej7w8] {
    background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
    color: white;
}

.summary-icon.draft[b-dsgmjej7w8] {
    background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
    color: white;
}

.summary-icon.ready[b-dsgmjej7w8] {
    background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    color: white;
}

.summary-icon.used[b-dsgmjej7w8] {
    background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
    color: white;
}

.summary-icon.ai[b-dsgmjej7w8] {
    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
    color: white;
}

.summary-content[b-dsgmjej7w8] {
    display: flex;
    flex-direction: column;
}

.summary-value[b-dsgmjej7w8] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #111827);
}

.summary-label[b-dsgmjej7w8] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #6b7280);
}

/* Filter Section */
.filter-section[b-dsgmjej7w8] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 14px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.filter-row[b-dsgmjej7w8] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.filter-group[b-dsgmjej7w8] {
    flex: 1;
    min-width: 150px;
}

.filter-group label[b-dsgmjej7w8] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #6b7280);
    margin-bottom: 0.5rem;
}

.form-control[b-dsgmjej7w8],
.form-select[b-dsgmjej7w8] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 8px;
    font-size: 0.875rem;
    background: var(--input-bg, #fff);
    color: var(--text-primary, #111827);
    transition: all 0.2s ease;
}

.form-control:focus[b-dsgmjej7w8],
.form-select:focus[b-dsgmjej7w8] {
    outline: none;
    border-color: var(--primary-color, #4f46e5);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

/* Loading & Empty States */
.loading-state[b-dsgmjej7w8],
.empty-state[b-dsgmjej7w8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 16px;
}

.loading-state i[b-dsgmjej7w8],
.empty-state i[b-dsgmjej7w8] {
    font-size: 3rem;
    color: var(--text-muted, #9ca3af);
    margin-bottom: 1rem;
}

.loading-state p[b-dsgmjej7w8],
.empty-state h4[b-dsgmjej7w8] {
    color: var(--text-primary, #111827);
    margin: 0.5rem 0;
}

.empty-state p[b-dsgmjej7w8] {
    color: var(--text-secondary, #6b7280);
    margin-bottom: 1.5rem;
}

/* Plans Grid */
.plans-grid[b-dsgmjej7w8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.25rem;
}

.plan-card[b-dsgmjej7w8] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 14px;
    overflow: hidden;
    transition: all 0.2s ease;
}

.plan-card:hover[b-dsgmjej7w8] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.plan-card.draft[b-dsgmjej7w8] {
    border-left: 4px solid #f59e0b;
}

.plan-card.ready[b-dsgmjej7w8] {
    border-left: 4px solid #10b981;
}

.plan-card.used[b-dsgmjej7w8] {
    border-left: 4px solid #3b82f6;
}

.plan-card-header[b-dsgmjej7w8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: var(--surface-bg, #f9fafb);
    border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.plan-meta[b-dsgmjej7w8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.status-badge[b-dsgmjej7w8] {
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.draft[b-dsgmjej7w8] {
    background: #fef3c7;
    color: #92400e;
}

.status-badge.ready[b-dsgmjej7w8] {
    background: #d1fae5;
    color: #065f46;
}

.status-badge.used[b-dsgmjej7w8] {
    background: #dbeafe;
    color: #1e40af;
}

.ai-badge[b-dsgmjej7w8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
    color: white;
    border-radius: 6px;
    font-size: 0.6875rem;
    font-weight: 500;
}

.plan-date[b-dsgmjej7w8] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #6b7280);
}

.plan-date i[b-dsgmjej7w8] {
    margin-right: 0.25rem;
}

.plan-card-body[b-dsgmjej7w8] {
    padding: 1.25rem;
}

.plan-title[b-dsgmjej7w8] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
    margin: 0 0 0.5rem;
}

.plan-subject[b-dsgmjej7w8] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #6b7280);
    margin: 0 0 1rem;
}

.plan-subject i[b-dsgmjej7w8] {
    margin-right: 0.25rem;
}

.separator[b-dsgmjej7w8] {
    margin: 0 0.5rem;
    color: var(--border-color, #d1d5db);
}

.objectives-preview[b-dsgmjej7w8] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #6b7280);
}

.objectives-preview strong[b-dsgmjej7w8] {
    color: var(--text-primary, #374151);
}

.objectives-preview ul[b-dsgmjej7w8] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

.objectives-preview li[b-dsgmjej7w8] {
    margin-bottom: 0.25rem;
}

.objectives-preview .more[b-dsgmjej7w8] {
    color: var(--primary-color, #4f46e5);
    font-style: italic;
}

.plan-card-footer[b-dsgmjej7w8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem 1.25rem;
    background: var(--surface-bg, #f9fafb);
    border-top: 1px solid var(--border-color, #e5e7eb);
}

.plan-info[b-dsgmjej7w8] {
    display: flex;
    gap: 1rem;
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

.plan-info span i[b-dsgmjej7w8] {
    margin-right: 0.25rem;
}

.plan-actions[b-dsgmjej7w8] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-dsgmjej7w8] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid var(--border-color, #e5e7eb);
    background: var(--card-bg, #fff);
    color: var(--text-secondary, #6b7280);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-icon:hover[b-dsgmjej7w8] {
    background: var(--primary-color, #4f46e5);
    color: white;
    border-color: var(--primary-color, #4f46e5);
}

.btn-icon.success:hover[b-dsgmjej7w8] {
    background: #10b981;
    border-color: #10b981;
}

.btn-icon.danger:hover[b-dsgmjej7w8] {
    background: #ef4444;
    border-color: #ef4444;
}

.btn-icon.primary:hover[b-dsgmjej7w8] {
    background: #3b82f6;
    border-color: #3b82f6;
}

/* Buttons */
.btn[b-dsgmjej7w8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-radius: 10px;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    text-decoration: none;
}

.btn-primary[b-dsgmjej7w8] {
    background: linear-gradient(135deg, var(--primary-color, #4f46e5) 0%, #7c3aed 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-dsgmjej7w8] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);
}

.btn-primary:disabled[b-dsgmjej7w8] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-secondary[b-dsgmjej7w8] {
    background: var(--surface-bg, #f3f4f6);
    color: var(--text-primary, #374151);
    border: 1px solid var(--border-color, #e5e7eb);
}

.btn-secondary:hover[b-dsgmjej7w8] {
    background: var(--border-color, #e5e7eb);
}

/* Modal */
.modal-overlay[b-dsgmjej7w8] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-dsgmjej7w8] {
    background: var(--card-bg, #fff);
    border-radius: 16px;
    width: 100%;
    max-width: 700px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

.modal-content.small[b-dsgmjej7w8] {
    max-width: 400px;
}

.modal-header[b-dsgmjej7w8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.modal-header h3[b-dsgmjej7w8] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
}

.btn-close[b-dsgmjej7w8] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: var(--text-secondary, #6b7280);
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-close:hover[b-dsgmjej7w8] {
    background: var(--surface-bg, #f3f4f6);
    color: var(--text-primary, #111827);
}

.modal-body[b-dsgmjej7w8] {
    padding: 1.5rem;
}

.modal-footer[b-dsgmjej7w8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color, #e5e7eb);
}

/* Plan Details */
.plan-detail-header[b-dsgmjej7w8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.plan-detail-header h4[b-dsgmjej7w8] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
}

.detail-meta[b-dsgmjej7w8] {
    display: flex;
    gap: 0.5rem;
}

.detail-info[b-dsgmjej7w8] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--surface-bg, #f9fafb);
    border-radius: 10px;
}

.detail-info p[b-dsgmjej7w8] {
    margin: 0.5rem 0;
    font-size: 0.9375rem;
    color: var(--text-secondary, #6b7280);
}

.detail-info p strong[b-dsgmjej7w8] {
    color: var(--text-primary, #111827);
}

.detail-section[b-dsgmjej7w8] {
    margin-bottom: 1.5rem;
}

.detail-section h5[b-dsgmjej7w8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
    margin: 0 0 0.75rem;
}

.detail-section h5 i[b-dsgmjej7w8] {
    color: var(--primary-color, #4f46e5);
    font-size: 0.875rem;
}

.detail-section ul[b-dsgmjej7w8] {
    margin: 0;
    padding-left: 1.5rem;
}

.detail-section ul li[b-dsgmjej7w8] {
    margin-bottom: 0.375rem;
    color: var(--text-secondary, #4b5563);
}

.detail-section p[b-dsgmjej7w8] {
    margin: 0;
    color: var(--text-secondary, #4b5563);
    line-height: 1.6;
}

.method-tags[b-dsgmjej7w8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.method-tag[b-dsgmjej7w8] {
    padding: 0.375rem 0.875rem;
    background: var(--primary-light, #eef2ff);
    color: var(--primary-color, #4f46e5);
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 500;
}

.activities-list[b-dsgmjej7w8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.activity-row[b-dsgmjej7w8] {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--surface-bg, #f9fafb);
    border-radius: 8px;
}

.activity-time[b-dsgmjej7w8] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--primary-color, #4f46e5);
}

.activity-name[b-dsgmjej7w8] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--text-primary, #111827);
}

.activity-desc[b-dsgmjej7w8] {
    grid-column: 2;
    font-size: 0.8125rem;
    color: var(--text-secondary, #6b7280);
}

.board-work[b-dsgmjej7w8] {
    padding: 1rem;
    background: #1f2937;
    color: #f9fafb;
    border-radius: 10px;
    font-family: "Courier New", monospace;
    font-size: 0.875rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

/* Dark mode */
:root.dark .plan-card[b-dsgmjej7w8],
:root.dark .filter-section[b-dsgmjej7w8],
:root.dark .summary-card[b-dsgmjej7w8],
:root.dark .loading-state[b-dsgmjej7w8],
:root.dark .empty-state[b-dsgmjej7w8],
:root.dark .modal-content[b-dsgmjej7w8] {
    background: var(--card-bg, #1f2937);
    border-color: var(--border-color, #374151);
}

:root.dark .plan-card-header[b-dsgmjej7w8],
:root.dark .plan-card-footer[b-dsgmjej7w8],
:root.dark .detail-info[b-dsgmjej7w8],
:root.dark .activity-row[b-dsgmjej7w8] {
    background: var(--surface-bg, #374151);
}

:root.dark .form-control[b-dsgmjej7w8],
:root.dark .form-select[b-dsgmjej7w8] {
    background: var(--input-bg, #374151);
    border-color: var(--border-color, #4b5563);
    color: var(--text-primary, #f9fafb);
}

:root.dark .method-tag[b-dsgmjej7w8] {
    background: rgba(99, 102, 241, 0.2);
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/Setup/CreateSyllabus.razor.rz.scp.css */
.page-container[b-8osom4px1h] { padding: 1.5rem; max-width: 800px; margin: 0 auto; }
.page-header[b-8osom4px1h] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
.page-header h1[b-8osom4px1h] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.page-header .subtitle[b-8osom4px1h] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }

/* Selection Card */
.selection-card[b-8osom4px1h] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 12px; padding: 1rem 1.5rem; margin-bottom: 1.5rem; }
.selection-card .form-row[b-8osom4px1h] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; }
.selection-card .form-group[b-8osom4px1h] { margin-bottom: 0.5rem; }
.selection-card .text-muted[b-8osom4px1h] { font-size: 0.75rem; color: var(--text-secondary); display: block; margin-top: 0.25rem; }

/* Loading State */
.loading-state[b-8osom4px1h] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.loading-state i[b-8osom4px1h] { margin-right: 0.5rem; }

/* Alerts */
.alert[b-8osom4px1h] { padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.alert-warning[b-8osom4px1h] { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
.alert-danger[b-8osom4px1h] { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.alert-success[b-8osom4px1h] { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }
.alert-close[b-8osom4px1h] { margin-left: auto; background: none; border: none; cursor: pointer; color: inherit; opacity: 0.6; }

/* Form Card */
.form-card[b-8osom4px1h] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 12px; padding: 1.5rem; }

/* Form */
.form-group[b-8osom4px1h] { margin-bottom: 1rem; }
.form-group label[b-8osom4px1h] { display: block; font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.375rem; }
.form-group .req[b-8osom4px1h] { color: #dc2626; }
.form-control[b-8osom4px1h] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.875rem; background: var(--input-bg); color: var(--text-primary); }
.form-control:focus[b-8osom4px1h] { outline: none; border-color: var(--primary-color); }
.form-row[b-8osom4px1h] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
textarea.form-control[b-8osom4px1h] { resize: vertical; min-height: 60px; }

/* Buttons */
.btn[b-8osom4px1h] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; }
.btn-primary[b-8osom4px1h] { background: #667eea !important; color: white !important; }
.btn-primary:hover[b-8osom4px1h] { background: #5a67d8 !important; }
.btn-primary:disabled[b-8osom4px1h] { opacity: 0.5; cursor: not-allowed; }
.btn-success[b-8osom4px1h] { background: #10b981; color: white; }
.btn-success:hover[b-8osom4px1h] { background: #059669; }
.btn-success:disabled[b-8osom4px1h] { opacity: 0.5; cursor: not-allowed; }
.btn-outline[b-8osom4px1h] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-outline:hover[b-8osom4px1h] { background: var(--bg-secondary); }

.form-actions[b-8osom4px1h] { display: flex; justify-content: flex-end; gap: 0.75rem; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--border-color); }

@media (max-width: 768px) {
    .selection-card .form-row[b-8osom4px1h] { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .form-row[b-8osom4px1h] { grid-template-columns: 1fr; }
    .form-actions[b-8osom4px1h] { flex-direction: column; }
    .form-actions .btn[b-8osom4px1h] { width: 100%; justify-content: center; }
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/Setup/ManageBooks.razor.rz.scp.css */
.page-container[b-up8fodtjjs] { padding: 1.5rem; max-width: 1400px; margin: 0 auto; }
.page-header[b-up8fodtjjs] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
.page-header h1[b-up8fodtjjs] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.page-header .subtitle[b-up8fodtjjs] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }

/* Alerts */
.alert[b-up8fodtjjs] { padding: 0.75rem 1rem; border-radius: 8px; margin: 1rem 0; display: flex; align-items: center; gap: 0.5rem; }
.alert-danger[b-up8fodtjjs] { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.alert-success[b-up8fodtjjs] { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }
.alert-warning[b-up8fodtjjs] { background: #fffbeb; color: #b45309; border: 1px solid #fde68a; }
.alert-close[b-up8fodtjjs] { margin-left: auto; background: none; border: none; cursor: pointer; color: inherit; opacity: 0.6; }

/* Filters */
.filters[b-up8fodtjjs] { display: flex; gap: 1rem; margin-bottom: 1.5rem; align-items: flex-end; flex-wrap: wrap; }
.filter-group[b-up8fodtjjs] { display: flex; flex-direction: column; gap: 0.25rem; }
.filter-group label[b-up8fodtjjs] { font-size: 0.75rem; font-weight: 500; color: var(--text-secondary); }
.filter-group .form-control[b-up8fodtjjs] { min-width: 180px; }
.checkbox-inline[b-up8fodtjjs] { display: flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; cursor: pointer; }

/* Loading & Empty */
.loading[b-up8fodtjjs], .empty-state[b-up8fodtjjs] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state i[b-up8fodtjjs] { font-size: 2.5rem; opacity: 0.4; margin-bottom: 0.5rem; display: block; }

/* Table */
.data-table-wrapper[b-up8fodtjjs] { overflow-x: auto; }
.data-table[b-up8fodtjjs] { width: 100%; border-collapse: collapse; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 8px; overflow: hidden; }
.data-table th[b-up8fodtjjs], .data-table td[b-up8fodtjjs] { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--border-color); }
.data-table th[b-up8fodtjjs] { background: var(--bg-secondary); font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--text-secondary); }
.data-table td[b-up8fodtjjs] { font-size: 0.875rem; }
.data-table tr:last-child td[b-up8fodtjjs] { border-bottom: none; }
.data-table tr.inactive[b-up8fodtjjs] { opacity: 0.5; }

/* Status */
.status[b-up8fodtjjs] { font-size: 0.6875rem; padding: 0.2rem 0.5rem; border-radius: 10px; font-weight: 500; text-transform: uppercase; }
.status.active[b-up8fodtjjs] { background: #d1fae5; color: #065f46; }
.status.inactive[b-up8fodtjjs] { background: #e5e7eb; color: #6b7280; }

/* Actions */
.actions[b-up8fodtjjs] { display: flex; gap: 0.25rem; }
.btn-icon[b-up8fodtjjs] { width: 28px; height: 28px; border: none; border-radius: 6px; background: var(--bg-secondary); color: var(--text-secondary); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 0.8125rem; }
.btn-icon:hover[b-up8fodtjjs] { background: var(--border-color); }
.btn-icon.text-danger:hover[b-up8fodtjjs] { background: #fee2e2; color: #dc2626; }
.btn-icon.text-success:hover[b-up8fodtjjs] { background: #d1fae5; color: #059669; }

/* Buttons */
.btn[b-up8fodtjjs] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; }
.btn-primary[b-up8fodtjjs] { background: #667eea !important; color: white !important; }
.btn-primary:hover[b-up8fodtjjs] { background: #5a67d8 !important; }
.btn-primary:disabled[b-up8fodtjjs] { opacity: 0.5; cursor: not-allowed; }
.btn-outline[b-up8fodtjjs] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-outline:hover[b-up8fodtjjs] { background: var(--bg-secondary); }

/* Modal - styles handled via inline styles for CSS isolation compatibility */
.modal-backdrop[b-up8fodtjjs] { position: fixed !important; inset: 0 !important; background: rgba(0,0,0,0.5) !important; z-index: 1040 !important; }
.modal[b-up8fodtjjs] { position: fixed !important; inset: 0 !important; z-index: 1050 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; pointer-events: none; }
.modal-dialog[b-up8fodtjjs] { background: #ffffff; border-radius: 12px; width: 100%; max-width: 500px; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 40px rgba(0,0,0,0.3); animation: slideUp-b-up8fodtjjs 0.2s ease-out; pointer-events: auto; }
.modal-dialog.modal-lg[b-up8fodtjjs] { max-width: 600px; }
.modal-header[b-up8fodtjjs] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; border-bottom: 1px solid #e5e7eb; background: #f9fafb; border-radius: 12px 12px 0 0; }
.modal-header h3[b-up8fodtjjs] { margin: 0; font-size: 1.0625rem; font-weight: 600; color: #111827; }
.close-btn[b-up8fodtjjs] { background: none; border: none; font-size: 1.25rem; color: #6b7280; cursor: pointer; padding: 0.25rem; line-height: 1; }
.close-btn:hover[b-up8fodtjjs] { color: #111827; }
.modal-body[b-up8fodtjjs] { padding: 1.25rem; background: #ffffff; }
.modal-footer[b-up8fodtjjs] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.25rem; border-top: 1px solid #e5e7eb; background: #f9fafb; border-radius: 0 0 12px 12px; }

@keyframes fadeIn-b-up8fodtjjs { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp-b-up8fodtjjs { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

/* Dark mode support */
:root.dark .modal-dialog[b-up8fodtjjs],
[data-theme="dark"] .modal-dialog[b-up8fodtjjs] { background: #1f2937; }
:root.dark .modal-header[b-up8fodtjjs],
[data-theme="dark"] .modal-header[b-up8fodtjjs] { background: #111827; border-color: #374151; }
:root.dark .modal-header h3[b-up8fodtjjs],
[data-theme="dark"] .modal-header h3[b-up8fodtjjs] { color: #f9fafb; }
:root.dark .modal-body[b-up8fodtjjs],
[data-theme="dark"] .modal-body[b-up8fodtjjs] { background: #1f2937; }
:root.dark .modal-footer[b-up8fodtjjs],
[data-theme="dark"] .modal-footer[b-up8fodtjjs] { background: #111827; border-color: #374151; }

/* Form */
.form-group[b-up8fodtjjs] { margin-bottom: 1rem; }
.form-group label[b-up8fodtjjs] { display: block; font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.375rem; color: #374151; }
.form-group .req[b-up8fodtjjs] { color: #dc2626; }
.form-control[b-up8fodtjjs] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.875rem; background: #ffffff; color: #111827; }
.form-control:focus[b-up8fodtjjs] { outline: none; border-color: #667eea; box-shadow: 0 0 0 3px rgba(102,126,234,0.1); }
.form-control:disabled[b-up8fodtjjs] { background: #f3f4f6; opacity: 0.7; cursor: not-allowed; }
.form-row[b-up8fodtjjs] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

/* Dark mode form controls */
:root.dark .form-group label[b-up8fodtjjs],
[data-theme="dark"] .form-group label[b-up8fodtjjs] { color: #d1d5db; }
:root.dark .form-control[b-up8fodtjjs],
[data-theme="dark"] .form-control[b-up8fodtjjs] { background: #374151; border-color: #4b5563; color: #f9fafb; }
:root.dark .form-control:disabled[b-up8fodtjjs],
[data-theme="dark"] .form-control:disabled[b-up8fodtjjs] { background: #1f2937; }

/* Request Cards */
.section[b-up8fodtjjs] { margin-bottom: 1.5rem; }
.section h4[b-up8fodtjjs] { font-size: 0.9375rem; font-weight: 600; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem; }
.section h4 i[b-up8fodtjjs] { color: var(--text-secondary); }
.requests-list[b-up8fodtjjs] { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.request-card[b-up8fodtjjs] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 8px; padding: 0.75rem; min-width: 250px; max-width: 350px; }
.request-card.pending[b-up8fodtjjs] { border-left: 3px solid #f59e0b; }
.request-card.rejected[b-up8fodtjjs] { border-left: 3px solid #ef4444; }
.request-header[b-up8fodtjjs] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.request-date[b-up8fodtjjs] { font-size: 0.75rem; color: var(--text-secondary); }
.request-body[b-up8fodtjjs] { font-size: 0.875rem; }
.request-body strong[b-up8fodtjjs] { display: block; }
.request-body .text-muted[b-up8fodtjjs] { font-size: 0.8125rem; }
.rejection-reason[b-up8fodtjjs] { margin-top: 0.5rem; padding: 0.5rem; background: #fef2f2; border-radius: 4px; font-size: 0.8125rem; color: #991b1b; }

/* Badge styles */
.badge[b-up8fodtjjs] { font-size: 0.6875rem; padding: 0.2rem 0.5rem; border-radius: 10px; font-weight: 500; text-transform: uppercase; }
.bg-warning[b-up8fodtjjs] { background: #fef3c7; color: #92400e; }
.bg-danger[b-up8fodtjjs] { background: #fee2e2; color: #991b1b; }
.bg-success[b-up8fodtjjs] { background: #d1fae5; color: #065f46; }

.text-muted[b-up8fodtjjs] { color: var(--text-secondary); }

@media (max-width: 640px) {
    .form-row[b-up8fodtjjs] { grid-template-columns: 1fr; }
    .filters[b-up8fodtjjs] { flex-direction: column; align-items: stretch; }
    .page-header[b-up8fodtjjs] { flex-direction: column; gap: 1rem; }
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/Setup/ViewSyllabus.razor.rz.scp.css */
.page-container[b-9q3k5ijjb0] { padding: 1.5rem; max-width: 1200px; margin: 0 auto; }
.page-header[b-9q3k5ijjb0] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
.page-header h1[b-9q3k5ijjb0] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.page-header .subtitle[b-9q3k5ijjb0] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }

.current-context[b-9q3k5ijjb0] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; }
.context-badge[b-9q3k5ijjb0] { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; }
.context-badge i[b-9q3k5ijjb0] { color: var(--primary-color); }

/* Alerts */
.alert[b-9q3k5ijjb0] { padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.alert-danger[b-9q3k5ijjb0] { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.alert-success[b-9q3k5ijjb0] { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }
.alert-close[b-9q3k5ijjb0] { margin-left: auto; background: none; border: none; cursor: pointer; color: inherit; opacity: 0.6; }

/* Stats Row */
.stats-row[b-9q3k5ijjb0] { display: flex; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.stat-card[b-9q3k5ijjb0] { flex: 1; min-width: 100px; padding: 1rem; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 8px; text-align: center; }
.stat-card .stat-value[b-9q3k5ijjb0] { display: block; font-size: 1.5rem; font-weight: 700; }
.stat-card .stat-label[b-9q3k5ijjb0] { font-size: 0.75rem; color: var(--text-secondary); text-transform: uppercase; }
.stat-card.draft .stat-value[b-9q3k5ijjb0] { color: #6b7280; }
.stat-card.pending .stat-value[b-9q3k5ijjb0] { color: #d97706; }
.stat-card.approved .stat-value[b-9q3k5ijjb0] { color: #059669; }
.stat-card.rejected .stat-value[b-9q3k5ijjb0] { color: #dc2626; }

/* Loading & Empty */
.loading[b-9q3k5ijjb0] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state[b-9q3k5ijjb0] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state i[b-9q3k5ijjb0] { font-size: 3rem; margin-bottom: 1rem; opacity: 0.5; }

/* Syllabus Grid */
.syllabus-grid[b-9q3k5ijjb0] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1rem; }

.syllabus-card[b-9q3k5ijjb0] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; transition: box-shadow 0.2s; }
.syllabus-card:hover[b-9q3k5ijjb0] { box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.syllabus-card.rejected[b-9q3k5ijjb0] { border-color: #fecaca; background: #fef2f2; }

.syllabus-card .card-header[b-9q3k5ijjb0] { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border-color); }
.syllabus-card .exam-badge[b-9q3k5ijjb0] { font-size: 0.75rem; font-weight: 600; padding: 0.25rem 0.5rem; background: #667eea; color: white; border-radius: 4px; }
.syllabus-card .unit-no[b-9q3k5ijjb0] { font-size: 0.75rem; color: var(--text-secondary); margin-left: 0.5rem; }

.status-badge[b-9q3k5ijjb0] { font-size: 0.7rem; padding: 0.2rem 0.5rem; border-radius: 4px; font-weight: 500; }
.status-badge.draft[b-9q3k5ijjb0] { background: #e5e7eb; color: #374151; }
.status-badge.pending[b-9q3k5ijjb0] { background: #fef3c7; color: #92400e; }
.status-badge.approved[b-9q3k5ijjb0] { background: #d1fae5; color: #065f46; }
.status-badge.rejected[b-9q3k5ijjb0] { background: #fee2e2; color: #b91c1c; }

.syllabus-card .card-body[b-9q3k5ijjb0] { padding: 1rem; }
.syllabus-card .card-body h4[b-9q3k5ijjb0] { margin: 0 0 0.5rem; font-size: 1rem; font-weight: 600; }
.meta-row[b-9q3k5ijjb0] { display: flex; flex-wrap: wrap; gap: 0.75rem; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 0.5rem; }
.meta-row span[b-9q3k5ijjb0] { display: inline-flex; align-items: center; gap: 0.25rem; }
.meta-row i[b-9q3k5ijjb0] { font-size: 0.65rem; }
.description[b-9q3k5ijjb0] { font-size: 0.8rem; color: var(--text-secondary); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.rejection-box[b-9q3k5ijjb0] { padding: 0.75rem 1rem; background: #fef2f2; border-top: 1px solid #fecaca; font-size: 0.8rem; color: #b91c1c; }

.syllabus-card .card-footer[b-9q3k5ijjb0] { display: flex; gap: 0.5rem; padding: 0.75rem 1rem; border-top: 1px solid var(--border-color); background: var(--bg-secondary); }
.status-text[b-9q3k5ijjb0] { font-size: 0.8rem; display: flex; align-items: center; gap: 0.375rem; }
.status-text.pending[b-9q3k5ijjb0] { color: #d97706; }
.status-text.approved[b-9q3k5ijjb0] { color: #059669; }

/* Buttons */
.btn[b-9q3k5ijjb0] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; text-decoration: none; }
.btn-sm[b-9q3k5ijjb0] { padding: 0.375rem 0.625rem; font-size: 0.75rem; }
.btn-primary[b-9q3k5ijjb0] { background: #667eea !important; color: white !important; }
.btn-primary:hover[b-9q3k5ijjb0] { background: #5a67d8 !important; }
.btn-outline[b-9q3k5ijjb0] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-outline:hover[b-9q3k5ijjb0] { background: var(--bg-secondary); }
.btn-danger[b-9q3k5ijjb0] { background: #dc2626; color: white; }
.btn-danger:hover[b-9q3k5ijjb0] { background: #b91c1c; }

/* Modal */
.modal-backdrop[b-9q3k5ijjb0] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 1rem; }
.modal[b-9q3k5ijjb0] { background: var(--card-bg); border-radius: 12px; width: 100%; max-width: 600px; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; }
.modal-lg[b-9q3k5ijjb0] { max-width: 700px; }
.modal-header[b-9q3k5ijjb0] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid var(--border-color); }
.modal-header h3[b-9q3k5ijjb0] { margin: 0; font-size: 1.125rem; }
.close-btn[b-9q3k5ijjb0] { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-secondary); line-height: 1; }
.modal-body[b-9q3k5ijjb0] { padding: 1.5rem; overflow-y: auto; flex: 1; }
.modal-footer[b-9q3k5ijjb0] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-top: 1px solid var(--border-color); background: var(--bg-secondary); }

/* Form */
.form-group[b-9q3k5ijjb0] { margin-bottom: 1rem; }
.form-group label[b-9q3k5ijjb0] { display: block; font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.375rem; }
.form-group .req[b-9q3k5ijjb0] { color: #dc2626; }
.form-control[b-9q3k5ijjb0] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.875rem; background: var(--input-bg); color: var(--text-primary); }
.form-control:focus[b-9q3k5ijjb0] { outline: none; border-color: var(--primary-color); }
.form-row[b-9q3k5ijjb0] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
textarea.form-control[b-9q3k5ijjb0] { resize: vertical; min-height: 60px; }

@media (max-width: 640px) {
    .stats-row[b-9q3k5ijjb0] { flex-direction: column; }
    .stat-card[b-9q3k5ijjb0] { min-width: auto; }
    .syllabus-grid[b-9q3k5ijjb0] { grid-template-columns: 1fr; }
    .form-row[b-9q3k5ijjb0] { grid-template-columns: 1fr; }
    .current-context[b-9q3k5ijjb0] { flex-direction: column; gap: 0.5rem; }
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/Submissions.razor.rz.scp.css */
.page-container[b-nj3lhb5e9l] { padding: 1.5rem; max-width: 1400px; margin: 0 auto; }

.page-header[b-nj3lhb5e9l] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
.header-left[b-nj3lhb5e9l] { display: flex; align-items: center; gap: 1rem; }
.back-link[b-nj3lhb5e9l] { width: 36px; height: 36px; border-radius: 8px; background: var(--bg-secondary); display: flex; align-items: center; justify-content: center; color: var(--text-secondary); text-decoration: none; }
.back-link:hover[b-nj3lhb5e9l] { background: var(--border-color); }
.page-header h1[b-nj3lhb5e9l] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.subtitle[b-nj3lhb5e9l] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }
.context-badge[b-nj3lhb5e9l] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 8px; font-size: 0.875rem; }

.alert[b-nj3lhb5e9l] { padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.alert-danger[b-nj3lhb5e9l] { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.alert-success[b-nj3lhb5e9l] { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }

.loading-state[b-nj3lhb5e9l] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state[b-nj3lhb5e9l] { text-align: center; padding: 2rem; color: var(--text-secondary); }
.empty-state i[b-nj3lhb5e9l] { font-size: 2.5rem; margin-bottom: 1rem; opacity: 0.5; }
.empty-state p[b-nj3lhb5e9l] { margin-bottom: 1rem; }

/* Homework Selection */
.homework-selection[b-nj3lhb5e9l] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; padding: 1.5rem; }
.homework-selection h5[b-nj3lhb5e9l] { margin: 0 0 1rem; font-size: 1rem; }

.homework-select-grid[b-nj3lhb5e9l] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; }
.hw-select-card[b-nj3lhb5e9l] { background: var(--bg-secondary); border: 2px solid transparent; border-radius: 8px; padding: 1rem; cursor: pointer; transition: all 0.15s; }
.hw-select-card:hover[b-nj3lhb5e9l] { border-color: var(--primary-color); }
.hw-select-card.selected[b-nj3lhb5e9l] { border-color: var(--primary-color); background: rgba(102, 126, 234, 0.1); }

.hw-select-header[b-nj3lhb5e9l] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.hw-date[b-nj3lhb5e9l] { font-size: 0.75rem; color: var(--text-secondary); }
.hw-select-card h6[b-nj3lhb5e9l] { margin: 0 0 0.5rem; font-size: 0.9375rem; color: var(--text-primary); }
.hw-select-stats[b-nj3lhb5e9l] { display: flex; gap: 1rem; font-size: 0.75rem; color: var(--text-secondary); }
.hw-select-stats span[b-nj3lhb5e9l] { display: flex; align-items: center; gap: 0.25rem; }

/* Homework Info Card */
.homework-info-card[b-nj3lhb5e9l] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 1rem; }
.hw-info-header[b-nj3lhb5e9l] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; }
.hw-info-main h4[b-nj3lhb5e9l] { margin: 0 0 0.5rem; font-size: 1.125rem; }
.hw-info-meta[b-nj3lhb5e9l] { display: flex; gap: 1rem; font-size: 0.8rem; color: var(--text-secondary); flex-wrap: wrap; align-items: center; }
.hw-info-meta span[b-nj3lhb5e9l] { display: flex; align-items: center; gap: 0.25rem; }

.hw-info-stats[b-nj3lhb5e9l] { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.stat-box[b-nj3lhb5e9l] { flex: 1; min-width: 80px; padding: 0.75rem; background: var(--bg-secondary); border-radius: 8px; text-align: center; }
.stat-value[b-nj3lhb5e9l] { display: block; font-size: 1.5rem; font-weight: 700; color: var(--text-primary); }
.stat-label[b-nj3lhb5e9l] { font-size: 0.7rem; color: var(--text-secondary); text-transform: uppercase; }
.stat-box.submitted .stat-value[b-nj3lhb5e9l] { color: #0d6efd; }
.stat-box.graded .stat-value[b-nj3lhb5e9l] { color: #198754; }
.stat-box.pending .stat-value[b-nj3lhb5e9l] { color: #ffc107; }

/* Toolbar */
.toolbar[b-nj3lhb5e9l] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; }
.filter-tabs[b-nj3lhb5e9l] { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.filter-tab[b-nj3lhb5e9l] { padding: 0.5rem 0.875rem; background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.8125rem; cursor: pointer; transition: all 0.15s; color: var(--text-secondary); }
.filter-tab:hover[b-nj3lhb5e9l] { border-color: var(--primary-color); color: var(--text-primary); }
.filter-tab.active[b-nj3lhb5e9l] { background: var(--primary-color); color: white; border-color: var(--primary-color); }

/* Submissions Table */
.submissions-table-container[b-nj3lhb5e9l] { overflow-x: auto; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; }
.submissions-table[b-nj3lhb5e9l] { width: 100%; border-collapse: collapse; min-width: 800px; }
.submissions-table th[b-nj3lhb5e9l] { padding: 0.75rem; text-align: left; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--text-secondary); background: var(--bg-secondary); border-bottom: 1px solid var(--border-color); }
.submissions-table td[b-nj3lhb5e9l] { padding: 0.75rem; border-bottom: 1px solid var(--border-color); font-size: 0.875rem; }
.submissions-table tr:last-child td[b-nj3lhb5e9l] { border-bottom: none; }

.col-roll[b-nj3lhb5e9l] { width: 60px; }
.col-name[b-nj3lhb5e9l] { min-width: 180px; }
.col-status[b-nj3lhb5e9l] { width: 120px; }
.col-submitted[b-nj3lhb5e9l] { width: 110px; }
.col-marks[b-nj3lhb5e9l] { width: 100px; }
.col-grade[b-nj3lhb5e9l] { width: 80px; }
.col-remarks[b-nj3lhb5e9l] { min-width: 150px; }
.col-actions[b-nj3lhb5e9l] { width: 50px; text-align: center; }

.student-name[b-nj3lhb5e9l] { display: block; font-weight: 500; color: var(--text-primary); }
.admission-no[b-nj3lhb5e9l] { display: block; font-size: 0.75rem; color: var(--text-secondary); }

.form-select-sm[b-nj3lhb5e9l], .form-control-sm[b-nj3lhb5e9l] { padding: 0.25rem 0.5rem; border: 1px solid var(--border-color); border-radius: 4px; font-size: 0.8125rem; background: var(--input-bg); color: var(--text-primary); }
.form-select-sm:focus[b-nj3lhb5e9l], .form-control-sm:focus[b-nj3lhb5e9l] { outline: none; border-color: var(--primary-color); }
.form-select-sm:disabled[b-nj3lhb5e9l], .form-control-sm:disabled[b-nj3lhb5e9l] { opacity: 0.6; background: var(--bg-secondary); }

.status-select[b-nj3lhb5e9l] { width: 100px; }
.marks-input[b-nj3lhb5e9l] { width: 50px; text-align: center; }
.max-marks[b-nj3lhb5e9l] { font-size: 0.75rem; color: var(--text-secondary); margin-left: 2px; }
.grade-select[b-nj3lhb5e9l] { width: 65px; }
.remarks-input[b-nj3lhb5e9l] { width: 100%; min-width: 120px; }

.late-text[b-nj3lhb5e9l] { color: #ffc107; }
.text-muted[b-nj3lhb5e9l] { color: var(--text-secondary); }

/* Row states */
.row-graded[b-nj3lhb5e9l] { background: rgba(25, 135, 84, 0.05); }
.row-submitted[b-nj3lhb5e9l] { background: rgba(13, 110, 253, 0.05); }
.row-late[b-nj3lhb5e9l] { background: rgba(255, 193, 7, 0.08); }
.row-missing[b-nj3lhb5e9l] { background: rgba(220, 53, 69, 0.05); }

.btn-icon[b-nj3lhb5e9l] { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: none; background: var(--bg-secondary); border-radius: 4px; cursor: pointer; color: var(--text-secondary); transition: all 0.15s; }
.btn-icon:hover[b-nj3lhb5e9l] { background: var(--primary-color); color: white; }

.btn[b-nj3lhb5e9l] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; }
.btn-primary[b-nj3lhb5e9l] { background: #667eea; color: white; }
.btn-primary:hover[b-nj3lhb5e9l] { background: #5a67d8; }
.btn-primary:disabled[b-nj3lhb5e9l] { opacity: 0.5; cursor: not-allowed; }
.btn-secondary[b-nj3lhb5e9l] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-secondary:hover[b-nj3lhb5e9l] { background: var(--bg-secondary); }

.badge[b-nj3lhb5e9l] { display: inline-block; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; }

@media (max-width: 768px) {
    .page-header[b-nj3lhb5e9l] { flex-direction: column; }
    .hw-info-header[b-nj3lhb5e9l] { flex-direction: column; }
    .toolbar[b-nj3lhb5e9l] { flex-direction: column; align-items: stretch; }
    .filter-tabs[b-nj3lhb5e9l] { justify-content: center; }
    .homework-select-grid[b-nj3lhb5e9l] { grid-template-columns: 1fr; }
    .hw-info-stats[b-nj3lhb5e9l] { flex-direction: column; }
    .stat-box[b-nj3lhb5e9l] { min-width: auto; }
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/SyllabusHub.razor.rz.scp.css */
.page-container[b-t74s6f0xvt] { padding: 1.5rem; max-width: 1200px; margin: 0 auto; }
.page-header h1[b-t74s6f0xvt] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.page-header .subtitle[b-t74s6f0xvt] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }

.current-context[b-t74s6f0xvt] { margin: 1rem 0; }
.context-badge[b-t74s6f0xvt] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--bg-secondary);
    border-radius: 8px;
    font-size: 0.875rem;
    color: var(--text-primary);
}
.context-badge i[b-t74s6f0xvt] { color: var(--primary-color); }

.hub-nav[b-t74s6f0xvt] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 2px solid var(--border-color);
    margin: 1.5rem 0 0;
}

.nav-tab[b-t74s6f0xvt] {
    padding: 0.75rem 1.25rem;
    background: none;
    border: none;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.15s;
}

.nav-tab:hover[b-t74s6f0xvt] { color: var(--text-primary); }
.nav-tab.active[b-t74s6f0xvt] {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

.hub-content[b-t74s6f0xvt] { padding: 1.5rem 0; }

.category-grid[b-t74s6f0xvt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.category-card[b-t74s6f0xvt] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    text-decoration: none;
    color: var(--text-primary);
    transition: all 0.2s;
}

.category-card:hover[b-t74s6f0xvt] {
    border-color: var(--primary-color);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

.category-card.disabled[b-t74s6f0xvt] {
    opacity: 0.5;
    pointer-events: none;
}

.card-icon[b-t74s6f0xvt] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    flex-shrink: 0;
}

.card-content h5[b-t74s6f0xvt] {
    margin: 0 0 0.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
}

.card-content p[b-t74s6f0xvt] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--text-secondary);
    line-height: 1.4;
}

.card-content .badge[b-t74s6f0xvt] {
    margin-top: 0.5rem;
    font-size: 0.625rem;
    padding: 0.2rem 0.5rem;
}

.alert[b-t74s6f0xvt] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin: 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-info[b-t74s6f0xvt] {
    background: #eff6ff;
    color: #1e40af;
    border: 1px solid #bfdbfe;
}

@media (max-width: 640px) {
    .category-grid[b-t74s6f0xvt] { grid-template-columns: 1fr; }
    .hub-nav[b-t74s6f0xvt] { flex-wrap: wrap; }
    .nav-tab[b-t74s6f0xvt] { flex: 1; justify-content: center; }
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/Tracking/CopyChecking.razor.rz.scp.css */
.page-container[b-upo5cezncj] { padding: 1.5rem; max-width: 1400px; margin: 0 auto; }

.page-header[b-upo5cezncj] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
.header-left[b-upo5cezncj] { display: flex; align-items: center; gap: 1rem; }
.back-link[b-upo5cezncj] { width: 36px; height: 36px; border-radius: 8px; background: var(--bg-secondary); display: flex; align-items: center; justify-content: center; color: var(--text-secondary); text-decoration: none; }
.back-link:hover[b-upo5cezncj] { background: var(--border-color); }
.page-header h1[b-upo5cezncj] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.subtitle[b-upo5cezncj] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }
.context-badge[b-upo5cezncj] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 8px; font-size: 0.875rem; }

.alert[b-upo5cezncj] { padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.alert-warning[b-upo5cezncj] { background: #fff3cd; color: #856404; border: 1px solid #ffc107; }
.alert-danger[b-upo5cezncj] { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.alert-success[b-upo5cezncj] { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }

/* View Toggle */
.view-toggle[b-upo5cezncj] { display: flex; gap: 0.5rem; margin-bottom: 1.5rem; }
.toggle-btn[b-upo5cezncj] { padding: 0.625rem 1rem; border: 1px solid var(--border-color); border-radius: 6px; background: var(--card-bg); color: var(--text-secondary); cursor: pointer; font-size: 0.875rem; display: flex; align-items: center; gap: 0.5rem; transition: all 0.15s; }
.toggle-btn:hover[b-upo5cezncj] { border-color: var(--primary-color); color: var(--text-primary); }
.toggle-btn.active[b-upo5cezncj] { background: var(--primary-color); color: white; border-color: var(--primary-color); }

/* Check Form Card */
.check-form-card[b-upo5cezncj] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; padding: 1.25rem; margin-bottom: 1.5rem; }
.form-row[b-upo5cezncj] { display: flex; gap: 1rem; align-items: flex-end; flex-wrap: wrap; }
.form-group[b-upo5cezncj] { margin-bottom: 0; }
.form-group label[b-upo5cezncj] { display: block; font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.375rem; color: var(--text-secondary); }
.flex-1[b-upo5cezncj] { flex: 1; min-width: 200px; }
.form-select[b-upo5cezncj], .form-control[b-upo5cezncj] { padding: 0.5rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; background: var(--input-bg); color: var(--text-primary); font-size: 0.875rem; }
.form-select:focus[b-upo5cezncj], .form-control:focus[b-upo5cezncj] { outline: none; border-color: var(--primary-color); }

.btn[b-upo5cezncj] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; }
.btn-primary[b-upo5cezncj] { background: #667eea; color: white; }
.btn-primary:hover[b-upo5cezncj] { background: #5a67d8; }
.btn-primary:disabled[b-upo5cezncj] { opacity: 0.5; cursor: not-allowed; }
.btn-secondary[b-upo5cezncj] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-secondary:hover[b-upo5cezncj] { background: var(--bg-secondary); }
.btn-lg[b-upo5cezncj] { padding: 0.75rem 1.5rem; font-size: 1rem; }

.loading-state[b-upo5cezncj] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state[b-upo5cezncj] { text-align: center; padding: 3rem; color: var(--text-secondary); background: var(--card-bg); border-radius: 10px; }
.empty-state i[b-upo5cezncj] { font-size: 2.5rem; margin-bottom: 1rem; opacity: 0.5; }
.empty-state p[b-upo5cezncj] { margin-bottom: 1rem; }

/* Student Check Table */
.student-check-table[b-upo5cezncj] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; margin-bottom: 1rem; }
.student-check-table table[b-upo5cezncj] { width: 100%; border-collapse: collapse; }
.student-check-table th[b-upo5cezncj] { padding: 0.75rem; text-align: left; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--text-secondary); background: var(--bg-secondary); border-bottom: 1px solid var(--border-color); }
.student-check-table td[b-upo5cezncj] { padding: 0.75rem; border-bottom: 1px solid var(--border-color); font-size: 0.875rem; }
.student-check-table tr:last-child td[b-upo5cezncj] { border-bottom: none; }
.student-check-table tr.row-graded[b-upo5cezncj] { background: rgba(40, 167, 69, 0.05); }

.col-roll[b-upo5cezncj] { width: 60px; }
.col-name[b-upo5cezncj] { min-width: 180px; }
.col-status[b-upo5cezncj] { width: 100px; }
.col-grade[b-upo5cezncj] { width: 80px; }
.col-remarks[b-upo5cezncj] { min-width: 150px; }
.col-action[b-upo5cezncj] { width: 50px; text-align: center; }

.student-name[b-upo5cezncj] { display: block; font-weight: 500; color: var(--text-primary); }
.admission-no[b-upo5cezncj] { display: block; font-size: 0.75rem; color: var(--text-secondary); }

.last-check[b-upo5cezncj] { font-size: 0.8rem; color: var(--text-secondary); }
.last-check.recent[b-upo5cezncj] { color: #28a745; }
.no-check[b-upo5cezncj] { font-size: 0.75rem; color: #dc3545; }

.form-select-sm[b-upo5cezncj], .form-control-sm[b-upo5cezncj] { padding: 0.25rem 0.5rem; border: 1px solid var(--border-color); border-radius: 4px; font-size: 0.8125rem; background: var(--input-bg); color: var(--text-primary); }
.form-select-sm:focus[b-upo5cezncj], .form-control-sm:focus[b-upo5cezncj] { outline: none; border-color: var(--primary-color); }
.grade-select[b-upo5cezncj] { width: 70px; }
.remarks-input[b-upo5cezncj] { width: 100%; min-width: 120px; }

.btn-icon[b-upo5cezncj] { width: 28px; height: 28px; border: none; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: var(--bg-secondary); color: var(--text-secondary); transition: all 0.15s; }
.btn-icon:hover[b-upo5cezncj] { background: var(--primary-color); color: white; }
.btn-icon.success[b-upo5cezncj] { background: rgba(40, 167, 69, 0.1); color: #28a745; }
.btn-icon.danger:hover[b-upo5cezncj] { background: #dc3545; color: white; }

/* Action Bar */
.action-bar[b-upo5cezncj] { display: flex; justify-content: space-between; align-items: center; padding: 1rem; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; }
.stats[b-upo5cezncj] { display: flex; gap: 1rem; font-size: 0.875rem; color: var(--text-secondary); }

/* History View */
.toolbar[b-upo5cezncj] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.filter-group[b-upo5cezncj] { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; }
.date-sep[b-upo5cezncj] { color: var(--text-secondary); }

/* History Timeline */
.history-timeline[b-upo5cezncj] { display: flex; flex-direction: column; gap: 1.5rem; }
.date-group[b-upo5cezncj] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; }
.date-header[b-upo5cezncj] { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border-color); }
.date-day[b-upo5cezncj] { font-size: 1.5rem; font-weight: 700; color: var(--primary-color); min-width: 40px; }
.date-info[b-upo5cezncj] { display: flex; flex-direction: column; }
.date-month[b-upo5cezncj] { font-size: 0.875rem; font-weight: 500; color: var(--text-primary); }
.date-weekday[b-upo5cezncj] { font-size: 0.75rem; color: var(--text-secondary); }
.check-count[b-upo5cezncj] { margin-left: auto; font-size: 0.8rem; color: var(--text-secondary); background: var(--card-bg); padding: 0.25rem 0.5rem; border-radius: 4px; }

.check-cards[b-upo5cezncj] { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1rem; padding: 1rem; }
.check-type-card[b-upo5cezncj] { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 8px; padding: 1rem; }
.type-header[b-upo5cezncj] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; }
.type-badge[b-upo5cezncj] { background: var(--primary-color); color: white; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.75rem; font-weight: 600; }
.type-count[b-upo5cezncj] { font-size: 0.75rem; color: var(--text-secondary); }
.grade-summary[b-upo5cezncj] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.75rem; }
.grade-chip[b-upo5cezncj] { font-size: 0.7rem; padding: 0.2rem 0.4rem; border-radius: 4px; background: var(--card-bg); color: var(--text-secondary); }
.grade-chip.grade-a[b-upo5cezncj] { background: rgba(40, 167, 69, 0.15); color: #28a745; }
.grade-chip.grade-b[b-upo5cezncj] { background: rgba(23, 162, 184, 0.15); color: #17a2b8; }
.grade-chip.grade-c[b-upo5cezncj] { background: rgba(255, 193, 7, 0.15); color: #856404; }
.grade-chip.grade-d[b-upo5cezncj] { background: rgba(108, 117, 125, 0.15); color: #6c757d; }
.btn-view-details[b-upo5cezncj] { width: 100%; padding: 0.5rem; background: none; border: 1px solid var(--border-color); border-radius: 4px; color: var(--text-secondary); cursor: pointer; font-size: 0.8rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; }
.btn-view-details:hover[b-upo5cezncj] { border-color: var(--primary-color); color: var(--primary-color); }

/* Modal */
.modal-backdrop[b-upo5cezncj] { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1000; }
.modal[b-upo5cezncj] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; width: 100%; max-width: 800px; max-height: 90vh; overflow-y: auto; }
.modal-dialog[b-upo5cezncj] { background: var(--card-bg); border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,0.15); }
.modal-dialog.modal-lg[b-upo5cezncj] { max-width: 800px; }
.modal-header[b-upo5cezncj] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border-color); }
.modal-header h5[b-upo5cezncj] { margin: 0; font-size: 1.125rem; }
.btn-close[b-upo5cezncj] { background: none; border: none; font-size: 1.25rem; cursor: pointer; color: var(--text-secondary); }
.modal-body[b-upo5cezncj] { padding: 1.25rem; }
.modal-footer[b-upo5cezncj] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 1rem 1.25rem; border-top: 1px solid var(--border-color); }

.details-table[b-upo5cezncj] { width: 100%; border-collapse: collapse; }
.details-table th[b-upo5cezncj] { padding: 0.5rem; text-align: left; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--text-secondary); background: var(--bg-secondary); }
.details-table td[b-upo5cezncj] { padding: 0.5rem; border-bottom: 1px solid var(--border-color); font-size: 0.875rem; }
.badge[b-upo5cezncj] { display: inline-block; padding: 0.2rem 0.5rem; border-radius: 4px; font-size: 0.7rem; font-weight: 600; }
.bg-success[b-upo5cezncj] { background: #28a745; color: white; }
.bg-info[b-upo5cezncj] { background: #17a2b8; color: white; }
.bg-warning[b-upo5cezncj] { background: #ffc107; color: #212529; }
.bg-secondary[b-upo5cezncj] { background: #6c757d; color: white; }
.corrected[b-upo5cezncj] { color: #28a745; font-size: 0.8rem; }
.btn-sm[b-upo5cezncj] { padding: 0.25rem 0.5rem; font-size: 0.75rem; background: var(--primary-color); color: white; border: none; border-radius: 4px; cursor: pointer; }
.btn-sm:hover[b-upo5cezncj] { background: #5a67d8; }

@media (max-width: 768px) {
    .page-header[b-upo5cezncj] { flex-direction: column; }
    .check-form-card .form-row[b-upo5cezncj] { flex-direction: column; }
    .flex-1[b-upo5cezncj] { width: 100%; min-width: auto; }
    .toolbar[b-upo5cezncj] { flex-direction: column; align-items: stretch; }
    .filter-group[b-upo5cezncj] { flex-direction: column; }
    .action-bar[b-upo5cezncj] { flex-direction: column; gap: 1rem; }
    .stats[b-upo5cezncj] { justify-content: center; }
    .check-cards[b-upo5cezncj] { grid-template-columns: 1fr; }
}
/* /Areas/Academic/Pages/SubjectTeacher/Syllabus/Tracking/ExerciseCompletion.razor.rz.scp.css */
.page-container[b-gdcqi1rxzt] { padding: 1.5rem; max-width: 1400px; margin: 0 auto; }

.page-header[b-gdcqi1rxzt] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
.header-left[b-gdcqi1rxzt] { display: flex; align-items: center; gap: 1rem; }
.back-link[b-gdcqi1rxzt] { width: 36px; height: 36px; border-radius: 8px; background: var(--bg-secondary); display: flex; align-items: center; justify-content: center; color: var(--text-secondary); text-decoration: none; }
.back-link:hover[b-gdcqi1rxzt] { background: var(--border-color); }
.page-header h1[b-gdcqi1rxzt] { font-size: 1.5rem; font-weight: 600; margin: 0; }
.subtitle[b-gdcqi1rxzt] { color: var(--text-secondary); margin: 0.25rem 0 0; font-size: 0.875rem; }
.context-badge[b-gdcqi1rxzt] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 8px; font-size: 0.875rem; }

.alert[b-gdcqi1rxzt] { padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.alert-warning[b-gdcqi1rxzt] { background: #fff3cd; color: #856404; border: 1px solid #ffc107; }
.alert-danger[b-gdcqi1rxzt] { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.alert-success[b-gdcqi1rxzt] { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }

.toolbar[b-gdcqi1rxzt] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.filter-group[b-gdcqi1rxzt] { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.form-select[b-gdcqi1rxzt] { padding: 0.5rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; background: var(--input-bg); color: var(--text-primary); font-size: 0.875rem; min-width: 150px; }
.form-select:focus[b-gdcqi1rxzt] { outline: none; border-color: var(--primary-color); }

.btn[b-gdcqi1rxzt] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; transition: all 0.15s; }
.btn-primary[b-gdcqi1rxzt] { background: #667eea; color: white; }
.btn-primary:hover[b-gdcqi1rxzt] { background: #5a67d8; }
.btn-secondary[b-gdcqi1rxzt] { background: var(--card-bg); color: var(--text-primary); border: 1px solid var(--border-color); }
.btn-secondary:hover[b-gdcqi1rxzt] { background: var(--bg-secondary); }
.btn-success[b-gdcqi1rxzt] { background: #28a745; color: white; }
.btn-success:hover[b-gdcqi1rxzt] { background: #218838; }

.loading-state[b-gdcqi1rxzt] { text-align: center; padding: 3rem; color: var(--text-secondary); }
.empty-state[b-gdcqi1rxzt] { text-align: center; padding: 3rem; color: var(--text-secondary); background: var(--card-bg); border-radius: 10px; }
.empty-state i[b-gdcqi1rxzt] { font-size: 2.5rem; margin-bottom: 1rem; opacity: 0.5; }
.empty-state p[b-gdcqi1rxzt] { margin-bottom: 1rem; }

/* Summary Cards */
.summary-cards[b-gdcqi1rxzt] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.summary-card[b-gdcqi1rxzt] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; padding: 1rem; }
.summary-header[b-gdcqi1rxzt] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; }
.chapter-unit[b-gdcqi1rxzt] { font-weight: 600; color: var(--primary-color); }
.chapter-name[b-gdcqi1rxzt] { color: var(--text-primary); font-size: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.progress-bar-container[b-gdcqi1rxzt] { height: 6px; background: var(--bg-secondary); border-radius: 3px; overflow: hidden; margin-bottom: 0.5rem; }
.progress-bar-fill[b-gdcqi1rxzt] { height: 100%; background: linear-gradient(90deg, #667eea, #28a745); transition: width 0.3s; }
.summary-stats[b-gdcqi1rxzt] { display: flex; gap: 1rem; font-size: 0.75rem; }
.summary-stats .stat[b-gdcqi1rxzt] { color: var(--text-secondary); }
.summary-stats .completed[b-gdcqi1rxzt] { color: #28a745; }
.summary-stats .pending[b-gdcqi1rxzt] { color: #6c757d; }

/* Exercise List */
.exercise-list[b-gdcqi1rxzt] { display: flex; flex-direction: column; gap: 1.5rem; }
.chapter-group[b-gdcqi1rxzt] { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; }
.chapter-header[b-gdcqi1rxzt] { display: flex; align-items: center; gap: 0.75rem; padding: 1rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border-color); }
.unit-badge[b-gdcqi1rxzt] { background: var(--primary-color); color: white; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.75rem; font-weight: 600; }
.chapter-title[b-gdcqi1rxzt] { font-weight: 500; color: var(--text-primary); }

.exercise-grid[b-gdcqi1rxzt] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; padding: 1rem; }
.exercise-card[b-gdcqi1rxzt] { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 8px; padding: 1rem; transition: all 0.15s; }
.exercise-card:hover[b-gdcqi1rxzt] { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.exercise-card.completed[b-gdcqi1rxzt] { background: rgba(40, 167, 69, 0.1); border-color: rgba(40, 167, 69, 0.3); }
.exercise-card.in-progress[b-gdcqi1rxzt] { background: rgba(255, 193, 7, 0.1); border-color: rgba(255, 193, 7, 0.3); }

.ex-header[b-gdcqi1rxzt] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.badge[b-gdcqi1rxzt] { display: inline-block; padding: 0.2rem 0.5rem; border-radius: 4px; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; }
.bg-secondary[b-gdcqi1rxzt] { background: #6c757d; color: white; }
.bg-warning[b-gdcqi1rxzt] { background: #ffc107; }
.bg-success[b-gdcqi1rxzt] { background: #28a745; color: white; }
.text-dark[b-gdcqi1rxzt] { color: #212529 !important; }
.type-badge[b-gdcqi1rxzt] { font-size: 0.7rem; color: var(--text-secondary); background: var(--card-bg); padding: 0.2rem 0.5rem; border-radius: 4px; }

.ex-name[b-gdcqi1rxzt] { font-size: 0.9375rem; font-weight: 500; margin: 0 0 0.5rem; color: var(--text-primary); }
.ex-details[b-gdcqi1rxzt] { display: flex; gap: 1rem; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 0.5rem; }
.ex-details span[b-gdcqi1rxzt] { display: flex; align-items: center; gap: 0.25rem; }
.ex-completed[b-gdcqi1rxzt] { font-size: 0.75rem; color: #28a745; display: flex; align-items: center; gap: 0.25rem; margin-bottom: 0.5rem; }

.ex-actions[b-gdcqi1rxzt] { display: flex; gap: 0.5rem; padding-top: 0.5rem; border-top: 1px solid var(--border-color); }
.btn-action[b-gdcqi1rxzt] { width: 28px; height: 28px; border: none; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: var(--card-bg); color: var(--text-secondary); transition: all 0.15s; }
.btn-action:hover[b-gdcqi1rxzt] { background: var(--primary-color); color: white; }
.btn-action.secondary:hover[b-gdcqi1rxzt] { background: var(--border-color); color: var(--text-primary); }
.btn-action.success[b-gdcqi1rxzt] { color: #28a745; }
.btn-action.success:hover[b-gdcqi1rxzt] { background: #28a745; color: white; }
.btn-action.danger:hover[b-gdcqi1rxzt] { background: #dc3545; color: white; }

/* Modal */
.modal-backdrop[b-gdcqi1rxzt] { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1000; }
.modal[b-gdcqi1rxzt] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; width: 100%; max-width: 500px; max-height: 90vh; overflow-y: auto; }
.modal-dialog[b-gdcqi1rxzt] { background: var(--card-bg); border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,0.15); }
.modal-dialog.modal-sm[b-gdcqi1rxzt] { max-width: 400px; }
.modal-header[b-gdcqi1rxzt] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border-color); }
.modal-header h5[b-gdcqi1rxzt] { margin: 0; font-size: 1.125rem; }
.btn-close[b-gdcqi1rxzt] { background: none; border: none; font-size: 1.25rem; cursor: pointer; color: var(--text-secondary); }
.modal-body[b-gdcqi1rxzt] { padding: 1.25rem; }
.modal-footer[b-gdcqi1rxzt] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 1rem 1.25rem; border-top: 1px solid var(--border-color); }

.form-group[b-gdcqi1rxzt] { margin-bottom: 1rem; }
.form-group label[b-gdcqi1rxzt] { display: block; font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.375rem; color: var(--text-secondary); }
.form-control[b-gdcqi1rxzt] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; font-size: 0.875rem; background: var(--input-bg); color: var(--text-primary); }
.form-control:focus[b-gdcqi1rxzt] { outline: none; border-color: var(--primary-color); }
textarea.form-control[b-gdcqi1rxzt] { resize: vertical; }
.form-row[b-gdcqi1rxzt] { display: flex; gap: 1rem; }
.flex-1[b-gdcqi1rxzt] { flex: 1; }

@media (max-width: 768px) {
    .page-header[b-gdcqi1rxzt] { flex-direction: column; }
    .toolbar[b-gdcqi1rxzt] { flex-direction: column; align-items: stretch; }
    .filter-group[b-gdcqi1rxzt] { flex-direction: column; }
    .form-select[b-gdcqi1rxzt] { width: 100%; }
    .summary-cards[b-gdcqi1rxzt] { grid-template-columns: 1fr; }
    .exercise-grid[b-gdcqi1rxzt] { grid-template-columns: 1fr; }
    .form-row[b-gdcqi1rxzt] { flex-direction: column; gap: 0; }
}
/* /Areas/Academic/Pages/SubjectTeacher/Timetable/WeekView.razor.rz.scp.css */
/* Subject Teacher Week View - Merged View Layout */

.week-view-page[b-mitghxkrxu] {
    padding: 1rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Events Info Bar */
.events-info-bar[b-mitghxkrxu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.6rem 1rem;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(139, 92, 246, 0.08) 100%);
    border-left: 3px solid #6366f1;
    border-radius: 8px;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.events-info-left[b-mitghxkrxu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #475569;
}

.events-info-left i[b-mitghxkrxu] {
    color: #6366f1;
}

.events-info-right[b-mitghxkrxu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.override-badge[b-mitghxkrxu] {
    background: rgba(245, 158, 11, 0.15);
    color: #92400e;
    padding: 0.2rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Header Bar */
.header-bar[b-mitghxkrxu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-title h1[b-mitghxkrxu] {
    font-size: 1.5rem;
    margin: 0;
    color: #1e293b;
}

.header-title .subtitle[b-mitghxkrxu] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: #64748b;
}

.week-nav[b-mitghxkrxu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-nav[b-mitghxkrxu] {
    width: 36px;
    height: 36px;
    border: 1px solid #e2e8f0;
    background: white;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    transition: all 0.2s;
}

.btn-nav:hover:not(:disabled)[b-mitghxkrxu] {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #475569;
}

.btn-nav:disabled[b-mitghxkrxu] {
    opacity: 0.5;
    cursor: not-allowed;
}

.week-display[b-mitghxkrxu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1rem;
    min-width: 140px;
}

.week-label[b-mitghxkrxu] {
    font-weight: 600;
    color: #1e293b;
}

.week-dates[b-mitghxkrxu] {
    font-size: 0.8rem;
    color: #64748b;
}

.current-badge[b-mitghxkrxu] {
    background: #10b981;
    color: white;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    font-size: 0.7rem;
    margin-top: 0.25rem;
}

/* Filter Bar */
.filter-bar[b-mitghxkrxu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-radius: 10px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.filter-group[b-mitghxkrxu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-group label[b-mitghxkrxu] {
    font-weight: 500;
    color: #475569;
    white-space: nowrap;
    font-size: 0.9rem;
}

.filter-group .form-select[b-mitghxkrxu] {
    min-width: 220px;
    padding: 0.4rem 0.75rem;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.stats-summary[b-mitghxkrxu] {
    display: flex;
    gap: 1.25rem;
    font-size: 0.85rem;
}

.stat-item[b-mitghxkrxu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #64748b;
}

.stat-item .stat-value[b-mitghxkrxu] {
    font-weight: 600;
    color: #1e293b;
}

.stat-item.marked .stat-value[b-mitghxkrxu] {
    color: #10b981;
}

.stat-item.pending .stat-value[b-mitghxkrxu] {
    color: #f59e0b;
}

.stat-item.modified .stat-value[b-mitghxkrxu] {
    color: #8b5cf6;
}


/* Loading & Empty States */
.loading-state[b-mitghxkrxu],
.empty-state[b-mitghxkrxu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: #64748b;
}

.empty-state i[b-mitghxkrxu] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #cbd5e1;
}

.empty-state h5[b-mitghxkrxu] {
    margin: 0 0 0.5rem;
    color: #475569;
}

.empty-state p[b-mitghxkrxu] {
    margin: 0;
    max-width: 400px;
}

/* Timetable Card */
.timetable-card[b-mitghxkrxu] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.timetable-wrapper[b-mitghxkrxu] {
    overflow-x: auto;
}

.timetable[b-mitghxkrxu] {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

.timetable th[b-mitghxkrxu],
.timetable td[b-mitghxkrxu] {
    border: 1px solid #e2e8f0;
    padding: 0;
}

.timetable thead th[b-mitghxkrxu] {
    background: #f8fafc;
    padding: 0.75rem 0.5rem;
    font-weight: 600;
    text-align: center;
    color: #475569;
}

.timetable thead th.today[b-mitghxkrxu] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.timetable thead th.weekend[b-mitghxkrxu] {
    background: #fef9c3;
    color: #92400e;
}

.timetable thead th.off-day[b-mitghxkrxu] {
    background: #f1f5f9;
    color: #64748b;
}

.mod-indicator[b-mitghxkrxu] {
    color: #f59e0b;
    font-size: 0.6rem;
    margin-left: 0.25rem;
}

.period-col[b-mitghxkrxu] {
    width: 80px;
    min-width: 80px;
}

.day-header[b-mitghxkrxu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
}

.day-name[b-mitghxkrxu] {
    font-weight: 600;
}

.day-date[b-mitghxkrxu] {
    font-size: 0.75rem;
    opacity: 0.8;
}

/* Period Cell */
.period-cell[b-mitghxkrxu] {
    background: #f8fafc;
    text-align: center;
    padding: 0.5rem !important;
    vertical-align: middle;
}

.period-name[b-mitghxkrxu] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #475569;
}

.period-time[b-mitghxkrxu] {
    font-size: 0.7rem;
    color: #94a3b8;
}

/* Slot Cell */
.slot-cell[b-mitghxkrxu] {
    padding: 0 !important;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    transition: background 0.15s;
    height: 60px;
    min-width: 100px;
}

.slot-cell:hover[b-mitghxkrxu] {
    background: #f1f5f9;
}

.slot-cell.today-col[b-mitghxkrxu] {
    background: #f0f9ff;
}

.slot-cell.today-col:hover[b-mitghxkrxu] {
    background: #e0f2fe;
}

/* Merged Off-Day Cell */
.merged-off-cell[b-mitghxkrxu] {
    background: linear-gradient(180deg, rgba(148, 163, 184, 0.06) 0%, rgba(148, 163, 184, 0.12) 100%);
    border-left: 3px solid var(--off-color, #94a3b8);
    vertical-align: middle;
    text-align: center;
    min-width: 90px;
}

.merged-off-content[b-mitghxkrxu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 1rem 0.5rem;
    color: #64748b;
}

.merged-off-content i[b-mitghxkrxu] {
    font-size: 1.75rem;
    color: var(--off-color, #94a3b8);
    opacity: 0.6;
}

.merged-off-content .off-title[b-mitghxkrxu] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #64748b;
    max-width: 80px;
    text-align: center;
    line-height: 1.3;
}

.slot-cell.has-slot[b-mitghxkrxu] {
    cursor: pointer;
}

/* Slot Content */
.slot[b-mitghxkrxu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0.3rem;
    text-align: center;
    position: relative;
}

.slot.free[b-mitghxkrxu] {
    background: #f8fafc;
    color: #94a3b8;
}

.slot.free .free-label[b-mitghxkrxu] {
    font-size: 0.75rem;
    color: #cbd5e1;
}

/* Event Slot - horizontal layout like substitution */
.slot.event-slot[b-mitghxkrxu] {
    background: color-mix(in srgb, var(--evt-color, #8b5cf6) 12%, transparent);
    border-left: 3px solid var(--evt-color, #8b5cf6);
    color: #1e293b;
    flex-direction: row;
    gap: 0.35rem;
}

.slot.event-slot i[b-mitghxkrxu] {
    color: var(--evt-color, #8b5cf6);
    font-size: 0.85rem;
}

.slot.event-slot .event-name[b-mitghxkrxu] {
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Cancelled Slot - horizontal layout */
.slot.cancelled[b-mitghxkrxu] {
    background: rgba(239, 68, 68, 0.08);
    border-left: 3px solid #ef4444;
    color: #991b1b;
    flex-direction: row;
    gap: 0.35rem;
}

.slot.cancelled i[b-mitghxkrxu] {
    color: #ef4444;
    font-size: 0.85rem;
}

.slot.cancelled .cancel-text[b-mitghxkrxu] {
    font-size: 0.75rem;
    font-weight: 500;
}

/* Substituted Slot - compact design */
.slot.substituted[b-mitghxkrxu] {
    background: rgba(245, 158, 11, 0.1);
    border-left: 3px solid #f59e0b;
    color: #92400e;
    flex-direction: row;
    gap: 0.35rem;
}

.slot.substituted i[b-mitghxkrxu] {
    color: #f59e0b;
    font-size: 0.85rem;
}

.slot.substituted .teacher-name[b-mitghxkrxu] {
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Slot styles - matching Class Teacher view */
.slot.regular[b-mitghxkrxu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.slot.syllabus-marked[b-mitghxkrxu] {
    border-left: 3px solid #10b981;
}

.slot.syllabus-pending[b-mitghxkrxu] {
    border-left: 3px solid #f59e0b;
}

.slot.regular .subject-row[b-mitghxkrxu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    width: 100%;
}

.slot.regular .subject[b-mitghxkrxu] {
    font-weight: 600;
    font-size: 0.8rem;
    color: #1e293b;
    text-align: center;
    line-height: 1.2;
}

.slot.regular .teacher[b-mitghxkrxu] {
    display: block;
    width: 100%;
    font-size: 0.7rem;
    color: #64748b;
    text-align: center;
}

.syllabus-icon[b-mitghxkrxu] {
    font-size: 0.7rem;
}

.syllabus-icon.marked[b-mitghxkrxu] {
    color: #10b981;
}

.syllabus-icon.pending[b-mitghxkrxu] {
    color: #f59e0b;
}

/* Footer Bar / Legend */
.footer-bar[b-mitghxkrxu] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.legend[b-mitghxkrxu] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.legend-item[b-mitghxkrxu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    color: #64748b;
}

.legend-dot[b-mitghxkrxu] {
    width: 14px;
    height: 14px;
    border-radius: 4px;
}

.legend-dot.teaching[b-mitghxkrxu] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.legend-dot.marked[b-mitghxkrxu] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.legend-dot.pending[b-mitghxkrxu] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.legend-dot.substituted[b-mitghxkrxu] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

/* Modal Styles */
.modal-backdrop[b-mitghxkrxu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
}

.modal-container[b-mitghxkrxu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.modal-content[b-mitghxkrxu] {
    background: white;
    border-radius: 12px;
    max-width: 520px;
    width: 90%;
    max-height: 90vh;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
}

.modal-header[b-mitghxkrxu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.modal-header h5[b-mitghxkrxu] {
    margin: 0;
    font-size: 1.1rem;
}

.modal-body[b-mitghxkrxu] {
    padding: 1.25rem;
    overflow-y: auto;
    max-height: 60vh;
}

.modal-footer[b-mitghxkrxu] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid #e2e8f0;
}

.btn-close[b-mitghxkrxu] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: rgba(255,255,255,0.8);
    line-height: 1;
}

.btn-close:hover[b-mitghxkrxu] {
    color: white;
}

/* Slot Context in Modal */
.slot-context[b-mitghxkrxu] {
    background: #f8fafc;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.context-row[b-mitghxkrxu] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 0.85rem;
    color: #475569;
}

.context-row:not(:last-child)[b-mitghxkrxu] {
    margin-bottom: 0.5rem;
}

.context-row span[b-mitghxkrxu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.context-row i[b-mitghxkrxu] {
    color: #667eea;
    width: 16px;
}

/* Form Styles */
.form-group[b-mitghxkrxu] {
    margin-bottom: 1rem;
}

.form-group label[b-mitghxkrxu] {
    display: block;
    font-weight: 500;
    color: #475569;
    margin-bottom: 0.35rem;
    font-size: 0.9rem;
}

.form-group label .req[b-mitghxkrxu] {
    color: #ef4444;
}

.form-row[b-mitghxkrxu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-control[b-mitghxkrxu],
.form-select[b-mitghxkrxu] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.9rem;
}

.form-control:focus[b-mitghxkrxu],
.form-select:focus[b-mitghxkrxu] {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.form-range[b-mitghxkrxu] {
    width: 100%;
}

.loading-inline[b-mitghxkrxu] {
    padding: 1rem;
    color: #64748b;
    text-align: center;
}

/* Alerts */
.alert[b-mitghxkrxu] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-danger[b-mitghxkrxu] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.alert-warning[b-mitghxkrxu] {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fcd34d;
}

/* Buttons */
.btn[b-mitghxkrxu] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.15s;
}

.btn-primary[b-mitghxkrxu] {
    background: #667eea;
    color: white;
}

.btn-primary:hover[b-mitghxkrxu] {
    background: #5a67d8;
}

.btn-primary:disabled[b-mitghxkrxu] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-secondary[b-mitghxkrxu] {
    background: #f1f5f9;
    color: #475569;
}

.btn-secondary:hover[b-mitghxkrxu] {
    background: #e2e8f0;
}

.btn-danger[b-mitghxkrxu] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover[b-mitghxkrxu] {
    background: #dc2626;
}

/* Week Summary Section */
.week-summary-section[b-mitghxkrxu] {
    margin-top: 1rem;
}

.summary-card[b-mitghxkrxu] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.summary-card-header[b-mitghxkrxu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    font-weight: 600;
    color: #475569;
}

.summary-card-header i[b-mitghxkrxu] {
    color: #6366f1;
}

.count-badge[b-mitghxkrxu] {
    background: #6366f1;
    color: white;
    padding: 0.1rem 0.5rem;
    border-radius: 10px;
    font-size: 0.75rem;
    margin-left: auto;
}

.summary-card-body[b-mitghxkrxu] {
    padding: 0.5rem;
    max-height: 200px;
    overflow-y: auto;
}

.summary-item-inline[b-mitghxkrxu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    transition: background 0.15s;
}

.summary-item-inline:hover[b-mitghxkrxu] {
    background: #f8fafc;
}

.summary-item-icon[b-mitghxkrxu] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.summary-item-icon.icon-add[b-mitghxkrxu] { background: #22c55e; }
.summary-item-icon.icon-modify[b-mitghxkrxu] { background: #3b82f6; }
.summary-item-icon.icon-cancel[b-mitghxkrxu] { background: #ef4444; }
.summary-item-icon.icon-swap[b-mitghxkrxu] { background: #06b6d4; }
.summary-item-icon.icon-event[b-mitghxkrxu] { background: #f59e0b; }
.summary-item-icon.icon-default[b-mitghxkrxu] { background: #64748b; }

.summary-item-main[b-mitghxkrxu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
}

.item-title[b-mitghxkrxu] {
    font-weight: 500;
    color: #1e293b;
}

.item-separator[b-mitghxkrxu] {
    color: #cbd5e1;
}

.item-date[b-mitghxkrxu] {
    color: #64748b;
}

.item-desc[b-mitghxkrxu] {
    color: #64748b;
    font-size: 0.8rem;
}

.summary-item-main .badge[b-mitghxkrxu] {
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
}

/* Source Badge - Shows where override came from */
.source-badge[b-mitghxkrxu] {
    font-size: 0.6rem;
    padding: 0.1rem 0.3rem;
    font-weight: 500;
    margin-left: 0.25rem;
}

.source-badge.exam-controller[b-mitghxkrxu] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.source-badge i[b-mitghxkrxu] {
    margin-right: 0.2rem;
}

/* Responsive */
@media (max-width: 768px) {
    .header-bar[b-mitghxkrxu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .filter-bar[b-mitghxkrxu] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .filter-group[b-mitghxkrxu] {
        width: 100%;
    }

    .filter-group .form-select[b-mitghxkrxu] {
        flex: 1;
        min-width: unset;
    }

    .stats-summary[b-mitghxkrxu] {
        width: 100%;
        justify-content: space-between;
    }

    .form-row[b-mitghxkrxu] {
        grid-template-columns: 1fr;
    }

    .footer-bar[b-mitghxkrxu] {
        padding: 0.5rem;
    }

    .legend[b-mitghxkrxu] {
        gap: 0.75rem;
    }
}
/* /Areas/Accounts/Pages/Accountant/Concession/Index.razor.rz.scp.css */
.page-container[b-nxlqjijjjq] {
    padding: 1.5rem;
}

.page-header[b-nxlqjijjjq] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-nxlqjijjjq] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.card[b-nxlqjijjjq] {
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
}

.card-header[b-nxlqjijjjq] {
    background-color: var(--card-header-bg, #f8f9fa);
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 1rem 1.25rem;
}

.card-header h5[b-nxlqjijjjq] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #212529);
}

.table-hover tbody tr[b-nxlqjijjjq] {
    transition: background-color 0.15s ease;
}

.table-hover tbody tr:hover[b-nxlqjijjjq] {
    background-color: var(--hover-bg, rgba(0, 0, 0, 0.02));
}

.table-warning[b-nxlqjijjjq] {
    background-color: rgba(255, 193, 7, 0.15) !important;
}

.table-warning:hover[b-nxlqjijjjq] {
    background-color: rgba(255, 193, 7, 0.25) !important;
}
/* /Areas/Accounts/Pages/Accountant/Concession/Verify.razor.rz.scp.css */
.page-container[b-n52bydtqdh] {
    padding: 1.5rem;
}

.page-header[b-n52bydtqdh] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-n52bydtqdh] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.info-card[b-n52bydtqdh] {
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 1rem;
}

.info-card .card-header[b-n52bydtqdh] {
    background-color: var(--card-header-bg, #f8f9fa);
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 0.875rem 1.25rem;
}

.info-card .card-header h5[b-n52bydtqdh] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #212529);
}

.info-row[b-n52bydtqdh] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-light, #f1f3f5);
}

.info-row:last-child[b-n52bydtqdh] {
    border-bottom: none;
}

.info-label[b-n52bydtqdh] {
    font-weight: 500;
    color: var(--text-secondary, #6c757d);
    min-width: 150px;
}

.info-value[b-n52bydtqdh] {
    text-align: right;
    color: var(--text-primary, #212529);
    flex: 1;
}

.action-card[b-n52bydtqdh] {
    border-radius: 12px;
    box-shadow: var(--shadow-md);
    border: 2px solid var(--border-color, #dee2e6);
}

/* Timeline Styles */
.timeline[b-n52bydtqdh] {
    position: relative;
    padding-left: 2rem;
}

.timeline[b-n52bydtqdh]::before {
    content: '';
    position: absolute;
    left: 0.75rem;
    top: 0.5rem;
    bottom: 0.5rem;
    width: 2px;
    background: var(--border-color, #dee2e6);
}

.timeline-item[b-n52bydtqdh] {
    position: relative;
    padding-bottom: 1.5rem;
}

.timeline-item:last-child[b-n52bydtqdh] {
    padding-bottom: 0;
}

.timeline-marker[b-n52bydtqdh] {
    position: absolute;
    left: -1.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.75rem;
    border: 3px solid white;
    box-shadow: var(--shadow-sm);
}

.timeline-content[b-n52bydtqdh] {
    background: var(--card-bg, white);
    border: 1px solid var(--border-light, #f1f3f5);
    border-radius: 8px;
    padding: 0.875rem 1rem;
}

.timeline-header[b-n52bydtqdh] {
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
}

.timeline-date[b-n52bydtqdh] {
    margin-bottom: 0.5rem;
}

.timeline-remarks[b-n52bydtqdh] {
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: var(--bg-light, #f8f9fa);
    border-radius: 4px;
    font-style: italic;
}

/* Modal Backdrop */
.modal-backdrop[b-n52bydtqdh] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal[b-n52bydtqdh] {
    z-index: 1050;
}

.modal-content[b-n52bydtqdh] {
    border-radius: 12px;
    box-shadow: var(--shadow-lg);
}
/* /Areas/Accounts/Pages/Accountant/FeeHeadMaster.razor.rz.scp.css */
.page-container[b-ehl0zsw864] { padding: 1.5rem; }
    .page-header[b-ehl0zsw864] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
    .page-header h1[b-ehl0zsw864] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    .loading-container[b-ehl0zsw864] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-ehl0zsw864] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }

    .data-table-container[b-ehl0zsw864] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .data-table[b-ehl0zsw864] { width: 100%; border-collapse: collapse; }
    .data-table th[b-ehl0zsw864], .data-table td[b-ehl0zsw864] { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--border); }
    .data-table th[b-ehl0zsw864] { font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; background: var(--bg-secondary); }
    .data-table tbody tr:hover[b-ehl0zsw864] { background: var(--bg-secondary); }
    .data-table tbody tr:last-child td[b-ehl0zsw864] { border-bottom: none; }

    .action-buttons[b-ehl0zsw864] { display: flex; gap: 0.25rem; }

    /* Modal z-index fix */
    .modal-backdrop[b-ehl0zsw864] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 1050; }
    .modal[b-ehl0zsw864] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; overflow-x: hidden; overflow-y: auto; outline: 0; }
    .modal-dialog[b-ehl0zsw864] { position: relative; margin: 1.75rem auto; }
    .modal-content[b-ehl0zsw864] { position: relative; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15); }
/* /Areas/Accounts/Pages/Accountant/FeeStructure.razor.rz.scp.css */
.page-container[b-lla2ibczak] { padding: 1.5rem; }
    .page-header[b-lla2ibczak] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
    .page-header h1[b-lla2ibczak] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    /* Guide Section */
    .guide-section[b-lla2ibczak] { background: linear-gradient(135deg, #f8f9fa, #e9ecef); border: 1px solid var(--border); border-radius: 12px; margin-bottom: 1.5rem; overflow: hidden; }
    .guide-header[b-lla2ibczak] { display: flex; align-items: center; padding: 1rem 1.25rem; cursor: pointer; font-weight: 500; }
    .guide-header:hover[b-lla2ibczak] { background: rgba(0,0,0,0.02); }
    .guide-content[b-lla2ibczak] { padding: 0 1.25rem 1.25rem; border-top: 1px solid var(--border); }
    .guide-steps[b-lla2ibczak] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-top: 1rem; }
    .guide-step[b-lla2ibczak] { display: flex; gap: 0.75rem; }
    .step-number[b-lla2ibczak] { width: 28px; height: 28px; border-radius: 50%; background: var(--bs-primary); color: white; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 0.85rem; flex-shrink: 0; }
    .step-content p[b-lla2ibczak] { margin: 0.25rem 0 0; font-size: 0.85rem; color: var(--text-muted); }
    .guide-note[b-lla2ibczak] { margin-top: 1rem; padding: 0.75rem; background: rgba(var(--bs-info-rgb), 0.1); border-radius: 8px; font-size: 0.85rem; }

    /* Summary Cards */
    .summary-cards[b-lla2ibczak] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
    .summary-card[b-lla2ibczak] { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 10px; }
    .summary-icon[b-lla2ibczak] { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.1rem; }
    .summary-content h4[b-lla2ibczak] { margin: 0; font-size: 1.4rem; font-weight: 700; }
    .summary-content p[b-lla2ibczak] { margin: 0; font-size: 0.75rem; color: var(--text-muted); }

    /* Filter Section */
    .filter-section[b-lla2ibczak] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; padding: 1rem; margin-bottom: 1.5rem; }
    .filter-row[b-lla2ibczak] { margin-bottom: 0.75rem; }
    .filter-tabs[b-lla2ibczak] { display: flex; gap: 0.5rem; flex-wrap: wrap; }
    .tab-btn[b-lla2ibczak] { padding: 0.4rem 0.9rem; border: 1px solid var(--border); background: transparent; border-radius: 20px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s; }
    .tab-btn:hover[b-lla2ibczak] { border-color: var(--bs-primary); }
    .tab-btn.active[b-lla2ibczak] { background: var(--bs-primary); color: white; border-color: var(--bs-primary); }
    .advanced-filters[b-lla2ibczak] { display: flex; gap: 1rem; flex-wrap: wrap; padding-top: 0.75rem; border-top: 1px solid var(--border); }
    .filter-group[b-lla2ibczak] { min-width: 150px; flex: 1; }
    .filter-group label[b-lla2ibczak] { margin-bottom: 0.25rem; color: var(--text-muted); }
    .filter-results[b-lla2ibczak] { margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px dashed var(--border); }

    /* Data Table */
    .data-table-container[b-lla2ibczak] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .data-table[b-lla2ibczak] { width: 100%; border-collapse: collapse; }
    .data-table th[b-lla2ibczak], .data-table td[b-lla2ibczak] { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--border); }
    .data-table th[b-lla2ibczak] { font-size: 0.7rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; background: var(--bg-secondary); }
    .data-table tbody tr:hover[b-lla2ibczak] { background: var(--bg-secondary); }
    .data-table tbody tr:last-child td[b-lla2ibczak] { border-bottom: none; }
    .action-buttons[b-lla2ibczak] { display: flex; gap: 0.25rem; }

    .loading-container[b-lla2ibczak] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-lla2ibczak] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }

    /* Modal */
    .modal-backdrop[b-lla2ibczak] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 1050; }
    .modal[b-lla2ibczak] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; overflow-x: hidden; overflow-y: auto; outline: 0; }
    .modal-dialog[b-lla2ibczak] { position: relative; margin: 1.75rem auto; max-width: 800px; }
    .modal-content[b-lla2ibczak] { position: relative; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15); }
    .modal-helper[b-lla2ibczak] { background: rgba(var(--bs-primary-rgb), 0.1); padding: 0.75rem 1rem; border-radius: 8px; font-size: 0.9rem; }

    /* Class Selection */
    .class-selection-container[b-lla2ibczak] { border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
    .class-selection-header[b-lla2ibczak] { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border); }
    .class-grid[b-lla2ibczak] { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 0.5rem; padding: 1rem; max-height: 200px; overflow-y: auto; }
    .class-item[b-lla2ibczak] { padding: 0.5rem 0.75rem; border: 1px solid var(--border); border-radius: 8px; transition: all 0.2s; cursor: pointer; }
    .class-item:hover[b-lla2ibczak] { border-color: var(--bs-primary); background: rgba(var(--bs-primary-rgb), 0.05); }
    .class-item.selected[b-lla2ibczak] { border-color: var(--bs-primary); background: rgba(var(--bs-primary-rgb), 0.1); }
    .class-item label[b-lla2ibczak] { cursor: pointer; margin-bottom: 0; }

    .monthly-total[b-lla2ibczak] { padding: 0.75rem; background: var(--bg-secondary); border-radius: 8px; }

    /* Timeline */
    .timeline[b-lla2ibczak] { position: relative; padding-left: 1.5rem; }
    .timeline-item[b-lla2ibczak] { position: relative; padding-bottom: 1rem; }
    .timeline-item:last-child[b-lla2ibczak] { padding-bottom: 0; }
    .timeline-item[b-lla2ibczak]::before { content: ''; position: absolute; left: -1.25rem; top: 0.5rem; bottom: 0; width: 2px; background: var(--border); }
    .timeline-item:last-child[b-lla2ibczak]::before { display: none; }
    .timeline-marker[b-lla2ibczak] { position: absolute; left: -1.5rem; top: 0.25rem; width: 12px; height: 12px; border-radius: 50%; border: 2px solid white; }
    .timeline-marker.success[b-lla2ibczak] { background: var(--bs-success); }
    .timeline-marker.warning[b-lla2ibczak] { background: var(--bs-warning); }
    .timeline-marker.danger[b-lla2ibczak] { background: var(--bs-danger); }
    .timeline-marker.info[b-lla2ibczak] { background: var(--bs-info); }
    .timeline-marker.secondary[b-lla2ibczak] { background: var(--bs-secondary); }

    /* Main Tabs */
    .main-tabs[b-lla2ibczak] { display: flex; gap: 0.5rem; margin-bottom: 1.5rem; border-bottom: 2px solid var(--border); padding-bottom: 0; }
    .main-tab[b-lla2ibczak] { padding: 0.75rem 1.5rem; border: none; background: transparent; font-weight: 500; color: var(--text-muted); cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -2px; transition: all 0.2s; display: flex; align-items: center; }
    .main-tab:hover[b-lla2ibczak] { color: var(--primary); background: rgba(var(--primary-rgb), 0.05); }
    .main-tab.active[b-lla2ibczak] { color: var(--primary); border-bottom-color: var(--primary); background: transparent; }
    .main-tab .badge[b-lla2ibczak] { font-size: 0.7rem; }

    /* Legacy Fees Section */
    .legacy-fees-section[b-lla2ibczak] { background: #fff; border-radius: 12px; padding: 1.5rem; border: 1px solid var(--border); }
    .legacy-header[b-lla2ibczak] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border); flex-wrap: wrap; }
    .legacy-info[b-lla2ibczak] { flex: 1; min-width: 300px; padding: 0.75rem 1rem; background: #e7f3ff; border-radius: 8px; font-size: 0.9rem; }
    .legacy-filter[b-lla2ibczak] { min-width: 200px; }
    .legacy-filter .form-select[b-lla2ibczak] { min-width: 200px; }
    .legacy-summary[b-lla2ibczak] { background: #f8f9fa; border-radius: 8px; padding: 1rem; }
    .legacy-summary .summary-item[b-lla2ibczak] { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0; }
    .legacy-summary .summary-item .label[b-lla2ibczak] { color: var(--text-muted); }
    .legacy-summary .summary-item .value[b-lla2ibczak] { font-weight: 600; font-size: 1.1rem; }

    /* Copy Modal */
    .quick-percentage-btns[b-lla2ibczak] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
    .quick-percentage-btns .btn.active[b-lla2ibczak] { background: var(--primary); color: white; border-color: var(--primary); }
    .preview-section[b-lla2ibczak] { background: #f8f9fa; border-radius: 8px; padding: 1rem; margin-top: 1rem; }
    .preview-section h6[b-lla2ibczak] { margin-bottom: 1rem; color: var(--text-dark); }
    .header-actions[b-lla2ibczak] { display: flex; gap: 0.5rem; align-items: center; }

    /* Credit Stats Badge */
    .credit-stats[b-lla2ibczak] { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; }
    .credit-status-info[b-lla2ibczak] { display: flex; flex-direction: column; gap: 0.25rem; align-items: flex-start; }
    .credit-status-info .progress[b-lla2ibczak] { margin-bottom: 0; }
    .credit-status-info small[b-lla2ibczak] { font-size: 0.7rem; }
    .credit-stats .progress[b-lla2ibczak] { width: 60px; height: 6px; }
    .credit-badge[b-lla2ibczak] { padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.7rem; }
    .credit-badge.full[b-lla2ibczak] { background: #d4edda; color: #155724; }
    .credit-badge.partial[b-lla2ibczak] { background: #fff3cd; color: #856404; }
    .credit-badge.none[b-lla2ibczak] { background: #f8d7da; color: #721c24; }

    /* History Columns */
    .history-col[b-lla2ibczak] { background: #f8f9fa; font-size: 0.85rem; min-width: 100px; }
    .table-responsive[b-lla2ibczak] { overflow-x: auto; }

    /* Mapped Fee Styling */
    .mapped-fee[b-lla2ibczak] {
        background: linear-gradient(135deg, #fff3cd 0%, #ffeeba 100%);
        padding: 2px 6px;
        border-radius: 4px;
        border-left: 3px solid #ffc107;
        display: inline-block;
    }
    .mapped-fee small[b-lla2ibczak] { font-size: 0.7rem; margin-top: 2px; }
    .mapped-fee-badge[b-lla2ibczak] {
        background: linear-gradient(135deg, #fff3cd 0%, #ffeeba 100%);
        padding: 1px 6px;
        border-radius: 3px;
        border-left: 2px solid #ffc107;
    }

    /* Modal z-index fix */
    .modal-backdrop[b-lla2ibczak] { z-index: 1040; }
    .modal[b-lla2ibczak] { z-index: 1050; }
/* /Areas/Accounts/Pages/Accountant/FineManagement.razor.rz.scp.css */
.fine-management-container[b-iiyisvwqiy] {
        padding: 1.5rem;
        max-width: 1200px;
        margin: 0 auto;
    }

    .page-header[b-iiyisvwqiy] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1.5rem;
    }

    .page-header h1[b-iiyisvwqiy] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .page-header h1 i[b-iiyisvwqiy] {
        color: #dc2626;
    }

    .search-card[b-iiyisvwqiy] {
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
        padding: 1.25rem;
        margin-bottom: 1.5rem;
    }

    .search-row[b-iiyisvwqiy] {
        display: flex;
        gap: 1rem;
    }

    .search-input-group[b-iiyisvwqiy] {
        flex: 1;
        position: relative;
    }

    .search-input-group i[b-iiyisvwqiy] {
        position: absolute;
        left: 1rem;
        top: 50%;
        transform: translateY(-50%);
        color: var(--text-muted);
    }

    .search-input-group input[b-iiyisvwqiy] {
        padding-left: 2.5rem;
        height: 44px;
    }

    .student-card[b-iiyisvwqiy] {
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
        padding: 1.25rem;
        margin-bottom: 1.5rem;
    }

    .student-header[b-iiyisvwqiy] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .student-info h4[b-iiyisvwqiy] {
        margin: 0 0 0.5rem 0;
        font-size: 1.25rem;
    }

    .student-details[b-iiyisvwqiy] {
        display: flex;
        gap: 1.5rem;
        font-size: 0.875rem;
        color: var(--text-muted);
    }

    .student-details span[b-iiyisvwqiy] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .fine-summary[b-iiyisvwqiy] {
        display: flex;
        gap: 1.5rem;
    }

    .summary-item[b-iiyisvwqiy] {
        text-align: center;
        padding: 0.75rem 1.25rem;
        border-radius: 8px;
        background: var(--bg-secondary);
    }

    .summary-item .label[b-iiyisvwqiy] {
        display: block;
        font-size: 0.75rem;
        color: var(--text-muted);
        margin-bottom: 0.25rem;
    }

    .summary-item .amount[b-iiyisvwqiy] {
        display: block;
        font-size: 1.25rem;
        font-weight: 600;
    }

    .summary-item.total .amount[b-iiyisvwqiy] { color: #dc2626; }
    .summary-item.paid .amount[b-iiyisvwqiy] { color: #059669; }
    .summary-item.balance .amount[b-iiyisvwqiy] { color: #dc2626; }

    .fine-table-card[b-iiyisvwqiy], .quarterly-summary-card[b-iiyisvwqiy] {
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
        overflow: hidden;
        margin-bottom: 1.5rem;
    }

    .card-header[b-iiyisvwqiy] {
        padding: 1rem 1.25rem;
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border);
    }

    .card-header h5[b-iiyisvwqiy] {
        margin: 0;
        font-size: 1rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .fine-table[b-iiyisvwqiy] {
        width: 100%;
        border-collapse: collapse;
    }

    .fine-table th[b-iiyisvwqiy] {
        background: var(--bg-tertiary);
        padding: 0.75rem 1rem;
        text-align: left;
        font-weight: 600;
        font-size: 0.8rem;
        text-transform: uppercase;
        color: var(--text-muted);
        border-bottom: 2px solid var(--border);
    }

    .fine-table td[b-iiyisvwqiy] {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--border);
        vertical-align: middle;
    }

    .fine-table .month-name[b-iiyisvwqiy] {
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .fine-table .row-unpaid[b-iiyisvwqiy] {
        background: #fef2f2;
    }

    .fine-table .row-paid[b-iiyisvwqiy] {
        background: #f0fdf4;
    }

    .fine-table .total-row[b-iiyisvwqiy] {
        background: var(--bg-secondary);
    }

    .fine-table .total-row td[b-iiyisvwqiy] {
        border-top: 2px solid var(--border);
    }

    .days-late[b-iiyisvwqiy] {
        display: inline-block;
        background: #dc2626;
        color: white;
        padding: 0.125rem 0.5rem;
        border-radius: 4px;
        font-size: 0.8rem;
        font-weight: 600;
    }

    .quarterly-grid[b-iiyisvwqiy] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1rem;
        padding: 1.25rem;
    }

    .quarter-card[b-iiyisvwqiy] {
        background: var(--bg-secondary);
        border-radius: 8px;
        padding: 1rem;
        border: 1px solid var(--border);
    }

    .quarter-card.has-balance[b-iiyisvwqiy] {
        border-color: #dc2626;
        background: #fef2f2;
    }

    .quarter-header[b-iiyisvwqiy] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.75rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid var(--border);
    }

    .quarter-code[b-iiyisvwqiy] {
        font-weight: 700;
        font-size: 1.1rem;
    }

    .quarter-name[b-iiyisvwqiy] {
        font-size: 0.8rem;
        color: var(--text-muted);
    }

    .quarter-amounts .amount-row[b-iiyisvwqiy] {
        display: flex;
        justify-content: space-between;
        font-size: 0.875rem;
        margin-bottom: 0.25rem;
    }

    .quarter-amounts .balance[b-iiyisvwqiy] {
        font-weight: 600;
        padding-top: 0.5rem;
        border-top: 1px dashed var(--border);
        margin-top: 0.5rem;
    }

    .breakdown-text[b-iiyisvwqiy] {
        font-size: 0.75rem;
        color: var(--text-muted);
        margin-top: 0.5rem;
        padding-top: 0.5rem;
        border-top: 1px dashed var(--border);
    }

    .empty-state[b-iiyisvwqiy] {
        text-align: center;
        padding: 4rem 2rem;
        color: var(--text-muted);
    }

    .empty-state i[b-iiyisvwqiy] {
        font-size: 3rem;
        margin-bottom: 1rem;
        opacity: 0.5;
    }
/* /Areas/Accounts/Pages/Accountant/Index.razor.rz.scp.css */
.dashboard-container[b-rbontv3t4g] {
        padding: 1.5rem;
    }
    .page-header[b-rbontv3t4g] {
        margin-bottom: 2rem;
    }
    .page-header h1[b-rbontv3t4g] {
        margin: 0;
        font-size: 1.75rem;
        font-weight: 600;
    }
    .dashboard-cards[b-rbontv3t4g] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
    }
    .stat-card[b-rbontv3t4g] {
        background: var(--bg-primary);
        border-radius: 12px;
        padding: 1.5rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        box-shadow: var(--shadow-sm);
        border: 1px solid var(--border);
    }
    .stat-icon[b-rbontv3t4g] {
        width: 56px;
        height: 56px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: white;
    }
    .stat-icon.bg-primary[b-rbontv3t4g] { background: linear-gradient(135deg, #667eea, #764ba2); }
    .stat-icon.bg-warning[b-rbontv3t4g] { background: linear-gradient(135deg, #f6d365, #fda085); }
    .stat-icon.bg-danger[b-rbontv3t4g] { background: linear-gradient(135deg, #ff6b6b, #ee5a24); }
    .stat-icon.bg-success[b-rbontv3t4g] { background: linear-gradient(135deg, #11998e, #38ef7d); }
    .stat-content h3[b-rbontv3t4g] {
        font-size: 0.875rem;
        color: var(--text-muted);
        margin: 0;
    }
    .stat-value[b-rbontv3t4g] {
        font-size: 1.75rem;
        font-weight: 700;
        margin: 0.25rem 0;
        color: var(--text-primary);
    }
    .stat-label[b-rbontv3t4g] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }
    .action-buttons[b-rbontv3t4g] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    .action-buttons .btn[b-rbontv3t4g] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
/* /Areas/Accounts/Pages/Accountant/MonthlyDueDateSettings.razor.rz.scp.css */
.settings-container[b-3l4edvroiq] {
        padding: 1.5rem;
        max-width: 900px;
        margin: 0 auto;
    }

    .page-header[b-3l4edvroiq] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1.5rem;
    }

    .page-header h1[b-3l4edvroiq] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .page-header h1 i[b-3l4edvroiq] {
        color: var(--primary);
    }

    .session-info .badge[b-3l4edvroiq] {
        font-size: 0.875rem;
        padding: 0.5rem 1rem;
    }

    .loading-state[b-3l4edvroiq] {
        text-align: center;
        padding: 3rem;
    }

    .settings-card[b-3l4edvroiq] {
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
        overflow: hidden;
    }

    .card-header[b-3l4edvroiq] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 1.5rem;
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border);
    }

    .card-header h5[b-3l4edvroiq] {
        margin: 0;
        font-size: 1rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .fine-info[b-3l4edvroiq] {
        font-size: 0.8rem;
        color: var(--text-muted);
    }

    .settings-table[b-3l4edvroiq] {
        width: 100%;
        border-collapse: collapse;
    }

    .settings-table th[b-3l4edvroiq] {
        background: var(--bg-tertiary);
        padding: 0.75rem 1rem;
        text-align: left;
        font-weight: 600;
        font-size: 0.8rem;
        text-transform: uppercase;
        color: var(--text-muted);
        border-bottom: 2px solid var(--border);
    }

    .settings-table td[b-3l4edvroiq] {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--border);
        vertical-align: middle;
    }

    .month-col[b-3l4edvroiq] { width: 25%; }
    .quarter-col[b-3l4edvroiq] { width: 15%; }
    .date-col[b-3l4edvroiq] { width: 35%; }
    .fine-col[b-3l4edvroiq] { width: 25%; }

    .month-name[b-3l4edvroiq] {
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .quarter-badge .badge[b-3l4edvroiq] {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
    }

    .date-input[b-3l4edvroiq], .fine-input[b-3l4edvroiq] {
        padding: 0.5rem;
        font-size: 0.9rem;
    }

    .fine-input[b-3l4edvroiq] {
        width: 100px;
    }

    .quarter-q1[b-3l4edvroiq] { border-left: 3px solid #17a2b8; }
    .quarter-q2[b-3l4edvroiq] { border-left: 3px solid #28a745; }
    .quarter-q3[b-3l4edvroiq] { border-left: 3px solid #ffc107; }
    .quarter-q4[b-3l4edvroiq] { border-left: 3px solid #dc3545; }

    .card-footer[b-3l4edvroiq] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 1.5rem;
        background: var(--bg-secondary);
        border-top: 1px solid var(--border);
    }

    .footer-info[b-3l4edvroiq] {
        font-size: 0.8rem;
        color: var(--text-muted);
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .footer-info i[b-3l4edvroiq] {
        color: #ffc107;
    }

    .footer-actions[b-3l4edvroiq] {
        display: flex;
        gap: 0.75rem;
    }

    .footer-actions .btn[b-3l4edvroiq] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .alert[b-3l4edvroiq] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
/* /Areas/Accounts/Pages/Accountant/PreAdmissionFees.razor.rz.scp.css */
.page-container[b-wvg9bio3pk] { padding: 1.5rem; }
    .page-header[b-wvg9bio3pk] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
    .page-header h1[b-wvg9bio3pk] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    .loading-container[b-wvg9bio3pk] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-wvg9bio3pk] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }

    /* Quick Add Section */
    .quick-add-section[b-wvg9bio3pk] {
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 1.25rem;
        margin-bottom: 1.5rem;
    }

    .fee-type-buttons[b-wvg9bio3pk] {
        display: flex;
        gap: 0.75rem;
        flex-wrap: wrap;
    }

    .fee-type-btn[b-wvg9bio3pk] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem 1.25rem;
        background: var(--bg-secondary);
        border: 2px dashed var(--border);
        border-radius: 10px;
        cursor: pointer;
        transition: all 0.2s;
        font-size: 0.9rem;
    }

    .fee-type-btn:hover:not(:disabled)[b-wvg9bio3pk] {
        border-color: var(--bs-primary);
        background: rgba(var(--bs-primary-rgb), 0.1);
    }

    .fee-type-btn:disabled[b-wvg9bio3pk], .fee-type-btn.exists[b-wvg9bio3pk] {
        opacity: 0.7;
        cursor: not-allowed;
        border-style: solid;
        background: rgba(var(--bs-success-rgb), 0.1);
        border-color: var(--bs-success);
    }

    .fee-type-btn i:first-child[b-wvg9bio3pk] {
        font-size: 1.1rem;
        color: var(--bs-primary);
    }

    /* Fee Cards */
    .fee-cards[b-wvg9bio3pk] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1rem;
    }

    .fee-card[b-wvg9bio3pk] {
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        overflow: hidden;
        transition: box-shadow 0.2s;
    }

    .fee-card:hover[b-wvg9bio3pk] {
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    .fee-card-header[b-wvg9bio3pk] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1rem;
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border);
    }

    .fee-icon[b-wvg9bio3pk] {
        width: 48px;
        height: 48px;
        border-radius: 10px;
        background: linear-gradient(135deg, var(--bs-primary), var(--bs-info));
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 1.25rem;
    }

    .fee-info h5[b-wvg9bio3pk] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
    }

    .fee-card-body[b-wvg9bio3pk] {
        padding: 1.25rem;
        text-align: center;
    }

    .fee-amount[b-wvg9bio3pk] {
        font-size: 2rem;
        font-weight: 700;
        color: var(--bs-success);
    }

    .fee-amount .currency[b-wvg9bio3pk] {
        font-size: 1.25rem;
        vertical-align: top;
        margin-right: 2px;
    }

    .fee-card-footer[b-wvg9bio3pk] {
        display: flex;
        gap: 0.5rem;
        padding: 1rem;
        border-top: 1px solid var(--border);
        justify-content: flex-end;
    }

    /* Modal z-index fix */
    .modal-backdrop[b-wvg9bio3pk] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 1050; }
    .modal[b-wvg9bio3pk] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; overflow-x: hidden; overflow-y: auto; outline: 0; }
    .modal-dialog[b-wvg9bio3pk] { position: relative; margin: 1.75rem auto; }
    .modal-content[b-wvg9bio3pk] { position: relative; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15); }
/* /Areas/Accounts/Pages/Accountant/StudentFeeCredit.razor.rz.scp.css */
.page-container[b-fh6trm404s] { padding: 1.5rem; }
    .page-header[b-fh6trm404s] { margin-bottom: 1.5rem; }
    .page-header h1[b-fh6trm404s] { margin-bottom: 0.25rem; font-size: 1.75rem; }

    .summary-cards[b-fh6trm404s] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
    .summary-card[b-fh6trm404s] { display: flex; align-items: center; padding: 1rem; background: white; border-radius: 8px; border-left: 4px solid; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
    .summary-icon[b-fh6trm404s] { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; margin-right: 1rem; }
    .summary-content h4[b-fh6trm404s] { margin: 0; font-size: 1.5rem; }
    .summary-content p[b-fh6trm404s] { margin: 0; color: #6c757d; font-size: 0.875rem; }

    .tab-navigation[b-fh6trm404s] { display: flex; gap: 0.5rem; margin-bottom: 1rem; }
    .tab-btn[b-fh6trm404s] { padding: 0.5rem 1rem; border: none; background: #e9ecef; border-radius: 4px; cursor: pointer; transition: all 0.2s; }
    .tab-btn:hover[b-fh6trm404s] { background: #dee2e6; }
    .tab-btn.active[b-fh6trm404s] { background: #0d6efd; color: white; }

    .data-table-container[b-fh6trm404s] { background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
    .data-table[b-fh6trm404s] { width: 100%; border-collapse: collapse; }
    .data-table th[b-fh6trm404s] { background: #f8f9fa; padding: 0.75rem; text-align: left; font-weight: 600; border-bottom: 2px solid #dee2e6; }
    .data-table td[b-fh6trm404s] { padding: 0.75rem; border-bottom: 1px solid #dee2e6; }
    .data-table tbody tr:hover[b-fh6trm404s] { background: #f8f9fa; }

    .loading-container[b-fh6trm404s], .empty-state[b-fh6trm404s] { text-align: center; padding: 3rem; background: white; border-radius: 8px; }

    .credit-status-info[b-fh6trm404s] { display: flex; flex-direction: column; gap: 0.25rem; }
    .credit-status-info small[b-fh6trm404s] { color: #6c757d; font-size: 0.75rem; }
/* /Areas/Accounts/Pages/Accountant/TransportFeeMaster.razor.rz.scp.css */
.page-container[b-joa4g78y21] { padding: 1.5rem; }
    .page-header[b-joa4g78y21] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
    .page-header h1[b-joa4g78y21] { margin-bottom: 0.25rem; font-size: 1.75rem; }

    .summary-cards[b-joa4g78y21] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
    .summary-card[b-joa4g78y21] { display: flex; align-items: center; padding: 1rem; background: var(--card-bg, white); border-radius: 8px; border-left: 4px solid; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
    .summary-icon[b-joa4g78y21] { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--btn-primary-text, #ffffff); margin-right: 1rem; }
    .summary-content h4[b-joa4g78y21] { margin: 0; font-size: 1.5rem; }
    .summary-content p[b-joa4g78y21] { margin: 0; color: #6c757d; font-size: 0.875rem; }

    .filter-section[b-joa4g78y21] { background: white; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; }
    .filter-row[b-joa4g78y21] { display: flex; gap: 1rem; flex-wrap: wrap; }
    .filter-group[b-joa4g78y21] { min-width: 200px; }

    .data-table-container[b-joa4g78y21] { background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
    .table-toolbar[b-joa4g78y21] { padding: 0.75rem 1rem; border-bottom: 1px solid #dee2e6; display: flex; justify-content: flex-end; }
    .data-table[b-joa4g78y21] { width: 100%; border-collapse: collapse; }
    .data-table th[b-joa4g78y21] { background: #f8f9fa; padding: 0.75rem; text-align: left; font-weight: 600; border-bottom: 2px solid #dee2e6; white-space: nowrap; }
    .data-table td[b-joa4g78y21] { padding: 0.75rem; border-bottom: 1px solid #dee2e6; }
    .data-table tbody tr:hover[b-joa4g78y21] { background: #f8f9fa; }
    .history-col[b-joa4g78y21] { background: #f0f7ff; font-size: 0.85rem; min-width: 80px; }
    .data-table th.history-col[b-joa4g78y21] { background: #e3f2fd; }

    .action-buttons[b-joa4g78y21] { display: flex; gap: 0.25rem; }
    .action-buttons .btn[b-joa4g78y21] { padding: 0.25rem 0.5rem; }

    .loading-container[b-joa4g78y21], .empty-state[b-joa4g78y21] { text-align: center; padding: 3rem; background: white; border-radius: 8px; }

    .table-footer[b-joa4g78y21] { padding: 0.75rem 1rem; background: white; border-top: 1px solid #dee2e6; }

    .detail-item[b-joa4g78y21] { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid #eee; }
    .detail-item label[b-joa4g78y21] { color: #6c757d; }

    .monthly-grid[b-joa4g78y21] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; margin-top: 0.5rem; }
    .month-item[b-joa4g78y21] { text-align: center; padding: 0.5rem; background: #f8f9fa; border-radius: 4px; }
    .month-item span[b-joa4g78y21] { display: block; font-size: 0.75rem; color: #6c757d; }
    .month-item strong[b-joa4g78y21] { font-size: 0.9rem; }

    /* Modal z-index fix */
    .modal-backdrop[b-joa4g78y21] { z-index: 1040; }
    .modal[b-joa4g78y21] { z-index: 1050; }
/* /Areas/Accounts/Pages/Accountant/VerifyPermissions.razor.rz.scp.css */
.page-container[b-zzwlx864ks] {
        padding: 1.5rem;
    }
    .page-header[b-zzwlx864ks] {
        margin-bottom: 1.5rem;
    }
    .page-header h1[b-zzwlx864ks] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .card[b-zzwlx864ks] {
        border-radius: 12px;
        box-shadow: var(--shadow-sm);
    }
    .app-no-link[b-zzwlx864ks] {
        color: var(--brand-blue, #3b82f6);
        text-decoration: none;
        cursor: pointer;
    }
    .app-no-link:hover[b-zzwlx864ks] {
        text-decoration: underline;
        color: var(--brand-blue-dark, #2563eb);
    }
/* /Areas/Accounts/Pages/AccountsCoordinator/FeeExemption/Index.razor.rz.scp.css */
.page-container[b-zeikk1rrf7] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-zeikk1rrf7] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-zeikk1rrf7] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary, #1e293b);
    margin: 0;
}

.page-header .subtitle[b-zeikk1rrf7] {
    color: var(--text-secondary, #64748b);
    margin: 0.25rem 0 0 0;
    font-size: 0.9rem;
}

/* Stats Bar */
.stats-bar[b-zeikk1rrf7] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.stat-item[b-zeikk1rrf7] {
    flex: 1;
    min-width: 120px;
    max-width: 200px;
    padding: 1rem;
    background: var(--card-bg, #fff);
    border-radius: 8px;
    border: 1px solid var(--border-color, #e2e8f0);
    text-align: center;
}

.stat-item.warning[b-zeikk1rrf7] {
    border-color: #f59e0b;
    background: rgba(245, 158, 11, 0.05);
}

.stat-item.success[b-zeikk1rrf7] {
    border-color: #22c55e;
    background: rgba(34, 197, 94, 0.05);
}

.stat-item.danger[b-zeikk1rrf7] {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.05);
}

.stat-label[b-zeikk1rrf7] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-secondary, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.stat-value[b-zeikk1rrf7] {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary, #1e293b);
}

/* Tabs */
.tabs[b-zeikk1rrf7] {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--border-color, #e2e8f0);
    padding-bottom: 0;
}

.tab[b-zeikk1rrf7] {
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    font-size: 0.9rem;
    color: var(--text-secondary, #64748b);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tab:hover[b-zeikk1rrf7] {
    color: var(--text-primary, #1e293b);
}

.tab.active[b-zeikk1rrf7] {
    color: var(--primary-color, #3b82f6);
    border-bottom-color: var(--primary-color, #3b82f6);
    font-weight: 500;
}

/* Tab Panel */
.tab-panel[b-zeikk1rrf7] {
    background: var(--card-bg, #fff);
    border-radius: 8px;
    border: 1px solid var(--border-color, #e2e8f0);
    padding: 1.5rem;
}

.panel-header[b-zeikk1rrf7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.panel-title[b-zeikk1rrf7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.panel-title h3[b-zeikk1rrf7] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    color: var(--text-primary, #1e293b);
}

.panel-title .count[b-zeikk1rrf7] {
    font-size: 0.8rem;
    color: var(--text-secondary, #64748b);
    background: var(--bg-secondary, #f1f5f9);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.panel-actions[b-zeikk1rrf7] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

/* Data Table */
.data-table[b-zeikk1rrf7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.data-table th[b-zeikk1rrf7],
.data-table td[b-zeikk1rrf7] {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.data-table th[b-zeikk1rrf7] {
    font-weight: 600;
    color: var(--text-secondary, #64748b);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: var(--bg-secondary, #f8fafc);
}

.data-table tbody tr:hover[b-zeikk1rrf7] {
    background: var(--bg-hover, #f1f5f9);
}

/* Empty State */
.empty-state[b-zeikk1rrf7] {
    text-align: center;
    padding: 3rem 2rem;
    color: var(--text-secondary, #64748b);
}

.empty-state i[b-zeikk1rrf7] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state p[b-zeikk1rrf7] {
    margin: 0;
    font-size: 0.95rem;
}

.empty-state.success[b-zeikk1rrf7] {
    color: #22c55e;
}

.empty-state.success i[b-zeikk1rrf7] {
    opacity: 0.8;
}

/* Loading */
.loading[b-zeikk1rrf7] {
    text-align: center;
    padding: 2rem;
    color: var(--text-secondary, #64748b);
}

/* Alerts */
.alert[b-zeikk1rrf7] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-danger[b-zeikk1rrf7] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.alert-success[b-zeikk1rrf7] {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
}

.alert-close[b-zeikk1rrf7] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    opacity: 0.6;
    color: inherit;
}

.alert-close:hover[b-zeikk1rrf7] {
    opacity: 1;
}

/* Badges */
.badge[b-zeikk1rrf7] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.bg-success[b-zeikk1rrf7] {
    background: #22c55e;
    color: white;
}

.bg-warning[b-zeikk1rrf7] {
    background: #f59e0b;
    color: white;
}

.bg-danger[b-zeikk1rrf7] {
    background: #ef4444;
    color: white;
}

.bg-info[b-zeikk1rrf7] {
    background: #3b82f6;
    color: white;
}

.bg-secondary[b-zeikk1rrf7] {
    background: #64748b;
    color: white;
}

/* Buttons */
.btn[b-zeikk1rrf7] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.btn-sm[b-zeikk1rrf7] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
}

.btn-success[b-zeikk1rrf7] {
    background: #22c55e;
    color: white;
}

.btn-success:hover:not(:disabled)[b-zeikk1rrf7] {
    background: #16a34a;
}

.btn-danger[b-zeikk1rrf7] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover:not(:disabled)[b-zeikk1rrf7] {
    background: #dc2626;
}

.btn-outline[b-zeikk1rrf7] {
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-primary, #1e293b);
}

.btn-outline:hover:not(:disabled)[b-zeikk1rrf7] {
    background: var(--bg-secondary, #f8fafc);
}

.btn:disabled[b-zeikk1rrf7] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Checkbox */
.checkbox-inline[b-zeikk1rrf7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: var(--text-secondary, #64748b);
    cursor: pointer;
}

/* Modal */
.modal-overlay[b-zeikk1rrf7] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-zeikk1rrf7] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow: auto;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.modal-content.modal-lg[b-zeikk1rrf7] {
    max-width: 700px;
}

.modal-header[b-zeikk1rrf7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.modal-header h4[b-zeikk1rrf7] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.modal-close[b-zeikk1rrf7] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--text-secondary, #64748b);
    padding: 0.25rem;
}

.modal-body[b-zeikk1rrf7] {
    padding: 1.5rem;
}

.modal-footer[b-zeikk1rrf7] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
}

/* Form */
.form-group[b-zeikk1rrf7] {
    margin-bottom: 1rem;
}

.form-group label[b-zeikk1rrf7] {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: var(--text-primary, #1e293b);
}

.form-control[b-zeikk1rrf7] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 6px;
    font-size: 0.9rem;
    background: var(--card-bg, #fff);
    color: var(--text-primary, #1e293b);
}

.form-control:focus[b-zeikk1rrf7] {
    outline: none;
    border-color: var(--primary-color, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Detail Grid */
.detail-grid[b-zeikk1rrf7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.detail-item[b-zeikk1rrf7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-item.full-width[b-zeikk1rrf7] {
    grid-column: 1 / -1;
}

.detail-item label[b-zeikk1rrf7] {
    font-size: 0.8rem;
    color: var(--text-secondary, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.detail-item span[b-zeikk1rrf7] {
    color: var(--text-primary, #1e293b);
}

/* Text utilities */
.text-muted[b-zeikk1rrf7] {
    color: var(--text-secondary, #64748b);
}

.text-danger[b-zeikk1rrf7] {
    color: #dc2626 !important;
}

/* Dark theme */
[b-zeikk1rrf7] [data-theme="dark"] .page-header h1,
[b-zeikk1rrf7] [data-theme="dark"] .panel-title h3,
[b-zeikk1rrf7] [data-theme="dark"] .stat-value,
[b-zeikk1rrf7] [data-theme="dark"] .modal-header h4,
[b-zeikk1rrf7] [data-theme="dark"] .form-group label,
[b-zeikk1rrf7] [data-theme="dark"] .detail-item span {
    color: #f1f5f9;
}

[b-zeikk1rrf7] [data-theme="dark"] .tab-panel,
[b-zeikk1rrf7] [data-theme="dark"] .stat-item,
[b-zeikk1rrf7] [data-theme="dark"] .modal-content {
    background: #1e293b;
    border-color: #334155;
}

[b-zeikk1rrf7] [data-theme="dark"] .data-table th {
    background: #0f172a;
}

[b-zeikk1rrf7] [data-theme="dark"] .data-table tbody tr:hover {
    background: #334155;
}

[b-zeikk1rrf7] [data-theme="dark"] .form-control {
    background: #0f172a;
    border-color: #334155;
    color: #f1f5f9;
}
/* /Areas/Accounts/Pages/AccountsCoordinator/Index.razor.rz.scp.css */
.dashboard-container[b-rqak9o3caj] {
        padding: 1.5rem;
    }
    .page-header[b-rqak9o3caj] {
        margin-bottom: 2rem;
    }
    .page-header h1[b-rqak9o3caj] {
        margin: 0;
        font-size: 1.75rem;
        font-weight: 600;
    }
    .dashboard-cards[b-rqak9o3caj] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
    }
    .stat-card[b-rqak9o3caj] {
        background: var(--bg-primary);
        border-radius: 12px;
        padding: 1.5rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        box-shadow: var(--shadow-sm);
        border: 1px solid var(--border);
    }
    .stat-icon[b-rqak9o3caj] {
        width: 56px;
        height: 56px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: var(--btn-primary-text, #ffffff);
    }
    .stat-icon.bg-primary[b-rqak9o3caj] { background: linear-gradient(135deg, #667eea, #764ba2); }
    .stat-icon.bg-warning[b-rqak9o3caj] { background: linear-gradient(135deg, #f6d365, #fda085); }
    .stat-icon.bg-success[b-rqak9o3caj] { background: linear-gradient(135deg, #11998e, #38ef7d); }
    .stat-icon.bg-info[b-rqak9o3caj] { background: linear-gradient(135deg, #4facfe, #00f2fe); }
    .stat-content h3[b-rqak9o3caj] {
        font-size: 0.875rem;
        color: var(--text-muted);
        margin: 0;
    }
    .stat-value[b-rqak9o3caj] {
        font-size: 1.75rem;
        font-weight: 700;
        margin: 0.25rem 0;
        color: var(--text-primary);
    }
    .stat-label[b-rqak9o3caj] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }
    .action-buttons[b-rqak9o3caj] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    .action-buttons .btn[b-rqak9o3caj] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
/* /Areas/Accounts/Pages/CFO/AdmitCardOverride.razor.rz.scp.css */
.override-container[b-6sw7mpvtfq] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-6sw7mpvtfq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 2rem;
    flex-wrap: wrap;
}

.header-content h1[b-6sw7mpvtfq] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-content h1 i[b-6sw7mpvtfq] {
    color: #10b981;
}

.subtitle[b-6sw7mpvtfq] {
    color: #6b7280;
    margin: 0;
}

.header-stats[b-6sw7mpvtfq] {
    display: flex;
    gap: 1rem;
}

.stat-card[b-6sw7mpvtfq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: white;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.stat-card i[b-6sw7mpvtfq] {
    font-size: 1.5rem;
    opacity: 0.8;
}

.stat-card.pending i[b-6sw7mpvtfq] { color: #f59e0b; }
.stat-card.approved i[b-6sw7mpvtfq] { color: #10b981; }

.stat-info[b-6sw7mpvtfq] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-6sw7mpvtfq] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1;
}

.stat-label[b-6sw7mpvtfq] {
    font-size: 0.75rem;
    color: #6b7280;
    text-transform: uppercase;
}

/* Loading State */
.loading-state[b-6sw7mpvtfq] {
    text-align: center;
    padding: 4rem;
    color: #6b7280;
}

.loading-state i[b-6sw7mpvtfq] {
    color: #10b981;
    margin-bottom: 1rem;
}

/* Empty State */
.empty-state[b-6sw7mpvtfq] {
    text-align: center;
    padding: 4rem;
    background: #f9fafb;
    border-radius: 16px;
}

.empty-state i[b-6sw7mpvtfq] {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h3[b-6sw7mpvtfq] {
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-6sw7mpvtfq] {
    color: #6b7280;
    margin: 0;
}

/* Override Cards */
.overrides-list[b-6sw7mpvtfq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1rem;
}

.override-card[b-6sw7mpvtfq] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.override-header[b-6sw7mpvtfq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.25rem;
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    border-bottom: 1px solid #6ee7b7;
}

.student-info h4[b-6sw7mpvtfq] {
    margin: 0 0 0.25rem 0;
    color: #1a1a2e;
}

.student-info p[b-6sw7mpvtfq] {
    margin: 0;
    font-size: 0.875rem;
    color: #6b7280;
}

.override-type[b-6sw7mpvtfq] {
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
}

.type-full_exam[b-6sw7mpvtfq] {
    background: #fef3c7;
    color: #d97706;
}

.type-single_day[b-6sw7mpvtfq] {
    background: #dbeafe;
    color: #2563eb;
}

.override-body[b-6sw7mpvtfq] {
    padding: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.override-detail[b-6sw7mpvtfq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.override-detail.full-width[b-6sw7mpvtfq] {
    grid-column: 1 / -1;
}

.override-detail label[b-6sw7mpvtfq] {
    font-size: 0.75rem;
    color: #6b7280;
    text-transform: uppercase;
}

.override-detail span[b-6sw7mpvtfq] {
    color: #1a1a2e;
    font-weight: 500;
}

.reason-text[b-6sw7mpvtfq] {
    margin: 0;
    color: #1a1a2e;
    font-size: 0.875rem;
    line-height: 1.5;
}

.override-actions[b-6sw7mpvtfq] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

/* Buttons */
.btn[b-6sw7mpvtfq] {
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.btn-success[b-6sw7mpvtfq] {
    background: #10b981;
    color: white;
}

.btn-success:hover:not(:disabled)[b-6sw7mpvtfq] {
    background: #059669;
}

.btn-danger[b-6sw7mpvtfq] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover:not(:disabled)[b-6sw7mpvtfq] {
    background: #dc2626;
}

.btn-outline[b-6sw7mpvtfq] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-6sw7mpvtfq] {
    background: #f3f4f6;
}

.btn:disabled[b-6sw7mpvtfq] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Modal */
.modal-overlay[b-6sw7mpvtfq] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-6sw7mpvtfq] {
    background: white;
    border-radius: 16px;
    max-width: 500px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.modal-header[b-6sw7mpvtfq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h3[b-6sw7mpvtfq] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.text-success[b-6sw7mpvtfq] { color: #10b981; }
.text-danger[b-6sw7mpvtfq] { color: #ef4444; }

.close-btn[b-6sw7mpvtfq] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
}

.close-btn:hover[b-6sw7mpvtfq] {
    color: #1a1a2e;
}

.modal-body[b-6sw7mpvtfq] {
    padding: 1.5rem;
}

.confirm-details[b-6sw7mpvtfq] {
    background: #f9fafb;
    border-radius: 8px;
    padding: 1rem;
    margin: 1rem 0;
}

.detail-row[b-6sw7mpvtfq] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e5e7eb;
}

.detail-row:last-child[b-6sw7mpvtfq] {
    border-bottom: none;
}

.detail-row label[b-6sw7mpvtfq] {
    color: #6b7280;
}

.detail-row span[b-6sw7mpvtfq] {
    font-weight: 500;
    color: #1a1a2e;
}

.approve-note[b-6sw7mpvtfq] {
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 8px;
    padding: 1rem;
    color: #166534;
    font-size: 0.875rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.form-group[b-6sw7mpvtfq] {
    margin-top: 1rem;
}

.form-group label[b-6sw7mpvtfq] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #374151;
}

.required[b-6sw7mpvtfq] {
    color: #ef4444;
}

.form-control[b-6sw7mpvtfq] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.875rem;
}

.form-control:focus[b-6sw7mpvtfq] {
    outline: none;
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.modal-footer[b-6sw7mpvtfq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

/* Toast Message */
.toast-message[b-6sw7mpvtfq] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    animation: slideIn-b-6sw7mpvtfq 0.3s ease;
    z-index: 1001;
}

.toast-message.success[b-6sw7mpvtfq] {
    background: #10b981;
    color: white;
}

.toast-message.error[b-6sw7mpvtfq] {
    background: #ef4444;
    color: white;
}

@keyframes slideIn-b-6sw7mpvtfq {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-6sw7mpvtfq] {
        flex-direction: column;
    }

    .header-stats[b-6sw7mpvtfq] {
        width: 100%;
    }

    .stat-card[b-6sw7mpvtfq] {
        flex: 1;
    }

    .overrides-list[b-6sw7mpvtfq] {
        grid-template-columns: 1fr;
    }

    .override-body[b-6sw7mpvtfq] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Accounts/Pages/CFO/Concession/Categories.razor.rz.scp.css */
.page-container[b-hs4pbqdwvu] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-hs4pbqdwvu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-title h1[b-hs4pbqdwvu] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--amcloud-text-primary);
    margin-bottom: 0.25rem;
}

.page-actions[b-hs4pbqdwvu] {
    display: flex;
    gap: 0.75rem;
}

.loading-container[b-hs4pbqdwvu] {
    text-align: center;
    padding: 3rem;
}

.loading-container p[b-hs4pbqdwvu] {
    margin-top: 1rem;
    color: var(--amcloud-text-secondary);
}

.data-table-card[b-hs4pbqdwvu] {
    background: var(--amcloud-card-bg);
    border: 1px solid var(--amcloud-border-color);
    border-radius: 8px;
    overflow: hidden;
}

.data-table[b-hs4pbqdwvu] {
    width: 100%;
    border-collapse: collapse;
}

.data-table thead[b-hs4pbqdwvu] {
    background: var(--amcloud-table-header-bg);
    border-bottom: 2px solid var(--amcloud-border-color);
}

.data-table th[b-hs4pbqdwvu] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.813rem;
    font-weight: 600;
    color: var(--amcloud-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.data-table tbody tr[b-hs4pbqdwvu] {
    border-bottom: 1px solid var(--amcloud-border-color);
    transition: background-color 0.15s;
}

.data-table tbody tr:hover[b-hs4pbqdwvu] {
    background: var(--amcloud-bg-hover);
}

.data-table tbody tr:last-child[b-hs4pbqdwvu] {
    border-bottom: none;
}

.data-table td[b-hs4pbqdwvu] {
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    color: var(--amcloud-text-primary);
}

.modal-backdrop[b-hs4pbqdwvu] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal[b-hs4pbqdwvu] {
    z-index: 1050;
}

.modal-dialog[b-hs4pbqdwvu] {
    max-width: 540px;
}
/* /Areas/Accounts/Pages/CFO/Concession/Index.razor.rz.scp.css */
.concession-hub[b-48nhlgg8t6] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.hub-header[b-48nhlgg8t6] {
    margin-bottom: 2rem;
}

.hub-header h1[b-48nhlgg8t6] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--amcloud-text-primary);
    margin-bottom: 0.5rem;
}

.hub-nav[b-48nhlgg8t6] {
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--amcloud-border-color);
}

.nav-tabs-wrapper[b-48nhlgg8t6] {
    display: flex;
    gap: 0.5rem;
}

.nav-tab[b-48nhlgg8t6] {
    padding: 0.75rem 1.5rem;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    color: var(--amcloud-text-secondary);
    font-size: 0.938rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.nav-tab:hover[b-48nhlgg8t6] {
    color: var(--amcloud-text-primary);
    background: var(--amcloud-bg-hover);
}

.nav-tab.active[b-48nhlgg8t6] {
    color: var(--amcloud-primary);
    border-bottom-color: var(--amcloud-primary);
}

.nav-tab i[b-48nhlgg8t6] {
    font-size: 1rem;
}

.hub-content[b-48nhlgg8t6] {
    padding: 1.5rem 0;
}

.category-grid[b-48nhlgg8t6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

.category-card[b-48nhlgg8t6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--amcloud-card-bg);
    border: 1px solid var(--amcloud-border-color);
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s;
}

.category-card:hover[b-48nhlgg8t6] {
    border-color: var(--amcloud-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.category-card.featured[b-48nhlgg8t6] {
    border-color: var(--amcloud-primary);
    background: linear-gradient(to right, var(--amcloud-card-bg), rgba(var(--amcloud-primary-rgb), 0.03));
}

.card-icon[b-48nhlgg8t6] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--amcloud-primary), var(--amcloud-primary-dark));
    color: white;
    border-radius: 8px;
    font-size: 1.25rem;
}

.card-content[b-48nhlgg8t6] {
    flex: 1;
}

.card-content h5[b-48nhlgg8t6] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--amcloud-text-primary);
    margin-bottom: 0.25rem;
}

.card-content p[b-48nhlgg8t6] {
    font-size: 0.875rem;
    color: var(--amcloud-text-secondary);
    margin: 0;
}

.category-card > i.fa-chevron-right[b-48nhlgg8t6] {
    color: var(--amcloud-text-tertiary);
    font-size: 0.875rem;
    transition: transform 0.2s;
}

.category-card:hover > i.fa-chevron-right[b-48nhlgg8t6] {
    transform: translateX(4px);
}

.info-box[b-48nhlgg8t6] {
    padding: 1rem 1.25rem;
    background: rgba(var(--amcloud-info-rgb), 0.1);
    border-left: 4px solid var(--amcloud-info);
    border-radius: 4px;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.info-box i[b-48nhlgg8t6] {
    color: var(--amcloud-info);
    font-size: 1.25rem;
    margin-top: 0.125rem;
}

.info-box p[b-48nhlgg8t6] {
    margin: 0;
    color: var(--amcloud-text-secondary);
    font-size: 0.875rem;
    line-height: 1.5;
}
/* /Areas/Accounts/Pages/CFO/Concession/Review/Detail.razor.rz.scp.css */
.page-container[b-zvbkyxdhu0] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.loading-container[b-zvbkyxdhu0] {
    text-align: center;
    padding: 3rem;
}

.loading-container p[b-zvbkyxdhu0] {
    margin-top: 1rem;
    color: var(--amcloud-text-secondary);
}

.detail-header[b-zvbkyxdhu0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--amcloud-border-color);
}

.detail-header h1[b-zvbkyxdhu0] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--amcloud-text-primary);
    margin-bottom: 0.25rem;
}

.status-badges[b-zvbkyxdhu0] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.info-card[b-zvbkyxdhu0] {
    background: var(--amcloud-card-bg);
    border: 1px solid var(--amcloud-border-color);
    border-radius: 8px;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.info-card-header[b-zvbkyxdhu0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: var(--amcloud-table-header-bg);
    border-bottom: 1px solid var(--amcloud-border-color);
}

.info-card-header i[b-zvbkyxdhu0] {
    color: var(--amcloud-primary);
    font-size: 1.25rem;
}

.info-card-header h5[b-zvbkyxdhu0] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--amcloud-text-primary);
}

.info-card-body[b-zvbkyxdhu0] {
    padding: 1.25rem;
}

.info-item[b-zvbkyxdhu0] {
    margin-bottom: 0.75rem;
}

.info-item label[b-zvbkyxdhu0] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--amcloud-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
}

.info-item .info-value[b-zvbkyxdhu0] {
    font-size: 0.938rem;
    color: var(--amcloud-text-primary);
}

.info-item.highlight-item[b-zvbkyxdhu0] {
    padding: 0.75rem;
    background: var(--amcloud-bg-hover);
    border-radius: 6px;
}

.review-card[b-zvbkyxdhu0] {
    border: 2px solid var(--amcloud-primary);
}

.review-card .info-card-header[b-zvbkyxdhu0] {
    background: linear-gradient(135deg, var(--amcloud-primary) 0%, var(--amcloud-primary-dark) 100%);
    color: white;
}

.review-card .info-card-header i[b-zvbkyxdhu0],
.review-card .info-card-header h5[b-zvbkyxdhu0] {
    color: white;
}

.action-buttons[b-zvbkyxdhu0] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--amcloud-border-color);
    flex-wrap: wrap;
}

.action-buttons .btn-lg[b-zvbkyxdhu0] {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
}

.timeline[b-zvbkyxdhu0] {
    position: relative;
    padding-left: 2.5rem;
}

.timeline[b-zvbkyxdhu0]::before {
    content: '';
    position: absolute;
    left: 0.625rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--amcloud-border-color);
}

.timeline-item[b-zvbkyxdhu0] {
    position: relative;
    margin-bottom: 1.5rem;
}

.timeline-item:last-child[b-zvbkyxdhu0] {
    margin-bottom: 0;
}

.timeline-marker[b-zvbkyxdhu0] {
    position: absolute;
    left: -2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--amcloud-card-bg);
    font-size: 0.875rem;
}

.timeline-marker i[b-zvbkyxdhu0] {
    color: white;
}

.marker-secondary[b-zvbkyxdhu0] {
    background: var(--amcloud-secondary);
}

.marker-info[b-zvbkyxdhu0] {
    background: var(--amcloud-info);
}

.marker-warning[b-zvbkyxdhu0] {
    background: var(--amcloud-warning);
}

.marker-primary[b-zvbkyxdhu0] {
    background: var(--amcloud-primary);
}

.marker-success[b-zvbkyxdhu0] {
    background: var(--amcloud-success);
}

.marker-danger[b-zvbkyxdhu0] {
    background: var(--amcloud-danger);
}

.timeline-content[b-zvbkyxdhu0] {
    padding-left: 0.75rem;
}

.timeline-action[b-zvbkyxdhu0] {
    font-weight: 600;
    color: var(--amcloud-text-primary);
    margin-bottom: 0.25rem;
}

.timeline-details[b-zvbkyxdhu0] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    margin-bottom: 0.5rem;
}

.timeline-user[b-zvbkyxdhu0] {
    font-size: 0.875rem;
    color: var(--amcloud-text-secondary);
}

.timeline-date[b-zvbkyxdhu0] {
    font-size: 0.75rem;
    color: var(--amcloud-text-disabled);
}

.timeline-remarks[b-zvbkyxdhu0] {
    margin-top: 0.5rem;
    padding: 0.75rem;
    background: var(--amcloud-bg-hover);
    border-radius: 6px;
    font-size: 0.875rem;
    color: var(--amcloud-text-primary);
    border-left: 3px solid var(--amcloud-primary);
}

.modal-backdrop[b-zvbkyxdhu0] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal[b-zvbkyxdhu0] {
    z-index: 1050;
}

.modal-dialog[b-zvbkyxdhu0] {
    max-width: 540px;
}

@media (max-width: 992px) {
    .detail-header[b-zvbkyxdhu0] {
        flex-direction: column;
        gap: 1rem;
    }

    .status-badges[b-zvbkyxdhu0] {
        width: 100%;
    }

    .action-buttons[b-zvbkyxdhu0] {
        flex-direction: column;
    }

    .action-buttons .btn-lg[b-zvbkyxdhu0] {
        width: 100%;
    }
}
/* /Areas/Accounts/Pages/CFO/Concession/Review/Index.razor.rz.scp.css */
.page-container[b-nkisailzaq] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.page-header[b-nkisailzaq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-title h1[b-nkisailzaq] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--amcloud-text-primary);
    margin-bottom: 0.25rem;
}

.page-stats[b-nkisailzaq] {
    display: flex;
    gap: 1rem;
}

.stat-badge[b-nkisailzaq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: var(--amcloud-card-bg);
    border: 1px solid var(--amcloud-border-color);
    border-radius: 8px;
}

.stat-value[b-nkisailzaq] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--amcloud-primary);
}

.stat-label[b-nkisailzaq] {
    font-size: 0.75rem;
    color: var(--amcloud-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.loading-container[b-nkisailzaq] {
    text-align: center;
    padding: 3rem;
}

.loading-container p[b-nkisailzaq] {
    margin-top: 1rem;
    color: var(--amcloud-text-secondary);
}

.empty-state[b-nkisailzaq] {
    text-align: center;
    padding: 4rem 2rem;
    background: var(--amcloud-card-bg);
    border: 1px solid var(--amcloud-border-color);
    border-radius: 8px;
}

.empty-state-icon[b-nkisailzaq] {
    font-size: 4rem;
    color: var(--amcloud-text-disabled);
    margin-bottom: 1rem;
}

.empty-state h3[b-nkisailzaq] {
    color: var(--amcloud-text-primary);
    margin-bottom: 0.5rem;
}

.filters-section[b-nkisailzaq] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--amcloud-card-bg);
    border: 1px solid var(--amcloud-border-color);
    border-radius: 8px;
}

.data-table-card[b-nkisailzaq] {
    background: var(--amcloud-card-bg);
    border: 1px solid var(--amcloud-border-color);
    border-radius: 8px;
    overflow: hidden;
}

.data-table[b-nkisailzaq] {
    width: 100%;
    border-collapse: collapse;
}

.data-table thead[b-nkisailzaq] {
    background: var(--amcloud-table-header-bg);
    border-bottom: 2px solid var(--amcloud-border-color);
}

.data-table th[b-nkisailzaq] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.813rem;
    font-weight: 600;
    color: var(--amcloud-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.data-table tbody tr[b-nkisailzaq] {
    border-bottom: 1px solid var(--amcloud-border-color);
    transition: background-color 0.15s;
}

.data-table tbody tr:hover[b-nkisailzaq] {
    background: var(--amcloud-bg-hover);
}

.data-table tbody tr:last-child[b-nkisailzaq] {
    border-bottom: none;
}

.data-table tbody tr.row-urgent[b-nkisailzaq] {
    border-left: 4px solid var(--amcloud-danger);
}

.data-table td[b-nkisailzaq] {
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    color: var(--amcloud-text-primary);
}

.type-info[b-nkisailzaq] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.type-info small[b-nkisailzaq] {
    font-size: 0.75rem;
}

.verified-info[b-nkisailzaq] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.verified-info small[b-nkisailzaq] {
    font-size: 0.75rem;
}

.filter-results-info[b-nkisailzaq] {
    margin-top: 1rem;
    padding: 0.75rem;
    text-align: center;
    color: var(--amcloud-text-secondary);
    font-size: 0.875rem;
    background: var(--amcloud-card-bg);
    border: 1px solid var(--amcloud-border-color);
    border-radius: 8px;
}

@media (max-width: 992px) {
    .page-header[b-nkisailzaq] {
        flex-direction: column;
        gap: 1rem;
    }

    .page-stats[b-nkisailzaq] {
        width: 100%;
    }

    .stat-badge[b-nkisailzaq] {
        flex: 1;
    }
}
/* /Areas/Accounts/Pages/CFO/Concession/SiblingRules.razor.rz.scp.css */
.page-container[b-7jmktda560] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-7jmktda560] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-title h1[b-7jmktda560] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--amcloud-text-primary);
    margin-bottom: 0.25rem;
}

.page-actions[b-7jmktda560] {
    display: flex;
    gap: 0.75rem;
}

.loading-container[b-7jmktda560] {
    text-align: center;
    padding: 3rem;
}

.loading-container p[b-7jmktda560] {
    margin-top: 1rem;
    color: var(--amcloud-text-secondary);
}

.data-table-card[b-7jmktda560] {
    background: var(--amcloud-card-bg);
    border: 1px solid var(--amcloud-border-color);
    border-radius: 8px;
    overflow: hidden;
}

.data-table[b-7jmktda560] {
    width: 100%;
    border-collapse: collapse;
}

.data-table thead[b-7jmktda560] {
    background: var(--amcloud-table-header-bg);
    border-bottom: 2px solid var(--amcloud-border-color);
}

.data-table th[b-7jmktda560] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.813rem;
    font-weight: 600;
    color: var(--amcloud-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.data-table tbody tr[b-7jmktda560] {
    border-bottom: 1px solid var(--amcloud-border-color);
    transition: background-color 0.15s;
}

.data-table tbody tr:hover[b-7jmktda560] {
    background: var(--amcloud-bg-hover);
}

.data-table tbody tr:last-child[b-7jmktda560] {
    border-bottom: none;
}

.data-table td[b-7jmktda560] {
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    color: var(--amcloud-text-primary);
}

.modal-backdrop[b-7jmktda560] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal[b-7jmktda560] {
    z-index: 1050;
}

.modal-lg[b-7jmktda560] {
    max-width: 700px;
}
/* /Areas/Accounts/Pages/CFO/Concession/Types.razor.rz.scp.css */
.page-container[b-fdgptwxow9] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.page-header[b-fdgptwxow9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-title h1[b-fdgptwxow9] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--amcloud-text-primary);
    margin-bottom: 0.25rem;
}

.page-actions[b-fdgptwxow9] {
    display: flex;
    gap: 0.75rem;
}

.filter-bar[b-fdgptwxow9] {
    background: var(--amcloud-card-bg);
    border: 1px solid var(--amcloud-border-color);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.filter-group[b-fdgptwxow9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.filter-group label[b-fdgptwxow9] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--amcloud-text-secondary);
    margin: 0;
}

.filter-group .form-select[b-fdgptwxow9] {
    width: 250px;
}

.loading-container[b-fdgptwxow9] {
    text-align: center;
    padding: 3rem;
}

.loading-container p[b-fdgptwxow9] {
    margin-top: 1rem;
    color: var(--amcloud-text-secondary);
}

.data-table-card[b-fdgptwxow9] {
    background: var(--amcloud-card-bg);
    border: 1px solid var(--amcloud-border-color);
    border-radius: 8px;
    overflow-x: auto;
}

.data-table[b-fdgptwxow9] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1200px;
}

.data-table thead[b-fdgptwxow9] {
    background: var(--amcloud-table-header-bg);
    border-bottom: 2px solid var(--amcloud-border-color);
}

.data-table th[b-fdgptwxow9] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.813rem;
    font-weight: 600;
    color: var(--amcloud-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.data-table tbody tr[b-fdgptwxow9] {
    border-bottom: 1px solid var(--amcloud-border-color);
    transition: background-color 0.15s;
}

.data-table tbody tr:hover[b-fdgptwxow9] {
    background: var(--amcloud-bg-hover);
}

.data-table tbody tr:last-child[b-fdgptwxow9] {
    border-bottom: none;
}

.data-table td[b-fdgptwxow9] {
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    color: var(--amcloud-text-primary);
}

.modal-backdrop[b-fdgptwxow9] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal[b-fdgptwxow9] {
    z-index: 1050;
}

.modal-lg[b-fdgptwxow9] {
    max-width: 800px;
}
/* /Areas/Accounts/Pages/CFO/FeeVerification.razor.rz.scp.css */
.page-container[b-5io2htnz49] { padding: 1.5rem; }
    .page-header[b-5io2htnz49] { margin-bottom: 1.5rem; }
    .page-header h1[b-5io2htnz49] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    .summary-cards[b-5io2htnz49] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
    .summary-card[b-5io2htnz49] { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 10px; border-left: 4px solid; }
    .summary-card.border-warning[b-5io2htnz49] { border-left-color: var(--bs-warning); }
    .summary-card.border-success[b-5io2htnz49] { border-left-color: var(--bs-success); }
    .summary-card.border-danger[b-5io2htnz49] { border-left-color: var(--bs-danger); }
    .summary-icon[b-5io2htnz49] { width: 48px; height: 48px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.25rem; }
    .summary-content h4[b-5io2htnz49] { margin: 0; font-size: 1.5rem; font-weight: 700; }
    .summary-content p[b-5io2htnz49] { margin: 0; font-size: 0.8rem; color: var(--text-muted); }

    .loading-container[b-5io2htnz49] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-5io2htnz49] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }

    .fee-cards[b-5io2htnz49] { display: flex; flex-direction: column; gap: 1rem; }
    .fee-card[b-5io2htnz49] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .fee-card-header[b-5io2htnz49] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border); }
    .fee-card-header h4[b-5io2htnz49] { margin: 0; font-size: 1.1rem; font-weight: 600; }
    .fee-amount[b-5io2htnz49] { text-align: right; }
    .fee-amount .amount[b-5io2htnz49] { font-size: 1.5rem; font-weight: 700; color: var(--bs-primary); }
    .fee-card-body[b-5io2htnz49] { padding: 1.25rem; }
    .fee-card-footer[b-5io2htnz49] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 1rem 1.25rem; border-top: 1px solid var(--border); background: var(--bg-secondary); }

    .monthly-breakdown[b-5io2htnz49] { background: var(--bg-secondary); padding: 0.75rem; border-radius: 8px; }
    .month-grid[b-5io2htnz49] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; font-size: 0.8rem; }

    /* Modal z-index fix */
    .modal-backdrop[b-5io2htnz49] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 1050; }
    .modal[b-5io2htnz49] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; overflow-x: hidden; overflow-y: auto; outline: 0; }
    .modal-dialog[b-5io2htnz49] { position: relative; margin: 1.75rem auto; }
    .modal-content[b-5io2htnz49] { position: relative; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15); }
/* /Areas/Accounts/Pages/CFO/Index.razor.rz.scp.css */
.dashboard-container[b-u4stbhvala] {
        padding: 1.5rem;
    }
    .page-header[b-u4stbhvala] {
        margin-bottom: 2rem;
    }
    .page-header h1[b-u4stbhvala] {
        margin: 0;
        font-size: 1.75rem;
        font-weight: 600;
    }
    .dashboard-cards[b-u4stbhvala] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
    }
    .stat-card[b-u4stbhvala] {
        background: var(--bg-primary);
        border-radius: 12px;
        padding: 1.5rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        box-shadow: var(--shadow-sm);
        border: 1px solid var(--border);
    }
    .stat-icon[b-u4stbhvala] {
        width: 56px;
        height: 56px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: white;
    }
    .stat-icon.bg-primary[b-u4stbhvala] { background: linear-gradient(135deg, #667eea, #764ba2); }
    .stat-icon.bg-danger[b-u4stbhvala] { background: linear-gradient(135deg, #ff6b6b, #ee5a24); }
    .stat-icon.bg-warning[b-u4stbhvala] { background: linear-gradient(135deg, #f6d365, #fda085); }
    .stat-icon.bg-success[b-u4stbhvala] { background: linear-gradient(135deg, #11998e, #38ef7d); }
    .stat-content h3[b-u4stbhvala] {
        font-size: 0.875rem;
        color: var(--text-muted);
        margin: 0;
    }
    .stat-value[b-u4stbhvala] {
        font-size: 1.75rem;
        font-weight: 700;
        margin: 0.25rem 0;
        color: var(--text-primary);
    }
    .stat-label[b-u4stbhvala] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }
    .action-buttons[b-u4stbhvala] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    .action-buttons .btn[b-u4stbhvala] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
/* /Areas/Accounts/Pages/FeeClerk/AdmissionFee.razor.rz.scp.css */
/* Modal */
.modal-backdrop[b-2vmnimhdt8] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal[b-2vmnimhdt8] {
    z-index: 1050;
}

.modal-content[b-2vmnimhdt8] {
    border: none;
    border-radius: 0.75rem;
    overflow: hidden;
}

.modal-header[b-2vmnimhdt8] {
    border-bottom: none;
}

.modal-footer[b-2vmnimhdt8] {
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
}

/* Student Banner */
.student-banner[b-2vmnimhdt8] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #dee2e6;
}

.student-name[b-2vmnimhdt8] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #212529;
}

.student-meta[b-2vmnimhdt8] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-top: 0.125rem;
}

.student-parent[b-2vmnimhdt8] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

/* Amount Box */
.amount-box[b-2vmnimhdt8] {
    background: #198754;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    text-align: center;
    min-width: 100px;
}

.amount-label[b-2vmnimhdt8] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.9;
}

.amount-value[b-2vmnimhdt8] {
    font-size: 1.25rem;
    font-weight: 700;
}

/* Form */
.form-label[b-2vmnimhdt8] {
    font-weight: 500;
    font-size: 0.875rem;
    margin-bottom: 0.375rem;
}

.form-control[b-2vmnimhdt8],
.form-select[b-2vmnimhdt8] {
    border-radius: 0.375rem;
}

.form-control:focus[b-2vmnimhdt8],
.form-select:focus[b-2vmnimhdt8] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}
/* /Areas/Accounts/Pages/FeeClerk/AdmissionReceiptPrint.razor.rz.scp.css */
body[b-933yy54n9j] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    background-color: #f8f9fa;
    color: #212529;
    font-size: 14px;
    line-height: 1.6;
}

.loading-spinner[b-933yy54n9j],
.error-message[b-933yy54n9j] {
    text-align: center;
    padding: 50px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.spinner-border[b-933yy54n9j] {
    width: 3rem;
    height: 3rem;
    color: #28a745;
}

.error-message[b-933yy54n9j] {
    color: #dc3545;
}

.receipt-actions[b-933yy54n9j] {
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.action-btn[b-933yy54n9j] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: white;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    color: #495057;
}

.action-btn:hover[b-933yy54n9j] {
    background: #28a745;
    border-color: #28a745;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.2);
}

.receipt-container[b-933yy54n9j] {
    max-width: 700px;
    margin: 5px auto;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
}

.receipt-header[b-933yy54n9j] {
    background: #FFFFFF;
    color: black;
    padding: 15px 20px;
    border-bottom: 3px solid #28a745;
    margin-bottom: 8px;
}

.school-info[b-933yy54n9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.school-name[b-933yy54n9j] {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1e3c72;
}

.school-details[b-933yy54n9j] {
    font-size: 11px;
    line-height: 1.4;
    opacity: 0.9;
}

.school-details p[b-933yy54n9j] {
    margin: 2px 0;
}

.school-logo[b-933yy54n9j] {
    padding-left: 10px;
}

.school-logo img[b-933yy54n9j] {
    height: 150px;
    width: auto;
}

.copy-indicator[b-933yy54n9j] {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #28a745;
    text-transform: uppercase;
    padding: 5px 15px;
    border: 1px solid #28a745;
    border-radius: 5px;
    margin-top: 8px;
    display: inline-block;
}

.logo-section[b-933yy54n9j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.invoice-info[b-933yy54n9j] {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 8px;
}

.invoice-detail[b-933yy54n9j] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.invoice-label[b-933yy54n9j] {
    font-weight: 600;
    color: #6c757d;
    font-size: 11px;
}

.invoice-value[b-933yy54n9j] {
    font-weight: 500;
    color: #28a745;
    font-size: 12px;
}

.sr-highlight[b-933yy54n9j] {
    background: #d4edda;
    padding: 4px 10px;
    border-radius: 4px;
}

.sr-number[b-933yy54n9j] {
    font-weight: 700;
    font-size: 14px;
    color: #155724;
}

.admission-badge[b-933yy54n9j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    border-radius: 20px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(21, 87, 36, 0.1);
}

.student-info[b-933yy54n9j] {
    padding: 12px 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 10px;
}

.info-group[b-933yy54n9j] {
    margin-bottom: 6px;
}

.info-label[b-933yy54n9j] {
    font-size: 10px;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.info-value[b-933yy54n9j] {
    font-size: 12px;
    font-weight: 500;
    color: #333;
}

.address-section[b-933yy54n9j] {
    grid-column: 1 / -1;
}

.fee-summary[b-933yy54n9j] {
    margin: 0 20px 10px 20px;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    overflow: hidden;
}

.summary-header[b-933yy54n9j] {
    background-color: #28a745;
    color: white;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.fee-table[b-933yy54n9j] {
    width: 100%;
    border-collapse: collapse;
}

.fee-table th[b-933yy54n9j] {
    background-color: #f8f9fa;
    padding: 6px;
    text-align: left;
    font-weight: 600;
    color: #495057;
    font-size: 11px;
    border-bottom: 1px solid #dee2e6;
    vertical-align: middle;
}

.fee-table td[b-933yy54n9j] {
    padding: 6px;
    border-bottom: 1px solid #e9ecef;
    font-size: 11px;
    vertical-align: middle;
}

.fee-table th:last-child[b-933yy54n9j],
.fee-table td:last-child[b-933yy54n9j] {
    text-align: right;
}

.discount-row td[b-933yy54n9j] {
    color: #dc3545;
}

.discount-amount[b-933yy54n9j] {
    color: #dc3545;
    font-weight: 600;
}

.total-section[b-933yy54n9j] {
    background-color: #d4edda;
    padding: 10px;
    margin: 0 20px 10px 20px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.total-label[b-933yy54n9j] {
    font-size: 14px;
    font-weight: 600;
    color: #155724;
}

.total-amount[b-933yy54n9j] {
    font-size: 18px;
    font-weight: 700;
    color: #155724;
}

.payment-method[b-933yy54n9j] {
    padding: 12px 20px;
    background-color: #e9ecef;
    margin-bottom: 10px;
}

.payment-header[b-933yy54n9j] {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

.payment-details[b-933yy54n9j] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.payment-info[b-933yy54n9j] {
    background-color: white;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #dee2e6;
}

.remarks-section[b-933yy54n9j] {
    margin-top: 8px;
    padding: 8px;
    background-color: white;
    border-radius: 5px;
    font-size: 11px;
}

/* SR Number Highlight Box */
.sr-box[b-933yy54n9j] {
    margin: 10px 20px;
    padding: 15px;
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border: 2px solid #28a745;
    border-radius: 8px;
    text-align: center;
}

.sr-box-header[b-933yy54n9j] {
    font-size: 12px;
    font-weight: 600;
    color: #155724;
    margin-bottom: 8px;
}

.sr-box-number[b-933yy54n9j] {
    font-size: 32px;
    font-weight: 800;
    color: #155724;
    letter-spacing: 2px;
}

.sr-box-note[b-933yy54n9j] {
    font-size: 10px;
    color: #155724;
    margin-top: 8px;
    font-style: italic;
}

.receipt-footer[b-933yy54n9j] {
    padding: 15px 20px 15px 20px;
    border-top: 2px solid #e9ecef;
    margin-top: 8px;
}

.footer-content-wrapper[b-933yy54n9j] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.footer-left-section[b-933yy54n9j] {
    flex: 1;
}

.footer-info[b-933yy54n9j] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 11px;
    color: #6c757d;
    font-weight: 500;
    flex-wrap: wrap;
}

.footer-info > div[b-933yy54n9j] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
}

.footer-info span:first-child[b-933yy54n9j] {
    font-weight: 600;
}

.footer-qr-section[b-933yy54n9j] {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 10px;
    padding-left: 20px;
    align-self: flex-end;
}

.signature-section[b-933yy54n9j] {
    display: flex;
    justify-content: flex-start;
    gap: 100px;
    margin: 5px 30px 8px 30px;
}

.signature-box[b-933yy54n9j] {
    text-align: center;
    width: 150px;
}

.signature-line[b-933yy54n9j] {
    border-top: 1px solid #333;
    margin-bottom: 8px;
    width: 100%;
}

.signature-label[b-933yy54n9j] {
    font-size: 11px;
    color: #6c757d;
    font-weight: 500;
}

.qr-code-container[b-933yy54n9j] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 8px !important;
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
    min-width: auto;
    max-width: 100px;
}

.qr-code-container img[b-933yy54n9j] {
    width: 70px !important;
    height: 70px !important;
    margin-bottom: 5px !important;
    display: block !important;
}

.qr-label[b-933yy54n9j] {
    font-size: 9px !important;
    font-weight: 700 !important;
    color: #28a745 !important;
    margin-bottom: 2px !important;
    text-align: center !important;
}

.qr-verification-text[b-933yy54n9j] {
    font-size: 8px !important;
    color: #6c757d !important;
    text-align: center !important;
    font-weight: 500 !important;
}

.security-strip[b-933yy54n9j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 10px;
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
    font-size: 9px;
    font-weight: 600;
    border-radius: 6px 6px 0 0;
    margin-top: 8px;
}

.footer-note[b-933yy54n9j] {
    text-align: center;
    margin: 2px 0 3px 0;
    font-size: 10px;
    color: #6c757d;
    line-height: 1.4;
}

.page-break[b-933yy54n9j] {
    display: none;
}

/* PAID watermark */
.receipt-container[b-933yy54n9j]::before {
    content: "ADMITTED";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 80px;
    color: rgba(40, 167, 69, 0.03);
    font-weight: 900;
    z-index: 0;
    pointer-events: none;
    letter-spacing: 10px;
}

.receipt-header[b-933yy54n9j],
.invoice-info[b-933yy54n9j],
.student-info[b-933yy54n9j],
.fee-summary[b-933yy54n9j],
.payment-method[b-933yy54n9j],
.sr-box[b-933yy54n9j],
.receipt-footer[b-933yy54n9j] {
    position: relative;
    z-index: 1;
}

@media print {
    .receipt-actions[b-933yy54n9j],
    .no-print[b-933yy54n9j] {
        display: none !important;
    }

    body[b-933yy54n9j] {
        background-color: white;
        margin: 0;
        font-size: 11px;
        line-height: 1.2;
    }

    .receipt-container[b-933yy54n9j] {
        box-shadow: none;
        margin: 0;
        max-width: 100%;
    }

    .page-break[b-933yy54n9j] {
        display: block;
        page-break-after: always;
        height: 0;
        margin: 0;
    }

    .sr-box[b-933yy54n9j] {
        background: #d4edda !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .admission-badge[b-933yy54n9j] {
        background: #d4edda !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .total-section[b-933yy54n9j] {
        background: #d4edda !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .qr-code-container[b-933yy54n9j] {
        background: #ffffff !important;
        border: 1px solid #dee2e6 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        box-shadow: none !important;
    }

    @page {
        size: A5;
        margin: 2mm;
    }

    body[b-933yy54n9j] {
        font-size: 9px !important;
    }

    .receipt-header[b-933yy54n9j] {
        padding: 6px 15px !important;
    }

    .school-logo img[b-933yy54n9j] {
        height: 100px !important;
    }

    .invoice-info[b-933yy54n9j] {
        padding: 5px 15px !important;
    }

    .student-info[b-933yy54n9j] {
        padding: 6px 15px !important;
        gap: 5px !important;
    }

    .info-group[b-933yy54n9j] {
        margin-bottom: 2px !important;
    }

    .total-section[b-933yy54n9j] {
        padding: 5px !important;
        margin: 5px 15px !important;
    }

    .payment-method[b-933yy54n9j] {
        padding: 5px 15px !important;
    }

    .sr-box[b-933yy54n9j] {
        margin: 5px 15px !important;
        padding: 10px !important;
    }

    .sr-box-number[b-933yy54n9j] {
        font-size: 24px !important;
    }

    .receipt-footer[b-933yy54n9j] {
        padding: 6px 15px 5px 15px !important;
    }

    .footer-info[b-933yy54n9j] {
        margin-bottom: 5px !important;
    }

    .signature-section[b-933yy54n9j] {
        margin: 3px 20px 2px 20px !important;
    }

    .security-strip[b-933yy54n9j] {
        padding: 3px 8px !important;
        font-size: 8px !important;
        margin-top: 1px !important;
    }

    .footer-note[b-933yy54n9j] {
        margin: 1px 0 2px 0 !important;
        font-size: 8px !important;
    }
}
/* /Areas/Accounts/Pages/FeeClerk/CollectFee.razor.rz.scp.css */
/* =============================================================================
   FEE COLLECTION PAGE - "Financial Clarity" Design
   Clean, professional, task-focused interface for fee collection
   ============================================================================= */

/* Local Design Tokens */
.collect-fee[b-q502aozksr] {
    --fc-primary: #2563eb;
    --fc-primary-dark: #1d4ed8;
    --fc-primary-light: #3b82f6;
    --fc-success: #059669;
    --fc-success-light: #d1fae5;
    --fc-warning: #d97706;
    --fc-warning-light: #fef3c7;
    --fc-danger: #dc2626;
    --fc-danger-light: #fee2e2;
    --fc-surface: #f8fafc;
    --fc-surface-elevated: #ffffff;
    --fc-border: #e2e8f0;
    --fc-border-strong: #cbd5e1;
    --fc-text-primary: #0f172a;
    --fc-text-secondary: #475569;
    --fc-text-muted: #64748b;
    --fc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --fc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --fc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --fc-radius-sm: 6px;
    --fc-radius-md: 8px;
    --fc-radius-lg: 12px;
}

/* =============================================================================
   BASE CONTAINER
   ============================================================================= */

.collect-fee[b-q502aozksr] {
    max-width: 100%;
    margin: 0;
    padding: var(--space-md);
    background: var(--fc-surface);
    min-height: calc(100vh - 50px);
}

/* =============================================================================
   HEADER SECTION
   ============================================================================= */

.fee-header[b-q502aozksr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--fc-border);
}

.fee-title[b-q502aozksr] {
    font-size: var(--font-size-xl);
    font-weight: 700;
    color: var(--fc-text-primary);
    margin: 0;
    letter-spacing: -0.025em;
}

.fee-subtitle[b-q502aozksr] {
    font-size: 0.875rem;
    color: var(--fc-text-muted);
    margin: 0.25rem 0 0 0;
}

.btn-back[b-q502aozksr] {
    padding: 0.5rem 1rem;
    background: var(--fc-surface-elevated);
    border: 1px solid var(--fc-border);
    border-radius: var(--fc-radius-md);
    color: var(--fc-text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-back:hover[b-q502aozksr] {
    background: var(--fc-surface);
    border-color: var(--fc-border-strong);
    color: var(--fc-text-primary);
}

/* =============================================================================
   SEARCH SECTION
   ============================================================================= */

.search-card[b-q502aozksr] {
    background: var(--fc-surface-elevated);
    border: 1px solid var(--fc-border);
    border-radius: var(--fc-radius-lg);
    padding: var(--space-md);
    margin-bottom: var(--space-md);
    box-shadow: var(--fc-shadow-sm);
}

.search-bar[b-q502aozksr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    position: relative;
}

.search-bar>i:first-child[b-q502aozksr] {
    position: absolute;
    left: 1rem;
    color: var(--fc-text-muted);
    font-size: 1rem;
    z-index: 1;
}

.search-input[b-q502aozksr] {
    flex: 1;
    padding: var(--space-sm) var(--space-md) var(--space-sm) 2.25rem;
    border: 1px solid var(--fc-border);
    border-radius: var(--fc-radius-md);
    font-size: var(--font-size-sm);
    background: var(--fc-surface-elevated);
    color: var(--fc-text-primary);
    transition: all 0.2s ease;
}

.search-input:focus[b-q502aozksr] {
    outline: none;
    border-color: var(--fc-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.search-input[b-q502aozksr]::placeholder {
    color: var(--fc-text-muted);
}

.btn-search[b-q502aozksr] {
    padding: var(--space-sm) var(--space-md);
    background: var(--fc-primary);
    color: white;
    border: none;
    border-radius: var(--fc-radius-md);
    font-size: var(--font-size-sm);
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    transition: all 0.2s ease;
    white-space: nowrap;
}

.btn-search:hover:not(:disabled)[b-q502aozksr] {
    background: var(--fc-primary-dark);
    transform: translateY(-1px);
    box-shadow: var(--fc-shadow-md);
}

.btn-search:disabled[b-q502aozksr] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Alert Messages */
.alert[b-q502aozksr] {
    margin-top: 1rem;
    padding: 0.875rem 1rem;
    border-radius: var(--fc-radius-md);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.alert i[b-q502aozksr] {
    font-size: 1.125rem;
    flex-shrink: 0;
}

.alert-error[b-q502aozksr] {
    background: var(--fc-danger-light);
    color: var(--fc-danger);
    border: 1px solid #fecaca;
}

.alert-success[b-q502aozksr] {
    background: var(--fc-success-light);
    color: var(--fc-success);
    border: 1px solid #a7f3d0;
}

.alert-info[b-q502aozksr] {
    background: #eff6ff;
    color: var(--fc-primary);
    border: 1px solid #bfdbfe;
}

/* =============================================================================
   MAIN LAYOUT - Two Column
   ============================================================================= */

.fee-collection-container[b-q502aozksr] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: var(--space-md);
    min-height: calc(100vh - 200px);
}

.left-panel[b-q502aozksr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.right-panel[b-q502aozksr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    position: sticky;
    top: 60px;
    align-self: flex-start;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}

/* =============================================================================
   STUDENT INFO CARD
   ============================================================================= */

.student-header-compact[b-q502aozksr] {
    background: var(--fc-surface-elevated);
    border: 1px solid var(--fc-border);
    border-radius: var(--fc-radius-lg);
    padding: var(--space-sm) var(--space-md);
    box-shadow: var(--fc-shadow-sm);
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.student-info-inline[b-q502aozksr] {
    font-size: 0.9375rem;
    color: var(--fc-text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.student-info-inline strong[b-q502aozksr] {
    color: var(--fc-text-secondary);
    font-weight: 500;
}

.student-info-inline strong:nth-of-type(2)[b-q502aozksr] {
    color: var(--fc-text-primary);
    font-weight: 700;
    font-size: 1rem;
}

/* =============================================================================
   FEE TABLE CARD
   ============================================================================= */

.fee-table-card[b-q502aozksr] {
    background: var(--fc-surface-elevated);
    border: 1px solid var(--fc-border);
    border-radius: var(--fc-radius-lg);
    padding: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: var(--fc-shadow-sm);
}

.table-wrapper[b-q502aozksr] {
    flex: 1;
    overflow-y: auto;
    overflow-x: auto;
}

/* =============================================================================
   FEE TABLE
   ============================================================================= */

.fee-table[b-q502aozksr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
    min-width: 900px;
}

/* Table Header */
.fee-table thead th[b-q502aozksr] {
    background: var(--fc-surface);
    padding: var(--space-sm) var(--space-md);
    font-size: var(--font-size-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--fc-text-muted);
    border-bottom: 2px solid var(--fc-border-strong);
    position: sticky;
    top: 0;
    z-index: 10;
    white-space: nowrap;
}

.fee-table thead th.text-right[b-q502aozksr] {
    text-align: right;
}

.fee-table thead th.text-center[b-q502aozksr] {
    text-align: center;
}

/* Quarter Headers */
.fee-table .quarter-header[b-q502aozksr] {
    background: var(--fc-surface) !important;
}

.fee-table .quarter-header td[b-q502aozksr] {
    padding: var(--space-xs) var(--space-md) !important;
    background: transparent !important;
    color: var(--fc-primary) !important;
    font-weight: 700 !important;
    font-size: 0.8125rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-top: 1px solid var(--fc-border) !important;
    border-bottom: none !important;
}

.fee-table .quarter-header td i[b-q502aozksr] {
    margin-right: 0.5rem;
    opacity: 0.7;
}

/* Quarter Totals */
.fee-table .quarter-total[b-q502aozksr] {
    background: var(--fc-surface) !important;
}

.fee-table .quarter-total td[b-q502aozksr] {
    padding: var(--space-sm) var(--space-md) !important;
    background: transparent !important;
    font-weight: 600;
    color: var(--fc-text-primary);
    border-top: 1px solid var(--fc-border-strong);
    border-bottom: 2px solid var(--fc-border-strong);
}

.fee-table .quarter-total td:first-child[b-q502aozksr] {
    border-left: 3px solid var(--fc-primary);
}

/* Grand Total */
.fee-table .grand-total[b-q502aozksr] {
    background: linear-gradient(135deg, var(--fc-primary) 0%, var(--fc-primary-dark) 100%) !important;
}

.fee-table .grand-total td[b-q502aozksr] {
    padding: var(--space-sm) var(--space-md) !important;
    color: white !important;
    background: transparent !important;
    font-weight: 700;
    font-size: 0.9375rem;
}

.fee-table .grand-total .fee-amount[b-q502aozksr] {
    color: white !important;
    font-size: 1.125rem !important;
}

/* Table Body */
.fee-table tbody td[b-q502aozksr] {
    padding: var(--space-xs) var(--space-md);
    font-size: 0.8125rem;
    vertical-align: middle;
    color: var(--fc-text-primary);
    border-bottom: 1px solid var(--fc-border);
    transition: background 0.15s ease;
}

/* Column Alignment */
.fee-table tbody td.text-right[b-q502aozksr],
.fee-table .quarter-total td.text-right[b-q502aozksr],
.fee-table .grand-total td.text-right[b-q502aozksr] {
    text-align: right !important;
}

.fee-table tbody td.text-center[b-q502aozksr],
.fee-table .quarter-total td.text-center[b-q502aozksr],
.fee-table .grand-total td.text-center[b-q502aozksr] {
    text-align: center !important;
}

/* Row Hover */
.fee-table tbody tr:not(.quarter-header):not(.quarter-total):not(.grand-total):hover[b-q502aozksr] {
    background: rgba(37, 99, 235, 0.04) !important;
    cursor: pointer;
}

/* Paid Rows */
.fee-table .row-paid[b-q502aozksr] {
    background: rgba(5, 150, 105, 0.04) !important;
}

.fee-table .row-paid td[b-q502aozksr] {
    background: transparent !important;
    color: var(--fc-text-muted);
}

/* Fee Amounts */
.fee-table .fee-amount[b-q502aozksr] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--fc-text-primary);
    white-space: nowrap;
}

.fee-table .quarter-total .fee-amount[b-q502aozksr] {
    font-size: 0.9375rem;
    font-weight: 700;
}

/* Checkboxes */
.fee-table input[type="checkbox"][b-q502aozksr] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--fc-primary);
    border-radius: 4px;
}

/* Status Indicators */
.fee-table .text-success[b-q502aozksr] {
    color: var(--fc-success) !important;
}

.fee-table .text-danger[b-q502aozksr] {
    color: var(--fc-danger) !important;
}

.fee-table .text-muted[b-q502aozksr] {
    color: var(--fc-text-muted) !important;
}

/* =============================================================================
   TOTAL SELECTED BAR
   ============================================================================= */

.total-selected-bar[b-q502aozksr] {
    padding: var(--space-sm) var(--space-md);
    background: linear-gradient(135deg, var(--fc-primary) 0%, var(--fc-primary-dark) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.total-label[b-q502aozksr] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.8125rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.total-amount[b-q502aozksr] {
    color: white;
    font-size: 1.375rem;
    font-weight: 700;
}

/* =============================================================================
   PAYMENT CARD
   ============================================================================= */

.payment-card[b-q502aozksr] {
    background: var(--fc-surface-elevated);
    border: 1px solid var(--fc-border);
    border-radius: var(--fc-radius-lg);
    padding: var(--space-md);
    box-shadow: var(--fc-shadow-sm);
}

.card-title[b-q502aozksr] {
    font-size: var(--font-size-base);
    font-weight: 700;
    color: var(--fc-text-primary);
    margin: 0 0 var(--space-md) 0;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--fc-border);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.card-title i[b-q502aozksr] {
    color: var(--fc-primary);
    font-size: 1rem;
}

/* Form Elements */
.form-grid[b-q502aozksr] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-md);
    margin-bottom: var(--space-md);
}

.form-group[b-q502aozksr] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.full-width[b-q502aozksr] {
    grid-column: 1 / -1;
}

.form-label[b-q502aozksr] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--fc-text-secondary);
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.form-control[b-q502aozksr] {
    padding: var(--space-sm) var(--space-md);
    border: 1px solid var(--fc-border);
    border-radius: var(--fc-radius-sm);
    font-size: var(--font-size-sm);
    color: var(--fc-text-primary);
    background: var(--fc-surface-elevated);
    transition: all 0.2s ease;
}

.form-control:focus[b-q502aozksr] {
    outline: none;
    border-color: var(--fc-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* Notification Section */
.notification-section[b-q502aozksr] {
    margin: 1.25rem 0;
    padding: 1rem;
    background: var(--fc-surface);
    border-radius: var(--fc-radius-md);
    border-left: 3px solid var(--fc-primary);
}

.notification-section .form-label[b-q502aozksr] {
    margin-bottom: 0.5rem;
}

.checkbox-group[b-q502aozksr] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-top: 0.625rem;
}

.checkbox-label[b-q502aozksr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--fc-text-secondary);
    margin: 0;
}

.checkbox-label input[type="checkbox"][b-q502aozksr] {
    width: 16px;
    height: 16px;
    accent-color: var(--fc-primary);
}

/* Payment Summary */
.payment-summary[b-q502aozksr] {
    background: linear-gradient(135deg, var(--fc-surface) 0%, #f1f5f9 100%);
    padding: 1.25rem;
    border-radius: var(--fc-radius-md);
    margin: 1.25rem 0;
    border: 1px solid var(--fc-border);
}

.summary-row[b-q502aozksr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
}

.summary-row span:first-child[b-q502aozksr] {
    color: var(--fc-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
}

.summary-amount[b-q502aozksr] {
    font-size: 1.625rem;
    font-weight: 700;
    color: var(--fc-primary);
}

/* Form Actions */
.form-actions[b-q502aozksr] {
    display: flex;
    gap: 0.875rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--fc-border);
}

.btn[b-q502aozksr] {
    padding: var(--space-sm) var(--space-md);
    border: none;
    border-radius: var(--fc-radius-md);
    font-size: var(--font-size-sm);
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
    flex: 1;
}

.btn-primary[b-q502aozksr] {
    background: var(--fc-primary);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-q502aozksr] {
    background: var(--fc-primary-dark);
    transform: translateY(-1px);
    box-shadow: var(--fc-shadow-md);
}

.btn-primary:disabled[b-q502aozksr] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-secondary[b-q502aozksr] {
    background: var(--fc-surface);
    color: var(--fc-text-secondary);
    border: 1px solid var(--fc-border);
    flex: 0 0 auto;
}

.btn-secondary:hover[b-q502aozksr] {
    background: var(--fc-border);
    color: var(--fc-text-primary);
}

/* =============================================================================
   SIBLING PAYMENT SECTION
   ============================================================================= */

.btn-sibling[b-q502aozksr] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.625rem 1rem !important;
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--fc-radius-md) !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}

.btn-sibling:hover[b-q502aozksr] {
    background: linear-gradient(135deg, #6d28d9 0%, #5b21b6 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3) !important;
}

.sibling-card[b-q502aozksr] {
    background: var(--fc-surface-elevated) !important;
    border-radius: var(--fc-radius-lg) !important;
    padding: 1.25rem !important;
    border: 1px solid var(--fc-border) !important;
    box-shadow: var(--fc-shadow-sm) !important;
}

.sibling-list[b-q502aozksr] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    margin-top: 1rem !important;
    max-height: 280px !important;
    overflow-y: auto !important;
}

.sibling-item[b-q502aozksr] {
    border: 1px solid var(--fc-border) !important;
    border-radius: var(--fc-radius-md) !important;
    padding: 1rem !important;
    transition: all 0.2s ease !important;
    background: var(--fc-surface) !important;
}

.sibling-item:hover[b-q502aozksr] {
    border-color: #7c3aed !important;
    background: #faf5ff !important;
}

.sibling-item.selected[b-q502aozksr] {
    border-color: #7c3aed !important;
    background: #f3e8ff !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1) !important;
}

.sibling-header[b-q502aozksr] {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

.sibling-checkbox[b-q502aozksr] {
    display: flex !important;
    align-items: center !important;
    gap: 0.875rem !important;
    cursor: pointer !important;
    flex: 1 !important;
    margin: 0 !important;
}

.btn-load-sibling-fee[b-q502aozksr] {
    display: flex !important;
    align-items: center !important;
    gap: 0.375rem !important;
    padding: 0.5rem 0.75rem !important;
    background: var(--fc-primary) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--fc-radius-sm) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.btn-load-sibling-fee:hover[b-q502aozksr] {
    background: var(--fc-primary-dark) !important;
    transform: translateY(-1px) !important;
}

.btn-load-sibling-fee i[b-q502aozksr] {
    font-size: 0.75rem !important;
}

.sibling-checkbox input[type="checkbox"][b-q502aozksr] {
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    accent-color: #7c3aed !important;
}

.sibling-info[b-q502aozksr] {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.375rem !important;
}

.sibling-name[b-q502aozksr] {
    display: flex !important;
    align-items: center !important;
    gap: 0.625rem !important;
    flex-wrap: wrap !important;
}

.sibling-name strong[b-q502aozksr] {
    font-size: 0.9375rem !important;
    color: var(--fc-text-primary) !important;
}

.sibling-class[b-q502aozksr] {
    font-size: 0.75rem !important;
    color: var(--fc-text-muted) !important;
    padding: 0.1875rem 0.5rem !important;
    background: var(--fc-surface-elevated) !important;
    border-radius: 4px !important;
    border: 1px solid var(--fc-border) !important;
    font-weight: 500 !important;
}

.sibling-details[b-q502aozksr] {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    font-size: 0.8125rem !important;
}

.sibling-sr[b-q502aozksr] {
    color: var(--fc-text-muted) !important;
}

.sibling-balance[b-q502aozksr] {
    color: var(--fc-text-secondary) !important;
}

.sibling-balance strong[b-q502aozksr] {
    color: var(--fc-danger) !important;
}

.sibling-summary[b-q502aozksr] {
    margin-top: 1rem !important;
    padding: 1rem !important;
    background: var(--fc-surface) !important;
    border-radius: var(--fc-radius-md) !important;
    border: 1px solid var(--fc-border) !important;
}

.sibling-summary .summary-row[b-q502aozksr] {
    display: flex !important;
    justify-content: space-between !important;
    padding: 0.375rem 0 !important;
    font-size: 0.875rem !important;
}

.sibling-summary .grand-total-row[b-q502aozksr] {
    border-top: 2px solid #7c3aed !important;
    padding-top: 0.625rem !important;
    margin-top: 0.625rem !important;
    font-size: 1rem !important;
    color: #7c3aed !important;
    font-weight: 700 !important;
}

.sibling-note[b-q502aozksr] {
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
    padding: 0.75rem 1rem !important;
    font-size: 0.8125rem !important;
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    color: var(--fc-primary) !important;
    border-radius: var(--fc-radius-md) !important;
}

.sibling-note i[b-q502aozksr] {
    margin-right: 0.5rem !important;
}

/* Sibling Pay Button */
.btn-sibling-pay[b-q502aozksr] {
    width: 100%;
    margin-top: 1rem;
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
    font-weight: 700;
    border-radius: var(--fc-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    background: linear-gradient(135deg, var(--fc-success) 0%, #047857 100%);
    border: none;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-sibling-pay:hover:not(:disabled)[b-q502aozksr] {
    background: linear-gradient(135deg, #047857 0%, #065f46 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3);
}

.btn-sibling-pay:disabled[b-q502aozksr] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* =============================================================================
   MIXED PAYMENT SECTION
   ============================================================================= */

.mixed-payment-toggle[b-q502aozksr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: var(--fc-surface);
    border-radius: var(--fc-radius-md);
    cursor: pointer;
    border: 1px solid var(--fc-border);
    transition: all 0.2s ease;
    width: 100%;
}

.mixed-payment-toggle:hover[b-q502aozksr] {
    border-color: var(--fc-primary);
    background: rgba(37, 99, 235, 0.04);
}

.mixed-payment-toggle input[type="checkbox"][b-q502aozksr] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--fc-primary);
    flex-shrink: 0;
}

.mixed-payment-toggle label[b-q502aozksr] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--fc-text-secondary);
    cursor: pointer;
    margin: 0;
}

.mixed-payment-section[b-q502aozksr] {
    background: var(--fc-surface);
    border-radius: var(--fc-radius-lg);
    padding: 1.25rem;
    margin-top: 1rem;
    border: 1px solid var(--fc-border);
}

.mixed-payment-header[b-q502aozksr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--fc-border);
}

.mixed-total[b-q502aozksr] {
    font-weight: 600;
    color: var(--fc-text-secondary);
    font-size: 0.875rem;
}

.mixed-remaining[b-q502aozksr] {
    font-weight: 700;
}

.mixed-payment-part[b-q502aozksr] {
    background: var(--fc-surface-elevated);
    border: 1px solid var(--fc-border);
    border-radius: var(--fc-radius-md);
    padding: 1rem;
    margin-bottom: 0.75rem;
}

.part-row[b-q502aozksr] {
    display: flex;
    gap: 0.625rem;
    align-items: center;
}

.part-mode[b-q502aozksr] {
    flex: 1;
    min-width: 120px;
}

.part-amount[b-q502aozksr] {
    flex: 1;
    min-width: 120px;
}

.part-details[b-q502aozksr] {
    display: flex;
    gap: 0.625rem;
    margin-top: 0.625rem;
    flex-wrap: wrap;
}

.part-details input[b-q502aozksr] {
    flex: 1;
    min-width: 140px;
}

.add-part-btn[b-q502aozksr] {
    width: 100%;
    margin-top: 0.625rem;
}

/* =============================================================================
   RESPONSIVE DESIGN
   ============================================================================= */

@media (max-width: 1200px) {
    .fee-collection-container[b-q502aozksr] {
        grid-template-columns: 1fr 340px;
    }
}

@media (max-width: 1024px) {
    .fee-collection-container[b-q502aozksr] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .left-panel[b-q502aozksr],
    .right-panel[b-q502aozksr] {
        overflow: visible;
    }

    .fee-table-card[b-q502aozksr] {
        max-height: 500px;
    }
}

@media (max-width: 768px) {
    .collect-fee[b-q502aozksr] {
        padding: 1rem;
    }

    .fee-header[b-q502aozksr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .search-bar[b-q502aozksr] {
        flex-wrap: wrap;
    }

    .search-input[b-q502aozksr] {
        flex: 1 1 100%;
    }

    .btn-search[b-q502aozksr] {
        flex: 1;
    }

    .btn-sibling[b-q502aozksr] {
        flex: 1;
    }
}

/* =============================================================================
   SUCCESS MODAL
   ============================================================================= */

.success-modal-overlay[b-q502aozksr] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: fadeIn-b-q502aozksr 0.2s ease;
}

@keyframes fadeIn-b-q502aozksr {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.success-modal[b-q502aozksr] {
    background: var(--fc-surface-elevated);
    border-radius: var(--fc-radius-lg);
    padding: 2rem;
    max-width: 420px;
    width: 90%;
    text-align: center;
    position: relative;
    box-shadow: var(--fc-shadow-lg);
    animation: slideUp-b-q502aozksr 0.3s ease;
}

@keyframes slideUp-b-q502aozksr {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.success-modal__icon[b-q502aozksr] {
    width: 72px;
    height: 72px;
    background: linear-gradient(135deg, var(--fc-success) 0%, #047857 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    animation: scaleIn-b-q502aozksr 0.4s ease 0.1s both;
}

@keyframes scaleIn-b-q502aozksr {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

.success-modal__icon i[b-q502aozksr] {
    font-size: 2rem;
    color: white;
}

.success-modal__title[b-q502aozksr] {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--fc-text-primary);
    margin: 0 0 1rem;
}

.success-modal__details[b-q502aozksr] {
    background: var(--fc-surface);
    border-radius: var(--fc-radius-md);
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    border: 1px solid var(--fc-border);
}

.success-modal__receipt-no[b-q502aozksr] {
    font-size: 1rem;
    color: var(--fc-text-secondary);
    margin-bottom: 0.375rem;
}

.success-modal__receipt-no strong[b-q502aozksr] {
    color: var(--fc-success);
    font-size: 1.25rem;
}

.success-modal__date[b-q502aozksr],
.success-modal__student[b-q502aozksr] {
    font-size: 0.875rem;
    color: var(--fc-text-muted);
    margin-top: 0.25rem;
}

.success-modal__actions[b-q502aozksr] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.success-modal__actions .btn[b-q502aozksr] {
    padding: 0.875rem 1.5rem;
    border-radius: var(--fc-radius-md);
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: none;
}

.success-modal__actions .btn-primary[b-q502aozksr] {
    background: linear-gradient(135deg, var(--fc-primary) 0%, var(--fc-primary-dark) 100%);
    color: white;
}

.success-modal__actions .btn-primary:hover[b-q502aozksr] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
}

.success-modal__actions .btn-secondary[b-q502aozksr] {
    background: var(--fc-surface);
    color: var(--fc-text-secondary);
    border: 1px solid var(--fc-border);
}

.success-modal__actions .btn-secondary:hover[b-q502aozksr] {
    background: var(--fc-border);
    color: var(--fc-text-primary);
}

.success-modal__actions .btn-outline[b-q502aozksr] {
    background: transparent;
    color: var(--fc-text-secondary);
    border: 1px solid var(--fc-border);
}

.success-modal__actions .btn-outline:hover[b-q502aozksr] {
    border-color: var(--fc-primary);
    color: var(--fc-primary);
    background: rgba(37, 99, 235, 0.04);
}

.success-modal__close[b-q502aozksr] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--fc-surface);
    border: 1px solid var(--fc-border);
    color: var(--fc-text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.success-modal__close:hover[b-q502aozksr] {
    background: var(--fc-border);
    color: var(--fc-text-primary);
}

/* =============================================================================
   UTILITY CLASSES
   ============================================================================= */

.text-right[b-q502aozksr] {
    text-align: right;
}

.text-center[b-q502aozksr] {
    text-align: center;
}

.fw-bold[b-q502aozksr] {
    font-weight: 700;
}

.w-100[b-q502aozksr] {
    width: 100%;
}

.mb-2[b-q502aozksr] {
    margin-bottom: 0.5rem;
}

.small[b-q502aozksr] {
    font-size: 0.8125rem;
}

.text-primary[b-q502aozksr] {
    color: var(--fc-primary) !important;
}

/* =============================================================================
   SIBLING PAYMENT MULTI-STUDENT SELECTION
   ============================================================================= */

.sibling-count-badge[b-q502aozksr] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #7c3aed;
    background: #f3e8ff;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    margin-left: 0.5rem;
}

.editing-indicator[b-q502aozksr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border: 1px solid #f59e0b;
    border-radius: var(--fc-radius-md);
    margin-bottom: 1rem;
    color: #92400e;
    font-size: 0.875rem;
}

.editing-indicator i[b-q502aozksr] {
    color: #f59e0b;
}

.btn-update-selection[b-q502aozksr] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: #059669;
    color: white;
    border: none;
    border-radius: var(--fc-radius-sm);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-update-selection:hover[b-q502aozksr] {
    background: #047857;
    transform: translateY(-1px);
}

.sibling-selections-list[b-q502aozksr] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-bottom: 1rem;
}

.sibling-selection-item[b-q502aozksr] {
    padding: 0.875rem 1rem;
    background: var(--fc-surface);
    border: 1px solid var(--fc-border);
    border-radius: var(--fc-radius-md);
    transition: all 0.2s ease;
}

.sibling-selection-item.editing[b-q502aozksr] {
    border-color: #f59e0b;
    background: #fffbeb;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
}

.sibling-selection-item.has-fees[b-q502aozksr] {
    border-color: #10b981;
    background: #ecfdf5;
}

.sibling-selection-item.no-fees[b-q502aozksr] {
    border-color: var(--fc-border);
    background: #f9fafb;
}

.selection-header[b-q502aozksr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.selection-student-info[b-q502aozksr] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.selection-student-info strong[b-q502aozksr] {
    font-size: 0.9375rem;
    color: var(--fc-text-primary);
}

.selection-class[b-q502aozksr] {
    font-size: 0.6875rem;
    color: var(--fc-text-muted);
    padding: 0.125rem 0.375rem;
    background: var(--fc-surface-elevated);
    border-radius: 3px;
    border: 1px solid var(--fc-border);
}

.selection-amount[b-q502aozksr] {
    font-size: 1rem;
    font-weight: 700;
}

.selection-amount.positive[b-q502aozksr] {
    color: #059669;
}

.selection-amount.zero[b-q502aozksr] {
    color: var(--fc-text-muted);
}

.selection-details[b-q502aozksr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8125rem;
}

.selection-fee-count[b-q502aozksr] {
    color: var(--fc-text-muted);
}

.btn-edit-selection[b-q502aozksr] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.625rem;
    background: transparent;
    color: var(--fc-primary);
    border: 1px solid var(--fc-primary);
    border-radius: var(--fc-radius-sm);
    font-size: 0.6875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-edit-selection:hover[b-q502aozksr] {
    background: var(--fc-primary);
    color: white;
}

.badge-editing[b-q502aozksr] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #f59e0b;
    background: #fef3c7;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    border: 1px solid #fde68a;
}

/* =============================================================================
   MONTHLY FEE PERMISSION BANNER
   ============================================================================= */

.monthly-permission-banner[b-q502aozksr] {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
    border: 1px solid #10b981;
    border-radius: var(--fc-radius-lg);
    padding: 0.875rem 1rem;
    margin-bottom: 0.5rem;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.15);
}

.banner-content[b-q502aozksr] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.banner-icon[b-q502aozksr] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.banner-icon i[b-q502aozksr] {
    color: white;
    font-size: 1rem;
}

.banner-text[b-q502aozksr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.banner-text strong[b-q502aozksr] {
    font-size: 0.9375rem;
    color: #065f46;
    font-weight: 700;
}

.banner-details[b-q502aozksr] {
    font-size: 0.8125rem;
    color: #047857;
    font-weight: 500;
}

.banner-badge[b-q502aozksr] {
    flex-shrink: 0;
}

.banner-title[b-q502aozksr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.banner-app-no[b-q502aozksr] {
    font-size: 0.8125rem;
    color: #047857;
    font-weight: 500;
}

.banner-approval-info[b-q502aozksr] {
    font-size: 0.75rem;
    color: #065f46;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.25rem;
}

.banner-approval-info i[b-q502aozksr] {
    color: #10b981;
    font-size: 0.75rem;
}

.banner-actions[b-q502aozksr] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
    flex-shrink: 0;
}

.banner-actions .badge[b-q502aozksr] {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    font-weight: 600;
}

.btn-view-app[b-q502aozksr] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: #047857;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-view-app:hover[b-q502aozksr] {
    background: #065f46;
    transform: translateY(-1px);
}

/* =============================================================================
   MONTHLY FEE ROWS
   ============================================================================= */

.fee-table .row-monthly[b-q502aozksr] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
    border-left: 3px solid #10b981;
}

.fee-table .row-monthly td[b-q502aozksr] {
    background: transparent !important;
}

.fee-table .row-monthly:hover[b-q502aozksr] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%) !important;
}

.monthly-fee-indicator[b-q502aozksr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #10b981;
    color: white;
    border-radius: 4px;
    margin-right: 0.5rem;
    font-size: 0.65rem;
}

/* Monthly header styling */
.fee-table .quarter-header td:has(text:contains("MONTHLY"))[b-q502aozksr] {
    color: #059669 !important;
    background: #ecfdf5 !important;
}

/* Locked/Not Permitted month rows */
.fee-table .row-locked[b-q502aozksr] {
    background: #f9fafb !important;
    opacity: 0.6;
}

.fee-table .row-locked td[b-q502aozksr] {
    background: transparent !important;
    color: #9ca3af !important;
}

.fee-table .row-locked .fee-amount[b-q502aozksr] {
    color: #9ca3af !important;
}

.fee-table .row-locked .monthly-fee-indicator[b-q502aozksr] {
    background: #9ca3af;
}

/* Remaining Quarter Fee Rows (non-permitted months as collective) */
.fee-table .row-remaining[b-q502aozksr] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
    border-left: 3px solid #f59e0b;
}

/* =============================================================================
   FINE ROWS - Late Payment Fee
   ============================================================================= */

.fee-table .row-fine[b-q502aozksr] {
    background: transparent !important;
}

.fee-table .row-fine td[b-q502aozksr] {
    background: transparent !important;
}

.fee-table .row-fine:hover[b-q502aozksr] {
    background: linear-gradient(135deg, #fee2e2 0%, #fca5a5 100%) !important;
}

.fine-indicator[b-q502aozksr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #dc2626;
    color: white;
    border-radius: 4px;
    margin-right: 0.5rem;
    font-size: 0.65rem;
}

.fee-table .row-fine.row-paid[b-q502aozksr] {
    background: rgba(5, 150, 105, 0.08) !important;
}

.fee-table .row-fine.row-paid .fine-indicator[b-q502aozksr] {
    background: #059669;
}

.fee-table .row-remaining td[b-q502aozksr] {
    background: transparent !important;
}

.fee-table .row-remaining:hover[b-q502aozksr] {
    background: linear-gradient(135deg, #fde68a 0%, #fcd34d 100%) !important;
}

.remaining-fee-indicator[b-q502aozksr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #f59e0b;
    color: white;
    border-radius: 4px;
    margin-right: 0.5rem;
    font-size: 0.65rem;
}
/* /Areas/Accounts/Pages/FeeClerk/Components/ReceiptDetailModal.razor.rz.scp.css */
.modal-overlay[b-qvh1l74h8o] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 20px;
}

.receipt-modal-container[b-qvh1l74h8o] {
    background: white;
    border-radius: 8px;
    max-width: 750px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.receipt-actions[b-qvh1l74h8o] {
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 16px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    position: sticky;
    top: 0;
    z-index: 10;
}

.action-btn[b-qvh1l74h8o] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: white;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #495057;
}

.action-btn:hover[b-qvh1l74h8o] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.2);
}

.receipt-container[b-qvh1l74h8o] {
    background: white;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #212529;
    position: relative;
}

.receipt-header[b-qvh1l74h8o] {
    background: #FFFFFF;
    padding: 20px;
    border-bottom: 3px solid #2a5298;
}

.school-info[b-qvh1l74h8o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.school-name[b-qvh1l74h8o] {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1e3c72;
}

.school-details[b-qvh1l74h8o] {
    font-size: 11px;
    line-height: 1.4;
    opacity: 0.9;
}

.school-details p[b-qvh1l74h8o] {
    margin: 2px 0;
}

.school-logo img[b-qvh1l74h8o] {
    height: 120px;
    width: auto;
}

.logo-section[b-qvh1l74h8o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.copy-indicator[b-qvh1l74h8o] {
    font-size: 14px;
    font-weight: 700;
    color: #2a5298;
    text-transform: uppercase;
    padding: 5px 15px;
    border: 2px solid #2a5298;
    border-radius: 5px;
}

.invoice-info[b-qvh1l74h8o] {
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.invoice-detail[b-qvh1l74h8o] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.invoice-label[b-qvh1l74h8o] {
    font-weight: 600;
    color: #6c757d;
    font-size: 11px;
}

.invoice-value[b-qvh1l74h8o] {
    font-weight: 500;
    color: #2a5298;
    font-size: 12px;
}

.payment-status-badge[b-qvh1l74h8o] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    border-radius: 20px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.student-info[b-qvh1l74h8o] {
    padding: 15px 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.info-group[b-qvh1l74h8o] {
    margin-bottom: 8px;
}

.info-label[b-qvh1l74h8o] {
    font-size: 10px;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.info-value[b-qvh1l74h8o] {
    font-size: 12px;
    font-weight: 500;
    color: #333;
}

.fee-summary[b-qvh1l74h8o] {
    margin: 0 20px;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    overflow: hidden;
}

.summary-header[b-qvh1l74h8o] {
    background-color: #2a5298;
    color: white;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.fee-table[b-qvh1l74h8o] {
    width: 100%;
    border-collapse: collapse;
}

.fee-table th[b-qvh1l74h8o] {
    background-color: #f8f9fa;
    padding: 8px;
    text-align: left;
    font-weight: 600;
    color: #495057;
    font-size: 11px;
    border-bottom: 1px solid #dee2e6;
}

.fee-table td[b-qvh1l74h8o] {
    padding: 8px;
    border-bottom: 1px solid #e9ecef;
    font-size: 11px;
}

.fee-table th:last-child[b-qvh1l74h8o],
.fee-table td:last-child[b-qvh1l74h8o] {
    text-align: right;
}

.total-section[b-qvh1l74h8o] {
    background-color: #f8f9fa;
    padding: 12px;
    margin: 10px 20px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.total-label[b-qvh1l74h8o] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.total-amount[b-qvh1l74h8o] {
    font-size: 18px;
    font-weight: 700;
    color: #2a5298;
}

.payment-method[b-qvh1l74h8o] {
    padding: 12px 20px;
    background-color: #e9ecef;
}

.payment-header[b-qvh1l74h8o] {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

.payment-details[b-qvh1l74h8o] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.payment-info[b-qvh1l74h8o] {
    background-color: white;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #dee2e6;
}

.receipt-footer[b-qvh1l74h8o] {
    padding: 20px;
    border-top: 1px solid #e9ecef;
}

.footer-content-wrapper[b-qvh1l74h8o] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-left-section[b-qvh1l74h8o] {
    flex: 1;
}

.footer-info[b-qvh1l74h8o] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 30px;
    font-size: 11px;
    color: #6c757d;
    font-weight: 500;
}

.footer-info > div[b-qvh1l74h8o] {
    display: flex;
    gap: 6px;
}

.footer-info span:first-child[b-qvh1l74h8o] {
    font-weight: 600;
}

.signature-section[b-qvh1l74h8o] {
    display: flex;
    justify-content: space-between;
    margin: 20px 30px 10px 30px;
}

.signature-box[b-qvh1l74h8o] {
    text-align: center;
    width: 150px;
}

.signature-line[b-qvh1l74h8o] {
    border-top: 1px solid #333;
    margin-bottom: 8px;
    width: 100%;
}

.signature-label[b-qvh1l74h8o] {
    font-size: 11px;
    color: #6c757d;
    font-weight: 500;
}

.security-strip[b-qvh1l74h8o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-size: 11px;
    font-weight: 600;
    border-radius: 6px;
    margin-top: 15px;
}

.footer-note[b-qvh1l74h8o] {
    text-align: center;
    margin: 10px 0 5px 0;
    font-size: 11px;
    color: #6c757d;
    font-style: italic;
}

@media print {
    .receipt-actions[b-qvh1l74h8o] {
        display: none !important;
    }

    .modal-overlay[b-qvh1l74h8o] {
        background: white;
        position: static;
    }

    .receipt-modal-container[b-qvh1l74h8o] {
        max-width: 100%;
        box-shadow: none;
    }
}
/* /Areas/Accounts/Pages/FeeClerk/Concession/Components/EmployeeChildTab.razor.rz.scp.css */
.tab-placeholder[b-0bdxy6m8ew] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.placeholder-icon[b-0bdxy6m8ew] {
    color: var(--primary-500);
    opacity: 0.6;
    margin-bottom: 1.5rem;
}

.tab-placeholder h3[b-0bdxy6m8ew] {
    color: var(--gray-900);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.tab-placeholder p[b-0bdxy6m8ew] {
    max-width: 500px;
    font-size: 1rem;
    margin-bottom: 2rem;
}

.student-info[b-0bdxy6m8ew] {
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    padding: 1.5rem;
    text-align: left;
    margin-top: 2rem;
}

.student-info p[b-0bdxy6m8ew] {
    margin: 0.5rem 0;
    font-size: 0.95rem;
    color: var(--gray-700);
}

.student-info strong[b-0bdxy6m8ew] {
    color: var(--gray-900);
    font-weight: 600;
}
/* /Areas/Accounts/Pages/FeeClerk/Concession/Components/FeeDiscountTab.razor.rz.scp.css */
.fee-discount-tab[b-alsm6yis1j] {
    padding: 0;
}

.form-card[b-alsm6yis1j] {
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #e0e0e0);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease;
}

.form-card:hover[b-alsm6yis1j] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.form-title[b-alsm6yis1j] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary, #1a1a1a);
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--primary-color, #007bff);
    display: flex;
    align-items: center;
}

.form-title i[b-alsm6yis1j] {
    color: var(--primary-color, #007bff);
}

.form-label[b-alsm6yis1j] {
    font-weight: 500;
    color: var(--text-secondary, #4a4a4a);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.form-select[b-alsm6yis1j],
.form-control[b-alsm6yis1j],
.input-group[b-alsm6yis1j] {
    border-radius: 6px;
}

.form-select:focus[b-alsm6yis1j],
.form-control:focus[b-alsm6yis1j] {
    border-color: var(--primary-color, #007bff);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.15);
}

.type-info[b-alsm6yis1j] {
    background: var(--info-background, #e7f3ff);
    border-left: 3px solid var(--info-color, #17a2b8);
    padding: 0.75rem;
    border-radius: 6px;
}

.type-info small[b-alsm6yis1j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    color: var(--text-secondary, #4a4a4a);
}

.input-group-text[b-alsm6yis1j] {
    background-color: var(--input-group-background, #f8f9fa);
    border: 1px solid var(--border-color, #e0e0e0);
    color: var(--text-secondary, #6c757d);
    font-weight: 500;
}

/* Concession List Styling */
.concession-list[b-alsm6yis1j] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 500px;
    overflow-y: auto;
}

.concession-item[b-alsm6yis1j] {
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #e0e0e0);
    border-radius: 8px;
    padding: 1rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-left: 4px solid var(--neutral-color, #6c757d);
}

.concession-item:hover[b-alsm6yis1j] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.concession-header[b-alsm6yis1j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.concession-type[b-alsm6yis1j] {
    font-weight: 600;
    color: var(--text-primary, #1a1a1a);
    font-size: 0.95rem;
}

.concession-details[b-alsm6yis1j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    color: var(--text-secondary, #6c757d);
}

.concession-details > span:first-child[b-alsm6yis1j] {
    font-weight: 600;
    color: var(--success-color, #28a745);
    font-size: 1rem;
}

.concession-remarks[b-alsm6yis1j] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-color, #e0e0e0);
}

.concession-remarks small[b-alsm6yis1j] {
    font-size: 0.85rem;
    line-height: 1.4;
}

/* Status Classes */
.status-draft[b-alsm6yis1j] {
    border-left-color: var(--secondary-color, #6c757d);
}

.status-submitted[b-alsm6yis1j] {
    border-left-color: var(--info-color, #17a2b8);
}

.status-verified[b-alsm6yis1j] {
    border-left-color: var(--primary-color, #007bff);
}

.status-cfo[b-alsm6yis1j] {
    border-left-color: var(--warning-color, #ffc107);
}

.status-approved[b-alsm6yis1j] {
    border-left-color: var(--success-color, #28a745);
}

.status-rejected[b-alsm6yis1j] {
    border-left-color: var(--danger-color, #dc3545);
}

/* Empty State */
.empty-state[b-alsm6yis1j] {
    text-align: center;
}

.empty-state i[b-alsm6yis1j] {
    opacity: 0.5;
}

.empty-state p[b-alsm6yis1j] {
    font-size: 0.95rem;
}

/* Buttons */
.btn[b-alsm6yis1j] {
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.btn:disabled[b-alsm6yis1j] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary[b-alsm6yis1j] {
    background-color: var(--primary-color, #007bff);
    border-color: var(--primary-color, #007bff);
}

.btn-primary:hover:not(:disabled)[b-alsm6yis1j] {
    background-color: var(--primary-dark, #0056b3);
    border-color: var(--primary-dark, #0056b3);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}

.btn-success[b-alsm6yis1j] {
    background-color: var(--success-color, #28a745);
    border-color: var(--success-color, #28a745);
}

.btn-success:hover:not(:disabled)[b-alsm6yis1j] {
    background-color: var(--success-dark, #218838);
    border-color: var(--success-dark, #218838);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);
}

/* Alert */
.alert[b-alsm6yis1j] {
    border-radius: 6px;
    font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 768px) {
    .form-card[b-alsm6yis1j] {
        padding: 1rem;
    }

    .form-title[b-alsm6yis1j] {
        font-size: 1rem;
    }

    .d-flex.gap-2[b-alsm6yis1j] {
        flex-direction: column;
    }

    .d-flex.gap-2 .btn[b-alsm6yis1j] {
        width: 100%;
    }

    .concession-list[b-alsm6yis1j] {
        max-height: 400px;
    }
}

/* Scrollbar Styling */
.concession-list[b-alsm6yis1j]::-webkit-scrollbar {
    width: 6px;
}

.concession-list[b-alsm6yis1j]::-webkit-scrollbar-track {
    background: var(--surface-color, #f8f9fa);
    border-radius: 3px;
}

.concession-list[b-alsm6yis1j]::-webkit-scrollbar-thumb {
    background: var(--border-color, #d0d0d0);
    border-radius: 3px;
}

.concession-list[b-alsm6yis1j]::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary, #a0a0a0);
}
/* /Areas/Accounts/Pages/FeeClerk/Concession/Components/FineConcessionTab.razor.rz.scp.css */
.tab-placeholder[b-rqaev6xxcv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.placeholder-icon[b-rqaev6xxcv] {
    color: var(--primary-500);
    opacity: 0.6;
    margin-bottom: 1.5rem;
}

.tab-placeholder h3[b-rqaev6xxcv] {
    color: var(--gray-900);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.tab-placeholder p[b-rqaev6xxcv] {
    max-width: 500px;
    font-size: 1rem;
    margin-bottom: 2rem;
}

.student-info[b-rqaev6xxcv] {
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    padding: 1.5rem;
    text-align: left;
    margin-top: 2rem;
}

.student-info p[b-rqaev6xxcv] {
    margin: 0.5rem 0;
    font-size: 0.95rem;
    color: var(--gray-700);
}

.student-info strong[b-rqaev6xxcv] {
    color: var(--gray-900);
    font-weight: 600;
}
/* /Areas/Accounts/Pages/FeeClerk/Concession/Components/GraceExemptionTab.razor.rz.scp.css */
.tab-placeholder[b-vsxnbxi2ex] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.placeholder-icon[b-vsxnbxi2ex] {
    color: var(--primary-500);
    opacity: 0.6;
    margin-bottom: 1.5rem;
}

.tab-placeholder h3[b-vsxnbxi2ex] {
    color: var(--gray-900);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.tab-placeholder p[b-vsxnbxi2ex] {
    max-width: 500px;
    font-size: 1rem;
    margin-bottom: 2rem;
}

.student-info[b-vsxnbxi2ex] {
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    padding: 1.5rem;
    text-align: left;
    margin-top: 2rem;
}

.student-info p[b-vsxnbxi2ex] {
    margin: 0.5rem 0;
    font-size: 0.95rem;
    color: var(--gray-700);
}

.student-info strong[b-vsxnbxi2ex] {
    color: var(--gray-900);
    font-weight: 600;
}
/* /Areas/Accounts/Pages/FeeClerk/Concession/Components/SiblingDiscountTab.razor.rz.scp.css */
.tab-placeholder[b-kavabuf5td] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.placeholder-icon[b-kavabuf5td] {
    color: var(--primary-500);
    opacity: 0.6;
    margin-bottom: 1.5rem;
}

.tab-placeholder h3[b-kavabuf5td] {
    color: var(--gray-900);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.tab-placeholder p[b-kavabuf5td] {
    max-width: 500px;
    font-size: 1rem;
    margin-bottom: 2rem;
}

.student-info[b-kavabuf5td] {
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    padding: 1.5rem;
    text-align: left;
    margin-top: 2rem;
}

.student-info p[b-kavabuf5td] {
    margin: 0.5rem 0;
    font-size: 0.95rem;
    color: var(--gray-700);
}

.student-info strong[b-kavabuf5td] {
    color: var(--gray-900);
    font-weight: 600;
}
/* /Areas/Accounts/Pages/FeeClerk/Concession/Index.razor.rz.scp.css */
.concession-hub[b-zr7oeqfoeg] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1.5rem;
}

.page-header[b-zr7oeqfoeg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.page-title[b-zr7oeqfoeg] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--gray-900);
    margin: 0;
}

.page-subtitle[b-zr7oeqfoeg] {
    color: var(--gray-600);
    font-size: 0.95rem;
    margin: 0.25rem 0 0 0;
}

.btn-back[b-zr7oeqfoeg] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--gray-100);
    color: var(--gray-700);
    border: 1px solid var(--gray-300);
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-back:hover[b-zr7oeqfoeg] {
    background: var(--gray-200);
    color: var(--gray-900);
    transform: translateX(-2px);
}

/* Search Card */
.search-card[b-zr7oeqfoeg] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem;
}

.search-bar[b-zr7oeqfoeg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    position: relative;
}

.search-bar > i[b-zr7oeqfoeg] {
    position: absolute;
    left: 1rem;
    color: var(--gray-400);
    font-size: 1rem;
}

.search-input[b-zr7oeqfoeg] {
    flex: 1;
    padding: 0.75rem 1rem 0.75rem 2.75rem;
    border: 1px solid var(--gray-300);
    border-radius: 6px;
    font-size: 0.95rem;
    transition: all 0.2s ease;
}

.search-input:focus[b-zr7oeqfoeg] {
    outline: none;
    border-color: var(--primary-500);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.btn-search[b-zr7oeqfoeg] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: var(--primary-600);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.btn-search:hover:not(:disabled)[b-zr7oeqfoeg] {
    background: var(--primary-700);
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.btn-search:disabled[b-zr7oeqfoeg] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Student Card */
.student-card[b-zr7oeqfoeg] {
    background: linear-gradient(135deg, var(--primary-50) 0%, var(--blue-50) 100%);
    border: 1px solid var(--primary-200);
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.student-avatar[b-zr7oeqfoeg] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--primary-600);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.student-details[b-zr7oeqfoeg] {
    flex: 1;
}

.student-details h4[b-zr7oeqfoeg] {
    margin: 0 0 0.5rem 0;
    color: var(--gray-900);
    font-size: 1.1rem;
    font-weight: 600;
}

.student-meta[b-zr7oeqfoeg] {
    display: flex;
    gap: 1.5rem;
    font-size: 0.9rem;
    color: var(--gray-700);
}

.student-meta span strong[b-zr7oeqfoeg] {
    color: var(--gray-900);
}

.btn-clear[b-zr7oeqfoeg] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: white;
    color: var(--gray-600);
    border: 1px solid var(--gray-300);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.btn-clear:hover[b-zr7oeqfoeg] {
    background: var(--danger-50);
    color: var(--danger-600);
    border-color: var(--danger-200);
    transform: scale(1.05);
}

/* Tab Container */
.tab-container[b-zr7oeqfoeg] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.tab-nav[b-zr7oeqfoeg] {
    display: flex;
    background: var(--gray-50);
    border-bottom: 1px solid var(--gray-200);
    overflow-x: auto;
}

.tab-btn[b-zr7oeqfoeg] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    background: transparent;
    color: var(--gray-600);
    border: none;
    border-bottom: 3px solid transparent;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.tab-btn:hover:not(.active)[b-zr7oeqfoeg] {
    background: var(--gray-100);
    color: var(--gray-900);
}

.tab-btn.active[b-zr7oeqfoeg] {
    background: white;
    color: var(--primary-600);
    border-bottom-color: var(--primary-600);
}

.tab-btn i[b-zr7oeqfoeg] {
    font-size: 1rem;
}

.tab-content[b-zr7oeqfoeg] {
    padding: 2rem;
}

/* Empty State */
.empty-state[b-zr7oeqfoeg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.empty-state i[b-zr7oeqfoeg] {
    opacity: 0.5;
}

.empty-state p[b-zr7oeqfoeg] {
    font-size: 1rem;
    max-width: 400px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .concession-hub[b-zr7oeqfoeg] {
        padding: 1rem;
    }

    .page-header[b-zr7oeqfoeg] {
        flex-direction: column;
        gap: 1rem;
    }

    .btn-back[b-zr7oeqfoeg] {
        align-self: flex-start;
    }

    .search-bar[b-zr7oeqfoeg] {
        flex-direction: column;
    }

    .search-input[b-zr7oeqfoeg] {
        width: 100%;
    }

    .btn-search[b-zr7oeqfoeg] {
        width: 100%;
        justify-content: center;
    }

    .student-meta[b-zr7oeqfoeg] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .tab-nav[b-zr7oeqfoeg] {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .tab-btn[b-zr7oeqfoeg] {
        flex: 0 0 auto;
        min-width: 150px;
    }

    .tab-content[b-zr7oeqfoeg] {
        padding: 1.5rem;
    }
}

/* Alert Overrides */
.alert[b-zr7oeqfoeg] {
    border-radius: 6px;
    font-size: 0.9rem;
}

.alert-danger[b-zr7oeqfoeg] {
    background: var(--danger-50);
    color: var(--danger-700);
    border-color: var(--danger-200);
}
/* /Areas/Accounts/Pages/FeeClerk/ConfirmedEnquiries.razor.rz.scp.css */
/* ========================================
   Confirmed Enquiries Page - Theme Aware
   ======================================== */

.page-container[b-2hvrqnfl64] {
    padding: 1.5rem;
    background: var(--bg-primary, #f8fafc);
    min-height: 100vh;
    color: var(--text-primary, #0f172a);
}

/* Page Header */
.page-header[b-2hvrqnfl64] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header h1[b-2hvrqnfl64] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
    margin: 0 0 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-header h1 i[b-2hvrqnfl64] {
    color: #3b82f6;
}

.page-header .text-muted[b-2hvrqnfl64] {
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b) !important;
    margin: 0;
}

/* Cards */
.card[b-2hvrqnfl64] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Table */
.table[b-2hvrqnfl64] {
    color: var(--text-primary, #0f172a);
    margin: 0;
}

.table thead th[b-2hvrqnfl64] {
    background: var(--bg-secondary, #f8fafc);
    color: var(--text-secondary, #64748b);
    font-weight: 600;
    font-size: 0.8125rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    padding: 0.75rem 1rem;
}

.table tbody td[b-2hvrqnfl64] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
    font-size: 0.875rem;
    border-bottom: 1px solid var(--border-color, #f1f5f9);
    color: var(--text-primary, #0f172a);
}

.table tbody tr:hover[b-2hvrqnfl64] {
    background: var(--bg-secondary, #f8fafc);
}

/* Form Controls */
.form-control[b-2hvrqnfl64],
.form-select[b-2hvrqnfl64] {
    background-color: var(--input-bg, #ffffff);
    border-color: var(--input-border, #e2e8f0);
    color: var(--text-primary, #0f172a);
}

.form-control:focus[b-2hvrqnfl64],
.form-select:focus[b-2hvrqnfl64] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.input-group-text[b-2hvrqnfl64] {
    background: var(--bg-secondary, #f8fafc);
    border-color: var(--input-border, #e2e8f0);
    color: var(--text-secondary, #64748b);
}

/* Alerts */
.alert[b-2hvrqnfl64] {
    border-radius: 10px;
    border: none;
}

.alert-danger[b-2hvrqnfl64] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-2hvrqnfl64] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

/* Buttons */
.btn[b-2hvrqnfl64] {
    font-weight: 500;
    border-radius: 6px;
}

.btn-primary[b-2hvrqnfl64] {
    background: #3b82f6;
    border-color: #3b82f6;
}

.btn-primary:hover[b-2hvrqnfl64] {
    background: #2563eb;
    border-color: #2563eb;
}

.btn-success[b-2hvrqnfl64] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border: none;
}

.btn-success:hover[b-2hvrqnfl64] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.btn-outline-secondary[b-2hvrqnfl64] {
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-secondary, #64748b);
}

.btn-outline-secondary:hover[b-2hvrqnfl64] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-primary, #0f172a);
    border-color: var(--border-color, #e2e8f0);
}

/* Modal Styles - Fixed z-index stacking */
.modal-backdrop[b-2hvrqnfl64] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    backdrop-filter: blur(4px);
}

.modal[b-2hvrqnfl64] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.modal-dialog[b-2hvrqnfl64] {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0;
    z-index: 1051;
}

.modal-content[b-2hvrqnfl64] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 14px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.modal-header[b-2hvrqnfl64] {
    padding: 1.25rem 1.5rem;
    border-bottom: none;
}

.modal-header.bg-primary[b-2hvrqnfl64] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

.modal-header .modal-title[b-2hvrqnfl64] {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.modal-header .btn-close-white[b-2hvrqnfl64] {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

.modal-header .btn-close-white:hover[b-2hvrqnfl64] {
    opacity: 1;
}

.modal-body[b-2hvrqnfl64] {
    padding: 1.5rem;
    background: var(--card-bg, #ffffff);
}

.modal-body .bg-light[b-2hvrqnfl64] {
    background: var(--bg-secondary, #f8fafc) !important;
    border: 1px solid var(--border-color, #e2e8f0);
}

.modal-body .text-muted[b-2hvrqnfl64] {
    color: var(--text-muted, #94a3b8) !important;
}

.modal-body .text-primary[b-2hvrqnfl64] {
    color: #3b82f6 !important;
}

.modal-body .form-label[b-2hvrqnfl64] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.375rem;
}

.modal-footer[b-2hvrqnfl64] {
    padding: 1rem 1.5rem;
    background: var(--bg-secondary, #f8fafc);
    border-top: 1px solid var(--border-color, #e2e8f0);
    gap: 0.75rem;
}

.modal-footer .btn-secondary[b-2hvrqnfl64] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-primary, #0f172a);
}

.modal-footer .btn-secondary:hover[b-2hvrqnfl64] {
    background: var(--bg-secondary, #f1f5f9);
}

/* Success Modal */
.modal-sm .modal-content[b-2hvrqnfl64] {
    max-width: 320px;
    margin: 0 auto;
}

.modal-sm .text-success[b-2hvrqnfl64] {
    color: #10b981 !important;
}

/* Confirmed Info in Table */
.confirmed-info[b-2hvrqnfl64] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.confirmed-date[b-2hvrqnfl64] {
    font-weight: 500;
    font-size: 0.8125rem;
    color: var(--text-primary, #0f172a);
}

.confirmed-by[b-2hvrqnfl64] {
    font-size: 0.75rem;
    color: var(--text-muted, #94a3b8) !important;
}

/* Border Top for remarks */
.border-top[b-2hvrqnfl64] {
    border-top: 1px solid var(--border-color, #e2e8f0) !important;
}

/* Italic Style */
.fst-italic[b-2hvrqnfl64] {
    font-style: italic;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-2hvrqnfl64] {
        padding: 1rem;
    }

    .page-header[b-2hvrqnfl64] {
        flex-direction: column;
        text-align: center;
    }

    .page-header h1[b-2hvrqnfl64] {
        font-size: 1.25rem;
    }

    .modal-dialog[b-2hvrqnfl64] {
        max-width: 100%;
    }

    .confirmed-info[b-2hvrqnfl64] {
        font-size: 0.75rem;
    }
}
/* /Areas/Accounts/Pages/FeeClerk/FeeStatement.razor.rz.scp.css */
/* Page Container */
.page-container[b-l7zf5med3b] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-l7zf5med3b] {
    margin-bottom: 2rem;
}

.page-header h2[b-l7zf5med3b] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-header h2 i[b-l7zf5med3b] {
    color: #0066cc;
}

/* Search Section */
.search-section[b-l7zf5med3b] {
    margin-bottom: 2rem;
}

.search-card[b-l7zf5med3b] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.search-header[b-l7zf5med3b] {
    background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
    color: white;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
}

.search-body[b-l7zf5med3b] {
    padding: 1.5rem;
}

.form-row[b-l7zf5med3b] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: end;
}

.form-group[b-l7zf5med3b] {
    display: flex;
    flex-direction: column;
}

.form-group label[b-l7zf5med3b] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #333;
    font-size: 0.9rem;
}

.form-control[b-l7zf5med3b] {
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.form-control:focus[b-l7zf5med3b] {
    outline: none;
    border-color: #0066cc;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

/* Buttons */
.btn[b-l7zf5med3b] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
    font-size: 1rem;
}

.btn-primary[b-l7zf5med3b] {
    background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-l7zf5med3b] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);
}

.btn-primary:disabled[b-l7zf5med3b] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-secondary[b-l7zf5med3b] {
    background: #6c757d;
    color: white;
}

.btn-secondary:hover[b-l7zf5med3b] {
    background: #5a6268;
}

.btn-sm[b-l7zf5med3b] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

/* Alerts */
.alert[b-l7zf5med3b] {
    padding: 1rem;
    border-radius: 8px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-danger[b-l7zf5med3b] {
    background: #fee;
    color: #c00;
    border: 1px solid #fcc;
}

.alert-info[b-l7zf5med3b] {
    background: #e7f3ff;
    color: #0066cc;
    border: 1px solid #b3d9ff;
}

/* Statement Section */
.statement-section[b-l7zf5med3b] {
    margin-top: 2rem;
}

.statement-card[b-l7zf5med3b] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* Statement Header */
.statement-header[b-l7zf5med3b] {
    background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
    color: white;
    padding: 2rem;
    text-align: center;
    position: relative;
}

.school-info h2[b-l7zf5med3b] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
}

.school-info p[b-l7zf5med3b] {
    margin: 0.5rem 0 0 0;
    font-size: 1.125rem;
    opacity: 0.95;
}

.session-info[b-l7zf5med3b] {
    font-size: 0.875rem;
    opacity: 0.85;
}

.print-button-container[b-l7zf5med3b] {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

/* Student Info Section */
.student-info-section[b-l7zf5med3b] {
    padding: 2rem;
    border-bottom: 2px solid #e9ecef;
}

.section-title[b-l7zf5med3b] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #0066cc;
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e9ecef;
}

.info-grid[b-l7zf5med3b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.info-item[b-l7zf5med3b] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-item .label[b-l7zf5med3b] {
    font-size: 0.875rem;
    color: #666;
    font-weight: 500;
}

.info-item .value[b-l7zf5med3b] {
    font-size: 1rem;
    color: #1a1a1a;
    font-weight: 600;
}

/* Fee Summary Cards */
.fee-summary[b-l7zf5med3b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    padding: 2rem;
    background: #f8f9fa;
}

.summary-card[b-l7zf5med3b] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.summary-card:hover[b-l7zf5med3b] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.summary-icon[b-l7zf5med3b] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.total-payable .summary-icon[b-l7zf5med3b] {
    background: rgba(0, 102, 204, 0.1);
    color: #0066cc;
}

.total-paid .summary-icon[b-l7zf5med3b] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.total-balance .summary-icon[b-l7zf5med3b] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

.total-balance.clear .summary-icon[b-l7zf5med3b] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.total-balance.pending .summary-icon[b-l7zf5med3b] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.summary-content[b-l7zf5med3b] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.summary-label[b-l7zf5med3b] {
    font-size: 0.875rem;
    color: #666;
    font-weight: 500;
}

.summary-amount[b-l7zf5med3b] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a1a;
}

/* Fee Breakdown Section */
.fee-breakdown-section[b-l7zf5med3b] {
    padding: 2rem;
}

.table-responsive[b-l7zf5med3b] {
    overflow-x: auto;
    margin-top: 1rem;
}

.fee-statement-table[b-l7zf5med3b] {
    width: 100%;
    border-collapse: collapse;
}

.fee-statement-table thead[b-l7zf5med3b] {
    background: #f8f9fa;
}

.fee-statement-table th[b-l7zf5med3b] {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #dee2e6;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fee-statement-table td[b-l7zf5med3b] {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}

.fee-statement-table tbody tr[b-l7zf5med3b] {
    transition: background 0.2s ease;
}

.fee-statement-table tbody tr:hover[b-l7zf5med3b] {
    background: #f8f9fa;
}

.fee-statement-table tbody tr.pending-row[b-l7zf5med3b] {
    background: rgba(255, 193, 7, 0.05);
}

.fee-statement-table tbody tr.pending-row:hover[b-l7zf5med3b] {
    background: rgba(255, 193, 7, 0.1);
}

.fee-head-name[b-l7zf5med3b] {
    font-weight: 500;
    color: #1a1a1a;
}

.text-right[b-l7zf5med3b] {
    text-align: right;
}

.text-center[b-l7zf5med3b] {
    text-align: center;
}

.text-danger[b-l7zf5med3b] {
    color: #dc3545;
    font-weight: 600;
}

.text-success[b-l7zf5med3b] {
    color: #28a745;
    font-weight: 600;
}

/* Status Badges */
.status-badge[b-l7zf5med3b] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-paid[b-l7zf5med3b] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.status-partial[b-l7zf5med3b] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

.status-pending[b-l7zf5med3b] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

/* Table Footer */
.fee-statement-table tfoot[b-l7zf5med3b] {
    background: #f8f9fa;
}

.total-row td[b-l7zf5med3b] {
    padding: 1.25rem 1rem;
    border-top: 3px solid #0066cc;
    border-bottom: none;
    font-size: 1rem;
}

/* Payment Notice */
.payment-notice[b-l7zf5med3b] {
    margin: 2rem;
    padding: 1.5rem;
    background: rgba(220, 53, 69, 0.05);
    border-left: 4px solid #dc3545;
    border-radius: 8px;
    display: flex;
    gap: 1rem;
}

.payment-notice.success[b-l7zf5med3b] {
    background: rgba(40, 167, 69, 0.05);
    border-left-color: #28a745;
}

.notice-icon[b-l7zf5med3b] {
    font-size: 2rem;
    color: #dc3545;
}

.payment-notice.success .notice-icon[b-l7zf5med3b] {
    color: #28a745;
}

.notice-content[b-l7zf5med3b] {
    flex: 1;
}

.notice-content h4[b-l7zf5med3b] {
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
}

.notice-content p[b-l7zf5med3b] {
    margin: 0 0 1rem 0;
    color: #666;
    line-height: 1.6;
}

/* Statement Footer */
.statement-footer[b-l7zf5med3b] {
    padding: 1.5rem 2rem;
    background: #f8f9fa;
    border-top: 2px solid #e9ecef;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-note[b-l7zf5med3b] {
    color: #666;
    font-size: 0.875rem;
}

.footer-note p[b-l7zf5med3b] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.footer-date[b-l7zf5med3b] {
    color: #999;
    font-size: 0.875rem;
}

.footer-date p[b-l7zf5med3b] {
    margin: 0;
}

/* Spinner */
.spinner-border[b-l7zf5med3b] {
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-l7zf5med3b 0.75s linear infinite;
}

.spinner-border-sm[b-l7zf5med3b] {
    width: 0.875rem;
    height: 0.875rem;
}

@keyframes spinner-border-b-l7zf5med3b {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 1024px) {
    .fee-summary[b-l7zf5med3b] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-container[b-l7zf5med3b] {
        padding: 1rem;
    }

    .form-row[b-l7zf5med3b] {
        grid-template-columns: 1fr;
    }

    .info-grid[b-l7zf5med3b] {
        grid-template-columns: 1fr;
    }

    .fee-summary[b-l7zf5med3b] {
        grid-template-columns: 1fr;
    }

    .statement-footer[b-l7zf5med3b] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }

    .fee-statement-table[b-l7zf5med3b] {
        font-size: 0.875rem;
    }

    .fee-statement-table th[b-l7zf5med3b],
    .fee-statement-table td[b-l7zf5med3b] {
        padding: 0.75rem 0.5rem;
    }
}

/* Print Styles */
@media print {
    .page-header[b-l7zf5med3b],
    .search-section[b-l7zf5med3b],
    .print-button-container[b-l7zf5med3b],
    .btn[b-l7zf5med3b],
    .print-hide[b-l7zf5med3b] {
        display: none !important;
    }

    .page-container[b-l7zf5med3b] {
        padding: 0;
    }

    .statement-card[b-l7zf5med3b] {
        box-shadow: none;
    }

    .statement-header[b-l7zf5med3b] {
        background: none;
        color: #000;
        border-bottom: 3px solid #000;
    }

    .section-title[b-l7zf5med3b] {
        color: #000;
        border-bottom-color: #000;
    }

    .fee-summary[b-l7zf5med3b] {
        page-break-inside: avoid;
    }

    .payment-notice[b-l7zf5med3b] {
        page-break-inside: avoid;
    }

    .summary-card[b-l7zf5med3b] {
        box-shadow: none;
        border: 1px solid #dee2e6;
    }
}
/* /Areas/Accounts/Pages/FeeClerk/Index.razor.rz.scp.css */
.dashboard[b-jf018tpq60] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    background: var(--bg-primary);
    min-height: 100vh;
}

.dashboard-header[b-jf018tpq60] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border);
}

.dashboard-title[b-jf018tpq60] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.25rem 0;
}

.dashboard-subtitle[b-jf018tpq60] {
    font-size: 0.95rem;
    color: var(--text-muted);
    margin: 0;
}

.dashboard-user[b-jf018tpq60] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.user-name[b-jf018tpq60] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

/* Metrics Grid */
.metrics-grid[b-jf018tpq60] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.metric-card[b-jf018tpq60] {
    background: var(--card-gradient);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    display: flex;
    gap: 1.25rem;
    transition: all 0.2s ease;
}

.metric-card:hover[b-jf018tpq60] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.metric-card__icon[b-jf018tpq60] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    background: rgba(59, 130, 246, 0.1);
    color: var(--brand-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.metric-card__icon--warning[b-jf018tpq60] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.metric-card__icon--success[b-jf018tpq60] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.metric-card__content[b-jf018tpq60] {
    flex: 1;
}

.metric-card__label[b-jf018tpq60] {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-bottom: 0.5rem;
}

.metric-card__value[b-jf018tpq60] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.metric-card__status[b-jf018tpq60] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

/* Card */
.card[b-jf018tpq60] {
    background: var(--card-gradient);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.75rem;
    margin-bottom: 1.5rem;
}

.card-title[b-jf018tpq60] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 1.25rem 0;
}

/* Actions Grid */
.actions-grid[b-jf018tpq60] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
}

.action-btn[b-jf018tpq60] {
    padding: 1.25rem;
    border: none;
    border-radius: var(--radius-md);
    background: var(--brand-blue);
    color: white;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
}

.action-btn i[b-jf018tpq60] {
    font-size: 1.5rem;
}

.action-btn:hover[b-jf018tpq60] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.action-btn--primary[b-jf018tpq60] {
    background: var(--brand-blue);
}

.action-btn--primary:hover[b-jf018tpq60] {
    background: #2563eb;
}

.action-btn--info[b-jf018tpq60] {
    background: #0ea5e9;
}

.action-btn--info:hover[b-jf018tpq60] {
    background: #0284c7;
}

.action-btn--success[b-jf018tpq60] {
    background: #10b981;
}

.action-btn--success:hover[b-jf018tpq60] {
    background: #059669;
}

/* Activity List */
.activity-list[b-jf018tpq60] {
    min-height: 120px;
}

.activity-empty[b-jf018tpq60] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--text-muted);
}

.activity-empty i[b-jf018tpq60] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
    opacity: 0.4;
}

.activity-empty p[b-jf018tpq60] {
    margin: 0;
    font-size: 0.95rem;
}

/* Responsive */
@media (max-width: 768px) {
    .dashboard[b-jf018tpq60] {
        padding: 1.5rem 1rem;
    }

    .dashboard-header[b-jf018tpq60] {
        flex-direction: column;
        gap: 1rem;
    }

    .dashboard-title[b-jf018tpq60] {
        font-size: 1.5rem;
    }

    .metrics-grid[b-jf018tpq60] {
        grid-template-columns: 1fr;
    }

    .actions-grid[b-jf018tpq60] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Accounts/Pages/FeeClerk/PendingRegistrations.razor.rz.scp.css */
.page-container[b-96e7ycb9ox] { padding: 1.5rem; }
    .page-header[b-96e7ycb9ox] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
    .page-header h1[b-96e7ycb9ox] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    .summary-cards[b-96e7ycb9ox] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
    .summary-card[b-96e7ycb9ox] { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 10px; border-left: 4px solid; }
    .summary-card.border-warning[b-96e7ycb9ox] { border-left-color: var(--bs-warning); }
    .summary-card.border-info[b-96e7ycb9ox] { border-left-color: var(--bs-info); }
    .summary-card.border-success[b-96e7ycb9ox] { border-left-color: var(--bs-success); }
    .summary-icon[b-96e7ycb9ox] { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.1rem; }
    .summary-content h4[b-96e7ycb9ox] { margin: 0; font-size: 1.25rem; font-weight: 700; }
    .summary-content p[b-96e7ycb9ox] { margin: 0; font-size: 0.8rem; color: var(--text-muted); }

    .loading-container[b-96e7ycb9ox] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-96e7ycb9ox] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }

    .search-bar[b-96e7ycb9ox] { max-width: 400px; }

    .data-table-container[b-96e7ycb9ox] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .data-table[b-96e7ycb9ox] { width: 100%; border-collapse: collapse; }
    .data-table th[b-96e7ycb9ox], .data-table td[b-96e7ycb9ox] { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--border); }
    .data-table th[b-96e7ycb9ox] { font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; background: var(--bg-secondary); }
    .data-table tbody tr:hover[b-96e7ycb9ox] { background: var(--bg-secondary); }
    .data-table tbody tr:last-child td[b-96e7ycb9ox] { border-bottom: none; }

    .student-info[b-96e7ycb9ox] { background: var(--bg-secondary); padding: 1rem; border-radius: 8px; }
    .fee-amount-display[b-96e7ycb9ox] { text-align: center; padding: 1rem; background: var(--bg-secondary); border-radius: 8px; }

    /* Modal z-index fix */
    .modal-backdrop[b-96e7ycb9ox] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 1050; }
    .modal[b-96e7ycb9ox] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; overflow-x: hidden; overflow-y: auto; outline: 0; }
    .modal-dialog[b-96e7ycb9ox] { position: relative; margin: 1.75rem auto; }
    .modal-content[b-96e7ycb9ox] { position: relative; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15); }
/* /Areas/Accounts/Pages/FeeClerk/ReceiptPrint.razor.rz.scp.css */
body[b-svuc8ogfmo] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    background-color: #f8f9fa;
    color: #212529;
    font-size: 14px;
    line-height: 1.6;
}

.loading-spinner[b-svuc8ogfmo],
.error-message[b-svuc8ogfmo] {
    text-align: center;
    padding: 50px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.spinner-border[b-svuc8ogfmo] {
    width: 3rem;
    height: 3rem;
    color: #2a5298;
}

.error-message[b-svuc8ogfmo] {
    color: #dc3545;
}

.receipt-actions[b-svuc8ogfmo] {
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.action-btn[b-svuc8ogfmo] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: white;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    color: #495057;
}

.action-btn:hover[b-svuc8ogfmo] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.2);
}

.receipt-container[b-svuc8ogfmo] {
    max-width: 700px;
    margin: 5px auto;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
}

.receipt-header[b-svuc8ogfmo] {
    background: #FFFFFF;
    color: black;
    padding: 15px 20px;
    border-bottom: 3px solid #2a5298;
    margin-bottom: 8px;
}

.school-info[b-svuc8ogfmo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.school-name[b-svuc8ogfmo] {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1e3c72;
}

.school-details[b-svuc8ogfmo] {
    font-size: 11px;
    line-height: 1.4;
    opacity: 0.9;
}

.school-details p[b-svuc8ogfmo] {
    margin: 2px 0;
}

.school-logo[b-svuc8ogfmo] {
    padding-left: 10px;
}

.school-logo img[b-svuc8ogfmo] {
    height: 150px;
    width: auto;
}

.copy-indicator[b-svuc8ogfmo] {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #2a5298;
    text-transform: uppercase;
    padding: 5px 15px;
    border: 1px solid #52678b;
    border-radius: 5px;
    margin-top: 8px;
    display: inline-block;
}

.logo-section[b-svuc8ogfmo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.invoice-info[b-svuc8ogfmo] {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 10px;
}

.invoice-detail[b-svuc8ogfmo] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.invoice-label[b-svuc8ogfmo] {
    font-weight: 600;
    color: #6c757d;
    font-size: 11px;
}

.invoice-value[b-svuc8ogfmo] {
    font-weight: 500;
    color: #2a5298;
    font-size: 12px;
}

.payment-status-badge[b-svuc8ogfmo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    border-radius: 20px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(21, 87, 36, 0.1);
}

.student-info[b-svuc8ogfmo] {
    padding: 12px 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 10px;
}

.info-group[b-svuc8ogfmo] {
    margin-bottom: 6px;
}

.info-label[b-svuc8ogfmo] {
    font-size: 10px;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.info-value[b-svuc8ogfmo] {
    font-size: 12px;
    font-weight: 500;
    color: #333;
}

.fee-summary[b-svuc8ogfmo] {
    margin: 0 20px 10px 20px;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    overflow: hidden;
}

.summary-header[b-svuc8ogfmo] {
    background-color: #2a5298;
    color: white;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.fee-table[b-svuc8ogfmo] {
    width: 100%;
    border-collapse: collapse;
}

.fee-table th[b-svuc8ogfmo] {
    background-color: #f8f9fa;
    padding: 6px;
    text-align: left;
    font-weight: 600;
    color: #495057;
    font-size: 11px;
    border-bottom: 1px solid #dee2e6;
    vertical-align: middle;
}

.fee-table td[b-svuc8ogfmo] {
    padding: 6px;
    border-bottom: 1px solid #e9ecef;
    font-size: 11px;
    vertical-align: middle;
}

.fee-table th:last-child[b-svuc8ogfmo],
.fee-table td:last-child[b-svuc8ogfmo] {
    text-align: right;
}

.total-section[b-svuc8ogfmo] {
    background-color: #f8f9fa;
    padding: 10px;
    margin: 0 20px 10px 20px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.total-label[b-svuc8ogfmo] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.total-amount[b-svuc8ogfmo] {
    font-size: 18px;
    font-weight: 700;
    color: #2a5298;
}

.payment-method[b-svuc8ogfmo] {
    padding: 12px 20px;
    background-color: #e9ecef;
    margin-bottom: 10px;
}

.payment-header[b-svuc8ogfmo] {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

.payment-details[b-svuc8ogfmo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.payment-info[b-svuc8ogfmo] {
    background-color: white;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #dee2e6;
}

.receipt-footer[b-svuc8ogfmo] {
    padding: 15px 20px 15px 20px;
    border-top: 2px solid #e9ecef;
    margin-top: 8px;
}

.footer-content-wrapper[b-svuc8ogfmo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.footer-left-section[b-svuc8ogfmo] {
    flex: 1;
}

.footer-info[b-svuc8ogfmo] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 11px;
    color: #6c757d;
    font-weight: 500;
    flex-wrap: wrap;
}

.footer-info>div[b-svuc8ogfmo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
}

.footer-info span:first-child[b-svuc8ogfmo] {
    font-weight: 600;
}

.footer-qr-section[b-svuc8ogfmo] {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 10px;
    padding-left: 20px;
    align-self: flex-end;
}

.signature-section[b-svuc8ogfmo] {
    display: flex;
    justify-content: flex-start;
    gap: 100px;
    margin: 5px 30px 8px 30px;
}

.signature-box[b-svuc8ogfmo] {
    text-align: center;
    width: 150px;
}

.signature-line[b-svuc8ogfmo] {
    border-top: 1px solid #333;
    margin-bottom: 8px;
    width: 100%;
}

.signature-label[b-svuc8ogfmo] {
    font-size: 11px;
    color: #6c757d;
    font-weight: 500;
}

.qr-code-container[b-svuc8ogfmo] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 8px !important;
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
    min-width: auto;
    max-width: 100px;
}

.qr-code-container img[b-svuc8ogfmo] {
    width: 70px !important;
    height: 70px !important;
    margin-bottom: 5px !important;
    display: block !important;
}

.qr-label[b-svuc8ogfmo] {
    font-size: 9px !important;
    font-weight: 700 !important;
    color: #2a5298 !important;
    margin-bottom: 2px !important;
    text-align: center !important;
}

.qr-verification-text[b-svuc8ogfmo] {
    font-size: 8px !important;
    color: #6c757d !important;
    text-align: center !important;
    font-weight: 500 !important;
}

.security-strip[b-svuc8ogfmo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 10px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-size: 9px;
    font-weight: 600;
    border-radius: 6px 6px 0 0;
    margin-top: 8px;
}

.footer-note[b-svuc8ogfmo] {
    text-align: center;
    margin: 2px 0 3px 0;
    font-size: 10px;
    color: #6c757d;
    line-height: 1.4;
}

.page-break[b-svuc8ogfmo] {
    display: none;
}

.address-section[b-svuc8ogfmo] {
    grid-column: 1 / -1;
}

.amount-words[b-svuc8ogfmo] {
    font-size: 11px;
    color: #6c757d;
    text-align: center;
    padding: 5px 20px;
    font-style: italic;
}

.quarter-status[b-svuc8ogfmo] {
    padding: 0 20px 10px;
}

.quarter-header[b-svuc8ogfmo] {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

.quarter-grid[b-svuc8ogfmo] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.quarter-box[b-svuc8ogfmo] {
    background-color: #f8f9fa;
    padding: 8px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #e9ecef;
}

.quarter-box.paid[b-svuc8ogfmo] {
    background-color: #d4edda;
    border-color: #28a745;
}

.quarter-name[b-svuc8ogfmo] {
    font-size: 10px;
    font-weight: 600;
    color: #495057;
    margin-bottom: 2px;
}

.quarter-amount[b-svuc8ogfmo] {
    font-size: 12px;
    font-weight: 700;
    color: #333;
}

.mixed-payment-notice[b-svuc8ogfmo] {
    margin-bottom: 12px;
    padding: 8px;
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #856404;
}

.payment-parts-table[b-svuc8ogfmo] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0;
}

.payment-parts-table thead tr[b-svuc8ogfmo] {
    background-color: #f8f9fa;
}

.payment-parts-table th[b-svuc8ogfmo] {
    padding: 8px;
    border-bottom: 2px solid #ddd;
    font-size: 11px;
    font-weight: 600;
    color: #495057;
}

.payment-parts-table td[b-svuc8ogfmo] {
    padding: 8px;
    border-bottom: 1px solid #eee;
    font-size: 11px;
}

.payment-mode-badge[b-svuc8ogfmo] {
    padding: 3px 10px;
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    display: inline-block;
}

.receipt-container[b-svuc8ogfmo]::before {
    content: "PAID";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 120px;
    color: rgba(76, 175, 80, 0.03);
    font-weight: 900;
    z-index: 0;
    pointer-events: none;
    letter-spacing: 20px;
}

.receipt-header[b-svuc8ogfmo],
.invoice-info[b-svuc8ogfmo],
.student-info[b-svuc8ogfmo],
.fee-summary[b-svuc8ogfmo],
.payment-method[b-svuc8ogfmo],
.receipt-footer[b-svuc8ogfmo] {
    position: relative;
    z-index: 1;
}

@media print {

    .receipt-actions[b-svuc8ogfmo],
    .no-print[b-svuc8ogfmo] {
        display: none !important;
    }

    body[b-svuc8ogfmo] {
        background-color: white;
        margin: 0;
        font-size: 11px;
        line-height: 1.2;
    }

    .receipt-container[b-svuc8ogfmo] {
        box-shadow: none;
        margin: 0;
        max-width: 100%;
    }

    .page-break[b-svuc8ogfmo] {
        display: block;
        page-break-after: always;
        height: 0;
        margin: 0;
    }

    .quarter-box.paid[b-svuc8ogfmo] {
        background-color: #d4edda !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .mixed-payment-notice[b-svuc8ogfmo] {
        background: #fff3cd !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .payment-mode-badge[b-svuc8ogfmo] {
        background: #e3f2fd !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .amount-words[b-svuc8ogfmo] {
        font-size: 9px !important;
        padding: 4px 12px !important;
    }

    .quarter-status[b-svuc8ogfmo] {
        padding: 6px 12px !important;
    }

    .quarter-box[b-svuc8ogfmo] {
        padding: 5px !important;
    }

    .quarter-grid[b-svuc8ogfmo] {
        gap: 5px !important;
    }

    .quarter-header[b-svuc8ogfmo] {
        font-size: 10px !important;
        margin-bottom: 5px !important;
    }

    .quarter-name[b-svuc8ogfmo] {
        font-size: 8px !important;
    }

    .quarter-amount[b-svuc8ogfmo] {
        font-size: 9px !important;
    }

    .qr-code-container[b-svuc8ogfmo] {
        background: #ffffff !important;
        border: 1px solid #dee2e6 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        box-shadow: none !important;
    }

    @page {
        size: A5;
        margin: 2mm;
    }

    body[b-svuc8ogfmo] {
        font-size: 9px !important;
    }

    .receipt-header[b-svuc8ogfmo] {
        padding: 6px 15px !important;
    }

    .school-logo img[b-svuc8ogfmo] {
        height: 100px !important;
    }

    .invoice-info[b-svuc8ogfmo] {
        padding: 5px 15px !important;
    }

    .student-info[b-svuc8ogfmo] {
        padding: 6px 15px !important;
        gap: 5px !important;
    }

    .info-group[b-svuc8ogfmo] {
        margin-bottom: 2px !important;
    }

    .total-section[b-svuc8ogfmo] {
        padding: 5px !important;
        margin: 5px 15px !important;
    }

    .payment-method[b-svuc8ogfmo] {
        padding: 5px 15px !important;
    }

    .receipt-footer[b-svuc8ogfmo] {
        padding: 6px 15px 5px 15px !important;
    }

    .footer-info[b-svuc8ogfmo] {
        margin-bottom: 5px !important;
    }

    .signature-section[b-svuc8ogfmo] {
        margin: 3px 20px 2px 20px !important;
    }

    .security-strip[b-svuc8ogfmo] {
        padding: 3px 8px !important;
        font-size: 8px !important;
        margin-top: 1px !important;
    }

    .footer-note[b-svuc8ogfmo] {
        margin: 1px 0 2px 0 !important;
        font-size: 8px !important;
    }
}
/* /Areas/Accounts/Pages/FeeClerk/RegistrationReceiptPrint.razor.rz.scp.css */
body[b-4o1q3sg3u0] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    background-color: #f8f9fa;
    color: #212529;
    font-size: 14px;
    line-height: 1.6;
}

.loading-spinner[b-4o1q3sg3u0],
.error-message[b-4o1q3sg3u0] {
    text-align: center;
    padding: 50px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.spinner-border[b-4o1q3sg3u0] {
    width: 3rem;
    height: 3rem;
    color: #28a745;
}

.error-message[b-4o1q3sg3u0] {
    color: #dc3545;
}

.receipt-actions[b-4o1q3sg3u0] {
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.action-btn[b-4o1q3sg3u0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: white;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    color: #495057;
}

.action-btn:hover[b-4o1q3sg3u0] {
    background: #28a745;
    border-color: #28a745;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.2);
}

.receipt-container[b-4o1q3sg3u0] {
    max-width: 700px;
    margin: 5px auto;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
}

.receipt-header[b-4o1q3sg3u0] {
    background: #FFFFFF;
    color: black;
    padding: 15px 20px;
    border-bottom: 3px solid #28a745;
    margin-bottom: 8px;
}

.school-info[b-4o1q3sg3u0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.school-name[b-4o1q3sg3u0] {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1e3c72;
}

.school-details[b-4o1q3sg3u0] {
    font-size: 11px;
    line-height: 1.4;
    opacity: 0.9;
}

.school-details p[b-4o1q3sg3u0] {
    margin: 2px 0;
}

.school-logo[b-4o1q3sg3u0] {
    padding-left: 10px;
}

.school-logo img[b-4o1q3sg3u0] {
    height: 150px;
    width: auto;
}

.logo-section[b-4o1q3sg3u0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.copy-indicator[b-4o1q3sg3u0] {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #28a745;
    text-transform: uppercase;
    padding: 5px 15px;
    border: 1px solid #28a745;
    border-radius: 5px;
    margin-top: 8px;
    display: inline-block;
}

.invoice-info[b-4o1q3sg3u0] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 20px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 10px;
    gap: 10px;
}

.invoice-detail[b-4o1q3sg3u0] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.invoice-label[b-4o1q3sg3u0] {
    font-weight: 600;
    color: #6c757d;
    font-size: 11px;
}

.invoice-value[b-4o1q3sg3u0] {
    font-weight: 500;
    color: #28a745;
    font-size: 12px;
}

.invoice-value.reg-no[b-4o1q3sg3u0] {
    font-weight: 700;
    font-size: 13px;
}

.registration-badge[b-4o1q3sg3u0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    border-radius: 20px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(21, 87, 36, 0.1);
}

.student-info[b-4o1q3sg3u0] {
    padding: 12px 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 10px;
}

.info-group[b-4o1q3sg3u0] {
    margin-bottom: 6px;
}

.info-label[b-4o1q3sg3u0] {
    font-size: 10px;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.info-value[b-4o1q3sg3u0] {
    font-size: 12px;
    font-weight: 500;
    color: #333;
}

.address-section[b-4o1q3sg3u0] {
    grid-column: 1 / -1;
}

.fee-summary[b-4o1q3sg3u0] {
    margin: 0 20px 10px 20px;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    overflow: hidden;
}

.summary-header[b-4o1q3sg3u0] {
    background-color: #28a745;
    color: white;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.fee-table[b-4o1q3sg3u0] {
    width: 100%;
    border-collapse: collapse;
}

.fee-table th[b-4o1q3sg3u0] {
    background-color: #f8f9fa;
    padding: 8px;
    text-align: left;
    font-weight: 600;
    color: #495057;
    font-size: 11px;
    border-bottom: 1px solid #dee2e6;
    vertical-align: middle;
}

.fee-table td[b-4o1q3sg3u0] {
    padding: 10px 8px;
    border-bottom: 1px solid #e9ecef;
    font-size: 12px;
    vertical-align: middle;
}

.fee-table th:last-child[b-4o1q3sg3u0],
.fee-table td:last-child[b-4o1q3sg3u0] {
    text-align: right;
}

.discount-row[b-4o1q3sg3u0] {
    background-color: #fff3cd;
}

.discount-type[b-4o1q3sg3u0] {
    font-size: 10px;
    color: #6c757d;
    font-style: italic;
}

.discount-amount[b-4o1q3sg3u0] {
    color: #dc3545;
    font-weight: 600;
}

.total-section[b-4o1q3sg3u0] {
    background-color: #e8f5e9;
    padding: 12px;
    margin: 0 20px 10px 20px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #28a745;
}

.total-label[b-4o1q3sg3u0] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.total-amount[b-4o1q3sg3u0] {
    font-size: 20px;
    font-weight: 700;
    color: #28a745;
}

.payment-method[b-4o1q3sg3u0] {
    padding: 12px 20px;
    background-color: #e9ecef;
    margin-bottom: 10px;
}

.payment-header[b-4o1q3sg3u0] {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

.payment-details[b-4o1q3sg3u0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.payment-info[b-4o1q3sg3u0] {
    background-color: white;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #dee2e6;
}

.remarks-section[b-4o1q3sg3u0] {
    margin-top: 10px;
    padding: 8px;
    background-color: white;
    border-radius: 5px;
    font-size: 11px;
    border: 1px solid #dee2e6;
}

.receipt-footer[b-4o1q3sg3u0] {
    padding: 15px 20px 15px 20px;
    border-top: 2px solid #e9ecef;
    margin-top: 8px;
}

.footer-content-wrapper[b-4o1q3sg3u0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.footer-left-section[b-4o1q3sg3u0] {
    flex: 1;
}

.footer-info[b-4o1q3sg3u0] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 11px;
    color: #6c757d;
    font-weight: 500;
    flex-wrap: wrap;
}

.footer-info > div[b-4o1q3sg3u0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
}

.footer-info span:first-child[b-4o1q3sg3u0] {
    font-weight: 600;
}

.footer-qr-section[b-4o1q3sg3u0] {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 10px;
    padding-left: 20px;
    align-self: flex-end;
}

.signature-section[b-4o1q3sg3u0] {
    display: flex;
    justify-content: flex-start;
    gap: 100px;
    margin: 5px 30px 8px 30px;
}

.signature-box[b-4o1q3sg3u0] {
    text-align: center;
    width: 150px;
}

.signature-line[b-4o1q3sg3u0] {
    border-top: 1px solid #333;
    margin-bottom: 8px;
    width: 100%;
}

.signature-label[b-4o1q3sg3u0] {
    font-size: 11px;
    color: #6c757d;
    font-weight: 500;
}

.qr-code-container[b-4o1q3sg3u0] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 8px !important;
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
    min-width: auto;
    max-width: 100px;
}

.qr-code-container img[b-4o1q3sg3u0] {
    width: 70px !important;
    height: 70px !important;
    margin-bottom: 5px !important;
    display: block !important;
}

.qr-label[b-4o1q3sg3u0] {
    font-size: 9px !important;
    font-weight: 700 !important;
    color: #28a745 !important;
    margin-bottom: 2px !important;
    text-align: center !important;
}

.qr-verification-text[b-4o1q3sg3u0] {
    font-size: 8px !important;
    color: #6c757d !important;
    text-align: center !important;
    font-weight: 500 !important;
}

.security-strip[b-4o1q3sg3u0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 10px;
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
    font-size: 9px;
    font-weight: 600;
    border-radius: 6px 6px 0 0;
    margin-top: 8px;
}

.footer-note[b-4o1q3sg3u0] {
    text-align: center;
    margin: 2px 0 3px 0;
    font-size: 10px;
    color: #6c757d;
    line-height: 1.4;
}

.page-break[b-4o1q3sg3u0] {
    display: none;
}

/* Watermark */
.receipt-container[b-4o1q3sg3u0]::before {
    content: "REGISTERED";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 80px;
    color: rgba(40, 167, 69, 0.03);
    font-weight: 900;
    z-index: 0;
    pointer-events: none;
    letter-spacing: 10px;
}

.receipt-header[b-4o1q3sg3u0],
.invoice-info[b-4o1q3sg3u0],
.student-info[b-4o1q3sg3u0],
.fee-summary[b-4o1q3sg3u0],
.payment-method[b-4o1q3sg3u0],
.receipt-footer[b-4o1q3sg3u0] {
    position: relative;
    z-index: 1;
}

@media print {
    .receipt-actions[b-4o1q3sg3u0],
    .no-print[b-4o1q3sg3u0] {
        display: none !important;
    }

    body[b-4o1q3sg3u0] {
        background-color: white;
        margin: 0;
        font-size: 11px;
        line-height: 1.2;
    }

    .receipt-container[b-4o1q3sg3u0] {
        box-shadow: none;
        margin: 0;
        max-width: 100%;
    }

    .page-break[b-4o1q3sg3u0] {
        display: block;
        page-break-after: always;
        height: 0;
        margin: 0;
    }

    .discount-row[b-4o1q3sg3u0] {
        background-color: #fff3cd !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .total-section[b-4o1q3sg3u0] {
        background-color: #e8f5e9 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .registration-badge[b-4o1q3sg3u0] {
        background: #d4edda !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .qr-code-container[b-4o1q3sg3u0] {
        background: #ffffff !important;
        border: 1px solid #dee2e6 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        box-shadow: none !important;
    }

    @page {
        size: A5;
        margin: 2mm;
    }

    body[b-4o1q3sg3u0] {
        font-size: 9px !important;
    }

    .receipt-header[b-4o1q3sg3u0] {
        padding: 6px 15px !important;
    }

    .school-logo img[b-4o1q3sg3u0] {
        height: 100px !important;
    }

    .invoice-info[b-4o1q3sg3u0] {
        padding: 5px 15px !important;
    }

    .student-info[b-4o1q3sg3u0] {
        padding: 6px 15px !important;
        gap: 5px !important;
    }

    .info-group[b-4o1q3sg3u0] {
        margin-bottom: 2px !important;
    }

    .total-section[b-4o1q3sg3u0] {
        padding: 5px !important;
        margin: 5px 15px !important;
    }

    .payment-method[b-4o1q3sg3u0] {
        padding: 5px 15px !important;
    }

    .receipt-footer[b-4o1q3sg3u0] {
        padding: 6px 15px 5px 15px !important;
    }

    .footer-info[b-4o1q3sg3u0] {
        margin-bottom: 5px !important;
    }

    .signature-section[b-4o1q3sg3u0] {
        margin: 3px 20px 2px 20px !important;
    }

    .security-strip[b-4o1q3sg3u0] {
        padding: 3px 8px !important;
        font-size: 8px !important;
        margin-top: 1px !important;
    }

    .footer-note[b-4o1q3sg3u0] {
        margin: 1px 0 2px 0 !important;
        font-size: 8px !important;
    }
}
/* /Areas/Accounts/Pages/FeeClerk/RegistrationReceipts.razor.rz.scp.css */
.page-container[b-ok1t5s4lo4] { padding: 1.5rem; }
    .page-header[b-ok1t5s4lo4] { margin-bottom: 1.5rem; }
    .page-header h1[b-ok1t5s4lo4] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    .filter-section[b-ok1t5s4lo4] { background: var(--bg-primary); padding: 1rem; border-radius: 12px; border: 1px solid var(--border); margin-bottom: 1.5rem; }

    .summary-cards[b-ok1t5s4lo4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
    .summary-card[b-ok1t5s4lo4] { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 10px; border-left: 4px solid; }
    .summary-card.border-primary[b-ok1t5s4lo4] { border-left-color: var(--bs-primary); }
    .summary-card.border-success[b-ok1t5s4lo4] { border-left-color: var(--bs-success); }
    .summary-icon[b-ok1t5s4lo4] { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--btn-primary-text, #ffffff); font-size: 1.1rem; }
    .summary-content h4[b-ok1t5s4lo4] { margin: 0; font-size: 1.25rem; font-weight: 700; }
    .summary-content p[b-ok1t5s4lo4] { margin: 0; font-size: 0.8rem; color: var(--text-muted); }

    .loading-container[b-ok1t5s4lo4] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-ok1t5s4lo4] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }

    .data-table-container[b-ok1t5s4lo4] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .data-table[b-ok1t5s4lo4] { width: 100%; border-collapse: collapse; }
    .data-table th[b-ok1t5s4lo4], .data-table td[b-ok1t5s4lo4] { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--border); }
    .data-table th[b-ok1t5s4lo4] { font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; background: var(--bg-secondary); }
    .data-table tbody tr:hover[b-ok1t5s4lo4] { background: var(--bg-secondary); }
    .data-table tbody tr:last-child td[b-ok1t5s4lo4] { border-bottom: none; }

    .receipt-preview[b-ok1t5s4lo4] { background: var(--bg-secondary); padding: 1.5rem; border-radius: 8px; }
    .amount-section[b-ok1t5s4lo4] { background: var(--bg-primary); border-radius: 8px; }

    /* Modal z-index fix */
    .modal-backdrop[b-ok1t5s4lo4] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 1050; }
    .modal[b-ok1t5s4lo4] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; overflow-x: hidden; overflow-y: auto; outline: 0; }
    .modal-dialog[b-ok1t5s4lo4] { position: relative; margin: 1.75rem auto; }
    .modal-content[b-ok1t5s4lo4] { position: relative; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15); }
/* /Areas/Accounts/Pages/FeeClerk/ViewReceipt.razor.rz.scp.css */
/* Page Container */
.page-container[b-uxr5mplq8m] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-uxr5mplq8m] {
    margin-bottom: 2rem;
}

.page-header h2[b-uxr5mplq8m] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-header h2 i[b-uxr5mplq8m] {
    color: var(--brand-blue, #3b82f6);
}

/* Search Section */
.search-section[b-uxr5mplq8m] {
    margin-bottom: 2rem;
}

.search-card[b-uxr5mplq8m] {
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow-card, 0 2px 8px rgba(0, 0, 0, 0.1));
    overflow: hidden;
    border: 1px solid var(--card-border, var(--border));
}

.search-header[b-uxr5mplq8m] {
    background: linear-gradient(135deg, var(--btn-primary-bg, #3b82f6) 0%, var(--brand-blue, #2563eb) 100%);
    color: var(--btn-primary-text, #ffffff);
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
}

.search-body[b-uxr5mplq8m] {
    padding: 1.5rem;
}

.form-row[b-uxr5mplq8m] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: end;
}

.form-group[b-uxr5mplq8m] {
    display: flex;
    flex-direction: column;
}

.form-group label[b-uxr5mplq8m] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-size: 0.9rem;
}

.form-control[b-uxr5mplq8m] {
    padding: 0.75rem 1rem;
    border: 2px solid var(--input-border, var(--border));
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: var(--input-bg);
    color: var(--text-primary);
}

.form-control:focus[b-uxr5mplq8m] {
    outline: none;
    border-color: var(--input-focus, var(--brand-blue));
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Buttons */
.btn[b-uxr5mplq8m] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
    font-size: 1rem;
}

.btn-primary[b-uxr5mplq8m] {
    background: linear-gradient(135deg, var(--btn-primary-bg, #3b82f6) 0%, var(--brand-blue, #2563eb) 100%);
    color: var(--btn-primary-text, #ffffff);
}

.btn-primary:hover:not(:disabled)[b-uxr5mplq8m] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.btn-primary:disabled[b-uxr5mplq8m] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-secondary[b-uxr5mplq8m] {
    background: var(--btn-secondary-bg, #6b7280);
    color: var(--btn-secondary-text, #ffffff);
}

.btn-secondary:hover[b-uxr5mplq8m] {
    background: var(--btn-secondary-hover, #4b5563);
}

.btn-outline-primary[b-uxr5mplq8m] {
    background: var(--card-bg);
    color: var(--brand-blue, #3b82f6);
    border: 2px solid var(--brand-blue, #3b82f6);
}

.btn-outline-primary:hover[b-uxr5mplq8m] {
    background: var(--brand-blue, #3b82f6);
    color: var(--btn-primary-text, #ffffff);
}

.btn-sm[b-uxr5mplq8m] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

/* Alerts */
.alert[b-uxr5mplq8m] {
    padding: 1rem;
    border-radius: 8px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-danger[b-uxr5mplq8m] {
    background: var(--error-bg);
    color: var(--error-text);
    border: 1px solid var(--error-border);
}

.alert-info[b-uxr5mplq8m] {
    background: var(--info-bg);
    color: var(--info-text);
    border: 1px solid var(--info-border);
}

/* Receipts Section */
.receipts-section[b-uxr5mplq8m] {
    margin-top: 2rem;
}

.section-header[b-uxr5mplq8m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.section-header h4[b-uxr5mplq8m] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.badge[b-uxr5mplq8m] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 500;
}

.badge-primary[b-uxr5mplq8m] {
    background: var(--btn-primary-bg, #3b82f6);
    color: var(--btn-primary-text, #ffffff);
}

/* Receipts Grid */
.receipts-grid[b-uxr5mplq8m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
}

.receipt-card[b-uxr5mplq8m] {
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow-card, 0 2px 8px rgba(0, 0, 0, 0.1));
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.receipt-card:hover[b-uxr5mplq8m] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-card-strong, 0 8px 24px rgba(0, 0, 0, 0.15));
}

.receipt-card.selected[b-uxr5mplq8m] {
    border-color: var(--brand-blue, #3b82f6);
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.2);
}

.receipt-card-header[b-uxr5mplq8m] {
    background: linear-gradient(135deg, var(--btn-primary-bg, #3b82f6) 0%, var(--brand-blue, #2563eb) 100%);
    color: var(--btn-primary-text, #ffffff);
    padding: 1rem 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.receipt-number[b-uxr5mplq8m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
}

.receipt-amount[b-uxr5mplq8m] {
    font-size: 1.25rem;
    font-weight: 700;
}

.receipt-card-body[b-uxr5mplq8m] {
    padding: 1rem 1.25rem;
}

.receipt-info[b-uxr5mplq8m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    color: var(--text-secondary);
}

.receipt-info i[b-uxr5mplq8m] {
    color: var(--brand-blue, #3b82f6);
    width: 20px;
}

.receipt-card-footer[b-uxr5mplq8m] {
    padding: 1rem 1.25rem;
    background: var(--bg-secondary, var(--surface-alt));
    border-top: 1px solid var(--border);
}

/* Modal */
.modal-overlay[b-uxr5mplq8m] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-container[b-uxr5mplq8m] {
    background: var(--card-bg);
    border-radius: 16px;
    max-width: 900px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    border: 1px solid var(--card-border, var(--border));
}

.modal-header[b-uxr5mplq8m] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h3[b-uxr5mplq8m] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-close[b-uxr5mplq8m] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--text-secondary);
    padding: 0.5rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.btn-close:hover[b-uxr5mplq8m] {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

.modal-body[b-uxr5mplq8m] {
    padding: 2rem;
    overflow-y: auto;
}

.modal-footer[b-uxr5mplq8m] {
    padding: 1.5rem;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

/* Receipt Detail */
.receipt-detail-header[b-uxr5mplq8m] {
    text-align: center;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid var(--brand-blue, #3b82f6);
    margin-bottom: 2rem;
}

.school-info h2[b-uxr5mplq8m] {
    margin: 0;
    color: var(--brand-blue, #3b82f6);
    font-size: 2rem;
    font-weight: 700;
}

.school-info p[b-uxr5mplq8m] {
    margin: 0.5rem 0 0 0;
    color: var(--text-secondary);
    font-size: 1.125rem;
}

.receipt-meta[b-uxr5mplq8m] {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-top: 1rem;
}

.meta-item[b-uxr5mplq8m] {
    display: flex;
    gap: 0.5rem;
}

.meta-item .label[b-uxr5mplq8m] {
    font-weight: 600;
    color: var(--text-secondary);
}

.meta-item .value[b-uxr5mplq8m] {
    color: var(--text-primary);
}

.receipt-section[b-uxr5mplq8m] {
    margin-bottom: 2rem;
}

.section-title[b-uxr5mplq8m] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--brand-blue, #3b82f6);
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--border);
}

.info-grid[b-uxr5mplq8m] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.info-item[b-uxr5mplq8m] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-item .label[b-uxr5mplq8m] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.info-item .value[b-uxr5mplq8m] {
    font-size: 1rem;
    color: var(--text-primary);
    font-weight: 500;
}

.payment-mode[b-uxr5mplq8m] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--info-bg);
    border-radius: 6px;
    color: var(--info-text);
}

/* Fee Breakdown Table */
.fee-breakdown-table[b-uxr5mplq8m] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

.fee-breakdown-table thead[b-uxr5mplq8m] {
    background: var(--bg-secondary, var(--surface-alt));
}

.fee-breakdown-table th[b-uxr5mplq8m] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: var(--text-primary);
    border-bottom: 2px solid var(--border);
}

.fee-breakdown-table td[b-uxr5mplq8m] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
}

.fee-breakdown-table tbody tr:hover[b-uxr5mplq8m] {
    background: var(--bg-secondary, var(--surface-alt));
}

.fee-breakdown-table .text-right[b-uxr5mplq8m] {
    text-align: right;
}

.fee-breakdown-table tfoot[b-uxr5mplq8m] {
    background: var(--bg-secondary, var(--surface-alt));
    font-weight: 600;
}

.total-row td[b-uxr5mplq8m] {
    padding: 1rem;
    border-top: 2px solid var(--brand-blue, #3b82f6);
    border-bottom: none;
}

/* Receipt Footer */
.receipt-footer[b-uxr5mplq8m] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 2px solid var(--border);
}

.signature-section[b-uxr5mplq8m] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2rem;
}

.signature-line[b-uxr5mplq8m] {
    text-align: center;
    min-width: 200px;
}

.signature-line span[b-uxr5mplq8m] {
    display: block;
    padding-top: 3rem;
    border-top: 2px solid var(--text-primary);
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.receipt-note[b-uxr5mplq8m] {
    text-align: center;
    color: var(--text-muted);
    font-size: 0.875rem;
}

/* Spinner */
.spinner-border[b-uxr5mplq8m] {
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-uxr5mplq8m 0.75s linear infinite;
}

.spinner-border-sm[b-uxr5mplq8m] {
    width: 0.875rem;
    height: 0.875rem;
}

@keyframes spinner-border-b-uxr5mplq8m {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-uxr5mplq8m] {
        padding: 1rem;
    }

    .form-row[b-uxr5mplq8m] {
        grid-template-columns: 1fr;
    }

    .receipts-grid[b-uxr5mplq8m] {
        grid-template-columns: 1fr;
    }

    .info-grid[b-uxr5mplq8m] {
        grid-template-columns: 1fr;
    }

    .receipt-meta[b-uxr5mplq8m] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: center;
    }

    .modal-container[b-uxr5mplq8m] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
    }
}

/* Print Styles */
@media print {
    .modal-overlay[b-uxr5mplq8m],
    .modal-header[b-uxr5mplq8m],
    .modal-footer[b-uxr5mplq8m],
    .btn[b-uxr5mplq8m],
    .search-section[b-uxr5mplq8m],
    .receipts-section[b-uxr5mplq8m] {
        display: none !important;
    }

    .modal-body[b-uxr5mplq8m] {
        padding: 0;
    }

    .receipt-detail-header[b-uxr5mplq8m] {
        border-color: #000;
    }

    .section-title[b-uxr5mplq8m] {
        color: #000;
    }
}
/* /Areas/Administrative/Pages/AdmissionCounsellor/Admissions/Create.razor.rz.scp.css */
/* ========================================
   Admission Wizard Page - Theme Aware
   ======================================== */

.page-container[b-c2jp6serq1] {
    --primary: #3b82f6;
    --primary-light: #60a5fa;
    --primary-dark: #2563eb;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #06b6d4;
    --purple: #8b5cf6;

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.12);

    padding: 1.5rem;
    background: var(--bg-primary, #f8fafc);
    min-height: 100vh;
    color: var(--text-primary, #0f172a);
}

/* Page Header */
.page-header[b-c2jp6serq1] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-c2jp6serq1] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
    margin: 0 0 0.25rem;
}

.page-header .text-muted[b-c2jp6serq1] {
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b) !important;
}

/* Wizard Steps */
.wizard-steps[b-c2jp6serq1] {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0 2rem;
    margin-bottom: 1.5rem;
}

.wizard-steps[b-c2jp6serq1]::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 3rem;
    right: 3rem;
    height: 3px;
    background: var(--border-color, #e2e8f0);
    border-radius: 2px;
    z-index: 0;
}

.wizard-step[b-c2jp6serq1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
}

.wizard-step-number[b-c2jp6serq1] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--card-bg, #ffffff);
    border: 3px solid var(--border-color, #e2e8f0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9375rem;
    margin-bottom: 0.625rem;
    transition: all 0.3s ease;
    color: var(--text-muted, #94a3b8);
    box-shadow: var(--shadow-sm);
}

.wizard-step.active .wizard-step-number[b-c2jp6serq1] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.35);
}

.wizard-step.completed .wizard-step-number[b-c2jp6serq1] {
    background: var(--success);
    border-color: var(--success);
    color: white;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35);
}

.wizard-step-label[b-c2jp6serq1] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-muted, #94a3b8);
    text-align: center;
    max-width: 100px;
}

.wizard-step.active .wizard-step-label[b-c2jp6serq1] {
    color: var(--primary);
    font-weight: 600;
}

.wizard-step.completed .wizard-step-label[b-c2jp6serq1] {
    color: var(--success);
    font-weight: 600;
}

/* Cards */
.card[b-c2jp6serq1] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    overflow: hidden;
    margin-bottom: 1.25rem;
}

.card-header[b-c2jp6serq1] {
    padding: 0.875rem 1.25rem;
    background: linear-gradient(135deg, var(--bg-secondary, #f8fafc) 0%, var(--bg-primary, #f1f5f9) 100%);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.card-header h5[b-c2jp6serq1],
.card-header h6[b-c2jp6serq1] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary, #0f172a);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.card-header i[b-c2jp6serq1] {
    color: var(--primary);
}

.card-body[b-c2jp6serq1] {
    padding: 1.25rem;
    background: var(--card-bg, #ffffff);
}

/* Form Controls */
.form-label[b-c2jp6serq1] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.375rem;
}

.form-control[b-c2jp6serq1],
.form-select[b-c2jp6serq1] {
    font-size: 0.875rem;
    padding: 0.625rem 0.875rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--input-border, #e2e8f0);
    background-color: var(--input-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    transition: all 0.2s ease;
}

.form-control:focus[b-c2jp6serq1],
.form-select:focus[b-c2jp6serq1] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    outline: none;
}

.form-control[b-c2jp6serq1]::placeholder {
    color: var(--text-muted, #94a3b8);
}

/* Buttons */
.btn[b-c2jp6serq1] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn-primary[b-c2jp6serq1] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.btn-primary:hover[b-c2jp6serq1] {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-success[b-c2jp6serq1] {
    background: linear-gradient(135deg, var(--success) 0%, #059669 100%);
    border: none;
    color: white;
}

.btn-success:hover[b-c2jp6serq1] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.btn-outline-secondary[b-c2jp6serq1] {
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-secondary, #64748b);
}

.btn-outline-secondary:hover[b-c2jp6serq1] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-primary, #0f172a);
}

.btn-lg[b-c2jp6serq1] {
    font-size: 0.9375rem;
    padding: 0.75rem 1.5rem;
}

.btn:disabled[b-c2jp6serq1] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Alerts */
.alert[b-c2jp6serq1] {
    border-radius: var(--radius);
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    border: none;
}

.alert-danger[b-c2jp6serq1] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-c2jp6serq1] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-info[b-c2jp6serq1] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

/* School Suggestions Dropdown */
.school-suggestions .suggestion-item:hover[b-c2jp6serq1] {
    background-color: var(--bg-secondary, #f1f5f9);
}

/* ========================================
   Print Form Styles (Review Section)
   ======================================== */
.admission-form-print[b-c2jp6serq1] {
    background: white;
    padding: 1.25rem;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius);
}

.admission-form-print .form-header h4[b-c2jp6serq1] {
    color: #1e3a5f;
    letter-spacing: 1px;
    font-size: 1.25rem;
}

.admission-form-print .form-header h5[b-c2jp6serq1] {
    color: #2d4a6a;
    font-size: 1rem;
    font-weight: 600;
}

.admission-form-print .section-header[b-c2jp6serq1] {
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: white !important;
    background: linear-gradient(135deg, #1e5a9a 0%, #2874ba 100%) !important;
    padding: 0.5rem 0.5rem !important;
    margin: 0 !important;
    border-radius: 0;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box;
    border: 1px solid #333;
    border-bottom: none;
    flex: none !important;
}

.admission-form-print .section-header.text-white[b-c2jp6serq1],
.admission-form-print div.section-header.text-white[b-c2jp6serq1] {
    color: white !important;
}

.admission-form-print .section-header.bg-primary[b-c2jp6serq1],
.admission-form-print div.section-header.bg-primary[b-c2jp6serq1] {
    background: linear-gradient(135deg, #1e5a9a 0%, #2874ba 100%) !important;
    color: white !important;
}

.admission-form-print .section-header.bg-danger[b-c2jp6serq1],
.admission-form-print div.section-header.bg-danger[b-c2jp6serq1] {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
    color: white !important;
}

.admission-form-print .section-header.bg-warning[b-c2jp6serq1],
.admission-form-print div.section-header.bg-warning[b-c2jp6serq1] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #1f2937 !important;
}

.admission-form-print .table[b-c2jp6serq1] {
    margin-bottom: 1rem;
    margin-top: 0 !important;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #333;
}

.admission-form-print .section-header + .table[b-c2jp6serq1] {
    margin-top: 0 !important;
    border-top: none;
}

.admission-form-print .table td[b-c2jp6serq1],
.admission-form-print .table th[b-c2jp6serq1] {
    padding: 0.4rem 0.5rem;
    vertical-align: middle;
    border: 1px solid #333;
}

.admission-form-print .table-bordered[b-c2jp6serq1] {
    border: 1px solid #333 !important;
}

.admission-form-print .table-bordered td[b-c2jp6serq1],
.admission-form-print .table-bordered th[b-c2jp6serq1] {
    border: 1px solid #333 !important;
}

.admission-form-print .table .bg-light[b-c2jp6serq1] {
    background-color: #f8f9fa !important;
}

.admission-form-print .table .fw-semibold[b-c2jp6serq1] {
    font-weight: 600;
    color: #374151;
}

/* Ensure section headers span full width */
.admission-form-print .mb-3[b-c2jp6serq1],
.admission-form-print .mb-4[b-c2jp6serq1] {
    width: 100%;
}

/* Section header improvements */
.admission-form-print h6.section-header[b-c2jp6serq1],
.admission-form-print .section-header[b-c2jp6serq1] {
    margin: 0 !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Table label cells (left column) */
.admission-form-print .table td:first-child[b-c2jp6serq1] {
    background-color: #f8f9fa;
    font-weight: 500;
    width: 30%;
}

/* S.NO. column - narrow width for serial numbers */
.admission-form-print .table th:first-child[b-c2jp6serq1],
.admission-form-print .table td:first-child[b-c2jp6serq1] {
    width: auto;
    min-width: auto;
}

/* Family particulars table - specific column widths */
.admission-form-print .table.family-table td:first-child[b-c2jp6serq1],
.admission-form-print .table.family-table th:first-child[b-c2jp6serq1] {
    width: 5% !important;
    min-width: 40px;
    max-width: 60px;
    text-align: center;
}

.admission-form-print .table.family-table td:nth-child(2)[b-c2jp6serq1],
.admission-form-print .table.family-table th:nth-child(2)[b-c2jp6serq1] {
    width: 20%;
}

/* Consistent spacing between sections */
.admission-form-print > .mb-3[b-c2jp6serq1],
.admission-form-print > .mb-4[b-c2jp6serq1] {
    margin-bottom: 1rem !important;
}

.admission-form-print .photo-placeholder[b-c2jp6serq1] {
    flex-shrink: 0;
}

.admission-form-print .photo-placeholder > div[b-c2jp6serq1] {
    background: #fafafa;
}

/* Info header table */
.admission-form-print .form-info-header .table[b-c2jp6serq1] {
    font-size: 0.8rem;
}

.admission-form-print .form-info-header .table td[b-c2jp6serq1] {
    padding: 0.35rem 0.5rem;
}

/* Section styling - All section headers with blue background */
.admission-form-print .section-header.bg-dark[b-c2jp6serq1],
.admission-form-print .section-header.bg-secondary[b-c2jp6serq1],
.admission-form-print div.section-header.bg-dark[b-c2jp6serq1],
.admission-form-print div.section-header.bg-secondary[b-c2jp6serq1] {
    background: linear-gradient(135deg, #1e5a9a 0%, #2874ba 100%) !important;
    color: white !important;
}

/* Declaration box */
.admission-form-print .border-top[b-c2jp6serq1] {
    border-top-style: solid !important;
}

/* Badge styles in print */
.admission-form-print .badge[b-c2jp6serq1] {
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-c2jp6serq1] {
        padding: 1rem;
    }

    .wizard-steps[b-c2jp6serq1] {
        padding: 0 0.5rem;
    }

    .wizard-steps[b-c2jp6serq1]::before {
        left: 1.5rem;
        right: 1.5rem;
    }

    .wizard-step-label[b-c2jp6serq1] {
        display: none;
    }

    .wizard-step-number[b-c2jp6serq1] {
        width: 36px;
        height: 36px;
        font-size: 0.875rem;
    }

    .page-header h1[b-c2jp6serq1] {
        font-size: 1.25rem;
    }

    .card-body[b-c2jp6serq1] {
        padding: 1rem;
    }

    /* Print form responsive */
    .admission-form-print[b-c2jp6serq1] {
        padding: 0.75rem;
    }

    .admission-form-print .d-flex.justify-content-between[b-c2jp6serq1] {
        flex-direction: column;
        gap: 1rem;
    }

    .admission-form-print .photo-placeholder > div[b-c2jp6serq1] {
        margin: 0 auto;
    }

    .admission-form-print .form-info-header[b-c2jp6serq1] {
        order: -1;
    }
}

/* No print class */
.no-print[b-c2jp6serq1] {
    display: block;
}

/* Print Media Styles - A4 Size */
@page {
    size: A4;
    margin: 10mm 15mm;
}

@media print {
    .no-print[b-c2jp6serq1] {
        display: none !important;
    }

    body[b-c2jp6serq1] {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .page-container[b-c2jp6serq1] {
        padding: 0 !important;
        background: white !important;
        min-height: auto !important;
    }

    .card[b-c2jp6serq1] {
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
    }

    .card-body[b-c2jp6serq1] {
        padding: 0 !important;
    }

    .admission-form-print[b-c2jp6serq1] {
        border: none;
        padding: 0;
        box-shadow: none;
        width: 100%;
        max-width: 210mm; /* A4 width */
        margin: 0 auto;
        font-size: 11px;
    }

    .admission-form-print .section-header[b-c2jp6serq1] {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        background: #1e5a9a !important;
        color: white !important;
        font-size: 10px !important;
        padding: 4px 8px !important;
    }

    .admission-form-print .section-header.bg-primary[b-c2jp6serq1],
    .admission-form-print .section-header.bg-dark[b-c2jp6serq1],
    .admission-form-print .section-header.bg-secondary[b-c2jp6serq1],
    .admission-form-print .section-header.bg-warning[b-c2jp6serq1] {
        background: #1e5a9a !important;
        color: white !important;
    }

    .admission-form-print .section-header.bg-danger[b-c2jp6serq1] {
        background: #dc2626 !important;
        color: white !important;
    }

    .admission-form-print .bg-light[b-c2jp6serq1] {
        background-color: #f5f5f5 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .admission-form-print .table[b-c2jp6serq1] {
        border: 1px solid #333;
        font-size: 10px;
    }

    .admission-form-print .table td[b-c2jp6serq1],
    .admission-form-print .table th[b-c2jp6serq1] {
        border: 1px solid #333;
        padding: 3px 5px !important;
    }

    .admission-form-print .section-header[b-c2jp6serq1] {
        font-size: 10px !important;
        padding: 4px 8px !important;
    }

    .admission-form-print .form-header h4[b-c2jp6serq1] {
        font-size: 16px !important;
    }

    .admission-form-print .form-header h5[b-c2jp6serq1] {
        font-size: 12px !important;
    }

    .admission-form-print .form-header h6[b-c2jp6serq1] {
        font-size: 11px !important;
    }

    .admission-form-print .form-header p[b-c2jp6serq1] {
        font-size: 9px !important;
    }

    .admission-form-print .photo-placeholder > div[b-c2jp6serq1] {
        width: 70px !important;
        height: 90px !important;
    }

    .admission-form-print .photo-placeholder small[b-c2jp6serq1] {
        font-size: 7px !important;
    }

    .admission-form-print .mb-3[b-c2jp6serq1] {
        margin-bottom: 8px !important;
    }

    .admission-form-print .mb-4[b-c2jp6serq1] {
        margin-bottom: 12px !important;
    }

    .admission-form-print ol[b-c2jp6serq1] {
        font-size: 9px;
        margin-bottom: 8px !important;
    }

    .admission-form-print p[b-c2jp6serq1] {
        font-size: 9px;
        margin-bottom: 6px !important;
    }

    .admission-form-print .alert-info[b-c2jp6serq1] {
        display: none !important;
    }

    .card-footer[b-c2jp6serq1] {
        display: none !important;
    }

    .wizard-steps[b-c2jp6serq1] {
        display: none !important;
    }

    .page-header[b-c2jp6serq1] {
        display: none !important;
    }

    .breadcrumb[b-c2jp6serq1] {
        display: none !important;
    }

    /* Ensure page break handling */
    .admission-form-print .section-header[b-c2jp6serq1] {
        page-break-after: avoid;
    }

    .admission-form-print table[b-c2jp6serq1] {
        page-break-inside: avoid;
    }
}
/* /Areas/Administrative/Pages/AdmissionCounsellor/Admissions/Detail.razor.rz.scp.css */
/* ========================================
   Admission Detail Page - Theme Aware
   ======================================== */

.page-container[b-bb1zf9nelw] {
    --primary: #3b82f6;
    --primary-light: #60a5fa;
    --primary-dark: #2563eb;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #06b6d4;
    --purple: #8b5cf6;

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.12);

    padding: 1.5rem;
    background: var(--bg-primary, #f8fafc);
    min-height: 100vh;
    color: var(--text-primary, #0f172a);
}

/* Page Header */
.page-header[b-bb1zf9nelw] {
    margin-bottom: 1.5rem;
}

.page-header .breadcrumb[b-bb1zf9nelw] {
    font-size: 0.8125rem;
    margin-bottom: 0.5rem;
    background: transparent;
    padding: 0;
}

.page-header .breadcrumb-item a[b-bb1zf9nelw] {
    color: var(--text-secondary, #64748b);
    text-decoration: none;
}

.page-header .breadcrumb-item a:hover[b-bb1zf9nelw] {
    color: var(--primary);
}

.page-header h1[b-bb1zf9nelw] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
    margin: 0 0 0.375rem;
}

.page-header .text-muted[b-bb1zf9nelw] {
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b) !important;
}

/* Cards */
.card[b-bb1zf9nelw] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    overflow: hidden;
    margin-bottom: 1.25rem;
}

.card:hover[b-bb1zf9nelw] {
    box-shadow: var(--shadow-md);
}

.card-header[b-bb1zf9nelw] {
    padding: 0.875rem 1.25rem;
    background: linear-gradient(135deg, var(--bg-secondary, #f8fafc) 0%, var(--bg-primary, #f1f5f9) 100%);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--text-primary, #0f172a);
}

.card-header i[b-bb1zf9nelw] {
    color: var(--primary);
}

.card-body[b-bb1zf9nelw] {
    padding: 1.25rem;
    background: var(--card-bg, #ffffff);
}

/* Form Labels */
.form-label[b-bb1zf9nelw] {
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted, #94a3b8);
    margin-bottom: 0.25rem;
    font-weight: 600;
}

/* Progress Bar */
.progress[b-bb1zf9nelw] {
    height: 1.25rem;
    border-radius: 12px;
    background: var(--bg-secondary, #f1f5f9);
    overflow: hidden;
}

.progress-bar[b-bb1zf9nelw] {
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Buttons */
.btn[b-bb1zf9nelw] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.btn-primary[b-bb1zf9nelw] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.btn-primary:hover[b-bb1zf9nelw] {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-success[b-bb1zf9nelw] {
    background: linear-gradient(135deg, var(--success) 0%, #059669 100%);
    border: none;
    color: white;
}

.btn-outline-secondary[b-bb1zf9nelw] {
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-secondary, #64748b);
}

.btn-outline-secondary:hover[b-bb1zf9nelw] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-primary, #0f172a);
}

/* Badge */
.badge[b-bb1zf9nelw] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
}

.bg-success[b-bb1zf9nelw] {
    background: var(--success) !important;
}

.bg-warning[b-bb1zf9nelw] {
    background: var(--warning) !important;
}

.bg-danger[b-bb1zf9nelw] {
    background: var(--danger) !important;
}

.bg-info[b-bb1zf9nelw] {
    background: var(--info) !important;
}

/* Alerts */
.alert[b-bb1zf9nelw] {
    border-radius: var(--radius);
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
}

.alert-danger[b-bb1zf9nelw] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-bb1zf9nelw] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

/* Text Utilities */
.text-muted[b-bb1zf9nelw] {
    color: var(--text-muted, #94a3b8) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-bb1zf9nelw] {
        padding: 1rem;
    }

    .page-header h1[b-bb1zf9nelw] {
        font-size: 1.25rem;
    }

    .card-body[b-bb1zf9nelw] {
        padding: 1rem;
    }
}
/* /Areas/Administrative/Pages/AdmissionCounsellor/Admissions/FileReview.razor.rz.scp.css */
/* Modern SaaS File Review - Compact & Information Dense */

.file-review-page[b-6j5lf6lzus] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem 5rem;
}

/* Loading & Empty States */
.loading-overlay[b-6j5lf6lzus],
.empty-state[b-6j5lf6lzus] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: #6b7280;
}

.empty-state i[b-6j5lf6lzus] {
    font-size: 2.5rem;
    color: #f59e0b;
    margin-bottom: 1rem;
}

/* Page Header - Compact */
.page-header[b-6j5lf6lzus] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}

.back-btn[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f3f4f6;
    color: #6b7280;
    text-decoration: none;
    transition: all 0.2s;
}

.back-btn:hover[b-6j5lf6lzus] {
    background: #e5e7eb;
    color: #374151;
}

.header-info[b-6j5lf6lzus] {
    flex: 1;
    min-width: 0;
}

.header-badges[b-6j5lf6lzus] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.badge-id[b-6j5lf6lzus] {
    background: #4f46e5;
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
}

.badge-class[b-6j5lf6lzus] {
    background: #e0e7ff;
    color: #4338ca;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
}

.badge-status[b-6j5lf6lzus] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
}

.badge-status.pending[b-6j5lf6lzus] {
    background: #fef3c7;
    color: #d97706;
}

.badge-status.approved[b-6j5lf6lzus] {
    background: #d1fae5;
    color: #059669;
}

.header-info h1[b-6j5lf6lzus] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    line-height: 1.3;
}

.sent-info[b-6j5lf6lzus] {
    font-size: 0.8rem;
    color: #6b7280;
    margin: 0.25rem 0 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.sent-info i[b-6j5lf6lzus] {
    color: #4f46e5;
    font-size: 0.7rem;
}

.header-actions[b-6j5lf6lzus] {
    display: flex;
    gap: 0.5rem;
}

.btn-reject-sm[b-6j5lf6lzus] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fca5a5;
    background: #fef2f2;
    color: #ef4444;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-reject-sm:hover[b-6j5lf6lzus] {
    background: #fee2e2;
}

.btn-approve-sm[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-approve-sm:hover:not(:disabled)[b-6j5lf6lzus] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

/* Alert Toast */
.alert-toast[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    font-size: 0.85rem;
}

.alert-toast.error[b-6j5lf6lzus] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.alert-toast.success[b-6j5lf6lzus] {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
}

.alert-toast button[b-6j5lf6lzus] {
    margin-left: auto;
    background: none;
    border: none;
    color: inherit;
    opacity: 0.6;
    cursor: pointer;
}

/* Journey Card */
.journey-card[b-6j5lf6lzus] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.journey-header[b-6j5lf6lzus] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.journey-title[b-6j5lf6lzus] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.journey-title i[b-6j5lf6lzus] {
    color: #4f46e5;
}

.journey-progress[b-6j5lf6lzus] {
    font-size: 0.75rem;
    color: #6b7280;
}

.journey-steps[b-6j5lf6lzus] {
    display: flex;
    gap: 0.25rem;
}

.journey-step[b-6j5lf6lzus] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    position: relative;
}

.journey-step[b-6j5lf6lzus]::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #e5e7eb;
    z-index: 0;
}

.journey-step:last-child[b-6j5lf6lzus]::after {
    display: none;
}

.journey-step.complete[b-6j5lf6lzus]::after {
    background: #10b981;
}

.step-dot[b-6j5lf6lzus] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f3f4f6;
    border: 2px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 600;
    color: #9ca3af;
    z-index: 1;
    position: relative;
}

.journey-step.complete .step-dot[b-6j5lf6lzus] {
    background: #10b981;
    border-color: #10b981;
    color: white;
}

.journey-step.current .step-dot[b-6j5lf6lzus] {
    border-color: #4f46e5;
    color: #4f46e5;
    background: #eef2ff;
}

.journey-step.pending .step-dot[b-6j5lf6lzus] {
    border-color: #f59e0b;
    color: #f59e0b;
    background: #fffbeb;
}

.step-label[b-6j5lf6lzus] {
    font-size: 0.65rem;
    color: #9ca3af;
    text-align: center;
    white-space: nowrap;
}

.journey-step.complete .step-label[b-6j5lf6lzus] {
    color: #059669;
}

.journey-step.current .step-label[b-6j5lf6lzus] {
    color: #4f46e5;
    font-weight: 500;
}

/* Two Column Layout */
.content-layout[b-6j5lf6lzus] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.content-column[b-6j5lf6lzus] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Info Cards - Compact */
.info-card[b-6j5lf6lzus] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.75rem;
}

.info-card.compact[b-6j5lf6lzus] {
    padding: 0.75rem;
}

.info-card.test-pass[b-6j5lf6lzus] {
    border-color: #86efac;
    background: linear-gradient(135deg, #f0fdf4, #fff);
}

.info-card.test-fail[b-6j5lf6lzus] {
    border-color: #fca5a5;
    background: linear-gradient(135deg, #fef2f2, #fff);
}

.card-header-mini[b-6j5lf6lzus] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.card-header-mini i[b-6j5lf6lzus] {
    color: #4f46e5;
}

.count-pill[b-6j5lf6lzus] {
    margin-left: auto;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    font-size: 0.7rem;
    background: #f3f4f6;
    color: #6b7280;
}

.count-pill.complete[b-6j5lf6lzus] {
    background: #d1fae5;
    color: #059669;
}

.count-pill.partial[b-6j5lf6lzus] {
    background: #fef3c7;
    color: #d97706;
}

/* Photos Row - Equal Size */
.photos-row[b-6j5lf6lzus] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.photo-box[b-6j5lf6lzus] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
}

.photo-box img[b-6j5lf6lzus] {
    width: 60px;
    height: 75px;
    border-radius: 6px;
    object-fit: cover;
    border: 2px solid #e5e7eb;
    background: #f9fafb;
}

.photo-label[b-6j5lf6lzus] {
    font-size: 0.6875rem;
    color: #6b7280;
    font-weight: 500;
}

/* Details Grid */
.details-grid[b-6j5lf6lzus] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.625rem 1rem;
}

.detail-item[b-6j5lf6lzus] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.detail-label[b-6j5lf6lzus] {
    font-size: 0.6875rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.detail-value[b-6j5lf6lzus] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #111827;
}

/* Parents Grid */
.parents-grid[b-6j5lf6lzus] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.parent-col[b-6j5lf6lzus] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.5rem;
    background: #f9fafb;
    border-radius: 6px;
}

.parent-type[b-6j5lf6lzus] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: #9ca3af;
    letter-spacing: 0.5px;
}

.parent-name[b-6j5lf6lzus] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #1f2937;
}

.parent-detail[b-6j5lf6lzus] {
    font-size: 0.75rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.parent-detail i[b-6j5lf6lzus] {
    font-size: 0.65rem;
    color: #9ca3af;
    width: 12px;
}

/* Address */
.address-text[b-6j5lf6lzus] {
    font-size: 0.8rem;
    color: #374151;
    line-height: 1.5;
    margin: 0;
    padding: 0.5rem;
    background: #f9fafb;
    border-radius: 6px;
}

/* Test Result */
.test-result[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
}

.test-badge[b-6j5lf6lzus] {
    padding: 0.3rem 0.75rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
}

.test-badge.pass[b-6j5lf6lzus] {
    background: #d1fae5;
    color: #059669;
}

.test-badge.fail[b-6j5lf6lzus] {
    background: #fee2e2;
    color: #dc2626;
}

.test-score[b-6j5lf6lzus] {
    display: flex;
    align-items: baseline;
    gap: 0.2rem;
}

.test-score .score[b-6j5lf6lzus] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
}

.test-score .max[b-6j5lf6lzus] {
    font-size: 0.8rem;
    color: #6b7280;
}

.test-date[b-6j5lf6lzus] {
    margin-left: auto;
    font-size: 0.75rem;
    color: #9ca3af;
}

.test-pending[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 6px;
    color: #9ca3af;
    font-size: 0.8rem;
}

/* Fee List */
.fee-list[b-6j5lf6lzus] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.fee-item[b-6j5lf6lzus] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background: #f0fdf4;
    border-radius: 6px;
    border-left: 3px solid #10b981;
}

.fee-info[b-6j5lf6lzus] {
    display: flex;
    flex-direction: column;
}

.fee-type[b-6j5lf6lzus] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #374151;
}

.fee-date[b-6j5lf6lzus] {
    font-size: 0.7rem;
    color: #6b7280;
}

.fee-amount[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #059669;
}

.fee-empty[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #fef3c7;
    border-radius: 6px;
    color: #d97706;
    font-size: 0.8rem;
}

/* Checklist */
.checklist[b-6j5lf6lzus] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.checklist-item[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.5rem;
    border-radius: 6px;
    transition: background 0.2s;
}

.checklist-item:hover[b-6j5lf6lzus] {
    background: #f9fafb;
}

.checklist-item i[b-6j5lf6lzus] {
    font-size: 0.85rem;
    color: #d1d5db;
}

.checklist-item.done i[b-6j5lf6lzus] {
    color: #10b981;
}

.item-name[b-6j5lf6lzus] {
    flex: 1;
    font-size: 0.8rem;
    color: #374151;
}

.checklist-item.done .item-name[b-6j5lf6lzus] {
    color: #059669;
}

.req-dot[b-6j5lf6lzus] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f59e0b;
}

.item-date[b-6j5lf6lzus],
.item-signer[b-6j5lf6lzus] {
    font-size: 0.7rem;
    color: #9ca3af;
}

/* Clickable document items */
.checklist-item.clickable[b-6j5lf6lzus] {
    cursor: pointer;
}

.checklist-item.clickable:hover[b-6j5lf6lzus] {
    background: #eef2ff;
    border-left: 2px solid #4f46e5;
}

.view-icon[b-6j5lf6lzus] {
    font-size: 0.7rem !important;
    color: #4f46e5 !important;
    margin-left: 0.25rem;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.checklist-item.clickable:hover .view-icon[b-6j5lf6lzus] {
    opacity: 1;
}

/* Sticky Action Bar */
.action-bar[b-6j5lf6lzus] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #e5e7eb;
    padding: 0.75rem 1rem;
    z-index: 100;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
}

.action-bar.approved[b-6j5lf6lzus] {
    background: linear-gradient(135deg, #d1fae5, #cffafe);
}

.action-bar-content[b-6j5lf6lzus] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.action-summary[b-6j5lf6lzus] {
    display: flex;
    gap: 1rem;
}

.summary-item[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: #6b7280;
    padding: 0.35rem 0.75rem;
    background: #f3f4f6;
    border-radius: 6px;
}

.summary-item.complete[b-6j5lf6lzus] {
    background: #d1fae5;
    color: #059669;
}

.summary-item.partial[b-6j5lf6lzus] {
    background: #fef3c7;
    color: #d97706;
}

.action-buttons[b-6j5lf6lzus] {
    display: flex;
    gap: 0.75rem;
}

.btn-reject[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1rem;
    background: #fff;
    color: #6b7280;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-reject:hover:not(:disabled)[b-6j5lf6lzus] {
    border-color: #ef4444;
    color: #ef4444;
    background: #fef2f2;
}

.btn-approve[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-approve:hover:not(:disabled)[b-6j5lf6lzus] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.btn-approve:disabled[b-6j5lf6lzus],
.btn-reject:disabled[b-6j5lf6lzus] {
    opacity: 0.6;
    cursor: not-allowed;
}

.approved-msg[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.approved-msg > i[b-6j5lf6lzus] {
    font-size: 1.5rem;
    color: #059669;
}

.approved-msg strong[b-6j5lf6lzus] {
    color: #059669;
    display: block;
}

.approved-msg span[b-6j5lf6lzus] {
    font-size: 0.8rem;
    color: #6b7280;
}

.btn-proceed[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1rem;
    background: #4f46e5;
    color: white;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.85rem;
    transition: all 0.2s;
}

.btn-proceed:hover[b-6j5lf6lzus] {
    background: #4338ca;
    color: white;
}

/* Modal */
.modal-overlay[b-6j5lf6lzus] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-box[b-6j5lf6lzus] {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.modal-header[b-6j5lf6lzus] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h3[b-6j5lf6lzus] {
    margin: 0;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #374151;
}

.modal-header button[b-6j5lf6lzus] {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    padding: 0.5rem;
}

.modal-body[b-6j5lf6lzus] {
    padding: 1rem;
}

.modal-body label[b-6j5lf6lzus] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #374151;
}

.modal-body textarea[b-6j5lf6lzus] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    resize: vertical;
    font-family: inherit;
    font-size: 0.85rem;
}

.modal-body textarea:focus[b-6j5lf6lzus] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

.modal-footer[b-6j5lf6lzus] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem;
    border-top: 1px solid #e5e7eb;
}

.btn-cancel[b-6j5lf6lzus] {
    padding: 0.5rem 1rem;
    background: #f3f4f6;
    color: #374151;
    border: none;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-send-back[b-6j5lf6lzus] {
    padding: 0.5rem 1rem;
    background: #f59e0b;
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-send-back:disabled[b-6j5lf6lzus] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Form Modal (larger) */
.modal-box.form-modal[b-6j5lf6lzus] {
    max-width: 900px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
}

.form-modal-body[b-6j5lf6lzus] {
    overflow-y: auto;
    padding: 1.5rem !important;
    max-height: calc(85vh - 130px);
}

.form-grid[b-6j5lf6lzus] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
}

.form-section[b-6j5lf6lzus] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 1rem;
}

.form-section h4[b-6j5lf6lzus] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
    margin: 0 0 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-section h4 i[b-6j5lf6lzus] {
    color: #4f46e5;
    font-size: 0.8rem;
}

.form-section.remarks-section[b-6j5lf6lzus] {
    grid-column: 1 / -1;
    background: #fef3c7;
    border-color: #f59e0b;
}

.form-section.remarks-section h4[b-6j5lf6lzus] {
    color: #92400e;
    border-bottom-color: #fcd34d;
}

.form-section.remarks-section h4 i[b-6j5lf6lzus] {
    color: #f59e0b;
}

.remarks-content[b-6j5lf6lzus] {
    font-size: 0.85rem;
    color: #78350f;
    line-height: 1.5;
    white-space: pre-wrap;
}

.btn-close-modal[b-6j5lf6lzus] {
    padding: 0.6rem 1.25rem;
    background: #f3f4f6;
    color: #374151;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-close-modal:hover[b-6j5lf6lzus] {
    background: #e5e7eb;
}

.btn-print[b-6j5lf6lzus] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1.25rem;
    background: #4f46e5;
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-print:hover[b-6j5lf6lzus] {
    background: #4338ca;
}

/* Undertaking Preview */
.undertaking-preview[b-6j5lf6lzus] {
    padding: 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.undertaking-preview h1[b-6j5lf6lzus],
.undertaking-preview h2[b-6j5lf6lzus],
.undertaking-preview h3[b-6j5lf6lzus] {
    color: #1f2937;
}

.undertaking-preview table[b-6j5lf6lzus] {
    width: 100%;
    border-collapse: collapse;
}

.undertaking-preview table td[b-6j5lf6lzus],
.undertaking-preview table th[b-6j5lf6lzus] {
    padding: 0.5rem;
    border: 1px solid #e5e7eb;
    font-size: 0.85rem;
}

/* Signature Section */
.signature-section[b-6j5lf6lzus] {
    margin-top: 1rem;
    padding: 1rem;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 8px;
}

.signed-badge[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: #059669;
}

.signed-badge i[b-6j5lf6lzus] {
    font-size: 1.25rem;
}

.saved-signature[b-6j5lf6lzus] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: #fff;
    border: 1px dashed #86efac;
    border-radius: 6px;
    text-align: center;
}

.saved-signature img[b-6j5lf6lzus] {
    max-width: 200px;
    max-height: 80px;
}

.detail-grid[b-6j5lf6lzus] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.detail-row[b-6j5lf6lzus] {
    display: flex;
    justify-content: space-between;
    padding: 0.3rem 0;
    border-bottom: 1px dotted #e5e7eb;
}

.detail-row:last-child[b-6j5lf6lzus] {
    border-bottom: none;
}

.detail-row .label[b-6j5lf6lzus] {
    font-size: 0.75rem;
    color: #9ca3af;
    min-width: 100px;
}

.detail-row .value[b-6j5lf6lzus] {
    font-size: 0.8rem;
    color: #374151;
    text-align: right;
    flex: 1;
    word-break: break-word;
}

/* Dark Theme */
:root.dark .info-card[b-6j5lf6lzus],
:root.dark .journey-card[b-6j5lf6lzus],
:root.dark .page-header[b-6j5lf6lzus],
:root.dark .detail-section[b-6j5lf6lzus],
[data-theme="dark"] .info-card[b-6j5lf6lzus],
[data-theme="dark"] .journey-card[b-6j5lf6lzus],
[data-theme="dark"] .page-header[b-6j5lf6lzus],
[data-theme="dark"] .detail-section[b-6j5lf6lzus] {
    background: #1f2937;
    border-color: #374151;
}

:root.dark .form-view-card[b-6j5lf6lzus],
[data-theme="dark"] .form-view-card[b-6j5lf6lzus] {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
    border-color: #4338ca;
}

:root.dark .form-view-title[b-6j5lf6lzus],
[data-theme="dark"] .form-view-title[b-6j5lf6lzus] {
    color: #e0e7ff;
}

:root.dark .form-section[b-6j5lf6lzus],
[data-theme="dark"] .form-section[b-6j5lf6lzus] {
    background: #374151;
    border-color: #4b5563;
}

:root.dark .form-section h4[b-6j5lf6lzus],
[data-theme="dark"] .form-section h4[b-6j5lf6lzus] {
    color: #e5e7eb;
    border-bottom-color: #4b5563;
}

:root.dark .modal-box.form-modal[b-6j5lf6lzus],
[data-theme="dark"] .modal-box.form-modal[b-6j5lf6lzus] {
    background: #1f2937;
}

:root.dark .remarks-section[b-6j5lf6lzus],
[data-theme="dark"] .remarks-section[b-6j5lf6lzus] {
    background: #422006;
    border-color: #78350f;
}

:root.dark .remarks-content[b-6j5lf6lzus],
[data-theme="dark"] .remarks-content[b-6j5lf6lzus] {
    color: #fcd34d;
}

:root.dark .action-bar[b-6j5lf6lzus],
[data-theme="dark"] .action-bar[b-6j5lf6lzus] {
    background: #1f2937;
    border-color: #374151;
}

/* Responsive */
@media (max-width: 768px) {
    .content-layout[b-6j5lf6lzus] {
        grid-template-columns: 1fr;
    }

    .page-header[b-6j5lf6lzus] {
        flex-wrap: wrap;
    }

    .header-actions[b-6j5lf6lzus] {
        width: 100%;
        justify-content: flex-end;
    }

    .journey-steps[b-6j5lf6lzus] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .journey-step[b-6j5lf6lzus]::after {
        display: none;
    }

    .action-bar-content[b-6j5lf6lzus] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .action-summary[b-6j5lf6lzus] {
        width: 100%;
        justify-content: center;
    }

    .action-buttons[b-6j5lf6lzus] {
        width: 100%;
    }

    .btn-approve[b-6j5lf6lzus],
    .btn-reject[b-6j5lf6lzus] {
        flex: 1;
        justify-content: center;
    }

    .parents-grid[b-6j5lf6lzus] {
        grid-template-columns: 1fr;
    }

    .details-grid[b-6j5lf6lzus] {
        grid-template-columns: 1fr;
    }

    .photos-row[b-6j5lf6lzus] {
        gap: 0.75rem;
    }

    .photo-box img[b-6j5lf6lzus] {
        width: 50px;
        height: 62px;
    }
}

/* Transport Section */
.transport-info[b-6j5lf6lzus] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.transport-badge[b-6j5lf6lzus] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.transport-badge.required[b-6j5lf6lzus] {
    background: #dcfce7;
    color: #15803d;
}

.transport-detail[b-6j5lf6lzus] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.8125rem;
}

.transport-detail .label[b-6j5lf6lzus] {
    color: #6b7280;
    min-width: 80px;
}

.transport-detail .value[b-6j5lf6lzus] {
    color: #111827;
    font-weight: 500;
}

.transport-not-required[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #6b7280;
    font-size: 0.8125rem;
}

.transport-not-required i[b-6j5lf6lzus] {
    color: #9ca3af;
}

/* Siblings Section */
.siblings-list[b-6j5lf6lzus] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sibling-item[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
    background: #f9fafb;
    border-radius: 8px;
    flex-wrap: wrap;
}

.sibling-name[b-6j5lf6lzus] {
    font-weight: 500;
    color: #111827;
    font-size: 0.8125rem;
}

.sibling-class[b-6j5lf6lzus] {
    color: #6b7280;
    font-size: 0.75rem;
}

.sibling-srno[b-6j5lf6lzus] {
    margin-left: auto;
    padding: 0.125rem 0.5rem;
    background: #e0e7ff;
    color: #3730a3;
    border-radius: 10px;
    font-size: 0.6875rem;
    font-weight: 500;
}

/* View Form Card */
.form-view-card[b-6j5lf6lzus] {
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid #e0e7ff;
    background: linear-gradient(135deg, #f8faff 0%, #eef2ff 100%);
}

.form-view-card:hover[b-6j5lf6lzus] {
    border-color: #818cf8;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
    transform: translateY(-2px);
}

.form-view-content[b-6j5lf6lzus] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.25rem 0;
}

.form-view-icon[b-6j5lf6lzus] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1rem;
}

.form-view-text[b-6j5lf6lzus] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.form-view-title[b-6j5lf6lzus] {
    font-weight: 600;
    color: #1e1b4b;
    font-size: 0.875rem;
}

.form-view-subtitle[b-6j5lf6lzus] {
    color: #6b7280;
    font-size: 0.75rem;
}

.form-view-arrow[b-6j5lf6lzus] {
    color: #6366f1;
    font-size: 0.875rem;
}
/* /Areas/Administrative/Pages/AdmissionCounsellor/Admissions/PendingReviews.razor.rz.scp.css */
/* Pending Reviews Page */

.pending-reviews-page[b-lymuebaxla] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Header */
.page-header[b-lymuebaxla] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.page-header h1[b-lymuebaxla] {
    font-size: 1.5rem;
    color: #1f2937;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-header h1 i[b-lymuebaxla] {
    color: #4f46e5;
}

.header-subtitle[b-lymuebaxla] {
    color: #6b7280;
    margin: 0.25rem 0 0;
}

.header-stats[b-lymuebaxla] {
    display: flex;
    gap: 1rem;
}

.stat-badge[b-lymuebaxla] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    border-radius: 12px;
    border: 1px solid #fcd34d;
}

.stat-value[b-lymuebaxla] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #d97706;
}

.stat-label[b-lymuebaxla] {
    font-size: 0.75rem;
    color: #92400e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Loading & Empty States */
.loading-state[b-lymuebaxla],
.empty-state[b-lymuebaxla] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.empty-state .empty-icon[b-lymuebaxla] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.empty-state .empty-icon i[b-lymuebaxla] {
    font-size: 2.5rem;
    color: #059669;
}

.empty-state h3[b-lymuebaxla] {
    color: #1f2937;
    margin-bottom: 0.5rem;
}

.empty-state p[b-lymuebaxla] {
    color: #6b7280;
}

/* Reviews Grid */
.reviews-grid[b-lymuebaxla] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
}

/* Review Card */
.review-card[b-lymuebaxla] {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.review-card:hover[b-lymuebaxla] {
    border-color: #a5b4fc;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.1);
    transform: translateY(-2px);
}

.card-header[b-lymuebaxla] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.app-badge[b-lymuebaxla] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #4f46e5;
    background: #eef2ff;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
}

.pending-badge[b-lymuebaxla] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    color: #d97706;
    background: #fef3c7;
    padding: 0.25rem 0.6rem;
    border-radius: 20px;
    font-weight: 500;
}

.card-body[b-lymuebaxla] {
    padding: 1rem;
}

.student-info h3[b-lymuebaxla] {
    font-size: 1.1rem;
    color: #1f2937;
    margin: 0 0 0.25rem;
}

.class-info[b-lymuebaxla] {
    font-size: 0.85rem;
    color: #6b7280;
    margin: 0 0 0.75rem;
}

.parent-info[b-lymuebaxla] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 8px;
    margin-bottom: 0.75rem;
}

.info-row[b-lymuebaxla] {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
}

.info-row .label[b-lymuebaxla] {
    color: #6b7280;
}

.info-row .value[b-lymuebaxla] {
    color: #374151;
    font-weight: 500;
}

.sent-date[b-lymuebaxla] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #9ca3af;
}

.sent-date i[b-lymuebaxla] {
    color: #4f46e5;
}

.card-footer[b-lymuebaxla] {
    padding: 0.75rem 1rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

.review-btn[b-lymuebaxla] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.6rem 1rem;
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: white;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s;
}

.review-btn:hover[b-lymuebaxla] {
    background: linear-gradient(135deg, #4338ca, #4f46e5);
    color: white;
    transform: translateY(-1px);
}

/* Dark Theme */
:root.dark .pending-reviews-page[b-lymuebaxla],
[data-theme="dark"] .pending-reviews-page[b-lymuebaxla] {
    color: #e5e7eb;
}

:root.dark .page-header[b-lymuebaxla],
[data-theme="dark"] .page-header[b-lymuebaxla] {
    border-color: #374151;
}

:root.dark .page-header h1[b-lymuebaxla],
[data-theme="dark"] .page-header h1[b-lymuebaxla] {
    color: #f3f4f6;
}

:root.dark .review-card[b-lymuebaxla],
[data-theme="dark"] .review-card[b-lymuebaxla] {
    background: #1f2937;
    border-color: #374151;
}

:root.dark .card-header[b-lymuebaxla],
:root.dark .card-footer[b-lymuebaxla],
:root.dark .parent-info[b-lymuebaxla],
[data-theme="dark"] .card-header[b-lymuebaxla],
[data-theme="dark"] .card-footer[b-lymuebaxla],
[data-theme="dark"] .parent-info[b-lymuebaxla] {
    background: #111827;
}

:root.dark .student-info h3[b-lymuebaxla],
[data-theme="dark"] .student-info h3[b-lymuebaxla] {
    color: #f3f4f6;
}

/* Responsive */
@media (max-width: 640px) {
    .page-header[b-lymuebaxla] {
        flex-direction: column;
        gap: 1rem;
    }

    .reviews-grid[b-lymuebaxla] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Administrative/Pages/AdmissionCounsellor/Enquiries/Create.razor.rz.scp.css */
/* ========================================
   Admission Form Design System - Theme Aware
   ======================================== */

/* CSS Variables */
.page-container[b-5dxjq1umyz] {
    --primary: #3b82f6;
    --primary-light: #60a5fa;
    --primary-dark: #2563eb;
    --success: #10b981;
    --success-light: rgba(16, 185, 129, 0.15);
    --warning: #f59e0b;
    --warning-light: rgba(245, 158, 11, 0.15);
    --danger: #ef4444;
    --info: #06b6d4;
    --purple: #8b5cf6;
    --orange: #f97316;
    --teal: #14b8a6;
    --indigo: #6366f1;

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.12);

    padding: 1.5rem;
    background: var(--bg-primary, #f8fafc);
    min-height: 100vh;
    color: var(--text-primary, #0f172a);
}

/* Page Header */
.page-header[b-5dxjq1umyz] {
    margin-bottom: 1.5rem;
}

.page-header .breadcrumb[b-5dxjq1umyz] {
    font-size: 0.8125rem;
    margin-bottom: 0.5rem;
}

.page-header .breadcrumb-item a[b-5dxjq1umyz] {
    color: var(--text-secondary, #64748b);
    text-decoration: none;
}

.page-header .breadcrumb-item a:hover[b-5dxjq1umyz] {
    color: var(--primary);
}

.page-header .breadcrumb-item.active[b-5dxjq1umyz] {
    color: var(--text-muted, #94a3b8);
}

.page-header h1[b-5dxjq1umyz] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
    margin: 0 0 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-header h1 i[b-5dxjq1umyz] {
    color: var(--primary);
}

.page-header .text-muted[b-5dxjq1umyz] {
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b) !important;
    margin: 0;
}

/* Alerts */
.alert[b-5dxjq1umyz] {
    border-radius: var(--radius);
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    border: none;
}

.alert-danger[b-5dxjq1umyz] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-5dxjq1umyz] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-warning[b-5dxjq1umyz] {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.alert-info[b-5dxjq1umyz] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.alert .btn-close[b-5dxjq1umyz] {
    margin-left: auto;
    opacity: 0.6;
}

/* Card Base Styling */
.card[b-5dxjq1umyz] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.card:hover[b-5dxjq1umyz] {
    box-shadow: var(--shadow-md);
}

.card-header[b-5dxjq1umyz] {
    padding: 0.875rem 1.25rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.card-header h5[b-5dxjq1umyz] {
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: var(--text-primary, #0f172a);
}

.card-header h5 i[b-5dxjq1umyz] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
}

.card-body[b-5dxjq1umyz] {
    padding: 1.25rem;
    background: var(--card-bg, #ffffff);
}

/* Section Themes */
.section-student .card-header[b-5dxjq1umyz] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.15) 100%);
}

.section-student .card-header h5[b-5dxjq1umyz] {
    color: #2563eb;
}

.section-student .card-header h5 i[b-5dxjq1umyz] {
    background: var(--primary);
    color: white;
}

.section-parent .card-header[b-5dxjq1umyz] {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(139, 92, 246, 0.15) 100%);
}

.section-parent .card-header h5[b-5dxjq1umyz] {
    color: #7c3aed;
}

.section-parent .card-header h5 i[b-5dxjq1umyz] {
    background: var(--purple);
    color: white;
}

.section-school .card-header[b-5dxjq1umyz] {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.08) 0%, rgba(249, 115, 22, 0.15) 100%);
}

.section-school .card-header h5[b-5dxjq1umyz] {
    color: #ea580c;
}

.section-school .card-header h5 i[b-5dxjq1umyz] {
    background: var(--orange);
    color: white;
}

.section-sibling .card-header[b-5dxjq1umyz] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.08) 0%, rgba(20, 184, 166, 0.15) 100%);
}

.section-sibling .card-header h5[b-5dxjq1umyz] {
    color: #0d9488;
}

.section-sibling .card-header h5 i[b-5dxjq1umyz] {
    background: var(--teal);
    color: white;
}

.section-details .card-header[b-5dxjq1umyz] {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(99, 102, 241, 0.15) 100%);
}

.section-details .card-header h5[b-5dxjq1umyz] {
    color: #4f46e5;
}

.section-details .card-header h5 i[b-5dxjq1umyz] {
    background: var(--indigo);
    color: white;
}

/* Form Labels */
.form-label[b-5dxjq1umyz] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.375rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

/* Form Controls */
.form-control[b-5dxjq1umyz],
.form-select[b-5dxjq1umyz] {
    font-size: 0.875rem;
    padding: 0.625rem 0.875rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--input-border, #e2e8f0);
    background-color: var(--input-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    transition: all 0.2s ease;
    height: auto;
}

.form-control[b-5dxjq1umyz]::placeholder {
    color: var(--text-muted, #94a3b8);
}

.form-control:focus[b-5dxjq1umyz],
.form-select:focus[b-5dxjq1umyz] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    background-color: var(--input-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    outline: none;
}

.form-select[b-5dxjq1umyz] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-size: 14px 10px;
}

/* Input Group */
.input-group .form-control[b-5dxjq1umyz] {
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.input-group .btn[b-5dxjq1umyz] {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    border: 1px solid var(--input-border, #e2e8f0);
    border-left: none;
}

.input-group .btn-outline-secondary[b-5dxjq1umyz] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-secondary, #64748b);
}

.input-group .btn-outline-secondary:hover[b-5dxjq1umyz] {
    background: var(--bg-tertiary, #e2e8f0);
    color: var(--text-primary, #0f172a);
}

.input-group .btn-outline-primary[b-5dxjq1umyz] {
    background: transparent;
    color: var(--primary);
    border-color: var(--primary);
}

.input-group .btn-outline-primary:hover[b-5dxjq1umyz] {
    background: var(--primary);
    color: white;
}

/* Row Spacing */
.row.g-3[b-5dxjq1umyz] {
    --bs-gutter-y: 1rem;
    --bs-gutter-x: 1rem;
}

/* Validation */
.validation-message[b-5dxjq1umyz] {
    font-size: 0.75rem;
    color: var(--danger);
    margin-top: 0.25rem;
}

.is-invalid[b-5dxjq1umyz] {
    border-color: var(--danger) !important;
}

.invalid-feedback[b-5dxjq1umyz] {
    display: block;
    font-size: 0.75rem;
    color: var(--danger);
    margin-top: 0.25rem;
}

/* Helper Text */
.text-muted[b-5dxjq1umyz] {
    color: var(--text-muted, #94a3b8) !important;
}

.text-info[b-5dxjq1umyz] {
    color: var(--info) !important;
}

small.text-muted[b-5dxjq1umyz],
small.text-info[b-5dxjq1umyz] {
    font-size: 0.75rem;
    display: block;
    margin-top: 0.25rem;
}

/* Badge */
.badge[b-5dxjq1umyz] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 10px;
}

.badge.bg-info[b-5dxjq1umyz] {
    background: rgba(6, 182, 212, 0.15) !important;
    color: #0891b2;
}

.badge.bg-success[b-5dxjq1umyz] {
    background: var(--success) !important;
}

.badge.bg-warning[b-5dxjq1umyz] {
    background: var(--warning) !important;
}

.badge.bg-secondary[b-5dxjq1umyz] {
    background: var(--bg-secondary, #f1f5f9) !important;
    color: var(--text-secondary, #64748b);
}

/* List Group for Siblings */
.list-group[b-5dxjq1umyz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.list-group-item[b-5dxjq1umyz] {
    border-radius: var(--radius) !important;
    border: 1px solid var(--border-color, #e2e8f0);
    background: var(--card-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    margin: 0;
}

.list-group-item:hover[b-5dxjq1umyz] {
    background: var(--bg-secondary, #f8fafc);
    border-color: var(--primary-light);
}

.list-group-item.active[b-5dxjq1umyz] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.list-group-item small[b-5dxjq1umyz] {
    color: var(--text-muted, #94a3b8);
}

.list-group-item.active small[b-5dxjq1umyz] {
    color: rgba(255, 255, 255, 0.85);
}

/* School Autocomplete */
.school-suggestions[b-5dxjq1umyz] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-top: none;
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    box-shadow: var(--shadow-md);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
}

.suggestion-item[b-5dxjq1umyz] {
    padding: 0.625rem 0.875rem;
    cursor: pointer;
    border-bottom: 1px solid var(--border-color, #f1f5f9);
    font-size: 0.8125rem;
    color: var(--text-primary, #0f172a);
    transition: background 0.15s;
}

.suggestion-item:last-child[b-5dxjq1umyz] {
    border-bottom: none;
}

.suggestion-item:hover[b-5dxjq1umyz] {
    background: var(--bg-secondary, #f8fafc);
}

.suggestion-item strong[b-5dxjq1umyz] {
    color: var(--primary);
}

/* Buttons */
.btn[b-5dxjq1umyz] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn-lg[b-5dxjq1umyz] {
    font-size: 0.9375rem;
    padding: 0.75rem 1.5rem;
}

.btn-success[b-5dxjq1umyz] {
    background: linear-gradient(135deg, var(--success) 0%, #059669 100%);
    border: none;
    color: white;
}

.btn-success:hover[b-5dxjq1umyz] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: white;
}

.btn-warning[b-5dxjq1umyz] {
    background: linear-gradient(135deg, var(--warning) 0%, #d97706 100%);
    border: none;
    color: white;
}

.btn-warning:hover[b-5dxjq1umyz] {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    color: white;
}

.btn-outline-primary[b-5dxjq1umyz] {
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}

.btn-outline-primary:hover[b-5dxjq1umyz] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.btn-outline-secondary[b-5dxjq1umyz] {
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-secondary, #64748b);
}

.btn-outline-secondary:hover[b-5dxjq1umyz] {
    background: var(--bg-secondary, #f1f5f9);
    border-color: var(--border-color, #e2e8f0);
    color: var(--text-primary, #0f172a);
}

.btn:disabled[b-5dxjq1umyz] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* D-Grid */
.d-grid[b-5dxjq1umyz] {
    display: grid;
}

.d-grid.gap-2[b-5dxjq1umyz] {
    gap: 0.625rem;
}

/* Form Check */
.form-check[b-5dxjq1umyz] {
    padding: 0.75rem 1rem;
    background: var(--bg-secondary, #f8fafc);
    border-radius: var(--radius);
    border: 1px solid var(--border-color, #e2e8f0);
}

.form-check-input[b-5dxjq1umyz] {
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.125rem;
    border: 2px solid var(--border-color, #cbd5e1);
    border-radius: 4px;
}

.form-check-input:checked[b-5dxjq1umyz] {
    background-color: var(--warning);
    border-color: var(--warning);
}

.form-check-label[b-5dxjq1umyz] {
    font-size: 0.875rem;
    color: var(--text-primary, #0f172a);
}

.form-check-label small[b-5dxjq1umyz] {
    font-size: 0.75rem;
    color: var(--text-muted, #94a3b8);
}

/* Spinner */
.spinner-border-sm[b-5dxjq1umyz] {
    width: 1rem;
    height: 1rem;
    border-width: 2px;
}

/* Card Margins */
.mb-4[b-5dxjq1umyz] {
    margin-bottom: 1.25rem !important;
}

.mb-3[b-5dxjq1umyz] {
    margin-bottom: 0.875rem !important;
}

.mb-0[b-5dxjq1umyz] {
    margin-bottom: 0 !important;
}

.mt-2[b-5dxjq1umyz] {
    margin-top: 0.5rem !important;
}

/* Position Relative */
.position-relative[b-5dxjq1umyz] {
    position: relative;
}

/* Border Info */
.border-info[b-5dxjq1umyz] {
    border-color: var(--info) !important;
}

/* Responsive */
@media (max-width: 991px) {
    .page-container[b-5dxjq1umyz] {
        padding: 1rem;
    }

    .col-lg-8[b-5dxjq1umyz],
    .col-lg-4[b-5dxjq1umyz] {
        width: 100%;
    }

    .col-lg-4[b-5dxjq1umyz] {
        margin-top: 1rem;
    }
}

@media (max-width: 768px) {
    .page-header h1[b-5dxjq1umyz] {
        font-size: 1.25rem;
    }

    .card-body[b-5dxjq1umyz] {
        padding: 1rem;
    }

    .row.g-3[b-5dxjq1umyz] {
        --bs-gutter-y: 0.75rem;
        --bs-gutter-x: 0.75rem;
    }
}
/* /Areas/Administrative/Pages/AdmissionCounsellor/Enquiries/Detail.razor.rz.scp.css */
/* ========================================
   Enquiry Detail Page - Theme Aware
   ======================================== */

.enquiry-detail-page[b-pbqkewwv2t] {
    --primary: #3b82f6;
    --primary-light: #60a5fa;
    --primary-dark: #2563eb;
    --success: #10b981;
    --success-light: rgba(16, 185, 129, 0.15);
    --warning: #f59e0b;
    --warning-light: rgba(245, 158, 11, 0.15);
    --danger: #ef4444;
    --danger-light: rgba(239, 68, 68, 0.15);
    --info: #06b6d4;
    --info-light: rgba(6, 182, 212, 0.15);

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 8px rgba(0,0,0,0.15);
    --shadow-lg: 0 10px 20px rgba(0,0,0,0.2);

    padding: 0;
    background: var(--bg-primary, #f8fafc);
    min-height: 100vh;
    color: var(--text-primary, #0f172a);
}

/* Loading & Empty States */
.loading-state[b-pbqkewwv2t],
.empty-state[b-pbqkewwv2t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    color: var(--text-secondary, #64748b);
}

.loading-state .spinner[b-pbqkewwv2t] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-color, #e2e8f0);
    border-top-color: var(--primary);
    border-radius: 50%;
    animation: spin-b-pbqkewwv2t 0.8s linear infinite;
}

.empty-state i[b-pbqkewwv2t] {
    font-size: 3rem;
    color: var(--warning);
    margin-bottom: 1rem;
}

.empty-state h3[b-pbqkewwv2t] {
    margin: 0 0 0.5rem;
    color: var(--text-primary, #0f172a);
}

.btn-back[b-pbqkewwv2t] {
    margin-top: 1rem;
    padding: 0.625rem 1.25rem;
    background: var(--primary);
    color: white;
    border-radius: var(--radius);
    text-decoration: none;
    font-weight: 500;
    transition: background 0.2s;
}

.btn-back:hover[b-pbqkewwv2t] {
    background: var(--primary-dark);
    color: white;
}

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

/* Top Navigation Bar */
.top-bar[b-pbqkewwv2t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--card-bg, #ffffff);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    position: sticky;
    top: 0;
    z-index: 100;
}

.back-link[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary, #64748b);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.back-link:hover[b-pbqkewwv2t] {
    color: var(--primary);
}

.top-actions[b-pbqkewwv2t] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.btn-action[b-pbqkewwv2t] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: var(--radius);
    font-weight: 500;
    font-size: 0.875rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-edit[b-pbqkewwv2t] {
    background: var(--btn-secondary-bg, #f1f5f9);
    color: var(--text-primary, #0f172a);
    border: 1px solid var(--border-color, #e2e8f0);
}

.btn-edit:hover[b-pbqkewwv2t] {
    background: var(--btn-secondary-hover, #e2e8f0);
}

.btn-primary[b-pbqkewwv2t] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-pbqkewwv2t] {
    background: var(--primary-dark);
}

/* Dropdown */
.dropdown-container[b-pbqkewwv2t] {
    position: relative;
}

.dropdown-menu-custom[b-pbqkewwv2t] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.5rem;
    background: var(--card-bg, #ffffff);
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    min-width: 200px;
    overflow: hidden;
    z-index: 50;
    border: 1px solid var(--border-color, #e2e8f0);
}

.dropdown-item[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    color: var(--text-primary, #0f172a);
    text-decoration: none;
    transition: background 0.15s;
}

.dropdown-item:hover[b-pbqkewwv2t] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--primary);
}

.dropdown-item i[b-pbqkewwv2t] {
    width: 16px;
    text-align: center;
}

/* Alerts */
.alert[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1rem 1.5rem;
    padding: 0.875rem 1rem;
    border-radius: var(--radius);
    font-size: 0.875rem;
}

.alert-error[b-pbqkewwv2t] {
    background: var(--danger-light);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.alert-success[b-pbqkewwv2t] {
    background: var(--success-light);
    color: var(--success);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.alert-close[b-pbqkewwv2t] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    opacity: 0.6;
    color: inherit;
}

.alert-close:hover[b-pbqkewwv2t] {
    opacity: 1;
}

/* Profile Header */
.profile-header[b-pbqkewwv2t] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    padding: 1.5rem;
    background: var(--card-bg, #ffffff);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    align-items: stretch;
}

.profile-main[b-pbqkewwv2t] {
    display: flex;
    gap: 1.25rem;
    flex: 1;
    min-width: 280px;
    align-items: flex-start;
}

.avatar[b-pbqkewwv2t] {
    width: 72px;
    height: 72px;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.avatar span[b-pbqkewwv2t] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    letter-spacing: 1px;
}

.profile-info[b-pbqkewwv2t] {
    flex: 1;
}

.name-row[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.name-row h1[b-pbqkewwv2t] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
}

.status-badge[b-pbqkewwv2t] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-new[b-pbqkewwv2t] { background: var(--bg-secondary, #f1f5f9); color: var(--text-secondary, #64748b); }
.status-pending[b-pbqkewwv2t] { background: var(--warning-light); color: #d97706; }
.status-confirmed[b-pbqkewwv2t] { background: var(--info-light); color: #0891b2; }
.status-interested[b-pbqkewwv2t] { background: rgba(59, 130, 246, 0.15); color: #3b82f6; }
.status-rejected[b-pbqkewwv2t] { background: var(--danger-light); color: #dc2626; }
.status-complete[b-pbqkewwv2t] { background: var(--success-light); color: #059669; }
.status-admitted[b-pbqkewwv2t] { background: rgba(139, 92, 246, 0.15); color: #7c3aed; }
.status-default[b-pbqkewwv2t] { background: var(--bg-secondary, #f1f5f9); color: var(--text-secondary, #64748b); }

.meta-row[b-pbqkewwv2t] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.meta-item[b-pbqkewwv2t] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
}

.meta-item i[b-pbqkewwv2t] {
    color: var(--text-muted, #94a3b8);
    font-size: 0.75rem;
}

.contact-row[b-pbqkewwv2t] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.contact-chip[b-pbqkewwv2t] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: var(--bg-secondary, #f1f5f9);
    border-radius: 20px;
    font-size: 0.8125rem;
    color: var(--text-primary, #0f172a);
    text-decoration: none;
    transition: all 0.2s;
    border: 1px solid var(--border-color, #e2e8f0);
}

.contact-chip:hover[b-pbqkewwv2t] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.contact-chip.whatsapp:hover[b-pbqkewwv2t] {
    background: #25d366;
    border-color: #25d366;
}

.contact-chip.email:hover[b-pbqkewwv2t] {
    background: var(--info);
    border-color: var(--info);
}

/* Action Card in Header */
.action-card-header-inline[b-pbqkewwv2t] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.15) 100%);
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: var(--radius-lg);
    padding: 1rem 1.25rem;
    min-width: 380px;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.action-card-header-inline.pending-payment[b-pbqkewwv2t] {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.08) 0%, rgba(6, 182, 212, 0.15) 100%);
    border-color: rgba(6, 182, 212, 0.3);
}

.action-card-header-inline.completed[b-pbqkewwv2t] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.15) 100%);
    border-color: rgba(16, 185, 129, 0.3);
}

.action-card-title[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.375rem;
}

.action-card-title i[b-pbqkewwv2t] {
    color: var(--success);
    font-size: 1rem;
}

.action-card-header-inline.pending-payment .action-card-title i[b-pbqkewwv2t] {
    color: var(--info);
}

.action-card-title span[b-pbqkewwv2t] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--text-primary, #0f172a);
}

.action-card-desc[b-pbqkewwv2t] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.625rem;
    line-height: 1.3;
}

.action-mini-form[b-pbqkewwv2t] {
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
    align-items: stretch;
}

.action-mini-form textarea[b-pbqkewwv2t] {
    flex: 1;
    min-width: 180px;
    padding: 0.5rem 0.75rem;
    background: var(--input-bg, #ffffff);
    border: 1px solid var(--input-border, #e2e8f0);
    border-radius: var(--radius-sm);
    font-size: 0.8125rem;
    color: var(--text-primary, #0f172a);
    resize: none;
    height: 38px;
    line-height: 1.4;
}

.action-mini-form textarea:focus[b-pbqkewwv2t] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.action-mini-form textarea[b-pbqkewwv2t]::placeholder {
    color: var(--text-muted, #94a3b8);
}

.btn-action-confirm[b-pbqkewwv2t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.5rem 1.25rem;
    background: var(--success);
    color: white;
    border: none;
    border-radius: var(--radius-sm);
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    height: 38px;
    flex-shrink: 0;
}

.btn-action-confirm:hover:not(:disabled)[b-pbqkewwv2t] {
    background: #059669;
}

.btn-action-confirm:disabled[b-pbqkewwv2t] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-action-secondary[b-pbqkewwv2t] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: var(--btn-secondary-bg, #f1f5f9);
    color: var(--text-primary, #0f172a);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-sm);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.8125rem;
    transition: all 0.2s;
}

.btn-action-secondary:hover[b-pbqkewwv2t] {
    background: var(--btn-secondary-hover, #e2e8f0);
}

/* Stacked Cards Container */
.stacked-cards[b-pbqkewwv2t] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    min-width: 240px;
    max-width: 280px;
}

/* Compact Sibling Card */
.sibling-card-compact[b-pbqkewwv2t] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.06) 0%, rgba(16, 185, 129, 0.12) 100%);
    border: 1px solid rgba(16, 185, 129, 0.25);
    border-radius: var(--radius);
    padding: 0.75rem 1rem;
}

.sibling-header-compact[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-primary, #0f172a);
    margin-bottom: 0.25rem;
}

.sibling-header-compact i[b-pbqkewwv2t] {
    color: var(--success);
    font-size: 0.8125rem;
}

.sibling-meta-compact[b-pbqkewwv2t] {
    font-size: 0.75rem;
    color: var(--text-secondary, #64748b);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.sibling-status[b-pbqkewwv2t] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
}

.sibling-active[b-pbqkewwv2t] { background: var(--success); color: white; }
.sibling-tc[b-pbqkewwv2t] { background: var(--warning); color: white; }
.sibling-left[b-pbqkewwv2t] { background: var(--text-muted, #64748b); color: white; }

/* Follow-up Alert */
.followup-alert[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1rem;
    border-radius: var(--radius);
}

.followup-alert i[b-pbqkewwv2t] {
    font-size: 1rem;
}

.followup-alert-content[b-pbqkewwv2t] {
    flex: 1;
}

.followup-label[b-pbqkewwv2t] {
    display: block;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.8;
    margin-bottom: 0.125rem;
    letter-spacing: 0.02em;
}

.followup-date[b-pbqkewwv2t] {
    font-weight: 600;
    font-size: 0.875rem;
}

.followup-tag[b-pbqkewwv2t] {
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
}

.alert-upcoming[b-pbqkewwv2t] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-primary, #0f172a);
}

.alert-today[b-pbqkewwv2t] {
    background: var(--warning-light);
    color: #d97706;
}

.alert-today .followup-tag.today[b-pbqkewwv2t] {
    background: var(--warning);
    color: white;
}

.alert-overdue[b-pbqkewwv2t] {
    background: var(--danger-light);
    color: #dc2626;
}

.alert-overdue .followup-tag.overdue[b-pbqkewwv2t] {
    background: var(--danger);
    color: white;
}

/* Content Area */
.content-area[b-pbqkewwv2t] {
    padding: 1.5rem;
}

/* Tab Navigation */
.tab-nav[b-pbqkewwv2t] {
    display: flex;
    gap: 0.25rem;
    background: var(--card-bg, #ffffff);
    padding: 0.375rem;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    margin-bottom: 1.5rem;
    width: fit-content;
    border: 1px solid var(--border-color, #e2e8f0);
}

.tab-btn[b-pbqkewwv2t] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    background: transparent;
    border-radius: var(--radius);
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
    cursor: pointer;
    transition: all 0.2s;
}

.tab-btn:hover[b-pbqkewwv2t] {
    color: var(--text-primary, #0f172a);
    background: var(--bg-secondary, #f1f5f9);
}

.tab-btn.active[b-pbqkewwv2t] {
    background: var(--primary);
    color: white;
}

.tab-badge[b-pbqkewwv2t] {
    background: rgba(255,255,255,0.2);
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    font-size: 0.75rem;
}

.tab-btn:not(.active) .tab-badge[b-pbqkewwv2t] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-secondary, #64748b);
}

/* Details Grid */
.details-grid[b-pbqkewwv2t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.25rem;
    align-items: stretch;
}

.info-card[b-pbqkewwv2t] {
    background: var(--card-bg, #ffffff);
    border-radius: var(--radius-lg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border: 1px solid var(--border-color, #e2e8f0);
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease;
}

.info-card:hover[b-pbqkewwv2t] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.info-card.full-width[b-pbqkewwv2t] {
    grid-column: 1 / -1;
}

.info-card-header[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.875rem 1.25rem;
    background: linear-gradient(135deg, var(--bg-secondary, #f8fafc) 0%, var(--bg-primary, #f1f5f9) 100%);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    flex-shrink: 0;
}

.info-card-header i[b-pbqkewwv2t] {
    color: var(--primary);
    font-size: 1rem;
    width: 20px;
    text-align: center;
}

.info-card-header h3[b-pbqkewwv2t] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary, #0f172a);
    letter-spacing: -0.01em;
}

.info-card-body[b-pbqkewwv2t] {
    padding: 0.75rem 1.25rem;
    flex: 1;
}

.info-row[b-pbqkewwv2t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    gap: 1.5rem;
}

.info-row:last-child[b-pbqkewwv2t] {
    border-bottom: none;
}

.info-label[b-pbqkewwv2t] {
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
    flex-shrink: 0;
    min-width: 100px;
}

.info-value[b-pbqkewwv2t] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary, #0f172a);
    text-align: right;
    word-break: break-word;
}

.info-value.highlight[b-pbqkewwv2t] {
    color: var(--primary);
    font-weight: 600;
}

.empty-section[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-muted, #64748b);
    font-size: 0.875rem;
    font-style: italic;
    padding: 1rem 0;
}

.remarks-text[b-pbqkewwv2t] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
    line-height: 1.6;
    white-space: pre-wrap;
}

.remarks-by[b-pbqkewwv2t] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
    font-size: 0.75rem;
    color: var(--text-muted, #64748b);
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

/* Follow-ups Section */
.followups-section[b-pbqkewwv2t] {
    max-width: 800px;
}

.add-followup-card[b-pbqkewwv2t] {
    background: var(--card-bg, #ffffff);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color, #e2e8f0);
}

.add-followup-card h4[b-pbqkewwv2t] {
    margin: 0 0 1rem;
    font-size: 1rem;
    color: var(--text-primary, #0f172a);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.add-followup-card h4 i[b-pbqkewwv2t] {
    color: var(--primary);
}

.followup-form .form-group[b-pbqkewwv2t] {
    margin-bottom: 1rem;
}

.followup-form label[b-pbqkewwv2t] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.375rem;
}

.followup-form textarea[b-pbqkewwv2t] {
    width: 100%;
    padding: 0.75rem;
    background: var(--input-bg, #ffffff);
    border: 1px solid var(--input-border, #e2e8f0);
    border-radius: var(--radius);
    font-size: 0.875rem;
    color: var(--text-primary, #0f172a);
    resize: vertical;
    min-height: 80px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.followup-form textarea:focus[b-pbqkewwv2t] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.followup-form textarea[b-pbqkewwv2t]::placeholder {
    color: var(--text-muted, #94a3b8);
}

.followup-form input[type="date"][b-pbqkewwv2t] {
    padding: 0.625rem 0.75rem;
    background: var(--input-bg, #ffffff);
    border: 1px solid var(--input-border, #e2e8f0);
    border-radius: var(--radius);
    font-size: 0.875rem;
    color: var(--text-primary, #0f172a);
}

.followup-form input[type="date"]:focus[b-pbqkewwv2t] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.form-row[b-pbqkewwv2t] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}

.form-row .form-group[b-pbqkewwv2t] {
    margin-bottom: 0;
}

.btn-submit[b-pbqkewwv2t] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: var(--primary);
    color: white;
    border: none;
    border-radius: var(--radius);
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-submit:hover:not(:disabled)[b-pbqkewwv2t] {
    background: var(--primary-dark);
}

.btn-submit:disabled[b-pbqkewwv2t] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Timeline */
.timeline[b-pbqkewwv2t] {
    position: relative;
    padding-left: 2rem;
}

.timeline[b-pbqkewwv2t]::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--border-color, #e2e8f0);
}

.timeline-item[b-pbqkewwv2t] {
    position: relative;
    padding-bottom: 1.5rem;
}

.timeline-item:last-child[b-pbqkewwv2t] {
    padding-bottom: 0;
}

.timeline-marker[b-pbqkewwv2t] {
    position: absolute;
    left: -2rem;
    top: 4px;
    width: 16px;
    height: 16px;
    background: var(--primary);
    border: 3px solid var(--bg-primary, #ffffff);
    border-radius: 50%;
    box-shadow: var(--shadow-sm);
}

.timeline-content[b-pbqkewwv2t] {
    background: var(--card-bg, #ffffff);
    border-radius: var(--radius);
    padding: 1rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color, #e2e8f0);
}

.timeline-header[b-pbqkewwv2t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.timeline-date[b-pbqkewwv2t] {
    font-weight: 600;
    color: var(--text-primary, #0f172a);
    font-size: 0.875rem;
}

.timeline-by[b-pbqkewwv2t] {
    font-size: 0.75rem;
    color: var(--text-muted, #64748b);
}

.timeline-body[b-pbqkewwv2t] {
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
    line-height: 1.5;
    white-space: pre-wrap;
}

.timeline-next[b-pbqkewwv2t] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
    font-size: 0.8125rem;
    color: var(--primary);
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.empty-timeline[b-pbqkewwv2t] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--text-muted, #64748b);
}

.empty-timeline i[b-pbqkewwv2t] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
    display: block;
}

/* Modal */
.modal-overlay[b-pbqkewwv2t] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
    backdrop-filter: blur(4px);
}

.modal-container[b-pbqkewwv2t] {
    background: var(--card-bg, #ffffff);
    border-radius: 14px;
    width: 100%;
    max-width: 480px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    border: 1px solid var(--border-color, #e2e8f0);
    animation: modalIn-b-pbqkewwv2t 0.2s ease-out;
    overflow: hidden;
}

@keyframes modalIn-b-pbqkewwv2t {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.modal-header[b-pbqkewwv2t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: none;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-radius: 0;
}

.modal-header h3[b-pbqkewwv2t] {
    margin: 0;
    font-size: 1.125rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.modal-header h3 i[b-pbqkewwv2t] {
    color: #ffffff;
}

.modal-close[b-pbqkewwv2t] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #ffffff;
    transition: background 0.2s;
}

.modal-close:hover[b-pbqkewwv2t] {
    background: rgba(255, 255, 255, 0.3);
}

.modal-body[b-pbqkewwv2t] {
    padding: 1.5rem;
}

.confirm-info[b-pbqkewwv2t] {
    background: var(--bg-secondary, #f8fafc);
    border-radius: var(--radius);
    padding: 1rem;
    margin-bottom: 1rem;
}

.confirm-row[b-pbqkewwv2t] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px dashed var(--border-color, #e2e8f0);
}

.confirm-row:last-child[b-pbqkewwv2t] {
    border-bottom: none;
}

.confirm-label[b-pbqkewwv2t] {
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
}

.confirm-value[b-pbqkewwv2t] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary, #0f172a);
}

.confirm-remarks[b-pbqkewwv2t] {
    background: var(--bg-secondary, #f8fafc);
    border-radius: var(--radius);
    padding: 1rem;
    margin-bottom: 1rem;
}

.confirm-remarks label[b-pbqkewwv2t] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted, #64748b);
    text-transform: uppercase;
}

.confirm-remarks p[b-pbqkewwv2t] {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
}

.confirm-note[b-pbqkewwv2t] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.875rem;
    background: rgba(59, 130, 246, 0.1);
    border-radius: var(--radius);
    font-size: 0.8125rem;
    color: var(--primary);
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.confirm-note i[b-pbqkewwv2t] {
    margin-top: 2px;
}

.modal-footer[b-pbqkewwv2t] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
    background: var(--bg-secondary, #f8fafc);
    border-radius: 0;
}

.btn-cancel[b-pbqkewwv2t] {
    padding: 0.625rem 1.25rem;
    background: var(--card-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 10px;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-cancel:hover[b-pbqkewwv2t] {
    background: var(--bg-secondary, #f1f5f9);
}

.btn-confirm[b-pbqkewwv2t] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);
}

.btn-confirm:hover:not(:disabled)[b-pbqkewwv2t] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    box-shadow: 0 4px 8px rgba(16, 185, 129, 0.4);
}

.btn-confirm:disabled[b-pbqkewwv2t] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-confirm i[b-pbqkewwv2t] {
    color: #ffffff;
}

/* Spinner */
.spinner-sm[b-pbqkewwv2t] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-pbqkewwv2t 0.6s linear infinite;
}

/* Responsive */
@media (max-width: 768px) {
    .profile-header[b-pbqkewwv2t] {
        flex-direction: column;
        gap: 1rem;
    }

    .profile-main[b-pbqkewwv2t] {
        flex-direction: column;
        text-align: center;
    }

    .avatar[b-pbqkewwv2t] {
        margin: 0 auto;
    }

    .name-row[b-pbqkewwv2t] {
        justify-content: center;
    }

    .meta-row[b-pbqkewwv2t] {
        justify-content: center;
    }

    .contact-row[b-pbqkewwv2t] {
        justify-content: center;
    }

    .action-card-header-inline[b-pbqkewwv2t] {
        width: 100%;
        max-width: none;
        min-width: auto;
    }

    .action-mini-form[b-pbqkewwv2t] {
        flex-direction: column;
    }

    .action-mini-form textarea[b-pbqkewwv2t] {
        min-width: auto;
        width: 100%;
    }

    .btn-action-confirm[b-pbqkewwv2t] {
        width: 100%;
        justify-content: center;
    }

    .stacked-cards[b-pbqkewwv2t] {
        width: 100%;
        max-width: none;
        min-width: auto;
    }

    .tab-nav[b-pbqkewwv2t] {
        width: 100%;
        overflow-x: auto;
    }

    .details-grid[b-pbqkewwv2t] {
        grid-template-columns: 1fr;
    }

    .form-row[b-pbqkewwv2t] {
        flex-direction: column;
    }

    .form-row .form-group[b-pbqkewwv2t] {
        width: 100%;
    }

    .btn-submit[b-pbqkewwv2t] {
        width: 100%;
        justify-content: center;
    }
}

/* ==================== TEST SECTION STYLES ==================== */

.test-section[b-pbqkewwv2t] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Test Config Card */
.test-config-card .info-card-body[b-pbqkewwv2t] {
    padding: 1rem 1.5rem;
}

.test-config-grid[b-pbqkewwv2t] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.test-config-item[b-pbqkewwv2t] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.config-label[b-pbqkewwv2t] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.config-value[b-pbqkewwv2t] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #0f172a);
}

.config-value.highlight[b-pbqkewwv2t] {
    color: var(--primary);
    font-size: 1.25rem;
}

/* Test Result Card */
.test-result-card[b-pbqkewwv2t] {
    border-left: 4px solid var(--success, #10b981);
}

.test-result-card.result-fail[b-pbqkewwv2t] {
    border-left-color: var(--danger, #ef4444);
}

.test-result-card .info-card-header[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.result-badge[b-pbqkewwv2t] {
    margin-left: auto;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.result-badge.pass[b-pbqkewwv2t] {
    background: rgba(16, 185, 129, 0.15);
    color: var(--success, #10b981);
}

.result-badge.fail[b-pbqkewwv2t] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--danger, #ef4444);
}

.result-display[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.score-circle[b-pbqkewwv2t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgba(16, 185, 129, 0.1);
    border: 3px solid var(--success, #10b981);
}

.score-circle.fail[b-pbqkewwv2t] {
    background: rgba(239, 68, 68, 0.1);
    border-color: var(--danger, #ef4444);
}

.score-value[b-pbqkewwv2t] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
    line-height: 1;
}

.score-max[b-pbqkewwv2t] {
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
}

.result-details[b-pbqkewwv2t] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.detail-row[b-pbqkewwv2t] {
    display: flex;
    gap: 0.75rem;
}

.detail-label[b-pbqkewwv2t] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #64748b);
    min-width: 100px;
}

.detail-value[b-pbqkewwv2t] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary, #0f172a);
}

/* Test Scheduled Card */
.test-scheduled-card[b-pbqkewwv2t] {
    border-left: 4px solid var(--info, #3b82f6);
}

.schedule-display[b-pbqkewwv2t] {
    display: flex;
    gap: 2rem;
    padding: 1rem;
    background: var(--surface-secondary, #f8fafc);
    border-radius: var(--radius);
    margin-bottom: 1.5rem;
}

.schedule-date[b-pbqkewwv2t],
.schedule-time[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    color: var(--text-primary, #0f172a);
}

.schedule-date i[b-pbqkewwv2t],
.schedule-time i[b-pbqkewwv2t] {
    color: var(--primary);
}

.record-result-section[b-pbqkewwv2t] {
    padding-top: 1.5rem;
    border-top: 1px solid var(--border, #e2e8f0);
}

.record-result-section h4[b-pbqkewwv2t] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #0f172a);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.record-result-section h4 i[b-pbqkewwv2t] {
    color: var(--primary);
}

.result-form .form-row[b-pbqkewwv2t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.result-form .form-group label[b-pbqkewwv2t] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.375rem;
}

.result-form .form-group label .required[b-pbqkewwv2t] {
    color: var(--danger, #ef4444);
}

.result-form .form-control[b-pbqkewwv2t] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    background: var(--input-bg, #ffffff);
    border: 1px solid var(--input-border, #e2e8f0);
    border-radius: var(--radius);
    font-size: 0.875rem;
    color: var(--text-primary, #0f172a);
}

.result-form .form-control:focus[b-pbqkewwv2t] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.result-form textarea.form-control[b-pbqkewwv2t] {
    min-height: 60px;
    resize: vertical;
}

.result-toggle[b-pbqkewwv2t] {
    display: flex;
    gap: 1rem;
}

.toggle-option[b-pbqkewwv2t] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: var(--surface-secondary, #f8fafc);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: var(--radius);
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.875rem;
    font-weight: 500;
}

.toggle-option input[b-pbqkewwv2t] {
    display: none;
}

.toggle-option:hover[b-pbqkewwv2t] {
    border-color: var(--primary);
}

.toggle-option.active.pass[b-pbqkewwv2t] {
    background: rgba(16, 185, 129, 0.1);
    border-color: var(--success, #10b981);
    color: var(--success, #10b981);
}

.toggle-option.active.fail[b-pbqkewwv2t] {
    background: rgba(239, 68, 68, 0.1);
    border-color: var(--danger, #ef4444);
    color: var(--danger, #ef4444);
}

.waiting-message[b-pbqkewwv2t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: var(--surface-secondary, #f8fafc);
    border-radius: var(--radius);
    color: var(--text-secondary, #64748b);
    font-size: 0.875rem;
}

.waiting-message i[b-pbqkewwv2t] {
    color: var(--warning, #f59e0b);
}

/* Schedule Test Card */
.schedule-test-card[b-pbqkewwv2t] {
    border-left: 4px solid var(--warning, #f59e0b);
}

.schedule-form .form-row[b-pbqkewwv2t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.schedule-form .form-group label[b-pbqkewwv2t] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.375rem;
}

.schedule-form .form-group label .required[b-pbqkewwv2t] {
    color: var(--danger, #ef4444);
}

.schedule-form .form-control[b-pbqkewwv2t] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    background: var(--input-bg, #ffffff);
    border: 1px solid var(--input-border, #e2e8f0);
    border-radius: var(--radius);
    font-size: 0.875rem;
    color: var(--text-primary, #0f172a);
}

.schedule-form .form-control:focus[b-pbqkewwv2t] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

/* Responsive */
@media (max-width: 640px) {
    .test-config-grid[b-pbqkewwv2t] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .result-display[b-pbqkewwv2t] {
        flex-direction: column;
        align-items: flex-start;
    }

    .schedule-display[b-pbqkewwv2t] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .result-form .form-row[b-pbqkewwv2t],
    .schedule-form .form-row[b-pbqkewwv2t] {
        grid-template-columns: 1fr;
    }

    .result-toggle[b-pbqkewwv2t] {
        flex-direction: column;
    }
}
/* /Areas/Administrative/Pages/AdmissionCounsellor/Enquiries/Edit.razor.rz.scp.css */
/* ========================================
   Admission Form Design System - Theme Aware
   ======================================== */

/* CSS Variables */
.page-container[b-kxhj22jxyh] {
    --primary: #3b82f6;
    --primary-light: #60a5fa;
    --primary-dark: #2563eb;
    --success: #10b981;
    --success-light: rgba(16, 185, 129, 0.15);
    --warning: #f59e0b;
    --warning-light: rgba(245, 158, 11, 0.15);
    --danger: #ef4444;
    --info: #06b6d4;
    --purple: #8b5cf6;
    --orange: #f97316;
    --teal: #14b8a6;
    --indigo: #6366f1;

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.12);

    padding: 1.5rem;
    background: var(--bg-primary, #f8fafc);
    min-height: 100vh;
    color: var(--text-primary, #0f172a);
}

/* Page Header */
.page-header[b-kxhj22jxyh] {
    margin-bottom: 1.5rem;
}

.page-header .breadcrumb[b-kxhj22jxyh] {
    font-size: 0.8125rem;
    margin-bottom: 0.5rem;
}

.page-header .breadcrumb-item a[b-kxhj22jxyh] {
    color: var(--text-secondary, #64748b);
    text-decoration: none;
}

.page-header .breadcrumb-item a:hover[b-kxhj22jxyh] {
    color: var(--primary);
}

.page-header .breadcrumb-item.active[b-kxhj22jxyh] {
    color: var(--text-muted, #94a3b8);
}

.page-header h1[b-kxhj22jxyh] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
    margin: 0 0 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-header h1 i[b-kxhj22jxyh] {
    color: var(--primary);
}

.page-header .text-muted[b-kxhj22jxyh] {
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b) !important;
    margin: 0;
}

/* Alerts */
.alert[b-kxhj22jxyh] {
    border-radius: var(--radius);
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    border: none;
}

.alert-danger[b-kxhj22jxyh] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-kxhj22jxyh] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-warning[b-kxhj22jxyh] {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.alert-info[b-kxhj22jxyh] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.alert .btn-close[b-kxhj22jxyh] {
    margin-left: auto;
    opacity: 0.6;
}

/* Card Base Styling */
.card[b-kxhj22jxyh] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.card:hover[b-kxhj22jxyh] {
    box-shadow: var(--shadow-md);
}

.card-header[b-kxhj22jxyh] {
    padding: 0.875rem 1.25rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.card-header h5[b-kxhj22jxyh] {
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: var(--text-primary, #0f172a);
}

.card-header h5 i[b-kxhj22jxyh] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
}

.card-body[b-kxhj22jxyh] {
    padding: 1.25rem;
    background: var(--card-bg, #ffffff);
}

/* Section Themes */
.section-student .card-header[b-kxhj22jxyh] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.15) 100%);
}

.section-student .card-header h5[b-kxhj22jxyh] {
    color: #2563eb;
}

.section-student .card-header h5 i[b-kxhj22jxyh] {
    background: var(--primary);
    color: white;
}

.section-parent .card-header[b-kxhj22jxyh] {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(139, 92, 246, 0.15) 100%);
}

.section-parent .card-header h5[b-kxhj22jxyh] {
    color: #7c3aed;
}

.section-parent .card-header h5 i[b-kxhj22jxyh] {
    background: var(--purple);
    color: white;
}

.section-school .card-header[b-kxhj22jxyh] {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.08) 0%, rgba(249, 115, 22, 0.15) 100%);
}

.section-school .card-header h5[b-kxhj22jxyh] {
    color: #ea580c;
}

.section-school .card-header h5 i[b-kxhj22jxyh] {
    background: var(--orange);
    color: white;
}

.section-sibling .card-header[b-kxhj22jxyh] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.08) 0%, rgba(20, 184, 166, 0.15) 100%);
}

.section-sibling .card-header h5[b-kxhj22jxyh] {
    color: #0d9488;
}

.section-sibling .card-header h5 i[b-kxhj22jxyh] {
    background: var(--teal);
    color: white;
}

.section-details .card-header[b-kxhj22jxyh] {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(99, 102, 241, 0.15) 100%);
}

.section-details .card-header h5[b-kxhj22jxyh] {
    color: #4f46e5;
}

.section-details .card-header h5 i[b-kxhj22jxyh] {
    background: var(--indigo);
    color: white;
}

/* Form Labels */
.form-label[b-kxhj22jxyh] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.375rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

/* Form Controls */
.form-control[b-kxhj22jxyh],
.form-select[b-kxhj22jxyh] {
    font-size: 0.875rem;
    padding: 0.625rem 0.875rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--input-border, #e2e8f0);
    background-color: var(--input-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    transition: all 0.2s ease;
    height: auto;
}

.form-control[b-kxhj22jxyh]::placeholder {
    color: var(--text-muted, #94a3b8);
}

.form-control:focus[b-kxhj22jxyh],
.form-select:focus[b-kxhj22jxyh] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    background-color: var(--input-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    outline: none;
}

.form-select[b-kxhj22jxyh] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-size: 14px 10px;
}

/* Input Group */
.input-group .form-control[b-kxhj22jxyh] {
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.input-group .btn[b-kxhj22jxyh] {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    border: 1px solid var(--input-border, #e2e8f0);
    border-left: none;
}

.input-group .btn-outline-secondary[b-kxhj22jxyh] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-secondary, #64748b);
}

.input-group .btn-outline-secondary:hover[b-kxhj22jxyh] {
    background: var(--bg-tertiary, #e2e8f0);
    color: var(--text-primary, #0f172a);
}

.input-group .btn-outline-primary[b-kxhj22jxyh] {
    background: transparent;
    color: var(--primary);
    border-color: var(--primary);
}

.input-group .btn-outline-primary:hover[b-kxhj22jxyh] {
    background: var(--primary);
    color: white;
}

/* Row Spacing */
.row.g-3[b-kxhj22jxyh] {
    --bs-gutter-y: 1rem;
    --bs-gutter-x: 1rem;
}

/* Validation */
.validation-message[b-kxhj22jxyh] {
    font-size: 0.75rem;
    color: var(--danger);
    margin-top: 0.25rem;
}

.is-invalid[b-kxhj22jxyh] {
    border-color: var(--danger) !important;
}

.invalid-feedback[b-kxhj22jxyh] {
    display: block;
    font-size: 0.75rem;
    color: var(--danger);
    margin-top: 0.25rem;
}

/* Helper Text */
.text-muted[b-kxhj22jxyh] {
    color: var(--text-muted, #94a3b8) !important;
}

.text-info[b-kxhj22jxyh] {
    color: var(--info) !important;
}

small.text-muted[b-kxhj22jxyh],
small.text-info[b-kxhj22jxyh] {
    font-size: 0.75rem;
    display: block;
    margin-top: 0.25rem;
}

/* Badge */
.badge[b-kxhj22jxyh] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 10px;
}

.badge.bg-info[b-kxhj22jxyh] {
    background: rgba(6, 182, 212, 0.15) !important;
    color: #0891b2;
}

.badge.bg-success[b-kxhj22jxyh] {
    background: var(--success) !important;
}

.badge.bg-warning[b-kxhj22jxyh] {
    background: var(--warning) !important;
}

.badge.bg-secondary[b-kxhj22jxyh] {
    background: var(--bg-secondary, #f1f5f9) !important;
    color: var(--text-secondary, #64748b);
}

/* List Group for Siblings */
.list-group[b-kxhj22jxyh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.list-group-item[b-kxhj22jxyh] {
    border-radius: var(--radius) !important;
    border: 1px solid var(--border-color, #e2e8f0);
    background: var(--card-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    margin: 0;
}

.list-group-item:hover[b-kxhj22jxyh] {
    background: var(--bg-secondary, #f8fafc);
    border-color: var(--primary-light);
}

.list-group-item.active[b-kxhj22jxyh] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.list-group-item small[b-kxhj22jxyh] {
    color: var(--text-muted, #94a3b8);
}

.list-group-item.active small[b-kxhj22jxyh] {
    color: rgba(255, 255, 255, 0.85);
}

/* School Autocomplete */
.school-suggestions[b-kxhj22jxyh] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-top: none;
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    box-shadow: var(--shadow-md);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
}

.suggestion-item[b-kxhj22jxyh] {
    padding: 0.625rem 0.875rem;
    cursor: pointer;
    border-bottom: 1px solid var(--border-color, #f1f5f9);
    font-size: 0.8125rem;
    color: var(--text-primary, #0f172a);
    transition: background 0.15s;
}

.suggestion-item:last-child[b-kxhj22jxyh] {
    border-bottom: none;
}

.suggestion-item:hover[b-kxhj22jxyh] {
    background: var(--bg-secondary, #f8fafc);
}

.suggestion-item strong[b-kxhj22jxyh] {
    color: var(--primary);
}

/* Buttons */
.btn[b-kxhj22jxyh] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn-lg[b-kxhj22jxyh] {
    font-size: 0.9375rem;
    padding: 0.75rem 1.5rem;
}

.btn-success[b-kxhj22jxyh] {
    background: linear-gradient(135deg, var(--success) 0%, #059669 100%);
    border: none;
    color: white;
}

.btn-success:hover[b-kxhj22jxyh] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: white;
}

.btn-warning[b-kxhj22jxyh] {
    background: linear-gradient(135deg, var(--warning) 0%, #d97706 100%);
    border: none;
    color: white;
}

.btn-warning:hover[b-kxhj22jxyh] {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    color: white;
}

.btn-outline-primary[b-kxhj22jxyh] {
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}

.btn-outline-primary:hover[b-kxhj22jxyh] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.btn-outline-secondary[b-kxhj22jxyh] {
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-secondary, #64748b);
}

.btn-outline-secondary:hover[b-kxhj22jxyh] {
    background: var(--bg-secondary, #f1f5f9);
    border-color: var(--border-color, #e2e8f0);
    color: var(--text-primary, #0f172a);
}

.btn:disabled[b-kxhj22jxyh] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* D-Grid */
.d-grid[b-kxhj22jxyh] {
    display: grid;
}

.d-grid.gap-2[b-kxhj22jxyh] {
    gap: 0.625rem;
}

/* Form Check */
.form-check[b-kxhj22jxyh] {
    padding: 0.75rem 1rem;
    background: var(--bg-secondary, #f8fafc);
    border-radius: var(--radius);
    border: 1px solid var(--border-color, #e2e8f0);
}

.form-check-input[b-kxhj22jxyh] {
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.125rem;
    border: 2px solid var(--border-color, #cbd5e1);
    border-radius: 4px;
}

.form-check-input:checked[b-kxhj22jxyh] {
    background-color: var(--warning);
    border-color: var(--warning);
}

.form-check-label[b-kxhj22jxyh] {
    font-size: 0.875rem;
    color: var(--text-primary, #0f172a);
}

.form-check-label small[b-kxhj22jxyh] {
    font-size: 0.75rem;
    color: var(--text-muted, #94a3b8);
}

/* Spinner */
.spinner-border-sm[b-kxhj22jxyh] {
    width: 1rem;
    height: 1rem;
    border-width: 2px;
}

/* Card Margins */
.mb-4[b-kxhj22jxyh] {
    margin-bottom: 1.25rem !important;
}

.mb-3[b-kxhj22jxyh] {
    margin-bottom: 0.875rem !important;
}

.mb-0[b-kxhj22jxyh] {
    margin-bottom: 0 !important;
}

.mt-2[b-kxhj22jxyh] {
    margin-top: 0.5rem !important;
}

/* Position Relative */
.position-relative[b-kxhj22jxyh] {
    position: relative;
}

/* Border Info */
.border-info[b-kxhj22jxyh] {
    border-color: var(--info) !important;
}

/* Responsive */
@media (max-width: 991px) {
    .page-container[b-kxhj22jxyh] {
        padding: 1rem;
    }

    .col-lg-8[b-kxhj22jxyh],
    .col-lg-4[b-kxhj22jxyh] {
        width: 100%;
    }

    .col-lg-4[b-kxhj22jxyh] {
        margin-top: 1rem;
    }
}

@media (max-width: 768px) {
    .page-header h1[b-kxhj22jxyh] {
        font-size: 1.25rem;
    }

    .card-body[b-kxhj22jxyh] {
        padding: 1rem;
    }

    .row.g-3[b-kxhj22jxyh] {
        --bs-gutter-y: 0.75rem;
        --bs-gutter-x: 0.75rem;
    }
}
/* /Areas/Administrative/Pages/AdmissionCounsellor/Enquiries/Index.razor.rz.scp.css */
/* ========================================
   Enquiry List Page - Theme Aware
   ======================================== */

.page-container[b-p1fa4qpe3p] {
    --primary: #3b82f6;
    --primary-light: #60a5fa;
    --primary-dark: #2563eb;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #06b6d4;
    --purple: #8b5cf6;

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.12);

    padding: 1.5rem;
    background: var(--bg-primary, #f8fafc);
    min-height: 100vh;
    color: var(--text-primary, #0f172a);
}

/* Page Header */
.page-header[b-p1fa4qpe3p] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-p1fa4qpe3p] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
    margin: 0 0 0.25rem;
}

.page-header p[b-p1fa4qpe3p] {
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
    margin: 0;
}

/* Alerts */
.alert[b-p1fa4qpe3p] {
    border-radius: var(--radius);
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    border: none;
}

.alert-danger[b-p1fa4qpe3p] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-p1fa4qpe3p] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-info[b-p1fa4qpe3p] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.alert .btn-close[b-p1fa4qpe3p] {
    margin-left: auto;
    opacity: 0.6;
}

.alert-link[b-p1fa4qpe3p] {
    color: inherit;
    font-weight: 600;
}

/* Cards */
.card[b-p1fa4qpe3p] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.card-header[b-p1fa4qpe3p] {
    padding: 0.875rem 1.25rem;
    background: linear-gradient(135deg, var(--bg-secondary, #f8fafc) 0%, var(--bg-primary, #f1f5f9) 100%);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-primary, #0f172a);
    font-weight: 600;
    font-size: 0.9375rem;
}

.card-body[b-p1fa4qpe3p] {
    padding: 1.25rem;
    background: var(--card-bg, #ffffff);
}

.card-footer[b-p1fa4qpe3p] {
    padding: 0.75rem 1.25rem;
    background: var(--bg-secondary, #f8fafc);
    border-top: 1px solid var(--border-color, #e2e8f0);
}

/* Filter Card */
.card.mb-4 .card-body[b-p1fa4qpe3p] {
    padding: 1rem 1.25rem;
}

/* Form Controls */
.form-label[b-p1fa4qpe3p] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.375rem;
}

.form-control[b-p1fa4qpe3p],
.form-select[b-p1fa4qpe3p] {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--input-border, #e2e8f0);
    background-color: var(--input-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    transition: all 0.2s ease;
}

.form-control:focus[b-p1fa4qpe3p],
.form-select:focus[b-p1fa4qpe3p] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    outline: none;
}

.form-control[b-p1fa4qpe3p]::placeholder {
    color: var(--text-muted, #94a3b8);
}

/* Input Group */
.input-group .form-control[b-p1fa4qpe3p] {
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.input-group .btn[b-p1fa4qpe3p] {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

/* Buttons */
.btn[b-p1fa4qpe3p] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
}

.btn-success[b-p1fa4qpe3p] {
    background: linear-gradient(135deg, var(--success) 0%, #059669 100%);
    border: none;
    color: white;
}

.btn-success:hover[b-p1fa4qpe3p] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.btn-outline-primary[b-p1fa4qpe3p] {
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}

.btn-outline-primary:hover[b-p1fa4qpe3p] {
    background: var(--primary);
    color: white;
}

.btn-outline-secondary[b-p1fa4qpe3p] {
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-secondary, #64748b);
}

.btn-outline-secondary:hover[b-p1fa4qpe3p] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-primary, #0f172a);
}

.btn-outline-info[b-p1fa4qpe3p] {
    background: transparent;
    border: 1px solid var(--info);
    color: var(--info);
}

.btn-outline-info:hover[b-p1fa4qpe3p] {
    background: var(--info);
    color: white;
}

/* Button Group */
.btn-group .btn[b-p1fa4qpe3p] {
    border-radius: 0;
}

.btn-group .btn:first-child[b-p1fa4qpe3p] {
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.btn-group .btn:last-child[b-p1fa4qpe3p] {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.btn-group-sm .btn[b-p1fa4qpe3p] {
    padding: 0.375rem 0.625rem;
    font-size: 0.8125rem;
}

/* Table */
.table-responsive[b-p1fa4qpe3p] {
    border-radius: var(--radius);
}

.table[b-p1fa4qpe3p] {
    margin: 0;
    color: var(--text-primary, #0f172a);
}

.table thead tr th[b-p1fa4qpe3p] {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    background: var(--bg-secondary, #f8fafc);
    color: var(--text-secondary, #64748b);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    white-space: nowrap;
}

.table tbody tr[b-p1fa4qpe3p] {
    background: var(--card-bg, #ffffff);
    transition: background 0.15s ease;
}

.table tbody tr:hover[b-p1fa4qpe3p] {
    background: var(--bg-secondary, #f8fafc);
}

.table tbody tr td[b-p1fa4qpe3p] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
    font-size: 0.8125rem;
    color: var(--text-primary, #0f172a);
    border-bottom: 1px solid var(--border-color, #f1f5f9);
}

.table tbody tr td strong[b-p1fa4qpe3p] {
    font-weight: 600;
    color: var(--text-primary, #0f172a);
}

.table tbody tr td a[b-p1fa4qpe3p] {
    color: var(--primary);
    text-decoration: none;
}

.table tbody tr td a:hover[b-p1fa4qpe3p] {
    text-decoration: underline;
}

.table tbody tr td .text-muted[b-p1fa4qpe3p] {
    color: var(--text-muted, #94a3b8) !important;
    font-size: 0.75rem;
}

/* Badge */
.badge[b-p1fa4qpe3p] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
}

.bg-secondary[b-p1fa4qpe3p] {
    background: var(--bg-secondary, #f1f5f9) !important;
    color: var(--text-secondary, #64748b) !important;
}

.bg-warning[b-p1fa4qpe3p] {
    background: var(--warning) !important;
}

.text-dark[b-p1fa4qpe3p] {
    color: #1f2937 !important;
}

.bg-danger[b-p1fa4qpe3p] {
    background: var(--danger) !important;
}

.bg-success[b-p1fa4qpe3p] {
    background: var(--success) !important;
}

.bg-info[b-p1fa4qpe3p] {
    background: var(--info) !important;
}

.bg-purple[b-p1fa4qpe3p] {
    background: var(--purple) !important;
}

/* Enquiry Card Grid View */
.enquiry-card[b-p1fa4qpe3p] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    transition: all 0.2s ease;
    overflow: hidden;
}

.enquiry-card:hover[b-p1fa4qpe3p] {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.enquiry-card.border-warning[b-p1fa4qpe3p] {
    border-width: 2px;
    border-color: var(--warning);
}

.enquiry-card.border-danger[b-p1fa4qpe3p] {
    border-width: 2px;
    border-color: var(--danger);
}

.enquiry-card .card-header[b-p1fa4qpe3p] {
    padding: 0.75rem 1rem;
    background: var(--bg-secondary, #f8fafc);
}

.enquiry-card .card-body[b-p1fa4qpe3p] {
    padding: 1rem;
}

.enquiry-card .card-title[b-p1fa4qpe3p] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary, #0f172a);
    margin-bottom: 0.5rem;
}

.enquiry-card .card-text[b-p1fa4qpe3p] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.25rem;
}

.enquiry-card .card-text i[b-p1fa4qpe3p] {
    width: 18px;
    color: var(--text-muted, #94a3b8);
}

.enquiry-card .card-footer[b-p1fa4qpe3p] {
    padding: 0.75rem 1rem;
    background: var(--bg-secondary, #f8fafc);
}

.enquiry-card .card-footer small[b-p1fa4qpe3p] {
    color: var(--text-muted, #94a3b8);
}

/* Text Utilities */
.text-muted[b-p1fa4qpe3p] {
    color: var(--text-muted, #94a3b8) !important;
}

.text-warning[b-p1fa4qpe3p] {
    color: var(--warning) !important;
}

.text-danger[b-p1fa4qpe3p] {
    color: var(--danger) !important;
}

.fw-bold[b-p1fa4qpe3p] {
    font-weight: 600 !important;
}

/* Loading State */
.spinner-border[b-p1fa4qpe3p] {
    width: 2.5rem;
    height: 2.5rem;
    border-width: 3px;
    color: var(--primary);
}

.text-center.py-5[b-p1fa4qpe3p] {
    padding: 3rem 1rem !important;
}

.text-center.py-5 p[b-p1fa4qpe3p] {
    color: var(--text-muted, #94a3b8);
    margin-top: 0.75rem;
}

/* Row & Grid Spacing */
.row.g-3[b-p1fa4qpe3p] {
    --bs-gutter-y: 1rem;
    --bs-gutter-x: 1rem;
}

.p-0[b-p1fa4qpe3p] {
    padding: 0 !important;
}

.p-3[b-p1fa4qpe3p] {
    padding: 1rem !important;
}

.mb-4[b-p1fa4qpe3p] {
    margin-bottom: 1.25rem !important;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-p1fa4qpe3p] {
        padding: 1rem;
    }

    .page-header[b-p1fa4qpe3p] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }

    .page-header h1[b-p1fa4qpe3p] {
        font-size: 1.25rem;
    }

    .card-body[b-p1fa4qpe3p] {
        padding: 1rem;
    }

    .row.g-3 > [class*="col-"][b-p1fa4qpe3p] {
        width: 100%;
    }

    .table thead tr th[b-p1fa4qpe3p],
    .table tbody tr td[b-p1fa4qpe3p] {
        padding: 0.5rem 0.75rem;
        font-size: 0.75rem;
    }

    .btn-group-sm .btn[b-p1fa4qpe3p] {
        padding: 0.25rem 0.5rem;
    }
}
/* /Areas/Administrative/Pages/AdmissionCounsellor/Index.razor.rz.scp.css */
.page-container[b-9ve5yq6vvd] {
    padding: 1.5rem;
}

.page-header[b-9ve5yq6vvd] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-9ve5yq6vvd] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.quick-actions[b-9ve5yq6vvd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.quick-action-card[b-9ve5yq6vvd] {
    display: flex;
    align-items: center;
    padding: 1.25rem;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

.quick-action-card:hover[b-9ve5yq6vvd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: var(--bs-primary);
}

.quick-action-icon[b-9ve5yq6vvd] {
    width: 56px;
    height: 56px;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
    margin-right: 1rem;
    flex-shrink: 0;
}

.quick-action-content h3[b-9ve5yq6vvd] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.quick-action-content p[b-9ve5yq6vvd] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
    margin-bottom: 0;
}

.stat-card[b-9ve5yq6vvd] {
    display: flex;
    align-items: center;
    padding: 1.25rem;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    height: 100%;
}

.stat-icon[b-9ve5yq6vvd] {
    width: 48px;
    height: 48px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
    margin-right: 1rem;
    flex-shrink: 0;
}

.stat-content h4[b-9ve5yq6vvd] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.2;
}

.stat-content p[b-9ve5yq6vvd] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
    margin-bottom: 0;
}
/* /Areas/Administrative/Pages/AdmissionDataEntry/Admissions/Create.razor.rz.scp.css */
/* ========================================
   Admission Wizard Page - Theme Aware
   ======================================== */

.page-container[b-pouxo89jhi] {
    --primary: #3b82f6;
    --primary-light: #60a5fa;
    --primary-dark: #2563eb;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #06b6d4;
    --purple: #8b5cf6;

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.12);

    padding: 1.5rem;
    background: var(--bg-primary, #f8fafc);
    min-height: 100vh;
    color: var(--text-primary, #0f172a);
}

/* Page Header */
.page-header[b-pouxo89jhi] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-pouxo89jhi] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
    margin: 0 0 0.25rem;
}

.page-header .text-muted[b-pouxo89jhi] {
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b) !important;
}

/* Wizard Steps */
.wizard-steps[b-pouxo89jhi] {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0 2rem;
    margin-bottom: 1.5rem;
}

.wizard-steps[b-pouxo89jhi]::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 3rem;
    right: 3rem;
    height: 3px;
    background: var(--border-color, #e2e8f0);
    border-radius: 2px;
    z-index: 0;
}

.wizard-step[b-pouxo89jhi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
}

.wizard-step-number[b-pouxo89jhi] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--card-bg, #ffffff);
    border: 3px solid var(--border-color, #e2e8f0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9375rem;
    margin-bottom: 0.625rem;
    transition: all 0.3s ease;
    color: var(--text-muted, #94a3b8);
    box-shadow: var(--shadow-sm);
}

.wizard-step.active .wizard-step-number[b-pouxo89jhi] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.35);
}

.wizard-step.completed .wizard-step-number[b-pouxo89jhi] {
    background: var(--success);
    border-color: var(--success);
    color: white;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35);
}

.wizard-step-label[b-pouxo89jhi] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-muted, #94a3b8);
    text-align: center;
    max-width: 100px;
}

.wizard-step.active .wizard-step-label[b-pouxo89jhi] {
    color: var(--primary);
    font-weight: 600;
}

.wizard-step.completed .wizard-step-label[b-pouxo89jhi] {
    color: var(--success);
    font-weight: 600;
}

/* Cards */
.card[b-pouxo89jhi] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    overflow: hidden;
    margin-bottom: 1.25rem;
}

.card-header[b-pouxo89jhi] {
    padding: 0.875rem 1.25rem;
    background: linear-gradient(135deg, var(--bg-secondary, #f8fafc) 0%, var(--bg-primary, #f1f5f9) 100%);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.card-header h5[b-pouxo89jhi],
.card-header h6[b-pouxo89jhi] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary, #0f172a);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.card-header i[b-pouxo89jhi] {
    color: var(--primary);
}

.card-body[b-pouxo89jhi] {
    padding: 1.25rem;
    background: var(--card-bg, #ffffff);
}

/* Form Controls */
.form-label[b-pouxo89jhi] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.375rem;
}

.form-control[b-pouxo89jhi],
.form-select[b-pouxo89jhi] {
    font-size: 0.875rem;
    padding: 0.625rem 0.875rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--input-border, #e2e8f0);
    background-color: var(--input-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    transition: all 0.2s ease;
}

.form-control:focus[b-pouxo89jhi],
.form-select:focus[b-pouxo89jhi] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    outline: none;
}

.form-control[b-pouxo89jhi]::placeholder {
    color: var(--text-muted, #94a3b8);
}

/* Buttons */
.btn[b-pouxo89jhi] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn-primary[b-pouxo89jhi] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.btn-primary:hover[b-pouxo89jhi] {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-success[b-pouxo89jhi] {
    background: linear-gradient(135deg, var(--success) 0%, #059669 100%);
    border: none;
    color: white;
}

.btn-success:hover[b-pouxo89jhi] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.btn-outline-secondary[b-pouxo89jhi] {
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-secondary, #64748b);
}

.btn-outline-secondary:hover[b-pouxo89jhi] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-primary, #0f172a);
}

.btn-lg[b-pouxo89jhi] {
    font-size: 0.9375rem;
    padding: 0.75rem 1.5rem;
}

.btn:disabled[b-pouxo89jhi] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Alerts */
.alert[b-pouxo89jhi] {
    border-radius: var(--radius);
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    border: none;
}

.alert-danger[b-pouxo89jhi] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-pouxo89jhi] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-info[b-pouxo89jhi] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

/* School Suggestions Dropdown */
.school-suggestions .suggestion-item:hover[b-pouxo89jhi] {
    background-color: var(--bg-secondary, #f1f5f9);
}

/* ========================================
   Print Form Styles (Review Section)
   ======================================== */
.admission-form-print[b-pouxo89jhi] {
    background: white;
    padding: 1.25rem;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius);
}

.admission-form-print .form-header h4[b-pouxo89jhi] {
    color: #1e3a5f;
    letter-spacing: 1px;
    font-size: 1.25rem;
}

.admission-form-print .form-header h5[b-pouxo89jhi] {
    color: #2d4a6a;
    font-size: 1rem;
    font-weight: 600;
}

.admission-form-print .section-header[b-pouxo89jhi] {
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: white !important;
    background: linear-gradient(135deg, #1e5a9a 0%, #2874ba 100%) !important;
    padding: 0.5rem 0.5rem !important;
    margin: 0 !important;
    border-radius: 0;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box;
    border: 1px solid #333;
    border-bottom: none;
    flex: none !important;
}

.admission-form-print .section-header.text-white[b-pouxo89jhi],
.admission-form-print div.section-header.text-white[b-pouxo89jhi] {
    color: white !important;
}

.admission-form-print .section-header.bg-primary[b-pouxo89jhi],
.admission-form-print div.section-header.bg-primary[b-pouxo89jhi] {
    background: linear-gradient(135deg, #1e5a9a 0%, #2874ba 100%) !important;
    color: white !important;
}

.admission-form-print .section-header.bg-danger[b-pouxo89jhi],
.admission-form-print div.section-header.bg-danger[b-pouxo89jhi] {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
    color: white !important;
}

.admission-form-print .section-header.bg-warning[b-pouxo89jhi],
.admission-form-print div.section-header.bg-warning[b-pouxo89jhi] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #1f2937 !important;
}

.admission-form-print .table[b-pouxo89jhi] {
    margin-bottom: 1rem;
    margin-top: 0 !important;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #333;
}

.admission-form-print .section-header + .table[b-pouxo89jhi] {
    margin-top: 0 !important;
    border-top: none;
}

.admission-form-print .table td[b-pouxo89jhi],
.admission-form-print .table th[b-pouxo89jhi] {
    padding: 0.4rem 0.5rem;
    vertical-align: middle;
    border: 1px solid #333;
}

.admission-form-print .table-bordered[b-pouxo89jhi] {
    border: 1px solid #333 !important;
}

.admission-form-print .table-bordered td[b-pouxo89jhi],
.admission-form-print .table-bordered th[b-pouxo89jhi] {
    border: 1px solid #333 !important;
}

.admission-form-print .table .bg-light[b-pouxo89jhi] {
    background-color: #f8f9fa !important;
}

.admission-form-print .table .fw-semibold[b-pouxo89jhi] {
    font-weight: 600;
    color: #374151;
}

/* Ensure section headers span full width */
.admission-form-print .mb-3[b-pouxo89jhi],
.admission-form-print .mb-4[b-pouxo89jhi] {
    width: 100%;
}

/* Section header improvements */
.admission-form-print h6.section-header[b-pouxo89jhi],
.admission-form-print .section-header[b-pouxo89jhi] {
    margin: 0 !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Table label cells (left column) */
.admission-form-print .table td:first-child[b-pouxo89jhi] {
    background-color: #f8f9fa;
    font-weight: 500;
    width: 30%;
}

/* S.NO. column - narrow width for serial numbers */
.admission-form-print .table th:first-child[b-pouxo89jhi],
.admission-form-print .table td:first-child[b-pouxo89jhi] {
    width: auto;
    min-width: auto;
}

/* Family particulars table - specific column widths */
.admission-form-print .table.family-table td:first-child[b-pouxo89jhi],
.admission-form-print .table.family-table th:first-child[b-pouxo89jhi] {
    width: 5% !important;
    min-width: 40px;
    max-width: 60px;
    text-align: center;
}

.admission-form-print .table.family-table td:nth-child(2)[b-pouxo89jhi],
.admission-form-print .table.family-table th:nth-child(2)[b-pouxo89jhi] {
    width: 20%;
}

/* Consistent spacing between sections */
.admission-form-print > .mb-3[b-pouxo89jhi],
.admission-form-print > .mb-4[b-pouxo89jhi] {
    margin-bottom: 1rem !important;
}

.admission-form-print .photo-placeholder[b-pouxo89jhi] {
    flex-shrink: 0;
}

.admission-form-print .photo-placeholder > div[b-pouxo89jhi] {
    background: #fafafa;
}

/* Info header table */
.admission-form-print .form-info-header .table[b-pouxo89jhi] {
    font-size: 0.8rem;
}

.admission-form-print .form-info-header .table td[b-pouxo89jhi] {
    padding: 0.35rem 0.5rem;
}

/* Section styling - All section headers with blue background */
.admission-form-print .section-header.bg-dark[b-pouxo89jhi],
.admission-form-print .section-header.bg-secondary[b-pouxo89jhi],
.admission-form-print div.section-header.bg-dark[b-pouxo89jhi],
.admission-form-print div.section-header.bg-secondary[b-pouxo89jhi] {
    background: linear-gradient(135deg, #1e5a9a 0%, #2874ba 100%) !important;
    color: white !important;
}

/* Declaration box */
.admission-form-print .border-top[b-pouxo89jhi] {
    border-top-style: solid !important;
}

/* Badge styles in print */
.admission-form-print .badge[b-pouxo89jhi] {
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-pouxo89jhi] {
        padding: 1rem;
    }

    .wizard-steps[b-pouxo89jhi] {
        padding: 0 0.5rem;
    }

    .wizard-steps[b-pouxo89jhi]::before {
        left: 1.5rem;
        right: 1.5rem;
    }

    .wizard-step-label[b-pouxo89jhi] {
        display: none;
    }

    .wizard-step-number[b-pouxo89jhi] {
        width: 36px;
        height: 36px;
        font-size: 0.875rem;
    }

    .page-header h1[b-pouxo89jhi] {
        font-size: 1.25rem;
    }

    .card-body[b-pouxo89jhi] {
        padding: 1rem;
    }

    /* Print form responsive */
    .admission-form-print[b-pouxo89jhi] {
        padding: 0.75rem;
    }

    .admission-form-print .d-flex.justify-content-between[b-pouxo89jhi] {
        flex-direction: column;
        gap: 1rem;
    }

    .admission-form-print .photo-placeholder > div[b-pouxo89jhi] {
        margin: 0 auto;
    }

    .admission-form-print .form-info-header[b-pouxo89jhi] {
        order: -1;
    }
}

/* No print class */
.no-print[b-pouxo89jhi] {
    display: block;
}

/* Print Media Styles - A4 Size */
@page {
    size: A4;
    margin: 10mm 15mm;
}

@media print {
    .no-print[b-pouxo89jhi] {
        display: none !important;
    }

    body[b-pouxo89jhi] {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .page-container[b-pouxo89jhi] {
        padding: 0 !important;
        background: white !important;
        min-height: auto !important;
    }

    .card[b-pouxo89jhi] {
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
    }

    .card-body[b-pouxo89jhi] {
        padding: 0 !important;
    }

    .admission-form-print[b-pouxo89jhi] {
        border: none;
        padding: 0;
        box-shadow: none;
        width: 100%;
        max-width: 210mm; /* A4 width */
        margin: 0 auto;
        font-size: 11px;
    }

    .admission-form-print .section-header[b-pouxo89jhi] {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        background: #1e5a9a !important;
        color: white !important;
        font-size: 10px !important;
        padding: 4px 8px !important;
    }

    .admission-form-print .section-header.bg-primary[b-pouxo89jhi],
    .admission-form-print .section-header.bg-dark[b-pouxo89jhi],
    .admission-form-print .section-header.bg-secondary[b-pouxo89jhi],
    .admission-form-print .section-header.bg-warning[b-pouxo89jhi] {
        background: #1e5a9a !important;
        color: white !important;
    }

    .admission-form-print .section-header.bg-danger[b-pouxo89jhi] {
        background: #dc2626 !important;
        color: white !important;
    }

    .admission-form-print .bg-light[b-pouxo89jhi] {
        background-color: #f5f5f5 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .admission-form-print .table[b-pouxo89jhi] {
        border: 1px solid #333;
        font-size: 10px;
    }

    .admission-form-print .table td[b-pouxo89jhi],
    .admission-form-print .table th[b-pouxo89jhi] {
        border: 1px solid #333;
        padding: 3px 5px !important;
    }

    .admission-form-print .section-header[b-pouxo89jhi] {
        font-size: 10px !important;
        padding: 4px 8px !important;
    }

    .admission-form-print .form-header h4[b-pouxo89jhi] {
        font-size: 16px !important;
    }

    .admission-form-print .form-header h5[b-pouxo89jhi] {
        font-size: 12px !important;
    }

    .admission-form-print .form-header h6[b-pouxo89jhi] {
        font-size: 11px !important;
    }

    .admission-form-print .form-header p[b-pouxo89jhi] {
        font-size: 9px !important;
    }

    .admission-form-print .photo-placeholder > div[b-pouxo89jhi] {
        width: 70px !important;
        height: 90px !important;
    }

    .admission-form-print .photo-placeholder small[b-pouxo89jhi] {
        font-size: 7px !important;
    }

    .admission-form-print .mb-3[b-pouxo89jhi] {
        margin-bottom: 8px !important;
    }

    .admission-form-print .mb-4[b-pouxo89jhi] {
        margin-bottom: 12px !important;
    }

    .admission-form-print ol[b-pouxo89jhi] {
        font-size: 9px;
        margin-bottom: 8px !important;
    }

    .admission-form-print p[b-pouxo89jhi] {
        font-size: 9px;
        margin-bottom: 6px !important;
    }

    .admission-form-print .alert-info[b-pouxo89jhi] {
        display: none !important;
    }

    .card-footer[b-pouxo89jhi] {
        display: none !important;
    }

    .wizard-steps[b-pouxo89jhi] {
        display: none !important;
    }

    .page-header[b-pouxo89jhi] {
        display: none !important;
    }

    .breadcrumb[b-pouxo89jhi] {
        display: none !important;
    }

    /* Ensure page break handling */
    .admission-form-print .section-header[b-pouxo89jhi] {
        page-break-after: avoid;
    }

    .admission-form-print table[b-pouxo89jhi] {
        page-break-inside: avoid;
    }
}
/* /Areas/Administrative/Pages/AdmissionDataEntry/Admissions/Index.razor.rz.scp.css */
.page-container[b-zlf6mwa6ra] {
    padding: 1.5rem;
}

.page-header[b-zlf6mwa6ra] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-zlf6mwa6ra] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}
/* /Areas/Administrative/Pages/AdmissionDataEntry/Documents/Index.razor.rz.scp.css */
/* Modern SaaS-style Admission File Page */

.admission-file-page[b-znz2i8tpx4] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* ============================================
   Dark Theme Support
   ============================================ */

:root.dark .admission-file-page[b-znz2i8tpx4],
[data-theme="dark"] .admission-file-page[b-znz2i8tpx4] {
    color: #e5e7eb;
}

:root.dark .page-title[b-znz2i8tpx4],
[data-theme="dark"] .page-title[b-znz2i8tpx4] {
    color: #f9fafb;
}

:root.dark .page-subtitle[b-znz2i8tpx4],
[data-theme="dark"] .page-subtitle[b-znz2i8tpx4] {
    color: #9ca3af;
}

:root.dark .search-card[b-znz2i8tpx4],
[data-theme="dark"] .search-card[b-znz2i8tpx4] {
    background: #1f2937;
    border-color: #374151;
}

:root.dark .search-input-group[b-znz2i8tpx4],
[data-theme="dark"] .search-input-group[b-znz2i8tpx4] {
    background: #374151;
    border-color: #4b5563;
}

:root.dark .search-input-group input[b-znz2i8tpx4],
[data-theme="dark"] .search-input-group input[b-znz2i8tpx4] {
    background: transparent;
    color: #f9fafb;
}

:root.dark .search-input-group input[b-znz2i8tpx4]::placeholder,
[data-theme="dark"] .search-input-group input[b-znz2i8tpx4]::placeholder {
    color: #9ca3af;
}

:root.dark .filter-tabs .tab-btn[b-znz2i8tpx4],
[data-theme="dark"] .filter-tabs .tab-btn[b-znz2i8tpx4] {
    background: #374151;
    color: #d1d5db;
    border-color: #4b5563;
}

:root.dark .filter-tabs .tab-btn:hover[b-znz2i8tpx4],
[data-theme="dark"] .filter-tabs .tab-btn:hover[b-znz2i8tpx4] {
    background: #4b5563;
}

:root.dark .filter-tabs .tab-btn.active[b-znz2i8tpx4],
[data-theme="dark"] .filter-tabs .tab-btn.active[b-znz2i8tpx4] {
    background: #3b82f6;
    color: white;
}

:root.dark .admission-card[b-znz2i8tpx4],
[data-theme="dark"] .admission-card[b-znz2i8tpx4] {
    background: #1f2937;
    border-color: #374151;
}

:root.dark .admission-card:hover[b-znz2i8tpx4],
[data-theme="dark"] .admission-card:hover[b-znz2i8tpx4] {
    border-color: #4b5563;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

:root.dark .student-name[b-znz2i8tpx4],
[data-theme="dark"] .student-name[b-znz2i8tpx4] {
    color: #f9fafb;
}

:root.dark .parent-name[b-znz2i8tpx4],
[data-theme="dark"] .parent-name[b-znz2i8tpx4] {
    color: #9ca3af;
}

:root.dark .info-item label[b-znz2i8tpx4],
[data-theme="dark"] .info-item label[b-znz2i8tpx4] {
    color: #9ca3af;
}

:root.dark .info-item span[b-znz2i8tpx4],
[data-theme="dark"] .info-item span[b-znz2i8tpx4] {
    color: #e5e7eb;
}

:root.dark .card-action[b-znz2i8tpx4],
[data-theme="dark"] .card-action[b-znz2i8tpx4] {
    background: #374151;
    color: #d1d5db;
}

:root.dark .card-action:hover[b-znz2i8tpx4],
[data-theme="dark"] .card-action:hover[b-znz2i8tpx4] {
    background: #4b5563;
}

/* Detail View Dark Theme */
:root.dark .detail-header[b-znz2i8tpx4],
[data-theme="dark"] .detail-header[b-znz2i8tpx4] {
    background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
    border-color: #374151;
}

:root.dark .detail-header .student-name[b-znz2i8tpx4],
[data-theme="dark"] .detail-header .student-name[b-znz2i8tpx4] {
    color: #f9fafb;
}

:root.dark .detail-header .parent-name[b-znz2i8tpx4],
[data-theme="dark"] .detail-header .parent-name[b-znz2i8tpx4] {
    color: #d1d5db;
}

:root.dark .status-card[b-znz2i8tpx4],
[data-theme="dark"] .status-card[b-znz2i8tpx4] {
    background: #374151;
}

:root.dark .status-card .status-label[b-znz2i8tpx4],
[data-theme="dark"] .status-card .status-label[b-znz2i8tpx4] {
    color: #9ca3af;
}

:root.dark .status-card .status-value[b-znz2i8tpx4],
[data-theme="dark"] .status-card .status-value[b-znz2i8tpx4] {
    color: #e5e7eb;
}

:root.dark .content-section[b-znz2i8tpx4],
[data-theme="dark"] .content-section[b-znz2i8tpx4] {
    background: #1f2937;
    border-color: #374151;
}

:root.dark .section-title[b-znz2i8tpx4],
[data-theme="dark"] .section-title[b-znz2i8tpx4] {
    color: #f9fafb;
}

:root.dark .info-card[b-znz2i8tpx4],
[data-theme="dark"] .info-card[b-znz2i8tpx4] {
    background: #374151;
}

:root.dark .info-label[b-znz2i8tpx4],
[data-theme="dark"] .info-label[b-znz2i8tpx4] {
    color: #9ca3af;
}

:root.dark .info-value[b-znz2i8tpx4],
[data-theme="dark"] .info-value[b-znz2i8tpx4] {
    color: #e5e7eb;
}

/* Tabs Dark Theme */
:root.dark .tab-nav[b-znz2i8tpx4],
[data-theme="dark"] .tab-nav[b-znz2i8tpx4] {
    border-color: #374151;
}

:root.dark .tab-btn[b-znz2i8tpx4],
[data-theme="dark"] .tab-btn[b-znz2i8tpx4] {
    color: #9ca3af;
}

:root.dark .tab-btn:hover[b-znz2i8tpx4],
[data-theme="dark"] .tab-btn:hover[b-znz2i8tpx4] {
    color: #e5e7eb;
    background: #374151;
}

:root.dark .tab-btn.active[b-znz2i8tpx4],
[data-theme="dark"] .tab-btn.active[b-znz2i8tpx4] {
    color: #3b82f6;
    border-color: #3b82f6;
}

/* Documents List Dark Theme */
:root.dark .doc-item[b-znz2i8tpx4],
[data-theme="dark"] .doc-item[b-znz2i8tpx4] {
    background: #374151;
    border-color: #4b5563;
}

:root.dark .doc-item:hover[b-znz2i8tpx4],
[data-theme="dark"] .doc-item:hover[b-znz2i8tpx4] {
    background: #4b5563;
}

:root.dark .doc-name[b-znz2i8tpx4],
[data-theme="dark"] .doc-name[b-znz2i8tpx4] {
    color: #e5e7eb;
}

:root.dark .doc-meta[b-znz2i8tpx4],
[data-theme="dark"] .doc-meta[b-znz2i8tpx4] {
    color: #9ca3af;
}

/* Undertakings Dark Theme */
:root.dark .undertaking-item[b-znz2i8tpx4],
[data-theme="dark"] .undertaking-item[b-znz2i8tpx4] {
    background: #374151;
    border-color: #4b5563;
}

:root.dark .undertaking-item:hover[b-znz2i8tpx4],
[data-theme="dark"] .undertaking-item:hover[b-znz2i8tpx4] {
    background: #4b5563;
}

:root.dark .utg-title[b-znz2i8tpx4],
[data-theme="dark"] .utg-title[b-znz2i8tpx4] {
    color: #e5e7eb;
}

:root.dark .utg-date[b-znz2i8tpx4],
[data-theme="dark"] .utg-date[b-znz2i8tpx4] {
    color: #9ca3af;
}

:root.dark .icon-btn[b-znz2i8tpx4],
[data-theme="dark"] .icon-btn[b-znz2i8tpx4] {
    background: #4b5563;
    color: #d1d5db;
}

:root.dark .icon-btn:hover[b-znz2i8tpx4],
[data-theme="dark"] .icon-btn:hover[b-znz2i8tpx4] {
    background: #6b7280;
}

/* Photos Section Dark Theme */
:root.dark .photo-item[b-znz2i8tpx4],
[data-theme="dark"] .photo-item[b-znz2i8tpx4] {
    background: #374151;
    border-color: #4b5563;
}

:root.dark .photo-label[b-znz2i8tpx4],
[data-theme="dark"] .photo-label[b-znz2i8tpx4] {
    color: #e5e7eb;
}

:root.dark .photo-helper-text[b-znz2i8tpx4],
[data-theme="dark"] .photo-helper-text[b-znz2i8tpx4] {
    color: #9ca3af;
}

/* Modal Dark Theme */
:root.dark .modal-content-modern[b-znz2i8tpx4],
[data-theme="dark"] .modal-content-modern[b-znz2i8tpx4] {
    background: #1f2937;
}

:root.dark .modal-header-modern[b-znz2i8tpx4],
[data-theme="dark"] .modal-header-modern[b-znz2i8tpx4] {
    background: #111827;
    border-color: #374151;
}

:root.dark .modal-header-modern h3[b-znz2i8tpx4],
[data-theme="dark"] .modal-header-modern h3[b-znz2i8tpx4] {
    color: #f9fafb;
}

:root.dark .modal-body-modern[b-znz2i8tpx4],
[data-theme="dark"] .modal-body-modern[b-znz2i8tpx4] {
    background: #1f2937;
}

:root.dark .modal-footer-modern[b-znz2i8tpx4],
[data-theme="dark"] .modal-footer-modern[b-znz2i8tpx4] {
    background: #111827;
    border-color: #374151;
}

:root.dark .btn-secondary[b-znz2i8tpx4],
[data-theme="dark"] .btn-secondary[b-znz2i8tpx4] {
    background: #374151;
    color: #e5e7eb;
}

:root.dark .btn-secondary:hover[b-znz2i8tpx4],
[data-theme="dark"] .btn-secondary:hover[b-znz2i8tpx4] {
    background: #4b5563;
}

:root.dark .btn-outline[b-znz2i8tpx4],
[data-theme="dark"] .btn-outline[b-znz2i8tpx4] {
    background: #374151;
    color: #e5e7eb;
    border-color: #4b5563;
}

:root.dark .btn-outline:hover[b-znz2i8tpx4],
[data-theme="dark"] .btn-outline:hover[b-znz2i8tpx4] {
    background: #4b5563;
}

/* Signature Section Dark Theme */
:root.dark .signature-capture-section[b-znz2i8tpx4],
[data-theme="dark"] .signature-capture-section[b-znz2i8tpx4] {
    background: #374151;
    border-color: #4b5563;
}

:root.dark .signature-section-title[b-znz2i8tpx4],
[data-theme="dark"] .signature-section-title[b-znz2i8tpx4] {
    color: #f9fafb;
}

:root.dark .signature-instruction[b-znz2i8tpx4],
[data-theme="dark"] .signature-instruction[b-znz2i8tpx4] {
    color: #9ca3af;
}

:root.dark .signed-badge[b-znz2i8tpx4],
[data-theme="dark"] .signed-badge[b-znz2i8tpx4] {
    background: #065f46;
    color: #d1fae5;
}

/* Undertaking Preview Dark Theme */
:root.dark .undertaking-preview[b-znz2i8tpx4],
[data-theme="dark"] .undertaking-preview[b-znz2i8tpx4] {
    background: #ffffff;
    color: #111827;
}

/* Empty State Dark Theme */
:root.dark .empty-state[b-znz2i8tpx4],
[data-theme="dark"] .empty-state[b-znz2i8tpx4] {
    color: #9ca3af;
}

:root.dark .empty-state i[b-znz2i8tpx4],
[data-theme="dark"] .empty-state i[b-znz2i8tpx4] {
    color: #6b7280;
}

/* Page Header */
.page-header-modern[b-znz2i8tpx4] {
    padding: 2rem 0;
}

.page-title[b-znz2i8tpx4] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
}

.page-subtitle[b-znz2i8tpx4] {
    color: #6b7280;
    margin: 0.5rem 0 0;
    font-size: 0.95rem;
}

/* Search Section */
.search-section[b-znz2i8tpx4] {
    margin-bottom: 2rem;
}

.search-card[b-znz2i8tpx4] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    border: 1px solid #e5e7eb;
}

.search-input-group[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #f9fafb;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    border: 1px solid #e5e7eb;
    transition: all 0.2s;
}

.search-input-group:focus-within[b-znz2i8tpx4] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.search-icon[b-znz2i8tpx4] {
    color: #9ca3af;
    font-size: 1rem;
}

.search-input[b-znz2i8tpx4] {
    flex: 1;
    border: none;
    background: transparent;
    padding: 0.5rem;
    font-size: 0.95rem;
    outline: none;
}

.search-btn[b-znz2i8tpx4] {
    background: #3b82f6;
    color: white;
    border: none;
    padding: 0.5rem 1.5rem;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.search-btn:hover[b-znz2i8tpx4] {
    background: #2563eb;
}

.filter-chips[b-znz2i8tpx4] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

.filter-chip[b-znz2i8tpx4] {
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    padding: 0.4rem 1rem;
    border-radius: 20px;
    font-size: 0.85rem;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.filter-chip:hover[b-znz2i8tpx4] {
    background: #e5e7eb;
}

.filter-chip.active[b-znz2i8tpx4] {
    background: #3b82f6;
    color: white;
    border-color: #3b82f6;
}

/* Loading State */
.loading-state[b-znz2i8tpx4] {
    text-align: center;
    padding: 4rem 2rem;
}

.loading-spinner[b-znz2i8tpx4] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-znz2i8tpx4 0.8s linear infinite;
    margin: 0 auto 1rem;
}

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

/* Empty State */
.empty-state[b-znz2i8tpx4] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    border: 1px dashed #d1d5db;
}

.empty-state i[b-znz2i8tpx4] {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h3[b-znz2i8tpx4] {
    color: #374151;
    margin-bottom: 0.5rem;
}

.empty-state p[b-znz2i8tpx4] {
    color: #6b7280;
}

.empty-state.error i[b-znz2i8tpx4] {
    color: #ef4444;
}

/* Application Cards Grid */
.applications-grid[b-znz2i8tpx4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

.application-card[b-znz2i8tpx4] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    cursor: pointer;
    transition: all 0.2s;
}

.application-card:hover[b-znz2i8tpx4] {
    border-color: #3b82f6;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
    transform: translateY(-2px);
}

.card-header-section[b-znz2i8tpx4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.app-id[b-znz2i8tpx4] {
    font-weight: 600;
    color: #3b82f6;
    font-size: 0.9rem;
}

.status-badge[b-znz2i8tpx4] {
    font-size: 0.75rem;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-weight: 500;
}

.status-success[b-znz2i8tpx4] { background: #dcfce7; color: #166534; }
.status-warning[b-znz2i8tpx4] { background: #fef3c7; color: #92400e; }
.status-danger[b-znz2i8tpx4] { background: #fee2e2; color: #991b1b; }
.status-info[b-znz2i8tpx4] { background: #dbeafe; color: #1e40af; }
.status-secondary[b-znz2i8tpx4] { background: #f3f4f6; color: #6b7280; }

.student-name[b-znz2i8tpx4] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 0.5rem;
}

.student-details[b-znz2i8tpx4] {
    display: flex;
    gap: 1rem;
    font-size: 0.85rem;
    color: #6b7280;
}

.student-details i[b-znz2i8tpx4] {
    margin-right: 0.3rem;
}

.card-footer-section[b-znz2i8tpx4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #f3f4f6;
}

.progress-indicator[b-znz2i8tpx4] {
    flex: 1;
}

.progress-bar[b-znz2i8tpx4] {
    height: 4px;
    background: #e5e7eb;
    border-radius: 2px;
    overflow: hidden;
}

.progress-fill[b-znz2i8tpx4] {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6, #8b5cf6);
    border-radius: 2px;
    transition: width 0.3s;
}

.progress-text[b-znz2i8tpx4] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 0.25rem;
    display: block;
}

.card-arrow[b-znz2i8tpx4] {
    color: #d1d5db;
    transition: transform 0.2s;
}

.application-card:hover .card-arrow[b-znz2i8tpx4] {
    transform: translateX(4px);
    color: #3b82f6;
}

/* Detail View */
.file-detail-view[b-znz2i8tpx4] {
    animation: fadeIn-b-znz2i8tpx4 0.3s ease;
}

@keyframes fadeIn-b-znz2i8tpx4 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.detail-nav[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.back-btn[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.2s;
}

.back-btn:hover[b-znz2i8tpx4] {
    background: #f3f4f6;
    color: #1f2937;
}

.nav-title[b-znz2i8tpx4] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.app-badge[b-znz2i8tpx4] {
    background: #eff6ff;
    color: #3b82f6;
    padding: 0.3rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
}

.nav-title h2[b-znz2i8tpx4] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
}

.nav-actions[b-znz2i8tpx4] {
    display: flex;
    gap: 0.5rem;
}

.action-btn[b-znz2i8tpx4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.2s;
}

.action-btn.primary[b-znz2i8tpx4] {
    background: #3b82f6;
    color: white;
}

.action-btn.primary:hover[b-znz2i8tpx4] {
    background: #2563eb;
}

/* Status Overview */
.status-overview[b-znz2i8tpx4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.status-card[b-znz2i8tpx4] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid #e5e7eb;
    transition: all 0.2s;
}

.status-card.complete[b-znz2i8tpx4] {
    border-color: #22c55e;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
}

.status-card.complete .status-icon[b-znz2i8tpx4] {
    background: #22c55e;
    color: white;
}

.status-card.in-progress[b-znz2i8tpx4] {
    border-color: #f59e0b;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
}

.status-card.in-progress .status-icon[b-znz2i8tpx4] {
    background: #f59e0b;
    color: white;
}

.status-card.pending .status-icon[b-znz2i8tpx4] {
    background: #e5e7eb;
    color: #6b7280;
}

.status-icon[b-znz2i8tpx4] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.status-content[b-znz2i8tpx4] {
    flex: 1;
}

.status-label[b-znz2i8tpx4] {
    display: block;
    font-size: 0.85rem;
    color: #6b7280;
}

.status-value[b-znz2i8tpx4] {
    font-weight: 600;
    color: #1f2937;
}

.status-action[b-znz2i8tpx4] {
    font-size: 0.85rem;
    color: #3b82f6;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.status-action:hover[b-znz2i8tpx4] {
    text-decoration: underline;
}

/* Content Grid - Two Column Layout */
.content-grid[b-znz2i8tpx4] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 1.5rem;
    align-items: start;
}

.info-column[b-znz2i8tpx4] {
    grid-column: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 1rem;
}

.main-column[b-znz2i8tpx4] {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
}

@media (max-width: 1024px) {
    .content-grid[b-znz2i8tpx4] {
        grid-template-columns: 1fr;
    }

    .info-column[b-znz2i8tpx4],
    .main-column[b-znz2i8tpx4] {
        grid-column: 1;
    }

    .info-column[b-znz2i8tpx4] {
        position: static;
    }
}

/* Info Cards */
.info-card[b-znz2i8tpx4] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.info-header[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
    order: -1; /* Ensure header is always first */
}

.info-header i[b-znz2i8tpx4] {
    color: #3b82f6;
    font-size: 1.1rem;
}

.info-header h3[b-znz2i8tpx4] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #374151;
    margin: 0;
}

.info-body[b-znz2i8tpx4] {
    padding: 1rem 1.25rem;
}

.info-body.p-0[b-znz2i8tpx4] {
    padding: 0;
}

.info-row[b-znz2i8tpx4] {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 0.75rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid #f3f4f6;
    align-items: center;
}

.info-row:last-child[b-znz2i8tpx4] {
    border-bottom: none;
}

.info-label[b-znz2i8tpx4] {
    color: #6b7280;
    font-size: 0.85rem;
    font-weight: 500;
}

.info-value[b-znz2i8tpx4] {
    font-weight: 500;
    color: #1f2937;
    font-size: 0.9rem;
    text-align: right;
}

.badge-inline[b-znz2i8tpx4] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Tabbed Card */
.tabbed-card[b-znz2i8tpx4] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.tab-nav[b-znz2i8tpx4] {
    display: flex;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.tab-btn[b-znz2i8tpx4] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #6b7280;
    font-weight: 500;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s;
}

.tab-btn:hover[b-znz2i8tpx4] {
    background: #f3f4f6;
    color: #374151;
}

.tab-btn.active[b-znz2i8tpx4] {
    background: white;
    color: #3b82f6;
    border-bottom-color: #3b82f6;
}

.tab-btn i[b-znz2i8tpx4] {
    font-size: 1rem;
}

.tab-badge[b-znz2i8tpx4] {
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 600;
    background: #e5e7eb;
    color: #6b7280;
}

.tab-badge.success[b-znz2i8tpx4] {
    background: #dcfce7;
    color: #166534;
}

.tab-badge.warning[b-znz2i8tpx4] {
    background: #fef3c7;
    color: #92400e;
}

.tab-content[b-znz2i8tpx4] {
    padding: 1.25rem;
    min-height: 300px;
}

/* Photos Section */
.photos-section[b-znz2i8tpx4] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.section-subtitle[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 1rem;
}

.section-subtitle i[b-znz2i8tpx4] {
    color: #3b82f6;
}

.photos-grid[b-znz2i8tpx4] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

@media (max-width: 900px) {
    .photos-grid[b-znz2i8tpx4] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .photos-grid[b-znz2i8tpx4] {
        grid-template-columns: 1fr;
    }
}

.photo-item[b-znz2i8tpx4] {
    text-align: center;
}

.photo-item label[b-znz2i8tpx4] {
    display: block;
    font-size: 0.8rem;
    font-weight: 500;
    color: #6b7280;
    margin-bottom: 0.5rem;
}

.photo-item .required-star[b-znz2i8tpx4] {
    color: #ef4444;
    font-weight: 600;
}

.photo-submitted-date[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #059669;
    background: #ecfdf5;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.photo-submitted-date i[b-znz2i8tpx4] {
    font-size: 0.7rem;
}

:root.dark .photo-submitted-date[b-znz2i8tpx4],
[data-theme="dark"] .photo-submitted-date[b-znz2i8tpx4] {
    background: #064e3b;
    color: #6ee7b7;
}

.photo-helper-text[b-znz2i8tpx4] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    font-size: 0.8rem;
    color: #0369a1;
}

.photo-helper-text i[b-znz2i8tpx4] {
    margin-top: 2px;
    flex-shrink: 0;
}

.photo-helper-text strong[b-znz2i8tpx4] {
    color: #0c4a6e;
}

/* Documents Section */
.documents-section[b-znz2i8tpx4] {
    margin-top: 1rem;
}

/* Upload Progress */
.upload-progress-bar[b-znz2i8tpx4] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 1rem;
}

.progress-info[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    color: #1e40af;
}

.upload-progress-bar .progress[b-znz2i8tpx4] {
    height: 4px;
    background: #dbeafe;
    border-radius: 2px;
    overflow: hidden;
}

.upload-progress-bar .progress-fill[b-znz2i8tpx4] {
    height: 100%;
    background: #3b82f6;
    transition: width 0.3s;
}

/* Upload Messages */
.upload-message[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-top: 1rem;
    font-size: 0.9rem;
}

.upload-message.error[b-znz2i8tpx4] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.upload-message.success[b-znz2i8tpx4] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.upload-message .close-btn[b-znz2i8tpx4] {
    margin-left: auto;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    opacity: 0.6;
    padding: 0;
}

.upload-message .close-btn:hover[b-znz2i8tpx4] {
    opacity: 1;
}

/* Section Cards */
.section-card[b-znz2i8tpx4] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.section-header[b-znz2i8tpx4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.section-title[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-title i[b-znz2i8tpx4] {
    color: #3b82f6;
}

.section-title h3[b-znz2i8tpx4] {
    font-size: 1rem;
    font-weight: 600;
    color: #374151;
    margin: 0;
}

.section-badge[b-znz2i8tpx4] {
    padding: 0.3rem 0.75rem;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
}

.section-badge.success[b-znz2i8tpx4] { background: #dcfce7; color: #166534; }
.section-badge.warning[b-znz2i8tpx4] { background: #fef3c7; color: #92400e; }
.section-badge.secondary[b-znz2i8tpx4] { background: #f3f4f6; color: #6b7280; }

.section-body[b-znz2i8tpx4] {
    padding: 1rem 1.25rem;
}

/* Dark Theme for Section Cards */
:root.dark .section-card[b-znz2i8tpx4],
[data-theme="dark"] .section-card[b-znz2i8tpx4] {
    background: #1f2937;
    border-color: #374151;
}

:root.dark .section-header[b-znz2i8tpx4],
[data-theme="dark"] .section-header[b-znz2i8tpx4] {
    background: #111827;
    border-color: #374151;
}

:root.dark .section-title h3[b-znz2i8tpx4],
[data-theme="dark"] .section-title h3[b-znz2i8tpx4] {
    color: #f3f4f6;
}

:root.dark .section-badge.success[b-znz2i8tpx4],
[data-theme="dark"] .section-badge.success[b-znz2i8tpx4] {
    background: #064e3b;
    color: #34d399;
}

:root.dark .section-badge.warning[b-znz2i8tpx4],
[data-theme="dark"] .section-badge.warning[b-znz2i8tpx4] {
    background: #78350f;
    color: #fcd34d;
}

:root.dark .section-badge.secondary[b-znz2i8tpx4],
[data-theme="dark"] .section-badge.secondary[b-znz2i8tpx4] {
    background: #374151;
    color: #9ca3af;
}

:root.dark .section-body[b-znz2i8tpx4],
[data-theme="dark"] .section-body[b-znz2i8tpx4] {
    background: #1f2937;
}

:root.dark .section-subtitle[b-znz2i8tpx4],
[data-theme="dark"] .section-subtitle[b-znz2i8tpx4] {
    color: #d1d5db;
}

:root.dark .photos-section[b-znz2i8tpx4],
[data-theme="dark"] .photos-section[b-znz2i8tpx4] {
    border-color: #374151;
}

:root.dark .documents-section[b-znz2i8tpx4],
[data-theme="dark"] .documents-section[b-znz2i8tpx4] {
    background: #1f2937;
}

:root.dark .photo-helper-text[b-znz2i8tpx4],
[data-theme="dark"] .photo-helper-text[b-znz2i8tpx4] {
    background: #374151;
    border-color: #4b5563;
    color: #9ca3af;
}

:root.dark .photo-item label[b-znz2i8tpx4],
[data-theme="dark"] .photo-item label[b-znz2i8tpx4] {
    color: #d1d5db;
}

/* Document Table */
.document-table-wrapper[b-znz2i8tpx4] {
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: white;
}

.document-table[b-znz2i8tpx4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.document-table thead[b-znz2i8tpx4] {
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.document-table th[b-znz2i8tpx4] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #374151;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.document-table th.col-status[b-znz2i8tpx4] { width: 120px; }
.document-table th.col-name[b-znz2i8tpx4] { min-width: 200px; }
.document-table th.col-submitted[b-znz2i8tpx4] { width: 130px; text-align: center; }
.document-table th.col-duedate[b-znz2i8tpx4] { width: 130px; text-align: center; }
.document-table th.col-actions[b-znz2i8tpx4] { width: 120px; text-align: center; }

.document-table tbody tr[b-znz2i8tpx4] {
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.15s;
}

.document-table tbody tr:last-child[b-znz2i8tpx4] {
    border-bottom: none;
}

.document-table tbody tr:hover[b-znz2i8tpx4] {
    background: #f9fafb;
}

.document-table td[b-znz2i8tpx4] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
}

.document-table td.col-submitted[b-znz2i8tpx4],
.document-table td.col-duedate[b-znz2i8tpx4] {
    text-align: center;
}

/* Status Indicator */
.status-indicator[b-znz2i8tpx4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
}

.status-indicator.pending[b-znz2i8tpx4] {
    background: #f3f4f6;
    color: #6b7280;
}

.status-indicator.submitted[b-znz2i8tpx4] {
    background: #fef3c7;
    color: #b45309;
}

.status-indicator.verified[b-znz2i8tpx4] {
    background: #d1fae5;
    color: #047857;
}

.status-indicator.rejected[b-znz2i8tpx4] {
    background: #fee2e2;
    color: #b91c1c;
}

/* Document Name */
.doc-name[b-znz2i8tpx4] {
    font-weight: 500;
    color: #374151;
}

.required-tag[b-znz2i8tpx4] {
    display: inline-block;
    font-size: 0.65rem;
    background: #fee2e2;
    color: #991b1b;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    margin-left: 0.5rem;
    vertical-align: middle;
}

/* Date Values */
.date-value[b-znz2i8tpx4] {
    font-size: 0.85rem;
    color: #374151;
}

.date-value.due[b-znz2i8tpx4] {
    color: #b45309;
}

.date-value.overdue[b-znz2i8tpx4] {
    color: #dc2626;
    font-weight: 600;
}

.date-empty[b-znz2i8tpx4] {
    color: #9ca3af;
}

/* Due Date Input */
.due-date-input[b-znz2i8tpx4] {
    padding: 0.35rem 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #374151;
    background: white;
    width: 130px;
    cursor: pointer;
}

.due-date-input:focus[b-znz2i8tpx4] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

.due-date-input.overdue[b-znz2i8tpx4] {
    border-color: #ef4444;
    color: #dc2626;
    background: #fef2f2;
}

/* Action Buttons */
.action-buttons[b-znz2i8tpx4] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.action-btn-sm[b-znz2i8tpx4] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.action-btn-sm.upload[b-znz2i8tpx4] {
    background: #eff6ff;
    color: #3b82f6;
}

.action-btn-sm.upload:hover[b-znz2i8tpx4] {
    background: #3b82f6;
    color: white;
}

.action-btn-sm.view[b-znz2i8tpx4] {
    background: #f3f4f6;
    color: #6b7280;
    border: 1px solid #e5e7eb;
}

.action-btn-sm.view:hover[b-znz2i8tpx4] {
    background: #e5e7eb;
    color: #374151;
}

.action-btn-sm.verify[b-znz2i8tpx4] {
    background: #d1fae5;
    color: #059669;
}

.action-btn-sm.verify:hover[b-znz2i8tpx4] {
    background: #059669;
    color: white;
}

.verified-badge[b-znz2i8tpx4] {
    color: #22c55e;
    font-size: 1.1rem;
}

/* Dark Theme for Document Table */
:root.dark .document-table-wrapper[b-znz2i8tpx4],
[data-theme="dark"] .document-table-wrapper[b-znz2i8tpx4] {
    background: #1f2937;
    border-color: #374151;
}

:root.dark .document-table thead[b-znz2i8tpx4],
[data-theme="dark"] .document-table thead[b-znz2i8tpx4] {
    background: #111827;
    border-color: #374151;
}

:root.dark .document-table th[b-znz2i8tpx4],
[data-theme="dark"] .document-table th[b-znz2i8tpx4] {
    color: #d1d5db;
}

:root.dark .document-table tbody tr[b-znz2i8tpx4],
[data-theme="dark"] .document-table tbody tr[b-znz2i8tpx4] {
    border-color: #374151;
}

:root.dark .document-table tbody tr:hover[b-znz2i8tpx4],
[data-theme="dark"] .document-table tbody tr:hover[b-znz2i8tpx4] {
    background: #374151;
}

:root.dark .doc-name[b-znz2i8tpx4],
[data-theme="dark"] .doc-name[b-znz2i8tpx4] {
    color: #f3f4f6;
}

:root.dark .date-value[b-znz2i8tpx4],
[data-theme="dark"] .date-value[b-znz2i8tpx4] {
    color: #d1d5db;
}

:root.dark .date-empty[b-znz2i8tpx4],
[data-theme="dark"] .date-empty[b-znz2i8tpx4] {
    color: #6b7280;
}

:root.dark .due-date-input[b-znz2i8tpx4],
[data-theme="dark"] .due-date-input[b-znz2i8tpx4] {
    background: #374151;
    border-color: #4b5563;
    color: #e5e7eb;
}

:root.dark .due-date-input:focus[b-znz2i8tpx4],
[data-theme="dark"] .due-date-input:focus[b-znz2i8tpx4] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
}

:root.dark .due-date-input.overdue[b-znz2i8tpx4],
[data-theme="dark"] .due-date-input.overdue[b-znz2i8tpx4] {
    background: #7f1d1d;
    border-color: #ef4444;
    color: #fca5a5;
}

:root.dark .status-indicator.pending[b-znz2i8tpx4],
[data-theme="dark"] .status-indicator.pending[b-znz2i8tpx4] {
    background: #374151;
    color: #9ca3af;
}

:root.dark .status-indicator.submitted[b-znz2i8tpx4],
[data-theme="dark"] .status-indicator.submitted[b-znz2i8tpx4] {
    background: #78350f;
    color: #fcd34d;
}

:root.dark .status-indicator.verified[b-znz2i8tpx4],
[data-theme="dark"] .status-indicator.verified[b-znz2i8tpx4] {
    background: #064e3b;
    color: #34d399;
}

:root.dark .status-indicator.rejected[b-znz2i8tpx4],
[data-theme="dark"] .status-indicator.rejected[b-znz2i8tpx4] {
    background: #7f1d1d;
    color: #fca5a5;
}

:root.dark .required-tag[b-znz2i8tpx4],
[data-theme="dark"] .required-tag[b-znz2i8tpx4] {
    background: #7f1d1d;
    color: #fca5a5;
}

:root.dark .action-btn-sm.upload[b-znz2i8tpx4],
[data-theme="dark"] .action-btn-sm.upload[b-znz2i8tpx4] {
    background: #1e3a5f;
    color: #60a5fa;
}

:root.dark .action-btn-sm.upload:hover[b-znz2i8tpx4],
[data-theme="dark"] .action-btn-sm.upload:hover[b-znz2i8tpx4] {
    background: #3b82f6;
    color: white;
}

:root.dark .action-btn-sm.view[b-znz2i8tpx4],
[data-theme="dark"] .action-btn-sm.view[b-znz2i8tpx4] {
    background: #374151;
    color: #9ca3af;
    border-color: #4b5563;
}

:root.dark .action-btn-sm.view:hover[b-znz2i8tpx4],
[data-theme="dark"] .action-btn-sm.view:hover[b-znz2i8tpx4] {
    background: #4b5563;
    color: #f3f4f6;
}

:root.dark .action-btn-sm.verify[b-znz2i8tpx4],
[data-theme="dark"] .action-btn-sm.verify[b-znz2i8tpx4] {
    background: #064e3b;
    color: #34d399;
}

:root.dark .action-btn-sm.verify:hover[b-znz2i8tpx4],
[data-theme="dark"] .action-btn-sm.verify:hover[b-znz2i8tpx4] {
    background: #059669;
    color: white;
}

/* Undertaking List */
.undertaking-list[b-znz2i8tpx4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.undertaking-item[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: 8px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    transition: all 0.2s;
}

.undertaking-item.signed[b-znz2i8tpx4] {
    background: #f0fdf4;
    border-color: #86efac;
}

.utg-checkbox[b-znz2i8tpx4] {
    font-size: 1.25rem;
}

.undertaking-item:not(.signed) .utg-checkbox[b-znz2i8tpx4] { color: #d1d5db; }
.undertaking-item.signed .utg-checkbox[b-znz2i8tpx4] { color: #22c55e; }

.utg-content[b-znz2i8tpx4] {
    flex: 1;
}

.utg-title[b-znz2i8tpx4] {
    font-weight: 500;
    color: #374151;
}

.utg-meta[b-znz2i8tpx4] {
    display: flex;
    gap: 0.75rem;
    margin-top: 0.25rem;
}

.utg-required[b-znz2i8tpx4] {
    font-size: 0.75rem;
    background: #fee2e2;
    color: #991b1b;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
}

.utg-date[b-znz2i8tpx4] {
    font-size: 0.8rem;
    color: #6b7280;
}

.utg-actions[b-znz2i8tpx4] {
    display: flex;
    gap: 0.5rem;
}

.icon-btn[b-znz2i8tpx4] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    background: white;
    color: #6b7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.icon-btn:hover[b-znz2i8tpx4] {
    background: #f3f4f6;
    color: #374151;
}

.sign-btn[b-znz2i8tpx4] {
    background: #22c55e;
    color: white;
    border: none;
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    transition: all 0.2s;
}

.sign-btn:hover[b-znz2i8tpx4] {
    background: #16a34a;
}

.empty-section[b-znz2i8tpx4] {
    text-align: center;
    padding: 3rem 2rem;
    color: #9ca3af;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.empty-section i[b-znz2i8tpx4] {
    font-size: 2.5rem;
    color: #d1d5db;
}

.empty-section p[b-znz2i8tpx4] {
    margin: 0;
    font-size: 0.95rem;
}

/* Alert Modern */
.alert-modern[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.alert-error[b-znz2i8tpx4] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.alert-close[b-znz2i8tpx4] {
    margin-left: auto;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    opacity: 0.6;
}

.alert-close:hover[b-znz2i8tpx4] {
    opacity: 1;
}

/* Modal Modern */
.modal-overlay[b-znz2i8tpx4] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    animation: fadeIn-b-znz2i8tpx4 0.2s;
}

.modal-modern[b-znz2i8tpx4] {
    background: white;
    border-radius: 16px;
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-header-modern[b-znz2i8tpx4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-title[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 600;
    font-size: 1.1rem;
}

.modal-title i[b-znz2i8tpx4] {
    color: #3b82f6;
}

.modal-close[b-znz2i8tpx4] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: none;
    background: #f3f4f6;
    color: #6b7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.modal-close:hover[b-znz2i8tpx4] {
    background: #e5e7eb;
    color: #374151;
}

.modal-body-modern[b-znz2i8tpx4] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

.undertaking-preview[b-znz2i8tpx4] {
    background: white;
    border: 1px solid #e5e7eb;
    padding: 2rem;
    border-radius: 8px;
}

.modal-footer-modern[b-znz2i8tpx4] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
    border-radius: 0 0 16px 16px;
}

.btn-primary[b-znz2i8tpx4], .btn-secondary[b-znz2i8tpx4], .btn-outline[b-znz2i8tpx4] {
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: all 0.2s;
    border: none;
}

.btn-primary[b-znz2i8tpx4] {
    background: #3b82f6;
    color: white;
}

.btn-primary:hover[b-znz2i8tpx4] {
    background: #2563eb;
}

.btn-secondary[b-znz2i8tpx4] {
    background: #e5e7eb;
    color: #374151;
}

.btn-secondary:hover[b-znz2i8tpx4] {
    background: #d1d5db;
}

.btn-outline[b-znz2i8tpx4] {
    background: white;
    color: #374151;
    border: 1px solid #e5e7eb;
}

.btn-outline:hover[b-znz2i8tpx4] {
    background: #f9fafb;
}

/* ============================================
   A4 Print Styles for Undertakings
   ============================================ */

@media print {
    @page {
        size: A4 portrait;
        margin: 15mm 15mm 20mm 15mm;
    }

    /* Hide everything except the print area */
    body *[b-znz2i8tpx4] {
        visibility: hidden;
    }

    #undertaking-print-area[b-znz2i8tpx4],
    #undertaking-print-area *[b-znz2i8tpx4] {
        visibility: visible;
    }

    #undertaking-print-area[b-znz2i8tpx4] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    /* Hide modal overlay and buttons */
    .modal-overlay[b-znz2i8tpx4],
    .modal-header-modern[b-znz2i8tpx4],
    .modal-footer-modern[b-znz2i8tpx4] {
        display: none !important;
    }

    /* Hide signature capture section completely during print */
    .signature-capture-section[b-znz2i8tpx4],
    .signature-completed-section[b-znz2i8tpx4] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Undertaking Document Styles */
    .undertaking-preview[b-znz2i8tpx4] {
        width: 100%;
        max-width: 210mm;
        margin: 0 auto;
        padding: 0;
        background: white;
        font-family: 'Times New Roman', serif;
        font-size: 11pt;
        line-height: 1.5;
        color: #000;
    }

    .undertaking-document[b-znz2i8tpx4] {
        width: 100%;
        page-break-inside: avoid;
    }

    .undertaking-header[b-znz2i8tpx4] {
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 2px solid #000;
    }

    .undertaking-header .school-logo img[b-znz2i8tpx4] {
        height: 70px;
        max-height: 70px;
        width: auto;
    }

    .undertaking-header h2[b-znz2i8tpx4] {
        font-size: 14pt;
        margin: 10px 0 5px;
        font-weight: bold;
    }

    .undertaking-body[b-znz2i8tpx4] {
        margin: 15px 0;
    }

    .undertaking-body p[b-znz2i8tpx4] {
        text-align: justify;
        margin: 10px 0;
    }

    .undertaking-body .declaration[b-znz2i8tpx4] {
        margin: 15px 0;
    }

    .undertaking-body ol[b-znz2i8tpx4],
    .undertaking-body ul[b-znz2i8tpx4] {
        margin: 10px 0 10px 20px;
        padding-left: 15px;
    }

    .undertaking-body li[b-znz2i8tpx4] {
        margin: 8px 0;
        text-align: justify;
    }

    .signature-section[b-znz2i8tpx4] {
        margin-top: 30px;
        page-break-inside: avoid;
    }

    .signature-row[b-znz2i8tpx4] {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .signature-box[b-znz2i8tpx4] {
        min-height: 50px;
        min-width: 150px;
    }

    .signature-line[b-znz2i8tpx4] {
        border-bottom: 1px solid #000;
        min-width: 150px;
        margin-bottom: 5px;
    }

    /* Document checklist table */
    .document-table[b-znz2i8tpx4] {
        width: 100%;
        border-collapse: collapse;
        margin: 15px 0;
        font-size: 10pt;
    }

    .document-table th[b-znz2i8tpx4],
    .document-table td[b-znz2i8tpx4] {
        border: 1px solid #000;
        padding: 6px 8px;
        text-align: left;
    }

    .document-table th[b-znz2i8tpx4] {
        background: #f0f0f0;
        font-weight: bold;
    }

    /* Show saved signature in print */
    .saved-signature[b-znz2i8tpx4] {
        display: block !important;
        margin-top: 10px;
    }

    .saved-signature img[b-znz2i8tpx4] {
        max-height: 60px;
        width: auto;
    }

    .undertaking-footer[b-znz2i8tpx4] {
        margin-top: 30px;
        text-align: center;
        font-size: 9pt;
        color: #666;
        border-top: 1px solid #ddd;
        padding-top: 10px;
    }

    .undertaking-footer .version[b-znz2i8tpx4] {
        font-size: 8pt;
        color: #999;
    }

    /* Three column signature layout */
    .signature-section.three-col[b-znz2i8tpx4] {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    .signature-section.three-col > div[b-znz2i8tpx4] {
        flex: 1;
        text-align: center;
    }

    /* Medical sections */
    .medical-sections[b-znz2i8tpx4] {
        margin: 15px 0;
    }

    .medical-section[b-znz2i8tpx4] {
        margin: 10px 0;
    }

    .medical-section h5[b-znz2i8tpx4] {
        font-size: 11pt;
        margin: 10px 0 5px;
    }

    .field-input[b-znz2i8tpx4] {
        min-width: 100px;
        display: inline-block;
    }

    /* Office use section */
    .office-use-section[b-znz2i8tpx4] {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid #000;
    }

    /* Dividers */
    .divider[b-znz2i8tpx4] {
        border: none;
        border-top: 1px solid #000;
        margin: 20px 0;
    }

    /* Underlines for fill-in fields */
    .underline[b-znz2i8tpx4] {
        border-bottom: 1px solid #000;
        min-width: 100px;
        display: inline-block;
        padding: 0 5px;
    }
}

/* ============================================
   Next Step Banner
   ============================================ */

.next-step-banner[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.next-step-banner.ready[b-znz2i8tpx4] {
    background: linear-gradient(135deg, #dbeafe 0%, #ede9fe 100%);
    border: 1px solid #93c5fd;
}

.next-step-banner.complete[b-znz2i8tpx4] {
    background: linear-gradient(135deg, #d1fae5 0%, #cffafe 100%);
    border: 1px solid #6ee7b7;
}

.next-step-banner.pending[b-znz2i8tpx4] {
    background: #fef3c7;
    border: 1px solid #fcd34d;
}

.next-step-banner.review[b-znz2i8tpx4] {
    background: linear-gradient(135deg, #e0e7ff 0%, #dbeafe 100%);
    border: 1px solid #a5b4fc;
}

.banner-content[b-znz2i8tpx4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.banner-content > i[b-znz2i8tpx4] {
    font-size: 1.5rem;
}

.next-step-banner.ready .banner-content > i[b-znz2i8tpx4] {
    color: #4f46e5;
}

.next-step-banner.complete .banner-content > i[b-znz2i8tpx4] {
    color: #10b981;
}

.next-step-banner.pending .banner-content > i[b-znz2i8tpx4] {
    color: #f59e0b;
}

.next-step-banner.review .banner-content > i[b-znz2i8tpx4] {
    color: #6366f1;
}

.review-status[b-znz2i8tpx4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(99, 102, 241, 0.1);
    color: #4f46e5;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.85rem;
}

.banner-text[b-znz2i8tpx4] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.banner-title[b-znz2i8tpx4] {
    font-weight: 600;
    font-size: 0.95rem;
    color: #1e293b;
}

.banner-subtitle[b-znz2i8tpx4] {
    font-size: 0.8rem;
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.banner-subtitle span:not(:last-child)[b-znz2i8tpx4]::after {
    content: "•";
    margin-left: 0.5rem;
    color: #94a3b8;
}

.banner-action[b-znz2i8tpx4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    background: #10b981;
    color: white;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.85rem;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.banner-action:hover[b-znz2i8tpx4] {
    background: #059669;
    color: white;
    text-decoration: none;
}

.banner-action-btn[b-znz2i8tpx4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.banner-action-btn:hover:not(:disabled)[b-znz2i8tpx4] {
    background: linear-gradient(135deg, #4338ca, #4f46e5);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}

.banner-action-btn:disabled[b-znz2i8tpx4] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Dark theme support */
:root.dark .next-step-banner.ready[b-znz2i8tpx4],
[data-theme="dark"] .next-step-banner.ready[b-znz2i8tpx4] {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.15), rgba(99, 102, 241, 0.15));
    border-color: rgba(99, 102, 241, 0.4);
}

:root.dark .next-step-banner.complete[b-znz2i8tpx4],
[data-theme="dark"] .next-step-banner.complete[b-znz2i8tpx4] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(20, 184, 166, 0.15));
    border-color: rgba(16, 185, 129, 0.4);
}

:root.dark .next-step-banner.pending[b-znz2i8tpx4],
[data-theme="dark"] .next-step-banner.pending[b-znz2i8tpx4] {
    background: rgba(245, 158, 11, 0.15);
    border-color: rgba(245, 158, 11, 0.4);
}

:root.dark .banner-title[b-znz2i8tpx4],
[data-theme="dark"] .banner-title[b-znz2i8tpx4] {
    color: #f1f5f9;
}

:root.dark .banner-subtitle[b-znz2i8tpx4],
[data-theme="dark"] .banner-subtitle[b-znz2i8tpx4] {
    color: #94a3b8;
}

/* Responsive */
@media (max-width: 768px) {
    .next-step-banner[b-znz2i8tpx4] {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .banner-content[b-znz2i8tpx4] {
        flex-direction: column;
    }

    .banner-action[b-znz2i8tpx4],
    .banner-action-btn[b-znz2i8tpx4] {
        justify-content: center;
    }
}
/* /Areas/Administrative/Pages/AdmissionDataEntry/Index.razor.rz.scp.css */
.page-container[b-te2s9qmshw] {
    padding: 1.5rem;
}

.page-header[b-te2s9qmshw] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-te2s9qmshw] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.quick-actions[b-te2s9qmshw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.quick-action-card[b-te2s9qmshw] {
    display: flex;
    align-items: center;
    padding: 1.25rem;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

.quick-action-card:hover[b-te2s9qmshw] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: var(--bs-primary);
}

.quick-action-icon[b-te2s9qmshw] {
    width: 56px;
    height: 56px;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
    margin-right: 1rem;
    flex-shrink: 0;
}

.quick-action-content h3[b-te2s9qmshw] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.quick-action-content p[b-te2s9qmshw] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
    margin-bottom: 0;
}

.stat-card[b-te2s9qmshw] {
    display: flex;
    align-items: center;
    padding: 1.25rem;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    height: 100%;
}

.stat-icon[b-te2s9qmshw] {
    width: 48px;
    height: 48px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
    margin-right: 1rem;
    flex-shrink: 0;
}

.stat-content h4[b-te2s9qmshw] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.2;
}

.stat-content p[b-te2s9qmshw] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
    margin-bottom: 0;
}
/* /Areas/Administrative/Pages/CAO/AdmitCardOverride.razor.rz.scp.css */
.override-container[b-pnuhh9inof] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-pnuhh9inof] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 2rem;
    flex-wrap: wrap;
}

.header-content h1[b-pnuhh9inof] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-content h1 i[b-pnuhh9inof] {
    color: #f59e0b;
}

.subtitle[b-pnuhh9inof] {
    color: #6b7280;
    margin: 0;
}

.header-stats[b-pnuhh9inof] {
    display: flex;
    gap: 1rem;
}

.stat-card[b-pnuhh9inof] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: white;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.stat-card i[b-pnuhh9inof] {
    font-size: 1.5rem;
    opacity: 0.8;
}

.stat-card.pending i[b-pnuhh9inof] { color: #f59e0b; }
.stat-card.approved i[b-pnuhh9inof] { color: #10b981; }

.stat-info[b-pnuhh9inof] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-pnuhh9inof] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1;
}

.stat-label[b-pnuhh9inof] {
    font-size: 0.75rem;
    color: #6b7280;
    text-transform: uppercase;
}

/* Loading State */
.loading-state[b-pnuhh9inof] {
    text-align: center;
    padding: 4rem;
    color: #6b7280;
}

.loading-state i[b-pnuhh9inof] {
    color: #f59e0b;
    margin-bottom: 1rem;
}

/* Empty State */
.empty-state[b-pnuhh9inof] {
    text-align: center;
    padding: 4rem;
    background: #f9fafb;
    border-radius: 16px;
}

.empty-state i[b-pnuhh9inof] {
    font-size: 3rem;
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h3[b-pnuhh9inof] {
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-pnuhh9inof] {
    color: #6b7280;
    margin: 0;
}

/* Override Cards */
.overrides-list[b-pnuhh9inof] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1rem;
}

.override-card[b-pnuhh9inof] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.override-header[b-pnuhh9inof] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.25rem;
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    border-bottom: 1px solid #fcd34d;
}

.student-info h4[b-pnuhh9inof] {
    margin: 0 0 0.25rem 0;
    color: #1a1a2e;
}

.student-info p[b-pnuhh9inof] {
    margin: 0;
    font-size: 0.875rem;
    color: #6b7280;
}

.override-type[b-pnuhh9inof] {
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
}

.type-full_exam[b-pnuhh9inof] {
    background: #fef3c7;
    color: #d97706;
}

.type-single_day[b-pnuhh9inof] {
    background: #dbeafe;
    color: #2563eb;
}

.override-body[b-pnuhh9inof] {
    padding: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.override-detail[b-pnuhh9inof] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.override-detail.full-width[b-pnuhh9inof] {
    grid-column: 1 / -1;
}

.override-detail label[b-pnuhh9inof] {
    font-size: 0.75rem;
    color: #6b7280;
    text-transform: uppercase;
}

.override-detail span[b-pnuhh9inof] {
    color: #1a1a2e;
    font-weight: 500;
}

.reason-text[b-pnuhh9inof] {
    margin: 0;
    color: #1a1a2e;
    font-size: 0.875rem;
    line-height: 1.5;
}

.override-actions[b-pnuhh9inof] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

/* Buttons */
.btn[b-pnuhh9inof] {
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.btn-success[b-pnuhh9inof] {
    background: #10b981;
    color: white;
}

.btn-success:hover:not(:disabled)[b-pnuhh9inof] {
    background: #059669;
}

.btn-danger[b-pnuhh9inof] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover:not(:disabled)[b-pnuhh9inof] {
    background: #dc2626;
}

.btn-outline[b-pnuhh9inof] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-pnuhh9inof] {
    background: #f3f4f6;
}

.btn:disabled[b-pnuhh9inof] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Modal */
.modal-overlay[b-pnuhh9inof] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-pnuhh9inof] {
    background: white;
    border-radius: 16px;
    max-width: 500px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.modal-header[b-pnuhh9inof] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h3[b-pnuhh9inof] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.text-success[b-pnuhh9inof] { color: #10b981; }
.text-danger[b-pnuhh9inof] { color: #ef4444; }

.close-btn[b-pnuhh9inof] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
}

.close-btn:hover[b-pnuhh9inof] {
    color: #1a1a2e;
}

.modal-body[b-pnuhh9inof] {
    padding: 1.5rem;
}

.confirm-details[b-pnuhh9inof] {
    background: #f9fafb;
    border-radius: 8px;
    padding: 1rem;
    margin: 1rem 0;
}

.detail-row[b-pnuhh9inof] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e5e7eb;
}

.detail-row:last-child[b-pnuhh9inof] {
    border-bottom: none;
}

.detail-row label[b-pnuhh9inof] {
    color: #6b7280;
}

.detail-row span[b-pnuhh9inof] {
    font-weight: 500;
    color: #1a1a2e;
}

.approve-note[b-pnuhh9inof] {
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 8px;
    padding: 1rem;
    color: #166534;
    font-size: 0.875rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.form-group[b-pnuhh9inof] {
    margin-top: 1rem;
}

.form-group label[b-pnuhh9inof] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #374151;
}

.required[b-pnuhh9inof] {
    color: #ef4444;
}

.form-control[b-pnuhh9inof] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.875rem;
}

.form-control:focus[b-pnuhh9inof] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
}

.modal-footer[b-pnuhh9inof] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

/* Toast Message */
.toast-message[b-pnuhh9inof] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    animation: slideIn-b-pnuhh9inof 0.3s ease;
    z-index: 1001;
}

.toast-message.success[b-pnuhh9inof] {
    background: #10b981;
    color: white;
}

.toast-message.error[b-pnuhh9inof] {
    background: #ef4444;
    color: white;
}

@keyframes slideIn-b-pnuhh9inof {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-pnuhh9inof] {
        flex-direction: column;
    }

    .header-stats[b-pnuhh9inof] {
        width: 100%;
    }

    .stat-card[b-pnuhh9inof] {
        flex: 1;
    }

    .overrides-list[b-pnuhh9inof] {
        grid-template-columns: 1fr;
    }

    .override-body[b-pnuhh9inof] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Administrative/Pages/CAO/Index.razor.rz.scp.css */
.page-container[b-p2gz36lzqa] {
    padding: 1.5rem;
}

.page-header[b-p2gz36lzqa] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-p2gz36lzqa] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.quick-actions[b-p2gz36lzqa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.quick-action-card[b-p2gz36lzqa] {
    display: flex;
    align-items: center;
    padding: 1.25rem;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

.quick-action-card:hover[b-p2gz36lzqa] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: var(--bs-primary);
}

.quick-action-icon[b-p2gz36lzqa] {
    width: 56px;
    height: 56px;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
    margin-right: 1rem;
    flex-shrink: 0;
}

.quick-action-content h3[b-p2gz36lzqa] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.quick-action-content p[b-p2gz36lzqa] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
    margin-bottom: 0;
}

.stat-card[b-p2gz36lzqa] {
    display: flex;
    align-items: center;
    padding: 1.25rem;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    height: 100%;
}

.stat-icon[b-p2gz36lzqa] {
    width: 48px;
    height: 48px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
    margin-right: 1rem;
    flex-shrink: 0;
}

.stat-content h4[b-p2gz36lzqa] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.2;
}

.stat-content p[b-p2gz36lzqa] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
    margin-bottom: 0;
}
/* /Areas/Administrative/Pages/Counsellor/Index.razor.rz.scp.css */
.dashboard-container[b-ncc3ln6ety] {
        padding: 1.5rem;
    }
    .page-header[b-ncc3ln6ety] {
        margin-bottom: 2rem;
    }
    .page-header h1[b-ncc3ln6ety] {
        margin: 0;
        font-size: 1.75rem;
        font-weight: 600;
    }
    .dashboard-cards[b-ncc3ln6ety] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
    }
    .stat-card[b-ncc3ln6ety] {
        background: var(--bg-primary);
        border-radius: 12px;
        padding: 1.5rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        box-shadow: var(--shadow-sm);
        border: 1px solid var(--border);
    }
    .stat-icon[b-ncc3ln6ety] {
        width: 56px;
        height: 56px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: var(--btn-primary-text, #ffffff);
    }
    .stat-icon.bg-primary[b-ncc3ln6ety] { background: linear-gradient(135deg, #667eea, #764ba2); }
    .stat-icon.bg-success[b-ncc3ln6ety] { background: linear-gradient(135deg, #11998e, #38ef7d); }
    .stat-icon.bg-warning[b-ncc3ln6ety] { background: linear-gradient(135deg, #f6d365, #fda085); }
    .stat-icon.bg-info[b-ncc3ln6ety] { background: linear-gradient(135deg, #4facfe, #00f2fe); }
    .stat-content h3[b-ncc3ln6ety] {
        font-size: 0.875rem;
        color: var(--text-muted);
        margin: 0;
    }
    .stat-value[b-ncc3ln6ety] {
        font-size: 1.75rem;
        font-weight: 700;
        margin: 0.25rem 0;
        color: var(--text-primary);
    }
    .stat-label[b-ncc3ln6ety] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }
    .action-buttons[b-ncc3ln6ety] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    .action-buttons .btn[b-ncc3ln6ety] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
/* /Areas/Administrative/Pages/Counsellor/MonthlyFeePermission.razor.rz.scp.css */
.page-container[b-i7ggw5wrvs] {
        padding: 1.5rem;
    }
    .page-header[b-i7ggw5wrvs] {
        margin-bottom: 1.5rem;
    }
    .page-header h1[b-i7ggw5wrvs] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .card[b-i7ggw5wrvs] {
        border-radius: 12px;
        box-shadow: var(--shadow-sm);
    }
/* /Areas/Administrative/Pages/FrontOffice/Enquiry/Create.razor.rz.scp.css */
/* ========================================
   Admission Form Design System - Theme Aware
   ======================================== */

/* CSS Variables */
.page-container[b-9ky9zgxzyo] {
    --primary: #3b82f6;
    --primary-light: #60a5fa;
    --primary-dark: #2563eb;
    --success: #10b981;
    --success-light: rgba(16, 185, 129, 0.15);
    --warning: #f59e0b;
    --warning-light: rgba(245, 158, 11, 0.15);
    --danger: #ef4444;
    --info: #06b6d4;
    --purple: #8b5cf6;
    --orange: #f97316;
    --teal: #14b8a6;
    --indigo: #6366f1;

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.12);

    padding: 1.5rem;
    background: var(--bg-primary, #f8fafc);
    min-height: 100vh;
    color: var(--text-primary, #0f172a);
}

/* Page Header */
.page-header[b-9ky9zgxzyo] {
    margin-bottom: 1.5rem;
}

.page-header .breadcrumb[b-9ky9zgxzyo] {
    font-size: 0.8125rem;
    margin-bottom: 0.5rem;
}

.page-header .breadcrumb-item a[b-9ky9zgxzyo] {
    color: var(--text-secondary, #64748b);
    text-decoration: none;
}

.page-header .breadcrumb-item a:hover[b-9ky9zgxzyo] {
    color: var(--primary);
}

.page-header .breadcrumb-item.active[b-9ky9zgxzyo] {
    color: var(--text-muted, #94a3b8);
}

.page-header h1[b-9ky9zgxzyo] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
    margin: 0 0 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-header h1 i[b-9ky9zgxzyo] {
    color: var(--primary);
}

.page-header .text-muted[b-9ky9zgxzyo] {
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b) !important;
    margin: 0;
}

/* Alerts */
.alert[b-9ky9zgxzyo] {
    border-radius: var(--radius);
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    border: none;
}

.alert-danger[b-9ky9zgxzyo] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-9ky9zgxzyo] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-warning[b-9ky9zgxzyo] {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.alert-info[b-9ky9zgxzyo] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.alert .btn-close[b-9ky9zgxzyo] {
    margin-left: auto;
    opacity: 0.6;
}

/* Card Base Styling */
.card[b-9ky9zgxzyo] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.card:hover[b-9ky9zgxzyo] {
    box-shadow: var(--shadow-md);
}

.card-header[b-9ky9zgxzyo] {
    padding: 0.875rem 1.25rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.card-header h5[b-9ky9zgxzyo] {
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: var(--text-primary, #0f172a);
}

.card-header h5 i[b-9ky9zgxzyo] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
}

.card-body[b-9ky9zgxzyo] {
    padding: 1.25rem;
    background: var(--card-bg, #ffffff);
}

/* Section Themes */
.section-student .card-header[b-9ky9zgxzyo] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.15) 100%);
}

.section-student .card-header h5[b-9ky9zgxzyo] {
    color: #2563eb;
}

.section-student .card-header h5 i[b-9ky9zgxzyo] {
    background: var(--primary);
    color: white;
}

.section-parent .card-header[b-9ky9zgxzyo] {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(139, 92, 246, 0.15) 100%);
}

.section-parent .card-header h5[b-9ky9zgxzyo] {
    color: #7c3aed;
}

.section-parent .card-header h5 i[b-9ky9zgxzyo] {
    background: var(--purple);
    color: white;
}

.section-school .card-header[b-9ky9zgxzyo] {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.08) 0%, rgba(249, 115, 22, 0.15) 100%);
}

.section-school .card-header h5[b-9ky9zgxzyo] {
    color: #ea580c;
}

.section-school .card-header h5 i[b-9ky9zgxzyo] {
    background: var(--orange);
    color: white;
}

.section-sibling .card-header[b-9ky9zgxzyo] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.08) 0%, rgba(20, 184, 166, 0.15) 100%);
}

.section-sibling .card-header h5[b-9ky9zgxzyo] {
    color: #0d9488;
}

.section-sibling .card-header h5 i[b-9ky9zgxzyo] {
    background: var(--teal);
    color: white;
}

.section-details .card-header[b-9ky9zgxzyo] {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(99, 102, 241, 0.15) 100%);
}

.section-details .card-header h5[b-9ky9zgxzyo] {
    color: #4f46e5;
}

.section-details .card-header h5 i[b-9ky9zgxzyo] {
    background: var(--indigo);
    color: white;
}

/* Form Labels */
.form-label[b-9ky9zgxzyo] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.375rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

/* Form Controls */
.form-control[b-9ky9zgxzyo],
.form-select[b-9ky9zgxzyo] {
    font-size: 0.875rem;
    padding: 0.625rem 0.875rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--input-border, #e2e8f0);
    background-color: var(--input-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    transition: all 0.2s ease;
    height: auto;
}

.form-control[b-9ky9zgxzyo]::placeholder {
    color: var(--text-muted, #94a3b8);
}

.form-control:focus[b-9ky9zgxzyo],
.form-select:focus[b-9ky9zgxzyo] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    background-color: var(--input-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    outline: none;
}

.form-select[b-9ky9zgxzyo] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-size: 14px 10px;
}

/* Input Group */
.input-group .form-control[b-9ky9zgxzyo] {
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.input-group .btn[b-9ky9zgxzyo] {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    border: 1px solid var(--input-border, #e2e8f0);
    border-left: none;
}

.input-group .btn-outline-secondary[b-9ky9zgxzyo] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-secondary, #64748b);
}

.input-group .btn-outline-secondary:hover[b-9ky9zgxzyo] {
    background: var(--bg-tertiary, #e2e8f0);
    color: var(--text-primary, #0f172a);
}

.input-group .btn-outline-primary[b-9ky9zgxzyo] {
    background: transparent;
    color: var(--primary);
    border-color: var(--primary);
}

.input-group .btn-outline-primary:hover[b-9ky9zgxzyo] {
    background: var(--primary);
    color: white;
}

/* Row Spacing */
.row.g-3[b-9ky9zgxzyo] {
    --bs-gutter-y: 1rem;
    --bs-gutter-x: 1rem;
}

/* Validation */
.validation-message[b-9ky9zgxzyo] {
    font-size: 0.75rem;
    color: var(--danger);
    margin-top: 0.25rem;
}

.is-invalid[b-9ky9zgxzyo] {
    border-color: var(--danger) !important;
}

.invalid-feedback[b-9ky9zgxzyo] {
    display: block;
    font-size: 0.75rem;
    color: var(--danger);
    margin-top: 0.25rem;
}

/* Helper Text */
.text-muted[b-9ky9zgxzyo] {
    color: var(--text-muted, #94a3b8) !important;
}

.text-info[b-9ky9zgxzyo] {
    color: var(--info) !important;
}

small.text-muted[b-9ky9zgxzyo],
small.text-info[b-9ky9zgxzyo] {
    font-size: 0.75rem;
    display: block;
    margin-top: 0.25rem;
}

/* Badge */
.badge[b-9ky9zgxzyo] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 10px;
}

.badge.bg-info[b-9ky9zgxzyo] {
    background: rgba(6, 182, 212, 0.15) !important;
    color: #0891b2;
}

.badge.bg-success[b-9ky9zgxzyo] {
    background: var(--success) !important;
}

.badge.bg-warning[b-9ky9zgxzyo] {
    background: var(--warning) !important;
}

.badge.bg-secondary[b-9ky9zgxzyo] {
    background: var(--bg-secondary, #f1f5f9) !important;
    color: var(--text-secondary, #64748b);
}

/* List Group for Siblings */
.list-group[b-9ky9zgxzyo] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.list-group-item[b-9ky9zgxzyo] {
    border-radius: var(--radius) !important;
    border: 1px solid var(--border-color, #e2e8f0);
    background: var(--card-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    margin: 0;
}

.list-group-item:hover[b-9ky9zgxzyo] {
    background: var(--bg-secondary, #f8fafc);
    border-color: var(--primary-light);
}

.list-group-item.active[b-9ky9zgxzyo] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.list-group-item small[b-9ky9zgxzyo] {
    color: var(--text-muted, #94a3b8);
}

.list-group-item.active small[b-9ky9zgxzyo] {
    color: rgba(255, 255, 255, 0.85);
}

/* School Autocomplete */
.school-suggestions[b-9ky9zgxzyo] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-top: none;
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    box-shadow: var(--shadow-md);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
}

.suggestion-item[b-9ky9zgxzyo] {
    padding: 0.625rem 0.875rem;
    cursor: pointer;
    border-bottom: 1px solid var(--border-color, #f1f5f9);
    font-size: 0.8125rem;
    color: var(--text-primary, #0f172a);
    transition: background 0.15s;
}

.suggestion-item:last-child[b-9ky9zgxzyo] {
    border-bottom: none;
}

.suggestion-item:hover[b-9ky9zgxzyo] {
    background: var(--bg-secondary, #f8fafc);
}

.suggestion-item strong[b-9ky9zgxzyo] {
    color: var(--primary);
}

/* Buttons */
.btn[b-9ky9zgxzyo] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn-lg[b-9ky9zgxzyo] {
    font-size: 0.9375rem;
    padding: 0.75rem 1.5rem;
}

.btn-success[b-9ky9zgxzyo] {
    background: linear-gradient(135deg, var(--success) 0%, #059669 100%);
    border: none;
    color: white;
}

.btn-success:hover[b-9ky9zgxzyo] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: white;
}

.btn-warning[b-9ky9zgxzyo] {
    background: linear-gradient(135deg, var(--warning) 0%, #d97706 100%);
    border: none;
    color: white;
}

.btn-warning:hover[b-9ky9zgxzyo] {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    color: white;
}

.btn-outline-primary[b-9ky9zgxzyo] {
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}

.btn-outline-primary:hover[b-9ky9zgxzyo] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.btn-outline-secondary[b-9ky9zgxzyo] {
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-secondary, #64748b);
}

.btn-outline-secondary:hover[b-9ky9zgxzyo] {
    background: var(--bg-secondary, #f1f5f9);
    border-color: var(--border-color, #e2e8f0);
    color: var(--text-primary, #0f172a);
}

.btn:disabled[b-9ky9zgxzyo] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* D-Grid */
.d-grid[b-9ky9zgxzyo] {
    display: grid;
}

.d-grid.gap-2[b-9ky9zgxzyo] {
    gap: 0.625rem;
}

/* Form Check */
.form-check[b-9ky9zgxzyo] {
    padding: 0.75rem 1rem;
    background: var(--bg-secondary, #f8fafc);
    border-radius: var(--radius);
    border: 1px solid var(--border-color, #e2e8f0);
}

.form-check-input[b-9ky9zgxzyo] {
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.125rem;
    border: 2px solid var(--border-color, #cbd5e1);
    border-radius: 4px;
}

.form-check-input:checked[b-9ky9zgxzyo] {
    background-color: var(--warning);
    border-color: var(--warning);
}

.form-check-label[b-9ky9zgxzyo] {
    font-size: 0.875rem;
    color: var(--text-primary, #0f172a);
}

.form-check-label small[b-9ky9zgxzyo] {
    font-size: 0.75rem;
    color: var(--text-muted, #94a3b8);
}

/* Spinner */
.spinner-border-sm[b-9ky9zgxzyo] {
    width: 1rem;
    height: 1rem;
    border-width: 2px;
}

/* Card Margins */
.mb-4[b-9ky9zgxzyo] {
    margin-bottom: 1.25rem !important;
}

.mb-3[b-9ky9zgxzyo] {
    margin-bottom: 0.875rem !important;
}

.mb-0[b-9ky9zgxzyo] {
    margin-bottom: 0 !important;
}

.mt-2[b-9ky9zgxzyo] {
    margin-top: 0.5rem !important;
}

/* Position Relative */
.position-relative[b-9ky9zgxzyo] {
    position: relative;
}

/* Border Info */
.border-info[b-9ky9zgxzyo] {
    border-color: var(--info) !important;
}

/* Responsive */
@media (max-width: 991px) {
    .page-container[b-9ky9zgxzyo] {
        padding: 1rem;
    }

    .col-lg-8[b-9ky9zgxzyo],
    .col-lg-4[b-9ky9zgxzyo] {
        width: 100%;
    }

    .col-lg-4[b-9ky9zgxzyo] {
        margin-top: 1rem;
    }
}

@media (max-width: 768px) {
    .page-header h1[b-9ky9zgxzyo] {
        font-size: 1.25rem;
    }

    .card-body[b-9ky9zgxzyo] {
        padding: 1rem;
    }

    .row.g-3[b-9ky9zgxzyo] {
        --bs-gutter-y: 0.75rem;
        --bs-gutter-x: 0.75rem;
    }
}
/* /Areas/Administrative/Pages/FrontOffice/Enquiry/Detail.razor.rz.scp.css */
/* ========================================
   Enquiry Detail Page - Theme Aware
   ======================================== */

.enquiry-detail-page[b-i0cs68k4ki] {
    --primary: #3b82f6;
    --primary-light: #60a5fa;
    --primary-dark: #2563eb;
    --success: #10b981;
    --success-light: rgba(16, 185, 129, 0.15);
    --warning: #f59e0b;
    --warning-light: rgba(245, 158, 11, 0.15);
    --danger: #ef4444;
    --danger-light: rgba(239, 68, 68, 0.15);
    --info: #06b6d4;
    --info-light: rgba(6, 182, 212, 0.15);

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 8px rgba(0,0,0,0.15);
    --shadow-lg: 0 10px 20px rgba(0,0,0,0.2);

    padding: 0;
    background: var(--bg-primary, #f8fafc);
    min-height: 100vh;
    color: var(--text-primary, #0f172a);
}

/* Loading & Empty States */
.loading-state[b-i0cs68k4ki],
.empty-state[b-i0cs68k4ki] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    color: var(--text-secondary, #64748b);
}

.loading-state .spinner[b-i0cs68k4ki] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-color, #e2e8f0);
    border-top-color: var(--primary);
    border-radius: 50%;
    animation: spin-b-i0cs68k4ki 0.8s linear infinite;
}

.empty-state i[b-i0cs68k4ki] {
    font-size: 3rem;
    color: var(--warning);
    margin-bottom: 1rem;
}

.empty-state h3[b-i0cs68k4ki] {
    margin: 0 0 0.5rem;
    color: var(--text-primary, #0f172a);
}

.btn-back[b-i0cs68k4ki] {
    margin-top: 1rem;
    padding: 0.625rem 1.25rem;
    background: var(--primary);
    color: white;
    border-radius: var(--radius);
    text-decoration: none;
    font-weight: 500;
    transition: background 0.2s;
}

.btn-back:hover[b-i0cs68k4ki] {
    background: var(--primary-dark);
    color: white;
}

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

/* Top Navigation Bar */
.top-bar[b-i0cs68k4ki] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--card-bg, #ffffff);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    position: sticky;
    top: 0;
    z-index: 100;
}

.back-link[b-i0cs68k4ki] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary, #64748b);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.back-link:hover[b-i0cs68k4ki] {
    color: var(--primary);
}

.top-actions[b-i0cs68k4ki] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.btn-action[b-i0cs68k4ki] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: var(--radius);
    font-weight: 500;
    font-size: 0.875rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-edit[b-i0cs68k4ki] {
    background: var(--btn-secondary-bg, #f1f5f9);
    color: var(--text-primary, #0f172a);
    border: 1px solid var(--border-color, #e2e8f0);
}

.btn-edit:hover[b-i0cs68k4ki] {
    background: var(--btn-secondary-hover, #e2e8f0);
}

.btn-primary[b-i0cs68k4ki] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-i0cs68k4ki] {
    background: var(--primary-dark);
}

/* Dropdown */
.dropdown-container[b-i0cs68k4ki] {
    position: relative;
}

.dropdown-menu-custom[b-i0cs68k4ki] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.5rem;
    background: var(--card-bg, #ffffff);
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    min-width: 200px;
    overflow: hidden;
    z-index: 50;
    border: 1px solid var(--border-color, #e2e8f0);
}

.dropdown-item[b-i0cs68k4ki] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    color: var(--text-primary, #0f172a);
    text-decoration: none;
    transition: background 0.15s;
}

.dropdown-item:hover[b-i0cs68k4ki] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--primary);
}

.dropdown-item i[b-i0cs68k4ki] {
    width: 16px;
    text-align: center;
}

/* Alerts */
.alert[b-i0cs68k4ki] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1rem 1.5rem;
    padding: 0.875rem 1rem;
    border-radius: var(--radius);
    font-size: 0.875rem;
}

.alert-error[b-i0cs68k4ki] {
    background: var(--danger-light);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.alert-success[b-i0cs68k4ki] {
    background: var(--success-light);
    color: var(--success);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.alert-close[b-i0cs68k4ki] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    opacity: 0.6;
    color: inherit;
}

.alert-close:hover[b-i0cs68k4ki] {
    opacity: 1;
}

/* Profile Header */
.profile-header[b-i0cs68k4ki] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    padding: 1.5rem;
    background: var(--card-bg, #ffffff);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    align-items: stretch;
}

.profile-main[b-i0cs68k4ki] {
    display: flex;
    gap: 1.25rem;
    flex: 1;
    min-width: 280px;
    align-items: flex-start;
}

.avatar[b-i0cs68k4ki] {
    width: 72px;
    height: 72px;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.avatar span[b-i0cs68k4ki] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    letter-spacing: 1px;
}

.profile-info[b-i0cs68k4ki] {
    flex: 1;
}

.name-row[b-i0cs68k4ki] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.name-row h1[b-i0cs68k4ki] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
}

.status-badge[b-i0cs68k4ki] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-new[b-i0cs68k4ki] { background: var(--bg-secondary, #f1f5f9); color: var(--text-secondary, #64748b); }
.status-pending[b-i0cs68k4ki] { background: var(--warning-light); color: #d97706; }
.status-confirmed[b-i0cs68k4ki] { background: var(--info-light); color: #0891b2; }
.status-interested[b-i0cs68k4ki] { background: rgba(59, 130, 246, 0.15); color: #3b82f6; }
.status-rejected[b-i0cs68k4ki] { background: var(--danger-light); color: #dc2626; }
.status-complete[b-i0cs68k4ki] { background: var(--success-light); color: #059669; }
.status-admitted[b-i0cs68k4ki] { background: rgba(139, 92, 246, 0.15); color: #7c3aed; }
.status-default[b-i0cs68k4ki] { background: var(--bg-secondary, #f1f5f9); color: var(--text-secondary, #64748b); }

.meta-row[b-i0cs68k4ki] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.meta-item[b-i0cs68k4ki] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
}

.meta-item i[b-i0cs68k4ki] {
    color: var(--text-muted, #94a3b8);
    font-size: 0.75rem;
}

.contact-row[b-i0cs68k4ki] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.contact-chip[b-i0cs68k4ki] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: var(--bg-secondary, #f1f5f9);
    border-radius: 20px;
    font-size: 0.8125rem;
    color: var(--text-primary, #0f172a);
    text-decoration: none;
    transition: all 0.2s;
    border: 1px solid var(--border-color, #e2e8f0);
}

.contact-chip:hover[b-i0cs68k4ki] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.contact-chip.whatsapp:hover[b-i0cs68k4ki] {
    background: #25d366;
    border-color: #25d366;
}

.contact-chip.email:hover[b-i0cs68k4ki] {
    background: var(--info);
    border-color: var(--info);
}

/* Action Card in Header */
.action-card-header-inline[b-i0cs68k4ki] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.15) 100%);
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: var(--radius-lg);
    padding: 1rem 1.25rem;
    min-width: 380px;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.action-card-header-inline.pending-payment[b-i0cs68k4ki] {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.08) 0%, rgba(6, 182, 212, 0.15) 100%);
    border-color: rgba(6, 182, 212, 0.3);
}

.action-card-header-inline.completed[b-i0cs68k4ki] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.15) 100%);
    border-color: rgba(16, 185, 129, 0.3);
}

.action-card-title[b-i0cs68k4ki] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.375rem;
}

.action-card-title i[b-i0cs68k4ki] {
    color: var(--success);
    font-size: 1rem;
}

.action-card-header-inline.pending-payment .action-card-title i[b-i0cs68k4ki] {
    color: var(--info);
}

.action-card-title span[b-i0cs68k4ki] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--text-primary, #0f172a);
}

.action-card-desc[b-i0cs68k4ki] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.625rem;
    line-height: 1.3;
}

.action-mini-form[b-i0cs68k4ki] {
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
    align-items: stretch;
}

.action-mini-form textarea[b-i0cs68k4ki] {
    flex: 1;
    min-width: 180px;
    padding: 0.5rem 0.75rem;
    background: var(--input-bg, #ffffff);
    border: 1px solid var(--input-border, #e2e8f0);
    border-radius: var(--radius-sm);
    font-size: 0.8125rem;
    color: var(--text-primary, #0f172a);
    resize: none;
    height: 38px;
    line-height: 1.4;
}

.action-mini-form textarea:focus[b-i0cs68k4ki] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.action-mini-form textarea[b-i0cs68k4ki]::placeholder {
    color: var(--text-muted, #94a3b8);
}

.btn-action-confirm[b-i0cs68k4ki] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.5rem 1.25rem;
    background: var(--success);
    color: white;
    border: none;
    border-radius: var(--radius-sm);
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    height: 38px;
    flex-shrink: 0;
}

.btn-action-confirm:hover:not(:disabled)[b-i0cs68k4ki] {
    background: #059669;
}

.btn-action-confirm:disabled[b-i0cs68k4ki] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-action-secondary[b-i0cs68k4ki] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: var(--btn-secondary-bg, #f1f5f9);
    color: var(--text-primary, #0f172a);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-sm);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.8125rem;
    transition: all 0.2s;
}

.btn-action-secondary:hover[b-i0cs68k4ki] {
    background: var(--btn-secondary-hover, #e2e8f0);
}

/* Stacked Cards Container */
.stacked-cards[b-i0cs68k4ki] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    min-width: 240px;
    max-width: 280px;
}

/* Compact Sibling Card */
.sibling-card-compact[b-i0cs68k4ki] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.06) 0%, rgba(16, 185, 129, 0.12) 100%);
    border: 1px solid rgba(16, 185, 129, 0.25);
    border-radius: var(--radius);
    padding: 0.75rem 1rem;
}

.sibling-header-compact[b-i0cs68k4ki] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-primary, #0f172a);
    margin-bottom: 0.25rem;
}

.sibling-header-compact i[b-i0cs68k4ki] {
    color: var(--success);
    font-size: 0.8125rem;
}

.sibling-meta-compact[b-i0cs68k4ki] {
    font-size: 0.75rem;
    color: var(--text-secondary, #64748b);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.sibling-status[b-i0cs68k4ki] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
}

.sibling-active[b-i0cs68k4ki] { background: var(--success); color: white; }
.sibling-tc[b-i0cs68k4ki] { background: var(--warning); color: white; }
.sibling-left[b-i0cs68k4ki] { background: var(--text-muted, #64748b); color: white; }

/* Follow-up Alert */
.followup-alert[b-i0cs68k4ki] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1rem;
    border-radius: var(--radius);
}

.followup-alert i[b-i0cs68k4ki] {
    font-size: 1rem;
}

.followup-alert-content[b-i0cs68k4ki] {
    flex: 1;
}

.followup-label[b-i0cs68k4ki] {
    display: block;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.8;
    margin-bottom: 0.125rem;
    letter-spacing: 0.02em;
}

.followup-date[b-i0cs68k4ki] {
    font-weight: 600;
    font-size: 0.875rem;
}

.followup-tag[b-i0cs68k4ki] {
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
}

.alert-upcoming[b-i0cs68k4ki] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-primary, #0f172a);
}

.alert-today[b-i0cs68k4ki] {
    background: var(--warning-light);
    color: #d97706;
}

.alert-today .followup-tag.today[b-i0cs68k4ki] {
    background: var(--warning);
    color: white;
}

.alert-overdue[b-i0cs68k4ki] {
    background: var(--danger-light);
    color: #dc2626;
}

.alert-overdue .followup-tag.overdue[b-i0cs68k4ki] {
    background: var(--danger);
    color: white;
}

/* Content Area */
.content-area[b-i0cs68k4ki] {
    padding: 1.5rem;
}

/* Tab Navigation */
.tab-nav[b-i0cs68k4ki] {
    display: flex;
    gap: 0.25rem;
    background: var(--card-bg, #ffffff);
    padding: 0.375rem;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    margin-bottom: 1.5rem;
    width: fit-content;
    border: 1px solid var(--border-color, #e2e8f0);
}

.tab-btn[b-i0cs68k4ki] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    background: transparent;
    border-radius: var(--radius);
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
    cursor: pointer;
    transition: all 0.2s;
}

.tab-btn:hover[b-i0cs68k4ki] {
    color: var(--text-primary, #0f172a);
    background: var(--bg-secondary, #f1f5f9);
}

.tab-btn.active[b-i0cs68k4ki] {
    background: var(--primary);
    color: white;
}

.tab-badge[b-i0cs68k4ki] {
    background: rgba(255,255,255,0.2);
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    font-size: 0.75rem;
}

.tab-btn:not(.active) .tab-badge[b-i0cs68k4ki] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-secondary, #64748b);
}

/* Details Grid */
.details-grid[b-i0cs68k4ki] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.25rem;
    align-items: stretch;
}

.info-card[b-i0cs68k4ki] {
    background: var(--card-bg, #ffffff);
    border-radius: var(--radius-lg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border: 1px solid var(--border-color, #e2e8f0);
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease;
}

.info-card:hover[b-i0cs68k4ki] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.info-card.full-width[b-i0cs68k4ki] {
    grid-column: 1 / -1;
}

.info-card-header[b-i0cs68k4ki] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.875rem 1.25rem;
    background: linear-gradient(135deg, var(--bg-secondary, #f8fafc) 0%, var(--bg-primary, #f1f5f9) 100%);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    flex-shrink: 0;
}

.info-card-header i[b-i0cs68k4ki] {
    color: var(--primary);
    font-size: 1rem;
    width: 20px;
    text-align: center;
}

.info-card-header h3[b-i0cs68k4ki] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary, #0f172a);
    letter-spacing: -0.01em;
}

.info-card-body[b-i0cs68k4ki] {
    padding: 0.75rem 1.25rem;
    flex: 1;
}

.info-row[b-i0cs68k4ki] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    gap: 1.5rem;
}

.info-row:last-child[b-i0cs68k4ki] {
    border-bottom: none;
}

.info-label[b-i0cs68k4ki] {
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
    flex-shrink: 0;
    min-width: 100px;
}

.info-value[b-i0cs68k4ki] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary, #0f172a);
    text-align: right;
    word-break: break-word;
}

.info-value.highlight[b-i0cs68k4ki] {
    color: var(--primary);
    font-weight: 600;
}

.empty-section[b-i0cs68k4ki] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-muted, #64748b);
    font-size: 0.875rem;
    font-style: italic;
    padding: 1rem 0;
}

.remarks-text[b-i0cs68k4ki] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
    line-height: 1.6;
    white-space: pre-wrap;
}

.remarks-by[b-i0cs68k4ki] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
    font-size: 0.75rem;
    color: var(--text-muted, #64748b);
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

/* Follow-ups Section */
.followups-section[b-i0cs68k4ki] {
    max-width: 800px;
}

.add-followup-card[b-i0cs68k4ki] {
    background: var(--card-bg, #ffffff);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color, #e2e8f0);
}

.add-followup-card h4[b-i0cs68k4ki] {
    margin: 0 0 1rem;
    font-size: 1rem;
    color: var(--text-primary, #0f172a);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.add-followup-card h4 i[b-i0cs68k4ki] {
    color: var(--primary);
}

.followup-form .form-group[b-i0cs68k4ki] {
    margin-bottom: 1rem;
}

.followup-form label[b-i0cs68k4ki] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.375rem;
}

.followup-form textarea[b-i0cs68k4ki] {
    width: 100%;
    padding: 0.75rem;
    background: var(--input-bg, #ffffff);
    border: 1px solid var(--input-border, #e2e8f0);
    border-radius: var(--radius);
    font-size: 0.875rem;
    color: var(--text-primary, #0f172a);
    resize: vertical;
    min-height: 80px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.followup-form textarea:focus[b-i0cs68k4ki] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.followup-form textarea[b-i0cs68k4ki]::placeholder {
    color: var(--text-muted, #94a3b8);
}

.followup-form input[type="date"][b-i0cs68k4ki] {
    padding: 0.625rem 0.75rem;
    background: var(--input-bg, #ffffff);
    border: 1px solid var(--input-border, #e2e8f0);
    border-radius: var(--radius);
    font-size: 0.875rem;
    color: var(--text-primary, #0f172a);
}

.followup-form input[type="date"]:focus[b-i0cs68k4ki] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.form-row[b-i0cs68k4ki] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}

.form-row .form-group[b-i0cs68k4ki] {
    margin-bottom: 0;
}

.btn-submit[b-i0cs68k4ki] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: var(--primary);
    color: white;
    border: none;
    border-radius: var(--radius);
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-submit:hover:not(:disabled)[b-i0cs68k4ki] {
    background: var(--primary-dark);
}

.btn-submit:disabled[b-i0cs68k4ki] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Timeline */
.timeline[b-i0cs68k4ki] {
    position: relative;
    padding-left: 2rem;
}

.timeline[b-i0cs68k4ki]::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--border-color, #e2e8f0);
}

.timeline-item[b-i0cs68k4ki] {
    position: relative;
    padding-bottom: 1.5rem;
}

.timeline-item:last-child[b-i0cs68k4ki] {
    padding-bottom: 0;
}

.timeline-marker[b-i0cs68k4ki] {
    position: absolute;
    left: -2rem;
    top: 4px;
    width: 16px;
    height: 16px;
    background: var(--primary);
    border: 3px solid var(--bg-primary, #ffffff);
    border-radius: 50%;
    box-shadow: var(--shadow-sm);
}

.timeline-content[b-i0cs68k4ki] {
    background: var(--card-bg, #ffffff);
    border-radius: var(--radius);
    padding: 1rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color, #e2e8f0);
}

.timeline-header[b-i0cs68k4ki] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.timeline-date[b-i0cs68k4ki] {
    font-weight: 600;
    color: var(--text-primary, #0f172a);
    font-size: 0.875rem;
}

.timeline-by[b-i0cs68k4ki] {
    font-size: 0.75rem;
    color: var(--text-muted, #64748b);
}

.timeline-body[b-i0cs68k4ki] {
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
    line-height: 1.5;
    white-space: pre-wrap;
}

.timeline-next[b-i0cs68k4ki] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
    font-size: 0.8125rem;
    color: var(--primary);
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.empty-timeline[b-i0cs68k4ki] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--text-muted, #64748b);
}

.empty-timeline i[b-i0cs68k4ki] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
    display: block;
}

/* Modal */
.modal-overlay[b-i0cs68k4ki] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
    backdrop-filter: blur(4px);
}

.modal-container[b-i0cs68k4ki] {
    background: var(--card-bg, #ffffff);
    border-radius: 14px;
    width: 100%;
    max-width: 480px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    border: 1px solid var(--border-color, #e2e8f0);
    animation: modalIn-b-i0cs68k4ki 0.2s ease-out;
    overflow: hidden;
}

@keyframes modalIn-b-i0cs68k4ki {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.modal-header[b-i0cs68k4ki] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: none;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-radius: 0;
}

.modal-header h3[b-i0cs68k4ki] {
    margin: 0;
    font-size: 1.125rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.modal-header h3 i[b-i0cs68k4ki] {
    color: #ffffff;
}

.modal-close[b-i0cs68k4ki] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #ffffff;
    transition: background 0.2s;
}

.modal-close:hover[b-i0cs68k4ki] {
    background: rgba(255, 255, 255, 0.3);
}

.modal-body[b-i0cs68k4ki] {
    padding: 1.5rem;
}

.confirm-info[b-i0cs68k4ki] {
    background: var(--bg-secondary, #f8fafc);
    border-radius: var(--radius);
    padding: 1rem;
    margin-bottom: 1rem;
}

.confirm-row[b-i0cs68k4ki] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px dashed var(--border-color, #e2e8f0);
}

.confirm-row:last-child[b-i0cs68k4ki] {
    border-bottom: none;
}

.confirm-label[b-i0cs68k4ki] {
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
}

.confirm-value[b-i0cs68k4ki] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary, #0f172a);
}

.confirm-remarks[b-i0cs68k4ki] {
    background: var(--bg-secondary, #f8fafc);
    border-radius: var(--radius);
    padding: 1rem;
    margin-bottom: 1rem;
}

.confirm-remarks label[b-i0cs68k4ki] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted, #64748b);
    text-transform: uppercase;
}

.confirm-remarks p[b-i0cs68k4ki] {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
}

.confirm-note[b-i0cs68k4ki] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.875rem;
    background: rgba(59, 130, 246, 0.1);
    border-radius: var(--radius);
    font-size: 0.8125rem;
    color: var(--primary);
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.confirm-note i[b-i0cs68k4ki] {
    margin-top: 2px;
}

.modal-footer[b-i0cs68k4ki] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
    background: var(--bg-secondary, #f8fafc);
    border-radius: 0;
}

.btn-cancel[b-i0cs68k4ki] {
    padding: 0.625rem 1.25rem;
    background: var(--card-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 10px;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-cancel:hover[b-i0cs68k4ki] {
    background: var(--bg-secondary, #f1f5f9);
}

.btn-confirm[b-i0cs68k4ki] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);
}

.btn-confirm:hover:not(:disabled)[b-i0cs68k4ki] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    box-shadow: 0 4px 8px rgba(16, 185, 129, 0.4);
}

.btn-confirm:disabled[b-i0cs68k4ki] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-confirm i[b-i0cs68k4ki] {
    color: #ffffff;
}

/* Spinner */
.spinner-sm[b-i0cs68k4ki] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-i0cs68k4ki 0.6s linear infinite;
}

/* Responsive */
@media (max-width: 768px) {
    .profile-header[b-i0cs68k4ki] {
        flex-direction: column;
        gap: 1rem;
    }

    .profile-main[b-i0cs68k4ki] {
        flex-direction: column;
        text-align: center;
    }

    .avatar[b-i0cs68k4ki] {
        margin: 0 auto;
    }

    .name-row[b-i0cs68k4ki] {
        justify-content: center;
    }

    .meta-row[b-i0cs68k4ki] {
        justify-content: center;
    }

    .contact-row[b-i0cs68k4ki] {
        justify-content: center;
    }

    .action-card-header-inline[b-i0cs68k4ki] {
        width: 100%;
        max-width: none;
        min-width: auto;
    }

    .action-mini-form[b-i0cs68k4ki] {
        flex-direction: column;
    }

    .action-mini-form textarea[b-i0cs68k4ki] {
        min-width: auto;
        width: 100%;
    }

    .btn-action-confirm[b-i0cs68k4ki] {
        width: 100%;
        justify-content: center;
    }

    .stacked-cards[b-i0cs68k4ki] {
        width: 100%;
        max-width: none;
        min-width: auto;
    }

    .tab-nav[b-i0cs68k4ki] {
        width: 100%;
        overflow-x: auto;
    }

    .details-grid[b-i0cs68k4ki] {
        grid-template-columns: 1fr;
    }

    .form-row[b-i0cs68k4ki] {
        flex-direction: column;
    }

    .form-row .form-group[b-i0cs68k4ki] {
        width: 100%;
    }

    .btn-submit[b-i0cs68k4ki] {
        width: 100%;
        justify-content: center;
    }
}
/* /Areas/Administrative/Pages/FrontOffice/Enquiry/Index.razor.rz.scp.css */
/* ========================================
   Enquiry List Page - Theme Aware
   ======================================== */

.page-container[b-ncruh0nebs] {
    --primary: #3b82f6;
    --primary-light: #60a5fa;
    --primary-dark: #2563eb;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #06b6d4;
    --purple: #8b5cf6;

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.12);

    padding: 1.5rem;
    background: var(--bg-primary, #f8fafc);
    min-height: 100vh;
    color: var(--text-primary, #0f172a);
}

/* Page Header */
.page-header[b-ncruh0nebs] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-ncruh0nebs] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
    margin: 0 0 0.25rem;
}

.page-header p[b-ncruh0nebs] {
    font-size: 0.875rem;
    color: var(--text-secondary, #64748b);
    margin: 0;
}

/* Alerts */
.alert[b-ncruh0nebs] {
    border-radius: var(--radius);
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    border: none;
}

.alert-danger[b-ncruh0nebs] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-ncruh0nebs] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-info[b-ncruh0nebs] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.alert .btn-close[b-ncruh0nebs] {
    margin-left: auto;
    opacity: 0.6;
}

.alert-link[b-ncruh0nebs] {
    color: inherit;
    font-weight: 600;
}

/* Cards */
.card[b-ncruh0nebs] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.card-header[b-ncruh0nebs] {
    padding: 0.875rem 1.25rem;
    background: linear-gradient(135deg, var(--bg-secondary, #f8fafc) 0%, var(--bg-primary, #f1f5f9) 100%);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-primary, #0f172a);
    font-weight: 600;
    font-size: 0.9375rem;
}

.card-body[b-ncruh0nebs] {
    padding: 1.25rem;
    background: var(--card-bg, #ffffff);
}

.card-footer[b-ncruh0nebs] {
    padding: 0.75rem 1.25rem;
    background: var(--bg-secondary, #f8fafc);
    border-top: 1px solid var(--border-color, #e2e8f0);
}

/* Filter Card */
.card.mb-4 .card-body[b-ncruh0nebs] {
    padding: 1rem 1.25rem;
}

/* Form Controls */
.form-label[b-ncruh0nebs] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.375rem;
}

.form-control[b-ncruh0nebs],
.form-select[b-ncruh0nebs] {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--input-border, #e2e8f0);
    background-color: var(--input-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    transition: all 0.2s ease;
}

.form-control:focus[b-ncruh0nebs],
.form-select:focus[b-ncruh0nebs] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    outline: none;
}

.form-control[b-ncruh0nebs]::placeholder {
    color: var(--text-muted, #94a3b8);
}

/* Input Group */
.input-group .form-control[b-ncruh0nebs] {
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.input-group .btn[b-ncruh0nebs] {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

/* Buttons */
.btn[b-ncruh0nebs] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
}

.btn-success[b-ncruh0nebs] {
    background: linear-gradient(135deg, var(--success) 0%, #059669 100%);
    border: none;
    color: white;
}

.btn-success:hover[b-ncruh0nebs] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.btn-outline-primary[b-ncruh0nebs] {
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}

.btn-outline-primary:hover[b-ncruh0nebs] {
    background: var(--primary);
    color: white;
}

.btn-outline-secondary[b-ncruh0nebs] {
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    color: var(--text-secondary, #64748b);
}

.btn-outline-secondary:hover[b-ncruh0nebs] {
    background: var(--bg-secondary, #f1f5f9);
    color: var(--text-primary, #0f172a);
}

.btn-outline-info[b-ncruh0nebs] {
    background: transparent;
    border: 1px solid var(--info);
    color: var(--info);
}

.btn-outline-info:hover[b-ncruh0nebs] {
    background: var(--info);
    color: white;
}

/* Button Group */
.btn-group .btn[b-ncruh0nebs] {
    border-radius: 0;
}

.btn-group .btn:first-child[b-ncruh0nebs] {
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.btn-group .btn:last-child[b-ncruh0nebs] {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.btn-group-sm .btn[b-ncruh0nebs] {
    padding: 0.375rem 0.625rem;
    font-size: 0.8125rem;
}

/* Table */
.table-responsive[b-ncruh0nebs] {
    border-radius: var(--radius);
}

.table[b-ncruh0nebs] {
    margin: 0;
    color: var(--text-primary, #0f172a);
}

.table thead tr th[b-ncruh0nebs] {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    background: var(--bg-secondary, #f8fafc);
    color: var(--text-secondary, #64748b);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    white-space: nowrap;
}

.table tbody tr[b-ncruh0nebs] {
    background: var(--card-bg, #ffffff);
    transition: background 0.15s ease;
}

.table tbody tr:hover[b-ncruh0nebs] {
    background: var(--bg-secondary, #f8fafc);
}

.table tbody tr td[b-ncruh0nebs] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
    font-size: 0.8125rem;
    color: var(--text-primary, #0f172a);
    border-bottom: 1px solid var(--border-color, #f1f5f9);
}

.table tbody tr td strong[b-ncruh0nebs] {
    font-weight: 600;
    color: var(--text-primary, #0f172a);
}

.table tbody tr td a[b-ncruh0nebs] {
    color: var(--primary);
    text-decoration: none;
}

.table tbody tr td a:hover[b-ncruh0nebs] {
    text-decoration: underline;
}

.table tbody tr td .text-muted[b-ncruh0nebs] {
    color: var(--text-muted, #94a3b8) !important;
    font-size: 0.75rem;
}

/* Badge */
.badge[b-ncruh0nebs] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
}

.bg-secondary[b-ncruh0nebs] {
    background: var(--bg-secondary, #f1f5f9) !important;
    color: var(--text-secondary, #64748b) !important;
}

.bg-warning[b-ncruh0nebs] {
    background: var(--warning) !important;
}

.text-dark[b-ncruh0nebs] {
    color: #1f2937 !important;
}

.bg-danger[b-ncruh0nebs] {
    background: var(--danger) !important;
}

.bg-success[b-ncruh0nebs] {
    background: var(--success) !important;
}

.bg-info[b-ncruh0nebs] {
    background: var(--info) !important;
}

.bg-purple[b-ncruh0nebs] {
    background: var(--purple) !important;
}

/* Enquiry Card Grid View */
.enquiry-card[b-ncruh0nebs] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    transition: all 0.2s ease;
    overflow: hidden;
}

.enquiry-card:hover[b-ncruh0nebs] {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.enquiry-card.border-warning[b-ncruh0nebs] {
    border-width: 2px;
    border-color: var(--warning);
}

.enquiry-card.border-danger[b-ncruh0nebs] {
    border-width: 2px;
    border-color: var(--danger);
}

.enquiry-card .card-header[b-ncruh0nebs] {
    padding: 0.75rem 1rem;
    background: var(--bg-secondary, #f8fafc);
}

.enquiry-card .card-body[b-ncruh0nebs] {
    padding: 1rem;
}

.enquiry-card .card-title[b-ncruh0nebs] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary, #0f172a);
    margin-bottom: 0.5rem;
}

.enquiry-card .card-text[b-ncruh0nebs] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.25rem;
}

.enquiry-card .card-text i[b-ncruh0nebs] {
    width: 18px;
    color: var(--text-muted, #94a3b8);
}

.enquiry-card .card-footer[b-ncruh0nebs] {
    padding: 0.75rem 1rem;
    background: var(--bg-secondary, #f8fafc);
}

.enquiry-card .card-footer small[b-ncruh0nebs] {
    color: var(--text-muted, #94a3b8);
}

/* Text Utilities */
.text-muted[b-ncruh0nebs] {
    color: var(--text-muted, #94a3b8) !important;
}

.text-warning[b-ncruh0nebs] {
    color: var(--warning) !important;
}

.text-danger[b-ncruh0nebs] {
    color: var(--danger) !important;
}

.fw-bold[b-ncruh0nebs] {
    font-weight: 600 !important;
}

/* Loading State */
.spinner-border[b-ncruh0nebs] {
    width: 2.5rem;
    height: 2.5rem;
    border-width: 3px;
    color: var(--primary);
}

.text-center.py-5[b-ncruh0nebs] {
    padding: 3rem 1rem !important;
}

.text-center.py-5 p[b-ncruh0nebs] {
    color: var(--text-muted, #94a3b8);
    margin-top: 0.75rem;
}

/* Row & Grid Spacing */
.row.g-3[b-ncruh0nebs] {
    --bs-gutter-y: 1rem;
    --bs-gutter-x: 1rem;
}

.p-0[b-ncruh0nebs] {
    padding: 0 !important;
}

.p-3[b-ncruh0nebs] {
    padding: 1rem !important;
}

.mb-4[b-ncruh0nebs] {
    margin-bottom: 1.25rem !important;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-ncruh0nebs] {
        padding: 1rem;
    }

    .page-header[b-ncruh0nebs] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }

    .page-header h1[b-ncruh0nebs] {
        font-size: 1.25rem;
    }

    .card-body[b-ncruh0nebs] {
        padding: 1rem;
    }

    .row.g-3 > [class*="col-"][b-ncruh0nebs] {
        width: 100%;
    }

    .table thead tr th[b-ncruh0nebs],
    .table tbody tr td[b-ncruh0nebs] {
        padding: 0.5rem 0.75rem;
        font-size: 0.75rem;
    }

    .btn-group-sm .btn[b-ncruh0nebs] {
        padding: 0.25rem 0.5rem;
    }
}
/* /Areas/Administrative/Pages/FrontOffice/Index.razor.rz.scp.css */
.page-container[b-pi7xyj0t11] {
    padding: 1.5rem;
}

.page-header[b-pi7xyj0t11] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-pi7xyj0t11] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.quick-actions[b-pi7xyj0t11] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.quick-action-card[b-pi7xyj0t11] {
    display: flex;
    align-items: center;
    padding: 1.25rem;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

.quick-action-card:hover[b-pi7xyj0t11] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: var(--bs-primary);
}

.quick-action-icon[b-pi7xyj0t11] {
    width: 56px;
    height: 56px;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
    margin-right: 1rem;
    flex-shrink: 0;
}

.quick-action-content h3[b-pi7xyj0t11] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.quick-action-content p[b-pi7xyj0t11] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
    margin-bottom: 0;
}

.stat-card[b-pi7xyj0t11] {
    display: flex;
    align-items: center;
    padding: 1.25rem;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    height: 100%;
}

.stat-icon[b-pi7xyj0t11] {
    width: 48px;
    height: 48px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
    margin-right: 1rem;
    flex-shrink: 0;
}

.stat-content h4[b-pi7xyj0t11] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.2;
}

.stat-content p[b-pi7xyj0t11] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
    margin-bottom: 0;
}
/* /Areas/Administrative/Pages/FrontOffice/Queue/Counters.razor.rz.scp.css */
.page-container[b-niefzuyodq] {
    padding: 1.5rem;
}

.page-header h1[b-niefzuyodq] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.page-header p[b-niefzuyodq] {
    margin-bottom: 0;
}

.counter-card[b-niefzuyodq] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s, box-shadow 0.2s;
}

.counter-card:hover[b-niefzuyodq] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.counter-card.inactive[b-niefzuyodq] {
    opacity: 0.7;
    background-color: #f8f9fa;
}

.counter-card .card-header[b-niefzuyodq] {
    background: linear-gradient(135deg, #1a237e 0%, #3949ab 100%);
    color: white;
    border-radius: 12px 12px 0 0;
    padding: 1rem;
}

.counter-card.inactive .card-header[b-niefzuyodq] {
    background: linear-gradient(135deg, #6c757d 0%, #868e96 100%);
}

.counter-number[b-niefzuyodq] {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
}

.card-body[b-niefzuyodq] {
    padding: 1.25rem;
}

.card-footer[b-niefzuyodq] {
    background: #f8f9fa;
    border-top: 1px solid #eee;
    padding: 0.75rem 1rem;
    border-radius: 0 0 12px 12px;
}

.avatar-sm[b-niefzuyodq] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
}

.staff-section[b-niefzuyodq],
.purposes-section[b-niefzuyodq],
.serving-section[b-niefzuyodq] {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f0f0f0;
}

.staff-section:last-child[b-niefzuyodq],
.purposes-section:last-child[b-niefzuyodq],
.serving-section:last-child[b-niefzuyodq] {
    border-bottom: none;
    padding-bottom: 0;
}

.serving-badge[b-niefzuyodq] {
    background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    animation: pulse-b-niefzuyodq 2s infinite;
}

@keyframes pulse-b-niefzuyodq {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.4);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(255, 152, 0, 0);
    }
}

.empty-state[b-niefzuyodq] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 3rem;
}

.empty-state i[b-niefzuyodq] {
    opacity: 0.5;
}

/* Modal improvements */
.modal-content[b-niefzuyodq] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.modal-header[b-niefzuyodq] {
    border-bottom: 1px solid #eee;
    padding: 1.25rem 1.5rem;
}

.modal-body[b-niefzuyodq] {
    padding: 1.5rem;
}

.modal-footer[b-niefzuyodq] {
    border-top: 1px solid #eee;
    padding: 1rem 1.5rem;
}

.form-label[b-niefzuyodq] {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.form-check[b-niefzuyodq] {
    margin-bottom: 0.5rem;
}

/* Badge styles */
.badge.bg-light[b-niefzuyodq] {
    border: 1px solid #dee2e6;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-niefzuyodq] {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 1rem;
    }

    .counter-card[b-niefzuyodq] {
        margin-bottom: 1rem;
    }
}
/* /Areas/Administrative/Pages/FrontOffice/WelcomeKit/Index.razor.rz.scp.css */
.page-container[b-zu4bj6qosr] {
    padding: 1.5rem;
    max-width: 1400px;
}

.page-header[b-zu4bj6qosr] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-zu4bj6qosr] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.page-header p[b-zu4bj6qosr] {
    margin-bottom: 0;
}

.nav-tabs[b-zu4bj6qosr] {
    border-bottom: 2px solid #dee2e6;
}

.nav-tabs .nav-link[b-zu4bj6qosr] {
    border: none;
    border-bottom: 2px solid transparent;
    color: #6c757d;
    font-weight: 500;
    padding: 0.75rem 1.25rem;
    margin-bottom: -2px;
}

.nav-tabs .nav-link:hover[b-zu4bj6qosr] {
    border-color: transparent;
    color: #0d6efd;
}

.nav-tabs .nav-link.active[b-zu4bj6qosr] {
    border-bottom-color: #0d6efd;
    color: #0d6efd;
    background: transparent;
}

.card[b-zu4bj6qosr] {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 0.5rem;
}

.card-header[b-zu4bj6qosr] {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    font-weight: 600;
    padding: 0.75rem 1rem;
}

.table th[b-zu4bj6qosr] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #495057;
    white-space: nowrap;
}

.table td[b-zu4bj6qosr] {
    vertical-align: middle;
}

.btn-group-sm .btn[b-zu4bj6qosr] {
    padding: 0.25rem 0.5rem;
}

.modal-backdrop[b-zu4bj6qosr] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal[b-zu4bj6qosr] {
    z-index: 1050;
}

.modal-content[b-zu4bj6qosr] {
    border: none;
    border-radius: 0.75rem;
}

.modal-header[b-zu4bj6qosr] {
    border-bottom: 1px solid #e9ecef;
    padding: 1rem 1.25rem;
}

.modal-footer[b-zu4bj6qosr] {
    border-top: 1px solid #e9ecef;
    padding: 0.75rem 1.25rem;
}

[b-zu4bj6qosr] .form-select, [b-zu4bj6qosr] .form-control {
    border-radius: 0.375rem;
}

[b-zu4bj6qosr] .badge {
    font-weight: 500;
}
/* /Areas/Administrative/Pages/FrontOffice/WelcomeKit/Print.razor.rz.scp.css */
/* Welcome Kit Print Styles - A4 Optimized Multi-Page Document */

/* A4 Paper Size: 210mm x 297mm */
@page {
    size: A4 portrait;
    margin: 10mm 15mm;
}

/* Print controls - hidden when printing */
.print-controls[b-8tw0w4cxr1] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

@media print {
    .no-print[b-8tw0w4cxr1],
    .print-controls[b-8tw0w4cxr1] {
        display: none !important;
    }

    html[b-8tw0w4cxr1], body[b-8tw0w4cxr1] {
        margin: 0;
        padding: 0;
        width: 210mm;
        min-height: 297mm;
    }

    .welcome-kit-container[b-8tw0w4cxr1] {
        padding: 0;
        margin: 0;
        max-width: none;
        width: 100%;
    }

    .print-page[b-8tw0w4cxr1] {
        page-break-after: always;
        page-break-inside: avoid;
        width: 180mm;
        min-height: 267mm;
        max-height: 277mm;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 8mm;
        border: none !important;
        box-shadow: none !important;
    }

    .print-page:last-child[b-8tw0w4cxr1] {
        page-break-after: auto;
    }
}

/* Container */
.welcome-kit-container[b-8tw0w4cxr1] {
    max-width: 210mm;
    margin: 0 auto;
    padding: 1rem;
}

/* ==================== COMMON STYLES ==================== */

.print-page[b-8tw0w4cxr1] {
    background: white;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 2rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 11pt;
    line-height: 1.4;
}

/* Common Header */
.kit-header[b-8tw0w4cxr1],
.letter-header[b-8tw0w4cxr1],
.fee-header[b-8tw0w4cxr1] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #1e3a5f;
    margin-bottom: 12px;
}

.school-logo img[b-8tw0w4cxr1] {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.school-info[b-8tw0w4cxr1] {
    flex: 1;
}

.school-name[b-8tw0w4cxr1] {
    margin: 0;
    font-size: 16pt;
    font-weight: 700;
    color: #1e3a5f;
    letter-spacing: 0.5px;
}

.school-tagline[b-8tw0w4cxr1],
.school-address[b-8tw0w4cxr1] {
    margin: 2px 0 0 0;
    font-size: 9pt;
    color: #6b7280;
}

/* Common Signature Box */
.signature-box[b-8tw0w4cxr1] {
    text-align: center;
    min-width: 140px;
}

.signature-line[b-8tw0w4cxr1] {
    height: 30px;
    border-bottom: 1px solid #374151;
    margin-bottom: 4px;
}

.signature-box p[b-8tw0w4cxr1] {
    margin: 0;
    font-size: 9pt;
    color: #6b7280;
}

/* ==================== PAGE 1: WELCOME KIT ==================== */

.kit-title[b-8tw0w4cxr1],
.letter-title[b-8tw0w4cxr1],
.fee-title[b-8tw0w4cxr1] {
    text-align: center;
    margin-bottom: 12px;
}

.kit-title h2[b-8tw0w4cxr1],
.letter-title h2[b-8tw0w4cxr1],
.fee-title h2[b-8tw0w4cxr1] {
    margin: 0;
    font-size: 14pt;
    color: #1e3a5f;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.academic-year[b-8tw0w4cxr1] {
    margin: 4px 0 0 0;
    font-size: 10pt;
    color: #4b5563;
}

/* Student Section */
.student-section[b-8tw0w4cxr1] {
    display: flex;
    gap: 16px;
    padding: 12px;
    background: #f8fafc;
    border-radius: 6px;
    margin-bottom: 12px;
    border: 1px solid #e2e8f0;
}

.student-photo[b-8tw0w4cxr1] {
    flex-shrink: 0;
}

.student-photo img[b-8tw0w4cxr1] {
    width: 90px;
    height: 110px;
    object-fit: cover;
    border-radius: 4px;
    border: 2px solid #1e3a5f;
}

.student-info[b-8tw0w4cxr1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Info Rows */
.info-row[b-8tw0w4cxr1] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.info-row.highlight[b-8tw0w4cxr1] {
    padding: 3px 0;
}

.info-row .label[b-8tw0w4cxr1] {
    font-size: 9pt;
    color: #6b7280;
    min-width: 80px;
    font-weight: 500;
}

.info-row .value[b-8tw0w4cxr1] {
    font-size: 10pt;
    color: #1f2937;
    font-weight: 500;
}

.info-row .sr-number[b-8tw0w4cxr1] {
    font-size: 11pt;
    font-weight: 700;
    color: #1e3a5f;
    background: #e0e7ff;
    padding: 2px 8px;
    border-radius: 3px;
}

.info-row .student-name[b-8tw0w4cxr1] {
    font-size: 12pt;
    font-weight: 700;
    color: #1f2937;
}

.house-badge[b-8tw0w4cxr1] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 3px;
    font-weight: 600;
    color: white;
    background: var(--house-color, #6b7280);
    font-size: 9pt;
    text-transform: uppercase;
}

/* Parents Section */
.parents-section[b-8tw0w4cxr1] {
    margin-bottom: 12px;
    padding: 10px;
    background: #fefce8;
    border-radius: 6px;
    border: 1px solid #fde047;
}

.parents-section h3[b-8tw0w4cxr1] {
    margin: 0 0 8px 0;
    font-size: 10pt;
    color: #854d0e;
    display: flex;
    align-items: center;
    gap: 6px;
}

.parents-grid[b-8tw0w4cxr1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.parent-col[b-8tw0w4cxr1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-row.full-width[b-8tw0w4cxr1] {
    grid-column: span 2;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed #fde047;
}

/* Welcome Message */
.welcome-message[b-8tw0w4cxr1] {
    margin-bottom: 12px;
    padding: 10px;
    background: #ecfdf5;
    border-radius: 6px;
    border-left: 3px solid #10b981;
}

.welcome-message h3[b-8tw0w4cxr1] {
    margin: 0 0 6px 0;
    font-size: 11pt;
    color: #065f46;
}

.welcome-message p[b-8tw0w4cxr1] {
    margin: 0;
    font-size: 10pt;
    color: #047857;
    line-height: 1.5;
}

/* Important Info */
.important-info[b-8tw0w4cxr1] {
    margin-bottom: 12px;
    padding: 10px;
    background: #eff6ff;
    border-radius: 6px;
    border: 1px solid #bfdbfe;
}

.important-info h3[b-8tw0w4cxr1] {
    margin: 0 0 6px 0;
    font-size: 10pt;
    color: #1e40af;
    display: flex;
    align-items: center;
    gap: 6px;
}

.important-info ul[b-8tw0w4cxr1] {
    margin: 0;
    padding-left: 18px;
}

.important-info li[b-8tw0w4cxr1] {
    font-size: 9pt;
    color: #1e40af;
    margin-bottom: 3px;
    line-height: 1.4;
}

/* Footer */
.kit-footer[b-8tw0w4cxr1],
.fee-footer[b-8tw0w4cxr1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
    margin-top: 10px;
}

.footer-left[b-8tw0w4cxr1] {
    font-size: 9pt;
    color: #6b7280;
}

.footer-left p[b-8tw0w4cxr1] {
    margin: 2px 0;
}

.admission-date[b-8tw0w4cxr1] {
    font-weight: 500;
}

.app-no[b-8tw0w4cxr1] {
    color: #9ca3af;
    font-size: 8pt;
}

/* ==================== PAGE 2: ADMISSION LETTER ==================== */

.letter-title[b-8tw0w4cxr1] {
    border-bottom: 1px solid #1e3a5f;
    padding-bottom: 8px;
}

.letter-meta[b-8tw0w4cxr1] {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
    font-size: 9pt;
    color: #4b5563;
}

.letter-body[b-8tw0w4cxr1] {
    padding: 12px 0;
}

.addressee[b-8tw0w4cxr1] {
    margin-bottom: 12px;
}

.addressee p[b-8tw0w4cxr1] {
    margin: 2px 0;
    font-size: 10pt;
}

.subject[b-8tw0w4cxr1] {
    margin: 12px 0;
    font-size: 10pt;
    text-decoration: underline;
}

.salutation[b-8tw0w4cxr1] {
    margin: 12px 0 8px 0;
    font-size: 10pt;
}

.letter-para[b-8tw0w4cxr1] {
    margin: 8px 0;
    font-size: 10pt;
    line-height: 1.6;
    text-align: justify;
}

.sr-highlight[b-8tw0w4cxr1] {
    color: #1e3a5f;
    background: #e0e7ff;
    padding: 1px 4px;
    border-radius: 2px;
    font-weight: 600;
}

.admission-details[b-8tw0w4cxr1] {
    margin: 12px 0;
    padding: 10px;
    background: #f8fafc;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

.admission-details h4[b-8tw0w4cxr1] {
    margin: 0 0 8px 0;
    font-size: 10pt;
    color: #1e3a5f;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 4px;
}

.details-table[b-8tw0w4cxr1] {
    width: 100%;
    border-collapse: collapse;
}

.details-table td[b-8tw0w4cxr1] {
    padding: 4px 6px;
    font-size: 9pt;
    border-bottom: 1px solid #f1f5f9;
}

.details-table td:first-child[b-8tw0w4cxr1] {
    width: 35%;
    color: #6b7280;
}

.closing[b-8tw0w4cxr1] {
    margin: 16px 0 8px 0;
    font-size: 10pt;
}

.signature-section[b-8tw0w4cxr1] {
    margin-top: 16px;
}

.signatory-name[b-8tw0w4cxr1] {
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 2px !important;
    font-size: 10pt !important;
}

.signatory-title[b-8tw0w4cxr1] {
    font-size: 8pt !important;
    color: #9ca3af !important;
}

.letter-footer[b-8tw0w4cxr1] {
    margin-top: 16px;
    padding-top: 8px;
    border-top: 1px solid #e5e7eb;
    text-align: center;
}

.letter-footer p[b-8tw0w4cxr1] {
    margin: 0;
    font-size: 8pt;
    color: #9ca3af;
    font-style: italic;
}

/* ==================== PAGE 3: FEE STRUCTURE ==================== */

.fee-title p[b-8tw0w4cxr1] {
    margin: 4px 0 0 0;
    font-size: 10pt;
    color: #4b5563;
}

.student-fee-info[b-8tw0w4cxr1] {
    margin-bottom: 12px;
    padding: 10px;
    background: #f8fafc;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

.info-grid[b-8tw0w4cxr1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.info-item[b-8tw0w4cxr1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-item .label[b-8tw0w4cxr1] {
    font-size: 8pt;
    color: #6b7280;
}

.info-item .value[b-8tw0w4cxr1] {
    font-size: 10pt;
    font-weight: 600;
    color: #1f2937;
}

.fee-table-container[b-8tw0w4cxr1] {
    margin-bottom: 12px;
}

.fee-table[b-8tw0w4cxr1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 9pt;
}

.fee-table th[b-8tw0w4cxr1],
.fee-table td[b-8tw0w4cxr1] {
    padding: 6px 8px;
    border: 1px solid #e2e8f0;
}

.fee-table th[b-8tw0w4cxr1] {
    background: #1e3a5f;
    color: white;
    font-weight: 600;
    text-align: left;
    font-size: 9pt;
}

.fee-table tbody tr:nth-child(even)[b-8tw0w4cxr1] {
    background: #f8fafc;
}

.fee-table .quarter-header[b-8tw0w4cxr1] {
    background: #e0e7ff !important;
    font-weight: 600;
}

.fee-table .quarter-header td[b-8tw0w4cxr1] {
    color: #1e3a5f;
    padding: 4px 8px;
    font-size: 8pt;
}

.fee-table .subtotal-row[b-8tw0w4cxr1] {
    background: #f1f5f9 !important;
    font-size: 8pt;
}

.fee-table .subtotal-row td[b-8tw0w4cxr1] {
    border-top: 1px solid #cbd5e1;
}

.fee-table .total-row[b-8tw0w4cxr1] {
    background: #1e3a5f !important;
    color: white;
    font-weight: 600;
}

.fee-table .total-row td[b-8tw0w4cxr1] {
    border-color: #1e3a5f;
}

.fee-notes[b-8tw0w4cxr1] {
    margin-bottom: 12px;
    padding: 10px;
    background: #fef3c7;
    border-radius: 6px;
    border: 1px solid #fcd34d;
}

.fee-notes h4[b-8tw0w4cxr1] {
    margin: 0 0 6px 0;
    font-size: 9pt;
    color: #92400e;
}

.fee-notes ul[b-8tw0w4cxr1] {
    margin: 0;
    padding-left: 16px;
}

.fee-notes li[b-8tw0w4cxr1] {
    font-size: 8pt;
    color: #78350f;
    margin-bottom: 3px;
    line-height: 1.4;
}

/* ==================== PRINT STYLES ==================== */

@media print {
    .print-page[b-8tw0w4cxr1] {
        border: none;
        box-shadow: none;
        background: white !important;
    }

    .student-photo img[b-8tw0w4cxr1] {
        border-color: #333;
    }

    .kit-title h2[b-8tw0w4cxr1],
    .letter-title h2[b-8tw0w4cxr1],
    .fee-title h2[b-8tw0w4cxr1] {
        color: #1e3a5f;
    }

    .welcome-message[b-8tw0w4cxr1] {
        background: #f0fff0 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .important-info[b-8tw0w4cxr1] {
        background: #f0f8ff !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .parents-section[b-8tw0w4cxr1] {
        background: #fffef0 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .student-section[b-8tw0w4cxr1],
    .admission-details[b-8tw0w4cxr1],
    .student-fee-info[b-8tw0w4cxr1] {
        background: #f8f8f8 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .fee-table th[b-8tw0w4cxr1],
    .fee-table .total-row[b-8tw0w4cxr1] {
        background: #1e3a5f !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .fee-table .quarter-header[b-8tw0w4cxr1] {
        background: #e0e7ff !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .fee-table .subtotal-row[b-8tw0w4cxr1] {
        background: #f1f5f9 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .house-badge[b-8tw0w4cxr1] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .sr-number[b-8tw0w4cxr1],
    .sr-highlight[b-8tw0w4cxr1] {
        background: #e0e7ff !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

/* ==================== RESPONSIVE - Screen Preview ==================== */

@media screen and (max-width: 600px) {
    .student-section[b-8tw0w4cxr1] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .info-row[b-8tw0w4cxr1] {
        flex-direction: column;
        align-items: center;
        gap: 2px;
    }

    .info-row .label[b-8tw0w4cxr1] {
        min-width: auto;
    }

    .parents-grid[b-8tw0w4cxr1] {
        grid-template-columns: 1fr;
    }

    .kit-footer[b-8tw0w4cxr1],
    .fee-footer[b-8tw0w4cxr1] {
        flex-direction: column;
        gap: 12px;
        align-items: center;
    }

    .letter-meta[b-8tw0w4cxr1] {
        flex-direction: column;
        gap: 4px;
    }

    .info-grid[b-8tw0w4cxr1] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Executive/Pages/MD/Analytics.razor.rz.scp.css */
.page-container[b-8mnfzkr8u9] { padding: 1.5rem; }
    .page-header[b-8mnfzkr8u9] { margin-bottom: 1.5rem; }
    .page-header h1[b-8mnfzkr8u9] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-8mnfzkr8u9] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/MD/AnnualReport.razor.rz.scp.css */
.page-container[b-9h2fgl952k] { padding: 1.5rem; }
    .page-header[b-9h2fgl952k] { margin-bottom: 1.5rem; }
    .page-header h1[b-9h2fgl952k] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-9h2fgl952k] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/MD/Concession/Approve.razor.rz.scp.css */
.concession-review-page[b-qycymfylq2] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-qycymfylq2] {
    margin-bottom: 2rem;
}

.page-header h1[b-qycymfylq2] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.application-meta[b-qycymfylq2] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.card[b-qycymfylq2] {
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.card-header[b-qycymfylq2] {
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
    padding: 1rem 1.25rem;
}

.card-header h5[b-qycymfylq2] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.form-label[b-qycymfylq2] {
    font-size: 0.813rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

/* Approval Timeline */
.approval-timeline[b-qycymfylq2] {
    position: relative;
    padding-left: 2rem;
}

.timeline-item[b-qycymfylq2] {
    position: relative;
    padding-bottom: 1.5rem;
}

.timeline-item:last-child[b-qycymfylq2] {
    padding-bottom: 0;
}

.timeline-item[b-qycymfylq2]::before {
    content: '';
    position: absolute;
    left: -1.5rem;
    top: 1.5rem;
    bottom: -1.5rem;
    width: 2px;
    background: var(--border-color);
}

.timeline-item:last-child[b-qycymfylq2]::before {
    display: none;
}

.timeline-marker[b-qycymfylq2] {
    position: absolute;
    left: -2rem;
    top: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    z-index: 1;
}

.timeline-item.completed .timeline-marker[b-qycymfylq2] {
    background: var(--success-color);
    color: white;
}

.timeline-item.current .timeline-marker[b-qycymfylq2] {
    background: var(--warning-color);
    color: white;
    animation: pulse-b-qycymfylq2 2s infinite;
}

@keyframes pulse-b-qycymfylq2 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
}

.timeline-content h6[b-qycymfylq2] {
    font-size: 0.938rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: var(--text-primary);
}

.timeline-content p[b-qycymfylq2] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

/* Action Panel */
.sticky-top[b-qycymfylq2] {
    position: sticky;
}

.btn-lg[b-qycymfylq2] {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Table styles */
.table[b-qycymfylq2] {
    font-size: 0.875rem;
}

.table thead[b-qycymfylq2] {
    background: var(--table-header-bg);
}

.table thead th[b-qycymfylq2] {
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary);
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .concession-review-page[b-qycymfylq2] {
        padding: 1rem;
    }

    .sticky-top[b-qycymfylq2] {
        position: static;
    }

    .approval-timeline[b-qycymfylq2] {
        padding-left: 1.5rem;
    }

    .timeline-marker[b-qycymfylq2] {
        left: -1.5rem;
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.75rem;
    }

    .timeline-item[b-qycymfylq2]::before {
        left: -1.125rem;
    }
}
/* /Areas/Executive/Pages/MD/Concession/Index.razor.rz.scp.css */
.concession-approval-page[b-xalpv4jaiv] {
    padding: 1.5rem;
}

.page-header[b-xalpv4jaiv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border-color);
}

.page-header h1[b-xalpv4jaiv] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.page-header .text-muted[b-xalpv4jaiv] {
    font-size: 0.875rem;
    margin: 0.25rem 0 0 0;
}

.filters-section[b-xalpv4jaiv] {
    background: var(--card-bg);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.table-responsive[b-xalpv4jaiv] {
    background: var(--card-bg);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.table[b-xalpv4jaiv] {
    margin-bottom: 0;
}

.table thead[b-xalpv4jaiv] {
    background: var(--table-header-bg);
}

.table thead th[b-xalpv4jaiv] {
    font-weight: 600;
    font-size: 0.813rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary);
    border-bottom: 2px solid var(--border-color);
    padding: 0.875rem;
}

.table tbody tr[b-xalpv4jaiv] {
    border-bottom: 1px solid var(--border-color);
    transition: background-color 0.15s ease;
}

.table tbody tr:hover[b-xalpv4jaiv] {
    background-color: var(--hover-bg);
}

.table tbody td[b-xalpv4jaiv] {
    padding: 0.875rem;
    vertical-align: middle;
}

.category-type[b-xalpv4jaiv] {
    line-height: 1.4;
}

.category-type small[b-xalpv4jaiv] {
    font-size: 0.75rem;
}

.category-type strong[b-xalpv4jaiv] {
    font-size: 0.875rem;
}

.empty-state[b-xalpv4jaiv] {
    text-align: center;
    padding: 4rem 2rem;
    background: var(--card-bg);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.empty-state-icon[b-xalpv4jaiv] {
    font-size: 4rem;
    color: var(--primary-color);
    opacity: 0.3;
    margin-bottom: 1rem;
}

.empty-state h3[b-xalpv4jaiv] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.empty-state p[b-xalpv4jaiv] {
    font-size: 1rem;
    color: var(--text-secondary);
}

.results-summary[b-xalpv4jaiv] {
    padding: 1rem;
    text-align: center;
    font-size: 0.875rem;
    color: var(--text-secondary);
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    border-radius: 0 0 8px 8px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .concession-approval-page[b-xalpv4jaiv] {
        padding: 1rem;
    }

    .page-header[b-xalpv4jaiv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .table[b-xalpv4jaiv] {
        font-size: 0.875rem;
    }

    .table thead th[b-xalpv4jaiv],
    .table tbody td[b-xalpv4jaiv] {
        padding: 0.625rem;
    }
}
/* /Areas/Executive/Pages/MD/DepartmentApproval.razor.rz.scp.css */
.page-container[b-36yr5i9xnz] { padding: 1.5rem; }
    .page-header h1[b-36yr5i9xnz] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    .summary-cards[b-36yr5i9xnz] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 1rem;
    }
    .summary-card[b-36yr5i9xnz] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1rem;
        border-radius: 12px;
        background: var(--bg-primary);
        border: 1px solid var(--border);
    }
    .summary-card.pending[b-36yr5i9xnz] { border-left: 4px solid var(--bs-warning); }
    .summary-card.approved[b-36yr5i9xnz] { border-left: 4px solid var(--bs-success); }
    .summary-card.rejected[b-36yr5i9xnz] { border-left: 4px solid var(--bs-danger); }
    .summary-icon[b-36yr5i9xnz] { font-size: 1.5rem; opacity: 0.7; }
    .summary-card.pending .summary-icon[b-36yr5i9xnz] { color: var(--bs-warning); }
    .summary-card.approved .summary-icon[b-36yr5i9xnz] { color: var(--bs-success); }
    .summary-card.rejected .summary-icon[b-36yr5i9xnz] { color: var(--bs-danger); }
    .summary-content h3[b-36yr5i9xnz] { margin: 0; font-size: 1.5rem; font-weight: 700; }
    .summary-content p[b-36yr5i9xnz] { margin: 0; font-size: 0.8rem; color: var(--text-muted); }

    .empty-state[b-36yr5i9xnz] {
        text-align: center;
        padding: 4rem 2rem;
        background: var(--bg-primary);
        border: 1px dashed var(--border);
        border-radius: 12px;
    }

    .requests-list[b-36yr5i9xnz] { display: flex; flex-direction: column; gap: 1rem; }

    .request-card[b-36yr5i9xnz] {
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        overflow: hidden;
    }
    .request-card.processed[b-36yr5i9xnz] { opacity: 0.8; }

    .request-header[b-36yr5i9xnz] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1rem;
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border);
    }
    .request-badges[b-36yr5i9xnz] { display: flex; gap: 0.5rem; }
    .request-id[b-36yr5i9xnz] { font-size: 0.8rem; color: var(--text-muted); font-family: monospace; }

    .request-body[b-36yr5i9xnz] { padding: 1rem; }
    .request-body h4[b-36yr5i9xnz] { margin: 0; font-size: 1.1rem; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
    .dept-code[b-36yr5i9xnz] { font-size: 0.75rem; background: var(--bg-secondary); padding: 2px 6px; border-radius: 4px; }
    .dept-level[b-36yr5i9xnz] { font-size: 0.7rem; background: var(--bs-info); color: var(--btn-primary-text, #ffffff); padding: 2px 6px; border-radius: 4px; }

    .change-preview[b-36yr5i9xnz] { font-size: 0.85rem; }
    .change-preview summary[b-36yr5i9xnz] { cursor: pointer; color: var(--bs-primary); }
    .change-diff[b-36yr5i9xnz] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
    .change-diff pre[b-36yr5i9xnz] { font-size: 0.75rem; background: var(--bg-secondary); padding: 0.5rem; border-radius: 4px; overflow-x: auto; }
    .diff-old[b-36yr5i9xnz] { border-left: 3px solid var(--bs-danger); padding-left: 0.5rem; }
    .diff-new[b-36yr5i9xnz] { border-left: 3px solid var(--bs-success); padding-left: 0.5rem; }

    .request-footer[b-36yr5i9xnz] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1rem;
        background: var(--bg-secondary);
        border-top: 1px solid var(--border);
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .request-meta[b-36yr5i9xnz] { display: flex; gap: 1rem; font-size: 0.85rem; color: var(--text-muted); }
    .request-actions[b-36yr5i9xnz] { display: flex; gap: 0.5rem; }

    .process-info[b-36yr5i9xnz] { font-size: 0.85rem; }
    .comment-preview[b-36yr5i9xnz] { font-size: 0.8rem; color: var(--text-muted); margin-top: 0.25rem; }
/* /Areas/Executive/Pages/MD/FeeApproval.razor.rz.scp.css */
.page-container[b-smg1b4smsb] { padding: 1.5rem; }
    .page-header[b-smg1b4smsb] { margin-bottom: 1.5rem; }
    .page-header h1[b-smg1b4smsb] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    .summary-cards[b-smg1b4smsb] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
    .summary-card[b-smg1b4smsb] { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 10px; border-left: 4px solid; }
    .summary-card.border-primary[b-smg1b4smsb] { border-left-color: var(--bs-primary); }
    .summary-card.border-success[b-smg1b4smsb] { border-left-color: var(--bs-success); }
    .summary-card.border-info[b-smg1b4smsb] { border-left-color: var(--bs-info); }
    .summary-icon[b-smg1b4smsb] { width: 48px; height: 48px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--btn-primary-text, #ffffff); font-size: 1.25rem; }
    .summary-content h4[b-smg1b4smsb] { margin: 0; font-size: 1.5rem; font-weight: 700; }
    .summary-content p[b-smg1b4smsb] { margin: 0; font-size: 0.8rem; color: var(--text-muted); }

    .loading-container[b-smg1b4smsb] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-smg1b4smsb] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }

    .fee-cards[b-smg1b4smsb] { display: flex; flex-direction: column; gap: 1rem; }
    .fee-card[b-smg1b4smsb] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .fee-card-header[b-smg1b4smsb] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border); }
    .fee-card-header h4[b-smg1b4smsb] { margin: 0; font-size: 1.1rem; font-weight: 600; }
    .fee-amount[b-smg1b4smsb] { text-align: right; }
    .fee-amount .amount[b-smg1b4smsb] { font-size: 1.5rem; font-weight: 700; color: var(--bs-primary); }
    .fee-card-body[b-smg1b4smsb] { padding: 1.25rem; }
    .fee-card-footer[b-smg1b4smsb] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 1rem 1.25rem; border-top: 1px solid var(--border); background: var(--bg-secondary); }

    .monthly-breakdown[b-smg1b4smsb] { background: var(--bg-secondary); padding: 0.75rem; border-radius: 8px; }
    .month-grid[b-smg1b4smsb] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; font-size: 0.8rem; }

    .data-table-container[b-smg1b4smsb] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .data-table[b-smg1b4smsb] { width: 100%; border-collapse: collapse; }
    .data-table th[b-smg1b4smsb], .data-table td[b-smg1b4smsb] { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--border); }
    .data-table th[b-smg1b4smsb] { font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; background: var(--bg-secondary); }
    .data-table tbody tr:hover[b-smg1b4smsb] { background: var(--bg-secondary); }
    .data-table tbody tr:last-child td[b-smg1b4smsb] { border-bottom: none; }

    /* Modal z-index fix */
    .modal-backdrop[b-smg1b4smsb] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 1050; }
    .modal[b-smg1b4smsb] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; overflow-x: hidden; overflow-y: auto; outline: 0; }
    .modal-dialog[b-smg1b4smsb] { position: relative; margin: 1.75rem auto; }
    .modal-content[b-smg1b4smsb] { position: relative; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15); }
/* /Areas/Executive/Pages/MD/FeeCollection.razor.rz.scp.css */
.page-container[b-kd57zbr0ck] { padding: 1.5rem; }
    .page-header[b-kd57zbr0ck] { margin-bottom: 1.5rem; }
    .page-header h1[b-kd57zbr0ck] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-kd57zbr0ck] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/MD/FinancialSummary.razor.rz.scp.css */
.page-container[b-uob1pk73uw] { padding: 1.5rem; }
    .page-header[b-uob1pk73uw] { margin-bottom: 1.5rem; }
    .page-header h1[b-uob1pk73uw] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-uob1pk73uw] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/MD/Index.razor.rz.scp.css */
.page-container[b-3xg9u6zo4g] {
        padding: 1.5rem;
    }
    .page-header[b-3xg9u6zo4g] {
        margin-bottom: 1.5rem;
    }
    .page-header h1[b-3xg9u6zo4g] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .quick-actions[b-3xg9u6zo4g] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1rem;
    }
    .quick-action-card[b-3xg9u6zo4g] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.25rem;
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        text-decoration: none;
        color: inherit;
        transition: all 0.2s;
    }
    .quick-action-card:hover[b-3xg9u6zo4g] {
        border-color: var(--bs-primary);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .quick-action-icon[b-3xg9u6zo4g] {
        width: 50px;
        height: 50px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: var(--btn-primary-text, #ffffff);
    }
    .quick-action-content h3[b-3xg9u6zo4g] {
        font-size: 1rem;
        font-weight: 600;
        margin: 0 0 0.25rem;
    }
    .quick-action-content p[b-3xg9u6zo4g] {
        font-size: 0.8rem;
        color: var(--text-muted);
        margin: 0;
    }
    .stat-card[b-3xg9u6zo4g] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.5rem;
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
    }
    .stat-icon[b-3xg9u6zo4g] {
        width: 60px;
        height: 60px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: var(--btn-primary-text, #ffffff);
    }
    .stat-content h4[b-3xg9u6zo4g] {
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0;
    }
    .stat-content p[b-3xg9u6zo4g] {
        font-size: 0.8rem;
        color: var(--text-muted);
        margin: 0;
    }
/* /Areas/Executive/Pages/MD/PanelOversight/Index.razor.rz.scp.css */
.page-container[b-jwcrdgxl1z] { padding: 1.5rem; }
    .page-header[b-jwcrdgxl1z] { margin-bottom: 1.5rem; }
    .page-header h1[b-jwcrdgxl1z] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .filter-bar[b-jwcrdgxl1z] { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.5rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; flex-wrap: wrap; }
    .filter-group[b-jwcrdgxl1z] { display: flex; align-items: center; gap: 0.5rem; }
    .filter-group label[b-jwcrdgxl1z] { font-size: 0.875rem; color: var(--text-muted); white-space: nowrap; }
    .loading-container[b-jwcrdgxl1z] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-jwcrdgxl1z] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
    .employees-list[b-jwcrdgxl1z] { display: flex; flex-direction: column; gap: 1rem; }
    .employee-card[b-jwcrdgxl1z] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .employee-header[b-jwcrdgxl1z] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border); }
    .employee-info h4[b-jwcrdgxl1z] { margin: 0; font-size: 1rem; font-weight: 600; }
    .employee-meta[b-jwcrdgxl1z] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.8rem; color: var(--text-muted); margin-top: 0.25rem; }
    .employee-id[b-jwcrdgxl1z] { font-family: monospace; background: var(--bg-primary); padding: 0.1rem 0.4rem; border-radius: 4px; }
    .separator[b-jwcrdgxl1z] { color: var(--border); }
    .panels-table[b-jwcrdgxl1z] { padding: 0.5rem; }
    .panels-table table[b-jwcrdgxl1z] { width: 100%; border-collapse: collapse; }
    .panels-table th[b-jwcrdgxl1z], .panels-table td[b-jwcrdgxl1z] { padding: 0.6rem 0.75rem; text-align: left; border-bottom: 1px solid var(--border); }
    .panels-table th[b-jwcrdgxl1z] { font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; }
    .panels-table tbody tr:last-child td[b-jwcrdgxl1z] { border-bottom: none; }
    .panels-table tbody tr:hover[b-jwcrdgxl1z] { background: var(--bg-secondary); }
    .panel-name[b-jwcrdgxl1z] { display: flex; align-items: center; }
    code[b-jwcrdgxl1z] { background: var(--bg-secondary); padding: 0.15rem 0.4rem; border-radius: 4px; font-size: 0.75rem; }
    .summary-bar[b-jwcrdgxl1z] { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; font-size: 0.875rem; }
    .pagination-controls[b-jwcrdgxl1z] { display: flex; gap: 0.5rem; }
/* /Areas/Executive/Pages/MD/Performance.razor.rz.scp.css */
.page-container[b-ynr9pg0y01] { padding: 1.5rem; }
    .page-header[b-ynr9pg0y01] { margin-bottom: 1.5rem; }
    .page-header h1[b-ynr9pg0y01] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-ynr9pg0y01] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/MD/Results.razor.rz.scp.css */
.page-container[b-6ib85vy59t] { padding: 1.5rem; }
    .page-header[b-6ib85vy59t] { margin-bottom: 1.5rem; }
    .page-header h1[b-6ib85vy59t] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-6ib85vy59t] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/MD/Staff.razor.rz.scp.css */
.page-container[b-18tokazito] { padding: 1.5rem; }
    .page-header[b-18tokazito] { margin-bottom: 1.5rem; }
    .page-header h1[b-18tokazito] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-18tokazito] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/MD/Students.razor.rz.scp.css */
.page-container[b-8tx6uc6hl6] { padding: 1.5rem; }
    .page-header[b-8tx6uc6hl6] { margin-bottom: 1.5rem; }
    .page-header h1[b-8tx6uc6hl6] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-8tx6uc6hl6] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/ViceChairman/Analytics.razor.rz.scp.css */
.page-container[b-gwxi37c3g5] { padding: 1.5rem; }
    .page-header[b-gwxi37c3g5] { margin-bottom: 1.5rem; }
    .page-header h1[b-gwxi37c3g5] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-gwxi37c3g5] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/ViceChairman/AnnualReport.razor.rz.scp.css */
.page-container[b-f7xhtk2ro5] { padding: 1.5rem; }
    .page-header[b-f7xhtk2ro5] { margin-bottom: 1.5rem; }
    .page-header h1[b-f7xhtk2ro5] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-f7xhtk2ro5] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/ViceChairman/Concession/Approve.razor.rz.scp.css */
.concession-review-page[b-ffwlrhdmbi] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-ffwlrhdmbi] {
    margin-bottom: 2rem;
}

.page-header h1[b-ffwlrhdmbi] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.application-meta[b-ffwlrhdmbi] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.card[b-ffwlrhdmbi] {
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.card-header[b-ffwlrhdmbi] {
    background: var(--card-header-bg);
    border-bottom: 1px solid var(--border-color);
    padding: 1rem 1.25rem;
}

.card-header h5[b-ffwlrhdmbi] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.form-label[b-ffwlrhdmbi] {
    font-size: 0.813rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

/* Approval Timeline */
.approval-timeline[b-ffwlrhdmbi] {
    position: relative;
    padding-left: 2rem;
}

.timeline-item[b-ffwlrhdmbi] {
    position: relative;
    padding-bottom: 1.5rem;
}

.timeline-item:last-child[b-ffwlrhdmbi] {
    padding-bottom: 0;
}

.timeline-item[b-ffwlrhdmbi]::before {
    content: '';
    position: absolute;
    left: -1.5rem;
    top: 1.5rem;
    bottom: -1.5rem;
    width: 2px;
    background: var(--border-color);
}

.timeline-item:last-child[b-ffwlrhdmbi]::before {
    display: none;
}

.timeline-marker[b-ffwlrhdmbi] {
    position: absolute;
    left: -2rem;
    top: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    z-index: 1;
}

.timeline-item.completed .timeline-marker[b-ffwlrhdmbi] {
    background: var(--success-color);
    color: white;
}

.timeline-item.current .timeline-marker[b-ffwlrhdmbi] {
    background: var(--warning-color);
    color: white;
    animation: pulse-b-ffwlrhdmbi 2s infinite;
}

@keyframes pulse-b-ffwlrhdmbi {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
}

.timeline-content h6[b-ffwlrhdmbi] {
    font-size: 0.938rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: var(--text-primary);
}

.timeline-content p[b-ffwlrhdmbi] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

/* Action Panel */
.sticky-top[b-ffwlrhdmbi] {
    position: sticky;
}

.btn-lg[b-ffwlrhdmbi] {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Table styles */
.table[b-ffwlrhdmbi] {
    font-size: 0.875rem;
}

.table thead[b-ffwlrhdmbi] {
    background: var(--table-header-bg);
}

.table thead th[b-ffwlrhdmbi] {
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary);
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .concession-review-page[b-ffwlrhdmbi] {
        padding: 1rem;
    }

    .sticky-top[b-ffwlrhdmbi] {
        position: static;
    }

    .approval-timeline[b-ffwlrhdmbi] {
        padding-left: 1.5rem;
    }

    .timeline-marker[b-ffwlrhdmbi] {
        left: -1.5rem;
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.75rem;
    }

    .timeline-item[b-ffwlrhdmbi]::before {
        left: -1.125rem;
    }
}
/* /Areas/Executive/Pages/ViceChairman/Concession/Index.razor.rz.scp.css */
.concession-approval-page[b-790ofipy2o] {
    padding: 1.5rem;
}

.page-header[b-790ofipy2o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border-color);
}

.page-header h1[b-790ofipy2o] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.page-header .text-muted[b-790ofipy2o] {
    font-size: 0.875rem;
    margin: 0.25rem 0 0 0;
}

.filters-section[b-790ofipy2o] {
    background: var(--card-bg);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.table-responsive[b-790ofipy2o] {
    background: var(--card-bg);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.table[b-790ofipy2o] {
    margin-bottom: 0;
}

.table thead[b-790ofipy2o] {
    background: var(--table-header-bg);
}

.table thead th[b-790ofipy2o] {
    font-weight: 600;
    font-size: 0.813rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary);
    border-bottom: 2px solid var(--border-color);
    padding: 0.875rem;
}

.table tbody tr[b-790ofipy2o] {
    border-bottom: 1px solid var(--border-color);
    transition: background-color 0.15s ease;
}

.table tbody tr:hover[b-790ofipy2o] {
    background-color: var(--hover-bg);
}

.table tbody td[b-790ofipy2o] {
    padding: 0.875rem;
    vertical-align: middle;
}

.category-type[b-790ofipy2o] {
    line-height: 1.4;
}

.category-type small[b-790ofipy2o] {
    font-size: 0.75rem;
}

.category-type strong[b-790ofipy2o] {
    font-size: 0.875rem;
}

.empty-state[b-790ofipy2o] {
    text-align: center;
    padding: 4rem 2rem;
    background: var(--card-bg);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.empty-state-icon[b-790ofipy2o] {
    font-size: 4rem;
    color: var(--primary-color);
    opacity: 0.3;
    margin-bottom: 1rem;
}

.empty-state h3[b-790ofipy2o] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.empty-state p[b-790ofipy2o] {
    font-size: 1rem;
    color: var(--text-secondary);
}

.results-summary[b-790ofipy2o] {
    padding: 1rem;
    text-align: center;
    font-size: 0.875rem;
    color: var(--text-secondary);
    background: var(--card-bg);
    border-top: 1px solid var(--border-color);
    border-radius: 0 0 8px 8px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .concession-approval-page[b-790ofipy2o] {
        padding: 1rem;
    }

    .page-header[b-790ofipy2o] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .table[b-790ofipy2o] {
        font-size: 0.875rem;
    }

    .table thead th[b-790ofipy2o],
    .table tbody td[b-790ofipy2o] {
        padding: 0.625rem;
    }
}
/* /Areas/Executive/Pages/ViceChairman/DepartmentApproval.razor.rz.scp.css */
.page-container[b-2by0mfa63g] { padding: 1.5rem; }
    .page-header h1[b-2by0mfa63g] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    .summary-cards[b-2by0mfa63g] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 1rem;
    }
    .summary-card[b-2by0mfa63g] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1rem;
        border-radius: 12px;
        background: var(--bg-primary);
        border: 1px solid var(--border);
    }
    .summary-card.pending[b-2by0mfa63g] { border-left: 4px solid var(--bs-warning); }
    .summary-card.approved[b-2by0mfa63g] { border-left: 4px solid var(--bs-success); }
    .summary-card.rejected[b-2by0mfa63g] { border-left: 4px solid var(--bs-danger); }
    .summary-icon[b-2by0mfa63g] { font-size: 1.5rem; opacity: 0.7; }
    .summary-card.pending .summary-icon[b-2by0mfa63g] { color: var(--bs-warning); }
    .summary-card.approved .summary-icon[b-2by0mfa63g] { color: var(--bs-success); }
    .summary-card.rejected .summary-icon[b-2by0mfa63g] { color: var(--bs-danger); }
    .summary-content h3[b-2by0mfa63g] { margin: 0; font-size: 1.5rem; font-weight: 700; }
    .summary-content p[b-2by0mfa63g] { margin: 0; font-size: 0.8rem; color: var(--text-muted); }

    .empty-state[b-2by0mfa63g] {
        text-align: center;
        padding: 4rem 2rem;
        background: var(--bg-primary);
        border: 1px dashed var(--border);
        border-radius: 12px;
    }

    .requests-list[b-2by0mfa63g] { display: flex; flex-direction: column; gap: 1rem; }

    .request-card[b-2by0mfa63g] {
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        overflow: hidden;
    }
    .request-card.processed[b-2by0mfa63g] { opacity: 0.8; }

    .request-header[b-2by0mfa63g] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1rem;
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border);
    }
    .request-badges[b-2by0mfa63g] { display: flex; gap: 0.5rem; }
    .request-id[b-2by0mfa63g] { font-size: 0.8rem; color: var(--text-muted); font-family: monospace; }

    .request-body[b-2by0mfa63g] { padding: 1rem; }
    .request-body h4[b-2by0mfa63g] { margin: 0; font-size: 1.1rem; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
    .dept-code[b-2by0mfa63g] { font-size: 0.75rem; background: var(--bg-secondary); padding: 2px 6px; border-radius: 4px; }
    .dept-level[b-2by0mfa63g] { font-size: 0.7rem; background: var(--bs-info); color: var(--btn-primary-text, #ffffff); padding: 2px 6px; border-radius: 4px; }

    .change-preview[b-2by0mfa63g] { font-size: 0.85rem; }
    .change-preview summary[b-2by0mfa63g] { cursor: pointer; color: var(--bs-primary); }
    .change-diff[b-2by0mfa63g] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
    .change-diff pre[b-2by0mfa63g] { font-size: 0.75rem; background: var(--bg-secondary); padding: 0.5rem; border-radius: 4px; overflow-x: auto; }
    .diff-old[b-2by0mfa63g] { border-left: 3px solid var(--bs-danger); padding-left: 0.5rem; }
    .diff-new[b-2by0mfa63g] { border-left: 3px solid var(--bs-success); padding-left: 0.5rem; }

    .request-footer[b-2by0mfa63g] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1rem;
        background: var(--bg-secondary);
        border-top: 1px solid var(--border);
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .request-meta[b-2by0mfa63g] { display: flex; gap: 1rem; font-size: 0.85rem; color: var(--text-muted); }
    .request-actions[b-2by0mfa63g] { display: flex; gap: 0.5rem; }

    .process-info[b-2by0mfa63g] { font-size: 0.85rem; }
    .comment-preview[b-2by0mfa63g] { font-size: 0.8rem; color: var(--text-muted); margin-top: 0.25rem; }
/* /Areas/Executive/Pages/ViceChairman/FeeApproval.razor.rz.scp.css */
.page-container[b-9f4zl0proj] { padding: 1.5rem; }
    .page-header[b-9f4zl0proj] { margin-bottom: 1.5rem; }
    .page-header h1[b-9f4zl0proj] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    .summary-cards[b-9f4zl0proj] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
    .summary-card[b-9f4zl0proj] { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 10px; border-left: 4px solid; }
    .summary-card.border-primary[b-9f4zl0proj] { border-left-color: var(--bs-primary); }
    .summary-card.border-success[b-9f4zl0proj] { border-left-color: var(--bs-success); }
    .summary-card.border-info[b-9f4zl0proj] { border-left-color: var(--bs-info); }
    .summary-icon[b-9f4zl0proj] { width: 48px; height: 48px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--btn-primary-text, #ffffff); font-size: 1.25rem; }
    .summary-content h4[b-9f4zl0proj] { margin: 0; font-size: 1.5rem; font-weight: 700; }
    .summary-content p[b-9f4zl0proj] { margin: 0; font-size: 0.8rem; color: var(--text-muted); }

    .loading-container[b-9f4zl0proj] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-9f4zl0proj] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }

    .fee-cards[b-9f4zl0proj] { display: flex; flex-direction: column; gap: 1rem; }
    .fee-card[b-9f4zl0proj] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .fee-card-header[b-9f4zl0proj] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border); }
    .fee-card-header h4[b-9f4zl0proj] { margin: 0; font-size: 1.1rem; font-weight: 600; }
    .fee-amount[b-9f4zl0proj] { text-align: right; }
    .fee-amount .amount[b-9f4zl0proj] { font-size: 1.5rem; font-weight: 700; color: var(--bs-primary); }
    .fee-card-body[b-9f4zl0proj] { padding: 1.25rem; }
    .fee-card-footer[b-9f4zl0proj] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 1rem 1.25rem; border-top: 1px solid var(--border); background: var(--bg-secondary); }

    .monthly-breakdown[b-9f4zl0proj] { background: var(--bg-secondary); padding: 0.75rem; border-radius: 8px; }
    .month-grid[b-9f4zl0proj] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; font-size: 0.8rem; }

    .data-table-container[b-9f4zl0proj] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .data-table[b-9f4zl0proj] { width: 100%; border-collapse: collapse; }
    .data-table th[b-9f4zl0proj], .data-table td[b-9f4zl0proj] { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--border); }
    .data-table th[b-9f4zl0proj] { font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; background: var(--bg-secondary); }
    .data-table tbody tr:hover[b-9f4zl0proj] { background: var(--bg-secondary); }
    .data-table tbody tr:last-child td[b-9f4zl0proj] { border-bottom: none; }

    /* Modal z-index fix */
    .modal-backdrop[b-9f4zl0proj] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 1050; }
    .modal[b-9f4zl0proj] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; overflow-x: hidden; overflow-y: auto; outline: 0; }
    .modal-dialog[b-9f4zl0proj] { position: relative; margin: 1.75rem auto; }
    .modal-content[b-9f4zl0proj] { position: relative; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15); }
/* /Areas/Executive/Pages/ViceChairman/FeeCollection.razor.rz.scp.css */
.page-container[b-rjlll0vzwx] { padding: 1.5rem; }
    .page-header[b-rjlll0vzwx] { margin-bottom: 1.5rem; }
    .page-header h1[b-rjlll0vzwx] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-rjlll0vzwx] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/ViceChairman/FinancialSummary.razor.rz.scp.css */
.page-container[b-6dfkwhhm55] { padding: 1.5rem; }
    .page-header[b-6dfkwhhm55] { margin-bottom: 1.5rem; }
    .page-header h1[b-6dfkwhhm55] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-6dfkwhhm55] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/ViceChairman/Index.razor.rz.scp.css */
.page-container[b-ep64z41w0v] {
        padding: 1.5rem;
    }
    .page-header[b-ep64z41w0v] {
        margin-bottom: 1.5rem;
    }
    .page-header h1[b-ep64z41w0v] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .quick-actions[b-ep64z41w0v] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1rem;
    }
    .quick-action-card[b-ep64z41w0v] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.25rem;
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        text-decoration: none;
        color: inherit;
        transition: all 0.2s;
    }
    .quick-action-card:hover[b-ep64z41w0v] {
        border-color: var(--bs-primary);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .quick-action-icon[b-ep64z41w0v] {
        width: 50px;
        height: 50px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: var(--btn-primary-text, #ffffff);
    }
    .quick-action-content h3[b-ep64z41w0v] {
        font-size: 1rem;
        font-weight: 600;
        margin: 0 0 0.25rem;
    }
    .quick-action-content p[b-ep64z41w0v] {
        font-size: 0.8rem;
        color: var(--text-muted);
        margin: 0;
    }
    .stat-card[b-ep64z41w0v] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.5rem;
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
    }
    .stat-icon[b-ep64z41w0v] {
        width: 60px;
        height: 60px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: var(--btn-primary-text, #ffffff);
    }
    .stat-content h4[b-ep64z41w0v] {
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0;
    }
    .stat-content p[b-ep64z41w0v] {
        font-size: 0.8rem;
        color: var(--text-muted);
        margin: 0;
    }
/* /Areas/Executive/Pages/ViceChairman/PanelOversight/Index.razor.rz.scp.css */
.page-container[b-y4ln27t1gy] { padding: 1.5rem; }
    .page-header[b-y4ln27t1gy] { margin-bottom: 1.5rem; }
    .page-header h1[b-y4ln27t1gy] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .filter-bar[b-y4ln27t1gy] { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.5rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; flex-wrap: wrap; }
    .filter-group[b-y4ln27t1gy] { display: flex; align-items: center; gap: 0.5rem; }
    .filter-group label[b-y4ln27t1gy] { font-size: 0.875rem; color: var(--text-muted); white-space: nowrap; }
    .loading-container[b-y4ln27t1gy] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-y4ln27t1gy] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
    .employees-list[b-y4ln27t1gy] { display: flex; flex-direction: column; gap: 1rem; }
    .employee-card[b-y4ln27t1gy] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
    .employee-header[b-y4ln27t1gy] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; background: var(--bg-secondary); border-bottom: 1px solid var(--border); }
    .employee-info h4[b-y4ln27t1gy] { margin: 0; font-size: 1rem; font-weight: 600; }
    .employee-meta[b-y4ln27t1gy] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.8rem; color: var(--text-muted); margin-top: 0.25rem; }
    .employee-id[b-y4ln27t1gy] { font-family: monospace; background: var(--bg-primary); padding: 0.1rem 0.4rem; border-radius: 4px; }
    .separator[b-y4ln27t1gy] { color: var(--border); }
    .panels-table[b-y4ln27t1gy] { padding: 0.5rem; }
    .panels-table table[b-y4ln27t1gy] { width: 100%; border-collapse: collapse; }
    .panels-table th[b-y4ln27t1gy], .panels-table td[b-y4ln27t1gy] { padding: 0.6rem 0.75rem; text-align: left; border-bottom: 1px solid var(--border); }
    .panels-table th[b-y4ln27t1gy] { font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; }
    .panels-table tbody tr:last-child td[b-y4ln27t1gy] { border-bottom: none; }
    .panels-table tbody tr:hover[b-y4ln27t1gy] { background: var(--bg-secondary); }
    .panel-name[b-y4ln27t1gy] { display: flex; align-items: center; }
    code[b-y4ln27t1gy] { background: var(--bg-secondary); padding: 0.15rem 0.4rem; border-radius: 4px; font-size: 0.75rem; }
    .summary-bar[b-y4ln27t1gy] { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; font-size: 0.875rem; }
    .pagination-controls[b-y4ln27t1gy] { display: flex; gap: 0.5rem; }
/* /Areas/Executive/Pages/ViceChairman/Performance.razor.rz.scp.css */
.page-container[b-mhdar92kxs] { padding: 1.5rem; }
    .page-header[b-mhdar92kxs] { margin-bottom: 1.5rem; }
    .page-header h1[b-mhdar92kxs] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-mhdar92kxs] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/ViceChairman/Results.razor.rz.scp.css */
.page-container[b-hlwdeoxcwz] { padding: 1.5rem; }
    .page-header[b-hlwdeoxcwz] { margin-bottom: 1.5rem; }
    .page-header h1[b-hlwdeoxcwz] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-hlwdeoxcwz] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/ViceChairman/Staff.razor.rz.scp.css */
.page-container[b-ep5njyiadg] { padding: 1.5rem; }
    .page-header[b-ep5njyiadg] { margin-bottom: 1.5rem; }
    .page-header h1[b-ep5njyiadg] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-ep5njyiadg] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/Executive/Pages/ViceChairman/Students.razor.rz.scp.css */
.page-container[b-bl91a9rmla] { padding: 1.5rem; }
    .page-header[b-bl91a9rmla] { margin-bottom: 1.5rem; }
    .page-header h1[b-bl91a9rmla] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-bl91a9rmla] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/HR/Pages/EmployeeAffairs/Coordinator/Index.razor.rz.scp.css */
.page-container[b-k9oiuyw6ur] { padding: 1.5rem; }
    .page-header[b-k9oiuyw6ur] { margin-bottom: 1.5rem; }
    .page-header h1[b-k9oiuyw6ur] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .quick-actions[b-k9oiuyw6ur] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; }
    .quick-action-card[b-k9oiuyw6ur] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; text-decoration: none; color: inherit; transition: all 0.2s; }
    .quick-action-card:hover[b-k9oiuyw6ur] { border-color: var(--bs-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .quick-action-icon[b-k9oiuyw6ur] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--btn-primary-text, #ffffff); }
    .quick-action-content h3[b-k9oiuyw6ur] { font-size: 1rem; font-weight: 600; margin: 0 0 0.25rem; }
    .quick-action-content p[b-k9oiuyw6ur] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
    .stat-card[b-k9oiuyw6ur] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; }
    .stat-icon[b-k9oiuyw6ur] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--btn-primary-text, #ffffff); flex-shrink: 0; }
    .stat-content h4[b-k9oiuyw6ur] { font-size: 1.25rem; font-weight: 700; margin: 0; }
    .stat-content p[b-k9oiuyw6ur] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
/* /Areas/HR/Pages/EmployeeAffairs/FrontDesk/Index.razor.rz.scp.css */
.page-container[b-lowjiryyn4] { padding: 1.5rem; }
    .page-header[b-lowjiryyn4] { margin-bottom: 1.5rem; }
    .page-header h1[b-lowjiryyn4] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .section-header[b-lowjiryyn4] { margin-bottom: 1rem; }
    .section-header h2[b-lowjiryyn4] { font-size: 1.1rem; font-weight: 600; color: var(--text-secondary); }
    .quick-actions[b-lowjiryyn4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; }
    .quick-action-card[b-lowjiryyn4] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; text-decoration: none; color: inherit; transition: all 0.2s; }
    .quick-action-card:hover[b-lowjiryyn4] { border-color: var(--bs-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .quick-action-card.highlight[b-lowjiryyn4] { border-color: var(--bs-success); background: rgba(var(--bs-success-rgb), 0.05); }
    .quick-action-icon[b-lowjiryyn4] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--btn-primary-text, #ffffff); }
    .quick-action-content h3[b-lowjiryyn4] { font-size: 1rem; font-weight: 600; margin: 0 0 0.25rem; }
    .quick-action-content p[b-lowjiryyn4] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
    .stat-card[b-lowjiryyn4] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; }
    .stat-icon[b-lowjiryyn4] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--btn-primary-text, #ffffff); flex-shrink: 0; }
    .stat-content h4[b-lowjiryyn4] { font-size: 1.25rem; font-weight: 700; margin: 0; }
    .stat-content p[b-lowjiryyn4] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
    .activity-card[b-lowjiryyn4] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; padding: 1rem; }
/* /Areas/HR/Pages/EmployeeAffairs/HeadClerk/Index.razor.rz.scp.css */
.page-container[b-iy32807u0l] { padding: 1.5rem; }
    .page-header[b-iy32807u0l] { margin-bottom: 1.5rem; }
    .page-header h1[b-iy32807u0l] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .quick-actions[b-iy32807u0l] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; }
    .quick-action-card[b-iy32807u0l] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; text-decoration: none; color: inherit; transition: all 0.2s; }
    .quick-action-card:hover[b-iy32807u0l] { border-color: var(--bs-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .quick-action-icon[b-iy32807u0l] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--btn-primary-text, #ffffff); }
    .quick-action-content h3[b-iy32807u0l] { font-size: 1rem; font-weight: 600; margin: 0 0 0.25rem; }
    .quick-action-content p[b-iy32807u0l] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
    .stat-card[b-iy32807u0l] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; }
    .stat-icon[b-iy32807u0l] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--btn-primary-text, #ffffff); flex-shrink: 0; }
    .stat-content h4[b-iy32807u0l] { font-size: 1.25rem; font-weight: 700; margin: 0; }
    .stat-content p[b-iy32807u0l] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
/* /Areas/HR/Pages/HRManager/DepartmentManagement.razor.rz.scp.css */
.page-container[b-cocsomiu6e] { padding: 1.5rem; }
    .page-header h1[b-cocsomiu6e] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    .departments-grid[b-cocsomiu6e] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
        gap: 1.5rem;
    }

    .department-card[b-cocsomiu6e] {
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        overflow: hidden;
    }
    .department-card.inactive[b-cocsomiu6e] {
        opacity: 0.6;
        border-style: dashed;
    }

    .dept-header[b-cocsomiu6e] {
        padding: 1rem;
        background: var(--bg-secondary);
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .dept-level[b-cocsomiu6e] {
        font-size: 0.7rem;
        background: var(--bs-primary);
        color: var(--btn-primary-text, #ffffff);
        padding: 2px 8px;
        border-radius: 4px;
        text-transform: uppercase;
    }
    .dept-info h3[b-cocsomiu6e] { font-size: 1.1rem; margin: 0.5rem 0 0.25rem; }
    .dept-code[b-cocsomiu6e] { font-size: 0.8rem; color: var(--text-muted); }
    .dept-actions[b-cocsomiu6e] { display: flex; gap: 0.25rem; }

    .subdepts-section[b-cocsomiu6e] { padding: 1rem; }
    .subdepts-header[b-cocsomiu6e] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.75rem;
        font-size: 0.85rem;
        font-weight: 600;
    }
    .subdepts-list[b-cocsomiu6e] {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .subdepts-list li[b-cocsomiu6e] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem;
        border-bottom: 1px solid var(--border);
        font-size: 0.9rem;
    }
    .subdepts-list li:last-child[b-cocsomiu6e] { border-bottom: none; }
    .subdepts-list li.inactive[b-cocsomiu6e] { opacity: 0.5; text-decoration: line-through; }
    .subdept-actions[b-cocsomiu6e] { display: flex; gap: 0.25rem; }
    .btn-xs[b-cocsomiu6e] { padding: 0.125rem 0.25rem; font-size: 0.75rem; }

    .dept-footer[b-cocsomiu6e] {
        padding: 0.75rem 1rem;
        background: var(--bg-secondary);
        border-top: 1px solid var(--border);
    }

    .audit-section[b-cocsomiu6e] {
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 1rem;
    }
    .audit-section h3[b-cocsomiu6e] { font-size: 1rem; margin-bottom: 1rem; }
/* /Areas/HR/Pages/HRManager/Index.razor.rz.scp.css */
.page-container[b-yfqctzpuuy] {
        padding: 1.5rem;
    }
    .page-header[b-yfqctzpuuy] {
        margin-bottom: 1.5rem;
    }
    .page-header h1[b-yfqctzpuuy] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .section-header[b-yfqctzpuuy] {
        margin-bottom: 1rem;
    }
    .section-header h2[b-yfqctzpuuy] {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--text-secondary);
    }
    .quick-actions[b-yfqctzpuuy] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1rem;
    }
    .quick-action-card[b-yfqctzpuuy] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.25rem;
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        text-decoration: none;
        color: inherit;
        transition: all 0.2s;
    }
    .quick-action-card:hover[b-yfqctzpuuy] {
        border-color: var(--bs-primary);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .quick-action-icon[b-yfqctzpuuy] {
        width: 50px;
        height: 50px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: var(--btn-primary-text, #ffffff);
    }
    .quick-action-content h3[b-yfqctzpuuy] {
        font-size: 1rem;
        font-weight: 600;
        margin: 0 0 0.25rem;
    }
    .quick-action-content p[b-yfqctzpuuy] {
        font-size: 0.8rem;
        color: var(--text-muted);
        margin: 0;
    }
    .stat-card[b-yfqctzpuuy] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.25rem;
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        position: relative;
    }
    .stat-icon[b-yfqctzpuuy] {
        width: 50px;
        height: 50px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--btn-primary-text, #ffffff);
        flex-shrink: 0;
    }
    .stat-content h4[b-yfqctzpuuy] {
        font-size: 1rem;
        font-weight: 600;
        margin: 0;
    }
    .stat-content p[b-yfqctzpuuy] {
        font-size: 0.8rem;
        color: var(--text-muted);
        margin: 0;
    }
    .stat-link[b-yfqctzpuuy] {
        position: absolute;
        right: 1rem;
        font-size: 0.8rem;
        color: var(--bs-primary);
        text-decoration: none;
    }
    .stat-link:hover[b-yfqctzpuuy] {
        text-decoration: underline;
    }
/* /Areas/HR/Pages/HRManager/MyRequests.razor.rz.scp.css */
.page-container[b-om3vf8vb6e] { padding: 1.5rem; }
    .page-header h1[b-om3vf8vb6e] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    .filter-tabs[b-om3vf8vb6e] {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
    }
    .filter-tab[b-om3vf8vb6e] {
        padding: 0.5rem 1rem;
        border: 1px solid var(--border);
        background: var(--bg-primary);
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.2s;
    }
    .filter-tab:hover[b-om3vf8vb6e] { border-color: var(--bs-primary); }
    .filter-tab.active[b-om3vf8vb6e] {
        background: var(--bs-primary);
        color: var(--btn-primary-text, #ffffff);
        border-color: var(--bs-primary);
    }

    .empty-state[b-om3vf8vb6e] {
        text-align: center;
        padding: 4rem 2rem;
        background: var(--bg-primary);
        border: 1px dashed var(--border);
        border-radius: 12px;
    }

    .requests-list[b-om3vf8vb6e] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .request-card[b-om3vf8vb6e] {
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        overflow: hidden;
    }

    .request-header[b-om3vf8vb6e] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border);
    }
    .request-type[b-om3vf8vb6e] { display: flex; gap: 0.5rem; }

    .request-body[b-om3vf8vb6e] {
        padding: 1rem;
    }
    .request-body h4[b-om3vf8vb6e] { margin: 0; font-size: 1.1rem; }
    .change-details[b-om3vf8vb6e] { margin-top: 0.5rem; }

    .request-footer[b-om3vf8vb6e] {
        padding: 1rem;
        background: var(--bg-secondary);
        border-top: 1px solid var(--border);
    }
    .request-meta[b-om3vf8vb6e] {
        display: flex;
        gap: 1.5rem;
        font-size: 0.85rem;
        color: var(--text-muted);
    }

    .comment-box[b-om3vf8vb6e] {
        padding: 0.5rem;
        background: var(--bg-primary);
        border-radius: 6px;
        font-size: 0.9rem;
    }
/* /Areas/HR/Pages/Recruitment/Coordinator/Index.razor.rz.scp.css */
.page-container[b-v9y5efbnrr] { padding: 1.5rem; }
    .page-header[b-v9y5efbnrr] { margin-bottom: 1.5rem; }
    .page-header h1[b-v9y5efbnrr] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .quick-actions[b-v9y5efbnrr] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; }
    .quick-action-card[b-v9y5efbnrr] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; text-decoration: none; color: inherit; transition: all 0.2s; }
    .quick-action-card:hover[b-v9y5efbnrr] { border-color: var(--bs-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .quick-action-icon[b-v9y5efbnrr] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--btn-primary-text, #ffffff); }
    .quick-action-content h3[b-v9y5efbnrr] { font-size: 1rem; font-weight: 600; margin: 0 0 0.25rem; }
    .quick-action-content p[b-v9y5efbnrr] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
    .stat-card[b-v9y5efbnrr] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; }
    .stat-icon[b-v9y5efbnrr] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--btn-primary-text, #ffffff); flex-shrink: 0; }
    .stat-content h4[b-v9y5efbnrr] { font-size: 1.25rem; font-weight: 700; margin: 0; }
    .stat-content p[b-v9y5efbnrr] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
/* /Areas/HR/Pages/Recruitment/HeadClerk/Index.razor.rz.scp.css */
.page-container[b-io3dzfn5p4] { padding: 1.5rem; }
    .page-header[b-io3dzfn5p4] { margin-bottom: 1.5rem; }
    .page-header h1[b-io3dzfn5p4] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .quick-actions[b-io3dzfn5p4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; }
    .quick-action-card[b-io3dzfn5p4] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; text-decoration: none; color: inherit; transition: all 0.2s; }
    .quick-action-card:hover[b-io3dzfn5p4] { border-color: var(--bs-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .quick-action-icon[b-io3dzfn5p4] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--btn-primary-text, #ffffff); }
    .quick-action-content h3[b-io3dzfn5p4] { font-size: 1rem; font-weight: 600; margin: 0 0 0.25rem; }
    .quick-action-content p[b-io3dzfn5p4] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
    .stat-card[b-io3dzfn5p4] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; }
    .stat-icon[b-io3dzfn5p4] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--btn-primary-text, #ffffff); flex-shrink: 0; }
    .stat-content h4[b-io3dzfn5p4] { font-size: 1.25rem; font-weight: 700; margin: 0; }
    .stat-content p[b-io3dzfn5p4] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
/* /Areas/HR/Pages/StudentAffairs/Coordinator/Admissions/File.razor.rz.scp.css */
/* File Header */
.file-header[b-cz00yx9plz] {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.student-photo-section[b-cz00yx9plz] {
    flex-shrink: 0;
    text-align: center;
}

.student-photo[b-cz00yx9plz] {
    width: 120px;
    height: 140px;
    object-fit: cover;
    border-radius: 8px;
    border: 3px solid #1a237e;
}

.photo-placeholder[b-cz00yx9plz] {
    width: 120px;
    height: 140px;
    background: #f5f5f5;
    border: 2px dashed #ccc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 48px;
}

.student-info-section[b-cz00yx9plz] {
    flex: 1;
    min-width: 0;
}

.student-name-row[b-cz00yx9plz] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.student-name-row h2[b-cz00yx9plz] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a237e;
    margin: 0;
}

.quick-info-grid[b-cz00yx9plz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.quick-info-grid .info-item[b-cz00yx9plz] {
    display: flex;
    flex-direction: column;
}

.quick-info-grid .label[b-cz00yx9plz] {
    font-size: 0.75rem;
    color: #666;
    text-transform: uppercase;
}

.quick-info-grid .value[b-cz00yx9plz] {
    font-weight: 600;
    color: #333;
}

.quick-info-grid .value.highlight[b-cz00yx9plz] {
    color: #1a237e;
    font-size: 1.1rem;
}

.header-actions[b-cz00yx9plz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* Tabs */
.nav-tabs .nav-link[b-cz00yx9plz] {
    color: #666;
    border: none;
    padding: 0.75rem 1rem;
}

.nav-tabs .nav-link.active[b-cz00yx9plz] {
    color: #1a237e;
    border-bottom: 3px solid #1a237e;
    font-weight: 600;
}

.nav-tabs .nav-link:hover:not(.active)[b-cz00yx9plz] {
    color: #3949ab;
    border-color: transparent;
}

/* Tab Content */
.tab-content[b-cz00yx9plz] {
    margin-top: 1rem;
}

.tab-content .card[b-cz00yx9plz] {
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-radius: 12px;
}

.card-header[b-cz00yx9plz] {
    background: white;
    border-bottom: 1px solid #e5e7eb;
    padding: 1rem 1.25rem;
    border-radius: 12px 12px 0 0;
}

.card-header h5[b-cz00yx9plz] {
    font-weight: 600;
    color: #374151;
    margin: 0;
}

/* Section Grid */
.section-grid[b-cz00yx9plz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.section-grid.two-col[b-cz00yx9plz] {
    grid-template-columns: repeat(2, 1fr);
}

.info-group h6[b-cz00yx9plz] {
    color: #1a237e;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e8eaf6;
}

/* Detail Grid */
.detail-grid[b-cz00yx9plz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.detail-row[b-cz00yx9plz] {
    display: flex;
    gap: 0.5rem;
}

.detail-label[b-cz00yx9plz] {
    color: #666;
    font-size: 0.85rem;
    min-width: 100px;
    flex-shrink: 0;
}

.detail-value[b-cz00yx9plz] {
    color: #333;
    font-weight: 500;
}

/* Address Block */
.address-block[b-cz00yx9plz] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 8px;
    line-height: 1.6;
}

.address-block p[b-cz00yx9plz] {
    margin: 0;
}

/* Document Grid */
.document-grid[b-cz00yx9plz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.document-card[b-cz00yx9plz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 8px;
    border-left: 4px solid #ffc107;
}

.document-card.verified[b-cz00yx9plz] {
    border-left-color: #28a745;
    background: #f0fdf4;
}

.document-card.submitted[b-cz00yx9plz] {
    border-left-color: #17a2b8;
    background: #f0f9ff;
}

.document-card.rejected[b-cz00yx9plz] {
    border-left-color: #dc3545;
    background: #fef2f2;
}

.doc-icon[b-cz00yx9plz] {
    font-size: 1.5rem;
    width: 40px;
    text-align: center;
}

.doc-info[b-cz00yx9plz] {
    flex: 1;
    min-width: 0;
}

.doc-name[b-cz00yx9plz] {
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doc-type[b-cz00yx9plz], .doc-date[b-cz00yx9plz] {
    font-size: 0.75rem;
    color: #666;
}

.doc-actions[b-cz00yx9plz] {
    display: flex;
    gap: 0.25rem;
}

/* Notes Timeline */
.notes-timeline[b-cz00yx9plz] {
    position: relative;
    padding-left: 2rem;
}

.notes-timeline[b-cz00yx9plz]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e5e7eb;
}

.note-item[b-cz00yx9plz] {
    position: relative;
    margin-bottom: 1.5rem;
}

.note-marker[b-cz00yx9plz] {
    position: absolute;
    left: -2rem;
    top: 4px;
    width: 12px;
    height: 12px;
    background: #1a237e;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 0 0 2px #1a237e;
}

.note-content[b-cz00yx9plz] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 8px;
}

.note-header[b-cz00yx9plz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.note-author[b-cz00yx9plz] {
    font-weight: 600;
    color: #1a237e;
}

.note-date[b-cz00yx9plz] {
    font-size: 0.75rem;
    color: #666;
}

.note-text[b-cz00yx9plz] {
    color: #333;
    line-height: 1.6;
}

/* Modal */
.modal-backdrop[b-cz00yx9plz] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
}

.modal[b-cz00yx9plz] {
    z-index: 1050;
}

/* Receipt List */
.receipt-list[b-cz00yx9plz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.receipt-card[b-cz00yx9plz] {
    padding: 1rem;
    background: #f8fafc;
    border-radius: 8px;
    border-left: 4px solid #1a237e;
}

/* Responsive */
@media (max-width: 992px) {
    .file-header[b-cz00yx9plz] {
        flex-wrap: wrap;
    }

    .quick-info-grid[b-cz00yx9plz] {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-grid[b-cz00yx9plz] {
        grid-template-columns: 1fr;
    }

    .section-grid.two-col[b-cz00yx9plz] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .file-header[b-cz00yx9plz] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .header-actions[b-cz00yx9plz] {
        flex-direction: row;
        width: 100%;
        justify-content: center;
    }

    .quick-info-grid[b-cz00yx9plz] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/HR/Pages/StudentAffairs/Coordinator/Admissions/Index.razor.rz.scp.css */
/* Page Header */
.page-header[b-qgn6x34gjy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header h1[b-qgn6x34gjy] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.header-actions[b-qgn6x34gjy] {
    display: flex;
    gap: 0.5rem;
}

/* Stat Cards */
.stat-card[b-qgn6x34gjy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.stat-icon[b-qgn6x34gjy] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
}

.stat-content h4[b-qgn6x34gjy] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
    line-height: 1;
}

.stat-content p[b-qgn6x34gjy] {
    margin: 0.25rem 0 0 0;
    font-size: 0.85rem;
    color: #6b7280;
}

.bg-purple[b-qgn6x34gjy] {
    background-color: #8b5cf6 !important;
}

.btn-purple[b-qgn6x34gjy] {
    background-color: #8b5cf6;
    border-color: #8b5cf6;
    color: white;
}

.btn-purple:hover[b-qgn6x34gjy] {
    background-color: #7c3aed;
    border-color: #7c3aed;
    color: white;
}

.btn-outline-purple[b-qgn6x34gjy] {
    color: #8b5cf6;
    border-color: #8b5cf6;
}

.btn-outline-purple:hover[b-qgn6x34gjy] {
    background-color: #8b5cf6;
    color: white;
}

/* Card */
.card[b-qgn6x34gjy] {
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 8px;
}

.card-header[b-qgn6x34gjy] {
    background: white;
    border-bottom: 1px solid #e5e7eb;
    padding: 1rem 1.25rem;
}

.card-header h5[b-qgn6x34gjy] {
    font-weight: 600;
    color: #374151;
}

/* Table */
.table[b-qgn6x34gjy] {
    margin-bottom: 0;
}

.table th[b-qgn6x34gjy] {
    font-weight: 600;
    color: #374151;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    white-space: nowrap;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid #e5e7eb;
}

.table td[b-qgn6x34gjy] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
}

.table tbody tr:hover[b-qgn6x34gjy] {
    background-color: #f9fafb;
}

/* Button Groups */
.btn-group-sm > .btn[b-qgn6x34gjy] {
    padding: 0.375rem 0.5rem;
}

/* Modal */
.modal-backdrop[b-qgn6x34gjy] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
}

.modal[b-qgn6x34gjy] {
    z-index: 1050;
}

.modal-header.bg-purple[b-qgn6x34gjy] {
    background-color: #8b5cf6 !important;
    border-radius: 0.5rem 0.5rem 0 0;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-qgn6x34gjy] {
        flex-direction: column;
    }

    .header-actions[b-qgn6x34gjy] {
        width: 100%;
        justify-content: flex-end;
    }

    .stat-card[b-qgn6x34gjy] {
        margin-bottom: 0.5rem;
    }
}
/* /Areas/HR/Pages/StudentAffairs/Coordinator/Index.razor.rz.scp.css */
.page-container[b-1z361i5xnc] { padding: 1.5rem; }
    .page-header[b-1z361i5xnc] { margin-bottom: 1.5rem; }
    .page-header h1[b-1z361i5xnc] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .quick-actions[b-1z361i5xnc] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; }
    .quick-action-card[b-1z361i5xnc] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; text-decoration: none; color: inherit; transition: all 0.2s; }
    .quick-action-card:hover[b-1z361i5xnc] { border-color: var(--bs-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .quick-action-icon[b-1z361i5xnc] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--btn-primary-text, #ffffff); }
    .quick-action-content h3[b-1z361i5xnc] { font-size: 1rem; font-weight: 600; margin: 0 0 0.25rem; }
    .quick-action-content p[b-1z361i5xnc] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
    .stat-card[b-1z361i5xnc] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; }
    .stat-icon[b-1z361i5xnc] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--btn-primary-text, #ffffff); flex-shrink: 0; }
    .stat-content h4[b-1z361i5xnc] { font-size: 1.25rem; font-weight: 700; margin: 0; }
    .stat-content p[b-1z361i5xnc] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
/* /Areas/HR/Pages/StudentAffairs/Coordinator/UpdateRequests.razor.rz.scp.css */
.page-container[b-26sfv9ev61] {
    padding: 1.5rem;
}

.page-header[b-26sfv9ev61] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-header h1[b-26sfv9ev61] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.header-actions[b-26sfv9ev61] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.modal-backdrop[b-26sfv9ev61] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
}

.modal[b-26sfv9ev61] {
    z-index: 1050;
}

.font-monospace[b-26sfv9ev61] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.85em;
}

.bg-purple[b-26sfv9ev61] {
    background-color: #6f42c1 !important;
    color: white !important;
}
/* /Areas/HR/Pages/StudentAffairs/HeadClerk/Admissions/File.razor.rz.scp.css */
/* File Header */
.file-header[b-fv6hsjznk7] {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Photos Section */
.photos-section[b-fv6hsjznk7] {
    display: flex;
    gap: 1rem;
    flex-shrink: 0;
}

.photo-item[b-fv6hsjznk7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.photo-label[b-fv6hsjznk7] {
    font-size: 0.75rem;
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
}

.student-photo[b-fv6hsjznk7] {
    width: 120px;
    height: 140px;
    object-fit: cover;
    border-radius: 8px;
    border: 3px solid #1a237e;
}

.parent-photo[b-fv6hsjznk7] {
    width: 90px;
    height: 105px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #666;
}

.photo-placeholder[b-fv6hsjznk7] {
    width: 120px;
    height: 140px;
    background: #f5f5f5;
    border: 2px dashed #ccc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 48px;
}

.photo-placeholder-small[b-fv6hsjznk7] {
    width: 90px;
    height: 105px;
    background: #f5f5f5;
    border: 2px dashed #ccc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 36px;
}

.student-info-section[b-fv6hsjznk7] {
    flex: 1;
    min-width: 0;
}

.student-name-row[b-fv6hsjznk7] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.student-name-row h2[b-fv6hsjznk7] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a237e;
    margin: 0;
}

.quick-info-grid[b-fv6hsjznk7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.quick-info-grid .info-item[b-fv6hsjznk7] {
    display: flex;
    flex-direction: column;
}

.quick-info-grid .label[b-fv6hsjznk7] {
    font-size: 0.75rem;
    color: #666;
    text-transform: uppercase;
}

.quick-info-grid .value[b-fv6hsjznk7] {
    font-weight: 600;
    color: #333;
}

.quick-info-grid .value.highlight[b-fv6hsjznk7] {
    color: #1a237e;
    font-size: 1.1rem;
}

.header-actions[b-fv6hsjznk7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* Tabs */
.nav-tabs .nav-link[b-fv6hsjznk7] {
    color: #666;
    border: none;
    padding: 0.75rem 1rem;
}

.nav-tabs .nav-link.active[b-fv6hsjznk7] {
    color: #1a237e;
    border-bottom: 3px solid #1a237e;
    font-weight: 600;
}

.nav-tabs .nav-link:hover:not(.active)[b-fv6hsjznk7] {
    color: #3949ab;
    border-color: transparent;
}

/* Tab Content */
.tab-content[b-fv6hsjznk7] {
    margin-top: 1rem;
}

.tab-content .card[b-fv6hsjznk7] {
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-radius: 12px;
}

.card-header[b-fv6hsjznk7] {
    background: white;
    border-bottom: 1px solid #e5e7eb;
    padding: 1rem 1.25rem;
    border-radius: 12px 12px 0 0;
}

.card-header h5[b-fv6hsjznk7] {
    font-weight: 600;
    color: #374151;
    margin: 0;
}

/* Section Grid */
.section-grid[b-fv6hsjznk7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.section-grid.two-col[b-fv6hsjznk7] {
    grid-template-columns: repeat(2, 1fr);
}

.info-group h6[b-fv6hsjznk7] {
    color: #1a237e;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e8eaf6;
}

/* Detail Grid */
.detail-grid[b-fv6hsjznk7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.detail-row[b-fv6hsjznk7] {
    display: flex;
    gap: 0.5rem;
}

.detail-label[b-fv6hsjznk7] {
    color: #666;
    font-size: 0.85rem;
    min-width: 100px;
    flex-shrink: 0;
}

.detail-value[b-fv6hsjznk7] {
    color: #333;
    font-weight: 500;
}

/* Address Block */
.address-block[b-fv6hsjznk7] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 8px;
    line-height: 1.6;
}

.address-block p[b-fv6hsjznk7] {
    margin: 0;
}

/* Document Grid */
.document-grid[b-fv6hsjznk7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.document-card[b-fv6hsjznk7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 8px;
    border-left: 4px solid #ffc107;
}

.document-card.verified[b-fv6hsjznk7] {
    border-left-color: #28a745;
    background: #f0fdf4;
}

.document-card.submitted[b-fv6hsjznk7] {
    border-left-color: #17a2b8;
    background: #f0f9ff;
}

.document-card.rejected[b-fv6hsjznk7] {
    border-left-color: #dc3545;
    background: #fef2f2;
}

.doc-icon[b-fv6hsjznk7] {
    font-size: 1.5rem;
    width: 40px;
    text-align: center;
}

.doc-info[b-fv6hsjznk7] {
    flex: 1;
    min-width: 0;
}

.doc-name[b-fv6hsjznk7] {
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doc-type[b-fv6hsjznk7], .doc-date[b-fv6hsjznk7] {
    font-size: 0.75rem;
    color: #666;
}

.doc-actions[b-fv6hsjznk7] {
    display: flex;
    gap: 0.25rem;
}

/* Notes Timeline */
.notes-timeline[b-fv6hsjznk7] {
    position: relative;
    padding-left: 2rem;
}

.notes-timeline[b-fv6hsjznk7]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e5e7eb;
}

.note-item[b-fv6hsjznk7] {
    position: relative;
    margin-bottom: 1.5rem;
}

.note-marker[b-fv6hsjznk7] {
    position: absolute;
    left: -2rem;
    top: 4px;
    width: 12px;
    height: 12px;
    background: #1a237e;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 0 0 2px #1a237e;
}

.note-content[b-fv6hsjznk7] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 8px;
}

.note-header[b-fv6hsjznk7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.note-author[b-fv6hsjznk7] {
    font-weight: 600;
    color: #1a237e;
}

.note-date[b-fv6hsjznk7] {
    font-size: 0.75rem;
    color: #666;
}

.note-text[b-fv6hsjznk7] {
    color: #333;
    line-height: 1.6;
}

/* ==========================================
   AMCLOUD MODAL STYLES
   ========================================== */

/* Modal Overlay & Container */
.modal-overlay[b-fv6hsjznk7] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-overlay.visible[b-fv6hsjznk7] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.modal-container[b-fv6hsjznk7] {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
    width: 100%;
    max-width: 900px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    transform: scale(0.95) translateY(20px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.modal-overlay.visible .modal-container[b-fv6hsjznk7] {
    transform: scale(1) translateY(0);
    opacity: 1;
}

/* Header Section */
.modal-header-section[b-fv6hsjznk7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.5rem 1.75rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    border-radius: 16px 16px 0 0;
}

.header-content[b-fv6hsjznk7] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-icon[b-fv6hsjznk7] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3);
    flex-shrink: 0;
}

.header-text h2[b-fv6hsjznk7] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 600;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.header-text p[b-fv6hsjznk7] {
    margin: 0.25rem 0 0 0;
    font-size: 0.875rem;
    color: #94a3b8;
}

.close-btn[b-fv6hsjznk7] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.close-btn:hover[b-fv6hsjznk7] {
    background: #f1f5f9;
    color: #0f172a;
}

/* Body Section */
.modal-body-section[b-fv6hsjznk7] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
    background: #ffffff;
}

.form-section[b-fv6hsjznk7] {
    padding: 1.5rem 1.75rem;
}

.section-title[b-fv6hsjznk7] {
    font-size: 1rem;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 1.25rem 0;
    letter-spacing: -0.01em;
}

/* Error/Warning Banners */
.error-banner[b-fv6hsjznk7],
.warning-banner[b-fv6hsjznk7] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    margin: 1rem 1.5rem 0;
    border-radius: 10px;
    font-size: 0.875rem;
}

.error-banner[b-fv6hsjznk7] {
    background: #fef2f2;
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.warning-banner[b-fv6hsjznk7] {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

/* Form Fields */
.field-group[b-fv6hsjznk7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0;
}

.field-group.full-width[b-fv6hsjznk7] {
    grid-column: 1 / -1;
}

.field-label[b-fv6hsjznk7] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
}

.field-label.required[b-fv6hsjznk7]::after {
    content: " *";
    color: #ef4444;
}

.field-input[b-fv6hsjznk7],
.field-select[b-fv6hsjznk7],
.field-textarea[b-fv6hsjznk7] {
    padding: 0.75rem 1rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.9375rem;
    color: #0f172a;
    background: #ffffff;
    transition: all 0.15s ease;
    width: 100%;
}

.field-input:focus[b-fv6hsjznk7],
.field-select:focus[b-fv6hsjznk7],
.field-textarea:focus[b-fv6hsjznk7] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px #eff6ff;
}

.field-input[b-fv6hsjznk7]::placeholder,
.field-textarea[b-fv6hsjznk7]::placeholder {
    color: #94a3b8;
}

.field-textarea[b-fv6hsjznk7] {
    resize: vertical;
    min-height: 80px;
    line-height: 1.6;
}

/* Footer Section */
.modal-footer-section[b-fv6hsjznk7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.75rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 16px 16px;
}

.footer-actions[b-fv6hsjznk7] {
    display: flex;
    gap: 0.75rem;
}

/* Buttons */
.btn-primary[b-fv6hsjznk7],
.btn-secondary[b-fv6hsjznk7] {
    padding: 0.625rem 1.25rem;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.15s ease;
    border: none;
}

.btn-primary[b-fv6hsjznk7] {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(251, 191, 36, 0.3);
}

.btn-primary:hover:not(:disabled)[b-fv6hsjznk7] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.4);
    transform: translateY(-1px);
}

.btn-primary:disabled[b-fv6hsjznk7] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.btn-primary.submit[b-fv6hsjznk7] {
    padding: 0.75rem 1.5rem;
}

.btn-secondary[b-fv6hsjznk7] {
    background: #ffffff;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-fv6hsjznk7] {
    background: #f8fafc;
    border-color: #94a3b8;
}

/* Spinner */
.spinner[b-fv6hsjznk7] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-fv6hsjznk7 0.8s linear infinite;
}

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

/* Dark Theme Support */
:global([data-theme="dark"]) .modal-container[b-fv6hsjznk7] {
    background: #1e293b;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
}

:global([data-theme="dark"]) .modal-header-section[b-fv6hsjznk7] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-color: #334155;
}

:global([data-theme="dark"]) .header-text h2[b-fv6hsjznk7] {
    color: #f8fafc;
}

:global([data-theme="dark"]) .header-text p[b-fv6hsjznk7] {
    color: #64748b;
}

:global([data-theme="dark"]) .close-btn[b-fv6hsjznk7] {
    color: #64748b;
}

:global([data-theme="dark"]) .close-btn:hover[b-fv6hsjznk7] {
    background: #334155;
    color: #f8fafc;
}

:global([data-theme="dark"]) .modal-body-section[b-fv6hsjznk7] {
    background: #1e293b;
}

:global([data-theme="dark"]) .field-label[b-fv6hsjznk7] {
    color: #94a3b8;
}

:global([data-theme="dark"]) .field-input[b-fv6hsjznk7],
:global([data-theme="dark"]) .field-select[b-fv6hsjznk7],
:global([data-theme="dark"]) .field-textarea[b-fv6hsjznk7] {
    background: #0f172a;
    border-color: #334155;
    color: #f8fafc;
}

:global([data-theme="dark"]) .field-input:focus[b-fv6hsjznk7],
:global([data-theme="dark"]) .field-select:focus[b-fv6hsjznk7],
:global([data-theme="dark"]) .field-textarea:focus[b-fv6hsjznk7] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

:global([data-theme="dark"]) .modal-footer-section[b-fv6hsjznk7] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-theme="dark"]) .btn-secondary[b-fv6hsjznk7] {
    background: #1e293b;
    color: #94a3b8;
    border-color: #334155;
}

:global([data-theme="dark"]) .section-title[b-fv6hsjznk7] {
    color: #f8fafc;
}

:global([data-theme="dark"]) .error-banner[b-fv6hsjznk7] {
    background: rgba(239, 68, 68, 0.15);
}

:global([data-theme="dark"]) .warning-banner[b-fv6hsjznk7] {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

/* Responsive */
@media (max-width: 768px) {
    .modal-container[b-fv6hsjznk7] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
        margin: 0;
    }

    .modal-overlay[b-fv6hsjznk7] {
        padding: 0;
    }

    .modal-header-section[b-fv6hsjznk7] {
        border-radius: 0;
        padding: 1rem;
    }

    .form-section[b-fv6hsjznk7] {
        padding: 1rem;
    }

    .modal-footer-section[b-fv6hsjznk7] {
        flex-direction: column;
        gap: 0.75rem;
        padding: 1rem;
    }

    .footer-actions[b-fv6hsjznk7] {
        width: 100%;
    }

    .footer-actions button[b-fv6hsjznk7] {
        flex: 1;
    }

    .btn-secondary[b-fv6hsjznk7] {
        width: 100%;
        justify-content: center;
    }
}

/* Old Modal Styles (for compatibility) */
.modal-backdrop[b-fv6hsjznk7] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
}

.modal[b-fv6hsjznk7] {
    z-index: 1050;
}

/* Receipt List */
.receipt-list[b-fv6hsjznk7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.receipt-card[b-fv6hsjznk7] {
    padding: 1rem;
    background: #f8fafc;
    border-radius: 8px;
    border-left: 4px solid #1a237e;
}

/* Update Requests */
.update-requests-list[b-fv6hsjznk7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.update-request-card[b-fv6hsjznk7] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem;
}

.update-request-card.pending[b-fv6hsjznk7] {
    border-left: 4px solid #ffc107;
    background: #fffbf0;
}

.update-request-header[b-fv6hsjznk7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.update-request-body[b-fv6hsjznk7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.value-comparison[b-fv6hsjznk7] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: center;
    padding: 0.75rem;
    background: white;
    border-radius: 6px;
}

.value-comparison label[b-fv6hsjznk7] {
    display: block;
    font-size: 0.75rem;
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.old-value div[b-fv6hsjznk7] {
    color: #666;
    font-weight: 500;
    text-decoration: line-through;
}

.new-value div[b-fv6hsjznk7] {
    color: #1a237e;
    font-weight: 600;
}

.arrow[b-fv6hsjznk7] {
    color: #666;
    font-size: 1.25rem;
}

.update-remarks[b-fv6hsjznk7] {
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 6px;
    font-size: 0.9rem;
}

.update-footer[b-fv6hsjznk7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.5rem;
    border-top: 1px solid #e5e7eb;
}

/* Update History Timeline */
.update-history-timeline[b-fv6hsjznk7] {
    position: relative;
    padding-left: 2rem;
}

.update-history-timeline[b-fv6hsjznk7]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e5e7eb;
}

.history-item[b-fv6hsjznk7] {
    position: relative;
    margin-bottom: 1.5rem;
}

.history-marker[b-fv6hsjznk7] {
    position: absolute;
    left: -2rem;
    top: 4px;
    width: 12px;
    height: 12px;
    background: #666;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 0 0 2px #666;
}

.history-item.approved .history-marker[b-fv6hsjznk7] {
    background: #28a745;
    box-shadow: 0 0 0 2px #28a745;
}

.history-item.rejected .history-marker[b-fv6hsjznk7] {
    background: #dc3545;
    box-shadow: 0 0 0 2px #dc3545;
}

.history-content[b-fv6hsjznk7] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 8px;
}

.history-header[b-fv6hsjznk7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.history-description[b-fv6hsjznk7] {
    color: #333;
    margin-bottom: 0.5rem;
}

.value-change-inline[b-fv6hsjznk7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: white;
    border-radius: 4px;
    font-size: 0.9rem;
}

.value-change-inline .old-val[b-fv6hsjznk7] {
    color: #666;
    text-decoration: line-through;
}

.value-change-inline .new-val[b-fv6hsjznk7] {
    color: #1a237e;
    font-weight: 600;
}

/* Responsive */
@media (max-width: 992px) {
    .file-header[b-fv6hsjznk7] {
        flex-wrap: wrap;
    }

    .photos-section[b-fv6hsjznk7] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .quick-info-grid[b-fv6hsjznk7] {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-grid[b-fv6hsjznk7] {
        grid-template-columns: 1fr;
    }

    .section-grid.two-col[b-fv6hsjznk7] {
        grid-template-columns: 1fr;
    }

    .value-comparison[b-fv6hsjznk7] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .arrow[b-fv6hsjznk7] {
        transform: rotate(90deg);
    }
}

@media (max-width: 576px) {
    .file-header[b-fv6hsjznk7] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .header-actions[b-fv6hsjznk7] {
        flex-direction: row;
        width: 100%;
        justify-content: center;
    }

    .quick-info-grid[b-fv6hsjznk7] {
        grid-template-columns: 1fr;
    }
}

/* Dark Theme */
[data-theme="dark"] .file-header[b-fv6hsjznk7] {
    background: #1e293b;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Photos Section - Dark */
[data-theme="dark"] .photo-label[b-fv6hsjznk7] {
    color: #cbd5e1;
}

[data-theme="dark"] .photo-placeholder[b-fv6hsjznk7],
[data-theme="dark"] .photo-placeholder-small[b-fv6hsjznk7] {
    background: #0f172a;
    border-color: #475569;
    color: #64748b;
}

/* Student Info - Dark */
[data-theme="dark"] .student-name-row h2[b-fv6hsjznk7] {
    color: #f1f5f9;
}

[data-theme="dark"] .quick-info-grid .label[b-fv6hsjznk7] {
    color: #94a3b8;
}

[data-theme="dark"] .quick-info-grid .value[b-fv6hsjznk7] {
    color: #f1f5f9;
}

[data-theme="dark"] .quick-info-grid .value.highlight[b-fv6hsjznk7] {
    color: #60a5fa;
}

/* Tabs - Dark */
[data-theme="dark"] .nav-tabs .nav-link[b-fv6hsjznk7] {
    color: #94a3b8;
}

[data-theme="dark"] .nav-tabs .nav-link.active[b-fv6hsjznk7] {
    color: #60a5fa;
    border-bottom-color: #60a5fa;
}

[data-theme="dark"] .nav-tabs .nav-link:hover:not(.active)[b-fv6hsjznk7] {
    color: #cbd5e1;
}

/* Tab Content Cards - Dark */
[data-theme="dark"] .tab-content .card[b-fv6hsjznk7] {
    background: #1e293b;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

[data-theme="dark"] .card-header[b-fv6hsjznk7] {
    background: #1e293b;
    border-bottom-color: #334155;
}

[data-theme="dark"] .card-header h5[b-fv6hsjznk7] {
    color: #f1f5f9;
}

/* Section Grid - Dark */
[data-theme="dark"] .info-group h6[b-fv6hsjznk7] {
    color: #60a5fa;
    border-bottom-color: #334155;
}

/* Detail Grid - Dark */
[data-theme="dark"] .detail-label[b-fv6hsjznk7] {
    color: #94a3b8;
}

[data-theme="dark"] .detail-value[b-fv6hsjznk7] {
    color: #f1f5f9;
}

/* Address Block - Dark */
[data-theme="dark"] .address-block[b-fv6hsjznk7] {
    background: #0f172a;
}

[data-theme="dark"] .address-block p[b-fv6hsjznk7] {
    color: #e2e8f0;
}

/* Document Cards - Dark */
[data-theme="dark"] .document-card[b-fv6hsjznk7] {
    background: #0f172a;
}

[data-theme="dark"] .document-card.verified[b-fv6hsjznk7] {
    background: #0f1f15;
}

[data-theme="dark"] .document-card.submitted[b-fv6hsjznk7] {
    background: #0f1a1f;
}

[data-theme="dark"] .document-card.rejected[b-fv6hsjznk7] {
    background: #1f0f10;
}

[data-theme="dark"] .doc-name[b-fv6hsjznk7] {
    color: #f1f5f9;
}

[data-theme="dark"] .doc-type[b-fv6hsjznk7],
[data-theme="dark"] .doc-date[b-fv6hsjznk7] {
    color: #94a3b8;
}

/* Notes Timeline - Dark */
[data-theme="dark"] .notes-timeline[b-fv6hsjznk7]::before {
    background: #334155;
}

[data-theme="dark"] .note-marker[b-fv6hsjznk7] {
    background: #60a5fa;
    border-color: #1e293b;
    box-shadow: 0 0 0 2px #60a5fa;
}

[data-theme="dark"] .note-content[b-fv6hsjznk7] {
    background: #0f172a;
}

[data-theme="dark"] .note-author[b-fv6hsjznk7] {
    color: #60a5fa;
}

[data-theme="dark"] .note-date[b-fv6hsjznk7] {
    color: #94a3b8;
}

[data-theme="dark"] .note-text[b-fv6hsjznk7] {
    color: #e2e8f0;
}

/* Receipt Cards - Dark */
[data-theme="dark"] .receipt-card[b-fv6hsjznk7] {
    background: #0f172a;
    border-left-color: #60a5fa;
}

[data-theme="dark"] .receipt-card .text-success[b-fv6hsjznk7] {
    color: #4ade80 !important;
}

/* Update Requests - Dark */
[data-theme="dark"] .update-request-card[b-fv6hsjznk7] {
    background: #1e293b;
    border-color: #334155;
}

[data-theme="dark"] .update-request-card.pending[b-fv6hsjznk7] {
    background: #1e1a0f;
    border-left-color: #fbbf24;
}

[data-theme="dark"] .value-comparison[b-fv6hsjznk7] {
    background: #0f172a;
}

[data-theme="dark"] .value-comparison label[b-fv6hsjznk7] {
    color: #94a3b8;
}

[data-theme="dark"] .old-value div[b-fv6hsjznk7] {
    color: #94a3b8;
}

[data-theme="dark"] .new-value div[b-fv6hsjznk7] {
    color: #60a5fa;
}

[data-theme="dark"] .arrow[b-fv6hsjznk7] {
    color: #64748b;
}

[data-theme="dark"] .update-remarks[b-fv6hsjznk7] {
    background: #0f172a;
    color: #e2e8f0;
}

[data-theme="dark"] .update-footer[b-fv6hsjznk7] {
    border-top-color: #334155;
}

/* Update History Timeline - Dark */
[data-theme="dark"] .update-history-timeline[b-fv6hsjznk7]::before {
    background: #334155;
}

[data-theme="dark"] .history-marker[b-fv6hsjznk7] {
    background: #64748b;
    border-color: #1e293b;
    box-shadow: 0 0 0 2px #64748b;
}

[data-theme="dark"] .history-item.approved .history-marker[b-fv6hsjznk7] {
    background: #22c55e;
    box-shadow: 0 0 0 2px #22c55e;
}

[data-theme="dark"] .history-item.rejected .history-marker[b-fv6hsjznk7] {
    background: #ef4444;
    box-shadow: 0 0 0 2px #ef4444;
}

[data-theme="dark"] .history-content[b-fv6hsjznk7] {
    background: #0f172a;
}

[data-theme="dark"] .history-description[b-fv6hsjznk7] {
    color: #e2e8f0;
}

[data-theme="dark"] .value-change-inline[b-fv6hsjznk7] {
    background: #1e293b;
}

[data-theme="dark"] .value-change-inline .old-val[b-fv6hsjznk7] {
    color: #94a3b8;
}

[data-theme="dark"] .value-change-inline .new-val[b-fv6hsjznk7] {
    color: #60a5fa;
}

/* Modal - Dark */
[data-theme="dark"] .modal-content[b-fv6hsjznk7] {
    background: #1e293b;
    color: #f1f5f9;
}

[data-theme="dark"] .modal-header[b-fv6hsjznk7] {
    border-bottom-color: #334155;
}

[data-theme="dark"] .modal-body[b-fv6hsjznk7] {
    color: #e2e8f0;
}

[data-theme="dark"] .modal-body .form-label[b-fv6hsjznk7] {
    color: #cbd5e1;
}

[data-theme="dark"] .modal-body .form-control[b-fv6hsjznk7],
[data-theme="dark"] .modal-body .form-select[b-fv6hsjznk7] {
    background: #0f172a;
    border-color: #475569;
    color: #f1f5f9;
}

[data-theme="dark"] .modal-body .form-control:focus[b-fv6hsjznk7],
[data-theme="dark"] .modal-body .form-select:focus[b-fv6hsjznk7] {
    background: #0f172a;
    border-color: #60a5fa;
    color: #f1f5f9;
}

[data-theme="dark"] .modal-body .form-control[b-fv6hsjznk7]::placeholder {
    color: #64748b;
}

[data-theme="dark"] .modal-footer[b-fv6hsjznk7] {
    border-top-color: #334155;
}

[data-theme="dark"] .modal-body h6.text-primary[b-fv6hsjznk7] {
    color: #60a5fa !important;
}

[data-theme="dark"] .modal-body .alert-info[b-fv6hsjznk7] {
    background: #0f1f2e;
    border-color: #1e3a5f;
    color: #93c5fd;
}

/* Text Colors - Dark */
[data-theme="dark"] .text-muted[b-fv6hsjznk7] {
    color: #94a3b8 !important;
}

[data-theme="dark"] .text-center.text-muted[b-fv6hsjznk7] {
    color: #94a3b8 !important;
}

/* Page Container Loading State - Dark */
[data-theme="dark"] .page-container .spinner-border[b-fv6hsjznk7] {
    color: #60a5fa;
}
/* /Areas/HR/Pages/StudentAffairs/HeadClerk/Admissions/Index.razor.rz.scp.css */
/* Page Header */
.page-header[b-7gli4hofh1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header h1[b-7gli4hofh1] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.header-actions[b-7gli4hofh1] {
    display: flex;
    gap: 0.5rem;
}

/* Stat Cards */
.stat-card[b-7gli4hofh1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.stat-icon[b-7gli4hofh1] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
}

.stat-content h4[b-7gli4hofh1] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
    line-height: 1;
}

.stat-content p[b-7gli4hofh1] {
    margin: 0.25rem 0 0 0;
    font-size: 0.85rem;
    color: #6b7280;
}

.bg-purple[b-7gli4hofh1] {
    background-color: #8b5cf6;
}

/* Card */
.card[b-7gli4hofh1] {
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 8px;
}

.card-header[b-7gli4hofh1] {
    background: white;
    border-bottom: 1px solid #e5e7eb;
    padding: 1rem 1.25rem;
}

.card-header h5[b-7gli4hofh1] {
    font-weight: 600;
    color: #374151;
}

/* Table */
.table[b-7gli4hofh1] {
    margin-bottom: 0;
}

.table th[b-7gli4hofh1] {
    font-weight: 600;
    color: #374151;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    white-space: nowrap;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid #e5e7eb;
}

.table td[b-7gli4hofh1] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
}

.table tbody tr:hover[b-7gli4hofh1] {
    background-color: #f9fafb;
}

/* Progress Bar */
.progress[b-7gli4hofh1] {
    background-color: #e5e7eb;
    border-radius: 4px;
}

/* Button Groups */
.btn-group-sm > .btn[b-7gli4hofh1] {
    padding: 0.375rem 0.5rem;
}

/* Modal */
.modal-backdrop[b-7gli4hofh1] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
}

.modal[b-7gli4hofh1] {
    z-index: 1050;
}

.modal-header.bg-success[b-7gli4hofh1] {
    border-radius: 0.5rem 0.5rem 0 0;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-7gli4hofh1] {
        flex-direction: column;
    }

    .header-actions[b-7gli4hofh1] {
        width: 100%;
        justify-content: flex-end;
    }

    .stat-card[b-7gli4hofh1] {
        margin-bottom: 0.5rem;
    }
}
/* /Areas/HR/Pages/StudentAffairs/HeadClerk/Index.razor.rz.scp.css */
.page-container[b-nrva6u5lz2] { padding: 1.5rem; }
    .page-header[b-nrva6u5lz2] { margin-bottom: 1.5rem; }
    .page-header h1[b-nrva6u5lz2] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .quick-actions[b-nrva6u5lz2] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; }
    .quick-action-card[b-nrva6u5lz2] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; text-decoration: none; color: inherit; transition: all 0.2s; }
    .quick-action-card:hover[b-nrva6u5lz2] { border-color: var(--bs-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .quick-action-icon[b-nrva6u5lz2] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--btn-primary-text, #ffffff); }
    .quick-action-content h3[b-nrva6u5lz2] { font-size: 1rem; font-weight: 600; margin: 0 0 0.25rem; }
    .quick-action-content p[b-nrva6u5lz2] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
    .stat-card[b-nrva6u5lz2] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; }
    .stat-icon[b-nrva6u5lz2] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--btn-primary-text, #ffffff); flex-shrink: 0; }
    .stat-content h4[b-nrva6u5lz2] { font-size: 1.25rem; font-weight: 700; margin: 0; }
    .stat-content p[b-nrva6u5lz2] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
/* /Areas/HR/Pages/StudentAffairs/HeadClerk/StudentFiles.razor.rz.scp.css */
.page-container[b-b21rkhxloo] {
    padding: 1.5rem;
}

.page-header[b-b21rkhxloo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-header h1[b-b21rkhxloo] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.header-actions[b-b21rkhxloo] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.modal-backdrop[b-b21rkhxloo] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
}

.modal[b-b21rkhxloo] {
    z-index: 1050;
}

/* Timeline Styles */
.timeline[b-b21rkhxloo] {
    position: relative;
    padding-left: 30px;
}

.timeline[b-b21rkhxloo]::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #dee2e6;
}

.timeline-item[b-b21rkhxloo] {
    position: relative;
    padding-bottom: 1.5rem;
}

.timeline-item:last-child[b-b21rkhxloo] {
    padding-bottom: 0;
}

.timeline-marker[b-b21rkhxloo] {
    position: absolute;
    left: -24px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #6c757d;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #dee2e6;
}

.timeline-marker.success[b-b21rkhxloo] {
    background: #198754;
    box-shadow: 0 0 0 2px #d1e7dd;
}

.timeline-marker.warning[b-b21rkhxloo] {
    background: #ffc107;
    box-shadow: 0 0 0 2px #fff3cd;
}

.timeline-marker.danger[b-b21rkhxloo] {
    background: #dc3545;
    box-shadow: 0 0 0 2px #f8d7da;
}

.timeline-marker.info[b-b21rkhxloo] {
    background: #0dcaf0;
    box-shadow: 0 0 0 2px #cff4fc;
}

.timeline-marker.primary[b-b21rkhxloo] {
    background: #0d6efd;
    box-shadow: 0 0 0 2px #cfe2ff;
}

.timeline-content[b-b21rkhxloo] {
    background: #f8f9fa;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    border-left: 3px solid #dee2e6;
}
/* /Areas/HR/Pages/Training/ContentSpecialist/Index.razor.rz.scp.css */
.page-container[b-qkyjakb6e2] { padding: 1.5rem; }
    .page-header[b-qkyjakb6e2] { margin-bottom: 1.5rem; }
    .page-header h1[b-qkyjakb6e2] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .section-header[b-qkyjakb6e2] { margin-bottom: 1rem; }
    .section-header h2[b-qkyjakb6e2] { font-size: 1.1rem; font-weight: 600; color: var(--text-secondary); }
    .quick-actions[b-qkyjakb6e2] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; }
    .quick-action-card[b-qkyjakb6e2] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; text-decoration: none; color: inherit; transition: all 0.2s; }
    .quick-action-card:hover[b-qkyjakb6e2] { border-color: var(--bs-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .quick-action-card.highlight[b-qkyjakb6e2] { border-color: var(--bs-success); background: rgba(var(--bs-success-rgb), 0.05); }
    .quick-action-icon[b-qkyjakb6e2] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--btn-primary-text, #ffffff); }
    .quick-action-content h3[b-qkyjakb6e2] { font-size: 1rem; font-weight: 600; margin: 0 0 0.25rem; }
    .quick-action-content p[b-qkyjakb6e2] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
    .stat-card[b-qkyjakb6e2] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; }
    .stat-icon[b-qkyjakb6e2] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--btn-primary-text, #ffffff); flex-shrink: 0; }
    .stat-content h4[b-qkyjakb6e2] { font-size: 1.25rem; font-weight: 700; margin: 0; }
    .stat-content p[b-qkyjakb6e2] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
    .activity-card[b-qkyjakb6e2] { background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; padding: 1rem; }
/* /Areas/HR/Pages/Training/Coordinator/Index.razor.rz.scp.css */
.page-container[b-dj18dk2w0q] { padding: 1.5rem; }
    .page-header[b-dj18dk2w0q] { margin-bottom: 1.5rem; }
    .page-header h1[b-dj18dk2w0q] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .quick-actions[b-dj18dk2w0q] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; }
    .quick-action-card[b-dj18dk2w0q] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; text-decoration: none; color: inherit; transition: all 0.2s; }
    .quick-action-card:hover[b-dj18dk2w0q] { border-color: var(--bs-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .quick-action-icon[b-dj18dk2w0q] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--btn-primary-text, #ffffff); }
    .quick-action-content h3[b-dj18dk2w0q] { font-size: 1rem; font-weight: 600; margin: 0 0 0.25rem; }
    .quick-action-content p[b-dj18dk2w0q] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
    .stat-card[b-dj18dk2w0q] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 12px; }
    .stat-icon[b-dj18dk2w0q] { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--btn-primary-text, #ffffff); flex-shrink: 0; }
    .stat-content h4[b-dj18dk2w0q] { font-size: 1.25rem; font-weight: 700; margin: 0; }
    .stat-content p[b-dj18dk2w0q] { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
/* /Areas/IT/Pages/Backups.razor.rz.scp.css */
.page-container[b-g0amshxhe4] { padding: 1.5rem; }
    .page-header[b-g0amshxhe4] { margin-bottom: 1.5rem; }
    .page-header h1[b-g0amshxhe4] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-g0amshxhe4] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/IT/Pages/Index.razor.rz.scp.css */
.page-container[b-rgn0ujtwrr] {
        padding: 1.5rem;
    }
    .page-header[b-rgn0ujtwrr] {
        margin-bottom: 1.5rem;
    }
    .page-header h1[b-rgn0ujtwrr] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .quick-actions[b-rgn0ujtwrr] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1rem;
    }
    .quick-action-card[b-rgn0ujtwrr] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.25rem;
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        text-decoration: none;
        color: inherit;
        transition: all 0.2s;
    }
    .quick-action-card:hover[b-rgn0ujtwrr] {
        border-color: var(--bs-primary);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .quick-action-icon[b-rgn0ujtwrr] {
        width: 50px;
        height: 50px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: var(--btn-primary-text, #ffffff);
    }
    .quick-action-content h3[b-rgn0ujtwrr] {
        font-size: 1rem;
        font-weight: 600;
        margin: 0 0 0.25rem;
    }
    .quick-action-content p[b-rgn0ujtwrr] {
        font-size: 0.8rem;
        color: var(--text-muted);
        margin: 0;
    }
    .card[b-rgn0ujtwrr] {
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
    }
    .card-header[b-rgn0ujtwrr] {
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border);
        padding: 1rem 1.25rem;
    }
    .card-header h5[b-rgn0ujtwrr] {
        font-size: 1rem;
        font-weight: 600;
    }
    .card-body[b-rgn0ujtwrr] {
        padding: 1.25rem;
    }
    .stat-row[b-rgn0ujtwrr] {
        display: flex;
        justify-content: space-between;
        padding: 0.75rem 0;
        border-bottom: 1px solid var(--border);
    }
    .stat-row:last-child[b-rgn0ujtwrr] {
        border-bottom: none;
    }
    .stat-value[b-rgn0ujtwrr] {
        font-weight: 600;
        color: var(--bs-primary);
    }
/* /Areas/IT/Pages/Logs.razor.rz.scp.css */
.page-container[b-skvmqb2pah] { padding: 1.5rem; }
    .page-header[b-skvmqb2pah] { margin-bottom: 1.5rem; }
    .page-header h1[b-skvmqb2pah] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-skvmqb2pah] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/IT/Pages/PanelManagement/Assignments.razor.rz.scp.css */
.page-container[b-4xreo2kwtn] { padding: 1.5rem; }
    .page-header[b-4xreo2kwtn] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
    .page-header h1[b-4xreo2kwtn] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .filter-bar[b-4xreo2kwtn] { display: flex; gap: 1rem; align-items: center; margin-bottom: 1rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; flex-wrap: wrap; }
    .filter-group[b-4xreo2kwtn] { display: flex; align-items: center; gap: 0.5rem; }
    .filter-group label[b-4xreo2kwtn] { font-size: 0.875rem; color: var(--text-muted); white-space: nowrap; }
    .loading-container[b-4xreo2kwtn] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-4xreo2kwtn] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
    .data-table-container[b-4xreo2kwtn] { background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); overflow: hidden; }
    .data-table[b-4xreo2kwtn] { width: 100%; border-collapse: collapse; }
    .data-table th[b-4xreo2kwtn], .data-table td[b-4xreo2kwtn] { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--border); }
    .data-table th[b-4xreo2kwtn] { background: var(--bg-secondary); font-weight: 600; font-size: 0.875rem; color: var(--text-muted); }
    .data-table tbody tr:hover[b-4xreo2kwtn] { background: var(--bg-hover); }
    .data-table tbody tr.inactive-row[b-4xreo2kwtn] { opacity: 0.6; }
    code[b-4xreo2kwtn] { background: var(--bg-secondary); padding: 0.2rem 0.5rem; border-radius: 4px; font-size: 0.8rem; }
    .pagination-bar[b-4xreo2kwtn] { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; font-size: 0.875rem; }
    .pagination-controls[b-4xreo2kwtn] { display: flex; gap: 0.5rem; }
    .modal-backdrop[b-4xreo2kwtn] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1040; }
    .modal[b-4xreo2kwtn] { z-index: 1050; }
    .panel-selection[b-4xreo2kwtn] { max-height: 400px; overflow-y: auto; border: 1px solid var(--border); border-radius: 8px; }
    .panel-category-group[b-4xreo2kwtn] { padding: 0.5rem; }
    .panel-category-title[b-4xreo2kwtn] { font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; margin-bottom: 0.5rem; padding: 0.25rem 0.5rem; background: var(--bg-secondary); border-radius: 4px; }
    .panel-option[b-4xreo2kwtn] { display: flex; align-items: center; padding: 0.5rem; cursor: pointer; border-radius: 6px; margin-bottom: 0.25rem; }
    .panel-option:hover[b-4xreo2kwtn] { background: var(--bg-secondary); }
    .panel-option.selected[b-4xreo2kwtn] { background: rgba(var(--bs-primary-rgb), 0.1); }
    .panel-option-radio[b-4xreo2kwtn] { margin-right: 0.75rem; font-size: 1.1rem; }
    .panel-option-name[b-4xreo2kwtn] { font-weight: 500; }

    /* Employee Search Styles */
    .employee-search-container[b-4xreo2kwtn] { position: relative; }
    .search-loading[b-4xreo2kwtn] { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
    .employee-dropdown[b-4xreo2kwtn] {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        max-height: 250px;
        overflow-y: auto;
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-top: none;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        z-index: 1100;
    }
    .employee-option[b-4xreo2kwtn] {
        padding: 0.75rem 1rem;
        cursor: pointer;
        border-bottom: 1px solid var(--border);
    }
    .employee-option:last-child[b-4xreo2kwtn] { border-bottom: none; }
    .employee-option:hover[b-4xreo2kwtn] { background: var(--bg-secondary); }
    .employee-name[b-4xreo2kwtn] { font-weight: 500; margin-bottom: 0.25rem; }
    .employee-details[b-4xreo2kwtn] { font-size: 0.8rem; color: var(--text-muted); }
    .emp-id[b-4xreo2kwtn] { font-family: monospace; background: var(--bg-secondary); padding: 0.1rem 0.4rem; border-radius: 4px; }
    .emp-dept[b-4xreo2kwtn] { margin-left: 0.5rem; }
    .no-results[b-4xreo2kwtn] { padding: 1rem; text-align: center; color: var(--text-muted); }
    .selected-employee .badge[b-4xreo2kwtn] { font-size: 0.9rem; padding: 0.5rem 0.75rem; display: inline-flex; align-items: center; }
/* /Areas/IT/Pages/PanelManagement/AuditLog.razor.rz.scp.css */
.page-container[b-z9d608is9n] { padding: 1.5rem; }
    .page-header[b-z9d608is9n] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
    .page-header h1[b-z9d608is9n] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .filter-bar[b-z9d608is9n] { display: flex; gap: 1rem; align-items: center; margin-bottom: 1rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; flex-wrap: wrap; }
    .filter-group[b-z9d608is9n] { display: flex; align-items: center; gap: 0.5rem; }
    .filter-group label[b-z9d608is9n] { font-size: 0.875rem; color: var(--text-muted); white-space: nowrap; }
    .loading-container[b-z9d608is9n] { display: flex; justify-content: center; padding: 3rem; }
    .empty-state[b-z9d608is9n] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
    .data-table-container[b-z9d608is9n] { background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); overflow: hidden; }
    .data-table[b-z9d608is9n] { width: 100%; border-collapse: collapse; }
    .data-table th[b-z9d608is9n], .data-table td[b-z9d608is9n] { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--border); }
    .data-table th[b-z9d608is9n] { background: var(--bg-secondary); font-weight: 600; font-size: 0.875rem; color: var(--text-muted); }
    .data-table tbody tr:hover[b-z9d608is9n] { background: var(--bg-hover); }
    code[b-z9d608is9n] { background: var(--bg-secondary); padding: 0.2rem 0.5rem; border-radius: 4px; font-size: 0.8rem; }
    .pagination-bar[b-z9d608is9n] { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; padding: 0.75rem 1rem; background: var(--bg-secondary); border-radius: 8px; font-size: 0.875rem; }
    .pagination-controls[b-z9d608is9n] { display: flex; gap: 0.5rem; }
/* /Areas/IT/Pages/PanelManagement/Index.razor.rz.scp.css */
.page-container[b-1y7tqqq0a2] {
        padding: 1.5rem;
    }
    .page-header[b-1y7tqqq0a2] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1.5rem;
    }
    .page-header h1[b-1y7tqqq0a2] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .filter-bar[b-1y7tqqq0a2] {
        display: flex;
        gap: 1rem;
        align-items: center;
        margin-bottom: 1rem;
        padding: 0.75rem 1rem;
        background: var(--bg-secondary);
        border-radius: 8px;
    }
    .filter-group[b-1y7tqqq0a2] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    .filter-group label[b-1y7tqqq0a2] {
        font-size: 0.875rem;
        color: var(--text-muted);
        white-space: nowrap;
    }
    .filter-group select[b-1y7tqqq0a2] {
        width: auto;
        min-width: 150px;
    }
    .loading-container[b-1y7tqqq0a2] {
        display: flex;
        justify-content: center;
        padding: 3rem;
    }
    .empty-state[b-1y7tqqq0a2] {
        text-align: center;
        padding: 3rem;
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
    }
    .data-table-container[b-1y7tqqq0a2] {
        background: var(--bg-primary);
        border-radius: 12px;
        border: 1px solid var(--border);
        overflow: hidden;
    }
    .data-table[b-1y7tqqq0a2] {
        width: 100%;
        border-collapse: collapse;
    }
    .data-table th[b-1y7tqqq0a2], .data-table td[b-1y7tqqq0a2] {
        padding: 0.75rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--border);
    }
    .data-table th[b-1y7tqqq0a2] {
        background: var(--bg-secondary);
        font-weight: 600;
        font-size: 0.875rem;
        color: var(--text-muted);
    }
    .data-table tbody tr:hover[b-1y7tqqq0a2] {
        background: var(--bg-hover);
    }
    .data-table tbody tr.inactive-row[b-1y7tqqq0a2] {
        opacity: 0.6;
    }
    code[b-1y7tqqq0a2] {
        background: var(--bg-secondary);
        padding: 0.2rem 0.5rem;
        border-radius: 4px;
        font-size: 0.8rem;
    }
    .panel-name[b-1y7tqqq0a2] {
        display: flex;
        align-items: center;
    }
    .summary-bar[b-1y7tqqq0a2] {
        margin-top: 1rem;
        padding: 0.75rem 1rem;
        background: var(--bg-secondary);
        border-radius: 8px;
        font-size: 0.875rem;
    }
    .modal-backdrop[b-1y7tqqq0a2] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
    }
    .modal[b-1y7tqqq0a2] {
        z-index: 1050;
    }
/* /Areas/IT/Pages/PanelManagement/Migration.razor.rz.scp.css */
.page-container[b-udro5hcohr] { padding: 1.5rem; }
    .page-header[b-udro5hcohr] { margin-bottom: 1.5rem; }
    .page-header h1[b-udro5hcohr] { margin: 0; font-size: 1.5rem; font-weight: 600; }

    .migration-card[b-udro5hcohr], .result-card[b-udro5hcohr], .info-card[b-udro5hcohr] {
        background: var(--bg-primary);
        border: 1px solid var(--border);
        border-radius: 12px;
        overflow: hidden;
    }

    .card-header[b-udro5hcohr] {
        padding: 1rem 1.25rem;
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border);
        font-weight: 600;
    }

    .card-body[b-udro5hcohr] {
        padding: 1.25rem;
    }

    .migration-options .form-group[b-udro5hcohr] {
        max-width: 400px;
    }

    .stats-grid[b-udro5hcohr] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 1rem;
    }

    .stat-item[b-udro5hcohr] {
        text-align: center;
        padding: 1rem;
        background: var(--bg-secondary);
        border-radius: 8px;
    }

    .stat-value[b-udro5hcohr] {
        font-size: 2rem;
        font-weight: 700;
        color: var(--bs-primary);
    }

    .stat-label[b-udro5hcohr] {
        font-size: 0.875rem;
        color: var(--text-muted);
    }

    .details-section h5[b-udro5hcohr] {
        margin-bottom: 1rem;
        font-size: 1rem;
        font-weight: 600;
    }

    code[b-udro5hcohr] {
        background: var(--bg-secondary);
        padding: 0.15rem 0.4rem;
        border-radius: 4px;
        font-size: 0.8rem;
    }
/* /Areas/IT/Pages/Settings.razor.rz.scp.css */
.page-container[b-zca74m2eyz] { padding: 1.5rem; }
    .page-header[b-zca74m2eyz] { margin-bottom: 1.5rem; }
    .page-header h1[b-zca74m2eyz] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-zca74m2eyz] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/IT/Pages/SystemStatus.razor.rz.scp.css */
.page-container[b-qihrxjoyrs] { padding: 1.5rem; }
    .page-header[b-qihrxjoyrs] { margin-bottom: 1.5rem; }
    .page-header h1[b-qihrxjoyrs] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-qihrxjoyrs] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/IT/Pages/Users/Index.razor.rz.scp.css */
.page-container[b-f61t28w4th] { padding: 1.5rem; }
    .page-header[b-f61t28w4th] { margin-bottom: 1.5rem; }
    .page-header h1[b-f61t28w4th] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-f61t28w4th] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Areas/IT/Pages/Users/Sessions.razor.rz.scp.css */
.page-container[b-evudur8nfq] { padding: 1.5rem; }
    .page-header[b-evudur8nfq] { margin-bottom: 1.5rem; }
    .page-header h1[b-evudur8nfq] { margin: 0; font-size: 1.5rem; font-weight: 600; }
    .placeholder-content[b-evudur8nfq] { text-align: center; padding: 3rem; background: var(--bg-primary); border-radius: 12px; border: 1px solid var(--border); }
/* /Pages/Contact.razor.rz.scp.css */
.contact-section[b-q28p9xe5y3] {
    padding-top: 120px;
    min-height: calc(100vh - 300px);
}

.contact-container[b-q28p9xe5y3] {
    max-width: 1100px;
}

.contact-grid[b-q28p9xe5y3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2.5rem;
    margin-top: 3rem;
}

.contact-form-card[b-q28p9xe5y3] {
    background: var(--card-gradient);
    padding: 2.5rem;
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
}

.form-card-title[b-q28p9xe5y3] {
    margin-top: 0;
    color: var(--text-primary);
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.contact-form[b-q28p9xe5y3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.status-alert[b-q28p9xe5y3] {
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
}

.form-label[b-q28p9xe5y3] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--text-primary);
}

.form-control[b-q28p9xe5y3] {
    width: 100%;
    padding: 0.85rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
    color: var(--text-primary);
    font-size: 1rem;
}

.form-control-textarea[b-q28p9xe5y3] {
    resize: vertical;
}

.validation-message[b-q28p9xe5y3] {
    color: var(--error-text);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.btn-submit[b-q28p9xe5y3] {
    width: 100%;
    padding: 1rem;
    font-size: 1.05rem;
}

.contact-info-stack[b-q28p9xe5y3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.info-card[b-q28p9xe5y3] {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
}

.info-header[b-q28p9xe5y3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.icon-box[b-q28p9xe5y3] {
    width: 50px;
    height: 50px;
    background: rgba(37, 99, 235, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-box i[b-q28p9xe5y3] {
    color: var(--brand-blue);
    font-size: 1.4rem;
}

.info-title[b-q28p9xe5y3] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.2rem;
}

.info-content[b-q28p9xe5y3] {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.6;
}

.info-content-relaxed[b-q28p9xe5y3] {
    line-height: 1.8;
}

.info-link[b-q28p9xe5y3] {
    color: var(--brand-blue);
    text-decoration: none;
}
/* /Pages/EmployeeLogin.razor.rz.scp.css */
.login-container[b-fqli26cvrt] {
    min-height: 100vh;
    padding-top: 70px;
    background: var(--bg-primary);
}

.login-split[b-fqli26cvrt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: calc(100vh - 70px);
}

/* Right Side - Form */
.login-right[b-fqli26cvrt] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem;
    background: var(--bg-primary);
}

.login-form-wrapper[b-fqli26cvrt] {
    width: 100%;
    max-width: 380px;
}

.form-title[b-fqli26cvrt] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.form-subtitle[b-fqli26cvrt] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
}

.login-form[b-fqli26cvrt] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.alert[b-fqli26cvrt] {
    padding: 0.85rem;
    border-radius: var(--radius-md);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-error[b-fqli26cvrt] {
    background: var(--error-bg);
    color: var(--error-text);
    border-left: 3px solid var(--error-border, var(--accent));
}

.alert-success[b-fqli26cvrt] {
    background: var(--success-bg);
    color: var(--success-text);
    border-left: 3px solid var(--success-border, var(--secondary));
}

.form-group[b-fqli26cvrt] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.form-group label[b-fqli26cvrt] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.form-input[b-fqli26cvrt] {
    width: 100%;
    padding: 0.85rem 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
    color: var(--text-primary);
    font-size: 0.975rem;
    transition: all 0.2s ease;
}

.form-input:focus[b-fqli26cvrt] {
    outline: none;
    border-color: var(--brand-blue);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-input[b-fqli26cvrt]::placeholder {
    color: var(--text-muted);
}

.password-field[b-fqli26cvrt] {
    position: relative;
}

.toggle-btn[b-fqli26cvrt] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0.4rem;
}

.toggle-btn:hover[b-fqli26cvrt] {
    color: var(--text-primary);
}

.validation-msg[b-fqli26cvrt] {
    color: var(--accent);
    font-size: 0.8rem;
}

.form-row[b-fqli26cvrt] {
    display: flex;
    align-items: center;
}

.checkbox-label[b-fqli26cvrt] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.875rem;
    color: var(--text-secondary);
    cursor: pointer;
}

.btn-login[b-fqli26cvrt] {
    width: 100%;
    padding: 0.85rem;
    background: var(--brand-blue);
    color: var(--btn-primary-text, #ffffff);
    border: none;
    border-radius: var(--radius-md);
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.btn-login:hover:not(:disabled)[b-fqli26cvrt] {
    background: var(--btn-primary-hover, #2563eb);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.btn-login:disabled[b-fqli26cvrt] {
    opacity: 0.6;
    cursor: not-allowed;
}

.form-footer[b-fqli26cvrt] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.form-footer p[b-fqli26cvrt] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
}

.back-link[b-fqli26cvrt] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--brand-blue);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    transition: gap 0.2s ease;
}

.back-link:hover[b-fqli26cvrt] {
    gap: 0.65rem;
}

/* Responsive */
@media (max-width: 1024px) {
    .login-split[b-fqli26cvrt] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .login-container[b-fqli26cvrt] {
        padding-top: 60px;
    }

    .login-right[b-fqli26cvrt] {
        padding: 1.5rem 1rem;
    }
}
/* /Pages/EmployeePanelSelection.razor.rz.scp.css */
.panel-shell[b-4wmn24t814] {
        min-height: 100vh;
        padding-top: 3rem;
        background: var(--bg-primary);
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 3rem;
    }

    .panel-hero[b-4wmn24t814] {
        text-align: center;
        padding: 3rem 1.5rem 2rem;
        max-width: 600px;
    }

    .panel-hero h1[b-4wmn24t814] {
        font-size: 2rem;
        font-weight: 700;
        color: var(--text-primary);
        margin-bottom: 0.5rem;
    }

    .panel-hero p[b-4wmn24t814] {
        font-size: 1rem;
        color: var(--text-secondary);
    }

    .alert[b-4wmn24t814] {
        max-width: 800px;
        width: 100%;
        padding: 1rem;
        margin: 0 1.5rem 2rem;
        border-radius: var(--radius-md);
        display: flex;
        align-items: center;
        gap: 0.75rem;
        font-size: 0.95rem;
    }

    .alert-error[b-4wmn24t814] {
        background: #fef2f2;
        color: #991b1b;
        border-left: 3px solid var(--accent);
    }

    .panel-list[b-4wmn24t814] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        max-width: 500px;
        width: 100%;
        padding: 0 1.5rem;
    }

    .panel-row[b-4wmn24t814] {
        background: var(--card-gradient);
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        padding: 0.85rem 1rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .panel-row:hover[b-4wmn24t814] {
        border-color: var(--brand-blue);
        background: rgba(59, 130, 246, 0.03);
        transform: translateX(4px);
    }

    .panel-row--default[b-4wmn24t814] {
        border-color: var(--brand-blue);
        background: rgba(59, 130, 246, 0.05);
    }

    .panel-row__left[b-4wmn24t814] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        flex: 1;
    }

    .panel-row__badge[b-4wmn24t814] {
        padding: 0.3rem 0.7rem;
        background: rgba(59, 130, 246, 0.1);
        color: var(--brand-blue);
        border-radius: 50px;
        font-size: 0.65rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        white-space: nowrap;
    }

    .panel-row__title[b-4wmn24t814] {
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--text-primary);
        margin: 0;
        flex: 1;
    }

    .panel-row__label[b-4wmn24t814] {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.75rem;
        color: var(--brand-blue);
        font-weight: 600;
        white-space: nowrap;
    }

    .panel-row__label i[b-4wmn24t814] {
        font-size: 0.7rem;
    }

    .panel-row__right[b-4wmn24t814] {
        color: var(--text-muted);
        font-size: 0.9rem;
        transition: all 0.2s ease;
    }

    .panel-row:hover .panel-row__right[b-4wmn24t814] {
        color: var(--brand-blue);
        transform: translateX(3px);
    }

    /* Responsive */
    @@media (max-width: 768px) {
        .panel-shell[b-4wmn24t814] {
            padding-top: 2rem;
        }

        .panel-hero[b-4wmn24t814] {
            padding: 1.5rem 1rem 1rem;
        }

        .panel-hero h1[b-4wmn24t814] {
            font-size: 1.5rem;
        }

        .panel-list[b-4wmn24t814] {
            padding: 0 1rem;
        }

        .panel-row__left[b-4wmn24t814] {
            flex-wrap: wrap;
        }

        .panel-row__badge[b-4wmn24t814] {
            font-size: 0.6rem;
        }

        .panel-row__title[b-4wmn24t814] {
            font-size: 0.9rem;
        }
    }
/* /Pages/Notifications.razor.rz.scp.css */
/* Notifications Page Styles */
.notifications-page[b-4izvo3vuds] {
    max-width: 800px;
    margin: 0 auto;
    padding: 1.5rem;
}

.notifications-header[b-4izvo3vuds] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-left[b-4izvo3vuds] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.back-btn[b-4izvo3vuds] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--bg-secondary, var(--surface-alt));
    color: var(--text-secondary);
    text-decoration: none;
    padding: 0;
    margin-top: 4px;
}

.back-btn:hover[b-4izvo3vuds] {
    background: var(--nav-item-hover, var(--bg-tertiary));
    color: var(--text-primary);
}

.notifications-header h1[b-4izvo3vuds] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: var(--text-primary);
}

.notifications-header .text-muted[b-4izvo3vuds] {
    font-size: 0.875rem;
    margin-top: 0.25rem;
    color: var(--text-muted);
}

.header-actions[b-4izvo3vuds] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.filter-group[b-4izvo3vuds] {
    display: flex;
    border-radius: 6px;
    overflow: hidden;
}

.filter-group .btn[b-4izvo3vuds] {
    border-radius: 0;
}

.filter-group .btn:first-child[b-4izvo3vuds] {
    border-radius: 6px 0 0 6px;
}

.filter-group .btn:last-child[b-4izvo3vuds] {
    border-radius: 0 6px 6px 0;
}

/* Loading State */
.loading-container[b-4izvo3vuds] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* Empty State */
.empty-state[b-4izvo3vuds] {
    text-align: center;
    padding: 4rem 2rem;
    background: var(--card-bg);
    border-radius: 12px;
    border: 1px solid var(--border);
}

.empty-state i[b-4izvo3vuds] {
    font-size: 3rem;
    color: var(--text-muted);
    margin-bottom: 1rem;
}

.empty-state h5[b-4izvo3vuds] {
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
}

.empty-state p[b-4izvo3vuds] {
    color: var(--text-muted);
    margin-bottom: 0;
}

/* Notifications List */
.notifications-list[b-4izvo3vuds] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.notification-item[b-4izvo3vuds] {
    display: flex;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--card-bg);
    border-radius: 10px;
    border: 1px solid var(--border);
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
}

.notification-item:hover[b-4izvo3vuds] {
    border-color: var(--border-secondary);
    box-shadow: var(--shadow-card, 0 2px 8px rgba(0, 0, 0, 0.06));
}

.notification-item.unread[b-4izvo3vuds] {
    background: var(--bg-secondary, var(--surface-alt));
    border-left: 3px solid var(--brand-blue, #3b82f6);
}

.notification-item.high-priority[b-4izvo3vuds] {
    border-left-color: var(--error-text, #ef4444);
}

.notification-item.read[b-4izvo3vuds] {
    opacity: 0.75;
}

.notification-icon[b-4izvo3vuds] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary, var(--surface-alt));
    color: var(--text-secondary);
    font-size: 1rem;
    flex-shrink: 0;
}

.notification-item.unread .notification-icon[b-4izvo3vuds] {
    background: var(--info-bg);
    color: var(--info-text);
}

.notification-item.high-priority .notification-icon[b-4izvo3vuds] {
    background: var(--error-bg);
    color: var(--error-text);
}

.notification-content[b-4izvo3vuds] {
    flex: 1;
    min-width: 0;
}

.notification-header[b-4izvo3vuds] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.notification-title[b-4izvo3vuds] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.95rem;
}

.notification-time[b-4izvo3vuds] {
    font-size: 0.75rem;
    color: var(--text-muted);
    white-space: nowrap;
}

.notification-message[b-4izvo3vuds] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.notification-meta[b-4izvo3vuds] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.notification-category[b-4izvo3vuds] {
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--text-secondary);
    background: var(--bg-secondary, var(--surface-alt));
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.priority-badge[b-4izvo3vuds] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--error-text);
    background: var(--error-bg);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.unread-indicator[b-4izvo3vuds] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--brand-blue, #3b82f6);
    flex-shrink: 0;
    margin-top: 6px;
}

/* Responsive */
@media (max-width: 640px) {
    .notifications-page[b-4izvo3vuds] {
        padding: 1rem;
    }

    .notifications-header[b-4izvo3vuds] {
        flex-direction: column;
    }

    .header-actions[b-4izvo3vuds] {
        width: 100%;
        justify-content: space-between;
    }

    .notification-item[b-4izvo3vuds] {
        padding: 0.875rem 1rem;
    }

    .notification-icon[b-4izvo3vuds] {
        width: 36px;
        height: 36px;
        font-size: 0.9rem;
    }
}
/* /Pages/Refund.razor.rz.scp.css */
.policy-section[b-nlmztlivb3] {
    padding-top: 120px;
}

.policy-container[b-nlmztlivb3] {
    max-width: 800px;
}

.policy-header[b-nlmztlivb3] {
    text-align: left;
}

.last-updated[b-nlmztlivb3] {
    color: var(--text-muted);
    margin-top: 0.5rem;
}

.policy-body[b-nlmztlivb3] {
    margin-top: 2rem;
    line-height: 1.8;
    color: var(--text-secondary);
}

.policy-section-title[b-nlmztlivb3] {
    color: var(--text-primary);
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.policy-subsection-title[b-nlmztlivb3] {
    color: var(--text-primary);
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.policy-list[b-nlmztlivb3] {
    margin-left: 1.5rem;
    margin-top: 0.5rem;
}

.policy-list-ordered[b-nlmztlivb3] {
    margin-left: 1.5rem;
    margin-top: 0.5rem;
}

.nested-list[b-nlmztlivb3] {
    margin-left: 1rem;
    margin-top: 0.25rem;
}

.contact-list[b-nlmztlivb3] {
    margin-left: 1.5rem;
    margin-top: 0.5rem;
    list-style: none;
}

.important-note[b-nlmztlivb3] {
    margin-top: 2rem;
    padding: 1.5rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--brand-blue);
}
/* /Pages/Shared/Calendar/Index.razor.rz.scp.css */
.calendar-page[b-87l4ggnlgq] {
        padding: 1.5rem;
    }

    .calendar-header[b-87l4ggnlgq] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .header-left[b-87l4ggnlgq] {
        display: flex;
        align-items: center;
    }

    .header-left .back-btn[b-87l4ggnlgq],
    .header-left .btn-outline-secondary:first-child[b-87l4ggnlgq] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        flex-shrink: 0;
    }

    .header-left h1[b-87l4ggnlgq] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

    .header-left .text-muted[b-87l4ggnlgq] {
        font-size: 0.875rem;
        margin: 0;
    }

    .header-actions[b-87l4ggnlgq] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .loading-container[b-87l4ggnlgq] {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 400px;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .calendar-page[b-87l4ggnlgq] {
        padding: 1rem;
    }

    .calendar-header[b-87l4ggnlgq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .header-left h1[b-87l4ggnlgq] {
        font-size: 1.25rem;
    }

    .header-actions[b-87l4ggnlgq] {
        width: 100%;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .header-actions .btn-group[b-87l4ggnlgq] {
        flex: 1;
        min-width: 160px;
    }

    .header-actions .btn-group .btn[b-87l4ggnlgq] {
        flex: 1;
        padding: 0.5rem;
        font-size: 0.875rem;
    }

    .header-actions > a[b-87l4ggnlgq] {
        flex: 1;
        min-width: calc(50% - 0.25rem);
        text-align: center;
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }

    .header-actions > a.me-2[b-87l4ggnlgq] {
        margin-right: 0 !important;
    }

    .loading-container[b-87l4ggnlgq] {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .calendar-page[b-87l4ggnlgq] {
        padding: 0.75rem;
    }

    .header-left h1[b-87l4ggnlgq] {
        font-size: 1.1rem;
    }

    .header-left .text-muted[b-87l4ggnlgq] {
        font-size: 0.8rem;
    }

    .header-actions .btn-group[b-87l4ggnlgq] {
        width: 100%;
    }

    .header-actions > a[b-87l4ggnlgq] {
        width: 100%;
        min-width: 100%;
    }

    .header-actions > a i[b-87l4ggnlgq] {
        margin-right: 0.25rem;
    }
}
/* /Pages/Shared/Calendar/ListView.razor.rz.scp.css */
.event-list-page[b-z13wbybggl] {
    padding: var(--space-lg, 1rem);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.page-header[b-z13wbybggl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-lg, 1rem);
    gap: var(--space-md, 0.5rem);
}

.page-header h1[b-z13wbybggl] {
    font-size: var(--font-size-2xl, 1.5rem);
    margin: 0;
}

.page-header .text-muted[b-z13wbybggl] {
    font-size: var(--font-size-sm, 0.875rem);
    margin: 0;
}

.header-left[b-z13wbybggl] {
    flex: 1;
    min-width: 0;
}

.header-actions[b-z13wbybggl] {
    display: flex;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    flex-shrink: 0;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .event-list-page[b-z13wbybggl] {
        padding: var(--space-md, 0.75rem);
    }

    .page-header[b-z13wbybggl] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-md, 0.75rem);
    }

    .page-header h1[b-z13wbybggl] {
        font-size: var(--font-size-xl, 1.25rem);
    }

    .header-actions[b-z13wbybggl] {
        width: 100%;
        justify-content: flex-start;
    }

    .header-actions .btn[b-z13wbybggl] {
        flex: 1;
        padding: var(--space-sm, 0.5rem) var(--space-md, 0.75rem);
        font-size: var(--font-size-sm, 0.875rem);
    }
}

@media (max-width: 480px) {
    .event-list-page[b-z13wbybggl] {
        padding: var(--space-sm, 0.5rem);
    }

    .page-header h1[b-z13wbybggl] {
        font-size: var(--font-size-lg, 1.1rem);
    }

    .page-header .text-muted[b-z13wbybggl] {
        font-size: var(--font-size-xs, 0.75rem);
    }

    .header-actions[b-z13wbybggl] {
        flex-wrap: wrap;
    }

    .header-actions .btn[b-z13wbybggl] {
        min-width: calc(50% - var(--space-xs, 0.25rem));
    }
}
/* /Pages/Shared/Calendar/Propose.razor.rz.scp.css */
.propose-event-page[b-4j8oje4tnr] {
    padding: var(--space-lg, 1rem);
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .propose-event-page[b-4j8oje4tnr] {
        padding: var(--space-md, 0.75rem);
    }

    .propose-event-page .row[b-4j8oje4tnr] {
        gap: var(--space-lg, 1rem);
    }
}

@media (max-width: 768px) {
    .propose-event-page[b-4j8oje4tnr] {
        padding: var(--space-sm, 0.5rem);
    }
}

@media (max-width: 480px) {
    .propose-event-page[b-4j8oje4tnr] {
        padding: var(--space-xs, 0.25rem);
    }
}
/* /Pages/StudentLogin.razor.rz.scp.css */
.login-container[b-hllt5585zu] {
    min-height: 100vh;
    padding-top: 70px;
    background: var(--bg-primary);
}

.login-split[b-hllt5585zu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: calc(100vh - 70px);
}

/* Left Side */
.login-left[b-hllt5585zu] {
    background: var(--card-gradient);
    border-right: 1px solid var(--border);
    padding: 3rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-content[b-hllt5585zu] {
    max-width: 480px;
}

.login-badge[b-hllt5585zu] {
    display: inline-block;
    padding: 0.45rem 1.1rem;
    background: rgba(139, 92, 246, 0.1);
    color: var(--brand-purple, #a78bfa);
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 1.75rem;
}

.login-heading[b-hllt5585zu] {
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
}

.login-description[b-hllt5585zu] {
    font-size: 1rem;
    line-height: 1.65;
    color: var(--text-secondary);
    margin-bottom: 2.25rem;
}

.feature-list[b-hllt5585zu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2.25rem;
}

.feature-pill[b-hllt5585zu] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 1.1rem;
    background: rgba(139, 92, 246, 0.08);
    border-radius: 50px;
    border: 1px solid rgba(139, 92, 246, 0.15);
}

.feature-pill i[b-hllt5585zu] {
    color: var(--brand-purple, #a78bfa);
    font-size: 0.95rem;
    flex-shrink: 0;
}

.feature-pill span[b-hllt5585zu] {
    font-size: 0.925rem;
    font-weight: 600;
    color: var(--text-primary);
}

.uptime-box[b-hllt5585zu] {
    padding: 1.5rem;
    background: rgba(139, 92, 246, 0.05);
    border-radius: var(--radius-md);
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.uptime-label[b-hllt5585zu] {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    background: rgba(139, 92, 246, 0.15);
    color: var(--brand-purple, #a78bfa);
    border-radius: 50px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.uptime-value[b-hllt5585zu] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--brand-purple, #a78bfa);
    margin: 0;
}

.uptime-description[b-hllt5585zu] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-top: 0.65rem;
    margin-bottom: 0;
    line-height: 1.4;
}

/* Right Side - Form */
.login-right[b-hllt5585zu] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem;
    background: var(--bg-primary);
}

.login-form-wrapper[b-hllt5585zu] {
    width: 100%;
    max-width: 380px;
}

.form-title[b-hllt5585zu] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.form-subtitle[b-hllt5585zu] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
}

.login-form[b-hllt5585zu] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.alert[b-hllt5585zu] {
    padding: 0.85rem;
    border-radius: var(--radius-md);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-error[b-hllt5585zu] {
    background: var(--error-bg);
    color: var(--error-text);
    border-left: 3px solid var(--error-border, var(--accent));
}

.alert-success[b-hllt5585zu] {
    background: var(--success-bg);
    color: var(--success-text);
    border-left: 3px solid var(--success-border, var(--secondary));
}

.form-group[b-hllt5585zu] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.form-group label[b-hllt5585zu] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.form-input[b-hllt5585zu] {
    width: 100%;
    padding: 0.85rem 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--input-bg, var(--bg-secondary));
    color: var(--text-primary);
    font-size: 0.975rem;
    transition: all 0.2s ease;
}

.form-input:focus[b-hllt5585zu] {
    outline: none;
    border-color: var(--brand-purple, #8b5cf6);
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
}

.form-input[b-hllt5585zu]::placeholder {
    color: var(--text-muted);
}

.password-field[b-hllt5585zu] {
    position: relative;
}

.toggle-btn[b-hllt5585zu] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0.4rem;
}

.toggle-btn:hover[b-hllt5585zu] {
    color: var(--text-primary);
}

.validation-msg[b-hllt5585zu] {
    color: var(--error-text, var(--accent));
    font-size: 0.8rem;
}

.form-row[b-hllt5585zu] {
    display: flex;
    align-items: center;
}

.checkbox-label[b-hllt5585zu] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.875rem;
    color: var(--text-secondary);
    cursor: pointer;
}

.btn-login[b-hllt5585zu] {
    width: 100%;
    padding: 0.85rem;
    background: var(--brand-purple, #8b5cf6);
    color: var(--btn-primary-text, #ffffff);
    border: none;
    border-radius: var(--radius-md);
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.btn-login:hover:not(:disabled)[b-hllt5585zu] {
    background: var(--brand-indigo, #7c3aed);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}

.btn-login:disabled[b-hllt5585zu] {
    opacity: 0.6;
    cursor: not-allowed;
}

.form-footer[b-hllt5585zu] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.form-footer p[b-hllt5585zu] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
}

.back-link[b-hllt5585zu] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--brand-purple, #a78bfa);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    transition: gap 0.2s ease;
}

.back-link:hover[b-hllt5585zu] {
    gap: 0.65rem;
}

/* Responsive */
@media (max-width: 1024px) {
    .login-split[b-hllt5585zu] {
        grid-template-columns: 1fr;
    }

    .login-left[b-hllt5585zu] {
        display: none;
    }
}

@media (max-width: 640px) {
    .login-container[b-hllt5585zu] {
        padding-top: 60px;
    }

    .login-right[b-hllt5585zu] {
        padding: 1.5rem 1rem;
    }
}
/* /Pages/Verify/AdmissionReceipt.razor.rz.scp.css */
.verify-container[b-fge7u892tg] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Loading State */
.loading-state[b-fge7u892tg] {
    text-align: center;
    color: #64748b;
}

.loading-state i[b-fge7u892tg] {
    color: #22c55e;
    margin-bottom: 1rem;
}

.loading-state p[b-fge7u892tg] {
    font-size: 1.1rem;
    margin: 0;
}

/* Error State */
.error-state[b-fge7u892tg] {
    text-align: center;
    max-width: 400px;
    padding: 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.error-icon[b-fge7u892tg] {
    font-size: 4rem;
    color: #ef4444;
    margin-bottom: 1rem;
}

.error-state h1[b-fge7u892tg] {
    font-size: 1.5rem;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.error-state p[b-fge7u892tg] {
    color: #64748b;
    margin: 0 0 0.5rem 0;
}

.error-state .help-text[b-fge7u892tg] {
    font-size: 0.85rem;
    color: #94a3b8;
}

/* Verified Card */
.verified-card[b-fge7u892tg] {
    position: relative;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    max-width: 450px;
    width: 100%;
    overflow: hidden;
}

.verified-card.admission[b-fge7u892tg] {
    border: 2px solid #22c55e;
}

.verification-badge[b-fge7u892tg] {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.85rem;
    z-index: 10;
}

.verification-badge i[b-fge7u892tg] {
    font-size: 1.1rem;
}

.watermark[b-fge7u892tg] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    font-size: 3rem;
    font-weight: 700;
    color: rgba(34, 197, 94, 0.06);
    white-space: nowrap;
    pointer-events: none;
    z-index: 1;
}

/* Card Header */
.card-header[b-fge7u892tg] {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    color: white;
    padding: 2rem 1.5rem;
    text-align: center;
}

.card-header h1[b-fge7u892tg] {
    font-size: 1.4rem;
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.card-header h2[b-fge7u892tg] {
    font-size: 1rem;
    letter-spacing: 2px;
    margin: 0 0 0.5rem 0;
    opacity: 0.9;
}

.card-header h3[b-fge7u892tg] {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0;
    opacity: 0.8;
}

/* SR Number Highlight Box */
.sr-highlight-box[b-fge7u892tg] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    padding: 1.5rem;
    text-align: center;
    border-bottom: 2px solid #22c55e;
    position: relative;
    z-index: 5;
}

.sr-label[b-fge7u892tg] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #166534;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}

.sr-value[b-fge7u892tg] {
    font-size: 2.5rem;
    font-weight: 800;
    color: #15803d;
    letter-spacing: 3px;
    font-family: 'Consolas', 'Courier New', monospace;
}

/* Section Title */
.section-title[b-fge7u892tg] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e2e8f0;
}

/* Info Sections */
.receipt-info[b-fge7u892tg],
.student-info[b-fge7u892tg],
.payment-info[b-fge7u892tg] {
    padding: 1rem 1.5rem;
    position: relative;
    z-index: 5;
}

.receipt-info[b-fge7u892tg] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.student-info[b-fge7u892tg] {
    border-bottom: 1px solid #e2e8f0;
}

.info-row[b-fge7u892tg] {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0;
}

.info-row.highlight[b-fge7u892tg] {
    background: #f0fdf4;
    margin: -0.25rem -0.5rem;
    padding: 0.5rem;
    border-radius: 6px;
}

.info-row.total[b-fge7u892tg] {
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 2px dashed #e2e8f0;
}

.info-row label[b-fge7u892tg] {
    color: #64748b;
    font-size: 0.85rem;
}

.info-row span[b-fge7u892tg] {
    color: #1e293b;
    font-size: 0.85rem;
    text-align: right;
}

.receipt-no[b-fge7u892tg] {
    font-family: 'Consolas', monospace;
    background: #16a34a;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-weight: 600;
}

.amount[b-fge7u892tg] {
    font-weight: 500;
}

.discount[b-fge7u892tg] {
    color: #dc2626;
}

.net-amount[b-fge7u892tg] {
    font-size: 1.1rem !important;
    font-weight: 700;
    color: #16a34a !important;
}

.txn-ref[b-fge7u892tg] {
    font-family: 'Consolas', monospace;
    font-size: 0.8rem !important;
    background: #f1f5f9;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

/* Card Footer */
.card-footer[b-fge7u892tg] {
    padding: 1rem 1.5rem;
    background: #166534;
    color: white;
    text-align: center;
}

.verification-note[b-fge7u892tg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0 0 0.5rem 0;
    font-size: 0.85rem;
}

.verification-note i[b-fge7u892tg] {
    color: #86efac;
}

.welcome-note[b-fge7u892tg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0 0 0.75rem 0;
    font-size: 0.9rem;
    color: #bbf7d0;
}

.welcome-note i[b-fge7u892tg] {
    color: #fbbf24;
}

.timestamp[b-fge7u892tg] {
    font-size: 0.75rem;
    color: #86efac;
    margin: 0;
}

.collected-by[b-fge7u892tg] {
    font-size: 0.75rem;
    color: #86efac;
    margin: 0.25rem 0 0 0;
}

/* Responsive */
@media (max-width: 500px) {
    .verify-container[b-fge7u892tg] {
        padding: 0.5rem;
    }

    .verified-card[b-fge7u892tg] {
        border-radius: 8px;
    }

    .verification-badge[b-fge7u892tg] {
        position: static;
        margin: 1rem auto;
        width: fit-content;
    }

    .card-header[b-fge7u892tg] {
        padding: 1.5rem 1rem;
    }

    .card-header h1[b-fge7u892tg] {
        font-size: 1.2rem;
    }

    .sr-highlight-box[b-fge7u892tg] {
        padding: 1rem;
    }

    .sr-value[b-fge7u892tg] {
        font-size: 2rem;
    }

    .receipt-info[b-fge7u892tg],
    .student-info[b-fge7u892tg],
    .payment-info[b-fge7u892tg] {
        padding: 1rem;
    }

    .info-row[b-fge7u892tg] {
        flex-direction: column;
        gap: 0.15rem;
    }

    .info-row span[b-fge7u892tg] {
        text-align: left;
    }
}
/* /Pages/Verify/AdmitCard.razor.rz.scp.css */
/* Verification Page for Admit Card QR Code Scan */

.verify-container[b-x24dy26shw] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Loading State */
.loading-state[b-x24dy26shw] {
    text-align: center;
    color: #64748b;
    margin-top: 20vh;
}

.loading-state i[b-x24dy26shw] {
    color: #3b82f6;
    margin-bottom: 1rem;
}

.loading-state p[b-x24dy26shw] {
    font-size: 1.1rem;
    margin: 0;
}

/* Error State */
.error-state[b-x24dy26shw] {
    text-align: center;
    max-width: 400px;
    padding: 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    margin-top: 10vh;
}

.error-icon[b-x24dy26shw] {
    font-size: 4rem;
    color: #ef4444;
    margin-bottom: 1rem;
}

.error-state h1[b-x24dy26shw] {
    font-size: 1.5rem;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.error-state p[b-x24dy26shw] {
    color: #64748b;
    margin: 0 0 0.5rem 0;
}

.error-state .help-text[b-x24dy26shw] {
    font-size: 0.85rem;
    color: #94a3b8;
}

/* Verification Header */
.verification-header[b-x24dy26shw] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.verification-badge[b-x24dy26shw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 30px;
    font-weight: 600;
    font-size: 1rem;
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
}

.verification-badge i[b-x24dy26shw] {
    font-size: 1.25rem;
}

.verification-header .verification-note[b-x24dy26shw] {
    margin: 1rem 0 0 0;
    color: #475569;
    font-size: 0.95rem;
}

/* Verified Card Wrapper with Watermark */
.verified-card-wrapper[b-x24dy26shw] {
    position: relative;
    display: flex;
    justify-content: center;
}

.watermark[b-x24dy26shw] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    font-size: 4rem;
    font-weight: 800;
    color: rgba(34, 197, 94, 0.12);
    white-space: nowrap;
    pointer-events: none;
    z-index: 100;
    letter-spacing: 8px;
    text-transform: uppercase;
}

/* Actions */
.actions[b-x24dy26shw] {
    margin-top: 1.5rem;
    text-align: center;
}

.btn[b-x24dy26shw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.btn-primary[b-x24dy26shw] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
}

.btn-primary:hover[b-x24dy26shw] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

/* Verification Footer */
.verification-footer[b-x24dy26shw] {
    margin-top: 1rem;
    text-align: center;
}

.verification-footer .timestamp[b-x24dy26shw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #64748b;
    font-size: 0.9rem;
}

.verification-footer .timestamp i[b-x24dy26shw] {
    color: #22c55e;
}

/* Print Styles */
@media print {
    .no-print[b-x24dy26shw] {
        display: none !important;
    }

    .verify-container[b-x24dy26shw] {
        background: white !important;
        padding: 0;
        min-height: auto;
    }

    .verified-card-wrapper[b-x24dy26shw] {
        margin: 0;
    }

    .watermark[b-x24dy26shw] {
        font-size: 3rem;
        color: rgba(34, 197, 94, 0.15) !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    @page {
        size: A5 portrait;
        margin: 0;
    }
}

/* Responsive */
@media (max-width: 600px) {
    .verify-container[b-x24dy26shw] {
        padding: 0.5rem;
        align-items: stretch;
    }

    .verification-header[b-x24dy26shw] {
        margin-bottom: 1rem;
    }

    .verification-badge[b-x24dy26shw] {
        font-size: 0.85rem;
        padding: 0.5rem 1rem;
    }

    .verification-header .verification-note[b-x24dy26shw] {
        font-size: 0.85rem;
        padding: 0 0.5rem;
    }

    .verified-card-wrapper[b-x24dy26shw] {
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .watermark[b-x24dy26shw] {
        font-size: 1.5rem;
        letter-spacing: 2px;
    }

    .actions[b-x24dy26shw] {
        margin-top: 1rem;
    }

    .btn[b-x24dy26shw] {
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
        width: 100%;
        justify-content: center;
    }

    .verification-footer[b-x24dy26shw] {
        margin-top: 0.75rem;
    }

    .verification-footer .timestamp[b-x24dy26shw] {
        font-size: 0.8rem;
    }
}

/* Very small screens */
@media (max-width: 400px) {
    .verify-container[b-x24dy26shw] {
        padding: 0.25rem;
    }

    .verification-badge[b-x24dy26shw] {
        font-size: 0.75rem;
        padding: 0.4rem 0.75rem;
    }

    .watermark[b-x24dy26shw] {
        font-size: 1.2rem;
    }
}
/* /Pages/Verify/RegistrationReceipt.razor.rz.scp.css */
.verify-container[b-0ji8mri7ka] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Loading State */
.loading-state[b-0ji8mri7ka] {
    text-align: center;
    color: #64748b;
}

.loading-state i[b-0ji8mri7ka] {
    color: #3b82f6;
    margin-bottom: 1rem;
}

.loading-state p[b-0ji8mri7ka] {
    font-size: 1.1rem;
    margin: 0;
}

/* Error State */
.error-state[b-0ji8mri7ka] {
    text-align: center;
    max-width: 400px;
    padding: 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.error-icon[b-0ji8mri7ka] {
    font-size: 4rem;
    color: #ef4444;
    margin-bottom: 1rem;
}

.error-state h1[b-0ji8mri7ka] {
    font-size: 1.5rem;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.error-state p[b-0ji8mri7ka] {
    color: #64748b;
    margin: 0 0 0.5rem 0;
}

.error-state .help-text[b-0ji8mri7ka] {
    font-size: 0.85rem;
    color: #94a3b8;
}

/* Verified Card */
.verified-card[b-0ji8mri7ka] {
    position: relative;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    max-width: 450px;
    width: 100%;
    overflow: hidden;
}

.verification-badge[b-0ji8mri7ka] {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.85rem;
    z-index: 10;
}

.verification-badge i[b-0ji8mri7ka] {
    font-size: 1.1rem;
}

.watermark[b-0ji8mri7ka] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    font-size: 3rem;
    font-weight: 700;
    color: rgba(34, 197, 94, 0.08);
    white-space: nowrap;
    pointer-events: none;
    z-index: 1;
}

/* Card Header */
.card-header[b-0ji8mri7ka] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: white;
    padding: 2rem 1.5rem;
    text-align: center;
}

.card-header h1[b-0ji8mri7ka] {
    font-size: 1.4rem;
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.card-header h2[b-0ji8mri7ka] {
    font-size: 1rem;
    letter-spacing: 2px;
    margin: 0 0 0.5rem 0;
    opacity: 0.9;
}

.card-header h3[b-0ji8mri7ka] {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0;
    opacity: 0.8;
}

/* Section Title */
.section-title[b-0ji8mri7ka] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e2e8f0;
}

/* Info Sections */
.receipt-info[b-0ji8mri7ka],
.student-info[b-0ji8mri7ka],
.payment-info[b-0ji8mri7ka] {
    padding: 1rem 1.5rem;
    position: relative;
    z-index: 5;
}

.receipt-info[b-0ji8mri7ka] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.student-info[b-0ji8mri7ka] {
    border-bottom: 1px solid #e2e8f0;
}

.info-row[b-0ji8mri7ka] {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0;
}

.info-row.highlight[b-0ji8mri7ka] {
    background: #ecfdf5;
    margin: -0.25rem -0.5rem;
    padding: 0.5rem;
    border-radius: 6px;
}

.info-row.total[b-0ji8mri7ka] {
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 2px dashed #e2e8f0;
}

.info-row label[b-0ji8mri7ka] {
    color: #64748b;
    font-size: 0.85rem;
}

.info-row span[b-0ji8mri7ka] {
    color: #1e293b;
    font-size: 0.85rem;
    text-align: right;
}

.receipt-no[b-0ji8mri7ka] {
    font-family: 'Consolas', monospace;
    background: #059669;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-weight: 600;
}

.amount[b-0ji8mri7ka] {
    font-weight: 500;
}

.discount[b-0ji8mri7ka] {
    color: #dc2626;
}

.net-amount[b-0ji8mri7ka] {
    font-size: 1.1rem !important;
    font-weight: 700;
    color: #059669 !important;
}

.txn-ref[b-0ji8mri7ka] {
    font-family: 'Consolas', monospace;
    font-size: 0.8rem !important;
    background: #f1f5f9;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

/* Card Footer */
.card-footer[b-0ji8mri7ka] {
    padding: 1rem 1.5rem;
    background: #1e293b;
    color: white;
    text-align: center;
}

.verification-note[b-0ji8mri7ka] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0 0 0.5rem 0;
    font-size: 0.85rem;
}

.verification-note i[b-0ji8mri7ka] {
    color: #22c55e;
}

.timestamp[b-0ji8mri7ka] {
    font-size: 0.75rem;
    color: #94a3b8;
    margin: 0;
}

.collected-by[b-0ji8mri7ka] {
    font-size: 0.75rem;
    color: #94a3b8;
    margin: 0.25rem 0 0 0;
}

/* Responsive */
@media (max-width: 500px) {
    .verify-container[b-0ji8mri7ka] {
        padding: 0.5rem;
    }

    .verified-card[b-0ji8mri7ka] {
        border-radius: 8px;
    }

    .verification-badge[b-0ji8mri7ka] {
        position: static;
        margin: 1rem auto;
        width: fit-content;
    }

    .card-header[b-0ji8mri7ka] {
        padding: 1.5rem 1rem;
    }

    .card-header h1[b-0ji8mri7ka] {
        font-size: 1.2rem;
    }

    .receipt-info[b-0ji8mri7ka],
    .student-info[b-0ji8mri7ka],
    .payment-info[b-0ji8mri7ka] {
        padding: 1rem;
    }

    .info-row[b-0ji8mri7ka] {
        flex-direction: column;
        gap: 0.15rem;
    }

    .info-row span[b-0ji8mri7ka] {
        text-align: left;
    }
}
/* /Pages/Verify/StudentProfile.razor.rz.scp.css */
.verify-container[b-2087atgny3] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Loading State */
.loading-state[b-2087atgny3] {
    text-align: center;
    color: #64748b;
}

.loading-state i[b-2087atgny3] {
    color: #3b82f6;
    margin-bottom: 1rem;
}

.loading-state p[b-2087atgny3] {
    font-size: 1.1rem;
    margin: 0;
}

/* Error State */
.error-state[b-2087atgny3] {
    text-align: center;
    max-width: 400px;
    padding: 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.error-icon[b-2087atgny3] {
    font-size: 4rem;
    color: #ef4444;
    margin-bottom: 1rem;
}

.error-state h1[b-2087atgny3] {
    font-size: 1.5rem;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.error-state p[b-2087atgny3] {
    color: #64748b;
    margin: 0 0 0.5rem 0;
}

.error-state .help-text[b-2087atgny3] {
    font-size: 0.85rem;
    color: #94a3b8;
}

/* Verified Card */
.verified-card[b-2087atgny3] {
    position: relative;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    max-width: 450px;
    width: 100%;
    overflow: hidden;
}

.verification-badge[b-2087atgny3] {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.85rem;
    z-index: 10;
}

.verification-badge i[b-2087atgny3] {
    font-size: 1.1rem;
}

.watermark[b-2087atgny3] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    font-size: 2.5rem;
    font-weight: 700;
    color: rgba(34, 197, 94, 0.08);
    white-space: nowrap;
    pointer-events: none;
    z-index: 1;
}

/* School Header */
.school-header[b-2087atgny3] {
    background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);
    color: white;
    padding: 2rem 1.5rem;
    text-align: center;
}

.school-header h2[b-2087atgny3] {
    font-size: 1.2rem;
    letter-spacing: 2px;
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
}

.school-header p[b-2087atgny3] {
    font-size: 0.9rem;
    margin: 0;
    opacity: 0.8;
}

/* Profile Content */
.profile-content[b-2087atgny3] {
    padding: 1.5rem;
    position: relative;
    z-index: 5;
}

.info-grid[b-2087atgny3] {
    display: grid;
    gap: 1rem;
}

.info-item[b-2087atgny3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.info-item:last-child[b-2087atgny3] {
    border-bottom: none;
}

.info-item label[b-2087atgny3] {
    color: #64748b;
    font-size: 0.85rem;
    font-weight: 500;
}

.info-item span[b-2087atgny3] {
    color: #1e293b;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: right;
}

/* Status Badge */
.status-badge[b-2087atgny3] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-success[b-2087atgny3] {
    background: #dcfce7;
    color: #16a34a;
}

.status-warning[b-2087atgny3] {
    background: #fef3c7;
    color: #d97706;
}

.status-danger[b-2087atgny3] {
    background: #fee2e2;
    color: #dc2626;
}

.status-info[b-2087atgny3] {
    background: #e0f2fe;
    color: #0284c7;
}

/* Footer */
.verify-footer[b-2087atgny3] {
    padding: 1rem 1.5rem;
    background: #1e293b;
    color: white;
    text-align: center;
}

.verify-footer p[b-2087atgny3] {
    margin: 0;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.verify-footer p i[b-2087atgny3] {
    color: #22c55e;
}

.verify-footer .timestamp[b-2087atgny3] {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 0.5rem;
}

/* Responsive */
@media (max-width: 500px) {
    .verify-container[b-2087atgny3] {
        padding: 0.5rem;
    }

    .verified-card[b-2087atgny3] {
        border-radius: 8px;
    }

    .verification-badge[b-2087atgny3] {
        position: static;
        margin: 1rem auto;
        width: fit-content;
    }

    .school-header[b-2087atgny3] {
        padding: 1.5rem 1rem;
    }

    .school-header h2[b-2087atgny3] {
        font-size: 1rem;
    }

    .profile-content[b-2087atgny3] {
        padding: 1rem;
    }

    .info-item[b-2087atgny3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .info-item span[b-2087atgny3] {
        text-align: left;
    }
}
/* /Shared/Components/AdmissionDocumentUpload.razor.rz.scp.css */
.document-upload-container[b-a5nh9gj55f] {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.document-header[b-a5nh9gj55f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

.document-header h6[b-a5nh9gj55f] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #374151;
}

.document-header .badge[b-a5nh9gj55f] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.3rem 0.6rem;
}

/* Document Sections */
.document-section[b-a5nh9gj55f] {
    border-bottom: 1px solid #e5e7eb;
}

.document-section:last-child[b-a5nh9gj55f] {
    border-bottom: none;
}

.section-header[b-a5nh9gj55f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f9fafb;
}

.section-title[b-a5nh9gj55f] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
    margin: 0;
    display: flex;
    align-items: center;
}

.section-header .badge[b-a5nh9gj55f] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
}

/* Upload Custom Area */
.upload-section[b-a5nh9gj55f] {
    background: #f8fafc;
}

.upload-custom-area[b-a5nh9gj55f] {
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
}

/* Document List */
.document-list[b-a5nh9gj55f] {
    padding: 0.5rem;
}

.document-item[b-a5nh9gj55f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 8px;
    margin-bottom: 0.5rem;
    border: 1px solid #e5e7eb;
    transition: all 0.2s ease;
}

.document-item:last-child[b-a5nh9gj55f] {
    margin-bottom: 0;
}

.document-item:hover[b-a5nh9gj55f] {
    background: #f9fafb;
}

.document-item.verified[b-a5nh9gj55f] {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.document-item.submitted[b-a5nh9gj55f] {
    background: #fffbeb;
    border-color: #fde68a;
}

.document-item.rejected[b-a5nh9gj55f] {
    background: #fef2f2;
    border-color: #fecaca;
}

/* Document Icon */
.document-icon[b-a5nh9gj55f] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

/* Document Info */
.document-info[b-a5nh9gj55f] {
    flex: 1;
    min-width: 0;
}

.document-name[b-a5nh9gj55f] {
    font-weight: 500;
    font-size: 0.85rem;
    color: #1f2937;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.required-badge[b-a5nh9gj55f] {
    font-size: 0.6rem;
    font-weight: 600;
    padding: 0.15rem 0.4rem;
    background: #fee2e2;
    color: #dc2626;
    border-radius: 4px;
    text-transform: uppercase;
}

.overdue-badge[b-a5nh9gj55f] {
    font-size: 0.6rem;
    font-weight: 600;
    padding: 0.15rem 0.4rem;
    background: #dc2626;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    animation: pulse-red-b-a5nh9gj55f 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-red-b-a5nh9gj55f {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.document-status[b-a5nh9gj55f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
    font-size: 0.7rem;
}

.status-badge[b-a5nh9gj55f] {
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    font-weight: 500;
}

.status-verified[b-a5nh9gj55f] {
    background: #dcfce7;
    color: #15803d;
}

.status-submitted[b-a5nh9gj55f] {
    background: #fef3c7;
    color: #b45309;
}

.status-rejected[b-a5nh9gj55f] {
    background: #fee2e2;
    color: #dc2626;
}

.status-pending[b-a5nh9gj55f] {
    background: #f3f4f6;
    color: #6b7280;
}

/* Version Badge */
.version-badge[b-a5nh9gj55f] {
    font-size: 0.6rem;
    font-weight: 600;
    padding: 0.15rem 0.4rem;
    background: #e0e7ff;
    color: #4338ca;
    border-radius: 4px;
    text-transform: uppercase;
}

.version-count[b-a5nh9gj55f] {
    font-size: 0.65rem;
    font-weight: 600;
    margin-left: 0.2rem;
}

/* Document Number */
.document-number[b-a5nh9gj55f] {
    font-size: 0.65rem;
    color: #6b7280;
    font-family: 'Consolas', 'Monaco', monospace;
    background: #f3f4f6;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
}

.submitted-date[b-a5nh9gj55f],
.verified-by[b-a5nh9gj55f],
.due-date[b-a5nh9gj55f] {
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 500;
}

.rejection-reason[b-a5nh9gj55f] {
    margin-top: 0.35rem;
    padding: 0.35rem 0.5rem;
    background: #fef2f2;
    border-radius: 4px;
    font-size: 0.7rem;
    color: #dc2626;
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
}

/* Document Actions */
.document-actions[b-a5nh9gj55f] {
    display: flex;
    gap: 0.35rem;
    flex-shrink: 0;
}

.document-actions .btn[b-a5nh9gj55f] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

.upload-btn[b-a5nh9gj55f] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    margin-bottom: 0;
}

/* Upload Progress */
.upload-progress[b-a5nh9gj55f] {
    padding: 0.75rem 1rem;
    background: #f0f9ff;
    border-top: 1px solid #bae6fd;
}

/* Alerts */
.alert-sm[b-a5nh9gj55f] {
    font-size: 0.8rem;
    padding: 0.5rem 0.75rem;
    margin: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-close-sm[b-a5nh9gj55f] {
    font-size: 0.6rem;
    padding: 0.25rem;
}

/* ==========================================
   AMCLOUD MODAL DESIGN SYSTEM
   ========================================== */

/* MODAL OVERLAY & CONTAINER */
.modal-overlay[b-a5nh9gj55f] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-overlay.visible[b-a5nh9gj55f] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.modal-container[b-a5nh9gj55f] {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.1);
    width: 100%;
    max-width: 720px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    transform: scale(0.95) translateY(20px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.modal-container.modal-sm[b-a5nh9gj55f] {
    max-width: 480px;
}

.modal-overlay.visible .modal-container[b-a5nh9gj55f] {
    transform: scale(1) translateY(0);
    opacity: 1;
}

/* HEADER SECTION */
.modal-header-section[b-a5nh9gj55f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    border-radius: 16px 16px 0 0;
}

.header-content[b-a5nh9gj55f] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-icon[b-a5nh9gj55f] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.125rem;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    flex-shrink: 0;
}

.header-text h2[b-a5nh9gj55f] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.header-text p[b-a5nh9gj55f] {
    margin: 0.25rem 0 0 0;
    font-size: 0.8125rem;
    color: #94a3b8;
}

.close-btn[b-a5nh9gj55f] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.close-btn:hover[b-a5nh9gj55f] {
    background: #f1f5f9;
    color: #0f172a;
}

/* BODY SECTION */
.modal-body-section[b-a5nh9gj55f] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
    background: #ffffff;
}

.form-section[b-a5nh9gj55f] {
    padding: 1.25rem 1.5rem;
}

/* FIELD STYLES */
.field-group[b-a5nh9gj55f] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.field-label[b-a5nh9gj55f] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
}

.field-label.required[b-a5nh9gj55f]::after {
    content: " *";
    color: #ef4444;
}

.field-textarea[b-a5nh9gj55f] {
    padding: 0.75rem 1rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.9375rem;
    color: #0f172a;
    background: #ffffff;
    transition: all 0.15s ease;
    width: 100%;
    resize: vertical;
    min-height: 80px;
    line-height: 1.6;
}

.field-textarea:focus[b-a5nh9gj55f] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px #eff6ff;
}

.field-textarea[b-a5nh9gj55f]::placeholder {
    color: #94a3b8;
}

/* FOOTER SECTION */
.modal-footer-section[b-a5nh9gj55f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 16px 16px;
}

.footer-actions[b-a5nh9gj55f] {
    display: flex;
    gap: 0.75rem;
}

/* BUTTONS */
.btn-primary[b-a5nh9gj55f],
.btn-secondary[b-a5nh9gj55f],
.btn-outline[b-a5nh9gj55f],
.btn-danger[b-a5nh9gj55f] {
    padding: 0.625rem 1.25rem;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.15s ease;
    border: none;
}

.btn-primary[b-a5nh9gj55f] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

.btn-primary:hover:not(:disabled)[b-a5nh9gj55f] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
    transform: translateY(-1px);
}

.btn-secondary[b-a5nh9gj55f] {
    background: #ffffff;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-a5nh9gj55f] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.btn-outline[b-a5nh9gj55f] {
    background: transparent;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-outline:hover[b-a5nh9gj55f] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.btn-danger[b-a5nh9gj55f] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}

.btn-danger:hover:not(:disabled)[b-a5nh9gj55f] {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
    transform: translateY(-1px);
}

.btn-danger:disabled[b-a5nh9gj55f],
.btn-primary:disabled[b-a5nh9gj55f] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.view-btn[b-a5nh9gj55f] {
    padding: 0.5rem 0.875rem;
    font-size: 0.8125rem;
}

/* VERSION HISTORY LIST */
.version-history-list[b-a5nh9gj55f] {
    max-height: 400px;
    overflow-y: auto;
}

.version-item[b-a5nh9gj55f] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.version-item:last-child[b-a5nh9gj55f] {
    border-bottom: none;
}

.version-item.current-version[b-a5nh9gj55f] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
}

.version-badge-large[b-a5nh9gj55f] {
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0.5rem 0.75rem;
    background: linear-gradient(135deg, #e0e7ff 0%, #ddd6fe 100%);
    color: #4338ca;
    border-radius: 8px;
    min-width: 44px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(67, 56, 202, 0.15);
}

.version-info[b-a5nh9gj55f] {
    flex: 1;
    min-width: 0;
}

.version-label[b-a5nh9gj55f] {
    font-weight: 500;
    font-size: 0.875rem;
    color: #0f172a;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.current-tag[b-a5nh9gj55f] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.doc-number[b-a5nh9gj55f] {
    font-size: 0.75rem;
    font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
    background: #f1f5f9;
    color: #475569;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
}

.version-meta[b-a5nh9gj55f] {
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 0.375rem;
}

.version-meta i[b-a5nh9gj55f] {
    color: #94a3b8;
}

.version-actions[b-a5nh9gj55f] {
    flex-shrink: 0;
}

.version-note[b-a5nh9gj55f] {
    padding: 1rem 1.5rem;
    background: #f8fafc;
    font-size: 0.8125rem;
    color: #64748b;
    text-align: center;
    border-top: 1px dashed #e2e8f0;
}

.version-note i[b-a5nh9gj55f] {
    color: #3b82f6;
}

/* DARK THEME SUPPORT */
:global([data-bs-theme="dark"]) .modal-container[b-a5nh9gj55f] {
    background: #1e293b;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
}

:global([data-bs-theme="dark"]) .modal-header-section[b-a5nh9gj55f] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .header-text h2[b-a5nh9gj55f] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .header-text p[b-a5nh9gj55f] {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .close-btn[b-a5nh9gj55f] {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .close-btn:hover[b-a5nh9gj55f] {
    background: #334155;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .modal-body-section[b-a5nh9gj55f] {
    background: #1e293b;
}

:global([data-bs-theme="dark"]) .modal-footer-section[b-a5nh9gj55f] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .field-label[b-a5nh9gj55f] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .field-textarea[b-a5nh9gj55f] {
    background: #0f172a;
    border-color: #334155;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .field-textarea:focus[b-a5nh9gj55f] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

:global([data-bs-theme="dark"]) .btn-secondary[b-a5nh9gj55f] {
    background: #1e293b;
    color: #94a3b8;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .btn-outline[b-a5nh9gj55f] {
    color: #94a3b8;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .version-item[b-a5nh9gj55f] {
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .version-item.current-version[b-a5nh9gj55f] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(5, 150, 105, 0.15) 100%);
}

:global([data-bs-theme="dark"]) .version-label[b-a5nh9gj55f] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .doc-number[b-a5nh9gj55f] {
    background: #334155;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .version-note[b-a5nh9gj55f] {
    background: #0f172a;
    border-color: #334155;
    color: #94a3b8;
}

/* Responsive */
@media (max-width: 768px) {
    .modal-container[b-a5nh9gj55f] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
        margin: 0;
    }

    .modal-overlay[b-a5nh9gj55f] {
        padding: 0;
    }

    .modal-header-section[b-a5nh9gj55f] {
        border-radius: 0;
        padding: 1rem;
    }

    .modal-footer-section[b-a5nh9gj55f] {
        flex-direction: column;
        gap: 0.75rem;
        padding: 1rem;
        border-radius: 0;
    }

    .footer-actions[b-a5nh9gj55f] {
        width: 100%;
    }

    .footer-actions button[b-a5nh9gj55f] {
        flex: 1;
    }

    .btn-secondary[b-a5nh9gj55f] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .document-item[b-a5nh9gj55f] {
        flex-wrap: wrap;
    }

    .document-actions[b-a5nh9gj55f] {
        width: 100%;
        margin-top: 0.5rem;
        padding-top: 0.5rem;
        border-top: 1px dashed #e5e7eb;
        justify-content: flex-end;
    }

    .document-icon[b-a5nh9gj55f] {
        width: 28px;
        height: 28px;
        font-size: 1rem;
    }

    .version-item[b-a5nh9gj55f] {
        flex-wrap: wrap;
        padding: 0.875rem 1rem;
    }

    .version-badge-large[b-a5nh9gj55f] {
        min-width: auto;
    }

    .header-icon[b-a5nh9gj55f] {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    .header-text h2[b-a5nh9gj55f] {
        font-size: 1.125rem;
    }
}
/* /Shared/Components/AdmissionStageTracker.razor.rz.scp.css */
.admission-stage-tracker[b-6o0chumlkg] {
    background: #fff;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid #e9ecef;
}

.tracker-header[b-6o0chumlkg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.tracker-title[b-6o0chumlkg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.9rem;
    color: #344054;
}

.tracker-title i[b-6o0chumlkg] {
    color: #6366f1;
    font-size: 1rem;
}

.tracker-summary[b-6o0chumlkg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.progress-text[b-6o0chumlkg] {
    font-size: 0.8rem;
    color: #6b7280;
}

.tracker-summary .badge[b-6o0chumlkg] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.3rem 0.6rem;
    border-radius: 20px;
}

/* Horizontal Timeline */
.stages-horizontal[b-6o0chumlkg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.75rem 0;
    gap: 0;
    width: 100%;
}

.stage-item[b-6o0chumlkg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
    cursor: pointer;
    position: relative;
    padding: 0.25rem 0.25rem;
    transition: transform 0.2s ease;
}

.stage-item:hover[b-6o0chumlkg] {
    transform: translateY(-2px);
}

.stage-icon-wrapper[b-6o0chumlkg] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 0.5rem;
}

.stage-icon[b-6o0chumlkg] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    z-index: 2;
    background: #fff;
    border: 2px solid #e5e7eb;
    transition: all 0.3s ease;
}

.step-num[b-6o0chumlkg] {
    font-size: 0.7rem;
    color: #9ca3af;
}

/* Connector Line */
.connector-line[b-6o0chumlkg] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 16px);
    height: 2px;
    background: #e5e7eb;
    transform: translateY(-50%);
    z-index: 1;
}

.connector-line.completed[b-6o0chumlkg] {
    background: #10b981;
}

.connector-line.active[b-6o0chumlkg] {
    background: linear-gradient(90deg, #10b981 0%, #6366f1 50%, #e5e7eb 100%);
}

/* Status Colors */
.stage-item.completed .stage-icon[b-6o0chumlkg] {
    background: #10b981;
    border-color: #10b981;
    color: #fff;
}

.stage-item.in-progress .stage-icon[b-6o0chumlkg] {
    background: #6366f1;
    border-color: #6366f1;
    color: #fff;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.2);
}

.stage-item.skipped .stage-icon[b-6o0chumlkg] {
    background: #fef3c7;
    border-color: #f59e0b;
    color: #d97706;
}

.stage-item.pending .stage-icon[b-6o0chumlkg] {
    background: #fff;
    border-color: #e5e7eb;
    color: #9ca3af;
}

/* Stage Content */
.stage-content[b-6o0chumlkg] {
    text-align: center;
    width: 100%;
    padding: 0 0.15rem;
}

.stage-name[b-6o0chumlkg] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #374151;
    line-height: 1.3;
    margin-bottom: 0.15rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

.stage-item.completed .stage-name[b-6o0chumlkg] {
    color: #10b981;
}

.stage-item.in-progress .stage-name[b-6o0chumlkg] {
    color: #6366f1;
}

.stage-item.pending .stage-name[b-6o0chumlkg] {
    color: #9ca3af;
}

.stage-item.skipped .stage-name[b-6o0chumlkg] {
    color: #d97706;
}

.stage-completed-by[b-6o0chumlkg] {
    font-size: 0.55rem;
    color: #6b7280;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stage-role[b-6o0chumlkg] {
    font-size: 0.5rem;
    color: #9ca3af;
    white-space: nowrap;
}

.stage-date[b-6o0chumlkg] {
    font-size: 0.55rem;
    color: #10b981;
    font-weight: 500;
    margin-top: 0.15rem;
}

.stage-item.skipped .stage-date[b-6o0chumlkg] {
    color: #d97706;
}

.badge-optional[b-6o0chumlkg] {
    font-size: 0.5rem;
    font-weight: 500;
    padding: 0.1rem 0.3rem;
    background: #fef3c7;
    color: #d97706;
    border-radius: 8px;
    display: inline-block;
    margin-top: 0.15rem;
}

/* Completion Banner */
.completion-banner[b-6o0chumlkg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    margin-top: 0.75rem;
    font-weight: 600;
    font-size: 0.8rem;
}

.completion-banner i[b-6o0chumlkg] {
    color: #fef08a;
}

/* Current Step Info */
.current-step-info[b-6o0chumlkg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    margin-top: 0.75rem;
    font-size: 0.75rem;
}

.current-step-info i[b-6o0chumlkg] {
    color: #0284c7;
}

.current-label[b-6o0chumlkg] {
    color: #0369a1;
    font-weight: 500;
}

.current-name[b-6o0chumlkg] {
    color: #0284c7;
    font-weight: 600;
}

/* Responsive */
@media (max-width: 992px) {
    .stage-name[b-6o0chumlkg] {
        font-size: 0.65rem;
    }
}

@media (max-width: 768px) {
    .stages-horizontal[b-6o0chumlkg] {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .stage-item[b-6o0chumlkg] {
        min-width: 65px;
    }

    .stage-icon[b-6o0chumlkg] {
        width: 28px;
        height: 28px;
        font-size: 0.65rem;
    }

    .stage-name[b-6o0chumlkg] {
        font-size: 0.6rem;
    }

    .stage-role[b-6o0chumlkg] {
        font-size: 0.5rem;
    }

    .sub-step[b-6o0chumlkg] {
        font-size: 0.45rem;
        padding: 0.05rem 0.2rem;
    }
}

/* Sub-steps for Admission File */
.sub-steps[b-6o0chumlkg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    justify-content: center;
    margin-top: 0.2rem;
}

.sub-step[b-6o0chumlkg] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    font-size: 0.5rem;
    color: #9ca3af;
    padding: 0.1rem 0.25rem;
    background: #f3f4f6;
    border-radius: 4px;
    cursor: help;
    transition: all 0.2s ease;
}

.sub-step i[b-6o0chumlkg] {
    font-size: 0.4rem;
}

.sub-step.done[b-6o0chumlkg] {
    color: #10b981;
    background: #d1fae5;
}

.sub-step.done i[b-6o0chumlkg] {
    color: #10b981;
}

.sub-step.partial[b-6o0chumlkg] {
    color: #d97706;
    background: #fef3c7;
}

.sub-step.partial i[b-6o0chumlkg] {
    color: #f59e0b;
}

.sub-step:not(.done):not(.partial) i[b-6o0chumlkg] {
    color: #d1d5db;
}

/* Dark theme styles moved to wwwroot/css/_theme-dark.css */
/* /Shared/Components/AdmissionStageTrackerCompact.razor.rz.scp.css */
.stage-tracker-compact[b-1jcrvwzq72] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
}

.stage-tracker-compact:hover[b-1jcrvwzq72] {
    border-color: #cbd5e1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.compact-main[b-1jcrvwzq72] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
}

/* Circular Progress Ring */
.compact-progress[b-1jcrvwzq72] {
    flex-shrink: 0;
}

.progress-ring[b-1jcrvwzq72] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: conic-gradient(
        #6366f1 calc(var(--progress) * 1%),
        #e2e8f0 calc(var(--progress) * 1%)
    );
    position: relative;
}

.progress-ring[b-1jcrvwzq72]::before {
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
    background: white;
    border-radius: 50%;
}

.progress-value[b-1jcrvwzq72] {
    position: relative;
    z-index: 1;
    font-size: 0.65rem;
    font-weight: 700;
    color: #6366f1;
}

/* Info Section */
.compact-info[b-1jcrvwzq72] {
    flex: 1;
    min-width: 0;
}

.compact-title[b-1jcrvwzq72] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.current-step-label[b-1jcrvwzq72] {
    font-size: 0.65rem;
    color: #94a3b8;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.current-step-name[b-1jcrvwzq72] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #334155;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status-complete[b-1jcrvwzq72] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #10b981;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.compact-stats[b-1jcrvwzq72] {
    display: flex;
    gap: 0.6rem;
    margin-top: 0.25rem;
}

.stat-item[b-1jcrvwzq72] {
    font-size: 0.65rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.stat-item.completed[b-1jcrvwzq72] {
    color: #10b981;
}

.stat-item.skipped[b-1jcrvwzq72] {
    color: #f59e0b;
}

.stat-item.pending[b-1jcrvwzq72] {
    color: #94a3b8;
}

/* Toggle */
.compact-toggle[b-1jcrvwzq72] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.stage-tracker-compact:hover .compact-toggle[b-1jcrvwzq72] {
    color: #64748b;
}

/* Expanded Steps */
.compact-steps[b-1jcrvwzq72] {
    padding: 0.5rem 0.75rem 0.75rem;
    border-top: 1px solid #e2e8f0;
    background: white;
}

.steps-row[b-1jcrvwzq72] {
    display: flex;
    gap: 2px;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.step-dot[b-1jcrvwzq72] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.dot-icon[b-1jcrvwzq72] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.55rem;
    transition: transform 0.15s ease;
}

.step-dot:hover .dot-icon[b-1jcrvwzq72] {
    transform: scale(1.15);
}

.step-dot.completed .dot-icon[b-1jcrvwzq72] {
    background: #10b981;
    color: white;
}

.step-dot.in-progress .dot-icon[b-1jcrvwzq72] {
    background: #6366f1;
    color: white;
    animation: pulse-b-1jcrvwzq72 1.5s infinite;
}

.step-dot.skipped .dot-icon[b-1jcrvwzq72] {
    background: #fef3c7;
    color: #d97706;
    font-size: 0.5rem;
}

.step-dot.pending .dot-icon[b-1jcrvwzq72] {
    background: #f1f5f9;
    color: #94a3b8;
    border: 1px solid #e2e8f0;
}

.step-num[b-1jcrvwzq72] {
    font-weight: 600;
}

/* Tooltip */
.step-tooltip[b-1jcrvwzq72] {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.3rem 0.5rem;
    background: #1e293b;
    color: white;
    font-size: 0.6rem;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.15s ease;
    z-index: 10;
    margin-bottom: 4px;
}

.step-tooltip[b-1jcrvwzq72]::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: #1e293b;
}

.step-dot:hover .step-tooltip[b-1jcrvwzq72] {
    opacity: 1;
    visibility: visible;
}

/* Next Action */
.next-action[b-1jcrvwzq72] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.7rem;
    padding-top: 0.35rem;
    border-top: 1px dashed #e2e8f0;
}

.next-label[b-1jcrvwzq72] {
    color: #94a3b8;
    font-weight: 500;
}

.next-role[b-1jcrvwzq72] {
    color: #6366f1;
    font-weight: 600;
    background: #eef2ff;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
}

/* Animations */
@keyframes pulse-b-1jcrvwzq72 {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.4);
    }
    50% {
        box-shadow: 0 0 0 4px rgba(99, 102, 241, 0);
    }
}

/* Responsive */
@media (max-width: 400px) {
    .compact-main[b-1jcrvwzq72] {
        gap: 0.5rem;
    }

    .progress-ring[b-1jcrvwzq72] {
        width: 38px;
        height: 38px;
    }

    .progress-ring[b-1jcrvwzq72]::before {
        width: 30px;
        height: 30px;
    }

    .progress-value[b-1jcrvwzq72] {
        font-size: 0.6rem;
    }

    .compact-stats[b-1jcrvwzq72] {
        gap: 0.4rem;
    }

    .dot-icon[b-1jcrvwzq72] {
        width: 18px;
        height: 18px;
        font-size: 0.5rem;
    }
}

/* Dark theme styles moved to wwwroot/css/_theme-dark.css */
/* /Shared/Components/AdmitCard/AdmitCardA5Print.razor.rz.scp.css */
/* Formal Academic Admit Card - A5 Size (148mm x 210mm) - Compact Layout */

/* Wrapper for centering the card */
.admit-card-wrapper[b-rcnvh7v8x6] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
}

.admit-card[b-rcnvh7v8x6] {
    width: 148mm;
    height: 210mm;
    max-height: 210mm;
    margin: 0 auto;
    background: #fff;
    font-family: Arial, Calibri, sans-serif;
    font-size: 8pt;
    line-height: 1.15;
    color: #000;
    box-sizing: border-box;
    overflow: hidden;
    page-break-inside: avoid;
    break-inside: avoid;
}

.page-break-before[b-rcnvh7v8x6] {
    page-break-before: always;
    break-before: page;
}

/* Double Border - Formal Style */
.card-border[b-rcnvh7v8x6] {
    width: 100%;
    height: 100%;
    padding: 3mm;
    box-sizing: border-box;
    border: 2pt solid #000;
    outline: 1pt solid #000;
    outline-offset: 2pt;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff !important;
    background-color: #fff !important;
}

/* School Header - Border style (printer-friendly) */
.school-header[b-rcnvh7v8x6] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2mm;
    border-bottom: 2pt solid #000;
    margin-bottom: 0;
}

.logo-left[b-rcnvh7v8x6], .logo-right[b-rcnvh7v8x6] {
    width: 12mm;
    text-align: center;
}

.school-logo[b-rcnvh7v8x6], .cbse-logo[b-rcnvh7v8x6] {
    width: 10mm;
    height: 10mm;
    object-fit: contain;
}

.school-info[b-rcnvh7v8x6] {
    flex: 1;
    text-align: center;
    padding: 0 2mm;
}

.school-name[b-rcnvh7v8x6] {
    font-size: 13pt;
    font-weight: bold;
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.school-address[b-rcnvh7v8x6] {
    font-size: 7pt;
    margin: 0.5mm 0;
}

.affiliation[b-rcnvh7v8x6] {
    font-size: 6pt;
    margin: 0;
    color: #333;
}

/* Title Section - Double border style (printer-friendly) */
.title-section[b-rcnvh7v8x6] {
    padding: 2mm 3mm;
    border-top: 1pt solid #000;
    border-bottom: 2pt double #000;
    margin-bottom: 1.5mm;
}

.title-row[b-rcnvh7v8x6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-left[b-rcnvh7v8x6] {
    text-align: left;
}

.title[b-rcnvh7v8x6] {
    font-size: 14pt;
    font-weight: bold;
    margin: 0;
    letter-spacing: 3px;
    color: #000;
    text-transform: uppercase;
}

.exam-info[b-rcnvh7v8x6] {
    font-size: 8pt;
    margin: 0.5mm 0 0 0;
    font-weight: 600;
    color: #333;
}

/* Admit Card Number Badge - Border style (printer-friendly) */
.admit-no-badge[b-rcnvh7v8x6] {
    padding: 1.5mm 4mm;
    background: #fff;
    color: #000;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 9pt;
    font-weight: bold;
    letter-spacing: 1px;
    border: 1.5pt solid #000;
}

/* Student Section - Two Column Layout */
.student-section[b-rcnvh7v8x6] {
    display: flex;
    gap: 2mm;
    padding: 1.5mm 0;
    border-bottom: 1pt solid #000;
    margin-bottom: 1.5mm;
}

.photo-box[b-rcnvh7v8x6] {
    width: 22mm;
    text-align: center;
    flex-shrink: 0;
}

.student-photo[b-rcnvh7v8x6] {
    width: 20mm;
    height: 24mm;
    object-fit: cover;
    border: 1pt solid #000;
}

.admit-no[b-rcnvh7v8x6] {
    font-size: 6pt;
    margin-top: 1mm;
    font-family: 'Consolas', 'Courier New', monospace;
    font-weight: bold;
    background: #000;
    color: #fff;
    padding: 0.5mm 1mm;
}

/* Two Column Details */
.details-columns[b-rcnvh7v8x6] {
    flex: 1;
    display: flex;
    gap: 3mm;
}

.details-col[b-rcnvh7v8x6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.detail-row[b-rcnvh7v8x6] {
    display: flex;
    flex-direction: column;
    padding: 0.8mm 0;
    border-bottom: 0.5pt dotted #999;
}

.detail-row:last-child[b-rcnvh7v8x6] {
    border-bottom: none;
}

.detail-row .label[b-rcnvh7v8x6] {
    font-size: 6.5pt;
    color: #555;
}

.detail-row .value[b-rcnvh7v8x6] {
    font-size: 8pt;
}

.detail-row .value.bold[b-rcnvh7v8x6] {
    font-weight: bold;
}

/* Section Styles */
.section[b-rcnvh7v8x6] {
    margin-bottom: 1.5mm;
}

.section-title[b-rcnvh7v8x6] {
    font-size: 7.5pt;
    font-weight: bold;
    text-align: center;
    padding: 0.8mm;
    background: transparent;
    border: 1pt solid #000;
    border-bottom: none;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* Schedule Table - Compact for 8+ exams */
.schedule-table[b-rcnvh7v8x6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 7pt;
}

.schedule-table th[b-rcnvh7v8x6] {
    background: transparent;
    padding: 0.6mm;
    text-align: left;
    font-weight: bold;
    border: 0.5pt solid #000;
    font-size: 6pt;
    text-transform: uppercase;
}

.schedule-table td[b-rcnvh7v8x6] {
    padding: 0.5mm 0.6mm;
    border: 0.5pt solid #000;
    white-space: nowrap;
    font-size: 6.5pt;
}

/* Serial number column - compact */
.schedule-table th.sno[b-rcnvh7v8x6],
.schedule-table td.sno[b-rcnvh7v8x6] {
    width: 6mm;
    text-align: center;
    padding: 0.5mm;
}

.schedule-table .no-data[b-rcnvh7v8x6] {
    text-align: center;
    font-style: italic;
    color: #666;
}

/* Instructions - Two Column Grid */
.instructions-section[b-rcnvh7v8x6] {
    flex-shrink: 0;
}

.instructions[b-rcnvh7v8x6] {
    padding: 1mm 1.5mm;
    border: 0.5pt solid #000;
    border-top: none;
    font-size: 5.5pt;
    line-height: 1.25;
}

.instructions-grid[b-rcnvh7v8x6] {
    display: flex;
    gap: 3mm;
}

.instructions-col[b-rcnvh7v8x6] {
    flex: 1;
    margin: 0;
    padding: 0 0 0 2.5mm;
}

.instructions-col li[b-rcnvh7v8x6] {
    margin-bottom: 0.2mm;
}

.custom-instructions[b-rcnvh7v8x6] {
    white-space: pre-wrap;
}

/* Signatures - Simple text labels with optional images */
.signature-section[b-rcnvh7v8x6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 1.5mm 2mm 0 2mm;
    margin-top: auto;
}

.signature-box[b-rcnvh7v8x6] {
    text-align: center;
    width: 30mm;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1mm;
}

.signature-img[b-rcnvh7v8x6] {
    max-width: 25mm;
    max-height: 10mm;
    object-fit: contain;
}

.sig-label[b-rcnvh7v8x6] {
    font-size: 7pt;
    font-weight: 600;
    color: #000;
}

/* QR Code in signature row */
.qr-box[b-rcnvh7v8x6] {
    width: 14mm;
    text-align: center;
}

.qr-code[b-rcnvh7v8x6] {
    width: 12mm;
    height: 12mm;
    border: 0.5pt solid #ccc;
}

.qr-text[b-rcnvh7v8x6] {
    font-size: 5pt;
    display: block;
    margin-top: 0.5mm;
    color: #666;
}


/* Print Styles */
@media print {
    .admit-card-wrapper[b-rcnvh7v8x6] {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        page-break-after: auto;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .admit-card[b-rcnvh7v8x6] {
        width: 148mm;
        height: 210mm;
        max-height: 210mm;
        margin: 0 auto;
        padding: 0;
        box-shadow: none;
        overflow: hidden;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .page-break-before[b-rcnvh7v8x6] {
        page-break-before: always;
        break-before: page;
    }

    @page {
        size: A5 portrait;
        margin: 0 auto;
    }

    .card-border[b-rcnvh7v8x6] {
        border-color: #000 !important;
        outline-color: #000 !important;
        overflow: hidden;
        max-height: 204mm; /* A5 height minus padding */
        background: #fff !important;
        background-color: #fff !important;
    }

    /* Printer-friendly: no heavy backgrounds */
    .section-title[b-rcnvh7v8x6] {
        background: transparent !important;
        border: 1pt solid #000;
        font-weight: bold;
    }

    .schedule-table th[b-rcnvh7v8x6] {
        background: transparent !important;
        font-weight: bold;
    }

    .admit-no-badge[b-rcnvh7v8x6] {
        background: #fff !important;
        color: #000 !important;
        border: 1.5pt solid #000 !important;
    }

}

/* Screen Preview */
@media screen {
    .admit-card-wrapper[b-rcnvh7v8x6] {
        padding: 10px;
        background: #f5f5f5;
    }

    .admit-card[b-rcnvh7v8x6] {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        margin: 0 auto;
    }
}

/* Mobile Responsive - Scale down entire card to fit screen */
@media screen and (max-width: 600px) {
    .admit-card-wrapper[b-rcnvh7v8x6] {
        padding: 4px;
        overflow: hidden;
        justify-content: center;
        width: 100%;
    }

    .admit-card[b-rcnvh7v8x6] {
        /* Use transform scale to shrink the card proportionally */
        /* 148mm = ~559px, so for 360px screen we need ~0.6 scale */
        transform: scale(0.62);
        transform-origin: top center;
        margin: 0 auto;
        /* Negative margin to compensate for scaled whitespace */
        margin-bottom: -80mm;
    }
}

/* Medium phones (360-450px) */
@media screen and (max-width: 450px) and (min-width: 360px) {
    .admit-card[b-rcnvh7v8x6] {
        transform: scale(0.58);
        margin-bottom: -90mm;
    }
}

/* Small phones (<360px) */
@media screen and (max-width: 360px) {
    .admit-card-wrapper[b-rcnvh7v8x6] {
        padding: 2px;
    }

    .admit-card[b-rcnvh7v8x6] {
        transform: scale(0.52);
        transform-origin: top center;
        margin-bottom: -100mm;
    }
}
/* /Shared/Components/AdmitCard/AdmitCardPrint.razor.rz.scp.css */
.admit-card-print[b-bsabx0fl98] {
    width: 210mm;
    min-height: 297mm;
    padding: 15mm;
    margin: 0 auto;
    background: white;
    border: 2px solid #334155;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 11pt;
    line-height: 1.4;
    color: #1e293b;
    box-sizing: border-box;
}

.page-break-before[b-bsabx0fl98] {
    page-break-before: always;
}

/* Header */
.header[b-bsabx0fl98] {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #3b82f6;
    margin-bottom: 15px;
}

.header h1[b-bsabx0fl98] {
    font-size: 20pt;
    color: #1e40af;
    margin: 0 0 5px 0;
}

.header .address[b-bsabx0fl98] {
    font-size: 10pt;
    color: #475569;
    margin: 0;
}

.header .phone[b-bsabx0fl98] {
    font-size: 9pt;
    color: #64748b;
    margin: 0;
}

/* Title */
.title-section[b-bsabx0fl98] {
    text-align: center;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.title-section h2[b-bsabx0fl98] {
    font-size: 16pt;
    letter-spacing: 3px;
    margin: 0;
}

.title-section h3[b-bsabx0fl98] {
    font-size: 12pt;
    font-weight: normal;
    margin: 5px 0 0 0;
}

/* Student Section */
.student-section[b-bsabx0fl98] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    background: #f8fafc;
}

.photo-container[b-bsabx0fl98] {
    flex: 0 0 100px;
}

.student-photo[b-bsabx0fl98] {
    width: 100px;
    height: 120px;
    object-fit: cover;
    border: 2px solid #cbd5e1;
    border-radius: 4px;
}

.photo-placeholder[b-bsabx0fl98] {
    width: 100px;
    height: 120px;
    border: 2px dashed #cbd5e1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #94a3b8;
    font-size: 2rem;
}

.student-details[b-bsabx0fl98] {
    flex: 1;
}

.info-table[b-bsabx0fl98] {
    width: 100%;
    border-collapse: collapse;
}

.info-table th[b-bsabx0fl98] {
    text-align: left;
    width: 120px;
    padding: 4px 8px;
    color: #64748b;
    font-weight: 500;
}

.info-table td[b-bsabx0fl98] {
    padding: 4px 8px;
}

.info-table code[b-bsabx0fl98] {
    font-family: 'Consolas', monospace;
    background: #e2e8f0;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10pt;
}

/* Schedule Section */
.schedule-section[b-bsabx0fl98] {
    margin-bottom: 20px;
}

.schedule-section h4[b-bsabx0fl98] {
    background: #1e293b;
    color: white;
    padding: 8px 12px;
    font-size: 11pt;
    margin: 0;
}

.schedule-table[b-bsabx0fl98] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e2e8f0;
}

.schedule-table th[b-bsabx0fl98] {
    background: #f1f5f9;
    padding: 8px;
    text-align: left;
    font-size: 10pt;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.schedule-table td[b-bsabx0fl98] {
    padding: 8px;
    border: 1px solid #e2e8f0;
    font-size: 10pt;
}

.schedule-table tbody tr:nth-child(even)[b-bsabx0fl98] {
    background: #f8fafc;
}

/* Instructions */
.instructions-section[b-bsabx0fl98] {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #fbbf24;
    background: #fef9c3;
    border-radius: 4px;
}

.instructions-section h4[b-bsabx0fl98] {
    font-size: 11pt;
    color: #92400e;
    margin: 0 0 10px 0;
}

.instructions-section ol[b-bsabx0fl98] {
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 9pt;
    color: #78350f;
}

.instructions-section li[b-bsabx0fl98] {
    margin-bottom: 4px;
}

.instructions-section p[b-bsabx0fl98] {
    font-size: 9pt;
    color: #78350f;
    margin: 0;
}

/* Footer */
.footer-section[b-bsabx0fl98] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 20px;
    border-top: 1px solid #e2e8f0;
}

.signatures[b-bsabx0fl98] {
    display: flex;
    gap: 40px;
}

.signature-box[b-bsabx0fl98] {
    text-align: center;
}

.signature-line[b-bsabx0fl98] {
    width: 120px;
    border-bottom: 1px solid #1e293b;
    margin-bottom: 5px;
    height: 40px;
}

.signature-box p[b-bsabx0fl98] {
    font-size: 9pt;
    color: #64748b;
    margin: 0;
}

.qr-section[b-bsabx0fl98] {
    text-align: center;
}

.qr-code[b-bsabx0fl98] {
    width: 80px;
    height: 80px;
}

.qr-label[b-bsabx0fl98] {
    font-size: 8pt;
    color: #64748b;
    margin: 4px 0 0 0;
}

.issue-info[b-bsabx0fl98] {
    text-align: right;
    font-size: 9pt;
}

.issue-info p[b-bsabx0fl98] {
    margin: 0 0 4px 0;
}

.exam-dates[b-bsabx0fl98] {
    color: #64748b;
}

/* Print Styles */
@media print {
    .admit-card-print[b-bsabx0fl98] {
        border: none;
        padding: 10mm;
        box-shadow: none;
    }

    .page-break-before[b-bsabx0fl98] {
        page-break-before: always;
    }

    .title-section[b-bsabx0fl98] {
        background: #3b82f6 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .schedule-section h4[b-bsabx0fl98] {
        background: #1e293b !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .instructions-section[b-bsabx0fl98] {
        background: #fef9c3 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .student-section[b-bsabx0fl98] {
        background: #f8fafc !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .schedule-table th[b-bsabx0fl98] {
        background: #f1f5f9 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .schedule-table tbody tr:nth-child(even)[b-bsabx0fl98] {
        background: #f8fafc !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

/* Screen display adjustments */
@media screen {
    .admit-card-print[b-bsabx0fl98] {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
    }
}
/* /Shared/Components/AdmitCard/TempSlipPrint.razor.rz.scp.css */
/* Thermal Printer Slip Styles */
/* Size: 62mm x 160mm (Vertical) */

.thermal-slip[b-nn7x1z736d] {
    width: 62mm;
    height: 160mm;
    padding: 3mm;
    margin: 0 auto;
    background: white;
    border: 1px solid #d1d5db;
    font-family: 'Segoe UI', Arial, sans-serif;
    color: #1e293b;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.page-break-before[b-nn7x1z736d] {
    page-break-before: always;
}

/* Header - School Logo & Name */
.slip-header[b-nn7x1z736d] {
    width: 100%;
    text-align: center;
    padding-bottom: 3mm;
    border-bottom: 1px solid #cbd5e1;
    margin-bottom: 3mm;
}

.school-logo[b-nn7x1z736d] {
    width: 20mm;
    height: 20mm;
    object-fit: contain;
    margin-bottom: 2mm;
}

.school-name[b-nn7x1z736d] {
    font-size: 9pt;
    font-weight: 700;
    color: #1e40af;
    margin: 0;
    line-height: 1.2;
    letter-spacing: 0.3px;
}

/* Photo Section */
.photo-section[b-nn7x1z736d] {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 3mm 0;
    background: #f8fafc;
    border-radius: 2mm;
    margin-bottom: 3mm;
}

.student-photo[b-nn7x1z736d] {
    width: 35mm;
    height: 35mm;
    object-fit: cover;
    border-radius: 1mm;
    border: 1px solid #cbd5e1;
}

/* Details Section */
.details-section[b-nn7x1z736d] {
    width: 100%;
    padding: 2mm;
    background: white;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 3mm;
}

.detail-row[b-nn7x1z736d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5mm 0;
    border-bottom: 1px dashed #e2e8f0;
}

.detail-row:last-child[b-nn7x1z736d] {
    border-bottom: none;
}

.detail-row .label[b-nn7x1z736d] {
    font-size: 7pt;
    font-weight: 600;
    color: #64748b;
    min-width: 18mm;
}

.detail-row .value[b-nn7x1z736d] {
    font-size: 8pt;
    font-weight: 700;
    color: #1e293b;
    text-align: right;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* QR Code Section */
.qr-section[b-nn7x1z736d] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3mm 0;
    margin-bottom: 3mm;
}

.qr-code[b-nn7x1z736d] {
    width: 30mm;
    height: 30mm;
    border: 1px solid #cbd5e1;
    border-radius: 1mm;
    padding: 1mm;
    background: white;
}

.qr-label[b-nn7x1z736d] {
    font-size: 6pt;
    color: #64748b;
    margin-top: 1.5mm;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.3px;
}

/* Parent Details Section */
.parent-section[b-nn7x1z736d] {
    width: 100%;
    padding: 2mm;
    background: #f8fafc;
    border-radius: 2mm;
    border: 1px solid #e2e8f0;
}

.parent-section .detail-row[b-nn7x1z736d] {
    border-bottom: none;
    padding: 1mm 0;
}

.parent-section .detail-row .label[b-nn7x1z736d] {
    font-size: 6pt;
    color: #475569;
}

.parent-section .detail-row .value[b-nn7x1z736d] {
    font-size: 7pt;
    color: #1e293b;
}

/* Print Styles */
@media print {
    .thermal-slip[b-nn7x1z736d] {
        border: none;
        box-shadow: none;
        padding: 2mm;
    }

    @page {
        size: 62mm 160mm portrait;
        margin: 0;
    }

    .page-break-before[b-nn7x1z736d] {
        page-break-before: always;
    }

    /* Ensure colors print correctly */
    .slip-header[b-nn7x1z736d] {
        border-bottom: 1px solid #000 !important;
    }

    .school-name[b-nn7x1z736d] {
        color: #000 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .photo-section[b-nn7x1z736d] {
        background: #f5f5f5 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .parent-section[b-nn7x1z736d] {
        background: #f5f5f5 !important;
        border: 1px solid #ccc !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* Ensure proper text rendering */
    .detail-row .label[b-nn7x1z736d],
    .detail-row .value[b-nn7x1z736d] {
        color: #000 !important;
    }
}

/* Screen display */
@media screen {
    .thermal-slip[b-nn7x1z736d] {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        margin-bottom: 15px;
    }
}

/* Responsive - for screen preview */
@media screen and (max-width: 768px) {
    .thermal-slip[b-nn7x1z736d] {
        width: 90%;
        height: auto;
        min-height: 160mm;
    }

    .school-logo[b-nn7x1z736d] {
        width: 18mm;
        height: 18mm;
    }

    .student-photo[b-nn7x1z736d] {
        width: 30mm;
        height: 30mm;
    }

    .qr-code[b-nn7x1z736d] {
        width: 25mm;
        height: 25mm;
    }
}
/* /Shared/Components/Auth/LoginSidebar.razor.rz.scp.css */
/* Left Side */
.login-left[b-5mdj9oirfi] {
    background: var(--card-gradient);
    border-right: 1px solid var(--border);
    padding: 3rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-content[b-5mdj9oirfi] {
    max-width: 480px;
}

.login-badge[b-5mdj9oirfi] {
    display: inline-block;
    padding: 0.45rem 1.1rem;
    background: rgba(59, 130, 246, 0.1);
    color: var(--brand-blue);
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 1.75rem;
}

.login-heading[b-5mdj9oirfi] {
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
}

.login-description[b-5mdj9oirfi] {
    font-size: 1rem;
    line-height: 1.65;
    color: var(--text-secondary);
    margin-bottom: 2.25rem;
}

.feature-list[b-5mdj9oirfi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2.25rem;
}

.feature-pill[b-5mdj9oirfi] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 1.1rem;
    background: rgba(59, 130, 246, 0.08);
    border-radius: 50px;
    border: 1px solid rgba(59, 130, 246, 0.15);
}

.feature-pill i[b-5mdj9oirfi] {
    color: var(--brand-blue);
    font-size: 0.95rem;
    flex-shrink: 0;
}

.feature-pill span[b-5mdj9oirfi] {
    font-size: 0.925rem;
    font-weight: 600;
    color: var(--text-primary);
}

.uptime-box[b-5mdj9oirfi] {
    padding: 1.5rem;
    background: rgba(16, 185, 129, 0.05);
    border-radius: var(--radius-md);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.uptime-label[b-5mdj9oirfi] {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
    border-radius: 50px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.uptime-value[b-5mdj9oirfi] {
    font-size: 1.75rem;
    font-weight: 800;
    color: #10b981;
    margin: 0;
}

.uptime-description[b-5mdj9oirfi] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-top: 0.65rem;
    margin-bottom: 0;
    line-height: 1.4;
}

/* Responsive */
@media (max-width: 1024px) {
    .login-left[b-5mdj9oirfi] {
        display: none;
    }
}
/* /Shared/Components/Calendar/CalendarNotificationsDropdown.razor.rz.scp.css */
.calendar-notifications[b-sky3384dos] {
        width: 100%;
        min-width: 320px;
    }

    .notification-header[b-sky3384dos] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
        border-bottom: 1px solid var(--border);
        font-weight: 600;
        color: var(--text-primary);
    }

    .notification-header .btn-link[b-sky3384dos] {
        font-size: 0.75rem;
        color: var(--brand-blue);
        text-decoration: none;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
    }

    .notification-header .btn-link:hover[b-sky3384dos] {
        text-decoration: underline;
    }

    .notification-list[b-sky3384dos] {
        max-height: 300px;
        overflow-y: auto;
    }

    .notification-item[b-sky3384dos] {
        display: flex;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--border);
        transition: background-color 0.2s ease;
        cursor: pointer;
        position: relative;
    }

    .notification-item:hover[b-sky3384dos] {
        background: var(--bg-secondary);
    }

    .notification-item.unread[b-sky3384dos] {
        background: rgba(59, 130, 246, 0.05);
    }

    .notification-icon[b-sky3384dos] {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 0.85rem;
    }

    .notification-content[b-sky3384dos] {
        flex: 1;
        min-width: 0;
    }

    .notification-title[b-sky3384dos] {
        font-size: 0.85rem;
        font-weight: 500;
        color: var(--text-primary);
        margin-bottom: 0.25rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .notification-message[b-sky3384dos] {
        font-size: 0.8rem;
        color: var(--text-secondary);
        margin-bottom: 0.25rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .notification-time[b-sky3384dos] {
        font-size: 0.7rem;
        color: var(--text-muted);
    }

    .notification-unread-dot[b-sky3384dos] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--brand-blue);
        flex-shrink: 0;
        margin-top: 4px;
    }

    .notification-empty[b-sky3384dos],
    .notification-loading[b-sky3384dos] {
        padding: 2rem;
        text-align: center;
        color: var(--text-muted);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }

    .notification-empty i[b-sky3384dos],
    .notification-loading i[b-sky3384dos] {
        font-size: 1.5rem;
        opacity: 0.5;
    }

    .notification-footer[b-sky3384dos] {
        padding: 0.75rem;
        text-align: center;
        border-top: 1px solid var(--border);
    }

    .notification-footer a[b-sky3384dos] {
        font-size: 0.85rem;
        color: var(--brand-blue);
        text-decoration: none;
        font-weight: 500;
    }

    .notification-footer a:hover[b-sky3384dos] {
        text-decoration: underline;
    }
/* /Shared/Components/Calendar/EventDetailModal.razor.rz.scp.css */
/* Event Detail Modal - Modern SaaS-Style Design */
/* Matches EventFormModal aesthetic */

/* Overlay */
.event-detail-overlay[b-sdo6gpugkj] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.event-detail-overlay.visible[b-sdo6gpugkj] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

/* Modal Container */
.event-detail-modal[b-sdo6gpugkj] {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.1);
    width: 100%;
    max-width: 680px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    transform: scale(0.95) translateY(20px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.event-detail-overlay.visible .event-detail-modal[b-sdo6gpugkj] {
    transform: scale(1) translateY(0);
    opacity: 1;
}

/* Header */
.detail-header[b-sdo6gpugkj] {
    position: relative;
    padding: 1.5rem 1.75rem;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    border-bottom: 1px solid #e2e8f0;
}

.header-accent[b-sdo6gpugkj] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--event-color, #3b82f6);
    border-radius: 16px 0 0 0;
}

.header-content[b-sdo6gpugkj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.header-info[b-sdo6gpugkj] {
    flex: 1;
    min-width: 0;
}

.event-type-badge[b-sdo6gpugkj] {
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.5rem;
}

.event-title[b-sdo6gpugkj] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 600;
    color: #0f172a;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.event-title-hindi[b-sdo6gpugkj] {
    margin: 0.25rem 0 0 0;
    font-size: 1rem;
    color: #64748b;
}

.header-actions[b-sdo6gpugkj] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    flex-shrink: 0;
}

.status-badge[b-sdo6gpugkj] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-badge.published[b-sdo6gpugkj] {
    background: #dcfce7;
    color: #16a34a;
}

.status-badge.draft[b-sdo6gpugkj] {
    background: #fef3c7;
    color: #d97706;
}

.status-badge.cancelled[b-sdo6gpugkj] {
    background: #fee2e2;
    color: #dc2626;
}

.close-btn[b-sdo6gpugkj] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.close-btn:hover[b-sdo6gpugkj] {
    background: #f1f5f9;
    color: #0f172a;
}

/* Body */
.detail-body[b-sdo6gpugkj] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem 1.75rem;
    background: #ffffff;
}

/* Info Cards */
.info-cards[b-sdo6gpugkj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.info-card[b-sdo6gpugkj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.card-icon[b-sdo6gpugkj] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.date-card .card-icon[b-sdo6gpugkj] {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #2563eb;
}

.time-card .card-icon[b-sdo6gpugkj] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #d97706;
}

.venue-card .card-icon[b-sdo6gpugkj] {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    color: #059669;
}

.period-card .card-icon[b-sdo6gpugkj] {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
    color: #6366f1;
}

.card-content[b-sdo6gpugkj] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.card-label[b-sdo6gpugkj] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.card-value[b-sdo6gpugkj] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Sections */
.detail-section[b-sdo6gpugkj] {
    margin-bottom: 1.5rem;
}

.section-title[b-sdo6gpugkj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 0.75rem 0;
}

.section-title i[b-sdo6gpugkj] {
    color: #64748b;
    font-size: 0.8125rem;
}

.description-content[b-sdo6gpugkj] {
    padding: 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.6;
    white-space: pre-wrap;
}

/* Audience */
.audience-info[b-sdo6gpugkj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.audience-badge[b-sdo6gpugkj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.875rem;
    color: #475569;
}

.audience-badge.whole-school[b-sdo6gpugkj] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb;
}

.audience-badge.specific[b-sdo6gpugkj] {
    background: #fef3c7;
    border-color: #fde68a;
    color: #92400e;
}

.audience-badge i[b-sdo6gpugkj] {
    font-size: 0.75rem;
}

/* Stats Grid */
.stats-grid[b-sdo6gpugkj] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.stat-card[b-sdo6gpugkj] {
    text-align: center;
    padding: 0.875rem 0.5rem;
    border-radius: 10px;
}

.stat-card.sent[b-sdo6gpugkj] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}

.stat-card.read[b-sdo6gpugkj] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
}

.stat-card.unread[b-sdo6gpugkj] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.stat-card.push[b-sdo6gpugkj] {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
}

.stat-value[b-sdo6gpugkj] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1;
}

.stat-label[b-sdo6gpugkj] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 0.25rem;
}

/* Department Breakdown */
.dept-breakdown[b-sdo6gpugkj] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 1rem;
}

.breakdown-title[b-sdo6gpugkj] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    margin: 0 0 0.75rem 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.dept-list[b-sdo6gpugkj] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.dept-item[b-sdo6gpugkj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.dept-info[b-sdo6gpugkj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.dept-name[b-sdo6gpugkj] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #0f172a;
}

.subdept-name[b-sdo6gpugkj] {
    font-size: 0.6875rem;
    color: #94a3b8;
}

.dept-stats[b-sdo6gpugkj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.progress-bar[b-sdo6gpugkj] {
    width: 80px;
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
}

.progress-fill[b-sdo6gpugkj] {
    height: 100%;
    background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.progress-label[b-sdo6gpugkj] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #64748b;
    min-width: 32px;
    text-align: right;
}

.notification-times[b-sdo6gpugkj] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e2e8f0;
    font-size: 0.75rem;
    color: #64748b;
}

.notification-times i[b-sdo6gpugkj] {
    margin-right: 0.375rem;
}

.unpublished-notice[b-sdo6gpugkj] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.875rem 1rem;
    background: #f1f5f9;
    border-radius: 8px;
    font-size: 0.875rem;
    color: #64748b;
}

.unpublished-notice i[b-sdo6gpugkj] {
    color: #94a3b8;
}

/* Attachments */
.attachments-list[b-sdo6gpugkj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.attachment-item[b-sdo6gpugkj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.875rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.attachment-icon[b-sdo6gpugkj] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    font-size: 0.875rem;
    flex-shrink: 0;
}

.attachment-info[b-sdo6gpugkj] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.attachment-name[b-sdo6gpugkj] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attachment-size[b-sdo6gpugkj] {
    font-size: 0.6875rem;
    color: #94a3b8;
}

.attachment-delete[b-sdo6gpugkj] {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: #94a3b8;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.attachment-delete:hover[b-sdo6gpugkj] {
    background: #fee2e2;
    color: #dc2626;
}

.no-attachments[b-sdo6gpugkj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.5rem;
    background: #f8fafc;
    border: 1px dashed #e2e8f0;
    border-radius: 8px;
    color: #94a3b8;
    font-size: 0.875rem;
}

.upload-section[b-sdo6gpugkj] {
    margin-top: 0.75rem;
}

.upload-input[b-sdo6gpugkj] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.upload-label[b-sdo6gpugkj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #ffffff;
    border: 1.5px dashed #e2e8f0;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.15s ease;
}

.upload-label:hover[b-sdo6gpugkj] {
    border-color: #3b82f6;
    color: #3b82f6;
    background: #eff6ff;
}

.upload-spinner[b-sdo6gpugkj] {
    width: 14px;
    height: 14px;
    border: 2px solid #e2e8f0;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-sdo6gpugkj 0.8s linear infinite;
}

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

/* Meta Section */
.meta-section[b-sdo6gpugkj] {
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.meta-items[b-sdo6gpugkj] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.meta-item[b-sdo6gpugkj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.meta-label[b-sdo6gpugkj] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.meta-value[b-sdo6gpugkj] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #0f172a;
}

.meta-value.priority-1[b-sdo6gpugkj] {
    color: #dc2626;
}

.meta-value.priority-2[b-sdo6gpugkj] {
    color: #d97706;
}

.meta-value.priority-3[b-sdo6gpugkj] {
    color: #22c55e;
}

.meta-value.enabled[b-sdo6gpugkj] {
    color: #16a34a;
}

.meta-value.disabled[b-sdo6gpugkj] {
    color: #94a3b8;
}

/* Footer */
.detail-footer[b-sdo6gpugkj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.75rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

.footer-actions[b-sdo6gpugkj] {
    display: flex;
    gap: 0.5rem;
}

/* Buttons */
.btn-primary[b-sdo6gpugkj],
.btn-secondary[b-sdo6gpugkj],
.btn-outline[b-sdo6gpugkj] {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    transition: all 0.15s ease;
    border: none;
}

.btn-primary[b-sdo6gpugkj] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);
}

.btn-primary:hover[b-sdo6gpugkj] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    box-shadow: 0 4px 10px rgba(59, 130, 246, 0.4);
    transform: translateY(-1px);
}

.btn-secondary[b-sdo6gpugkj] {
    background: #ffffff;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-sdo6gpugkj] {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #475569;
}

.btn-outline[b-sdo6gpugkj] {
    background: transparent;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.btn-outline:hover[b-sdo6gpugkj] {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

/* ==========================================
   DARK THEME SUPPORT
   ========================================== */

:global([data-bs-theme="dark"]) .event-detail-overlay[b-sdo6gpugkj] {
    background: rgba(0, 0, 0, 0.9);
}

:global([data-bs-theme="dark"]) .event-detail-modal[b-sdo6gpugkj] {
    background: #1e293b;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6),
                0 0 0 1px rgba(255, 255, 255, 0.05);
}

:global([data-bs-theme="dark"]) .detail-header[b-sdo6gpugkj] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .event-title[b-sdo6gpugkj] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .event-title-hindi[b-sdo6gpugkj] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .status-badge.published[b-sdo6gpugkj] {
    background: rgba(22, 163, 74, 0.2);
    color: #4ade80;
}

:global([data-bs-theme="dark"]) .status-badge.draft[b-sdo6gpugkj] {
    background: rgba(217, 119, 6, 0.2);
    color: #fbbf24;
}

:global([data-bs-theme="dark"]) .status-badge.cancelled[b-sdo6gpugkj] {
    background: rgba(220, 38, 38, 0.2);
    color: #f87171;
}

:global([data-bs-theme="dark"]) .close-btn[b-sdo6gpugkj] {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .close-btn:hover[b-sdo6gpugkj] {
    background: #334155;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .detail-body[b-sdo6gpugkj] {
    background: #1e293b;
}

:global([data-bs-theme="dark"]) .info-card[b-sdo6gpugkj] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .card-value[b-sdo6gpugkj] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .section-title[b-sdo6gpugkj] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .section-title i[b-sdo6gpugkj] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .description-content[b-sdo6gpugkj] {
    background: #0f172a;
    border-color: #334155;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .audience-badge[b-sdo6gpugkj] {
    background: #334155;
    border-color: #475569;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .audience-badge.whole-school[b-sdo6gpugkj] {
    background: rgba(37, 99, 235, 0.15);
    border-color: rgba(59, 130, 246, 0.3);
    color: #60a5fa;
}

:global([data-bs-theme="dark"]) .audience-badge.specific[b-sdo6gpugkj] {
    background: rgba(217, 119, 6, 0.15);
    border-color: rgba(251, 191, 36, 0.3);
    color: #fbbf24;
}

:global([data-bs-theme="dark"]) .stat-card[b-sdo6gpugkj] {
    background: #0f172a;
}

:global([data-bs-theme="dark"]) .stat-card.sent[b-sdo6gpugkj] {
    background: rgba(37, 99, 235, 0.15);
}

:global([data-bs-theme="dark"]) .stat-card.read[b-sdo6gpugkj] {
    background: rgba(22, 163, 74, 0.15);
}

:global([data-bs-theme="dark"]) .stat-card.unread[b-sdo6gpugkj] {
    background: rgba(217, 119, 6, 0.15);
}

:global([data-bs-theme="dark"]) .stat-card.push[b-sdo6gpugkj] {
    background: rgba(99, 102, 241, 0.15);
}

:global([data-bs-theme="dark"]) .stat-value[b-sdo6gpugkj] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .dept-breakdown[b-sdo6gpugkj] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .dept-name[b-sdo6gpugkj] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .progress-bar[b-sdo6gpugkj] {
    background: #334155;
}

:global([data-bs-theme="dark"]) .notification-times[b-sdo6gpugkj] {
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .unpublished-notice[b-sdo6gpugkj] {
    background: #334155;
}

:global([data-bs-theme="dark"]) .attachment-item[b-sdo6gpugkj] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .attachment-icon[b-sdo6gpugkj] {
    background: #334155;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .attachment-name[b-sdo6gpugkj] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .attachment-delete:hover[b-sdo6gpugkj] {
    background: rgba(220, 38, 38, 0.2);
    color: #f87171;
}

:global([data-bs-theme="dark"]) .no-attachments[b-sdo6gpugkj] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .upload-label[b-sdo6gpugkj] {
    background: #1e293b;
    border-color: #334155;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .upload-label:hover[b-sdo6gpugkj] {
    border-color: #3b82f6;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.1);
}

:global([data-bs-theme="dark"]) .meta-section[b-sdo6gpugkj] {
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .meta-value[b-sdo6gpugkj] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .detail-footer[b-sdo6gpugkj] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .btn-secondary[b-sdo6gpugkj] {
    background: #1e293b;
    color: #94a3b8;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .btn-secondary:hover[b-sdo6gpugkj] {
    background: #334155;
    border-color: #475569;
}

:global([data-bs-theme="dark"]) .btn-outline[b-sdo6gpugkj] {
    color: #94a3b8;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .btn-outline:hover[b-sdo6gpugkj] {
    background: #334155;
    border-color: #475569;
    color: #f8fafc;
}

/* ==========================================
   EXAM SLOTS SECTION
   ========================================== */

.exam-slots-section[b-sdo6gpugkj] {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1rem;
    border: 1px solid #e2e8f0;
}

.exam-slots-section .section-title[b-sdo6gpugkj] {
    margin-bottom: 1rem;
}

.slot-count-badge[b-sdo6gpugkj] {
    margin-left: auto;
    padding: 0.25rem 0.625rem;
    background: #eff6ff;
    border-radius: 6px;
    font-size: 0.6875rem;
    font-weight: 600;
    color: #3b82f6;
}

.exam-slots-container[b-sdo6gpugkj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.exam-date-group[b-sdo6gpugkj] {
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.date-header[b-sdo6gpugkj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    font-size: 0.8125rem;
    font-weight: 600;
}

.date-header i[b-sdo6gpugkj] {
    font-size: 0.75rem;
    opacity: 0.9;
}

.slots-table-wrapper[b-sdo6gpugkj] {
    overflow-x: auto;
}

.slots-table[b-sdo6gpugkj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.slots-table thead[b-sdo6gpugkj] {
    background: #f1f5f9;
}

.slots-table th[b-sdo6gpugkj] {
    padding: 0.625rem 0.75rem;
    text-align: left;
    font-weight: 600;
    color: #64748b;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #e2e8f0;
    white-space: nowrap;
}

.slots-table td[b-sdo6gpugkj] {
    padding: 0.625rem 0.75rem;
    color: #475569;
    border-bottom: 1px solid #f1f5f9;
    white-space: nowrap;
}

.slots-table tbody tr:last-child td[b-sdo6gpugkj] {
    border-bottom: none;
}

.slots-table tbody tr:hover[b-sdo6gpugkj] {
    background: #f8fafc;
}

.period-badge[b-sdo6gpugkj] {
    display: inline-flex;
    padding: 0.1875rem 0.5rem;
    background: #e0e7ff;
    color: #4338ca;
    border-radius: 4px;
    font-size: 0.6875rem;
    font-weight: 600;
}

.all-day-badge[b-sdo6gpugkj] {
    display: inline-flex;
    padding: 0.1875rem 0.5rem;
    background: #fef3c7;
    color: #92400e;
    border-radius: 4px;
    font-size: 0.6875rem;
    font-weight: 600;
}

.exam-source-info[b-sdo6gpugkj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e2e8f0;
    font-size: 0.75rem;
    color: #64748b;
}

.exam-source-info i[b-sdo6gpugkj] {
    color: #94a3b8;
}

/* Dark theme for exam slots */
:global([data-bs-theme="dark"]) .exam-slots-section[b-sdo6gpugkj] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .slot-count-badge[b-sdo6gpugkj] {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

:global([data-bs-theme="dark"]) .exam-date-group[b-sdo6gpugkj] {
    background: #1e293b;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .date-header[b-sdo6gpugkj] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

:global([data-bs-theme="dark"]) .slots-table thead[b-sdo6gpugkj] {
    background: #0f172a;
}

:global([data-bs-theme="dark"]) .slots-table th[b-sdo6gpugkj] {
    color: #94a3b8;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .slots-table td[b-sdo6gpugkj] {
    color: #cbd5e1;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .slots-table tbody tr:hover[b-sdo6gpugkj] {
    background: #0f172a;
}

:global([data-bs-theme="dark"]) .period-badge[b-sdo6gpugkj] {
    background: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}

:global([data-bs-theme="dark"]) .all-day-badge[b-sdo6gpugkj] {
    background: rgba(217, 119, 6, 0.2);
    color: #fbbf24;
}

:global([data-bs-theme="dark"]) .exam-source-info[b-sdo6gpugkj] {
    border-color: #334155;
    color: #94a3b8;
}

/* Responsive */
@media (max-width: 768px) {
    .event-detail-modal[b-sdo6gpugkj] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
    }

    .event-detail-overlay[b-sdo6gpugkj] {
        padding: 0;
    }

    .detail-header[b-sdo6gpugkj] {
        padding: 1rem;
    }

    .event-title[b-sdo6gpugkj] {
        font-size: 1.125rem;
    }

    .detail-body[b-sdo6gpugkj] {
        padding: 1rem;
    }

    .info-cards[b-sdo6gpugkj] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-sdo6gpugkj] {
        grid-template-columns: repeat(2, 1fr);
    }

    .detail-footer[b-sdo6gpugkj] {
        flex-direction: column;
        gap: 0.75rem;
        padding: 1rem;
    }

    .footer-actions[b-sdo6gpugkj] {
        width: 100%;
    }

    .footer-actions button[b-sdo6gpugkj] {
        flex: 1;
    }

    .btn-secondary[b-sdo6gpugkj] {
        width: 100%;
        justify-content: center;
    }
}
/* /Shared/Components/Calendar/EventFormModal.razor.rz.scp.css */
/* Event Form Modal - Modern SaaS-Style Design */
/* Aesthetic: Refined, Editorial - Clean with subtle personality */

/* Overlay - Solid dark background to prevent bleed-through */
.event-modal-overlay[b-jubrjxxfke] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.event-modal-overlay.visible[b-jubrjxxfke] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

/* Modal Container */
.event-modal[b-jubrjxxfke] {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.1);
    width: 100%;
    max-width: 720px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    transform: scale(0.95) translateY(20px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.event-modal-overlay.visible .event-modal[b-jubrjxxfke] {
    transform: scale(1) translateY(0);
    opacity: 1;
}

/* Header Section */
.modal-header-section[b-jubrjxxfke] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.5rem 1.75rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    border-radius: 16px 16px 0 0;
}

.header-content[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-icon[b-jubrjxxfke] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    flex-shrink: 0;
}

.header-text h2[b-jubrjxxfke] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 600;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.header-text p[b-jubrjxxfke] {
    margin: 0.25rem 0 0 0;
    font-size: 0.875rem;
    color: #94a3b8;
}

.close-btn[b-jubrjxxfke] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.close-btn:hover[b-jubrjxxfke] {
    background: #f1f5f9;
    color: #0f172a;
}

/* Step Indicator */
.step-indicator[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.75rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    gap: 0;
}

.step[b-jubrjxxfke] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.step-circle[b-jubrjxxfke] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: #94a3b8;
    transition: all 0.2s ease;
}

.step.active .step-circle[b-jubrjxxfke] {
    background: #3b82f6;
    border-color: #3b82f6;
    color: white;
    box-shadow: 0 0 0 4px #eff6ff;
}

.step.completed .step-circle[b-jubrjxxfke] {
    background: #10b981;
    border-color: #10b981;
    color: white;
}

.step-label[b-jubrjxxfke] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #94a3b8;
    transition: color 0.2s ease;
}

.step.active .step-label[b-jubrjxxfke] {
    color: #3b82f6;
    font-weight: 600;
}

.step.completed .step-label[b-jubrjxxfke] {
    color: #10b981;
}

.step-connector[b-jubrjxxfke] {
    width: 48px;
    height: 2px;
    background: #e2e8f0;
    margin: 0 0.5rem;
    margin-bottom: 1.5rem;
    transition: background 0.3s ease;
}

.step-connector.completed[b-jubrjxxfke] {
    background: #10b981;
}

/* Body Section */
.modal-body-section[b-jubrjxxfke] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
    background: #ffffff;
}

/* Error/Warning Banners */
.error-banner[b-jubrjxxfke],
.warning-banner[b-jubrjxxfke] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    margin: 1rem 1.5rem 0;
    border-radius: 10px;
    font-size: 0.875rem;
}

.error-banner[b-jubrjxxfke] {
    background: #fef2f2;
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.warning-banner[b-jubrjxxfke] {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.error-banner button[b-jubrjxxfke],
.warning-banner button[b-jubrjxxfke] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.15s;
    color: inherit;
}

.error-banner button:hover[b-jubrjxxfke],
.warning-banner button:hover[b-jubrjxxfke] {
    opacity: 1;
}

.warning-banner ul[b-jubrjxxfke] {
    margin: 0.5rem 0 0 0;
    padding-left: 1.25rem;
}

/* Step Content */
.step-content[b-jubrjxxfke] {
    display: none;
    animation: fadeSlideIn-b-jubrjxxfke 0.3s ease;
}

.step-content.active[b-jubrjxxfke] {
    display: block;
}

@keyframes fadeSlideIn-b-jubrjxxfke {
    from {
        opacity: 0;
        transform: translateX(10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.form-section[b-jubrjxxfke] {
    padding: 1.5rem 1.75rem;
}

.section-title[b-jubrjxxfke] {
    font-size: 1rem;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 1.25rem 0;
    letter-spacing: -0.01em;
}

/* Field Styles */
.field-group[b-jubrjxxfke] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
}

.field-group.full-width[b-jubrjxxfke] {
    grid-column: 1 / -1;
}

.field-row[b-jubrjxxfke] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.field-label[b-jubrjxxfke] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
}

.field-label.required[b-jubrjxxfke]::after {
    content: " *";
    color: #ef4444;
}

.field-input[b-jubrjxxfke],
.field-select[b-jubrjxxfke],
.field-textarea[b-jubrjxxfke] {
    padding: 0.75rem 1rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.9375rem;
    color: #0f172a;
    background: #ffffff;
    transition: all 0.15s ease;
    width: 100%;
}

.field-input:focus[b-jubrjxxfke],
.field-select:focus[b-jubrjxxfke],
.field-textarea:focus[b-jubrjxxfke] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px #eff6ff;
}

.field-input.large[b-jubrjxxfke] {
    font-size: 1.125rem;
    padding: 0.875rem 1rem;
}

.field-input[b-jubrjxxfke]::placeholder,
.field-textarea[b-jubrjxxfke]::placeholder {
    color: #94a3b8;
}

.field-textarea[b-jubrjxxfke] {
    resize: vertical;
    min-height: 100px;
    line-height: 1.6;
}

.char-count[b-jubrjxxfke] {
    position: absolute;
    right: 0.75rem;
    bottom: -1.25rem;
    font-size: 0.7rem;
    color: #94a3b8;
}

/* Select Wrapper */
.select-wrapper[b-jubrjxxfke] {
    position: relative;
}

.select-wrapper .field-select[b-jubrjxxfke] {
    appearance: none;
    padding-right: 2.5rem;
    cursor: pointer;
}

.select-icon[b-jubrjxxfke] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
    font-size: 0.75rem;
}

/* Priority Selector */
.priority-selector[b-jubrjxxfke] {
    display: flex;
    gap: 0.5rem;
}

.priority-btn[b-jubrjxxfke] {
    flex: 1;
    padding: 0.625rem 0.75rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    color: #94a3b8;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    transition: all 0.15s ease;
}

.priority-btn:hover[b-jubrjxxfke] {
    border-color: #94a3b8;
    color: #475569;
}

.priority-btn.active.high[b-jubrjxxfke] {
    background: #fef2f2;
    border-color: #ef4444;
    color: #ef4444;
}

.priority-btn.active.medium[b-jubrjxxfke] {
    background: #fffbeb;
    border-color: #f59e0b;
    color: #d97706;
}

.priority-btn.active.low[b-jubrjxxfke] {
    background: #f0fdf4;
    border-color: #22c55e;
    color: #16a34a;
}

/* Date Time Card */
.date-time-card[b-jubrjxxfke],
.option-card[b-jubrjxxfke] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}

.card-header[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.875rem 1rem;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
}

.card-header i[b-jubrjxxfke] {
    color: #3b82f6;
}

.optional-tag[b-jubrjxxfke] {
    margin-left: auto;
    font-size: 0.6875rem;
    font-weight: 500;
    color: #94a3b8;
    background: #f1f5f9;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.card-body[b-jubrjxxfke] {
    padding: 1rem;
}

.time-row[b-jubrjxxfke] {
    align-items: end;
}

.time-separator[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    padding-bottom: 0.75rem;
}

/* Toggle Switch */
.toggle-option[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.75rem 0;
    margin-top: 0.5rem;
}

.toggle-switch[b-jubrjxxfke] {
    position: relative;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}

.toggle-switch.small[b-jubrjxxfke] {
    width: 36px;
    height: 20px;
}

.toggle-switch input[b-jubrjxxfke] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-jubrjxxfke] {
    position: absolute;
    inset: 0;
    background: #e2e8f0;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.toggle-slider[b-jubrjxxfke]::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.toggle-switch.small .toggle-slider[b-jubrjxxfke]::before {
    width: 16px;
    height: 16px;
}

.toggle-switch input:checked + .toggle-slider[b-jubrjxxfke] {
    background: #3b82f6;
}

.toggle-switch input:checked + .toggle-slider[b-jubrjxxfke]::before {
    transform: translateX(20px);
}

.toggle-switch.small input:checked + .toggle-slider[b-jubrjxxfke]::before {
    transform: translateX(16px);
}

.toggle-label[b-jubrjxxfke] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.label-text[b-jubrjxxfke] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #0f172a;
}

.label-hint[b-jubrjxxfke] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* Venue Period Row */
.venue-period-row[b-jubrjxxfke] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 1.25rem;
}

/* Exam Source Notice */
.exam-source-notice[b-jubrjxxfke] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border: 1px solid #fbbf24;
    border-radius: 12px;
    margin-top: 1.25rem;
}

.exam-source-notice .notice-icon[b-jubrjxxfke] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #f59e0b;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.exam-source-notice .notice-content[b-jubrjxxfke] {
    flex: 1;
}

.exam-source-notice .notice-content strong[b-jubrjxxfke] {
    display: block;
    color: #92400e;
    font-size: 0.875rem;
    margin-bottom: 0.375rem;
}

.exam-source-notice .notice-content p[b-jubrjxxfke] {
    margin: 0;
    font-size: 0.8125rem;
    color: #78350f;
    line-height: 1.5;
}

.exam-source-notice .snapshot-values[b-jubrjxxfke] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.exam-source-notice .snapshot-badge[b-jubrjxxfke] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #78350f;
}

.exam-source-notice .snapshot-badge i[b-jubrjxxfke] {
    font-size: 0.625rem;
    opacity: 0.8;
}

/* Audience Selector */
.audience-selector[b-jubrjxxfke] {
    padding: 0.5rem 0;
}

.audience-options[b-jubrjxxfke] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.audience-card[b-jubrjxxfke] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem 1rem;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    background: #ffffff;
}

.audience-card:hover[b-jubrjxxfke] {
    border-color: #94a3b8;
    background: #f8fafc;
}

.audience-card.selected[b-jubrjxxfke] {
    border-color: #3b82f6;
    background: #eff6ff;
}

.audience-icon[b-jubrjxxfke] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

.audience-icon.whole-school[b-jubrjxxfke] {
    background: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%);
    color: #3b82f6;
}

.audience-icon.students[b-jubrjxxfke] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #d97706;
}

.audience-icon.employees[b-jubrjxxfke] {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    color: #059669;
}

.audience-info[b-jubrjxxfke] {
    text-align: center;
}

.audience-title[b-jubrjxxfke] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 0.25rem;
}

.audience-desc[b-jubrjxxfke] {
    font-size: 0.75rem;
    color: #94a3b8;
}

.check-indicator[b-jubrjxxfke] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #3b82f6;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.2s ease;
}

.audience-card.selected .check-indicator[b-jubrjxxfke] {
    opacity: 1;
    transform: scale(1);
}

/* Selection Panel */
.selection-panel[b-jubrjxxfke] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem;
    animation: fadeSlideIn-b-jubrjxxfke 0.2s ease;
}

.panel-header[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #0f172a;
}

.selection-tabs[b-jubrjxxfke] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.tab-btn[b-jubrjxxfke] {
    padding: 0.5rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    color: #475569;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.15s ease;
}

.tab-btn:hover[b-jubrjxxfke] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.tab-btn.active[b-jubrjxxfke] {
    background: #eff6ff;
    border-color: #3b82f6;
    color: #3b82f6;
}

.selection-grid[b-jubrjxxfke] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    max-height: 200px;
    overflow-y: auto;
    padding: 0.25rem;
}

.selection-item[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 0.8125rem;
    background: #ffffff;
}

.selection-item:hover[b-jubrjxxfke] {
    border-color: #94a3b8;
}

.selection-item.selected[b-jubrjxxfke] {
    background: #eff6ff;
    border-color: #3b82f6;
}

.selection-item input[b-jubrjxxfke] {
    display: none;
}

.item-check[b-jubrjxxfke] {
    width: 18px;
    height: 18px;
    border: 1.5px solid #e2e8f0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    color: transparent;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.selection-item.selected .item-check[b-jubrjxxfke] {
    background: #3b82f6;
    border-color: #3b82f6;
    color: white;
}

.item-label[b-jubrjxxfke] {
    color: #475569;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selection-item.selected .item-label[b-jubrjxxfke] {
    color: #0f172a;
    font-weight: 500;
}

.selection-item.compact[b-jubrjxxfke] {
    padding: 0.375rem 0.625rem;
    font-size: 0.75rem;
}

.selection-warning[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #fffbeb;
    border-radius: 8px;
    font-size: 0.8125rem;
    color: #92400e;
    margin-top: 0.75rem;
}

/* Employee Mode Selector */
.emp-mode-selector[b-jubrjxxfke] {
    display: flex;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 1rem;
}

.mode-option[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
}

.mode-option input[b-jubrjxxfke] {
    display: none;
}

.mode-indicator[b-jubrjxxfke] {
    width: 18px;
    height: 18px;
    border: 2px solid #e2e8f0;
    border-radius: 50%;
    position: relative;
    transition: all 0.15s ease;
}

.mode-option.selected .mode-indicator[b-jubrjxxfke] {
    border-color: #3b82f6;
}

.mode-option.selected .mode-indicator[b-jubrjxxfke]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    background: #3b82f6;
    border-radius: 50%;
}

.mode-text[b-jubrjxxfke] {
    color: #475569;
    font-weight: 500;
}

.mode-option.selected .mode-text[b-jubrjxxfke] {
    color: #0f172a;
}

/* Department Grid */
.dept-grid[b-jubrjxxfke] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.dept-card[b-jubrjxxfke] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.dept-header[b-jubrjxxfke] {
    padding: 0.625rem 0.875rem;
    background: #f8fafc;
    font-size: 0.75rem;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid #e2e8f0;
}

.dept-items[b-jubrjxxfke] {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    max-height: 150px;
    overflow-y: auto;
}

/* Settings Grid */
.settings-grid[b-jubrjxxfke] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.setting-card[b-jubrjxxfke] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.setting-icon[b-jubrjxxfke] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    flex-shrink: 0;
}

.setting-icon.mobile[b-jubrjxxfke] {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
    color: #6366f1;
}

.setting-icon.notify[b-jubrjxxfke] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #d97706;
}

.setting-content[b-jubrjxxfke] {
    flex: 1;
    min-width: 0;
}

.setting-header[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.setting-title[b-jubrjxxfke] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
}

.setting-desc[b-jubrjxxfke] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* Number Input */
.number-input[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.25rem;
}

.number-input button[b-jubrjxxfke] {
    width: 24px;
    height: 24px;
    border: none;
    background: #f8fafc;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 0.625rem;
    transition: all 0.15s ease;
}

.number-input button:hover[b-jubrjxxfke] {
    background: #eff6ff;
    color: #3b82f6;
}

.number-input span[b-jubrjxxfke] {
    min-width: 24px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
}

/* Summary Preview */
.summary-preview[b-jubrjxxfke] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}

.summary-header[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #475569;
}

.summary-header i[b-jubrjxxfke] {
    color: #3b82f6;
}

.summary-content[b-jubrjxxfke] {
    padding: 1rem;
}

.preview-title[b-jubrjxxfke] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 0.75rem;
}

.preview-meta[b-jubrjxxfke] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.meta-item[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: #475569;
}

.meta-item i[b-jubrjxxfke] {
    color: #94a3b8;
    font-size: 0.75rem;
}

.preview-desc[b-jubrjxxfke] {
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.6;
    padding-top: 0.75rem;
    border-top: 1px solid #e2e8f0;
}

/* Footer Section */
.modal-footer-section[b-jubrjxxfke] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.75rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 16px 16px;
}

.footer-actions[b-jubrjxxfke] {
    display: flex;
    gap: 0.75rem;
}

/* Buttons */
.btn-primary[b-jubrjxxfke],
.btn-secondary[b-jubrjxxfke],
.btn-outline[b-jubrjxxfke] {
    padding: 0.625rem 1.25rem;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.15s ease;
    border: none;
}

.btn-primary[b-jubrjxxfke] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

.btn-primary:hover:not(:disabled)[b-jubrjxxfke] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
    transform: translateY(-1px);
}

.btn-primary:disabled[b-jubrjxxfke] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.btn-primary.submit[b-jubrjxxfke] {
    padding: 0.75rem 1.5rem;
}

.btn-secondary[b-jubrjxxfke] {
    background: #ffffff;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-jubrjxxfke] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.btn-outline[b-jubrjxxfke] {
    background: transparent;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-outline:hover[b-jubrjxxfke] {
    background: #f8fafc;
    border-color: #94a3b8;
}

/* Spinner */
.spinner[b-jubrjxxfke] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-jubrjxxfke 0.8s linear infinite;
}

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

/* ==========================================
   DARK THEME SUPPORT
   ========================================== */

/* Dark mode via data attribute on body or via prefers-color-scheme */
:global([data-bs-theme="dark"]) .event-modal-overlay[b-jubrjxxfke],
@media (prefers-color-scheme: dark)[b-jubrjxxfke] {
    .event-modal-overlay {
        background: rgba(0, 0, 0, 0.9);
    }
}

:global([data-bs-theme="dark"]) .event-modal[b-jubrjxxfke] {
    background: #1e293b;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6),
                0 0 0 1px rgba(255, 255, 255, 0.05);
}

:global([data-bs-theme="dark"]) .modal-header-section[b-jubrjxxfke] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .header-text h2[b-jubrjxxfke] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .header-text p[b-jubrjxxfke] {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .close-btn[b-jubrjxxfke] {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .close-btn:hover[b-jubrjxxfke] {
    background: #334155;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .step-indicator[b-jubrjxxfke] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .step-circle[b-jubrjxxfke] {
    background: #1e293b;
    border-color: #334155;
    color: #64748b;
}

:global([data-bs-theme="dark"]) .step-connector[b-jubrjxxfke] {
    background: #334155;
}

:global([data-bs-theme="dark"]) .modal-body-section[b-jubrjxxfke] {
    background: #1e293b;
}

:global([data-bs-theme="dark"]) .field-label[b-jubrjxxfke] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .field-input[b-jubrjxxfke],
:global([data-bs-theme="dark"]) .field-select[b-jubrjxxfke],
:global([data-bs-theme="dark"]) .field-textarea[b-jubrjxxfke] {
    background: #0f172a;
    border-color: #334155;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .field-input:focus[b-jubrjxxfke],
:global([data-bs-theme="dark"]) .field-select:focus[b-jubrjxxfke],
:global([data-bs-theme="dark"]) .field-textarea:focus[b-jubrjxxfke] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

:global([data-bs-theme="dark"]) .field-input[b-jubrjxxfke]::placeholder,
:global([data-bs-theme="dark"]) .field-textarea[b-jubrjxxfke]::placeholder {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .priority-btn[b-jubrjxxfke] {
    background: #0f172a;
    border-color: #334155;
    color: #64748b;
}

:global([data-bs-theme="dark"]) .priority-btn:hover[b-jubrjxxfke] {
    border-color: #64748b;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .priority-btn.active.high[b-jubrjxxfke] {
    background: rgba(239, 68, 68, 0.15);
    border-color: #ef4444;
}

:global([data-bs-theme="dark"]) .priority-btn.active.medium[b-jubrjxxfke] {
    background: rgba(245, 158, 11, 0.15);
    border-color: #f59e0b;
}

:global([data-bs-theme="dark"]) .priority-btn.active.low[b-jubrjxxfke] {
    background: rgba(34, 197, 94, 0.15);
    border-color: #22c55e;
}

:global([data-bs-theme="dark"]) .date-time-card[b-jubrjxxfke],
:global([data-bs-theme="dark"]) .option-card[b-jubrjxxfke] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .card-header[b-jubrjxxfke] {
    background: #1e293b;
    border-color: #334155;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .card-body[b-jubrjxxfke] {
    background: #0f172a;
}

:global([data-bs-theme="dark"]) .toggle-slider[b-jubrjxxfke] {
    background: #334155;
}

:global([data-bs-theme="dark"]) .toggle-slider[b-jubrjxxfke]::before {
    background: #94a3b8;
}

:global([data-bs-theme="dark"]) .toggle-switch input:checked + .toggle-slider[b-jubrjxxfke]::before {
    background: #ffffff;
}

:global([data-bs-theme="dark"]) .label-text[b-jubrjxxfke] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .audience-card[b-jubrjxxfke] {
    background: #0f172a;
    border-color: #334155;
}

/* Exam Source Notice - Dark Theme */
:global([data-bs-theme="dark"]) .exam-source-notice[b-jubrjxxfke] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(251, 191, 36, 0.1) 100%);
    border-color: rgba(245, 158, 11, 0.4);
}

:global([data-bs-theme="dark"]) .exam-source-notice .notice-icon[b-jubrjxxfke] {
    background: #d97706;
}

:global([data-bs-theme="dark"]) .exam-source-notice .notice-content strong[b-jubrjxxfke] {
    color: #fbbf24;
}

:global([data-bs-theme="dark"]) .exam-source-notice .notice-content p[b-jubrjxxfke] {
    color: #fcd34d;
}

:global([data-bs-theme="dark"]) .exam-source-notice .snapshot-badge[b-jubrjxxfke] {
    background: rgba(30, 41, 59, 0.8);
    color: #fcd34d;
}

:global([data-bs-theme="dark"]) .audience-card:hover[b-jubrjxxfke] {
    background: #1e293b;
    border-color: #475569;
}

:global([data-bs-theme="dark"]) .audience-card.selected[b-jubrjxxfke] {
    background: rgba(59, 130, 246, 0.1);
    border-color: #3b82f6;
}

:global([data-bs-theme="dark"]) .audience-title[b-jubrjxxfke] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .audience-desc[b-jubrjxxfke] {
    color: #64748b;
}

:global([data-bs-theme="dark"]) .selection-panel[b-jubrjxxfke] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .panel-header[b-jubrjxxfke] {
    border-color: #334155;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .tab-btn[b-jubrjxxfke] {
    background: #1e293b;
    border-color: #334155;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .tab-btn:hover[b-jubrjxxfke] {
    background: #334155;
}

:global([data-bs-theme="dark"]) .tab-btn.active[b-jubrjxxfke] {
    background: rgba(59, 130, 246, 0.15);
    border-color: #3b82f6;
    color: #3b82f6;
}

:global([data-bs-theme="dark"]) .selection-item[b-jubrjxxfke] {
    background: #1e293b;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .selection-item:hover[b-jubrjxxfke] {
    border-color: #475569;
}

:global([data-bs-theme="dark"]) .selection-item.selected[b-jubrjxxfke] {
    background: rgba(59, 130, 246, 0.15);
    border-color: #3b82f6;
}

:global([data-bs-theme="dark"]) .item-check[b-jubrjxxfke] {
    border-color: #475569;
}

:global([data-bs-theme="dark"]) .item-label[b-jubrjxxfke] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .selection-item.selected .item-label[b-jubrjxxfke] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .emp-mode-selector[b-jubrjxxfke] {
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .mode-indicator[b-jubrjxxfke] {
    border-color: #475569;
}

:global([data-bs-theme="dark"]) .mode-text[b-jubrjxxfke] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .mode-option.selected .mode-text[b-jubrjxxfke] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .dept-card[b-jubrjxxfke] {
    background: #1e293b;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .dept-header[b-jubrjxxfke] {
    background: #0f172a;
    border-color: #334155;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .setting-card[b-jubrjxxfke] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .setting-title[b-jubrjxxfke] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .number-input[b-jubrjxxfke] {
    background: #1e293b;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .number-input button[b-jubrjxxfke] {
    background: #334155;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .number-input button:hover[b-jubrjxxfke] {
    background: #475569;
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .number-input span[b-jubrjxxfke] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .summary-preview[b-jubrjxxfke] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .summary-header[b-jubrjxxfke] {
    background: #1e293b;
    border-color: #334155;
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .preview-title[b-jubrjxxfke] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .preview-meta[b-jubrjxxfke] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .meta-item[b-jubrjxxfke] {
    color: #94a3b8;
}

:global([data-bs-theme="dark"]) .preview-desc[b-jubrjxxfke] {
    color: #94a3b8;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .modal-footer-section[b-jubrjxxfke] {
    background: #0f172a;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .btn-secondary[b-jubrjxxfke] {
    background: #1e293b;
    color: #94a3b8;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .btn-secondary:hover[b-jubrjxxfke] {
    background: #334155;
    border-color: #475569;
}

:global([data-bs-theme="dark"]) .btn-outline[b-jubrjxxfke] {
    color: #94a3b8;
    border-color: #334155;
}

:global([data-bs-theme="dark"]) .btn-outline:hover[b-jubrjxxfke] {
    background: #334155;
    border-color: #475569;
}

:global([data-bs-theme="dark"]) .section-title[b-jubrjxxfke] {
    color: #f8fafc;
}

:global([data-bs-theme="dark"]) .optional-tag[b-jubrjxxfke] {
    background: #334155;
    color: #64748b;
}

:global([data-bs-theme="dark"]) .selection-warning[b-jubrjxxfke] {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

:global([data-bs-theme="dark"]) .error-banner[b-jubrjxxfke] {
    background: rgba(239, 68, 68, 0.15);
}

:global([data-bs-theme="dark"]) .warning-banner[b-jubrjxxfke] {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

/* Responsive */
@media (max-width: 768px) {
    .event-modal[b-jubrjxxfke] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
        margin: 0;
    }

    .event-modal-overlay[b-jubrjxxfke] {
        padding: 0;
    }

    .modal-header-section[b-jubrjxxfke] {
        border-radius: 0;
        padding: 1rem;
    }

    .header-icon[b-jubrjxxfke] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }

    .header-text h2[b-jubrjxxfke] {
        font-size: 1.125rem;
    }

    .step-indicator[b-jubrjxxfke] {
        padding: 1rem;
        overflow-x: auto;
    }

    .step-label[b-jubrjxxfke] {
        display: none;
    }

    .step-connector[b-jubrjxxfke] {
        width: 32px;
        margin-bottom: 0;
    }

    .form-section[b-jubrjxxfke] {
        padding: 1rem;
    }

    .field-row[b-jubrjxxfke] {
        grid-template-columns: 1fr;
    }

    .venue-period-row[b-jubrjxxfke] {
        grid-template-columns: 1fr;
    }

    .audience-options[b-jubrjxxfke] {
        grid-template-columns: 1fr;
    }

    .selection-grid[b-jubrjxxfke] {
        grid-template-columns: repeat(2, 1fr);
    }

    .settings-grid[b-jubrjxxfke] {
        grid-template-columns: 1fr;
    }

    .dept-grid[b-jubrjxxfke] {
        grid-template-columns: 1fr;
    }

    .modal-footer-section[b-jubrjxxfke] {
        flex-direction: column;
        gap: 0.75rem;
        padding: 1rem;
    }

    .footer-actions[b-jubrjxxfke] {
        width: 100%;
    }

    .footer-actions button[b-jubrjxxfke] {
        flex: 1;
    }

    .btn-secondary[b-jubrjxxfke] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .priority-selector[b-jubrjxxfke] {
        flex-direction: column;
    }

    .emp-mode-selector[b-jubrjxxfke] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .selection-grid[b-jubrjxxfke] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/Components/Calendar/MySubmittedRequests.razor.rz.scp.css */
.submitted-requests-section[b-zgs7czvvvc] {
        background: var(--bg-primary, #fff);
        border-radius: var(--radius-lg, 8px);
        border: 1px solid var(--border-color, #e5e7eb);
        padding: 1rem;
        margin-bottom: 1.5rem;
    }

    .section-header[b-zgs7czvvvc] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid var(--border-color, #e5e7eb);
    }

    .section-header h5[b-zgs7czvvvc] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
        color: var(--text-primary, #1f2937);
    }

    .empty-state[b-zgs7czvvvc] {
        text-align: center;
        padding: 2rem;
    }

    .empty-state i[b-zgs7czvvvc] {
        font-size: 2rem;
        margin-bottom: 0.5rem;
        display: block;
    }

    .requests-list[b-zgs7czvvvc] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .request-item[b-zgs7czvvvc] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.75rem;
        background: var(--bg-secondary, #f9fafb);
        border-radius: var(--radius-md, 6px);
        transition: background 0.2s;
    }

    .request-item:hover[b-zgs7czvvvc] {
        background: var(--bg-hover, #f3f4f6);
    }

    .request-color[b-zgs7czvvvc] {
        width: 4px;
        height: 40px;
        border-radius: 2px;
        flex-shrink: 0;
    }

    .request-info[b-zgs7czvvvc] {
        flex: 1;
        min-width: 0;
    }

    .request-title[b-zgs7czvvvc] {
        font-weight: 500;
        font-size: 0.875rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--text-primary, #1f2937);
    }

    .request-meta[b-zgs7czvvvc] {
        display: flex;
        gap: 0.75rem;
        font-size: 0.75rem;
        color: var(--text-muted, #6b7280);
        margin-top: 0.25rem;
    }

    .request-status[b-zgs7czvvvc] {
        flex-shrink: 0;
    }

    .request-status .badge[b-zgs7czvvvc] {
        font-size: 0.7rem;
        font-weight: 500;
    }
/* /Shared/Components/Calendar/PeriodSlotSelector.razor.rz.scp.css */
.period-slot-selector[b-f7ge9kibns] {
    padding: 0.75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    background: var(--bs-body-bg);
}

.mode-selection .btn-group[b-f7ge9kibns] {
    width: 100%;
}

.mode-selection .btn[b-f7ge9kibns] {
    flex: 1;
}

.shift-info[b-f7ge9kibns] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--bs-border-color-translucent);
}

.time-summary[b-f7ge9kibns] {
    font-size: 0.9rem;
}

.form-label.small[b-f7ge9kibns] {
    font-size: 0.8rem;
    color: var(--bs-secondary);
    margin-bottom: 0.25rem;
}
/* /Shared/Components/Calendar/ProposeEventForm.razor.rz.scp.css */
.propose-page[b-5qxjtxkqyc] {
    padding: 1.5rem;
    max-width: 900px;
}

.page-header[b-5qxjtxkqyc] {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.header-left[b-5qxjtxkqyc] {
    display: flex;
    align-items: center;
}

.header-left h1[b-5qxjtxkqyc] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
}

.header-left .text-muted[b-5qxjtxkqyc] {
    font-size: 0.875rem;
    margin: 0;
}

.form-container[b-5qxjtxkqyc] {
    background: var(--bg-primary);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-color);
    padding: 1.5rem;
}

.form-section[b-5qxjtxkqyc] {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.form-section:last-of-type[b-5qxjtxkqyc] {
    border-bottom: none;
    margin-bottom: 1rem;
}

.form-section h5[b-5qxjtxkqyc] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.form-actions[b-5qxjtxkqyc] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding-top: 1rem;
}

[b-5qxjtxkqyc] .nav-tabs .nav-link {
    font-size: 0.85rem;
    padding: 0.5rem 1rem;
    color: var(--text-muted);
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    cursor: pointer;
}

[b-5qxjtxkqyc] .nav-tabs .nav-link:hover {
    color: var(--text-primary);
}

[b-5qxjtxkqyc] .nav-tabs .nav-link.active {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

[b-5qxjtxkqyc] .nav-tabs-sm .nav-link {
    font-size: 0.8rem !important;
    padding: 0.375rem 0.75rem !important;
}

.class-group-grid[b-5qxjtxkqyc],
.class-grid[b-5qxjtxkqyc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    max-height: 200px;
    overflow-y: auto;
}

.class-group-grid .form-check[b-5qxjtxkqyc],
.class-grid .form-check[b-5qxjtxkqyc] {
    margin: 0;
    padding-left: 1.5rem;
}

.class-group-grid .form-check-label[b-5qxjtxkqyc],
.class-grid .form-check-label[b-5qxjtxkqyc] {
    font-size: 0.875rem;
}

.subdept-selection-grid[b-5qxjtxkqyc] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    max-height: 280px;
    overflow-y: auto;
    padding: 0.5rem;
}

.subdept-selection-grid .dept-group[b-5qxjtxkqyc] {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 0.75rem;
}

.subdept-selection-grid .dept-group .form-check[b-5qxjtxkqyc] {
    margin: 0.25rem 0;
    padding-left: 1.5rem;
}

.subdept-selection-grid .dept-group .form-check-label[b-5qxjtxkqyc] {
    font-size: 0.85rem;
}
/* /Shared/Components/Calendar/ReadOnlyCalendarView.razor.rz.scp.css */
.calendar-container[b-7ul9ik48go] {
        display: flex;
        gap: 1.5rem;
        padding: 1rem;
    }

    .calendar-sidebar[b-7ul9ik48go] {
        width: 250px;
        flex-shrink: 0;
    }

    .sidebar-section[b-7ul9ik48go] {
        background: var(--bg-primary);
        border-radius: var(--radius-lg);
        padding: 1rem;
        margin-bottom: 1rem;
        border: 1px solid var(--border-color);
    }

    .sidebar-section h6[b-7ul9ik48go] {
        font-size: 0.75rem;
        text-transform: uppercase;
        color: var(--text-muted);
        margin-bottom: 0.75rem;
        font-weight: 600;
    }

    .event-type-filters[b-7ul9ik48go] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .event-type-filter[b-7ul9ik48go] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        cursor: pointer;
    }

    .color-dot[b-7ul9ik48go] {
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }

    .quick-stats[b-7ul9ik48go] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .stat-item[b-7ul9ik48go] {
        display: flex;
        flex-direction: column;
    }

    .stat-value[b-7ul9ik48go] {
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--brand-blue);
    }

    .stat-label[b-7ul9ik48go] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }

    .upcoming-events[b-7ul9ik48go] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .upcoming-event[b-7ul9ik48go] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem;
        border-radius: var(--radius-md);
        cursor: pointer;
        transition: background 0.2s;
    }

    .upcoming-event:hover[b-7ul9ik48go] {
        background: var(--bg-secondary);
    }

    .event-color[b-7ul9ik48go] {
        width: 4px;
        height: 32px;
        border-radius: 2px;
    }

    .event-info[b-7ul9ik48go] {
        flex: 1;
        min-width: 0;
    }

    .event-title[b-7ul9ik48go] {
        font-size: 0.875rem;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .event-date[b-7ul9ik48go] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }

    .calendar-main[b-7ul9ik48go] {
        flex: 1;
        min-width: 0;
    }

    .calendar-grid[b-7ul9ik48go] {
        background: var(--bg-primary);
        border-radius: var(--radius-lg);
        border: 1px solid var(--border-color);
        overflow: hidden;
    }

    .calendar-weekdays[b-7ul9ik48go] {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        background: var(--bg-secondary);
        border-bottom: 1px solid var(--border-color);
    }

    .weekday[b-7ul9ik48go] {
        padding: 0.75rem;
        text-align: center;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--text-muted);
    }

    .calendar-days[b-7ul9ik48go] {
        display: flex;
        flex-direction: column;
    }

    .calendar-week[b-7ul9ik48go] {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
    }

    .calendar-day[b-7ul9ik48go] {
        min-height: 100px;
        padding: 0.5rem;
        border-right: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color);
        cursor: default;
    }

    .calendar-day:nth-child(7n)[b-7ul9ik48go] {
        border-right: none;
    }

    .calendar-day.other-month[b-7ul9ik48go] {
        background: var(--bg-secondary);
        opacity: 0.5;
    }

    .calendar-day.today[b-7ul9ik48go] {
        background: rgba(59, 130, 246, 0.1);
    }

    .calendar-day.holiday-day[b-7ul9ik48go] {
        cursor: default;
    }

    .day-header[b-7ul9ik48go] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.25rem;
    }

    .day-number[b-7ul9ik48go] {
        font-size: 0.875rem;
        font-weight: 500;
    }

    .day-number.holiday-number[b-7ul9ik48go] {
        color: #dc2626;
        font-weight: 600;
    }

    .more-events[b-7ul9ik48go] {
        font-size: 0.7rem;
        color: var(--text-muted);
    }

    .holiday-label[b-7ul9ik48go] {
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(100% - 24px);
    }

    .holiday-title[b-7ul9ik48go], .sunday-label[b-7ul9ik48go] {
        font-size: 0.75rem;
        font-weight: 600;
        color: #dc2626;
        text-align: center;
        cursor: pointer;
    }

    .sunday-label[b-7ul9ik48go] {
        color: #d97706;
        cursor: default;
    }

    .day-events[b-7ul9ik48go] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .day-event[b-7ul9ik48go] {
        padding: 2px 4px;
        border-radius: 3px;
        font-size: 0.7rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }

    .class-tag[b-7ul9ik48go] {
        font-size: 0.65rem;
        opacity: 0.9;
        margin-left: 2px;
    }

    .event-detail-info[b-7ul9ik48go] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .detail-row[b-7ul9ik48go] {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .detail-row i[b-7ul9ik48go] {
        color: var(--text-muted);
        width: 20px;
        margin-top: 2px;
    }

    .detail-row.description[b-7ul9ik48go] {
        margin-top: 0.5rem;
        padding-top: 0.5rem;
        border-top: 1px solid var(--border-color);
    }

    .detail-row.description p[b-7ul9ik48go] {
        margin: 0;
        color: var(--text-secondary);
    }

/* Mobile Sidebar Toggle - hidden on desktop */
.mobile-sidebar-toggle[b-7ul9ik48go] {
    display: none;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .calendar-container[b-7ul9ik48go] {
        flex-direction: column;
        gap: 1rem;
        padding: 0.75rem;
    }

    .mobile-sidebar-toggle[b-7ul9ik48go] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        width: 100%;
        padding: 0.75rem 1rem;
        background: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        color: #495057;
        font-size: 0.875rem;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.2s;
        order: -1;
    }

    .mobile-sidebar-toggle:hover[b-7ul9ik48go] {
        background: #e9ecef;
        border-color: #ced4da;
    }

    .mobile-sidebar-toggle i[b-7ul9ik48go] {
        font-size: 0.9rem;
    }

    .calendar-sidebar[b-7ul9ik48go] {
        width: 100%;
        order: 0;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding: 0;
        margin: 0;
        transition: all 0.3s ease;
    }

    .calendar-sidebar.mobile-visible[b-7ul9ik48go] {
        max-height: 500px;
        overflow-y: auto;
        opacity: 1;
        padding: 0;
        margin-bottom: 1rem;
    }

    .sidebar-section[b-7ul9ik48go] {
        padding: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .sidebar-section h6[b-7ul9ik48go] {
        font-size: 0.7rem;
        margin-bottom: 0.5rem;
    }

    .event-type-filter[b-7ul9ik48go] {
        font-size: 0.8rem;
    }

    .stat-value[b-7ul9ik48go] {
        font-size: 1.25rem;
    }

    .calendar-main[b-7ul9ik48go] {
        order: 1;
    }

    .calendar-grid[b-7ul9ik48go] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .calendar-weekdays[b-7ul9ik48go] {
        min-width: 560px;
    }

    .weekday[b-7ul9ik48go] {
        padding: 0.5rem 0.25rem;
        font-size: 0.65rem;
    }

    .calendar-week[b-7ul9ik48go] {
        min-width: 560px;
    }

    .calendar-day[b-7ul9ik48go] {
        min-height: 70px;
        padding: 0.35rem;
    }

    .day-number[b-7ul9ik48go] {
        font-size: 0.75rem;
    }

    .day-event[b-7ul9ik48go] {
        font-size: 0.6rem;
        padding: 1px 3px;
    }

    .more-events[b-7ul9ik48go] {
        font-size: 0.6rem;
    }

    .holiday-title[b-7ul9ik48go], .sunday-label[b-7ul9ik48go] {
        font-size: 0.65rem;
    }

    .class-tag[b-7ul9ik48go] {
        font-size: 0.55rem;
    }

    /* Modal adjustments */
    .modal-dialog[b-7ul9ik48go] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }

    .modal-body[b-7ul9ik48go] {
        padding: 1rem;
    }

    .detail-row[b-7ul9ik48go] {
        font-size: 0.875rem;
    }

    .upcoming-event[b-7ul9ik48go] {
        padding: 0.35rem;
    }

    .event-title[b-7ul9ik48go] {
        font-size: 0.8rem;
    }

    .event-date[b-7ul9ik48go] {
        font-size: 0.7rem;
    }

    .event-color[b-7ul9ik48go] {
        height: 24px;
    }
}

@media (max-width: 480px) {
    .calendar-container[b-7ul9ik48go] {
        padding: 0.5rem;
    }

    .mobile-sidebar-toggle[b-7ul9ik48go] {
        padding: 0.625rem 0.75rem;
        font-size: 0.8rem;
    }

    .sidebar-section[b-7ul9ik48go] {
        padding: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .sidebar-section h6[b-7ul9ik48go] {
        font-size: 0.65rem;
    }

    .event-type-filter[b-7ul9ik48go] {
        font-size: 0.75rem;
        gap: 0.35rem;
    }

    .color-dot[b-7ul9ik48go] {
        width: 10px;
        height: 10px;
    }

    .stat-value[b-7ul9ik48go] {
        font-size: 1.1rem;
    }

    .stat-label[b-7ul9ik48go] {
        font-size: 0.65rem;
    }

    .calendar-day[b-7ul9ik48go] {
        min-height: 60px;
        padding: 0.25rem;
    }

    .day-number[b-7ul9ik48go] {
        font-size: 0.7rem;
    }

    .weekday[b-7ul9ik48go] {
        font-size: 0.6rem;
        padding: 0.35rem 0.15rem;
    }

    .day-event[b-7ul9ik48go] {
        font-size: 0.55rem;
        padding: 1px 2px;
    }

    .holiday-title[b-7ul9ik48go], .sunday-label[b-7ul9ik48go] {
        font-size: 0.6rem;
    }

    .modal-header h5[b-7ul9ik48go] {
        font-size: 1rem;
    }

    .detail-row[b-7ul9ik48go] {
        font-size: 0.8rem;
        gap: 0.35rem;
    }

    .detail-row i[b-7ul9ik48go] {
        width: 16px;
        font-size: 0.8rem;
    }
}
/* /Shared/Components/Calendar/ReadOnlyListView.razor.rz.scp.css */
.filter-bar[b-sf6zbd3f6k] {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        padding: 1rem;
        background: var(--bg-secondary);
        border-radius: 8px;
        margin-bottom: 1rem;
    }
    .filter-group[b-sf6zbd3f6k] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }
    .filter-group label[b-sf6zbd3f6k] {
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--text-muted);
    }
    .filter-group select[b-sf6zbd3f6k], .filter-group input[b-sf6zbd3f6k] {
        min-width: 140px;
    }
    .loading-container[b-sf6zbd3f6k] {
        display: flex;
        justify-content: center;
        padding: 3rem;
    }
    .table-container[b-sf6zbd3f6k] {
        flex: 1;
        overflow-y: auto;
        background: var(--bg-primary);
        border-radius: 8px;
        border: 1px solid var(--border-color);
    }
    .event-table[b-sf6zbd3f6k] {
        margin-bottom: 0;
    }
    .event-table thead th[b-sf6zbd3f6k] {
        position: sticky;
        top: 0;
        background: var(--bg-secondary);
        border-bottom: 2px solid var(--border-color);
        font-size: 0.8rem;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--text-muted);
        padding: 0.75rem 1rem;
    }
    .event-table tbody td[b-sf6zbd3f6k] {
        padding: 0.75rem 1rem;
        vertical-align: middle;
    }
    .event-row[b-sf6zbd3f6k] {
        cursor: pointer;
        transition: background-color 0.15s;
    }
    .event-row:hover[b-sf6zbd3f6k] {
        background-color: var(--bg-hover);
    }
    .sortable[b-sf6zbd3f6k] {
        cursor: pointer;
        user-select: none;
    }
    .sortable:hover[b-sf6zbd3f6k] {
        color: var(--primary);
    }
    .date-cell[b-sf6zbd3f6k] {
        display: flex;
        flex-direction: column;
        line-height: 1.2;
    }
    .date-main[b-sf6zbd3f6k] {
        font-weight: 600;
    }
    .date-range[b-sf6zbd3f6k] {
        font-size: 0.8rem;
        color: var(--text-muted);
    }
    .date-year[b-sf6zbd3f6k] {
        font-size: 0.7rem;
        color: var(--text-muted);
    }
    .event-cell[b-sf6zbd3f6k] {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .event-color-dot[b-sf6zbd3f6k] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-top: 6px;
        flex-shrink: 0;
    }
    .event-info[b-sf6zbd3f6k] {
        display: flex;
        flex-direction: column;
    }
    .event-title[b-sf6zbd3f6k] {
        font-weight: 500;
    }
    .event-venue[b-sf6zbd3f6k] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }
    .type-badge[b-sf6zbd3f6k] {
        display: inline-block;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 500;
    }
    .target-badge[b-sf6zbd3f6k] {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        font-size: 0.75rem;
        background: var(--bg-secondary);
        color: var(--text-secondary);
    }
    .target-badge.all[b-sf6zbd3f6k] {
        background: #e0f2fe;
        color: #0369a1;
    }
    .target-badge.students[b-sf6zbd3f6k] {
        background: #f0fdf4;
        color: #166534;
    }
    .table-footer[b-sf6zbd3f6k] {
        padding: 0.75rem 1rem;
        background: var(--bg-secondary);
        border-radius: 0 0 8px 8px;
        font-size: 0.8rem;
        color: var(--text-muted);
    }
    .event-detail-info[b-sf6zbd3f6k] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .detail-row[b-sf6zbd3f6k] {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .detail-row i[b-sf6zbd3f6k] {
        color: var(--text-muted);
        width: 20px;
        margin-top: 2px;
    }
    .detail-row.description[b-sf6zbd3f6k] {
        margin-top: 0.5rem;
        padding-top: 0.5rem;
        border-top: 1px solid var(--border-color);
    }
    .detail-row.description p[b-sf6zbd3f6k] {
        margin: 0;
        color: var(--text-secondary);
    }
    /* Print styles */
    .print-header[b-sf6zbd3f6k], .print-footer[b-sf6zbd3f6k] {
        display: none;
    }
    @@media print {
        body *[b-sf6zbd3f6k] {
            visibility: hidden;
        }
        #printable-area[b-sf6zbd3f6k], #printable-area *[b-sf6zbd3f6k] {
            visibility: visible;
        }
        #printable-area[b-sf6zbd3f6k] {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
        }
        .print-header[b-sf6zbd3f6k], .print-footer[b-sf6zbd3f6k] {
            display: block;
            text-align: center;
            margin-bottom: 1rem;
        }
        .print-header h2[b-sf6zbd3f6k] {
            margin: 0;
            font-size: 1.2rem;
        }
        .print-header p[b-sf6zbd3f6k] {
            margin: 0;
            font-size: 0.8rem;
            color: #666;
        }
        .event-table[b-sf6zbd3f6k] {
            font-size: 0.8rem;
        }
        .event-table thead th[b-sf6zbd3f6k] {
            background: #f0f0f0 !important;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }
        .type-badge[b-sf6zbd3f6k], .target-badge[b-sf6zbd3f6k] {
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }
    }
/* /Shared/Components/Calendar/VenueSelector.razor.rz.scp.css */
.venue-selector[b-itcyo2pqk4] {
    padding: 0.75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    background: var(--bs-body-bg);
}

.venue-categories[b-itcyo2pqk4] {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 0.25rem;
}

.venue-categories .btn-group[b-itcyo2pqk4] {
    gap: 0.25rem;
}

.venue-list[b-itcyo2pqk4] {
    max-height: 300px;
    overflow-y: auto;
}

.venue-list .list-group-item[b-itcyo2pqk4] {
    cursor: pointer;
    transition: all 0.15s ease;
}

.venue-list .list-group-item:hover:not(.active)[b-itcyo2pqk4] {
    background-color: var(--bs-gray-100);
}

.selected-venue[b-itcyo2pqk4] {
    font-size: 0.9rem;
}
/* /Shared/Components/Global/ConnectionStatus.razor.rz.scp.css */
.connection-status[b-ols01c3rl9] {
        display: flex;
        align-items: center;
        gap: 0.45rem;
        padding: 0.35rem 0.7rem;
        border-radius: var(--radius-md);
        font-size: 0.825rem;
        font-weight: 500;
        transition: all 0.3s ease;
        height: 36px;
    }

    .connection-status.connected[b-ols01c3rl9] {
        background: rgba(34, 197, 94, 0.1);
        color: #16a34a;
    }

    .connection-status.disconnected[b-ols01c3rl9] {
        background: rgba(239, 68, 68, 0.1);
        color: #dc2626;
    }

    .connection-status.reconnecting[b-ols01c3rl9] {
        background: rgba(245, 158, 11, 0.1);
        color: #d97706;
    }

    .connection-status__icon[b-ols01c3rl9] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        width: 1.2rem;
        height: 1.2rem;
    }

    .connection-status__icon i[b-ols01c3rl9] {
        line-height: 1;
    }

    .connection-status__icon.pulse[b-ols01c3rl9] {
        animation: heartbeat 1.5s ease-in-out infinite;
    }

    .connection-status__label[b-ols01c3rl9] {
        white-space: nowrap;
    }

    @@keyframes heartbeat {
        0%[b-ols01c3rl9] {
            transform: scale(1);
            opacity: 1;
        }
        25%[b-ols01c3rl9] {
            transform: scale(1.15);
            opacity: 0.8;
        }
        50%[b-ols01c3rl9] {
            transform: scale(1);
            opacity: 1;
        }
        75%[b-ols01c3rl9] {
            transform: scale(1.1);
            opacity: 0.9;
        }
        100%[b-ols01c3rl9] {
            transform: scale(1);
            opacity: 1;
        }
    }

    /* Dark theme adjustments */
    [data-theme="dark"] .connection-status.connected[b-ols01c3rl9] {
        background: rgba(34, 197, 94, 0.15);
        color: #4ade80;
    }

    [data-theme="dark"] .connection-status.disconnected[b-ols01c3rl9] {
        background: rgba(239, 68, 68, 0.15);
        color: #f87171;
    }

    [data-theme="dark"] .connection-status.reconnecting[b-ols01c3rl9] {
        background: rgba(245, 158, 11, 0.15);
        color: #fbbf24;
    }
/* /Shared/Components/Global/NotificationBell.razor.rz.scp.css */
.notification-dropdown[b-e4fxwwq5ho] {
        position: relative;
        outline: none;
    }

    /* Ensure button container is positioned for badge */
    .notification-dropdown .nav-action-icon[b-e4fxwwq5ho] {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
    }

    /* Notification badge styling - small red circle at top-right */
    .notification-dropdown .nav-action-icon .badge[b-e4fxwwq5ho] {
        position: absolute;
        top: 2px;
        right: 2px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        font-size: 0.6rem;
        font-weight: 700;
        line-height: 16px;
        text-align: center;
        background: var(--error-text, #ef4444) !important;
        color: var(--btn-primary-text, #ffffff) !important;
        border-radius: 8px;
        border: 1px solid var(--card-bg, #ffffff);
        box-sizing: border-box;
    }

    .notification-panel[b-e4fxwwq5ho] {
        position: absolute;
        top: 100%;
        right: 0;
        width: 320px;
        background: var(--card-gradient);
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
        margin-top: 0.5rem;
        z-index: 1000;
        display: flex;
        flex-direction: column;
    }

    .notification-header[b-e4fxwwq5ho] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
        border-bottom: 1px solid var(--border);
        font-weight: 600;
        color: var(--text-primary);
    }

    .notification-header .btn-link[b-e4fxwwq5ho] {
        font-size: 0.75rem;
        color: var(--brand-blue);
        text-decoration: none;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
    }

    .notification-list[b-e4fxwwq5ho] {
        max-height: 300px;
        overflow-y: auto;
    }

    .notification-item[b-e4fxwwq5ho] {
        display: flex;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--border);
        transition: background-color 0.2s ease;
        cursor: pointer;
    }

    .notification-item:hover[b-e4fxwwq5ho] {
        background: var(--bg-secondary);
    }

    .notification-item.unread[b-e4fxwwq5ho] {
        background: rgba(59, 130, 246, 0.05);
    }

    .notification-icon[b-e4fxwwq5ho] {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: var(--bg-secondary);
        color: var(--brand-blue);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .notification-content[b-e4fxwwq5ho] {
        flex: 1;
    }

    .notification-title[b-e4fxwwq5ho] {
        font-size: 0.85rem;
        color: var(--text-primary);
        margin-bottom: 0.25rem;
    }

    .notification-time[b-e4fxwwq5ho] {
        font-size: 0.75rem;
        color: var(--text-muted);
    }

    .notification-empty[b-e4fxwwq5ho] {
        padding: 2rem;
        text-align: center;
        color: var(--text-muted);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }

    .notification-footer[b-e4fxwwq5ho] {
        padding: 0.75rem;
        text-align: center;
        border-top: 1px solid var(--border);
    }

    .notification-footer a[b-e4fxwwq5ho] {
        font-size: 0.85rem;
        color: var(--brand-blue);
        text-decoration: none;
        font-weight: 500;
    }
/* /Shared/Components/Global/NotificationToast.razor.rz.scp.css */
.notification-toast-container[b-dwfu3otfzl] {
        position: fixed;
        top: 80px;
        right: 20px;
        z-index: 10000;
        display: flex;
        flex-direction: column;
        gap: 10px;
        max-width: 380px;
    }

    .notification-toast[b-dwfu3otfzl] {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 14px 16px;
        background: var(--card-bg, #ffffff);
        border: 1px solid var(--border, #e5e7eb);
        border-radius: 12px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
        animation: slideIn 0.3s ease-out;
        transition: all 0.3s ease;
    }

    .notification-toast.exiting[b-dwfu3otfzl] {
        animation: slideOut 0.3s ease-in forwards;
    }

    .notification-toast.high-priority[b-dwfu3otfzl] {
        border-left: 4px solid #ef4444;
        background: linear-gradient(90deg, rgba(239, 68, 68, 0.05), transparent);
    }

    .notification-toast.medium-priority[b-dwfu3otfzl] {
        border-left: 4px solid #f59e0b;
    }

    .notification-toast__icon[b-dwfu3otfzl] {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        background: linear-gradient(135deg, var(--primary, #3b82f6), var(--primary-dark, #2563eb));
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .notification-toast__icon i[b-dwfu3otfzl] {
        color: white;
        font-size: 1rem;
    }

    .notification-toast.high-priority .notification-toast__icon[b-dwfu3otfzl] {
        background: linear-gradient(135deg, #ef4444, #dc2626);
    }

    .notification-toast__content[b-dwfu3otfzl] {
        flex: 1;
        min-width: 0;
    }

    .notification-toast__title[b-dwfu3otfzl] {
        font-weight: 600;
        font-size: 0.9rem;
        color: var(--text-primary, #111827);
        margin-bottom: 4px;
        line-height: 1.3;
    }

    .notification-toast__message[b-dwfu3otfzl] {
        font-size: 0.8rem;
        color: var(--text-secondary, #6b7280);
        line-height: 1.4;
    }

    .notification-toast__close[b-dwfu3otfzl] {
        background: none;
        border: none;
        color: var(--text-muted, #9ca3af);
        cursor: pointer;
        padding: 4px;
        border-radius: 4px;
        transition: all 0.2s;
        flex-shrink: 0;
    }

    .notification-toast__close:hover[b-dwfu3otfzl] {
        background: var(--bg-secondary, #f3f4f6);
        color: var(--text-primary, #111827);
    }

    @@keyframes slideIn {
        from[b-dwfu3otfzl] {
            opacity: 0;
            transform: translateX(100px);
        }
        to[b-dwfu3otfzl] {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @@keyframes slideOut {
        from[b-dwfu3otfzl] {
            opacity: 1;
            transform: translateX(0);
        }
        to[b-dwfu3otfzl] {
            opacity: 0;
            transform: translateX(100px);
        }
    }

    /* Dark theme */
    [data-theme="dark"] .notification-toast[b-dwfu3otfzl] {
        background: var(--card-bg, #1f2937);
        border-color: var(--border, #374151);
    }

    /* Mobile responsiveness */
    @@media (max-width: 480px) {
        .notification-toast-container[b-dwfu3otfzl] {
            left: 10px;
            right: 10px;
            max-width: none;
        }
    }
/* /Shared/Components/Global/SessionSelector.razor.rz.scp.css */
.session-selector[b-49liid2u9f] {
        position: relative;
    }

    .session-toggle[b-49liid2u9f] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.4rem 0.75rem;
        background: transparent;
        border: 1px solid transparent;
        border-radius: var(--radius-md);
        color: var(--text-primary);
        font-size: 0.9rem;
        cursor: pointer;
        transition: all 0.2s ease;
        height: 42px;
    }

    .session-toggle:hover[b-49liid2u9f] {
        background: var(--bg-secondary);
    }

    .session-text[b-49liid2u9f] {
        font-weight: 600;
    }

    .session-dropdown[b-49liid2u9f] {
        position: absolute;
        top: 100%;
        right: 0;
        margin-top: 0.5rem;
        background: var(--card-gradient);
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        min-width: 180px;
        z-index: 1000;
        padding: 0.5rem;
        max-height: 300px;
        overflow-y: auto;
    }

    .dropdown-item[b-49liid2u9f] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0.65rem 0.85rem;
        border: none;
        background: none;
        color: var(--text-primary);
        text-align: left;
        cursor: pointer;
        border-radius: var(--radius-sm);
        font-size: 0.9rem;
        transition: all 0.2s ease;
    }

    .dropdown-item:hover[b-49liid2u9f] {
        background: var(--bg-secondary);
    }

    .dropdown-item.active[b-49liid2u9f] {
        background: rgba(59, 130, 246, 0.1);
        color: var(--brand-blue);
        font-weight: 600;
    }

    .badge-current[b-49liid2u9f] {
        font-size: 0.65rem;
        background: var(--brand-blue);
        color: white;
        padding: 0.15rem 0.4rem;
        border-radius: 10px;
        font-weight: 600;
    }

    .loading[b-49liid2u9f] {
        color: var(--text-muted);
        justify-content: center;
    }
/* /Shared/Components/Navigation/ClassSubjectSelector.razor.rz.scp.css */
.class-subject-selector[b-s1d7doevgq] {
    position: relative;
    display: inline-block;
}

.selector-btn[b-s1d7doevgq] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem 1rem;
    background: var(--rd-bg-secondary);
    border: 1px solid var(--rd-border-color);
    border-radius: 8px;
    color: var(--rd-text-primary);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 200px;
    max-width: 320px;
}

.selector-btn:hover[b-s1d7doevgq] {
    background: var(--rd-bg-hover);
    border-color: var(--rd-primary);
}

.class-subject-selector.open .selector-btn[b-s1d7doevgq] {
    border-color: var(--rd-primary);
    box-shadow: 0 0 0 2px rgba(var(--rd-primary-rgb), 0.1);
}

.selector-text[b-s1d7doevgq] {
    flex: 1;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chevron-icon[b-s1d7doevgq] {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.class-subject-selector.open .chevron-icon[b-s1d7doevgq] {
    transform: rotate(180deg);
}

.selector-dropdown[b-s1d7doevgq] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    min-width: 280px;
    max-width: 360px;
    background: var(--rd-bg-primary);
    border: 1px solid var(--rd-border-color);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    z-index: 1050;
    overflow: hidden;
    animation: dropdownFadeIn-b-s1d7doevgq 0.15s ease;
}

@keyframes dropdownFadeIn-b-s1d7doevgq {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropdown-header[b-s1d7doevgq] {
    padding: 0.75rem 1rem;
    background: var(--rd-bg-secondary);
    border-bottom: 1px solid var(--rd-border-color);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--rd-text-muted);
}

.dropdown-loading[b-s1d7doevgq],
.dropdown-empty[b-s1d7doevgq] {
    padding: 1.5rem;
    text-align: center;
    color: var(--rd-text-muted);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.dropdown-loading i[b-s1d7doevgq],
.dropdown-empty i[b-s1d7doevgq] {
    font-size: 1.25rem;
}

.dropdown-items[b-s1d7doevgq] {
    max-height: 320px;
    overflow-y: auto;
    padding: 0.25rem;
}

.dropdown-item[b-s1d7doevgq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.75rem 1rem;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
}

.dropdown-item:hover[b-s1d7doevgq] {
    background: var(--rd-bg-hover);
}

.dropdown-item.selected[b-s1d7doevgq] {
    background: rgba(var(--rd-primary-rgb), 0.1);
    color: var(--rd-primary);
}

.dropdown-item.selected:hover[b-s1d7doevgq] {
    background: rgba(var(--rd-primary-rgb), 0.15);
}

.item-content[b-s1d7doevgq] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.class-section[b-s1d7doevgq] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--rd-text-primary);
}

.dropdown-item.selected .class-section[b-s1d7doevgq] {
    color: var(--rd-primary);
}

.subject[b-s1d7doevgq] {
    font-size: 0.8rem;
    color: var(--rd-text-muted);
}

.dropdown-item.selected .subject[b-s1d7doevgq] {
    color: var(--rd-primary);
    opacity: 0.8;
}

.dropdown-item i.fa-check[b-s1d7doevgq] {
    color: var(--rd-primary);
    font-size: 0.875rem;
}

.selector-backdrop[b-s1d7doevgq] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

/* Scrollbar styling for dropdown */
.dropdown-items[b-s1d7doevgq]::-webkit-scrollbar {
    width: 6px;
}

.dropdown-items[b-s1d7doevgq]::-webkit-scrollbar-track {
    background: var(--rd-bg-secondary);
}

.dropdown-items[b-s1d7doevgq]::-webkit-scrollbar-thumb {
    background: var(--rd-border-color);
    border-radius: 3px;
}

.dropdown-items[b-s1d7doevgq]::-webkit-scrollbar-thumb:hover {
    background: var(--rd-text-muted);
}
/* /Shared/Components/Navigation/NavNotifications.razor.rz.scp.css */
.nav-notifications[b-b9gzbjo9ep] {
        position: relative;
    }

    .nav-notifications.has-dropdown .nav-action-icon[b-b9gzbjo9ep] {
        cursor: pointer;
    }

    /* Ensure icon container is positioned for badge */
    .nav-notifications .nav-action-icon[b-b9gzbjo9ep] {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
    }

    /* Notification badge styling - small red circle at top-right */
    .nav-notifications .nav-action-icon .badge[b-b9gzbjo9ep] {
        position: absolute;
        top: 2px;
        right: 2px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        font-size: 0.6rem;
        font-weight: 700;
        line-height: 16px;
        text-align: center;
        background: #ef4444 !important;
        color: #ffffff !important;
        border-radius: 8px;
        border: 1px solid #ffffff;
        box-sizing: border-box;
    }

    .nav-notifications__dropdown[b-b9gzbjo9ep] {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        margin-top: 0.5rem;
        background: var(--card-gradient);
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
        min-width: 300px;
        max-height: 400px;
        overflow-y: auto;
        z-index: 9999;
    }

    /* Show dropdown on hover (desktop) */
    .nav-notifications:hover .nav-notifications__dropdown[b-b9gzbjo9ep] {
        display: block;
    }

    /* Show dropdown when clicked/focused (touch devices) */
    .nav-notifications:focus-within .nav-notifications__dropdown[b-b9gzbjo9ep] {
        display: block;
    }
/* /Shared/Components/Navigation/NavProfile.razor.rz.scp.css */
/* =============================================================================
   NavProfile.razor.css
   User profile dropdown component styles

   CSS Variable Dependencies (from _variables.css):
   - Colors: --bg-primary, --bg-secondary, --text-primary, --text-muted, --border
   - Brand: --brand-blue, --brand-primary
   - Spacing: --radius-sm, --radius-md
   - Z-Index: --z-dropdown
   - Shadows: --shadow-lg
   ============================================================================= */

.nav-profile[b-zt5hb2xu70] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-md);
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    height: 100%;
    max-height: 64px;
    box-sizing: border-box;
}

.nav-profile:hover[b-zt5hb2xu70] {
    background: var(--bg-secondary);
}

.nav-profile__avatar[b-zt5hb2xu70] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--brand-blue, var(--brand-primary));
    color: var(--text-inverse, white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.95rem;
    flex-shrink: 0;
    overflow: hidden;
}

.nav-profile__avatar img[b-zt5hb2xu70] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.nav-profile__meta[b-zt5hb2xu70] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
    overflow: hidden;
}

.nav-profile__name[b-zt5hb2xu70] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

.nav-profile__meta small[b-zt5hb2xu70] {
    font-size: 0.75rem;
    color: var(--text-muted);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-profile__caret[b-zt5hb2xu70] {
    font-size: 0.7rem;
    color: var(--text-muted);
    transition: transform 0.2s ease;
}

.nav-profile__caret.rotated[b-zt5hb2xu70] {
    transform: rotate(180deg);
}

/* =============================================================================
   DROPDOWN MENU
   ============================================================================= */

.nav-profile__menu[b-zt5hb2xu70] {
    display: none;
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg, 0 10px 40px rgba(0, 0, 0, 0.15));
    min-width: 220px;
    padding: 0.5rem;
    z-index: var(--z-dropdown, 1000);
}

.nav-profile.menu-open .nav-profile__menu[b-zt5hb2xu70] {
    display: flex;
    flex-direction: column;
}

.nav-profile__menu a[b-zt5hb2xu70],
.nav-profile__menu button:not(.mobile-action-btn)[b-zt5hb2xu70] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    color: var(--text-primary);
    text-decoration: none;
    border-radius: var(--radius-sm);
    font-size: 0.85rem;
    transition: all 0.2s ease;
    background: none;
    border: none;
    width: 100%;
    cursor: pointer;
    text-align: left;
}

.nav-profile__menu a:hover[b-zt5hb2xu70],
.nav-profile__menu button:not(.mobile-action-btn):hover[b-zt5hb2xu70] {
    background: var(--bg-secondary);
}

.nav-profile__menu a i[b-zt5hb2xu70],
.nav-profile__menu button i[b-zt5hb2xu70] {
    width: 16px;
    text-align: center;
    color: var(--text-muted);
}

.nav-profile__divider[b-zt5hb2xu70] {
    height: 1px;
    background: var(--border);
    margin: 0.5rem 0;
}

/* =============================================================================
   PHOTO UPLOAD MODAL
   ============================================================================= */

.modal-backdrop[b-zt5hb2xu70] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.photo-upload-modal[b-zt5hb2xu70] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--bg-primary, white);
    border-radius: var(--radius-md, 8px);
    box-shadow: var(--shadow-lg, 0 10px 40px rgba(0, 0, 0, 0.2));
    z-index: 1050;
    width: 90%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
}

.photo-upload-modal .modal-header[b-zt5hb2xu70] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border, #e5e7eb);
}

.photo-upload-modal .modal-header h5[b-zt5hb2xu70] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.photo-upload-modal .btn-close[b-zt5hb2xu70] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    opacity: 0.5;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo-upload-modal .btn-close:hover[b-zt5hb2xu70] {
    opacity: 1;
}

.photo-upload-modal .btn-close[b-zt5hb2xu70]::before {
    content: "×";
}

.photo-upload-modal .modal-body[b-zt5hb2xu70] {
    padding: 1.25rem;
}

.photo-upload-modal .current-photo[b-zt5hb2xu70] {
    text-align: center;
    margin-bottom: 1rem;
}

.photo-upload-modal .current-photo img[b-zt5hb2xu70] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--border, #e5e7eb);
}

.photo-upload-modal .upload-section[b-zt5hb2xu70] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.photo-upload-modal .modal-footer[b-zt5hb2xu70] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border, #e5e7eb);
}

.photo-upload-modal .btn[b-zt5hb2xu70] {
    padding: 0.5rem 1rem;
    border-radius: var(--radius-sm, 4px);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.photo-upload-modal .btn-secondary[b-zt5hb2xu70] {
    background: var(--bg-secondary, #f3f4f6);
    color: var(--text-primary, #1f2937);
}

.photo-upload-modal .btn-primary[b-zt5hb2xu70] {
    background: var(--brand-primary, #3b82f6);
    color: white;
}

.photo-upload-modal .btn-primary:disabled[b-zt5hb2xu70] {
    opacity: 0.6;
    cursor: not-allowed;
}

.photo-upload-modal .alert[b-zt5hb2xu70] {
    padding: 0.75rem 1rem;
    border-radius: var(--radius-sm, 4px);
    font-size: 0.875rem;
}

.photo-upload-modal .alert-danger[b-zt5hb2xu70] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.photo-upload-modal .alert-success[b-zt5hb2xu70] {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
}

.photo-upload-modal .spinner-border-sm[b-zt5hb2xu70] {
    width: 1rem;
    height: 1rem;
    border-width: 2px;
}

/* =============================================================================
   DARK THEME OVERRIDES
   ============================================================================= */

:global([data-theme="dark"]) .nav-profile__menu[b-zt5hb2xu70] {
    background: var(--bg-primary);
    box-shadow: var(--shadow-lg, 0 10px 40px rgba(0, 0, 0, 0.3));
}

:global([data-theme="dark"]) .photo-upload-modal[b-zt5hb2xu70] {
    background: var(--bg-primary);
}

:global([data-theme="dark"]) .photo-upload-modal .alert-danger[b-zt5hb2xu70] {
    background: #450a0a;
    color: #fca5a5;
    border-color: #7f1d1d;
}

:global([data-theme="dark"]) .photo-upload-modal .alert-success[b-zt5hb2xu70] {
    background: #052e16;
    color: #86efac;
    border-color: #166534;
}

/* =============================================================================
   MOBILE ACTION BUTTONS (in dropdown)
   ============================================================================= */

/* Hidden on desktop by default */
.nav-profile__mobile-actions[b-zt5hb2xu70],
.mobile-only-divider[b-zt5hb2xu70] {
    display: none;
}

.nav-profile__mobile-actions[b-zt5hb2xu70] {
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem;
}

.nav-profile__mobile-actions .mobile-action-btn[b-zt5hb2xu70] {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md, 8px);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    font-size: 1rem;
}

.nav-profile__mobile-actions .mobile-action-btn:hover[b-zt5hb2xu70] {
    background: var(--brand-blue-alpha, rgba(59, 130, 246, 0.1));
    color: var(--brand-blue);
    border-color: var(--brand-blue);
}

/* =============================================================================
   MOBILE RESPONSIVE
   ============================================================================= */

@media (max-width: 768px) {
    /* Show mobile actions in dropdown */
    .nav-profile__mobile-actions[b-zt5hb2xu70],
    .mobile-only-divider[b-zt5hb2xu70] {
        display: flex;
    }

    /* Hide name and role on mobile - show only avatar */
    .nav-profile__meta[b-zt5hb2xu70],
    .nav-profile__caret[b-zt5hb2xu70] {
        display: none !important;
    }

    .nav-profile[b-zt5hb2xu70] {
        padding: 0.35rem;
        gap: 0;
    }

    .nav-profile__avatar[b-zt5hb2xu70] {
        width: 34px;
        height: 34px;
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .nav-profile__avatar[b-zt5hb2xu70] {
        width: 30px;
        height: 30px;
        font-size: 0.8rem;
    }

    .nav-profile__mobile-actions .mobile-action-btn[b-zt5hb2xu70] {
        width: 40px;
        height: 40px;
    }
}
/* /Shared/Components/Navigation/NavQuickAction.razor.rz.scp.css */
.nav-quick-action[b-922kragnck] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .nav-quick-action__label[b-922kragnck] {
        font-size: 0.85rem;
        font-weight: 500;
    }

    .nav-quick-action.primary[b-922kragnck] {
        background: var(--brand-blue);
        color: white;
    }

    .nav-quick-action.primary:hover[b-922kragnck] {
        background: var(--brand-blue-dark, #2563eb);
    }
/* /Shared/Components/Navigation/NotificationBellDropdown.razor.rz.scp.css */
.notification-dropdown[b-l22paejzeq] {
        min-width: 320px;
        max-width: 360px;
    }

    .notification-dropdown__header[b-l22paejzeq] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--border-color);
    }

    .notification-dropdown__title[b-l22paejzeq] {
        font-weight: 600;
        font-size: 0.875rem;
    }

    .notification-dropdown__mark-all[b-l22paejzeq] {
        background: none;
        border: none;
        color: var(--primary);
        font-size: 0.75rem;
        cursor: pointer;
        padding: 0;
    }

    .notification-dropdown__mark-all:hover[b-l22paejzeq] {
        text-decoration: underline;
    }

    .notification-dropdown__list[b-l22paejzeq] {
        max-height: 300px;
        overflow-y: auto;
    }

    .notification-dropdown__loading[b-l22paejzeq],
    .notification-dropdown__empty[b-l22paejzeq] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        color: var(--text-secondary);
        gap: 0.5rem;
    }

    .notification-dropdown__empty i[b-l22paejzeq] {
        font-size: 2rem;
        opacity: 0.5;
    }

    .notification-dropdown__item[b-l22paejzeq] {
        display: flex;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
        cursor: pointer;
        transition: background-color 0.2s;
        position: relative;
    }

    .notification-dropdown__item:hover[b-l22paejzeq] {
        background-color: var(--bg-secondary);
    }

    .notification-dropdown__item.high-priority[b-l22paejzeq] {
        border-left: 3px solid var(--danger);
    }

    .notification-dropdown__icon[b-l22paejzeq] {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: var(--bg-secondary);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .notification-dropdown__icon i[b-l22paejzeq] {
        font-size: 0.875rem;
        color: var(--primary);
    }

    .notification-dropdown__content[b-l22paejzeq] {
        flex: 1;
        min-width: 0;
    }

    .notification-dropdown__item-title[b-l22paejzeq] {
        font-weight: 500;
        font-size: 0.875rem;
        margin-bottom: 0.125rem;
    }

    .notification-dropdown__item-message[b-l22paejzeq] {
        font-size: 0.75rem;
        color: var(--text-secondary);
        line-height: 1.4;
        margin-bottom: 0.25rem;
    }

    .notification-dropdown__item-time[b-l22paejzeq] {
        font-size: 0.625rem;
        color: var(--text-muted);
    }

    .notification-dropdown__priority-badge[b-l22paejzeq] {
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: var(--danger);
        color: white;
        font-size: 0.75rem;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .notification-dropdown__footer[b-l22paejzeq] {
        padding: 0.75rem 1rem;
        border-top: 1px solid var(--border-color);
        text-align: center;
    }

    .notification-dropdown__view-all[b-l22paejzeq] {
        font-size: 0.875rem;
        color: var(--primary);
        text-decoration: none;
    }

    .notification-dropdown__view-all:hover[b-l22paejzeq] {
        text-decoration: underline;
    }
/* /Shared/Components/PhotoUpload.razor.rz.scp.css */
.photo-upload-container[b-00nbktdfx6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

/* Preview Section */
.photo-preview-section[b-00nbktdfx6] {
    width: 120px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo-preview[b-00nbktdfx6] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.photo-preview img[b-00nbktdfx6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo-preview.existing[b-00nbktdfx6] {
    border: 2px solid #e5e7eb;
}

.existing-label[b-00nbktdfx6] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    font-size: 0.65rem;
    text-align: center;
    padding: 0.2rem;
}

.btn-remove[b-00nbktdfx6] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(239, 68, 68, 0.9);
    color: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.photo-preview:hover .btn-remove[b-00nbktdfx6] {
    opacity: 1;
}

.btn-remove:hover[b-00nbktdfx6] {
    background: #dc2626;
}

/* Placeholder */
.photo-placeholder[b-00nbktdfx6] {
    width: 100%;
    height: 100%;
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: #9ca3af;
    background: #f9fafb;
}

.photo-placeholder i[b-00nbktdfx6] {
    font-size: 2rem;
}

.photo-placeholder span[b-00nbktdfx6] {
    font-size: 0.7rem;
    font-weight: 500;
}

/* Camera Section */
.camera-section[b-00nbktdfx6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.camera-section video[b-00nbktdfx6] {
    width: 200px;
    height: 150px;
    border-radius: 8px;
    background: #000;
    object-fit: cover;
}

.camera-controls[b-00nbktdfx6] {
    display: flex;
    gap: 0.5rem;
}

/* Upload Actions */
.upload-actions[b-00nbktdfx6] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    justify-content: center;
}

.upload-actions .btn[b-00nbktdfx6] {
    font-size: 0.75rem;
    padding: 0.3rem 0.6rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.upload-actions label.btn[b-00nbktdfx6] {
    cursor: pointer;
    margin-bottom: 0;
}

/* Alerts */
.alert-sm[b-00nbktdfx6] {
    font-size: 0.75rem;
    padding: 0.4rem 0.6rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 6px;
}

.alert-danger.alert-sm[b-00nbktdfx6] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.alert-success.alert-sm[b-00nbktdfx6] {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

/* Responsive */
@media (max-width: 400px) {
    .photo-preview-section[b-00nbktdfx6] {
        width: 100px;
        height: 120px;
    }

    .camera-section video[b-00nbktdfx6] {
        width: 160px;
        height: 120px;
    }

    .upload-actions .btn[b-00nbktdfx6] {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
    }
}

/* ============================================
   Photo Cropper Modal Styles
   ============================================ */

.cropper-modal[b-00nbktdfx6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    backdrop-filter: blur(4px);
}

.cropper-modal-content[b-00nbktdfx6] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 95%;
    overflow: hidden;
}

.cropper-modal-header[b-00nbktdfx6] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cropper-modal-header h5[b-00nbktdfx6] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
}

.cropper-modal-header .crop-dimensions[b-00nbktdfx6] {
    font-size: 0.75rem;
    color: #6b7280;
    background: #f3f4f6;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.cropper-modal-body[b-00nbktdfx6] {
    padding: 1rem;
    background: #f9fafb;
}

.cropper-area[b-00nbktdfx6] {
    width: 100%;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cropper-hint[b-00nbktdfx6] {
    text-align: center;
    font-size: 0.75rem;
    color: #6b7280;
    margin: 0.75rem 0 0 0;
}

.cropper-hint i[b-00nbktdfx6] {
    color: #4f46e5;
    margin-right: 0.25rem;
}

.cropper-modal-footer[b-00nbktdfx6] {
    padding: 1rem 1.25rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

.cropper-modal-footer .btn[b-00nbktdfx6] {
    padding: 0.5rem 1.25rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.cropper-modal-footer .btn-secondary[b-00nbktdfx6] {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
}

.cropper-modal-footer .btn-secondary:hover[b-00nbktdfx6] {
    background: #e5e7eb;
}

.cropper-modal-footer .btn-primary[b-00nbktdfx6] {
    background: #4f46e5;
    color: white;
    border: none;
}

.cropper-modal-footer .btn-primary:hover[b-00nbktdfx6] {
    background: #4338ca;
}

/* Dark theme support */
:global([data-theme="dark"]) .cropper-modal-content[b-00nbktdfx6] {
    background: #1e1e2e;
}

:global([data-theme="dark"]) .cropper-modal-header[b-00nbktdfx6] {
    border-color: #333;
}

:global([data-theme="dark"]) .cropper-modal-header h5[b-00nbktdfx6] {
    color: #f0f0f0;
}

:global([data-theme="dark"]) .cropper-modal-header .crop-dimensions[b-00nbktdfx6] {
    background: #333;
    color: #a0a0a0;
}

:global([data-theme="dark"]) .cropper-modal-body[b-00nbktdfx6] {
    background: #252535;
}

:global([data-theme="dark"]) .cropper-modal-footer[b-00nbktdfx6] {
    border-color: #333;
}

:global([data-theme="dark"]) .cropper-modal-footer .btn-secondary[b-00nbktdfx6] {
    background: #333;
    color: #f0f0f0;
    border-color: #444;
}

:global([data-theme="dark"]) .cropper-modal-footer .btn-secondary:hover[b-00nbktdfx6] {
    background: #444;
}

:global([data-theme="dark"]) .cropper-hint[b-00nbktdfx6] {
    color: #a0a0a0;
}

:global([data-theme="dark"]) .cropper-hint i[b-00nbktdfx6] {
    color: #818cf8;
}
/* /Shared/Components/Sidebars/ClassTeacherSidebar.razor.rz.scp.css */
.rd-sidebar__section[b-tknrmm347l] {
        padding: 0 1rem;
        margin-bottom: 1rem;
    }

    .rd-sidebar__label[b-tknrmm347l] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 0.75rem;
        color: var(--text-muted);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        padding: 0.5rem 0;
    }

    .rd-sidebar__label--collapsible[b-tknrmm347l] {
        cursor: pointer;
        user-select: none;
    }

    .rd-sidebar__toggle-icon[b-tknrmm347l] {
        transition: transform 0.2s ease;
        font-size: 0.7rem;
    }

    .rd-sidebar__toggle-icon.rotated[b-tknrmm347l] {
        transform: rotate(180deg);
    }

    .rd-sidebar__links[b-tknrmm347l] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .rd-sidebar__links.collapsed[b-tknrmm347l] {
        max-height: 0;
    }

    .rd-sidebar__links.expanded[b-tknrmm347l] {
        max-height: 500px;
    }

    .rd-sidebar__link[b-tknrmm347l] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.65rem 0.85rem;
        color: var(--text-primary);
        text-decoration: none;
        border-radius: var(--radius-md);
        font-size: 0.875rem;
        font-weight: 500;
        transition: all 0.2s ease;
    }

    .rd-sidebar__link:hover[b-tknrmm347l] {
        background: var(--bg-secondary);
        color: var(--brand-blue);
    }

    .rd-sidebar__link.active[b-tknrmm347l] {
        background: rgba(59, 130, 246, 0.1);
        color: var(--brand-blue);
        font-weight: 600;
    }

    .rd-sidebar__link i[b-tknrmm347l] {
        width: 18px;
        text-align: center;
        font-size: 0.95rem;
    }

    .rd-sidebar.collapsed .rd-sidebar__text[b-tknrmm347l] {
        display: none;
    }

    .rd-sidebar.collapsed .rd-sidebar__label span[b-tknrmm347l] {
        display: none;
    }

    .rd-sidebar.collapsed .rd-sidebar__toggle-icon[b-tknrmm347l] {
        display: none;
    }

    .rd-sidebar.collapsed .rd-sidebar__section[b-tknrmm347l] {
        padding: 0 0.5rem;
    }

    .rd-sidebar.collapsed .rd-sidebar__link[b-tknrmm347l] {
        justify-content: center;
        padding: 0.65rem;
    }
/* /Shared/Components/Sidebars/FeeClerkSidebar.razor.rz.scp.css */
/* =============================================================================
   FeeClerkSidebar.razor.css
   Fee Clerk role sidebar navigation styles

   CSS Variable Dependencies (from _variables.css):
   - Colors: --bg-secondary, --text-primary, --text-muted
   - Brand: --brand-blue, --brand-primary, --brand-blue-alpha
   - Spacing: --radius-md
   ============================================================================= */

/* =============================================================================
   SIDEBAR SECTIONS
   ============================================================================= */

.rd-sidebar__section[b-jvkekycux8] {
    padding: 0 1rem;
    margin-bottom: 1.25rem;
}

.rd-sidebar__label[b-jvkekycux8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.75rem;
    color: var(--text-secondary, #475569);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 700;
    padding: 0.625rem 0;
}

.rd-sidebar__label--collapsible[b-jvkekycux8] {
    cursor: pointer;
    user-select: none;
}

.rd-sidebar__toggle-icon[b-jvkekycux8] {
    transition: transform 0.2s ease;
    font-size: 0.7rem;
}

.rd-sidebar__toggle-icon.rotated[b-jvkekycux8] {
    transform: rotate(180deg);
}

/* =============================================================================
   SIDEBAR LINKS
   ============================================================================= */

.rd-sidebar__links[b-jvkekycux8] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding-top: 0.25rem;
}

.rd-sidebar__links.collapsed[b-jvkekycux8] {
    max-height: 0;
}

.rd-sidebar__links.expanded[b-jvkekycux8] {
    max-height: 500px;
}

.rd-sidebar__link[b-jvkekycux8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 0.85rem;
    color: var(--text-primary);
    text-decoration: none;
    border-radius: var(--radius-md);
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.rd-sidebar__link:hover[b-jvkekycux8] {
    background: var(--bg-secondary);
    color: var(--brand-blue, var(--brand-primary));
}

.rd-sidebar__link.active[b-jvkekycux8] {
    background: var(--brand-blue-alpha, rgba(59, 130, 246, 0.1));
    color: var(--brand-blue, var(--brand-primary));
    font-weight: 600;
}

.rd-sidebar__link i[b-jvkekycux8] {
    width: 18px;
    text-align: center;
    font-size: 0.95rem;
}

/* =============================================================================
   COLLAPSED SIDEBAR STATES
   Note: These use ::deep to target parent sidebar collapsed state
   ============================================================================= */

:global(.rd-sidebar.collapsed) .rd-sidebar__text[b-jvkekycux8] {
    display: none;
}

:global(.rd-sidebar.collapsed) .rd-sidebar__label span[b-jvkekycux8] {
    display: none;
}

:global(.rd-sidebar.collapsed) .rd-sidebar__toggle-icon[b-jvkekycux8] {
    display: none;
}

:global(.rd-sidebar.collapsed) .rd-sidebar__section[b-jvkekycux8] {
    padding: 0 0.5rem;
}

:global(.rd-sidebar.collapsed) .rd-sidebar__link[b-jvkekycux8] {
    justify-content: center;
    padding: 0.65rem;
}
/* /Shared/Components/SignaturePad.razor.rz.scp.css */
/* Signature Pad Component Styles */

.signature-pad-container[b-8vki4lnlto] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.signature-pad-container.disabled[b-8vki4lnlto] {
    opacity: 0.6;
    pointer-events: none;
}

.signature-label[b-8vki4lnlto] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.signature-canvas-wrapper[b-8vki4lnlto] {
    position: relative;
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    min-height: 120px;
    overflow: hidden;
    transition: border-color 0.2s;
}

.signature-canvas-wrapper:hover[b-8vki4lnlto] {
    border-color: #9ca3af;
}

.signature-canvas-wrapper.has-signature[b-8vki4lnlto] {
    border-style: solid;
    border-color: #22c55e;
}

.signature-canvas[b-8vki4lnlto] {
    display: block;
    width: 100%;
    height: 120px;
    cursor: crosshair;
    touch-action: none;
}

.signature-placeholder[b-8vki4lnlto] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: #9ca3af;
    pointer-events: none;
}

.signature-placeholder i[b-8vki4lnlto] {
    font-size: 1.5rem;
}

.signature-placeholder span[b-8vki4lnlto] {
    font-size: 0.875rem;
}

.signature-actions[b-8vki4lnlto] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

.btn-clear[b-8vki4lnlto],
.btn-save[b-8vki4lnlto] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-clear[b-8vki4lnlto] {
    background: #f3f4f6;
    border: 1px solid #d1d5db;
    color: #6b7280;
}

.btn-clear:hover:not(:disabled)[b-8vki4lnlto] {
    background: #e5e7eb;
    color: #374151;
}

.btn-clear:disabled[b-8vki4lnlto] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-save[b-8vki4lnlto] {
    background: #22c55e;
    border: none;
    color: white;
}

.btn-save:hover:not(:disabled)[b-8vki4lnlto] {
    background: #16a34a;
}

.btn-save:disabled[b-8vki4lnlto] {
    opacity: 0.5;
    cursor: not-allowed;
}

.signature-error[b-8vki4lnlto] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    color: #991b1b;
    font-size: 0.8rem;
}
/* /Shared/Components/SignatureUpload.razor.rz.scp.css */
.signature-upload-container[b-ei8gm45iq4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

/* Preview Section */
.signature-preview-section[b-ei8gm45iq4] {
    width: 250px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signature-preview[b-ei8gm45iq4] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: #fff;
    border: 1px solid #e5e7eb;
}

.signature-preview img[b-ei8gm45iq4] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.5rem;
}

.signature-preview.existing[b-ei8gm45iq4] {
    border: 2px solid #e5e7eb;
}

.existing-label[b-ei8gm45iq4] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    font-size: 0.65rem;
    text-align: center;
    padding: 0.2rem;
}

.btn-remove[b-ei8gm45iq4] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(239, 68, 68, 0.9);
    color: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.signature-preview:hover .btn-remove[b-ei8gm45iq4] {
    opacity: 1;
}

.btn-remove:hover[b-ei8gm45iq4] {
    background: #dc2626;
}

/* Placeholder */
.signature-placeholder[b-ei8gm45iq4] {
    width: 100%;
    height: 100%;
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: #9ca3af;
    background: #f9fafb;
    padding: 0.5rem;
}

.signature-placeholder i[b-ei8gm45iq4] {
    font-size: 1.5rem;
}

.signature-placeholder span[b-ei8gm45iq4] {
    font-size: 0.75rem;
    font-weight: 500;
}

.signature-placeholder .hint[b-ei8gm45iq4] {
    font-size: 0.65rem;
    color: #a0aec0;
    margin: 0;
    text-align: center;
}

/* Upload Actions */
.upload-actions[b-ei8gm45iq4] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.upload-actions .btn[b-ei8gm45iq4] {
    font-size: 0.8rem;
    padding: 0.4rem 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.upload-actions label.btn[b-ei8gm45iq4] {
    cursor: pointer;
    margin-bottom: 0;
}

/* Alerts */
.alert-sm[b-ei8gm45iq4] {
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 6px;
    width: 100%;
    max-width: 300px;
}

.alert-danger.alert-sm[b-ei8gm45iq4] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.alert-success.alert-sm[b-ei8gm45iq4] {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

/* Dark theme support */
[b-ei8gm45iq4] [data-theme="dark"] .signature-placeholder {
    background: #252535;
    border-color: #444;
    color: #888;
}

[b-ei8gm45iq4] [data-theme="dark"] .signature-preview {
    background: #1e1e2e;
    border-color: #444;
}

[b-ei8gm45iq4] [data-theme="dark"] .signature-placeholder .hint {
    color: #666;
}

/* Responsive */
@media (max-width: 400px) {
    .signature-preview-section[b-ei8gm45iq4] {
        width: 200px;
        height: 80px;
    }

    .upload-actions .btn[b-ei8gm45iq4] {
        font-size: 0.75rem;
        padding: 0.35rem 0.6rem;
    }
}
/* /Shared/Components/StudentFile/AdmissionJourneyTimeline.razor.rz.scp.css */
/* Admission Journey Timeline Styles */

.journey-timeline[b-yyn840icm3] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.journey-timeline.compact .timeline-content[b-yyn840icm3] {
    max-height: 400px;
    overflow-y: auto;
}

/* Header */
.timeline-header[b-yyn840icm3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.timeline-title[b-yyn840icm3] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #334155;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.timeline-title i[b-yyn840icm3] {
    color: #6366f1;
}

.progress-summary[b-yyn840icm3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.progress-text[b-yyn840icm3] {
    font-size: 0.8rem;
    color: #64748b;
    white-space: nowrap;
}

.progress-bar-mini[b-yyn840icm3] {
    width: 100px;
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
}

.progress-fill[b-yyn840icm3] {
    height: 100%;
    background: linear-gradient(90deg, #10b981, #059669);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.btn-toggle[b-yyn840icm3] {
    padding: 0.4rem 0.6rem;
    border: none;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s;
}

.btn-toggle:hover[b-yyn840icm3] {
    background: #e2e8f0;
    color: #334155;
}

/* Timeline Content */
.timeline-content[b-yyn840icm3] {
    padding: 1.5rem;
}

/* Timeline Step */
.timeline-step[b-yyn840icm3] {
    display: flex;
    gap: 1rem;
    position: relative;
}

.timeline-step:not(:last-child)[b-yyn840icm3] {
    padding-bottom: 1.5rem;
}

/* Step Marker */
.step-marker[b-yyn840icm3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.marker-icon[b-yyn840icm3] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    background: #f1f5f9;
    color: #94a3b8;
    border: 2px solid #e2e8f0;
    transition: all 0.3s ease;
    z-index: 1;
}

.marker-line[b-yyn840icm3] {
    width: 2px;
    flex: 1;
    background: #e2e8f0;
    margin-top: 4px;
}

/* Status Styles */
.timeline-step.completed .marker-icon[b-yyn840icm3] {
    background: #10b981;
    color: #fff;
    border-color: #10b981;
}

.timeline-step.completed .marker-line[b-yyn840icm3] {
    background: #10b981;
}

.timeline-step.in-progress .marker-icon[b-yyn840icm3] {
    background: #3b82f6;
    color: #fff;
    border-color: #3b82f6;
    animation: pulse-b-yyn840icm3 2s infinite;
}

.timeline-step.in-progress .marker-line[b-yyn840icm3] {
    background: linear-gradient(to bottom, #3b82f6, #e2e8f0);
}

.timeline-step.skipped .marker-icon[b-yyn840icm3] {
    background: #94a3b8;
    color: #fff;
    border-color: #94a3b8;
}

.timeline-step.skipped .marker-line[b-yyn840icm3] {
    background: #94a3b8;
}

.timeline-step.active .marker-icon[b-yyn840icm3] {
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
}

@keyframes pulse-b-yyn840icm3 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4); }
    50% { box-shadow: 0 0 0 8px rgba(59, 130, 246, 0); }
}

/* Step Content */
.step-content[b-yyn840icm3] {
    flex: 1;
    min-width: 0;
    padding-bottom: 0.5rem;
}

.step-header[b-yyn840icm3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.25rem;
}

.step-number[b-yyn840icm3] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.step-name[b-yyn840icm3] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #334155;
}

.skip-badge[b-yyn840icm3] {
    font-size: 0.65rem;
    padding: 0.15rem 0.4rem;
    background: #fef3c7;
    color: #92400e;
    border-radius: 4px;
    font-weight: 500;
}

/* Step Details */
.step-details[b-yyn840icm3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.35rem;
}

.detail-item[b-yyn840icm3] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: #64748b;
}

.detail-item i[b-yyn840icm3] {
    font-size: 0.75rem;
    color: #94a3b8;
}

.detail-item.role[b-yyn840icm3] {
    background: #f1f5f9;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.step-details.in-progress .detail-item[b-yyn840icm3] {
    color: #3b82f6;
}

.step-details.in-progress .detail-item i[b-yyn840icm3] {
    color: #3b82f6;
}

.step-details.pending .detail-item[b-yyn840icm3] {
    color: #94a3b8;
}

/* Step Remarks */
.step-remarks[b-yyn840icm3] {
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: #64748b;
    background: #f8fafc;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    border-left: 3px solid #cbd5e1;
}

.step-remarks i[b-yyn840icm3] {
    margin-right: 0.35rem;
    color: #94a3b8;
}

/* Sub-steps (for Step 6) */
.sub-steps[b-yyn840icm3] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px dashed #e2e8f0;
}

.sub-step[b-yyn840icm3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0;
    font-size: 0.8rem;
    color: #64748b;
}

.sub-step:not(:last-child)[b-yyn840icm3] {
    border-bottom: 1px dotted #e2e8f0;
}

.sub-step.complete[b-yyn840icm3] {
    color: #10b981;
}

.sub-icon[b-yyn840icm3] {
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-step.complete .sub-icon[b-yyn840icm3] {
    color: #10b981;
}

.sub-title[b-yyn840icm3] {
    flex: 1;
    font-weight: 500;
}

.sub-status[b-yyn840icm3] {
    font-size: 0.75rem;
    color: #94a3b8;
}

.sub-step.complete .sub-status[b-yyn840icm3] {
    color: #10b981;
}

/* Completed Step Styling */
.timeline-step.completed .step-name[b-yyn840icm3] {
    color: #10b981;
}

.timeline-step.skipped .step-name[b-yyn840icm3] {
    color: #94a3b8;
    text-decoration: line-through;
}

/* Responsive */
@media (max-width: 640px) {
    .timeline-header[b-yyn840icm3] {
        flex-wrap: wrap;
    }

    .progress-summary[b-yyn840icm3] {
        width: 100%;
        margin-left: 0;
        margin-top: 0.5rem;
    }

    .progress-bar-mini[b-yyn840icm3] {
        flex: 1;
    }

    .step-details[b-yyn840icm3] {
        flex-direction: column;
        gap: 0.35rem;
    }

    .marker-icon[b-yyn840icm3] {
        width: 32px;
        height: 32px;
        font-size: 0.75rem;
    }
}

/* Dark mode support */
:root.dark .journey-timeline[b-yyn840icm3],
[data-theme="dark"] .journey-timeline[b-yyn840icm3] {
    background: #1e293b;
}

:root.dark .timeline-header[b-yyn840icm3],
[data-theme="dark"] .timeline-header[b-yyn840icm3] {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border-color: #334155;
}

:root.dark .timeline-title[b-yyn840icm3],
[data-theme="dark"] .timeline-title[b-yyn840icm3] {
    color: #e2e8f0;
}

:root.dark .step-name[b-yyn840icm3],
[data-theme="dark"] .step-name[b-yyn840icm3] {
    color: #e2e8f0;
}

:root.dark .marker-icon[b-yyn840icm3],
[data-theme="dark"] .marker-icon[b-yyn840icm3] {
    background: #334155;
    border-color: #475569;
    color: #94a3b8;
}

:root.dark .marker-line[b-yyn840icm3],
[data-theme="dark"] .marker-line[b-yyn840icm3] {
    background: #334155;
}

:root.dark .sub-steps[b-yyn840icm3],
[data-theme="dark"] .sub-steps[b-yyn840icm3] {
    background: #0f172a;
    border-color: #334155;
}
/* /Shared/Components/StudentFile/FeeReceiptsSection.razor.rz.scp.css */
/* Fee Receipts Section Styles */

.fee-receipts-section[b-lhzhoumrwo] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Section Header */
.section-header[b-lhzhoumrwo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border-bottom: 1px solid #bbf7d0;
    cursor: pointer;
    transition: background 0.2s;
}

.section-header:hover[b-lhzhoumrwo] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
}

.header-left[b-lhzhoumrwo] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-icon[b-lhzhoumrwo] {
    font-size: 1.25rem;
    color: #16a34a;
}

.section-title[b-lhzhoumrwo] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #166534;
}

.receipt-count[b-lhzhoumrwo] {
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    background: #16a34a;
    color: #fff;
    border-radius: 10px;
}

.header-right[b-lhzhoumrwo] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.total-paid[b-lhzhoumrwo] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #16a34a;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.btn-toggle[b-lhzhoumrwo] {
    padding: 0.4rem 0.6rem;
    border: none;
    background: rgba(255, 255, 255, 0.6);
    color: #16a34a;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s;
}

.btn-toggle:hover[b-lhzhoumrwo] {
    background: rgba(255, 255, 255, 0.9);
}

/* Section Content */
.section-content[b-lhzhoumrwo] {
    padding: 1.25rem;
}

/* Empty State */
.empty-state[b-lhzhoumrwo] {
    text-align: center;
    padding: 2rem;
    color: #94a3b8;
}

.empty-state i[b-lhzhoumrwo] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
    opacity: 0.5;
}

.empty-state p[b-lhzhoumrwo] {
    margin: 0;
    font-size: 0.9rem;
}

/* Receipts List */
.receipts-list[b-lhzhoumrwo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Receipt Card */
.receipt-card[b-lhzhoumrwo] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.receipt-card:hover[b-lhzhoumrwo] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.receipt-header[b-lhzhoumrwo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.type-badge[b-lhzhoumrwo] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.type-badge.registration[b-lhzhoumrwo] {
    background: #dbeafe;
    color: #1d4ed8;
}

.type-badge.admission[b-lhzhoumrwo] {
    background: #dcfce7;
    color: #16a34a;
}

.type-badge.tuition[b-lhzhoumrwo] {
    background: #fef3c7;
    color: #92400e;
}

.type-badge.transport[b-lhzhoumrwo] {
    background: #e0e7ff;
    color: #4338ca;
}

.type-badge.other[b-lhzhoumrwo] {
    background: #f1f5f9;
    color: #475569;
}

.receipt-number[b-lhzhoumrwo] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.receipt-number .label[b-lhzhoumrwo] {
    font-size: 0.65rem;
    color: #94a3b8;
    text-transform: uppercase;
}

.receipt-number .value[b-lhzhoumrwo] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #334155;
}

/* Receipt Body */
.receipt-body[b-lhzhoumrwo] {
    display: flex;
    padding: 1rem;
    gap: 1.5rem;
}

.receipt-amount[b-lhzhoumrwo] {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
}

.receipt-amount .currency[b-lhzhoumrwo] {
    font-size: 1rem;
    color: #64748b;
}

.receipt-amount .amount[b-lhzhoumrwo] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #16a34a;
}

.receipt-details[b-lhzhoumrwo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.detail-row[b-lhzhoumrwo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #64748b;
}

.detail-row i[b-lhzhoumrwo] {
    width: 16px;
    color: #94a3b8;
    text-align: center;
}

/* Receipt Remarks */
.receipt-remarks[b-lhzhoumrwo] {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    color: #64748b;
    background: #f8fafc;
    border-top: 1px dashed #e2e8f0;
}

.receipt-remarks i[b-lhzhoumrwo] {
    margin-right: 0.35rem;
    color: #94a3b8;
}

/* Receipt Footer */
.receipt-footer[b-lhzhoumrwo] {
    padding: 0.5rem 1rem;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #e2e8f0;
}

.btn-print[b-lhzhoumrwo] {
    font-size: 0.75rem;
    padding: 0.35rem 0.75rem;
    color: #3b82f6;
    text-decoration: none;
    border: 1px solid #3b82f6;
    border-radius: 4px;
    transition: all 0.2s;
}

.btn-print:hover[b-lhzhoumrwo] {
    background: #3b82f6;
    color: #fff;
}

/* Summary */
.receipts-summary[b-lhzhoumrwo] {
    margin-top: 1.25rem;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.summary-row[b-lhzhoumrwo] {
    display: flex;
    justify-content: space-between;
    padding: 0.35rem 0;
    font-size: 0.85rem;
    color: #64748b;
}

.summary-row.total[b-lhzhoumrwo] {
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e2e8f0;
    font-weight: 600;
    color: #334155;
}

.summary-row.total .summary-value[b-lhzhoumrwo] {
    color: #16a34a;
    font-size: 1rem;
}

/* Responsive */
@media (max-width: 640px) {
    .section-header[b-lhzhoumrwo] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .header-right[b-lhzhoumrwo] {
        width: 100%;
        justify-content: space-between;
    }

    .receipt-body[b-lhzhoumrwo] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .receipt-amount[b-lhzhoumrwo] {
        padding-bottom: 0.75rem;
        border-bottom: 1px dashed #e2e8f0;
    }
}

/* Dark Mode */
:root.dark .fee-receipts-section[b-lhzhoumrwo],
[data-theme="dark"] .fee-receipts-section[b-lhzhoumrwo] {
    background: #1e293b;
}

:root.dark .section-header[b-lhzhoumrwo],
[data-theme="dark"] .section-header[b-lhzhoumrwo] {
    background: linear-gradient(135deg, #064e3b 0%, #065f46 100%);
    border-color: #047857;
}

:root.dark .section-title[b-lhzhoumrwo],
[data-theme="dark"] .section-title[b-lhzhoumrwo] {
    color: #a7f3d0;
}

:root.dark .receipt-card[b-lhzhoumrwo],
[data-theme="dark"] .receipt-card[b-lhzhoumrwo] {
    border-color: #334155;
}

:root.dark .receipt-header[b-lhzhoumrwo],
[data-theme="dark"] .receipt-header[b-lhzhoumrwo] {
    background: #0f172a;
    border-color: #334155;
}

:root.dark .receipt-number .value[b-lhzhoumrwo],
[data-theme="dark"] .receipt-number .value[b-lhzhoumrwo] {
    color: #e2e8f0;
}
/* /Shared/Layouts/RoleDashboardLayout.razor.rz.scp.css */
/* =============================================================================
   RoleDashboardLayout.razor.css
   Scoped CSS - Minimal overrides only
   Main styles are in wwwroot/css/dashboard-layout.css (global)

   Note: Use dashboard-layout.css for layout styles.
   This file is for component-specific isolation only.
   ============================================================================= */

/* Component-specific styles that need CSS isolation go here */
/* Currently empty - all styles moved to global dashboard-layout.css */