/* New UI section sheet: courses. Every selector under .nui-on. Shared pieces belong in new-ui-kit.css, not here. */

/* ==========================================================================
   Grading grid (custom-grid.html, shared by Grading Center and classroom
   grading). Wrapper rules only: the grid's own sheet paints purple, green and
   red gradient buttons. New UI: one solid blue primary per surface, the rest
   secondary (white, grey border, blue on hover), selected states pale blue.
   ========================================================================== */
.nui-on .cg .cg__btn-ai,
.nui-on .cg .cg__btn-ai-compact,
.nui-on .cg .cg__bulk-auto-btn,
.nui-on .cg .cg__panel-slide-btn,
.nui-on .cg .cg__axle-staged-dismiss-btn {
    background: #fff;
    background-image: none;
    color: var(--aa-blue, #0074C5);
    border: 1px solid var(--dc-border, #E3E8EB);
    box-shadow: none;
}
.nui-on .cg .cg__btn-ai:hover:not(:disabled),
.nui-on .cg .cg__btn-ai-compact:hover:not(:disabled),
.nui-on .cg .cg__bulk-auto-btn:hover:not(:disabled),
.nui-on .cg .cg__panel-slide-btn:hover:not(:disabled),
.nui-on .cg .cg__axle-staged-dismiss-btn:hover:not(:disabled) {
    background: rgba(0, 116, 197, .06);
    border-color: var(--aa-blue, #0074C5);
    color: var(--aa-blue, #0074C5);
    box-shadow: none;
}
.nui-on .cg .cg__btn-ai--reasoning { color: #7B8E92; }

/* selected / active toggles: pale blue, not a solid colour */
.nui-on .cg .cg__btn-ai-compact--active,
.nui-on .cg .cg__panel-slide-btn.cg__panel-slide-btn--active,
.nui-on .cg .cg__panel-slide-btn--axol.cg__panel-slide-btn--active {
    background: rgba(0, 116, 197, .10);
    border-color: rgba(0, 116, 197, .35);
    color: var(--aa-blue, #0074C5);
    box-shadow: none;
}
.nui-on .cg .cg__btn-ai-compact--active:hover:not(:disabled),
.nui-on .cg .cg__panel-slide-btn.cg__panel-slide-btn--active:hover:not(:disabled),
.nui-on .cg .cg__panel-slide-btn--axol.cg__panel-slide-btn--active:hover:not(:disabled) {
    background: rgba(0, 116, 197, .16);
    border-color: var(--aa-blue, #0074C5);
}
.nui-on .cg .cg__panel-slide-btn--axol:not(.cg__panel-slide-btn--active) { background: #fff; border-color: var(--dc-border, #E3E8EB); color: var(--aa-blue, #0074C5); }
.nui-on .cg .cg__panel-slide-btn--axol:not(.cg__panel-slide-btn--active):hover { background: rgba(0, 116, 197, .06); border-color: var(--aa-blue, #0074C5); }

/* the primary actions: Grade, Apply staged, Accept */
.nui-on .cg .cg__btn-ai--grade,
.nui-on .cg .cg__axle-staged-apply-btn,
.nui-on .cg .cg__btn-accept {
    background: var(--aa-blue, #0074C5) !important;
    background-image: none !important;
    border: 1px solid var(--aa-blue, #0074C5) !important;
    color: #fff !important;
    box-shadow: none !important;
}
.nui-on .cg .cg__btn-ai--grade:hover:not(:disabled),
.nui-on .cg .cg__axle-staged-apply-btn:hover:not(:disabled),
.nui-on .cg .cg__btn-accept:hover {
    background: #005F9F !important;
    border-color: #005F9F !important;
    box-shadow: none !important;
}

/* inline accept / reject chips: neutral, danger only on reject hover */
.nui-on .cg .cg__ai-staged-inline-btn--accept { background: #fff; border-color: var(--dc-border, #E3E8EB); color: var(--aa-blue, #0074C5); }
.nui-on .cg .cg__ai-staged-inline-btn--reject { background: #fff; border-color: var(--dc-border, #E3E8EB); color: #B42318; }
.nui-on .cg .cg__ai-staged-inline-btn--reject:hover { border-color: #B42318; }

/* "Next ungraded" and the backlog call to action: quiet, not solid/amber */
.nui-on .cg .cg__next-ungraded-btn { background: #fff; color: var(--aa-blue, #0074C5); border: 1px solid var(--dc-border, #E3E8EB); }
.nui-on .cg .cg__next-ungraded-btn i { color: inherit; }
.nui-on .cg .cg__next-ungraded-btn:hover { background: rgba(0, 116, 197, .06); border-color: var(--aa-blue, #0074C5); }
.nui-on .cg .cg__cta-btn { color: var(--aa-blue, #0074C5); border-color: var(--dc-border, #E3E8EB); border-radius: 8px; }
.nui-on .cg .cg__cta-btn:hover { background: rgba(0, 116, 197, .06); border-color: var(--aa-blue, #0074C5); }

/* view toggle: selected = pale blue */
.nui-on .cg .cg__view-toggle-btn--active { background: rgba(0, 116, 197, .10); color: var(--aa-blue, #0074C5); box-shadow: none; }

/* ==========================================================================
   Admin > Classroom Management rail (courses/classrooms/management): the
   Search / Reset pair under the header becomes one compact row: Reset as a
   text action on the left, Search as the single primary on the right.
   ========================================================================== */
.nui-on .cls-filter-rail .page-sidebar .f00auto > .d-flex { flex-direction: row-reverse; justify-content: space-between; align-items: center; padding: 8px 12px; gap: 8px; }
.nui-on .cls-filter-rail .page-sidebar .f00auto > .d-flex > a.btn { width: auto !important; height: 30px; padding: 0 12px; border-radius: 8px; font-size: 12.5px; font-weight: 600; line-height: 28px; box-shadow: none; }
.nui-on .cls-filter-rail .page-sidebar .f00auto > .d-flex > a.btn-default { background: transparent; border-color: transparent; color: var(--dc-muted, #7B8E92); padding: 0 6px; }
.nui-on .cls-filter-rail .page-sidebar .f00auto > .d-flex > a.btn-default:hover { color: var(--aa-blue, #0074C5); background: transparent; }