/* Shared density layer for authenticated management pages.
   Live-monitoring and active-exam workspaces retain their task-specific sizing. */
@media (min-width: 901px) {
    .home-bg .ev-shell > main.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) {
        padding: var(--page-shell-content-top) 26px 24px 30px !important;
    }
}

.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) > :is(
    .exam-list-container,
    .add-user-container,
    .users-container,
    .subjects-container,
    .questions-container,
    .settings-container,
    .report-container
) {
    padding: 0.85rem 1rem 1.25rem !important;
}

.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) .ev-hero {
    padding: 18px 22px;
    border-radius: 13px;
    box-shadow: 0 8px 22px -20px rgba(20, 40, 90, 0.3);
}

.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) .ev-hero__title {
    margin-top: 4px;
    gap: 8px;
    font-size: 22px;
}

.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) .ev-hero__sub {
    margin-top: 4px;
    font-size: 12.5px;
}

.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) .ev-hero__eyebrow {
    font-size: 9px;
}

.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) :is(
    .content-card,
    .ev-panel,
    .form-section,
    .settings-card,
    .glass-card,
    .billing-card
) {
    border-radius: 12px !important;
    box-shadow: 0 8px 22px -20px rgba(20, 40, 90, 0.32) !important;
}

.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) :is(
    .ev-btn,
    .action-btn,
    .btn,
    button:not(.view-toggle-btn):not(.global-toast__close)
) {
    border-radius: 7px !important;
    font-size: 12px;
}

.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select
) {
    min-height: 38px;
    border-radius: 8px !important;
}

.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) :is(.ev-table th, .user-table th) {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) :is(.ev-table td, .user-table td) {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) :is(.status-badge, .ev-pill, .badge) {
    border-radius: 6px !important;
}

.main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) :is(.btn, .action-btn, .ev-btn):hover {
    transform: translateY(-1px);
}

/* Reports has five useful metrics; keep them together as a single desktop row. */
.main-content .ev-stats.reports-summary-stats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.main-content .reports-summary-stats .ev-stat {
    min-width: 0;
    min-height: 88px;
    padding: 0.75rem 0.85rem;
    border-radius: 11px;
    column-gap: 0.65rem;
}

.main-content .reports-summary-stats .ev-stat__icon {
    width: 36px;
    height: 36px;
    font-size: 0.85rem;
}

.main-content .reports-summary-stats .ev-stat__value {
    font-size: clamp(1.25rem, 1.55vw, 1.6rem);
}

.main-content .reports-summary-stats .ev-stat__label {
    font-size: 0.72rem;
}

@media (max-width: 1150px) {
    .main-content .ev-stats.reports-summary-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .main-content .ev-stats.reports-summary-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
    .main-content .ev-stats.reports-summary-stats { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
    .main-content:not(:has(.monitor-shell)):not(:has(.exam-container)) > * {
        padding-inline: 0.75rem !important;
    }
}