/* Shared block outlines for both desktop and mobile; loaded after page styles. */
html body.mds-ui :is(
    .card, .widget, .metric, .admin-summary-card,
    .person-card, .student-card, .commission-card, .tutor-card,
    .course-card, .module-card, .lesson-card, .course-module-card,
    .course-admin-header, .course-admin-structure-panel, .course-admin-tool-card,
    .course-admin-status-card, .course-admin-summary, .course-structure-header,
    .course-consume-progress-card, .course-dashboard__hero,
    .lesson-editor-header, .lesson-editor-toolbox, .lesson-editor-section,
    .lesson-editor-video-card, .lesson-editor-image-card, .lesson-editor-text-card,
    .lesson-editor-quiz-card, .lesson-editor-question-card, .lesson-material-card,
    .lesson-file-resource, .lesson-comments-panel, .lesson-consume-header,
    .task-correction-card, .upload-card, .asset-card,
    .auth__card, .legal-card, .campaign-public-card,
    .campaign-detail-card, .campaign-overview-card, .campaign-content-box,
    .campaign-mobile-card, .campaign-public-preview-card, .campaign-qr-focus-card,
    .campaign-index-shell, .mds-filter-panel,
    .bible-saved__panel, .bible-reader__version-card,
    .pastoral-ai__support, .pastor-dashboard-card, .pastor-dashboard-metric,
    .notification-item, .dropdown, dialog,
    .feature, .member, .cta-box, .db-browser__table-card
) {
    border: var(--mds-block-border-width) solid var(--mds-block-border);
}

/* Keep meaningful selected/unread and warning colors from their page styles. */
html body.mds-ui :is(
    .assignment-item, .meeting-student, .dropdown-notification,
    .course-admin-header__danger, .course-admin-header__details > div
) {
    border-width: var(--mds-block-border-width);
}

html body.mds-ui :is(.notification-item--unread, .db-browser__table-card.is-active) {
    border-color: var(--mds-accent);
}