/* SGLA: light Izmaylovo-inspired decorative art; opaque work surfaces. */
:root { --sgla-campus-art: url('/codex-visuals/sgla-izmaylovo-light-20260909.jpg'); }
body#page-login-index {
    background: #f7f8f4 var(--sgla-campus-art) center / cover no-repeat fixed !important;
}
body#page-login-index .login-container {
    background: #fff !important;
    box-shadow: 0 12px 44px rgba(18,33,58,.12) !important;
}
body#page-login-index .login-instructions {
    background: rgba(255,255,255,.97) !important;
    padding: clamp(20px, 2.5vw, 36px) !important;
    border: 1px solid #dce4df !important;
    border-radius: 20px !important;
}
body#page-login-index .login-instructions h1,
body#page-login-index .sgla-light-landing h1 { font-size: clamp(28px, 3vw, 48px) !important; line-height: 1.15 !important; }
body#page-site-index,
body:not(#page-login-index):not(#page-site-index) {
    color: #12213a;
    background: #f5f7f5 !important;
}
body:not(#page-login-index) #topofscroll.main-inner,
body:not(#page-login-index) #region-main {
    background: #fff !important;
    backdrop-filter: none !important;
}
body:not(#page-login-index):not(#page-site-index) #page-header {
    background: #fff !important;
    border: 1px solid #e0e5e2;
    box-shadow: none !important;
    padding: 24px !important;
    overflow: visible;
}
body:not(#page-login-index):not(#page-site-index) #page-header::before { display: none !important; }
body:not(#page-login-index):not(#page-site-index) #page-header h1,
body:not(#page-login-index):not(#page-site-index) #page-header h1.h2,
body:not(#page-login-index):not(#page-site-index) .page-context-header .page-header-headings h1 {
    font-size: clamp(25px, 2.5vw, 36px) !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
}
body:not(#page-login-index) .navbar.fixed-top,
body:not(#page-login-index) .secondary-navigation,
body:not(#page-login-index):not(#page-site-index) .drawer,
body:not(#page-login-index):not(#page-site-index) .drawercontent,
body:not(#page-login-index):not(#page-site-index) .drawer-left,
body:not(#page-login-index):not(#page-site-index) .drawer-right,
body:not(#page-login-index):not(#page-site-index) .block,
body:not(#page-login-index):not(#page-site-index) .card,
body:not(#page-login-index):not(#page-site-index) .coursebox,
body:not(#page-login-index):not(#page-site-index) .dashboard-card,
body:not(#page-login-index):not(#page-site-index) .activity-item,
body:not(#page-login-index):not(#page-site-index) .list-group-item {
    background: #fff !important;
    backdrop-filter: none !important;
}
/* Prevent decorative backgrounds from bleeding through upload dialogs and forms. */
body:not(#page-login-index) .mform,
body:not(#page-login-index) .filemanager,
body:not(#page-login-index) .filepicker-filelist,
body:not(#page-login-index) .filemanager-container,
.moodle-dialogue-base .moodle-dialogue-wrap,
.moodle-dialogue-base .moodle-dialogue-bd,
.modal-content,
.fp-repo-area,
.fp-content {
    color: #12213a;
    background-color: #fff !important;
    background-image: none !important;
}
.mform .form-control, .mform .form-select { background-color: #fff; color: #12213a; }
body:not(#page-login-index) .breadcrumb { background: #f5f7f9 !important; border-radius: 8px !important; }
body:not(#page-login-index) .generaltable { background: #fff !important; }
body:not(#page-login-index):not(#page-site-index) .block:hover,
body:not(#page-login-index):not(#page-site-index) .activity-item:hover,
body:not(#page-login-index):not(#page-site-index) .coursebox:hover,
body:not(#page-login-index):not(#page-site-index) .dashboard-card:hover { transform: none !important; }
.sgla-light-showcase,
body#page-site-index .sgla-light-showcase {
    background: #f7f8f4 var(--sgla-campus-art) center right / cover no-repeat !important;
    min-height: 480px;
    padding: clamp(20px, 4vw, 48px);
    box-shadow: none;
}
.sgla-light-copy {
    box-sizing: border-box;
    max-width: 700px;
    padding: clamp(20px, 3vw, 36px);
    background: rgba(255,255,255,.97);
    border: 1px solid #dce4df;
    border-radius: 18px;
}
.sgla-light-showcase h2 { font-size: clamp(30px, 3.5vw, 52px) !important; line-height: 1.15 !important; }
.sgla-lead { color: #334866; line-height: 1.5; }
.sgla-tech-top strong, .sgla-tech-shell, .sgla-tech-grid i::after { animation: none !important; }
@media (max-width: 920px) {
    body#page-login-index { background-attachment: scroll !important; }
    body#page-login-index .login-instructions { margin: 0 0 18px !important; }
    body:not(#page-login-index):not(#page-site-index) #page-header {
        width: auto !important; max-width: 100% !important; padding: 18px !important;
    }
    .sgla-light-showcase { min-height: 0 !important; padding: 18px !important; }
    .sgla-light-copy { max-width: 100%; padding: 20px; }
}
@media print {
    body, #page-header, .sgla-light-showcase { background: #fff !important; }
}