/*
 * Cognythra LMS Tailwind compatibility stylesheet.
 * Page-specific styles and the shared LMS theme remain authoritative.
 */
[hidden] { display: none !important; }
.hidden { display: none !important; }
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* Admin-controlled modal corner compatibility.
 * This lives in the Tailwind compatibility layer so Tailwind/utility-era pages
 * cannot re-round LMS dialogs after the shared theme has set the mode.
 */
html[data-modal-corners="square"] {
    --lms-modal-radius: 0 !important;
    --bs-modal-border-radius: 0 !important;
}
html[data-modal-corners="rounded"] {
    --lms-modal-radius: 16px !important;
    --bs-modal-border-radius: 16px !important;
}
html[data-modal-corners] .modal,
html[data-modal-corners] .modal-dialog,
html[data-modal-corners] .modal-content {
    --bs-modal-border-radius: var(--lms-modal-radius, 0) !important;
}
html[data-modal-corners] .modal-content,
html[data-modal-corners] .modal-content[style],
html[data-modal-corners] .lms-native-confirm-panel,
html[data-modal-corners] .lms-confirm-panel,
html[data-modal-corners] [data-lms-modal] > div,
html[data-modal-corners] .ai-generation-panel,
html[data-modal-corners] .ai-fullscreen-body,
html[data-modal-corners] .results-panel,
html[data-modal-corners] .notes-reader-frame {
    border-radius: var(--lms-modal-radius, 0) !important;
    overflow: hidden;
}
html[data-modal-corners] .modal-header,
html[data-modal-corners] .modal-footer,
html[data-modal-corners] .modal-content > :first-child,
html[data-modal-corners] .modal-content > :last-child {
    border-radius: 0 !important;
}
html[data-modal-corners="square"] .modal-content *,
html[data-modal-corners="square"] .modal-content *::before,
html[data-modal-corners="square"] .modal-content *::after,
html[data-modal-corners="square"] .lms-native-confirm-panel *,
html[data-modal-corners="square"] .lms-native-confirm-panel *::before,
html[data-modal-corners="square"] .lms-native-confirm-panel *::after,
html[data-modal-corners="square"] .lms-confirm-panel *,
html[data-modal-corners="square"] .lms-confirm-panel *::before,
html[data-modal-corners="square"] .lms-confirm-panel *::after,
html[data-modal-corners="square"] [data-lms-modal] > div *,
html[data-modal-corners="square"] [data-lms-modal] > div *::before,
html[data-modal-corners="square"] [data-lms-modal] > div *::after,
html[data-modal-corners="square"] .ai-generation-panel *,
html[data-modal-corners="square"] .ai-generation-panel *::before,
html[data-modal-corners="square"] .ai-generation-panel *::after,
html[data-modal-corners="square"] .ai-fullscreen-body *,
html[data-modal-corners="square"] .ai-fullscreen-body *::before,
html[data-modal-corners="square"] .ai-fullscreen-body *::after,
html[data-modal-corners="square"] .results-panel *,
html[data-modal-corners="square"] .results-panel *::before,
html[data-modal-corners="square"] .results-panel *::after,
html[data-modal-corners="square"] .notes-reader-frame *,
html[data-modal-corners="square"] .notes-reader-frame *::before,
html[data-modal-corners="square"] .notes-reader-frame *::after {
    border-radius: 0 !important;
}
/* Square corner mode must cover the logged-in LMS shell, not only Bootstrap modal panels. */
html[data-modal-corners="square"] body *,
html[data-modal-corners="square"] body *::before,
html[data-modal-corners="square"] body *::after {
    border-radius: 0 !important;
}