/* 1.5: compact workspaces and a single-screen request form at normal desktop zoom. */
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) {display:block!important;position:relative;padding:18px!important;max-width:none!important;gap:0!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjworkspace {min-width:0;margin:0!important;width:100%}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjpage-head {padding:10px 0 16px!important;margin:0!important;background:none!important;border:0!important;min-height:0!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjpage-head h1 {font-size:26px!important;line-height:1.2!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjpage-head .sjsubtitle {margin:4px 0 0!important}
/* Moodle drawers can still be opened by the theme's own menu button. */
body.sj-compact-admin #page.drawers {margin-left:0!important;padding-left:18px!important;padding-right:18px!important}
body.sj-compact-admin #page.drawers .main-inner {max-width:none!important;margin:0!important;padding:12px!important}
body.sj-compact-admin .drawer-left:not(.show) {visibility:hidden}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stats {gap:10px!important;margin:0 0 14px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat {min-height:104px!important;padding:15px!important;gap:10px!important;text-decoration:none!important;transition:box-shadow .16s,transform .16s}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) a.sjdash-stat:hover {box-shadow:0 7px 24px #26395e14;transform:translateY(-2px)}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat b {font-size:30px!important;line-height:1.2!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat small {font-size:11px!important;margin-top:4px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat p {font-size:13px!important;margin-bottom:3px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-icon {width:38px!important;height:38px!important;flex-shrink:0}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-cards {display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:9px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-card {padding:13px!important;min-height:150px!important;display:block!important;border-radius:12px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-top {gap:5px!important;align-items:center!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-code {font-size:30px!important;line-height:1.1;font-weight:800!important;text-decoration:none;color:#21334e}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-counts {display:block;margin-top:14px;text-decoration:none!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-origin {color:#d33848;font-size:13px;font-weight:600;line-height:1.5}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-origin b {font-size:21px;font-weight:800}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-overall {color:#c41e32;font-size:12px;font-weight:600;margin-top:3px;line-height:1.5}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-overall b {font-size:16px;font-weight:800}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-link {font-size:11px!important;margin-top:8px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-toggle {margin:0!important;padding:0!important;display:block!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-toggle button {display:flex;align-items:center;gap:4px;font-size:10px!important;background:#f0f2f5!important;color:#64748b!important;border:0!important;padding:5px!important;border-radius:20px!important;min-height:25px!important;box-shadow:none!important;white-space:nowrap}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-toggle button span {width:10px;height:10px;border-radius:100%;background:#94a3b8}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-toggle button[aria-checked=true] {background:#dcf9e9!important;color:#08764f!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-toggle button[aria-checked=true] span {background:#0baf70}
.sjclass-add {display:block!important;grid-column:1/-1;border:1px dashed #d1d8e6!important;border-radius:9px!important;padding:0!important;background:#ffffff80!important;overflow:visible!important}
.sjclass-add>summary {font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;padding:8px;list-style:none;color:#385582}
.sjclass-add>summary svg {width:16px;height:16px}
.sjclass-add form {display:flex!important;align-items:end;gap:10px;padding:8px 14px!important;margin:0!important;max-width:400px}
.sjclass-add form label {margin:0 0 4px!important}
.sjstudent-failed td {background:#fffdeb!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjroster-panel .sjtable-title {padding:16px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjtable-title h2 {font-size:21px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjtable-title p:not(.sjeyebrow) {font-size:12px!important;max-width:650px}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjtable-tools {gap:6px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjtable-tools .sjbutton {padding:8px 10px!important;min-height:34px!important;font-size:12px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjroster-filters {padding:12px 16px!important;gap:8px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjroster-filters input,body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjroster-filters select {height:38px!important;min-height:38px!important;font-size:12px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjbulk {padding:9px 16px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjpassed-hint {display:block;color:#b42336;font-size:12px;margin-top:8px}
/* Tighten the request layout without shrinking text below a comfortable size. */
body#page-local-sjaccess-index main.sjaccess.sjstudent {max-width:1050px!important;margin:16px auto!important;padding:0!important;border-radius:18px!important}
body[id^="page-local-sjaccess-"] main.sjaccess.sjstudent>.sjpage-head {padding:15px 26px!important;min-height:0!important;margin:0!important}
body[id^="page-local-sjaccess-"] main.sjaccess.sjstudent>.sjpage-head h1 {font-size:27px!important;line-height:1.25!important;margin:7px 0!important}
body[id^="page-local-sjaccess-"] main.sjaccess.sjstudent>.sjpage-head .sjeyebrow {font-size:10px!important;margin:0!important}
body[id^="page-local-sjaccess-"] main.sjaccess.sjstudent>.sjpage-head .sjsubtitle {font-size:13px!important;margin:0!important;line-height:1.5!important}
body[id^="page-local-sjaccess-"] main.sjaccess.sjstudent>p {display:inline-block;margin:9px 0 0 28px!important;font-size:12px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form {max-width:1050px!important;width:100%;margin:0!important;box-shadow:none!important;border:0!important;border-radius:0!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjrequest-layout {display:block!important;margin:0!important;padding:0!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjform-section {padding:12px 26px!important;margin:0!important;box-shadow:none!important;border-radius:0!important;border:0!important;border-bottom:1px solid #edf0f6!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjsection-title {margin:0 0 8px!important;padding:0!important;gap:10px!important;min-height:0!important;border:0!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjsection-title h2 {font-size:17px!important;line-height:1.25!important;margin:0!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjsection-title>span {width:26px!important;height:26px!important;font-size:11px!important;flex-basis:26px!important;border-radius:8px!important;background:#fff4d3!important;color:#92651f!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjsection-title p {display:none!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjform-grid {gap:12px 20px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form label {font-size:12px!important;line-height:1.4!important;margin:0 0 5px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form input:not([type=checkbox]):not([type=radio]):not([type=file]),body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form select {height:40px!important;min-height:40px!important;padding:8px 12px!important;border-radius:9px!important;font-size:14px!important;line-height:1.4!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form input[type=checkbox] {width:18px!important;height:18px!important;flex:0 0 18px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjclass-other[hidden] {display:none!important}
.sjemail-methods {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px}
.sjemail-methods small,.sjfield-help {font-size:10px!important;line-height:1.4;color:#73839b;display:block;margin-top:3px}
body[id^="page-local-sjaccess-"] main.sjaccess a.sjgoogle-login {display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #d4dce8;border-radius:6px;padding:4px 7px;background:#fff;font-size:11px;font-weight:600;text-decoration:none;color:#25334a}
.sjgoogle-login b {color:#4285f4;font-size:15px;font-family:Arial,sans-serif}
.sjgoogle-unavailable {font-size:10px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjoptional {margin:10px 0 0!important;border:0!important;border-radius:0!important;overflow:visible!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjoptional summary {padding:6px 0!important;font-size:12px!important;min-height:0!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjoptional summary span {font-size:10px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjoptional>div {padding:7px 0!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjcourse-options {gap:10px!important;margin:0!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjcourse-card {min-height:58px!important;padding:9px!important;border-radius:10px!important;gap:9px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjcourse-card>span {gap:9px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjcourse-emblem {width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjcourse-emblem svg {width:25px!important;height:25px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjcourse-copy strong {font-size:14px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjcourse-copy small {display:none!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjrequest-fields {display:grid!important;grid-template-columns:1fr 1.25fr!important;gap:20px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form textarea {height:60px!important;min-height:60px!important;max-height:200px;font-size:13px!important;border-radius:9px!important;padding:9px 12px!important;resize:vertical}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjform-footer {padding:13px 28px!important;min-height:0!important;margin:0!important;border:0!important;gap:15px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjform-footer button {height:42px!important;min-height:42px!important;padding:10px 28px!important;font-size:14px!important;width:auto!important;min-width:200px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjform-footer p {margin:0!important;font-size:11px!important}
body[id^="page-local-sjaccess-"] main.sjaccess.sjstudent .sjlogin-note {margin:8px 28px 0!important;padding:8px 12px!important;font-size:12px!important}
body[id^="page-local-sjaccess-"] main.sjaccess.sjstudent .sjlogin-note p {display:none}
body[id^="page-local-sjaccess-"] main.sjaccess .sjsteps {display:none!important}
.sjadmin-add-help {font-size:12px;color:#73839b;max-width:1050px}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-grant-form {border:1px solid #e1e6ef!important;border-radius:15px!important;overflow:hidden;background:white}
body[id^="page-local-sjaccess-"] main.sjaccess .sjadmin-grant-form .sjrequest-fields {grid-template-columns:1fr 1fr!important;gap:12px 20px!important}
body[id^="page-local-sjaccess-"] main.sjaccess .sjadmin-grant-form .sjwide {grid-column:1/-1}
@media(max-width:1400px){
 body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-cards {grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-card {min-height:130px!important}
 body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-add {grid-column:auto}
 body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-origin b {font-size:20px}
 body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-counts {margin-top:8px}
 body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat {padding:11px!important;gap:7px!important}
 body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-icon {width:30px!important;height:30px!important}
}
@media(max-width:700px){
 body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) {padding:8px!important}
 body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stats {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-cards {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body[id^="page-local-sjaccess-"] main.sjaccess.sjstudent>.sjpage-head {padding:18px!important}
 body[id^="page-local-sjaccess-"] main.sjaccess.sjstudent>.sjpage-head h1 {font-size:23px!important}
 body[id^="page-local-sjaccess-"] main.sjaccess.sjstudent>p {margin-left:18px!important}
 body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjform-section {padding:14px 18px!important}
 body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjform-grid,body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjrequest-fields {grid-template-columns:1fr!important;gap:11px!important}
 body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjcourse-options {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjcourse-card {padding:9px!important;min-height:58px!important}
 body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjcourse-card>span {gap:6px!important}
 body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjcourse-emblem {width:29px!important;height:29px!important;flex-basis:29px!important}
 body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjform-footer {padding:14px 18px!important;flex-wrap:wrap!important}
 body[id^="page-local-sjaccess-"] main.sjaccess .sjstudent-form .sjform-footer button {width:100%!important}
}
@media(prefers-reduced-motion:reduce){body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) a.sjdash-stat,.sjmenu-triangle {transition:none}}

body#page-local-sjaccess-index main.sjaccess {margin:8px auto!important}
body.sj-compact-admin .edmo-full-header,body.sj-compact-request .edmo-full-header {display:none!important}
body.sj-compact-request #page.drawers {padding-top:8px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjworkspace {padding:0!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-origin b,body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-overall b {color:inherit!important}
/* One compact desktop workspace: identity left, course/support choices right. */
body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess.sjstudent {width:calc(100% - 24px)!important;max-width:1100px!important;margin:8px auto!important;border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,#e5b64b,#efa5bb,#a99cdc,#8bcfc3) border-box!important;box-shadow:0 10px 32px #31456712!important}
@media(min-width:1001px){
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjstudent-form {display:grid!important;grid-template-columns:1.05fr 1fr!important;max-width:none!important;align-items:stretch}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjsection-identity {grid-column:1;grid-row:1/3;border-right:1px solid #edf0f6!important}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjsection-identity .sjform-grid {grid-template-columns:1fr!important;gap:10px!important}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjsection-courses {grid-column:2;grid-row:1}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjcourse-options {grid-template-columns:1fr 1fr!important}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjsection-request {grid-column:2;grid-row:2}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjrequest-fields {grid-template-columns:1fr!important;gap:10px!important}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjform-footer {grid-column:1/-1}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjpage-head {padding:12px 24px!important}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjpage-head h1 {font-size:25px!important;margin:4px 0!important}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjpage-head .sjsubtitle {font-size:12px!important}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjoptional>summary {padding:3px 0!important;line-height:20px!important}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjemail-methods {gap:5px}
 body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess .sjgoogle-login {padding:2px 6px;line-height:17px}
}

body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form {max-width:1100px!important}

body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;margin:0!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card{position:relative;min-height:100px!important;margin:0!important;padding:18px!important;border:1px solid #dfe7f2!important;border-radius:14px!important;gap:12px!important;background:#fff!important;transition:transform .15s,box-shadow .15s,border-color .15s}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card>span{display:flex!important;gap:12px!important;align-items:center!important;min-width:0!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card>span>svg{width:30px!important;height:30px!important;flex:0 0 30px!important;color:var(--course-color)!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-copy{display:flex!important;flex-direction:column!important;gap:5px!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-copy strong{font-size:16px!important;color:#1c3151!important;font-weight:700!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-copy small{font-size:10px!important;color:#7c8ca3!important;line-height:1.5!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card input{width:20px!important;height:20px!important;flex:0 0 20px!important;accent-color:var(--course-color)!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card:has(input:checked){background:linear-gradient(145deg,#fff,var(--course-tint))!important;border:2px solid var(--course-color)!important;padding:17px!important;box-shadow:0 5px 18px color-mix(in srgb,var(--course-color) 12%,transparent)!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card:has(input:checked):after{content:"ĐÃ CHỌN";position:absolute;top:8px;right:10px;font-size:8px;font-weight:700;letter-spacing:1px;color:var(--course-color)}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card:hover{transform:translateY(-2px);border-color:var(--course-edge)!important;box-shadow:0 6px 16px #24385b0a!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-options{margin:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:0!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card{height:auto!important;min-height:72px!important;margin:0!important;padding:12px!important;display:flex!important;gap:9px!important;border:1px solid #d4dce7!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;transition:background .15s,border-color .15s!important;position:relative!important;overflow:hidden!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card>span{display:flex!important;gap:8px!important;align-items:center!important;min-width:0!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card svg{height:22px!important;width:22px!important;flex:0 0 22px!important;color:var(--sj-course-color)!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card input{width:18px!important;height:18px!important;flex:0 0 18px!important;accent-color:var(--sj-course-color)!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-copy strong{font-size:14px!important;line-height:1.35!important;color:#23324b!important;font-weight:700!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-copy small{display:none!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-qlsx{--sj-course-color:#d72b49!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-cokhi{--sj-course-color:#246ce0!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-dientu{--sj-course-color:#8054db!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-ma{--sj-course-color:#008a76!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card:has(input:checked){border:1.5px solid var(--sj-course-color)!important;background:color-mix(in srgb,var(--sj-course-color) 7%,white)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--sj-course-color) 8%,transparent)!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card:has(input:checked):after{display:none!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card svg{display:block!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card{border:1px solid color-mix(in srgb,var(--sj-course-color) 25%,#dce3ee)!important;background:linear-gradient(120deg,color-mix(in srgb,var(--sj-course-color) 4%,white),#fff)!important;border-radius:12px!important;box-shadow:0 3px 9px #23324b05!important;min-height:78px!important;gap:9px!important;padding:12px!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card>span{gap:9px!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-emblem{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;flex:0 0 36px!important;box-sizing:border-box!important;border-radius:10px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--sj-course-color) 65%,white),var(--sj-course-color))!important;box-shadow:0 4px 10px color-mix(in srgb,var(--sj-course-color) 20%,transparent),inset 0 1px 0 #ffffff66!important;border:1px solid #ffffff70!important;color:#fff!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-emblem svg{width:28px!important;height:28px!important;flex:0 0 28px!important;color:#fff!important;stroke-width:1.65!important;display:block!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card:hover{border-color:color-mix(in srgb,var(--sj-course-color) 55%,white)!important;box-shadow:0 4px 14px color-mix(in srgb,var(--sj-course-color) 12%,transparent)!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card:has(input:checked){border:1.5px solid var(--sj-course-color)!important;background:linear-gradient(120deg,color-mix(in srgb,var(--sj-course-color) 10%,white),color-mix(in srgb,var(--sj-course-color) 3%,white))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--sj-course-color) 9%,transparent)!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card:has(input:focus-visible){outline:3px solid #aa875355!important;outline-offset:3px!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjcourse-card {min-height:58px!important;padding:9px!important;gap:9px!important}
body#page-local-sjaccess-add main.sjaccess.sjadmin .sjadmin-grant-form .sjoptional summary {display:flex;justify-content:space-between;align-items:center;gap:8px}

/* Summary cards alternate cool/warm borders; roster headings remain readable. */
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat.is-total {--sj-stat-edge:#2563eb;--sj-stat-tint:#eff6ff}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat.is-passed {--sj-stat-edge:#ea650b;--sj-stat-tint:#fff4e8}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat.is-paid {--sj-stat-edge:#7c3aed;--sj-stat-tint:#f5f0ff}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat.is-debt {--sj-stat-edge:#00976b;--sj-stat-tint:#eafaf3}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat.is-pending {--sj-stat-edge:#e11d48;--sj-stat-tint:#fff0f3}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat {border:2px solid var(--sj-stat-edge)!important;background:linear-gradient(135deg,var(--sj-stat-tint),#fff 72%)!important;box-shadow:0 3px 12px color-mix(in srgb,var(--sj-stat-edge) 9%,transparent)!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat .sjdash-icon {color:var(--sj-stat-edge)!important;background:var(--sj-stat-tint)!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stat .sjdash-icon svg {color:inherit!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjroster thead :is(th,th a,th span) {color:#d7193f!important}

/* 1.5.1: a modest permanent admin rail; the triangle controls the site's menu. */
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) {display:grid!important;grid-template-columns:148px minmax(0,1fr)!important;align-items:start!important;gap:14px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail {position:sticky!important;top:88px!important;align-self:start!important;width:148px!important;box-sizing:border-box!important;min-height:0!important;height:auto!important;padding:12px 9px!important;border:1px solid #e9c118!important;border-radius:12px!important;background:linear-gradient(155deg,#fff24b,#ffe52b)!important;box-shadow:0 6px 20px #aa840d14!important;color:#29250c!important;display:block!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail .sjbrand {padding:6px 3px 12px!important;border-bottom:1px solid #bf9e2240!important;display:flex!important;gap:6px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail .sjbrand-logo {width:116px!important;height:52px!important;object-fit:contain}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail .sjbrand:has(.sjbrand-logo) span {display:none!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail :is(a,strong,small,svg) {color:#29250c!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail .sjbrand strong {font-size:14px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail nav {display:block!important;margin:12px 0!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail nav a {display:flex!important;gap:7px!important;white-space:normal!important;padding:10px 8px!important;font-size:12px!important;margin:4px 0!important;line-height:1.4!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail nav a.is-active {background:#fffcd3!important;box-shadow:0 2px 7px #66580f10!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail .sjstudent-link {display:block!important;padding:10px 6px!important;margin:0!important;font-size:11px!important;border-top:1px solid #bf9e2240!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail .sjsidebar-foot {display:none!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjtheme-menu-toggle {background:#fff9aa!important;color:#29250c!important;border:1px solid #d9b719!important;white-space:normal!important;width:100%!important;font-size:11px!important;padding:7px 5px!important;min-height:30px!important;margin-bottom:6px!important}
body.sj-compact-admin #sidebar-toggle-btn {visibility:hidden!important}
html body.sj-compact-admin.sj-site-menu-managed #s3-premium-rail {display:none!important}
html body.sj-compact-admin.sj-site-menu-managed.sj-site-menu-open #s3-premium-rail {display:flex!important}
html body.sj-compact-admin.sj-site-menu-managed #page:is(.container,.edly-page-drawers,.drawers) {margin-left:0!important;width:100%!important;max-width:none!important;box-sizing:border-box}
@media(min-width:761px){
html body.sj-compact-admin.sj-site-menu-managed.sj-site-menu-open #page:is(.container,.edly-page-drawers,.drawers) {margin-left:var(--sj-site-rail-width,192px)!important;width:calc(100% - var(--sj-site-rail-width,192px))!important}
}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-cards {align-items:start!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-card {min-height:0!important;align-self:start!important;border:1.5px solid var(--sj-class-tone)!important;border-top:3px solid var(--sj-class-tone)!important;background:linear-gradient(145deg,#fff,var(--sj-class-tint))!important;box-shadow:0 3px 11px #24355206!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-card.is-selected {box-shadow:0 0 0 2px color-mix(in srgb,var(--sj-class-tone) 20%,transparent)!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-guests {display:block;color:#d33848!important;font-size:12px!important;line-height:1.5;margin:3px 0}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-guests b {font-size:16px!important;color:inherit!important;font-weight:800}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-details {margin:8px 0 0!important;padding:0!important;border:0!important;background:none!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-details>summary {list-style:none;font-size:10px!important;color:#5f6f87;cursor:pointer;display:flex;justify-content:space-between;gap:5px}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-details>summary::-webkit-details-marker {display:none}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-details:not([open])>summary span {transform:rotate(-90deg)}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjclass-counts {margin-top:8px!important}
@media(max-width:1000px){
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stats {grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) {display:block!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail {position:static!important;width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:12px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail .sjbrand {display:none!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjadmin-rail nav {display:flex!important;flex-wrap:wrap!important;margin:0!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjdash-stats {grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main.sjaccess.sjadmin:is(.sjroster-app,.sjadmin) .sjtheme-menu-toggle {width:auto!important}
}

/* 1.5.3: use the available desktop width, independently of theme card rules. */
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) #page:is(.container,.edly-page-drawers,.drawers) {padding:12px 6px 24px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) :is(#region-main,#region-main-box,#page-content,.edly-main,.main-inner) {max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main#sjaccess-admin.sjaccess.sjadmin {width:100%!important;max-width:none!important;margin:0!important;padding:0!important;grid-template-columns:132px minmax(0,1fr)!important;gap:10px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main#sjaccess-admin.sjaccess.sjadmin .sjadmin-rail {width:132px!important;padding:10px 7px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main#sjaccess-admin.sjaccess.sjadmin .sjadmin-rail :is(nav a,nav a span,.sjstudent-link,.sjbrand small) {font-weight:650!important;color:#232509!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main#sjaccess-admin.sjaccess.sjadmin .sjadmin-rail nav a {font-size:13px!important;line-height:1.45!important;padding:10px 5px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main#sjaccess-admin.sjaccess.sjadmin .sjadmin-rail .sjstudent-link {font-size:12px!important;padding:10px 5px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main#sjaccess-admin.sjaccess.sjadmin .sjadmin-rail .sjbrand-logo {width:110px!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main#sjaccess-admin.sjaccess.sjadmin .sjadmin-rail .sjtheme-menu-toggle {background:#22d3ee!important;color:#073d4b!important;border:1px solid #0891b2!important;font-size:13px!important;font-weight:750!important}
body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main#sjaccess-admin.sjaccess.sjadmin .sjtheme-menu-toggle span {color:inherit!important}
body#page-local-sjaccess-add main#sjaccess-admin .sjadmin-grant-form {width:100%!important;max-width:none!important;margin:0!important}
body#page-local-sjaccess-add main#sjaccess-admin .sjcourse-options {grid-template-columns:repeat(2,minmax(0,1fr))!important}
body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjcourse-emblem {background:color-mix(in srgb,var(--sj-course-color) 9%,white)!important;border:0!important;box-shadow:none!important;color:var(--sj-course-color)!important;border-radius:10px!important}
body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjcourse-emblem svg {color:var(--sj-course-color)!important;stroke-width:1.8!important}
body#page-local-sjaccess-add main#sjaccess-admin .sjcourse-copy strong {white-space:nowrap!important}
@media(min-width:1001px){
 body#page-local-sjaccess-add main#sjaccess-admin .sjstudent-form {grid-template-columns:.88fr 1.12fr!important}
 body#page-local-sjaccess-add main#sjaccess-admin .sjrequest-fields {grid-template-columns:1fr 1fr!important}
 body#page-local-sjaccess-add main#sjaccess-admin .sjrequest-fields>.sjwide {grid-column:1/-1}
 body#page-local-sjaccess-add main#sjaccess-admin .sjform-section {padding:16px 18px!important}
}
@media(min-width:761px){
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster {display:table!important;table-layout:fixed!important}
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster:has(th[data-sj-col=courses]) {min-width:1100px!important}
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster:not(:has(th[data-sj-col=courses])) {min-width:760px!important}
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster thead {display:table-header-group!important}
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster tbody {display:table-row-group!important;width:auto!important}
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster tr {display:table-row!important;position:static!important;margin:0!important;padding:0!important}
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster :is(th,td):not([hidden]):not(.sjrow-number) {display:table-cell!important}
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster td {width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:9px 5px!important;vertical-align:middle!important}
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster td:not(.is-editing) {position:static!important}
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster td::before {display:none!important;content:none!important}
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster:has(th[data-sj-col=courses]) th:nth-child(2) {display:none!important}
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster .sjrow-number {display:none!important}
 body#page-local-sjaccess-students main#sjaccess-admin .sjroster [hidden] {display:none!important}
}
@media(max-width:760px){
 body.sj-compact-admin:is([id^="page-local-sjaccess-"],#page-local-sjaccess-students) main#sjaccess-admin.sjaccess.sjadmin .sjadmin-rail {width:100%!important}
}
/* A compact yellow request header and clearly marked entry requirements. */
body[id^="page-local-sjaccess-"] main.sjaccess .sjrequired {color:#e0183e!important;font-weight:800!important;font-size:15px!important}
body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjpage-head {background:linear-gradient(115deg,#fff054,#ffdf48)!important;color:#302808!important;border-bottom:1px solid #e6c13d!important}
body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjpage-head :is(h1,.sjeyebrow,.sjsubtitle) {color:#302808!important}
body:is(#page-local-sjaccess-index,#page-local-sjaccess-add) main.sjaccess.sjaccess.sjaccess .sjclass-fields>.sjfield-help {display:inline-block!important;color:#ce1435!important;background:#fff0f3!important;font-size:12px!important;font-weight:650!important;line-height:1.4!important;padding:4px 7px!important;border-radius:5px!important;margin-top:5px!important}
/* The Google entry follows the same white/green button at every viewport. */
body#page-local-sjaccess-index main#sjaccess-request .sjemail-methods {display:block!important}
body#page-local-sjaccess-index main#sjaccess-request .sjgoogle-callout {width:100%;margin-top:6px}
body#page-local-sjaccess-index main#sjaccess-request .sjgoogle-prompt {margin:0 0 6px!important;padding:4px 6px!important;border:3px solid #ffc400!important;background:#fff!important;color:#111!important;text-align:center;font-size:12px!important;line-height:1.4!important;font-weight:500!important}
body#page-local-sjaccess-index main#sjaccess-request .sjgoogle-prompt>span {display:block}
body#page-local-sjaccess-index main#sjaccess-request .sjgoogle-prompt strong {color:#111!important;font-weight:750}
body#page-local-sjaccess-index main#sjaccess-request .sjgoogle-pointer {font-size:18px;line-height:1;vertical-align:middle}
body#page-local-sjaccess-index main#sjaccess-request a.sjgoogle-login {display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;box-sizing:border-box!important;width:100%!important;background:#fff!important;border:4px solid #19ed00!important;color:#111!important;font-size:16px!important;font-weight:500!important;padding:5px 10px!important;min-height:40px!important;border-radius:10px!important;box-shadow:none!important;text-decoration:none!important}
body#page-local-sjaccess-index main#sjaccess-request a.sjgoogle-login:hover {background:#f5fff2!important;border-color:#11d900!important}
body#page-local-sjaccess-index main#sjaccess-request a.sjgoogle-login:focus-visible {outline:3px solid #0b7447!important;outline-offset:3px}
body#page-local-sjaccess-index main#sjaccess-request .sjgoogle-mark {width:22px!important;height:22px!important;flex:0 0 22px!important;stroke:none!important}
/* 1.5.6: cyan double edges at rest, vivid red on the active control. */
body#page-local-sjaccess-index main#sjaccess-request .sjstudent-form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) {box-sizing:border-box!important;border:2px solid #0891b2!important;outline:1px solid #0891b2!important;outline-offset:2px!important;background:linear-gradient(180deg,#fff,#f3faff)!important;color:#19364d!important;box-shadow:0 0 0 4px #06b6d41a!important;transition:border-color .15s,outline-color .15s,box-shadow .15s}
body#page-local-sjaccess-index main#sjaccess-request .sjstudent-form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea):hover:not(:disabled):not([readonly]) {border-color:#087e9b!important}
body#page-local-sjaccess-index main#sjaccess-request .sjstudent-form :is(input,select,textarea):is([readonly],:disabled) {background:#edf2f7!important;color:#50657a!important}
body#page-local-sjaccess-index main#sjaccess-request .sjstudent-form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea):user-invalid {border-color:#ff1744!important;outline-color:#ff1744!important;box-shadow:0 0 0 5px #ff17441a!important}
body#page-local-sjaccess-index main#sjaccess-request .sjstudent-form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea):focus:not(:disabled):not([type=hidden]) {border-color:#ff1744!important;background:#fff!important;outline:2px solid #ff1744!important;outline-offset:2px!important;box-shadow:0 0 0 5px #ff17441f!important}
body#page-local-sjaccess-index main#sjaccess-request .sjstudent-form :is(.sjcourse-card,.sjupload) {border:2px solid #0891b2!important;outline:1px solid #0891b2!important;outline-offset:2px!important;box-shadow:0 0 0 4px #06b6d41a!important;transition:border-color .15s,outline-color .15s,box-shadow .15s}
body#page-local-sjaccess-index main#sjaccess-request .sjstudent-form .sjcourse-card input {accent-color:#ff1744!important}
body#page-local-sjaccess-index main#sjaccess-request .sjstudent-form :is(.sjcourse-card,.sjupload) input:focus {outline:2px solid #ff1744!important;outline-offset:2px!important}
body#page-local-sjaccess-index main#sjaccess-request .sjstudent-form .sjcourse-card:has(input:checked) {border-color:#ff1744!important;outline-color:#ff1744!important;background:#fff3f5!important;box-shadow:0 0 0 5px #ff17441a!important}
body#page-local-sjaccess-index main#sjaccess-request .sjstudent-form :is(.sjcourse-card,.sjupload):focus-within {border-color:#ff1744!important;outline:2px solid #ff1744!important;outline-offset:2px!important;box-shadow:0 0 0 5px #ff17441f!important}
body#page-local-sjaccess-index main#sjaccess-request :is(a.sjgoogle-login,.sjstudent-form button,.sjoptional>summary):focus {border-color:#ff1744!important;outline:2px solid #ff1744!important;outline-offset:2px!important;box-shadow:0 0 0 5px #ff17441f!important}
@media(prefers-reduced-motion:reduce){body#page-local-sjaccess-index main#sjaccess-request .sjstudent-form :is(input,select,textarea) {transition:none!important}}
@media(min-width:1001px){
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent {margin:4px auto!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjpage-head {padding:8px 20px!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjpage-head h1 {font-size:24px!important;line-height:1.2!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjlogin-note {padding:5px 10px!important;margin:5px 20px 0!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjstudent-form .sjform-section {padding:8px 20px!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjform-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjstudent-form :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select) {height:38px!important;min-height:38px!important;padding:7px 10px!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjcourse-card {min-height:50px!important;padding:7px!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjrequest-fields {grid-template-columns:1fr 1.15fr!important;gap:12px!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjoptional {margin-top:6px!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjoptional>summary {padding:3px 0!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent textarea {height:52px!important;min-height:52px!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjform-footer {padding:8px 20px!important}
 body#page-local-sjaccess-index main.sjaccess.sjaccess.sjaccess.sjstudent .sjform-footer button {height:38px!important;min-height:38px!important;padding:8px 24px!important}
}

/* 1.5.7: remove row stretching caused by the Google sign-in block. */
@media(min-width:1001px){
 body#page-local-sjaccess-index main#sjaccess-request {max-width:1260px!important;margin:4px auto!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjpage-head {padding:7px 18px!important;gap:12px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjpage-head h1 {margin:3px 0!important;font-size:23px!important;line-height:1.2!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjpage-head .sjsubtitle {line-height:1.35!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjpage-head .sjeyebrow {line-height:1.3!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjlogin-note {margin:4px 18px 0!important;padding:4px 8px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjstudent-form {align-items:stretch!important;grid-template-rows:auto auto auto!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjform-section {padding:8px 18px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjsection-title {margin-bottom:8px!important;min-height:0!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjsection-title h2 {font-size:16px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjsection-title>span {width:24px!important;height:24px!important;flex-basis:24px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjsection-identity>.sjform-grid {grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto!important;gap:10px 14px!important;align-items:start!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjsection-identity>.sjform-grid>.sjidentity-fullname {grid-column:1;grid-row:1}
 body#page-local-sjaccess-index main#sjaccess-request .sjsection-identity>.sjform-grid>.sjidentity-facebook {grid-column:1;grid-row:2}
 body#page-local-sjaccess-index main#sjaccess-request .sjsection-identity>.sjform-grid>.sjclass-fields {grid-column:1;grid-row:3}
 body#page-local-sjaccess-index main#sjaccess-request .sjsection-identity>.sjform-grid>.sjidentity-email {grid-column:2;grid-row:1/4}
 body#page-local-sjaccess-index main#sjaccess-request .sjclass-fields>.sjfield-help {font-size:11px!important;line-height:1.3!important;padding:3px 5px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjcourse-options {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjcourse-options>legend {position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjcourse-card {margin:0!important;min-height:48px!important;padding:7px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjcourse-emblem {width:30px!important;height:30px!important;flex-basis:30px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjcourse-emblem svg {width:23px!important;height:23px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjrequest-fields {gap:12px!important}
 body#page-local-sjaccess-index main#sjaccess-request textarea {min-height:44px!important;height:44px!important;padding:7px 10px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjoptional {margin-top:8px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjoptional>summary {padding:2px 0!important;line-height:18px!important}
 body#page-local-sjaccess-index main#sjaccess-request .sjform-footer {padding:7px 18px!important}
}