/* ==========================================================================
   New UI: Course Admin: Profile, Classroom Management, Course Enrollment.
   Every selector under .nui-on. Reusable pieces belong in new-ui-kit.css.
   ========================================================================== */

/* ---- Admin > Profile (nk-form, autosaves: no save bar) -------------------- */
.nui-on .nk-prof.h100 { height: 100%; }
.nui-on .nk-prof .nk-head { gap: 12px; }
.nui-on .nk-prof .nk-prof-name.form-control {
    flex: 0 1 460px;
    min-width: 160px;
    height: 38px;
    font-size: 16px;
    font-weight: 700;
}
.nui-on .nk-prof .nk-head .nk-id { color: var(--nk-muted); white-space: nowrap; }
.nui-on .nk-prof .nk-prof-alert { margin: 0; border-radius: var(--nk-radius-sm); font-size: 13px; }
.nui-on .nk-prof .nk-section-meta { margin-right: auto; margin-left: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.nui-on .nk-prof .nk-prof-stack { display: flex; flex-direction: column; gap: 16px; }
.nui-on .nk-prof .nk-prof-checks { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; }
.nui-on .nk-prof .nk-prof-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1100px) { .nui-on .nk-prof .nk-prof-grid-4 { grid-template-columns: 1fr 1fr; } }
.nui-on .nk-prof .nk-prof-media { display: flex; gap: 16px; align-items: stretch; }
.nui-on .nk-prof .nk-prof-media > banner,
.nui-on .nk-prof .nk-prof-media > .nk-prof-banner { flex: 3 1 0; min-width: 0; width: auto !important; float: none; padding: 0; }
.nui-on .nk-prof .nk-prof-media > .nk-prof-bg { flex: 1 1 0; }
.nui-on .nk-prof .nk-prof-media > banner:only-child { flex: 1 1 auto; }
.nui-on .nk-prof .nk-section-head .spinner,
.nui-on .nk-prof .nk-label .spinner { display: inline-block; vertical-align: middle; }
.nui-on .nk-prof .nk-table { font-size: 13px; }
.nui-on .nk-prof .nk-table th { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--nk-muted); border-bottom: 1px solid var(--nk-line); }
.nui-on .nk-prof .nk-table td { border-top: 1px solid var(--nk-line); vertical-align: middle; }

/* ---- Admin > Classroom Management (asr-page) ------------------------------ */
.nui-on .asr-page.nk-adm-class { height: 100%; padding: 0; }
.nui-on .nk-adm-class .asr-results { display: flex; flex-direction: column; min-width: 0; min-height: 0; flex: 1 1 auto; background: var(--asr-white); border: 1px solid var(--asr-border); border-radius: var(--asr-radius); overflow: hidden; }
.nui-on .nk-adm-class .nk-adm-title { font-size: 13px; font-weight: 700; }
.nui-on .nk-adm-class .asr-results-head .asr-total { margin-left: auto; }
.nui-on .nk-adm-class .nk-adm-overwrite { margin: 0; font-size: 12px; }
.nui-on .nk-adm-class .nk-adm-body { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 12px 14px; }
.nui-on .nk-adm-class .nk-adm-block + .nk-adm-block { margin-top: 14px; }
.nui-on .nk-adm-class .nk-adm-block-head {
    display: flex; align-items: center; gap: 8px; width: 100%;
    padding: 6px 0; border: 0; border-top: 1px solid var(--asr-border); background: transparent;
    font: 700 13px/1.2 var(--asr-font); color: var(--asr-ink); text-align: left; cursor: pointer;
}
.nui-on .nk-adm-class .nk-adm-block:first-child .nk-adm-block-head { border-top: 0; }
.nui-on .nk-adm-class .nk-adm-block-head .nk-chev { margin-left: 0; color: var(--asr-muted); font-size: 11px; width: 12px; }
.nui-on .nk-adm-class .asr-rail-body .select2-container { width: 100% !important; }

/* ---- Admin > Course Enrollment (compact head + table) ---------------------- */
.nui-on .nk-um { height: 100%; }
.nui-on .nk-um .nk-um-head { padding-bottom: 10px; }
.nui-on .nk-um .nk-um-count { font-size: 13px; color: var(--nk-muted); }
.nui-on .nk-um .nk-um-count strong { color: var(--nk-ink); }
.nui-on .nk-um .nk-um-sep { width: 1px; height: 20px; background: var(--nk-line); margin: 0 2px; }
.nui-on .nk-um .nk-um-danger:not([disabled]) { color: var(--nk-bad); }
.nui-on .nk-um .nk-um-main { overflow: hidden; padding-right: 0; gap: 0; background: var(--nk-white); border: 1px solid var(--nk-line); border-radius: var(--nk-radius); }
.nui-on .nk-um #userManagement-list { flex: 1 1 auto; min-height: 0; overflow: auto; }
.nui-on .nk-um .nk-um-actions { display: flex; justify-content: center; gap: 6px; }
.nui-on .nk-um .nk-btn-icon.nk-btn-sm { width: 30px; }
.nui-on .nk-um a.nk-btn { text-decoration: none; }