/* ==========================================================================
   New UI: Digital classroom head toolbar and side panels (Instructors, Roster).
   Every selector under .nui-on. Reusable pieces belong in new-ui-kit.css.
   ========================================================================== */

/* ---- head toolbar (home-ee6abbec9c.html .panel-heading-misc) ------------------------ */
.nui-on .cls-home .panel-heading-misc .btn-group-spaced { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.nui-on .cls-home .panel-heading-misc .btn-group-spaced > * { margin: 0; }
.nui-on .cls-home .panel-heading-misc .btn-group { display: inline-flex; align-items: center; vertical-align: middle; }
.nui-on .cls-home .panel-heading-misc .btn-group.cls-head-split { gap: 8px; }
.nui-on .cls-home .panel-heading-misc .cls-head-btn { margin: 0; text-decoration: none; }
.nui-on .cls-home .panel-heading-misc .cls-head-btn img { display: block; }
/* Go Live + caret and Edit + caret read as one split button */
.nui-on .cls-home .cls-head-split > .cls-head-btn:not(.nk-btn-caret):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.nui-on .cls-home .cls-head-split > .cls-golive { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.nui-on .cls-home .cls-head-split > .nk-btn-caret { margin-left: -9px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 32px; }
.nui-on .cls-home .cls-head-split > .nk-btn-caret > i { font-size: 10px; }
.nui-on .cls-home .panel-heading-misc .nk-btn-icon > i { font-size: 14px; }
.nui-on .cls-home .panel-heading-misc .nk-btn[disabled],
.nui-on .cls-home .panel-heading-misc .nk-btn.disabled { opacity: .5; cursor: not-allowed; }
/* live-state indicator replaces the green fill */
.nui-on .cls-home .cls-live-dot { display: none; width: 8px; height: 8px; border-radius: 50%; background: #2E9E5B; flex: 0 0 auto; }
.nui-on .cls-home .cls-golive.is-live .cls-live-dot { display: inline-block; box-shadow: 0 0 0 3px rgba(46, 158, 91, .2); }
.nui-on .cls-home .cls-golive.is-live { color: var(--nk-ink, #1f2a37); }
/* dropdown menu items: neutral icon chips instead of solid colours (destructive stays red) */
.nui-on .cls-home .panel-heading-misc .dropdown-menu .btn-circle {
    background: var(--aa-grey-100, #EEF1F2) !important; border: 0 !important; box-shadow: none !important;
    color: var(--nk-text, #4a5560) !important; width: 28px; height: 28px; min-width: 28px; padding: 0 !important;
    display: inline-flex; align-items: center; justify-content: center; margin-right: 6px;
}
.nui-on .cls-home .panel-heading-misc .dropdown-menu .btn-circle.btn-danger { background: #FDECEC !important; color: #C0392B !important; }
.nui-on .cls-home .panel-heading-misc .dropdown-menu .btn-circle i { font-size: 12px; color: inherit; }

/* ---- Instructors / Roster side cards ------------------------------------- */
.nui-on .cls-home .cls-feed-side .edin-panel { background: #fff; border: 1px solid var(--aa-grey-100, #EEF1F2); border-radius: 14px; box-shadow: none; overflow: hidden; }
.nui-on .cls-home .cls-feed-side .cls-feed-header-bar { background: #fff; }
.nui-on .cls-home .cls-feed-side .cls-feed-side-title { color: var(--nk-ink, #1f2a37) !important; font-weight: 700; font-size: 13px; }
.nui-on .cls-home .cls-feed-side .cls-feed-header-bar > span:not(.cls-feed-side-title) { display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 6px; }
.nui-on .cls-home .cls-feed-side .cls-feed-header-bar .pull-right { float: none !important; margin: 0 !important; }
.nui-on .cls-home .cls-feed-side .is-primary.pb3 { display: none; }
/* kit 30px icon buttons in place of solid circles (beats .btn-circle/.btn-primary/.btn-success) */
.nui-on .cls-home .cls-icon-btn.btn-circle {
    width: 30px !important; height: 30px !important; min-width: 30px; padding: 0 !important; border-radius: 8px !important;
    display: inline-flex; align-items: center; justify-content: center; line-height: 1;
    background: #fff !important; border: 1px solid var(--nk-border, #D5DCE0) !important; color: var(--nk-text, #4a5560) !important;
    box-shadow: none !important; background-image: none !important;
}
.nui-on .cls-home .cls-icon-btn.btn-circle:hover:not([disabled]) { border-color: var(--nk-blue, #0074C5) !important; color: var(--nk-blue, #0074C5) !important; }
.nui-on .cls-home .cls-icon-btn.btn-circle[disabled] { opacity: .45; cursor: not-allowed; }
.nui-on .cls-home .cls-icon-btn.btn-circle i { font-size: 12px; color: inherit; }
/* instructor contact rows: quiet grey chips instead of gradient circles */
.nui-on .cls-home .class-teacher .wh-card { border: 0; box-shadow: none; }
.nui-on .cls-home .class-teacher .list-group-addon .btn-circle {
    background: var(--aa-grey-100, #EEF1F2) !important; background-image: none !important; box-shadow: none !important;
}
.nui-on .cls-home .class-teacher .list-group-addon .btn-circle i { color: var(--nk-text, #4a5560) !important; font-size: 13px; }
.nui-on .cls-home .class-teacher .btn.btn-success.btn-block {
    background: var(--nk-blue, #0074C5); border-color: var(--nk-blue, #0074C5); color: #fff;
}
/* roster: 34px search, Check Status secondary */
.nui-on .cls-home .classroom-roster input.form-control { height: 34px; border-radius: 8px; border: 1px solid var(--nk-border, #D5DCE0); box-shadow: none; font-size: 13px; }
.nui-on .cls-home .classroom-roster input.form-control:focus { border-color: var(--nk-blue, #0074C5); }
.nui-on .cls-home .classroom-roster .input-group-clear { height: 34px; }
.nui-on .cls-home .cls-feed-side .classroom-roster button.btn-primary[uib-tooltip="Check student online status"] {
    height: 34px; background: #fff; border: 1px solid var(--nk-border, #D5DCE0); color: var(--nk-ink, #1f2a37);
    border-radius: 8px; font-weight: 600; font-size: 13px; box-shadow: none; background-image: none;
}
.nui-on .cls-home .cls-feed-side .classroom-roster button.btn-primary[uib-tooltip="Check student online status"]:hover { border-color: var(--nk-blue, #0074C5); color: var(--nk-blue, #0074C5); background: #fff; }

/* ---- classroom side nav "Filters" card (Progress Tracker): quiet rail section ---- */
.nui-on .cls-page .page-sidebar:not(.page-sidebar-hidden) .panel-body > .wh-card ~ .wh-card { border: 0; box-shadow: none; background: transparent; border-top: 1px solid var(--aa-grey-100, #EEF1F2); border-radius: 0; margin-top: 4px; }
.nui-on .cls-page .page-sidebar:not(.page-sidebar-hidden) .panel-body > .wh-card ~ .wh-card > .wh-card-header.brand-bg-primary {
    background: transparent !important; background-image: none !important; color: var(--nk-text, #4a5560) !important; box-shadow: none; border: 0; padding-left: 0; }
.nui-on .cls-page .page-sidebar:not(.page-sidebar-hidden) .panel-body > .wh-card ~ .wh-card > .wh-card-header.brand-bg-primary .wh-card-title,
.nui-on .cls-page .page-sidebar:not(.page-sidebar-hidden) .panel-body > .wh-card ~ .wh-card > .wh-card-header.brand-bg-primary i {
    color: inherit !important; font-size: 12px; font-weight: 700; letter-spacing: .02em; }