@import '_content/ngooneRCL/ngooneRCL.vh4ssjoz4c.bundle.scp.css';

/* /Components/Account/Pages/Loginhome.razor.rz.scp.css */
/* ==========================================================================
   Loginhome — page-specific layout/artwork only
   Shared auth form/card/input/button styles live in css/auth-pages.css
   ========================================================================== */

.loginhome-card[b-lz47ppofw5] {
    width: min(100%, 1320px);
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

.loginhome-card--form-only[b-lz47ppofw5] {
    width: min(100%, 520px);
}

.loginhome-form-panel[b-lz47ppofw5] {
    background: #fff;
    display: flex;
    align-items: center;
}

.loginhome-form-inner[b-lz47ppofw5] {
    width: 100%;
    padding: 1.25rem;
}

.loginhome-brand-block[b-lz47ppofw5] {
    text-align: center;
    margin-bottom: 1.35rem;
}

.loginhome-logo[b-lz47ppofw5] {
    display: block;
    width: auto;
    max-width: min(190px, 72vw);
    max-height: 128px;
    object-fit: contain;
    object-position: center;
    margin: 0 auto 1rem;
}

.loginhome-copy[b-lz47ppofw5] {
    margin-top: .5rem;
}

.loginhome-heading[b-lz47ppofw5] {
    margin: 0;
    color: var(--auth-text, #101828);
    font-size: clamp(1.5rem, 7vw, 2.25rem);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}

.loginhome-subtitle[b-lz47ppofw5] {
    margin: .6rem 0 0;
    color: var(--auth-muted, #667085);
    font-size: .95rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.loginhome-alert[b-lz47ppofw5] {
    padding: .75rem .9rem;
    border-radius: 12px;
    border: 1px solid var(--auth-danger-border, #fbcfe8);
    background: var(--auth-danger-bg, #fce7ef);
    color: var(--auth-danger-text, #9f1239);
    font-size: .9rem;
    font-weight: 600;
}

.loginhome-hero-panel[b-lz47ppofw5] {
    position: relative;
    overflow: hidden;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    background: radial-gradient(circle at 80% 20%, rgba(37, 99, 235, .10), transparent 18rem), linear-gradient(135deg, #f8fbff 0%, #edf5ff 100%);
}

.loginhome-hero-art[b-lz47ppofw5] {
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Tablet / desktop */

@media (min-width: 768px) {
    .loginhome-card[b-lz47ppofw5] {
        display: grid;
        grid-template-columns: minmax(330px, 440px) minmax(0, 1fr);
        min-height: clamp(500px, 62dvh, 620px);
        border-radius: 18px;
        box-shadow: 0 22px 60px rgba(16, 24, 40, .10);
    }

    .loginhome-card--form-only[b-lz47ppofw5] {
        display: block;
        width: min(100%, 520px);
        min-height: auto;
    }

    .loginhome-form-inner[b-lz47ppofw5] {
        padding: clamp(2rem, 4vw, 3.5rem);
    }

    .loginhome-brand-block[b-lz47ppofw5] {
        text-align: left;
        margin-bottom: clamp(1.5rem, 4vw, 2.25rem);
    }

    .loginhome-logo[b-lz47ppofw5] {
        margin-left: 0;
        margin-right: 0;
        max-width: min(180px, 58vw);
        max-height: 118px;
        object-position: left center;
    }

    .loginhome-heading[b-lz47ppofw5] {
        font-size: clamp(1.75rem, 2.7vw, 2.75rem);
    }

    .loginhome-subtitle[b-lz47ppofw5] {
        font-size: 1rem;
    }

    .loginhome-submit[b-lz47ppofw5] {
        height: 56px;
    }
}

/* Small phones */

@media (max-width: 389.98px) {
    .loginhome-form-inner[b-lz47ppofw5] {
        padding: 1rem;
    }

    .loginhome-logo[b-lz47ppofw5] {
        max-height: 112px;
    }
}
/* /Components/Account/Pages/Register.razor.rz.scp.css */
/* ==========================================================================
   Register — page-specific layout only
   Shared auth form/card/input/button styles live in css/auth-pages.css
   ========================================================================== */

.register-shell[b-mmxevbw6fv] {
    width: min(100%, 980px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .8fr);
    gap: clamp(1rem, 3vw, 1.5rem);
}

.register-panel[b-mmxevbw6fv] {
    min-width: 0;
}

/* Tablet */

@media (max-width: 991.98px) {
    .register-shell[b-mmxevbw6fv] {
        grid-template-columns: 1fr;
        width: min(100%, 620px);
    }
}

/* Mobile */

@media (max-width: 767.98px) {
    .register-shell[b-mmxevbw6fv] {
        width: 100%;
        gap: 1rem;
    }
}
/* /Components/Account/Pages/RegisterStep2.razor.rz.scp.css */
/* ==========================================================================
   RegisterStep2 — page-specific layout only
   Shared auth form/card/input/button styles live in css/auth-pages.css
   ========================================================================== */

.registerstep2-shell[b-p4ln3bkk8p] {
    width: min(100%, 860px);
    margin: 0 auto;
}

.registerstep2-grid[b-p4ln3bkk8p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem 1rem;
}

.registerstep2-field--full[b-p4ln3bkk8p] {
    grid-column: 1 / -1;
}

/* Tablet */

@media (max-width: 991.98px) {
    .registerstep2-shell[b-p4ln3bkk8p] {
        width: min(100%, 620px);
    }

    .registerstep2-grid[b-p4ln3bkk8p] {
        grid-template-columns: 1fr;
    }

    .registerstep2-field--full[b-p4ln3bkk8p] {
        grid-column: auto;
    }
}

/* Mobile */

@media (max-width: 767.98px) {
    .registerstep2-shell[b-p4ln3bkk8p] {
        width: 100%;
    }
}
/* /Components/Account/Pages/RegisterSwitch.razor.rz.scp.css */
/* ==========================================================================
   RegisterSwitch — clean portal selection page
   Softer typography, calmer cards, no dependency on global .mybtng.
   ========================================================================== */

.registerswitch-page[b-vgacrplgfd] {
    width: min(100%, 1040px);
    margin: 0 auto;
    padding-top: clamp(1.25rem, 4vw, 3.5rem);
    padding-bottom: clamp(1rem, 3vw, 2rem);
}

.registerswitch-header[b-vgacrplgfd] {
    margin-bottom: clamp(1.15rem, 2.6vw, 1.75rem);
}

    .registerswitch-header h1[b-vgacrplgfd] {
        margin: 0;
        color: var(--auth-text, #101828);
        font-size: clamp(1.85rem, 3vw, 2.45rem);
        line-height: 1.12;
        font-weight: 700;
        letter-spacing: -.025em;
    }

.registerswitch-content[b-vgacrplgfd],
#mylargebanner01[b-vgacrplgfd],
#imagecontainer[b-vgacrplgfd] {
    width: 100%;
}

.registerswitch-grid[b-vgacrplgfd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.35rem);
}

.registerswitch-cardlink[b-vgacrplgfd] {
    display: block;
    color: inherit;
    text-decoration: none;
    min-width: 0;
}

    .registerswitch-cardlink:hover[b-vgacrplgfd],
    .registerswitch-cardlink:focus[b-vgacrplgfd],
    .registerswitch-cardlink:active[b-vgacrplgfd],
    .registerswitch-cardlink:visited[b-vgacrplgfd] {
        color: inherit;
        text-decoration: none;
    }

    .registerswitch-cardlink:focus-visible[b-vgacrplgfd] {
        outline: 3px solid rgba(37, 99, 235, .28);
        outline-offset: 5px;
        border-radius: 18px;
    }

.registerswitch-card[b-vgacrplgfd] {
    min-height: 148px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.05rem;
    padding: 1.2rem;
    border: 1px solid var(--auth-border, var(--border, #e6eaf0));
    border-radius: 16px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 12px 30px rgba(16, 24, 40, .065);
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.registerswitch-cardlink:hover .registerswitch-card[b-vgacrplgfd] {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, .22);
    box-shadow: 0 18px 40px rgba(16, 24, 40, .105);
}

.registerswitch-card-title[b-vgacrplgfd] {
    margin: 0;
    color: var(--auth-text, #101828);
    font-size: clamp(1.05rem, 1.35vw, 1.22rem);
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -.015em;
    text-align: center;
    overflow-wrap: anywhere;
}

.registerswitch-card-action[b-vgacrplgfd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    width: 100%;
    padding: .62rem .85rem;
    border-radius: 12px;
    background: #f8fafc;
    color: var(--auth-text, #101828);
    font-size: .93rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}

.registerswitch-cardlink:hover .registerswitch-card-action[b-vgacrplgfd] {
    background: #eef4ff;
    color: var(--auth-primary, #155ce5);
}

/* Emphasis variants */

.registerswitch-cardlink--success .registerswitch-card[b-vgacrplgfd] {
    border-color: rgba(22, 163, 74, .25);
    background: linear-gradient(135deg, #168447 0%, #13783f 100%);
}

.registerswitch-cardlink--danger .registerswitch-card[b-vgacrplgfd] {
    border-color: rgba(225, 29, 72, .25);
    background: linear-gradient(135deg, #df3047 0%, #d7263d 100%);
}

.registerswitch-cardlink--success .registerswitch-card-title[b-vgacrplgfd],
.registerswitch-cardlink--danger .registerswitch-card-title[b-vgacrplgfd] {
    color: #fff;
}

.registerswitch-cardlink--success .registerswitch-card-action[b-vgacrplgfd],
.registerswitch-cardlink--danger .registerswitch-card-action[b-vgacrplgfd] {
    color: #fff;
    background: rgba(255, 255, 255, .13);
}

.registerswitch-cardlink--success:hover .registerswitch-card-action[b-vgacrplgfd],
.registerswitch-cardlink--danger:hover .registerswitch-card-action[b-vgacrplgfd] {
    color: #fff;
    background: rgba(255, 255, 255, .19);
}

/* Tablet */

@media (max-width: 991.98px) {
    .registerswitch-grid[b-vgacrplgfd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */

@media (max-width: 575.98px) {
    .registerswitch-page[b-vgacrplgfd] {
        width: 100%;
        padding-top: .5rem;
        padding-bottom: .75rem;
    }

    .registerswitch-header[b-vgacrplgfd] {
        margin-bottom: 1rem;
    }

        .registerswitch-header h1[b-vgacrplgfd] {
            font-size: clamp(1.75rem, 7.2vw, 2.2rem);
            font-weight: 650;
            letter-spacing: -.02em;
        }

    .registerswitch-grid[b-vgacrplgfd] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .registerswitch-card[b-vgacrplgfd] {
        min-height: 140px;
        border-radius: 14px;
        padding: 1.15rem;
    }

    .registerswitch-card-title[b-vgacrplgfd] {
        font-size: clamp(1.12rem, 5.2vw, 1.38rem);
    }

    .registerswitch-card-action[b-vgacrplgfd] {
        min-height: 42px;
        font-size: .96rem;
    }
}

/* Reduced motion */

@media (prefers-reduced-motion: reduce) {
    .registerswitch-card[b-vgacrplgfd] {
        transition: none;
    }

    .registerswitch-cardlink:hover .registerswitch-card[b-vgacrplgfd] {
        transform: none;
    }
}
/* /Components/Layout/ClassroomWorkspaceLayout.razor.rz.scp.css */
/* File: ClassroomWorkspaceLayout.razor.css */
/* OPT: SSR NEW→10.0 SAFE COMPACT WORKSPACE LAYOUT */

.cwsl-page[b-3b4wr18zmv] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--canvas, #f3f4f6);
}

.cwsl-sidebar[b-3b4wr18zmv] {
    flex: 0 0 auto;
    color: var(--app-nav-text, rgba(255, 255, 255, .88));
    background-image: linear-gradient( 180deg, var(--app-nav-bg-start, #052767) 0%, var(--app-nav-bg-solid, #1f5f97) 52%, var(--app-nav-bg-end, #3478b3) 100% );
}

.cwsl-main[b-3b4wr18zmv] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.cwsl-content[b-3b4wr18zmv] {
    flex: 1 1 auto;
    min-width: 0;
    padding: .85rem 1rem 2rem;
}

@media (min-width: 768px) {
    .cwsl-page[b-3b4wr18zmv] {
        flex-direction: row;
    }

    .cwsl-sidebar[b-3b4wr18zmv] {
        width: 260px;
        min-width: 260px;
        height: 100vh;
        position: sticky;
        top: 0;
        align-self: flex-start;
        overflow: hidden;
    }

    .cwsl-main[b-3b4wr18zmv] {
        min-height: 100vh;
    }

    .cwsl-content[b-3b4wr18zmv] {
        padding: 1rem 1.25rem 2rem;
    }
}

@media (min-width: 1200px) {
    .cwsl-content[b-3b4wr18zmv] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .cwsl-sidebar[b-3b4wr18zmv] {
        position: relative;
        z-index: 30;
    }

    .cwsl-content[b-3b4wr18zmv] {
        padding: .75rem .65rem 1.5rem;
    }
}
/* /Components/Layout/CourseCreationLayout.razor.rz.scp.css */
.page[b-20x35mqifc] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main[b-20x35mqifc] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* Existing top row kept for compatibility with any other pages still using it */
.top-row[b-20x35mqifc] {
    background-color: var(--surface);
    border-bottom: 1px solid var(--border);
    height: 3.5rem;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    position: sticky;
    top: 0;
    z-index: 5;
}

.top-row__title[b-20x35mqifc] {
    text-align: left;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* New quiet course context row.
   This replaces the white top strip for course workspace pages.
   The title sits on the same light grey workspace background. */
.course-context-row[b-20x35mqifc] {
    min-height: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: .82rem 1.6rem .45rem;
    background: transparent;
    border: 0;
}

.course-context-row__title[b-20x35mqifc] {
    max-width: min(720px, 70vw);
    overflow: hidden;
    color: #1f2937;
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: end;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: auto;
    unicode-bidi: plaintext;
}

.breadcrumbs-pad--default[b-20x35mqifc] {
    padding: .25rem 1rem 0;
}

.content--default[b-20x35mqifc] {
    padding: 1.5rem 1rem;
}

.breadcrumbs-pad--workspace[b-20x35mqifc] {
    padding: .25rem 1rem 0;
}

.content--workspace[b-20x35mqifc] {
    padding: 0 !important;
}

/* Sidebar text color fix */
[b-20x35mqifc] .csidebar {
    color: rgba(255,255,255,.88);
}

    [b-20x35mqifc] .csidebar a,
    [b-20x35mqifc] .csidebar a:link,
    [b-20x35mqifc] .csidebar a:visited,
    [b-20x35mqifc] .csidebar .nav-link,
    [b-20x35mqifc] .csidebar .nav-link:link,
    [b-20x35mqifc] .csidebar .nav-link:visited {
        color: rgba(255,255,255,.88) !important;
    }

        [b-20x35mqifc] .csidebar a:hover,
        [b-20x35mqifc] .csidebar .nav-link:hover,
        [b-20x35mqifc] .csidebar a.active,
        [b-20x35mqifc] .csidebar .nav-link.active {
            color: #fff !important;
        }

.csidebar[b-20x35mqifc]  a,
.csidebar[b-20x35mqifc]  a:link,
.csidebar[b-20x35mqifc]  a:visited,
.csidebar[b-20x35mqifc]  .nav-link,
.csidebar[b-20x35mqifc]  .nav-link:link,
.csidebar[b-20x35mqifc]  .nav-link:visited,
.csidebar[b-20x35mqifc]  a *,
.csidebar[b-20x35mqifc]  .nav-link * {
    color: rgba(255,255,255,.88) !important;
}

    .csidebar[b-20x35mqifc]  a:hover,
    .csidebar[b-20x35mqifc]  .nav-link:hover,
    .csidebar[b-20x35mqifc]  a:hover *,
    .csidebar[b-20x35mqifc]  .nav-link:hover *,
    .csidebar[b-20x35mqifc]  a.active,
    .csidebar[b-20x35mqifc]  .nav-link.active,
    .csidebar[b-20x35mqifc]  a.active *,
    .csidebar[b-20x35mqifc]  .nav-link.active * {
        color: #fff !important;
    }

@media (min-width: 768px) {
    .page[b-20x35mqifc] {
        flex-direction: row;
    }

    .csidebar[b-20x35mqifc] {
        width: 280px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex: 0 0 auto;
    }

    .main[b-20x35mqifc] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .breadcrumbs-pad--default[b-20x35mqifc],
    .content--default[b-20x35mqifc] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .course-context-row[b-20x35mqifc] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .top-row:not(.auth)[b-20x35mqifc] {
        display: none;
    }

    .course-context-row[b-20x35mqifc] {
        padding: .55rem .9rem .25rem;
    }

    .course-context-row__title[b-20x35mqifc] {
        max-width: 100%;
        font-size: .82rem;
    }
}
/* /Components/Layout/CourseHomeLayout.razor.rz.scp.css */
.page[b-pxeq5gse6m] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-pxeq5gse6m] {
    flex: 1;
}

@media (min-width: 768px) {
    .page[b-pxeq5gse6m] {
        flex-direction: row;
    }

    .csidebar[b-pxeq5gse6m] {
        width: 300px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
}
/* /Components/Layout/CourseLayout.razor.rz.scp.css */
.page[b-44njij1gam] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main[b-44njij1gam] {
    flex: 1;
    min-width: 0;
}

.csidebar[b-44njij1gam] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #2d6aa7 70%);
}

.main .top-row[b-44njij1gam] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    border-top: 1px solid #d6d5d5;
}

    .main .top-row[b-44njij1gam]  a,
    .main .top-row[b-44njij1gam]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

        .main .top-row[b-44njij1gam]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 767.98px) {
    .top-row:not(.auth)[b-44njij1gam] {
        display: none;
    }

    .top-row.auth[b-44njij1gam] {
        justify-content: space-between;
    }

    .top-row[b-44njij1gam]  a,
    .top-row[b-44njij1gam]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .page[b-44njij1gam] {
        flex-direction: row;
    }

    .csidebar[b-44njij1gam] {
        width: 300px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex-shrink: 0;
    }

    .main[b-44njij1gam] {
        flex: 1;
        min-width: 0;
    }

        .main .top-row[b-44njij1gam] {
            position: sticky;
            top: 0;
            z-index: 1;
        }

        .main > div[b-44njij1gam] {
            padding-left: 2rem !important;
            padding-right: 1.5rem !important;
        }
}
/* /Components/Layout/HomeLayout.razor.rz.scp.css */
.custom-navbar[b-xhqo5rkeoy] {
    background-color: #f5f5f5 !important;
    border-bottom: 0 solid #ccc;
    width: 100%;
}

    .custom-navbar .navbar-brand .oi[b-xhqo5rkeoy] {
        line-height: 1;
        vertical-align: middle;
    }

    .custom-navbar h6[b-xhqo5rkeoy] {
        line-height: 1.2;
    }

.light-grey-background[b-xhqo5rkeoy] {
    background-color: #f5f5f5;
}

.white-background[b-xhqo5rkeoy] {
    background-color: white;
}

.page-title[b-xhqo5rkeoy] {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90%;
}
/* /Components/Layout/HomePageFooter.razor.rz.scp.css */
/* ==========================================================================
   HomePageFooter — public shell footer
   Visible footer inside the auth shell. Not fixed, no content overlap.
   ========================================================================== */

.home-auth-footer[b-qc76vum2s0] {
    flex: 0 0 auto;
    position: relative;
    z-index: 20;
    padding: .55rem 0 .7rem;
    background: transparent;
}

.home-auth-footer-inner[b-qc76vum2s0] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Link bar */

.home-auth-footer-links[b-qc76vum2s0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .15rem;
    max-width: 100%;
    padding: .25rem;
    border: 1px solid var(--border, #e6eaf0);
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 8px 24px rgba(16, 24, 40, .055);
    backdrop-filter: blur(10px);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Links */

.home-auth-footer-link[b-qc76vum2s0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 34px;
    padding: .4rem .75rem;
    border-radius: 999px;
    color: #475467;
    font-size: .84rem;
    font-weight: 650;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

    .home-auth-footer-link:hover[b-qc76vum2s0] {
        color: #155ce5;
        background: rgba(37, 99, 235, .08);
        text-decoration: none;
    }

    .home-auth-footer-link:focus-visible[b-qc76vum2s0] {
        outline: 2px solid rgba(37, 99, 235, .35);
        outline-offset: 2px;
    }

    .home-auth-footer-link .oi[b-qc76vum2s0] {
        font-size: .85rem;
        line-height: 1;
    }

/* Desktop */

@media (min-width: 768px) {
    .home-auth-footer[b-qc76vum2s0] {
        padding-bottom: .85rem;
    }

    .home-auth-footer-links[b-qc76vum2s0] {
        gap: .2rem;
    }

    .home-auth-footer-link[b-qc76vum2s0] {
        min-height: 36px;
        padding-left: .85rem;
        padding-right: .85rem;
    }
}

/* Mobile */

@media (max-width: 575.98px) {
    .home-auth-footer[b-qc76vum2s0] {
        padding: .4rem 0 .55rem;
    }

    .home-auth-footer-inner[b-qc76vum2s0] {
        justify-content: stretch;
    }

    .home-auth-footer-links[b-qc76vum2s0] {
        width: 100%;
        justify-content: space-between;
        gap: .1rem;
        padding: .25rem;
        border-radius: 14px;
    }

    .home-auth-footer-link[b-qc76vum2s0] {
        flex: 1 1 auto;
        min-height: 36px;
        padding: .45rem .35rem;
        font-size: .78rem;
        gap: .3rem;
    }

        .home-auth-footer-link .oi[b-qc76vum2s0] {
            font-size: .78rem;
        }
}

/* Very small phones */

@media (max-width: 359.98px) {
    .home-auth-footer-link[b-qc76vum2s0] {
        font-size: .72rem;
        padding-left: .25rem;
        padding-right: .25rem;
    }

        .home-auth-footer-link .oi[b-qc76vum2s0] {
            display: none;
        }
}

/* Reduced visual effects */

@media (prefers-reduced-transparency: reduce) {
    .home-auth-footer-links[b-qc76vum2s0] {
        background: #fff;
        backdrop-filter: none;
    }
}
/* /Components/Layout/HomePageLayout.razor.rz.scp.css */
/* ==========================================================================
   HomePageLayout — neutral public shell
   Header and footer stay visible; main content scrolls safely.
   ========================================================================== */

.home-auth-page[b-xu358uj8te] {
    height: 100dvh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: radial-gradient(circle at 50% 0%, rgba(37, 99, 235, .055), transparent 34rem), var(--canvas, #f3f4f6);
}

.home-auth-header[b-xu358uj8te] {
    flex: 0 0 auto;
    position: relative;
    z-index: 20;
}

.home-auth-navbar[b-xu358uj8te] {
    min-height: 64px;
    margin-bottom: 0;
    background: rgba(255, 255, 255, .9) !important;
    border-bottom-color: var(--border, #e6eaf0) !important;
    backdrop-filter: blur(10px);
}

.home-auth-nav-inner[b-xu358uj8te] {
    display: flex;
    align-items: center;
    min-height: 64px;
}

.home-auth-brand[b-xu358uj8te] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    max-width: 70vw;
    color: #101828;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}

    .home-auth-brand:hover[b-xu358uj8te] {
        color: #155ce5;
        text-decoration: none;
    }

    .home-auth-brand .oi[b-xu358uj8te] {
        font-size: .9rem;
        color: currentColor;
    }

.home-auth-main[b-xu358uj8te] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: clamp(.9rem, 2.5vw, 2rem);
    padding-bottom: clamp(.9rem, 2.5vw, 2rem);
    -webkit-overflow-scrolling: touch;
}

.home-auth-main-inner[b-xu358uj8te] {
    width: 100%;
}

/* Mobile */

@media (max-width: 767.98px) {
    .home-auth-navbar[b-xu358uj8te] {
        min-height: 56px;
    }

    .home-auth-nav-inner[b-xu358uj8te] {
        min-height: 56px;
    }

    .home-auth-brand[b-xu358uj8te] {
        font-size: .98rem;
        max-width: 82vw;
    }

    .home-auth-main[b-xu358uj8te] {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
}

/* Reduced visual effects */

@media (prefers-reduced-transparency: reduce) {
    .home-auth-navbar[b-xu358uj8te] {
        background: #fff !important;
        backdrop-filter: none;
    }
}
/* /Components/Layout/LayoutReports.razor.rz.scp.css */
.page[b-qtzycsv74f] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-qtzycsv74f] {
    flex: 1;
    min-width: 0;
}

.nav-link[b-qtzycsv74f] {
    background-color: white !important;
    color: lightgrey !important;
}

    .nav-link.active[b-qtzycsv74f] {
        background-color: white !important;
        color: black !important;
    }

.verysmall[b-qtzycsv74f] {
    font-size: 0.7rem;
}

@media (min-width: 768px) {
    .page[b-qtzycsv74f] {
        flex-direction: row;
    }

    .csidebar[b-qtzycsv74f] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex: 0 0 auto;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-kiwl2bvozm] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main[b-kiwl2bvozm] {
    flex: 1;
    min-width: 0;
}

.sidebar[b-kiwl2bvozm] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #2d6aa7 70%);
}

.top-row[b-kiwl2bvozm] {
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    border-top: 1px solid #d6d5d5;
    position: sticky;
    top: 0;
    z-index: 10;
}

    .top-row[b-kiwl2bvozm]  a,
    .top-row[b-kiwl2bvozm]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

        .top-row[b-kiwl2bvozm]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

.content[b-kiwl2bvozm] {
    padding: 1.5rem 1rem;
}

.nav-link[b-kiwl2bvozm] {
    color: rgba(255, 255, 255, 0.75);
}

    .nav-link:hover[b-kiwl2bvozm],
    .nav-link:focus[b-kiwl2bvozm] {
        color: #ffffff;
    }

    .nav-link.active[b-kiwl2bvozm] {
        color: #ffffff;
        font-weight: 600;
    }

.verysmall[b-kiwl2bvozm] {
    font-size: 0.7rem;
}

.layout-footer[b-kiwl2bvozm] {
    background-color: #f7f7f7;
    border-top: 1px solid #d6d5d5;
    min-height: 3.5rem;
}

.footer-nav[b-kiwl2bvozm] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    min-height: 3.5rem;
}

    .footer-nav .nav-link[b-kiwl2bvozm] {
        background-color: white !important;
        color: lightgrey !important;
    }

        .footer-nav .nav-link.active[b-kiwl2bvozm] {
            color: black !important;
        }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-kiwl2bvozm] {
        display: none;
    }

    .top-row.auth[b-kiwl2bvozm] {
        justify-content: space-between;
    }

    .top-row[b-kiwl2bvozm]  a,
    .top-row[b-kiwl2bvozm]  .btn-link {
        margin-left: 0;
    }

    .content[b-kiwl2bvozm] {
        padding: 1rem;
        padding-bottom: 4.5rem;
    }

    .layout-footer[b-kiwl2bvozm] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
        background-color: #f7f7f7;
    }

    .footer-nav[b-kiwl2bvozm] {
        min-height: 3.5rem;
        overflow-x: auto;
    }
}

@media (min-width: 641px) {
    .page[b-kiwl2bvozm] {
        flex-direction: row;
    }

    .sidebar[b-kiwl2bvozm] {
        width: 250px;
        min-height: 100vh;
        position: sticky;
        top: 0;
        align-self: flex-start;
    }

    .content[b-kiwl2bvozm] {
        padding: 1.5rem 2rem;
    }
}
/* /Components/Layout/NavClassroomWorkspace.razor.rz.scp.css */
/* File: NavClassroomWorkspace.razor.css */
/* OPT: SSR NEW→10.0 SAFE UI/UX CLASSROOM WORKSPACE SIDEBAR SPACING FIX */

/* ============================================================================
   Classroom Workspace Sidebar
   Calculated intervention:
   - Removes cBETA brand treatment.
   - Replaces heavy Current Classroom card with quiet workspace header.
   - Adds dummy collapse/expand placeholder matching Course Workspace direction.
   - Adds intentional breathing room after "All classrooms" before section nav.
   - Keeps nav taxonomy, active states, route behavior, and mobile horizontal nav.
   ========================================================================== */

.cwnav[b-0m075esvf8] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    color: var(--app-nav-text, rgba(255, 255, 255, .88));
}

    .cwnav[b-0m075esvf8],
    .cwnav *[b-0m075esvf8] {
        box-sizing: border-box;
    }

/* --------------------------------------------------------------------------
   Minimal workspace header
   Matches the Course Workspace direction without bringing back brand weight.
   -------------------------------------------------------------------------- */

.cwnav-workspace[b-0m075esvf8] {
    flex: 0 0 auto;
    padding: 1.05rem .85rem 1.04rem;
    color: var(--app-nav-text-strong, #fff);
}

.cwnav-workspace__top[b-0m075esvf8] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30px;
    align-items: center;
    gap: .55rem;
}

.cwnav-workspace__title[b-0m075esvf8] {
    min-width: 0;
    overflow: hidden;
    color: var(--app-nav-text-strong, #fff);
    font-size: .96rem;
    font-weight: 850;
    line-height: 1.12;
    letter-spacing: .01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cwnav-workspace__subtitle[b-0m075esvf8] {
    margin-top: .32rem;
    min-width: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, .78);
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cwnav-workspace__subtitle--muted[b-0m075esvf8] {
    color: var(--app-nav-text-muted, rgba(255, 255, 255, .62));
}

.cwnav-workspace__actions[b-0m075esvf8] {
    margin-top: .58rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cwnav-workspace__action[b-0m075esvf8] {
    min-width: 0;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    color: rgba(255, 255, 255, .92) !important;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
}

    .cwnav-workspace__action:hover[b-0m075esvf8],
    .cwnav-workspace__action:focus[b-0m075esvf8] {
        color: #fff !important;
        text-decoration: none !important;
    }

    .cwnav-workspace__action:focus-visible[b-0m075esvf8] {
        outline: 2px solid rgba(255, 255, 255, .60);
        outline-offset: 3px;
        border-radius: 8px;
    }

    .cwnav-workspace__action .oi[b-0m075esvf8] {
        width: auto;
        flex: 0 0 auto;
        color: currentColor;
        font-size: .62rem;
        line-height: 1;
        top: 0;
    }

/* Dummy collapse/expand control.
   Disabled on purpose. Later wire this class to the shared sidebar shell. */
.cwnav-collapse[b-0m075esvf8] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    padding: 0;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: rgba(255, 255, 255, .70);
    cursor: default;
    opacity: 1;
}

    .cwnav-collapse:hover[b-0m075esvf8],
    .cwnav-collapse:focus[b-0m075esvf8] {
        color: rgba(255, 255, 255, .88);
        background: rgba(255, 255, 255, .075);
    }

    .cwnav-collapse:disabled[b-0m075esvf8] {
        opacity: 1;
    }

.cwnav-collapse__icon[b-0m075esvf8] {
    position: relative;
    width: 15px;
    height: 13px;
    display: inline-block;
    border: 1.5px solid currentColor;
    border-radius: 4px;
    opacity: .9;
}

    .cwnav-collapse__icon[b-0m075esvf8]::before {
        content: "";
        position: absolute;
        top: 2px;
        bottom: 2px;
        left: 4px;
        width: 1.5px;
        border-radius: 999px;
        background: currentColor;
        opacity: .78;
    }

    .cwnav-collapse__icon[b-0m075esvf8]::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 2px;
        width: 3px;
        height: 3px;
        border-top: 1.5px solid currentColor;
        border-right: 1.5px solid currentColor;
        transform: translateY(-50%) rotate(45deg);
        opacity: .78;
    }

/* --------------------------------------------------------------------------
   Scroll area
   The top padding is intentionally larger than before so "All classrooms"
   reads as a parent action, separate from the local Classroom nav section.
   -------------------------------------------------------------------------- */

.cwnav-scroll[b-0m075esvf8] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: .38rem .75rem .9rem;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--app-nav-scrollbar, rgba(255, 255, 255, .35)) transparent;
}

    .cwnav-scroll[b-0m075esvf8]::-webkit-scrollbar {
        width: 8px;
    }

    .cwnav-scroll[b-0m075esvf8]::-webkit-scrollbar-thumb {
        background: var(--app-nav-scrollbar, rgba(255, 255, 255, .35));
        border-radius: 999px;
    }

    .cwnav-scroll[b-0m075esvf8]::-webkit-scrollbar-track {
        background: transparent;
    }

/* --------------------------------------------------------------------------
   Sections
   -------------------------------------------------------------------------- */

.cwnav-section[b-0m075esvf8] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    margin-top: .95rem;
}

    .cwnav-section:first-child[b-0m075esvf8] {
        margin-top: 0;
    }

.cwnav-section__title[b-0m075esvf8] {
    margin: 0 0 .38rem;
    padding: 0 .45rem;
    color: var(--app-nav-text-muted, rgba(255, 255, 255, .64));
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .06em;
    line-height: 1.2;
    text-transform: uppercase;
}

/* Direct anchors are in this component.
   ::deep is also included to stay safe if these become NavLink children later. */
.cwnav-section .cwnav-link[b-0m075esvf8],
.cwnav-section[b-0m075esvf8]  .cwnav-link {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: .62rem;
    padding: .54rem .68rem;
    border-radius: var(--app-nav-radius, 10px);
    color: var(--app-nav-text, rgba(255, 255, 255, .88)) !important;
    font-size: .92rem;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none !important;
    transition: background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

    .cwnav-section .cwnav-link:hover[b-0m075esvf8],
    .cwnav-section .cwnav-link:focus[b-0m075esvf8],
    .cwnav-section[b-0m075esvf8]  .cwnav-link:hover,
    .cwnav-section[b-0m075esvf8]  .cwnav-link:focus {
        background: var(--app-nav-hover-bg, rgba(255, 255, 255, .10));
        color: var(--app-nav-text-strong, #fff) !important;
        text-decoration: none !important;
    }

    .cwnav-section .cwnav-link:focus-visible[b-0m075esvf8],
    .cwnav-section[b-0m075esvf8]  .cwnav-link:focus-visible {
        outline: 2px solid rgba(255, 255, 255, .55);
        outline-offset: 2px;
    }

    .cwnav-section .cwnav-link.active[b-0m075esvf8],
    .cwnav-section .cwnav-link[aria-current="page"][b-0m075esvf8],
    .cwnav-section[b-0m075esvf8]  .cwnav-link.active,
    .cwnav-section[b-0m075esvf8]  .cwnav-link[aria-current="page"] {
        background: var(--app-nav-active-bg, rgba(255, 255, 255, .18));
        color: var(--app-nav-text-strong, #fff) !important;
        box-shadow: inset 3px 0 0 rgba(255, 255, 255, .42);
    }

    .cwnav-section .cwnav-link .oi[b-0m075esvf8],
    .cwnav-section[b-0m075esvf8]  .cwnav-link .oi {
        width: 1.15rem;
        flex: 0 0 1.15rem;
        color: currentColor;
        font-size: var(--app-nav-icon-size, 1.03rem);
        line-height: 1;
        text-align: center;
        opacity: .96;
        top: 0;
    }

    .cwnav-section .cwnav-link span:last-child[b-0m075esvf8],
    .cwnav-section[b-0m075esvf8]  .cwnav-link span:last-child {
        min-width: 0;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cwnav-section .cwnav-link.is-disabled[b-0m075esvf8],
    .cwnav-section[b-0m075esvf8]  .cwnav-link.is-disabled {
        opacity: .55;
        pointer-events: none;
    }

/* --------------------------------------------------------------------------
   Future collapsed shell compatibility.
   These do nothing unless a parent/shell later applies .is-collapsed.
   They are safe placeholders for the shared sidebar shell direction.
   -------------------------------------------------------------------------- */

.cwnav.is-collapsed .cwnav-workspace__title[b-0m075esvf8],
.cwnav.is-collapsed .cwnav-workspace__subtitle[b-0m075esvf8],
.cwnav.is-collapsed .cwnav-workspace__actions[b-0m075esvf8],
.cwnav.is-collapsed .cwnav-section__title[b-0m075esvf8],
.cwnav.is-collapsed .cwnav-link span:last-child[b-0m075esvf8] {
    display: none;
}

.cwnav.is-collapsed .cwnav-workspace[b-0m075esvf8] {
    padding: .75rem .5rem .45rem;
}

.cwnav.is-collapsed .cwnav-workspace__top[b-0m075esvf8] {
    display: flex;
    justify-content: center;
}

.cwnav.is-collapsed .cwnav-scroll[b-0m075esvf8] {
    padding: .25rem .5rem .75rem;
}

.cwnav.is-collapsed .cwnav-section .cwnav-link[b-0m075esvf8] {
    justify-content: center;
    gap: 0;
    padding-left: .5rem;
    padding-right: .5rem;
}

/* --------------------------------------------------------------------------
   Mobile
   Keeps classroom nav usable as a compact horizontal workspace nav.
   -------------------------------------------------------------------------- */

@media (max-width: 767.98px) {
    .cwnav[b-0m075esvf8] {
        height: auto;
        min-height: 0;
    }

    .cwnav-workspace[b-0m075esvf8] {
        padding: .55rem .65rem .58rem;
        border-bottom: 1px solid rgba(255, 255, 255, .10);
    }

    .cwnav-workspace__top[b-0m075esvf8] {
        grid-template-columns: minmax(0, 1fr) 28px;
        gap: .45rem;
    }

    .cwnav-workspace__title[b-0m075esvf8] {
        font-size: .9rem;
        line-height: 1.1;
    }

    .cwnav-workspace__subtitle[b-0m075esvf8] {
        margin-top: .2rem;
        font-size: .74rem;
    }

    .cwnav-workspace__actions[b-0m075esvf8] {
        margin-top: .38rem;
    }

    .cwnav-workspace__action[b-0m075esvf8] {
        min-height: 22px;
        font-size: .75rem;
    }

    .cwnav-collapse[b-0m075esvf8] {
        width: 26px;
        height: 26px;
    }

    .cwnav-scroll[b-0m075esvf8] {
        display: flex;
        align-items: center;
        gap: .5rem;
        overflow-x: auto;
        overflow-y: hidden;
        padding: .58rem .65rem .62rem;
        scrollbar-gutter: auto;
    }

    .cwnav-section[b-0m075esvf8] {
        flex: 0 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: .45rem;
        margin-top: 0;
    }

    .cwnav-section__title[b-0m075esvf8] {
        display: none;
    }

    .cwnav-section .cwnav-link[b-0m075esvf8],
    .cwnav-section[b-0m075esvf8]  .cwnav-link {
        width: auto;
        min-height: 34px;
        flex: 0 0 auto;
        gap: .45rem;
        padding: .4rem .6rem;
        border: 1px solid rgba(255, 255, 255, .14);
        background: rgba(255, 255, 255, .06);
        font-size: .84rem;
        white-space: nowrap;
    }

        .cwnav-section .cwnav-link.active[b-0m075esvf8],
        .cwnav-section .cwnav-link[aria-current="page"][b-0m075esvf8],
        .cwnav-section[b-0m075esvf8]  .cwnav-link.active,
        .cwnav-section[b-0m075esvf8]  .cwnav-link[aria-current="page"] {
            box-shadow: none;
            background: rgba(255, 255, 255, .22);
        }

        .cwnav-section .cwnav-link .oi[b-0m075esvf8],
        .cwnav-section[b-0m075esvf8]  .cwnav-link .oi {
            width: 1rem;
            flex-basis: 1rem;
            font-size: .95rem;
        }

        .cwnav-section .cwnav-link span:last-child[b-0m075esvf8],
        .cwnav-section[b-0m075esvf8]  .cwnav-link span:last-child {
            max-width: none;
        }
}

@media (max-width: 380px) {
    .cwnav-workspace__title[b-0m075esvf8] {
        font-size: .86rem;
    }

    .cwnav-section .cwnav-link[b-0m075esvf8],
    .cwnav-section[b-0m075esvf8]  .cwnav-link {
        font-size: .8rem;
        padding-left: .55rem;
        padding-right: .55rem;
    }
}
/* /Components/Layout/NavCourse.razor.rz.scp.css */
.fixed_course[b-asmepbm4g5] {
    background-color: var(--surface, #ffffff) !important;
    border-bottom: 1px solid var(--border, #E6EAF0);
    padding: 0 !important;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 3.5rem;
    min-height: 3.5rem;
    color: #212529 !important;
}

    /* top white bar: force dark text/icons */
    .fixed_course[b-asmepbm4g5],
    .fixed_course *[b-asmepbm4g5],
    .fixed_course a[b-asmepbm4g5],
    .fixed_course a:link[b-asmepbm4g5],
    .fixed_course a:visited[b-asmepbm4g5],
    .fixed_course .oi[b-asmepbm4g5],
    .fixed_course .course-tab-button[b-asmepbm4g5],
    .fixed_course .course-tab-button:link[b-asmepbm4g5],
    .fixed_course .course-tab-button:visited[b-asmepbm4g5] {
        color: #212529 !important;
        -webkit-text-fill-color: #212529 !important;
    }

        .fixed_course .course-tab-button:hover[b-asmepbm4g5] {
            color: #212529 !important;
            background-color: rgba(0,0,0,0.05);
        }

        .fixed_course .course-tab-button.active[b-asmepbm4g5] {
            background-color: white;
            color: #212529 !important;
        }

/* full-height sidebar shell */
.wrapper_course[b-asmepbm4g5],
.affixable_course[b-asmepbm4g5],
.containerSubwayTracks_course[b-asmepbm4g5] {
    background-color: #2f6fa8;
}

.wrapper_course[b-asmepbm4g5] {
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
}

.affixable_course[b-asmepbm4g5] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.containerSubwayTracks_course[b-asmepbm4g5] {
    min-height: 0;
}

/* actual scroll body: support both class names */
.nav-scroll[b-asmepbm4g5],
.overflow-auto[b-asmepbm4g5] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.course-tab-switch[b-asmepbm4g5] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    background-color: rgba(0,0,0,0.04);
    border-radius: 999px;
    padding: 0.25rem;
    margin: 0 auto;
}

.course-tab-button[b-asmepbm4g5] {
    border: none;
    background: transparent;
    padding: 0.45rem 1rem;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
}

/* blue sidebar headings */
.nav-scroll .chapter-title[b-asmepbm4g5],
.overflow-auto .chapter-title[b-asmepbm4g5] {
    color: white !important;
    padding: 1rem 1.5rem 0;
}

    .nav-scroll .chapter-title h5[b-asmepbm4g5],
    .nav-scroll .chapter-title h5 strong[b-asmepbm4g5],
    .overflow-auto .chapter-title h5[b-asmepbm4g5],
    .overflow-auto .chapter-title h5 strong[b-asmepbm4g5] {
        color: white !important;
        margin-bottom: 0.75rem;
    }

/* blue sidebar nav links */
.nav-scroll .navcs-item .nav-link[b-asmepbm4g5],
.nav-scroll .navcs-item .nav-link span[b-asmepbm4g5],
.nav-scroll .navcs-item .nav-link .oi[b-asmepbm4g5],
.nav-scroll .nav-text[b-asmepbm4g5],
.nav-scroll .nav-text span[b-asmepbm4g5],
.overflow-auto .navcs-item .nav-link[b-asmepbm4g5],
.overflow-auto .navcs-item .nav-link span[b-asmepbm4g5],
.overflow-auto .navcs-item .nav-link .oi[b-asmepbm4g5],
.overflow-auto .nav-text[b-asmepbm4g5],
.overflow-auto .nav-text span[b-asmepbm4g5] {
    color: rgba(255,255,255,.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,.88) !important;
}

    .nav-scroll .navcs-item .nav-link:hover[b-asmepbm4g5],
    .nav-scroll .navcs-item .nav-link:hover span[b-asmepbm4g5],
    .nav-scroll .navcs-item .nav-link:hover .oi[b-asmepbm4g5],
    .overflow-auto .navcs-item .nav-link:hover[b-asmepbm4g5],
    .overflow-auto .navcs-item .nav-link:hover span[b-asmepbm4g5],
    .overflow-auto .navcs-item .nav-link:hover .oi[b-asmepbm4g5] {
        color: white !important;
        -webkit-text-fill-color: white !important;
    }

    .nav-scroll .navcs-item .nav-link.active[b-asmepbm4g5],
    .nav-scroll .navcs-item .nav-link.active span[b-asmepbm4g5],
    .nav-scroll .navcs-item .nav-link.active .oi[b-asmepbm4g5],
    .overflow-auto .navcs-item .nav-link.active[b-asmepbm4g5],
    .overflow-auto .navcs-item .nav-link.active span[b-asmepbm4g5],
    .overflow-auto .navcs-item .nav-link.active .oi[b-asmepbm4g5] {
        color: white !important;
        -webkit-text-fill-color: white !important;
    }

.nav-text[b-asmepbm4g5] {
    min-width: 0;
}

.disabled-nav[b-asmepbm4g5] {
    opacity: 0.55;
    cursor: not-allowed;
}

.nav-scroll .disabled-nav[b-asmepbm4g5],
.nav-scroll .disabled-nav span[b-asmepbm4g5],
.nav-scroll .disabled-nav .oi[b-asmepbm4g5],
.overflow-auto .disabled-nav[b-asmepbm4g5],
.overflow-auto .disabled-nav span[b-asmepbm4g5],
.overflow-auto .disabled-nav .oi[b-asmepbm4g5] {
    color: rgba(255,255,255,.55) !important;
    -webkit-text-fill-color: rgba(255,255,255,.55) !important;
}

/* competency icon hover in top white bar */
.fixed_course a.icon-link:hover .gradienttext[b-asmepbm4g5] {
    background: none;
    -webkit-text-fill-color: #212529 !important;
    color: #212529 !important;
}

@media (min-width: 768px) {
    .nav-scroll[b-asmepbm4g5],
    .overflow-auto[b-asmepbm4g5] {
        scrollbar-color: white transparent;
    }

        .nav-scroll[b-asmepbm4g5]::-webkit-scrollbar,
        .overflow-auto[b-asmepbm4g5]::-webkit-scrollbar {
            width: 8px;
        }

        .nav-scroll[b-asmepbm4g5]::-webkit-scrollbar-thumb,
        .overflow-auto[b-asmepbm4g5]::-webkit-scrollbar-thumb {
            background-color: white;
            border-radius: 4px;
        }

        .nav-scroll[b-asmepbm4g5]::-webkit-scrollbar-track,
        .overflow-auto[b-asmepbm4g5]::-webkit-scrollbar-track {
            background: transparent;
        }
}
/* /Components/Layout/NavCourseAssessCreate.razor.rz.scp.css */
/* ============================================================================
   NavCourseAssessCreate.razor.css
   Assessment sidebar density and section rhythm.
   ========================================================================== */

.cc-assess[b-qv6hhzjdlu] {
    padding-top: 0.25rem;
}

    /* Section headings */
    .cc-assess .menu-heading[b-qv6hhzjdlu] {
        margin-top: 0.65rem;
    }

        .cc-assess .menu-heading:first-child[b-qv6hhzjdlu] {
            margin-top: 0;
        }

        .cc-assess .menu-heading h5[b-qv6hhzjdlu] {
            margin: 0;
            padding: 0.45rem 0 0.35rem;
            font-size: 0.76rem;
            font-weight: 800;
            line-height: 1.2;
            letter-spacing: 0.055em;
            text-transform: uppercase;
        }

        /* Reduce default Bootstrap spacing coming from ps/pe/pt utility classes */
        .cc-assess .menu-heading.pt-4[b-qv6hhzjdlu] {
            padding-top: 0.95rem !important;
        }

        .cc-assess .menu-heading.pt-3[b-qv6hhzjdlu] {
            padding-top: 0.75rem !important;
        }

    /* Menu items */
    .cc-assess .navcs-item > .nav-link[b-qv6hhzjdlu] {
        min-height: 42px;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        align-items: center;
    }

        /* Icons */
        .cc-assess .navcs-item > .nav-link .oi[b-qv6hhzjdlu],
        .cc-assess .navcs-item > .nav-link [class^="oi"][b-qv6hhzjdlu],
        .cc-assess .navcs-item > .nav-link [class*=" oi-"][b-qv6hhzjdlu] {
            flex: 0 0 auto;
            width: 1.25rem;
            margin-right: 0.45rem !important;
            text-align: center;
        }

        /* Text */
        .cc-assess .navcs-item > .nav-link span:last-child[b-qv6hhzjdlu] {
            font-size: 1rem !important;
            line-height: 1.25;
        }

    /* Disabled links should still align cleanly */
    .cc-assess .nav-link.disabled[b-qv6hhzjdlu] {
        opacity: 0.55;
        pointer-events: none;
    }

    /* Warning setup dot */
    .cc-assess .text-warning[b-qv6hhzjdlu] {
        line-height: 1;
    }


    /* Clickable section headings */
    .cc-assess .cc-assess__heading-link[b-qv6hhzjdlu] {
        display: block;
        padding: 0 0.35rem;
        border-radius: var(--app-nav-radius, 10px);
        color: inherit;
        text-decoration: none;
        transition: background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
    }

        .cc-assess .cc-assess__heading-link:hover[b-qv6hhzjdlu],
        .cc-assess .cc-assess__heading-link:focus[b-qv6hhzjdlu] {
            text-decoration: none;
        }

        .cc-assess .cc-assess__heading-link:focus-visible[b-qv6hhzjdlu] {
            outline: 2px solid rgba(255, 255, 255, .55);
            outline-offset: 2px;
        }

        .cc-assess .cc-assess__heading-link.disabled[b-qv6hhzjdlu] {
            opacity: 0.55;
            pointer-events: none;
        }

    .cc-assess .cc-assess__label[b-qv6hhzjdlu] {
        min-width: 0;
    }
/* /Components/Layout/NavCourseCreate.razor.rz.scp.css */
/* ============================================================================
   NavCourseCreate.razor.css
   Full revision:
   - Minimal Course Workspace header for course mode.
   - Compact badge mode header restores centered Learn / Assess tabs.
   - Future collapse placeholder added without changing navigation behavior.
   - TalentCraft logo removed.
   - Badges emphasis restored and preserved.
   - Route-selected states for normal links and nested assessment links.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Header compatibility / old top-row safety
   -------------------------------------------------------------------------- */

.fixed_course.top-row.navbar[b-f0jb7hvnzt] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
}

    .fixed_course.top-row.navbar > .flex-shrink-0[b-f0jb7hvnzt] {
        flex: 0 0 auto;
        min-width: 0;
    }

    .fixed_course.top-row.navbar > .flex-grow-1[b-f0jb7hvnzt],
    .course-topbar .flex-grow-1[b-f0jb7hvnzt] {
        min-width: 0;
    }

.course-topbar[b-f0jb7hvnzt] {
    min-width: 0;
}

/* Header icons inherit the correct sidebar/header theme if an old top row appears. */
.wrapper_course.mode-default .affixable_course .fixed_course[b-f0jb7hvnzt],
.wrapper_course.mode-default .affixable_course .fixed_course a[b-f0jb7hvnzt],
.wrapper_course.mode-default .affixable_course .fixed_course .oi[b-f0jb7hvnzt],
.wrapper_course.mode-default .affixable_course .fixed_course [class^="oi"][b-f0jb7hvnzt],
.wrapper_course.mode-default .affixable_course .fixed_course [class*=" oi-"][b-f0jb7hvnzt],
.wrapper_course.mode-default .affixable_course .fixed_course .text-dark[b-f0jb7hvnzt] {
    color: rgba(255,255,255,.88) !important;
}

    .wrapper_course.mode-default .affixable_course .fixed_course a:hover[b-f0jb7hvnzt],
    .wrapper_course.mode-default .affixable_course .fixed_course a:hover *[b-f0jb7hvnzt],
    .wrapper_course.mode-default a.icon-link:hover .oi-chevron-left[b-f0jb7hvnzt] {
        color: #fff !important;
    }

.wrapper_course.mode-badge .affixable_course .fixed_course[b-f0jb7hvnzt],
.wrapper_course.mode-badge .affixable_course .fixed_course a[b-f0jb7hvnzt],
.wrapper_course.mode-badge .affixable_course .fixed_course .oi[b-f0jb7hvnzt],
.wrapper_course.mode-badge .affixable_course .fixed_course [class^="oi"][b-f0jb7hvnzt],
.wrapper_course.mode-badge .affixable_course .fixed_course [class*=" oi-"][b-f0jb7hvnzt],
.wrapper_course.mode-badge .affixable_course .fixed_course .text-dark[b-f0jb7hvnzt] {
    color: #1f2937 !important;
}

    .wrapper_course.mode-badge .affixable_course .fixed_course a:hover[b-f0jb7hvnzt],
    .wrapper_course.mode-badge .affixable_course .fixed_course a:hover *[b-f0jb7hvnzt],
    .wrapper_course.mode-badge a.icon-link:hover .oi-chevron-left[b-f0jb7hvnzt] {
        color: #111827 !important;
    }

a.icon-link:hover .gradienttext[b-f0jb7hvnzt] {
    background: none;
    -webkit-text-fill-color: currentColor;
}

.verysmall[b-f0jb7hvnzt] {
    font-size: .7rem;
}

/* --------------------------------------------------------------------------
   Minimal workspace header v12
   - Course Workspace remains the first visible label.
   - Collapse gets a future-proof panel placeholder, not a hamburger/menu icon.
   - Back and Settings are labeled, slightly stronger, and still quiet.
   - Adds a little breathing room before the main navigation.
   -------------------------------------------------------------------------- */

.wrapper_course .course-nav-intro[b-f0jb7hvnzt] {
    color: #fff;
    padding-top: 1rem !important;
    padding-bottom: .78rem !important;
}

.wrapper_course .course-nav-intro__card[b-f0jb7hvnzt] {
    padding: .28rem .1rem .62rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.wrapper_course .course-nav-intro__top[b-f0jb7hvnzt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30px;
    align-items: center;
    gap: .6rem;
}

.wrapper_course .course-nav-intro__eyebrow[b-f0jb7hvnzt] {
    min-width: 0;
    display: block;
    color: #fff;
    font-size: .96rem;
    font-weight: 850;
    letter-spacing: -.012em;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrapper_course .course-nav-intro__title[b-f0jb7hvnzt] {
    margin-top: .28rem;
    color: rgba(255,255,255,.78);
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: .002em;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Placeholder only. Real collapse behavior can be wired later without moving it. */
.wrapper_course .course-nav-intro__collapse[b-f0jb7hvnzt] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: rgba(255,255,255,.74);
    line-height: 1;
    cursor: default;
    opacity: .9;
}

    .wrapper_course .course-nav-intro__collapse:disabled[b-f0jb7hvnzt] {
        opacity: .82;
    }

.wrapper_course .course-nav-intro__collapse-glyph[b-f0jb7hvnzt] {
    position: relative;
    display: block;
    width: 17px;
    height: 14px;
    border: 1.6px solid currentColor;
    border-radius: 3px;
    box-sizing: border-box;
}

    .wrapper_course .course-nav-intro__collapse-glyph[b-f0jb7hvnzt]::before {
        content: "";
        position: absolute;
        top: -1.6px;
        bottom: -1.6px;
        left: 4.5px;
        width: 1.6px;
        border-radius: 2px;
        background: currentColor;
        opacity: .7;
    }

    .wrapper_course .course-nav-intro__collapse-glyph[b-f0jb7hvnzt]::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 2.5px;
        width: 4px;
        height: 4px;
        border-top: 1.5px solid currentColor;
        border-right: 1.5px solid currentColor;
        transform: translateY(-50%) rotate(45deg);
        opacity: .75;
    }

.wrapper_course .course-nav-intro__actions[b-f0jb7hvnzt] {
    margin-top: .68rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    min-width: 0;
}

.wrapper_course .course-nav-intro__action[b-f0jb7hvnzt] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    color: rgba(255,255,255,.88) !important;
    font-size: .8rem;
    font-weight: 800;
    line-height: 1.1;
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .wrapper_course .course-nav-intro__action:hover[b-f0jb7hvnzt],
    .wrapper_course .course-nav-intro__action:focus[b-f0jb7hvnzt] {
        color: #fff !important;
        text-decoration: none !important;
    }

    .wrapper_course .course-nav-intro__action:focus-visible[b-f0jb7hvnzt] {
        outline: 2px solid rgba(255,255,255,.70);
        outline-offset: 3px;
        border-radius: 6px;
    }

    .wrapper_course .course-nav-intro__action .oi[b-f0jb7hvnzt] {
        width: auto;
        flex: 0 0 auto;
        font-size: .68rem;
        line-height: 1;
        top: 0;
    }

.wrapper_course .course-nav-intro__action--settings[b-f0jb7hvnzt] {
    flex: 0 0 auto;
    justify-content: flex-end;
}

.course-nav-scroll > .course-nav-intro + .nav[b-f0jb7hvnzt],
.course-nav-scroll > .course-nav-intro + p[b-f0jb7hvnzt] {
    margin-top: .1rem;
}

/* Compatibility with older markup if it appears during rollout. */
.wrapper_course .course-nav-intro__iconbtn[b-f0jb7hvnzt] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: rgba(255,255,255,.72) !important;
    text-decoration: none !important;
    background: transparent;
    border: 0;
}

    .wrapper_course .course-nav-intro__iconbtn:hover[b-f0jb7hvnzt] {
        color: #fff !important;
    }

.wrapper_course .course-nav-intro__meta[b-f0jb7hvnzt] {
    display: none;
}

/* Light badge theme support */
.wrapper_course.mode-badge .course-nav-intro[b-f0jb7hvnzt] {
    color: var(--ngds-text, #101828);
}

.wrapper_course.mode-badge .course-nav-intro__eyebrow[b-f0jb7hvnzt] {
    color: var(--ngds-text, #101828);
}

.wrapper_course.mode-badge .course-nav-intro__title[b-f0jb7hvnzt] {
    color: var(--ngds-text-muted, #667085);
}

.wrapper_course.mode-badge .course-nav-intro__collapse[b-f0jb7hvnzt] {
    color: var(--ngds-text-muted, #667085);
}

.wrapper_course.mode-badge .course-nav-intro__action[b-f0jb7hvnzt] {
    color: var(--ngds-text-secondary, #475467) !important;
}

    .wrapper_course.mode-badge .course-nav-intro__action:hover[b-f0jb7hvnzt],
    .wrapper_course.mode-badge .course-nav-intro__action:focus[b-f0jb7hvnzt] {
        color: var(--ngds-text, #101828) !important;
    }

    .wrapper_course.mode-badge .course-nav-intro__action:focus-visible[b-f0jb7hvnzt] {
        outline-color: var(--ngds-primary, #2563EB);
    }

.wrapper_course.mode-badge .course-nav-intro__iconbtn[b-f0jb7hvnzt] {
    color: var(--ngds-text-secondary, #475467) !important;
}

    .wrapper_course.mode-badge .course-nav-intro__iconbtn:hover[b-f0jb7hvnzt] {
        color: var(--ngds-text, #101828) !important;
    }

/* --------------------------------------------------------------------------
   Compact badge mode header v12
   - Restores the badge-focused one-line control row.
   - Back stays as a small icon on the left.
   - Learn / Assess stay centered as the primary badge mode switch.
   - Collapse placeholder sits on the right for future sidebar behavior.
   -------------------------------------------------------------------------- */

.wrapper_course .badge-mode-shell[b-f0jb7hvnzt] {
    color: #fff;
    padding-top: 1rem !important;
    padding-bottom: .7rem !important;
}

.wrapper_course .badge-mode-shell__row[b-f0jb7hvnzt] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 30px;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.wrapper_course .badge-mode-shell__back[b-f0jb7hvnzt] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    border-radius: 8px;
    color: rgba(255,255,255,.86) !important;
    text-decoration: none !important;
    background: transparent;
    border: 0;
}

    .wrapper_course .badge-mode-shell__back:hover[b-f0jb7hvnzt],
    .wrapper_course .badge-mode-shell__back:focus[b-f0jb7hvnzt] {
        color: #fff !important;
        background: rgba(255,255,255,.08);
        text-decoration: none !important;
    }

    .wrapper_course .badge-mode-shell__back:focus-visible[b-f0jb7hvnzt] {
        outline: 2px solid rgba(255,255,255,.70);
        outline-offset: 2px;
    }

    .wrapper_course .badge-mode-shell__back .oi[b-f0jb7hvnzt] {
        width: auto;
        font-size: .86rem;
        line-height: 1;
        top: 0;
    }

.wrapper_course .badge-mode-shell__tabs[b-f0jb7hvnzt] {
    min-width: 0;
    display: flex;
    justify-content: center;
    justify-self: center;
    overflow: visible;
}

.wrapper_course .badge-mode-shell__collapse[b-f0jb7hvnzt] {
    justify-self: end;
}

.course-nav-scroll > .badge-mode-shell + .nav[b-f0jb7hvnzt],
.course-nav-scroll > .badge-mode-shell + p[b-f0jb7hvnzt] {
    margin-top: .05rem;
}

.wrapper_course.mode-badge .badge-mode-shell[b-f0jb7hvnzt] {
    color: var(--ngds-text, #101828);
}

.wrapper_course.mode-badge .badge-mode-shell__back[b-f0jb7hvnzt] {
    color: var(--ngds-text-secondary, #475467) !important;
}

    .wrapper_course.mode-badge .badge-mode-shell__back:hover[b-f0jb7hvnzt],
    .wrapper_course.mode-badge .badge-mode-shell__back:focus[b-f0jb7hvnzt] {
        color: var(--ngds-text, #101828) !important;
        background: rgba(15,23,42,.05);
    }

    .wrapper_course.mode-badge .badge-mode-shell__back:focus-visible[b-f0jb7hvnzt] {
        outline-color: var(--ngds-primary, #2563EB);
    }

/* --------------------------------------------------------------------------
   Learn / Assess switch
   -------------------------------------------------------------------------- */

.wrapper_course .course-nav-intro__tabs[b-f0jb7hvnzt] {
    margin-top: .62rem;
    display: flex;
    justify-content: center;
    overflow: visible;
}

.wrapper_course.is-badge .badge-tabs[b-f0jb7hvnzt] {
    --badge-tab-width: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    gap: 2px;
    padding: 3px 4px;
    border-radius: var(--ngds-radius-pill, 999px);
    box-sizing: border-box;
    isolation: isolate;
    overflow: visible !important;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.04);
}

    .wrapper_course.is-badge .badge-tabs .ngds-seg__btn[b-f0jb7hvnzt] {
        position: relative;
        z-index: 0;
        display: inline-grid;
        place-items: center;
        flex: 0 0 var(--badge-tab-width);
        width: var(--badge-tab-width);
        min-width: 0;
        height: 27px;
        min-height: 27px;
        padding: 0 !important;
        border: 1px solid transparent;
        border-radius: var(--ngds-radius-pill, 999px) !important;
        box-sizing: border-box;
        overflow: hidden;
        background: transparent;
        background-clip: padding-box;
        color: inherit;
        font-size: .735rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: .002em;
        white-space: nowrap;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        -webkit-mask-image: -webkit-radial-gradient(white, black);
        transition: background-color .14s ease, color .14s ease, border-color .14s ease, box-shadow .14s ease;
    }

/* Blue sidebar theme */
.wrapper_course.is-badge.mode-default .badge-tabs[b-f0jb7hvnzt] {
    background: rgba(255,255,255,.09);
    border-color: rgba(255,255,255,.22);
}

    .wrapper_course.is-badge.mode-default .badge-tabs .ngds-seg__btn[b-f0jb7hvnzt] {
        color: rgba(255,255,255,.82) !important;
    }

        .wrapper_course.is-badge.mode-default .badge-tabs .ngds-seg__btn:hover[b-f0jb7hvnzt] {
            background: rgba(255,255,255,.105);
            color: #fff !important;
        }

        .wrapper_course.is-badge.mode-default .badge-tabs .ngds-seg__btn.is-active[b-f0jb7hvnzt],
        .wrapper_course.is-badge.mode-default .badge-tabs .ngds-seg__btn[aria-current="page"][b-f0jb7hvnzt] {
            z-index: 1;
            background: rgba(255,255,255,.90);
            color: #0b3a72 !important;
            border-color: rgba(255,255,255,.46);
            box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 2px 5px rgba(5,39,103,.10);
        }

            .wrapper_course.is-badge.mode-default .badge-tabs .ngds-seg__btn.is-active:hover[b-f0jb7hvnzt],
            .wrapper_course.is-badge.mode-default .badge-tabs .ngds-seg__btn[aria-current="page"]:hover[b-f0jb7hvnzt] {
                background: rgba(255,255,255,.94);
                color: #0b3a72 !important;
            }

/* Light / grey badge theme */
.wrapper_course.is-badge.mode-badge .badge-tabs[b-f0jb7hvnzt] {
    background: rgba(15,23,42,.04);
    border-color: rgba(15,23,42,.10);
    box-shadow: none;
}

    .wrapper_course.is-badge.mode-badge .badge-tabs .ngds-seg__btn[b-f0jb7hvnzt] {
        color: var(--ngds-text-secondary) !important;
    }

        .wrapper_course.is-badge.mode-badge .badge-tabs .ngds-seg__btn:hover[b-f0jb7hvnzt] {
            background: var(--ngds-hover);
            color: var(--ngds-text, #101828) !important;
        }

        .wrapper_course.is-badge.mode-badge .badge-tabs .ngds-seg__btn.is-active[b-f0jb7hvnzt],
        .wrapper_course.is-badge.mode-badge .badge-tabs .ngds-seg__btn[aria-current="page"][b-f0jb7hvnzt] {
            z-index: 1;
            background: var(--ngds-primary-subtle);
            color: var(--ngds-primary-hover) !important;
            border-color: rgba(37,99,235,.14);
            box-shadow: 0 1px 2px rgba(16,24,40,.06);
        }

.wrapper_course.is-badge .badge-tabs .ngds-seg__btn:focus-visible[b-f0jb7hvnzt] {
    outline: 2px solid rgba(255,255,255,.70);
    outline-offset: 2px;
}

.wrapper_course.is-badge.mode-badge .badge-tabs .ngds-seg__btn:focus-visible[b-f0jb7hvnzt] {
    outline-color: var(--ngds-primary, #2563EB);
}

/* --------------------------------------------------------------------------
   Scroll area
   No separate top row now; banner scrolls with the navigation.
   -------------------------------------------------------------------------- */

.course-nav-scroll[b-f0jb7hvnzt] {
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.35) transparent;
}

    .course-nav-scroll[b-f0jb7hvnzt]::-webkit-scrollbar {
        width: 8px;
    }

    .course-nav-scroll[b-f0jb7hvnzt]::-webkit-scrollbar-thumb {
        background-color: rgba(255,255,255,.35);
        border-radius: 4px;
    }

    .course-nav-scroll[b-f0jb7hvnzt]::-webkit-scrollbar-track {
        background: transparent;
    }

.wrapper_course.mode-badge .course-nav-scroll[b-f0jb7hvnzt] {
    scrollbar-color: rgba(15,23,42,.25) transparent;
}

    .wrapper_course.mode-badge .course-nav-scroll[b-f0jb7hvnzt]::-webkit-scrollbar-thumb {
        background-color: rgba(15,23,42,.25);
    }

/* --------------------------------------------------------------------------
   Sidebar width
   -------------------------------------------------------------------------- */

@media (min-width: 768px) {
    .wrapper_course[b-f0jb7hvnzt] {
        flex: 0 0 280px !important;
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
    }

        .wrapper_course .affixable_course[b-f0jb7hvnzt] {
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
        }
}

/* --------------------------------------------------------------------------
   Menu text wrapping and nested component safety
   -------------------------------------------------------------------------- */

.wrapper_course .navcs-item > .d-flex[b-f0jb7hvnzt],
.wrapper_course[b-f0jb7hvnzt]  .cc-menu .navcs-item > .d-flex {
    min-width: 0;
}

.wrapper_course .navcs-item a.nav-link[b-f0jb7hvnzt],
.wrapper_course[b-f0jb7hvnzt]  .cc-menu .navcs-item a.nav-link {
    min-width: 0;
    width: 100%;
    overflow: hidden;
    height: auto !important;
    min-height: 3rem;
    align-items: flex-start;
    padding-top: .55rem;
    padding-bottom: .55rem;
}

    .wrapper_course .navcs-item a.nav-link .oi[b-f0jb7hvnzt],
    .wrapper_course .navcs-item a.nav-link [class^="oi"][b-f0jb7hvnzt],
    .wrapper_course .navcs-item a.nav-link [class*=" oi-"][b-f0jb7hvnzt],
    .wrapper_course[b-f0jb7hvnzt]  .cc-menu .navcs-item a.nav-link .oi,
    .wrapper_course[b-f0jb7hvnzt]  .cc-menu .navcs-item a.nav-link [class^="oi"],
    .wrapper_course[b-f0jb7hvnzt]  .cc-menu .navcs-item a.nav-link [class*=" oi-"] {
        flex: 0 0 auto;
    }

    .wrapper_course .navcs-item a.nav-link .flex-grow-1[b-f0jb7hvnzt],
    .wrapper_course .navcs-item a.nav-link span.d-inline-block[b-f0jb7hvnzt],
    .wrapper_course[b-f0jb7hvnzt]  .cc-menu .navcs-item a.nav-link .flex-grow-1,
    .wrapper_course[b-f0jb7hvnzt]  .cc-menu .navcs-item a.nav-link span.d-inline-block {
        min-width: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: normal;
        text-overflow: ellipsis;
        word-break: break-word;
    }


/* Small visual refinement for the expanded course menu.
   Keeps long items like Work-Based Learning from feeling cramped. */
.wrapper_course .navcs-item a.nav-link[b-f0jb7hvnzt] {
    min-height: 2.9rem;
    align-items: center;
}

    .wrapper_course .navcs-item a.nav-link span.d-inline-block[b-f0jb7hvnzt] {
        font-size: 1.02rem !important;
        line-height: 1.18;
    }

    .wrapper_course .navcs-item a.nav-link .oi[b-f0jb7hvnzt],
    .wrapper_course .navcs-item a.nav-link [class^="oi"][b-f0jb7hvnzt],
    .wrapper_course .navcs-item a.nav-link [class*=" oi-"][b-f0jb7hvnzt] {
        width: 1.25rem;
        margin-right: .55rem !important;
        text-align: center;
    }

/* Selected nav item: course menu + nested assessment menu.
   Uses paint-only properties so it does not cause layout shift. */
.wrapper_course.mode-default .navcs-item:not(.navcs-item--badges) > .nav-link.active[b-f0jb7hvnzt],
.wrapper_course.mode-default .navcs-item:not(.navcs-item--badges) > .nav-link[aria-current="page"][b-f0jb7hvnzt],
.wrapper_course.mode-default[b-f0jb7hvnzt]  .cc-menu .navcs-item > .nav-link.active,
.wrapper_course.mode-default[b-f0jb7hvnzt]  .cc-menu .navcs-item > .nav-link[aria-current="page"] {
    background: var(--app-nav-active-bg, rgba(255, 255, 255, .18)) !important;
    color: var(--app-nav-text-strong, #fff) !important;
    box-shadow: inset 3px 0 0 rgba(255, 255, 255, .42);
}

    .wrapper_course.mode-default .navcs-item:not(.navcs-item--badges) > .nav-link.active .oi[b-f0jb7hvnzt],
    .wrapper_course.mode-default .navcs-item:not(.navcs-item--badges) > .nav-link[aria-current="page"] .oi[b-f0jb7hvnzt],
    .wrapper_course.mode-default[b-f0jb7hvnzt]  .cc-menu .navcs-item > .nav-link.active .oi,
    .wrapper_course.mode-default[b-f0jb7hvnzt]  .cc-menu .navcs-item > .nav-link[aria-current="page"] .oi {
        color: #fff !important;
    }

.wrapper_course.mode-badge .navcs-item:not(.navcs-item--badges) > .nav-link.active[b-f0jb7hvnzt],
.wrapper_course.mode-badge .navcs-item:not(.navcs-item--badges) > .nav-link[aria-current="page"][b-f0jb7hvnzt],
.wrapper_course.mode-badge[b-f0jb7hvnzt]  .cc-menu .navcs-item > .nav-link.active,
.wrapper_course.mode-badge[b-f0jb7hvnzt]  .cc-menu .navcs-item > .nav-link[aria-current="page"] {
    background: var(--ngds-primary-subtle, #EFF6FF) !important;
    color: var(--ngds-primary-hover, #1D4ED8) !important;
    box-shadow: inset 3px 0 0 var(--ngds-primary, #2563EB);
}

    .wrapper_course.mode-badge .navcs-item:not(.navcs-item--badges) > .nav-link.active .oi[b-f0jb7hvnzt],
    .wrapper_course.mode-badge .navcs-item:not(.navcs-item--badges) > .nav-link[aria-current="page"] .oi[b-f0jb7hvnzt],
    .wrapper_course.mode-badge[b-f0jb7hvnzt]  .cc-menu .navcs-item > .nav-link.active .oi,
    .wrapper_course.mode-badge[b-f0jb7hvnzt]  .cc-menu .navcs-item > .nav-link[aria-current="page"] .oi {
        color: var(--ngds-primary-hover, #1D4ED8) !important;
    }

/* Clickable assessment headings use the same selected language as links. */
.wrapper_course.mode-default[b-f0jb7hvnzt]  .cc-menu .cc-assess__heading-link.active,
.wrapper_course.mode-default[b-f0jb7hvnzt]  .cc-menu .cc-assess__heading-link[aria-current="page"] {
    display: block;
    border-radius: var(--app-nav-radius, 10px);
    background: var(--app-nav-active-bg, rgba(255, 255, 255, .18)) !important;
    box-shadow: inset 3px 0 0 rgba(255, 255, 255, .42);
}

    .wrapper_course.mode-default[b-f0jb7hvnzt]  .cc-menu .cc-assess__heading-link.active h5,
    .wrapper_course.mode-default[b-f0jb7hvnzt]  .cc-menu .cc-assess__heading-link.active h5 strong,
    .wrapper_course.mode-default[b-f0jb7hvnzt]  .cc-menu .cc-assess__heading-link[aria-current="page"] h5,
    .wrapper_course.mode-default[b-f0jb7hvnzt]  .cc-menu .cc-assess__heading-link[aria-current="page"] h5 strong {
        color: var(--app-nav-text-strong, #fff) !important;
    }

.wrapper_course.mode-badge[b-f0jb7hvnzt]  .cc-menu .cc-assess__heading-link.active,
.wrapper_course.mode-badge[b-f0jb7hvnzt]  .cc-menu .cc-assess__heading-link[aria-current="page"] {
    display: block;
    border-radius: var(--app-nav-radius, 10px);
    background: var(--ngds-primary-subtle, #EFF6FF) !important;
    box-shadow: inset 3px 0 0 var(--ngds-primary, #2563EB);
}

    .wrapper_course.mode-badge[b-f0jb7hvnzt]  .cc-menu .cc-assess__heading-link.active h5,
    .wrapper_course.mode-badge[b-f0jb7hvnzt]  .cc-menu .cc-assess__heading-link.active h5 strong,
    .wrapper_course.mode-badge[b-f0jb7hvnzt]  .cc-menu .cc-assess__heading-link[aria-current="page"] h5,
    .wrapper_course.mode-badge[b-f0jb7hvnzt]  .cc-menu .cc-assess__heading-link[aria-current="page"] h5 strong {
        color: var(--ngds-primary-hover, #1D4ED8) !important;
    }

/* Nested menu group headings rendered by NavCourseModulesCreate / NavCourseAssessCreate. */
.wrapper_course[b-f0jb7hvnzt]  .cc-menu .nav-section-title,
.wrapper_course[b-f0jb7hvnzt]  .cc-menu .menu-group-title,
.wrapper_course[b-f0jb7hvnzt]  .cc-menu .nav-header,
.wrapper_course[b-f0jb7hvnzt]  .cc-menu .menu-heading h5,
.wrapper_course[b-f0jb7hvnzt]  .cc-menu .menu-heading h5 strong {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
    padding: 12px 0 6px;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1.25;
    text-transform: uppercase;
    white-space: normal;
    text-overflow: ellipsis;
    opacity: 1 !important;
}

.wrapper_course.mode-default[b-f0jb7hvnzt]  .cc-menu .menu-heading h5,
.wrapper_course.mode-default[b-f0jb7hvnzt]  .cc-menu .menu-heading h5 strong {
    color: rgba(255,255,255,.65) !important;
}

.wrapper_course.mode-badge[b-f0jb7hvnzt]  .cc-menu .menu-heading h5,
.wrapper_course.mode-badge[b-f0jb7hvnzt]  .cc-menu .menu-heading h5 strong {
    color: rgba(33,37,41,.65) !important;
}

/* --------------------------------------------------------------------------
   Emphasized Badges entry in course mode
   IMPORTANT:
   - Badges are intentionally more prominent than normal nav links.
   - Base state is emphasized.
   - Selected state adds stronger highlight without removing the emphasis.
   -------------------------------------------------------------------------- */

.wrapper_course.is-course .navcs-item--badges[b-f0jb7hvnzt],
.wrapper_course.mode-default .navcs-item--badges[b-f0jb7hvnzt] {
    margin-top: .45rem;
    margin-bottom: .45rem;
}

    /* Strong default card treatment */
    .wrapper_course.is-course .navcs-item--badges > .nav-link--badges[b-f0jb7hvnzt],
    .wrapper_course.mode-default .navcs-item--badges > .nav-link--badges[b-f0jb7hvnzt] {
        display: flex !important;
        align-items: center !important;
        width: 100%;
        min-height: 3.35rem !important;
        height: auto !important;
        padding: .62rem .72rem !important;
        border-radius: 12px;
        text-decoration: none !important;
        background: linear-gradient(135deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.075) 68%);
        border: 1px solid rgba(255,255,255,.30);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 6px 14px rgba(0,0,0,.08);
        color: #fff !important;
    }

        /* Keep the card visually important on hover */
        .wrapper_course.is-course .navcs-item--badges > .nav-link--badges:hover[b-f0jb7hvnzt],
        .wrapper_course.mode-default .navcs-item--badges > .nav-link--badges:hover[b-f0jb7hvnzt] {
            background: linear-gradient(135deg, rgba(255,255,255,.25) 0%, rgba(255,255,255,.105) 68%);
            border-color: rgba(255,255,255,.42);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 18px rgba(0,0,0,.10);
        }

        /* Selected Badges state: keep emphasis + add selected rail */
        .wrapper_course.is-course .navcs-item--badges > .nav-link--badges.active[b-f0jb7hvnzt],
        .wrapper_course.is-course .navcs-item--badges > .nav-link--badges.is-active[b-f0jb7hvnzt],
        .wrapper_course.is-course .navcs-item--badges > .nav-link--badges[aria-current="page"][b-f0jb7hvnzt],
        .wrapper_course.mode-default .navcs-item--badges > .nav-link--badges.active[b-f0jb7hvnzt],
        .wrapper_course.mode-default .navcs-item--badges > .nav-link--badges.is-active[b-f0jb7hvnzt],
        .wrapper_course.mode-default .navcs-item--badges > .nav-link--badges[aria-current="page"][b-f0jb7hvnzt] {
            background: linear-gradient(135deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,.14) 72%) !important;
            border-color: rgba(255,255,255,.58);
            color: #fff !important;
            box-shadow: inset 4px 0 0 rgba(255,255,255,.82), inset 0 1px 0 rgba(255,255,255,.25), 0 8px 20px rgba(0,0,0,.12);
        }

        .wrapper_course.is-course .navcs-item--badges > .nav-link--badges:focus-visible[b-f0jb7hvnzt],
        .wrapper_course.mode-default .navcs-item--badges > .nav-link--badges:focus-visible[b-f0jb7hvnzt] {
            outline: 2px solid rgba(255,255,255,.78);
            outline-offset: 2px;
        }

/* Icon: make it feel like a feature card, not a normal nav icon */
.wrapper_course.is-course .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges__icon[b-f0jb7hvnzt] {
    width: 28px;
    height: 28px;
    min-width: 28px;
    flex: 0 0 28px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    margin: 0 .68rem 0 0 !important;
    padding: 0 !important;
    border-radius: 999px;
    background: rgba(255,255,255,.20);
    border: 1px solid rgba(255,255,255,.24);
    color: #fff !important;
    font-size: .95rem;
    line-height: 1 !important;
    top: 0 !important;
    transform: none !important;
}

.wrapper_course.is-course .nav-link--badges__copy[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges__copy[b-f0jb7hvnzt] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    line-height: 1.1;
}

.wrapper_course.is-course .nav-link--badges__label[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges__label[b-f0jb7hvnzt] {
    display: block;
    color: #fff !important;
    font-size: 1.08rem;
    font-weight: 850;
    line-height: 1.08;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrapper_course.is-course .nav-link--badges__hint[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges__hint[b-f0jb7hvnzt] {
    display: block;
    color: rgba(255,255,255,.84) !important;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.12;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrapper_course.is-course .nav-link--badges__arrow[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges__arrow[b-f0jb7hvnzt] {
    flex: 0 0 auto;
    align-self: center !important;
    margin: 0 0 0 .55rem !important;
    padding: 0 !important;
    color: rgba(255,255,255,.82) !important;
    font-size: .9rem;
    line-height: 1 !important;
    top: 0 !important;
    transform: none !important;
}

/* Hover / selected icon and arrow */
.wrapper_course.is-course .nav-link--badges:hover .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.is-course .nav-link--badges:hover .nav-link--badges__arrow[b-f0jb7hvnzt],
.wrapper_course.is-course .nav-link--badges.active .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.is-course .nav-link--badges.active .nav-link--badges__arrow[b-f0jb7hvnzt],
.wrapper_course.is-course .nav-link--badges.is-active .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.is-course .nav-link--badges.is-active .nav-link--badges__arrow[b-f0jb7hvnzt],
.wrapper_course.is-course .nav-link--badges[aria-current="page"] .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.is-course .nav-link--badges[aria-current="page"] .nav-link--badges__arrow[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges:hover .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges:hover .nav-link--badges__arrow[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges.active .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges.active .nav-link--badges__arrow[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges.is-active .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges.is-active .nav-link--badges__arrow[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges[aria-current="page"] .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges[aria-current="page"] .nav-link--badges__arrow[b-f0jb7hvnzt] {
    color: #fff !important;
}

/* Selected state strengthens the icon too */
.wrapper_course.is-course .nav-link--badges.active .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.is-course .nav-link--badges.is-active .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.is-course .nav-link--badges[aria-current="page"] .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges.active .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges.is-active .nav-link--badges__icon[b-f0jb7hvnzt],
.wrapper_course.mode-default .nav-link--badges[aria-current="page"] .nav-link--badges__icon[b-f0jb7hvnzt] {
    background: rgba(255,255,255,.30);
    border-color: rgba(255,255,255,.45);
}

/* --------------------------------------------------------------------------
   Narrow viewport safeguard
   -------------------------------------------------------------------------- */

@media (max-width: 360px) {
    .wrapper_course .course-nav-intro__top[b-f0jb7hvnzt] {
        grid-template-columns: minmax(0, 1fr) 26px;
        gap: .45rem;
    }

    .wrapper_course .course-nav-intro__collapse[b-f0jb7hvnzt],
    .wrapper_course .course-nav-intro__iconbtn[b-f0jb7hvnzt] {
        width: 26px;
        height: 26px;
    }

    .wrapper_course .course-nav-intro__eyebrow[b-f0jb7hvnzt] {
        font-size: .9rem;
    }

    .wrapper_course .course-nav-intro__collapse-glyph[b-f0jb7hvnzt] {
        width: 16px;
        height: 13px;
    }

    .wrapper_course .course-nav-intro__actions[b-f0jb7hvnzt] {
        gap: .55rem;
    }

    .wrapper_course.is-badge .badge-tabs[b-f0jb7hvnzt] {
        --badge-tab-width: 66px;
        gap: 2px;
        padding: 3px;
    }

        .wrapper_course.is-badge .badge-tabs .ngds-seg__btn[b-f0jb7hvnzt] {
            height: 26px;
            min-height: 26px;
            font-size: .705rem;
        }
}
/* /Components/Layout/NavCourseModulesCreate.razor.rz.scp.css */
/* NavCourseModulesCreate.razor.css — minimized
   Theme (tabs, badge mode) & scrollbars are handled by the master CSS.
   Add component-specific rules here only if needed in the future. */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ==========================================================================
   NavMenu — authenticated app sidebar
   MASHORA 2: token-based, but with stable icon/text spacing.
   ========================================================================== */

.navbar-toggler[b-nulbu070cf] {
    border: 0;
    border-radius: var(--app-nav-radius, 10px);
    padding: .35rem .45rem;
    box-shadow: none;
}

    .navbar-toggler:hover[b-nulbu070cf],
    .navbar-toggler:focus[b-nulbu070cf] {
        background-color: var(--app-nav-hover-bg, rgba(255, 255, 255, .10));
        box-shadow: none;
    }

.navbar-brand[b-nulbu070cf] {
    max-width: 100%;
    color: var(--app-nav-text-strong, #fff);
    font-size: 1.1rem;
    font-weight: 750;
    letter-spacing: .01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .navbar-brand:hover[b-nulbu070cf] {
        color: var(--app-nav-text-strong, #fff);
    }

nav[b-nulbu070cf] {
    padding-top: .25rem;
    padding-bottom: .75rem;
}

.nav[b-nulbu070cf] {
    gap: .12rem;
}

.nav-item[b-nulbu070cf] {
    font-size: .92rem;
    padding-left: .75rem !important;
    padding-right: .75rem !important;
    padding-bottom: .28rem;
}

    .nav-item:first-of-type[b-nulbu070cf] {
        padding-top: .85rem;
    }

    .nav-item:last-of-type[b-nulbu070cf] {
        padding-bottom: .85rem;
    }

    .nav-item[b-nulbu070cf]  a {
        min-height: 2.9rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        /* Important: this fixes the icon/text relationship */
        column-gap: .55rem;
        padding-left: .95rem;
        padding-right: .85rem;
        border-radius: var(--app-nav-radius, 10px);
        color: var(--app-nav-text, rgba(255, 255, 255, .88));
        line-height: 1.2;
        text-decoration: none;
        transition: background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
    }

        .nav-item[b-nulbu070cf]  a .oi {
            width: 1.15rem;
            flex: 0 0 1.15rem;
            font-size: var(--app-nav-icon-size, 1.05rem);
            line-height: 1;
            text-align: center;
            color: currentColor;
            opacity: .95;
            top: 0;
        }

        .nav-item[b-nulbu070cf]  a.active {
            background-color: rgba(255, 255, 255, .18);
            color: var(--app-nav-text-strong, #fff);
            box-shadow: inset 2px 0 0 rgba(255, 255, 255, .28);
        }

        .nav-item[b-nulbu070cf]  a:hover,
        .nav-item[b-nulbu070cf]  a:focus {
            background-color: var(--app-nav-hover-bg, rgba(255, 255, 255, .10));
            color: var(--app-nav-text-strong, #fff);
        }

        .nav-item[b-nulbu070cf]  a:focus-visible {
            outline: 2px solid rgba(255, 255, 255, .55);
            outline-offset: 2px;
        }

.top-row > a.nav-link[b-nulbu070cf] {
    color: var(--app-nav-text, rgba(255, 255, 255, .88));
    margin-left: auto;
}

    .top-row > a.nav-link:hover[b-nulbu070cf],
    .top-row > a.nav-link:focus[b-nulbu070cf] {
        color: var(--app-nav-text-strong, #fff);
    }

    .top-row > a.nav-link .oi[b-nulbu070cf] {
        color: currentColor !important;
    }

@media (prefers-reduced-motion: reduce) {
    .nav-item[b-nulbu070cf]  a {
        transition: none;
    }
}
/* /Components/Layout/NavResults.razor.rz.scp.css */
.wrapper-results[b-dwnq6vf71w] {
    height: 100%;
    position: relative;
}

.affixable-results[b-dwnq6vf71w] {
    height: 100%;
    position: absolute;
    inset: 0;
}

.fixed-results[b-dwnq6vf71w] {
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 !important;
}

.back-link[b-dwnq6vf71w] {
    position: absolute;
    left: 0;
}

.nav-scroll[b-dwnq6vf71w] {
    height: calc(100vh - 3.5rem);
    overflow-y: auto;
}

.section-title[b-dwnq6vf71w] {
    color: white;
    padding: 1.5rem 1.5rem 0;
}

.navbar-brand[b-dwnq6vf71w] {
    font-size: 1.1rem;
}

.oi[b-dwnq6vf71w] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
}

.navcs-item[b-dwnq6vf71w] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .navcs-item:first-of-type[b-dwnq6vf71w] {
        padding-top: 1rem;
    }

    .navcs-item:last-of-type[b-dwnq6vf71w] {
        padding-bottom: 1rem;
    }

    .navcs-item[b-dwnq6vf71w]  a {
        color: rgba(255, 255, 255, 0.88);
        border-radius: 4px;
        min-height: 3rem;
        display: flex;
        align-items: center;
    }

        .navcs-item[b-dwnq6vf71w]  a.active {
            background-color: rgba(255, 255, 255, 0.25);
            color: white;
        }

        .navcs-item[b-dwnq6vf71w]  a:hover {
            background-color: rgba(255, 255, 255, 0.1);
            color: white;
        }

@media (min-width: 768px) {
    .nav-scroll[b-dwnq6vf71w] {
        scrollbar-color: white white;
    }

        .nav-scroll[b-dwnq6vf71w]::-webkit-scrollbar {
            width: 8px;
        }

        .nav-scroll[b-dwnq6vf71w]::-webkit-scrollbar-thumb {
            background-color: white;
            border-radius: 4px;
        }

        .nav-scroll[b-dwnq6vf71w]::-webkit-scrollbar-track {
            background: transparent;
        }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-1qbt26lmrc],
.components-reconnect-repeated-attempt-visible[b-1qbt26lmrc],
.components-reconnect-failed-visible[b-1qbt26lmrc],
.components-pause-visible[b-1qbt26lmrc],
.components-resume-failed-visible[b-1qbt26lmrc],
.components-rejoining-animation[b-1qbt26lmrc] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-1qbt26lmrc],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-1qbt26lmrc],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-1qbt26lmrc],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-1qbt26lmrc],
#components-reconnect-modal.components-reconnect-retrying[b-1qbt26lmrc],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-1qbt26lmrc],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-1qbt26lmrc],
#components-reconnect-modal.components-reconnect-failed[b-1qbt26lmrc],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-1qbt26lmrc] {
    display: block;
}


#components-reconnect-modal[b-1qbt26lmrc] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-1qbt26lmrc 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-1qbt26lmrc 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-1qbt26lmrc 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-1qbt26lmrc]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-1qbt26lmrc 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-1qbt26lmrc {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-1qbt26lmrc {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-1qbt26lmrc {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-1qbt26lmrc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-1qbt26lmrc] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-1qbt26lmrc] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-1qbt26lmrc] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-1qbt26lmrc] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-1qbt26lmrc] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-1qbt26lmrc] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-1qbt26lmrc 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-1qbt26lmrc] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-1qbt26lmrc {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Course.razor.rz.scp.css */
/* ==========================================================================
   Course.razor — Course overview
   SSR-first, English/Arabic safe, NGDS-aligned.
   ========================================================================== */

.course-overview-page[b-hcq8vrmh06] {
    --course-page-width: var(--app-page-content, 1180px);
    --course-reader-width: var(--app-reader-width, 76ch);
    width: 100%;
    max-width: var(--course-page-width);
    margin: 0 auto;
    padding: 2.25rem 1rem 3rem;
}

.course-overview-card[b-hcq8vrmh06] {
    background: var(--surface, #fff);
    border: 1px solid var(--border, #E6EAF0);
    border-radius: var(--ngds-radius, 8px);
    box-shadow: var(--ngds-shadow-card, 0 1px 2px rgba(16, 24, 40, .04));
    padding: 2rem;
}

/* Header: title + progress should feel like one unit.
   Do not force row-reverse for RTL.
   The parent dir="rtl" already handles visual direction correctly. */
.course-overview-head[b-hcq8vrmh06] {
    max-width: var(--course-reader-width);
    margin-inline: auto;
    margin-bottom: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.75rem;
}

.course-overview-titleblock[b-hcq8vrmh06] {
    min-width: 0;
    flex: 0 1 auto;
}

.course-overview-title[b-hcq8vrmh06] {
    margin: 0;
    color: var(--ngds-text, #101828);
    font-size: clamp(1.75rem, 2.25vw, 2.25rem);
    font-weight: 800;
    line-height: 1.22;
    text-align: start;
    overflow-wrap: break-word;
}

.course-overview-progress[b-hcq8vrmh06] {
    width: 112px;
    min-width: 112px;
    flex: 0 0 112px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Reading text should not become too wide on desktop. */
.course-overview-body[b-hcq8vrmh06] {
    max-width: var(--course-reader-width);
    margin-inline: auto;
    color: var(--ngds-text, #101828);
    font-size: 1rem;
    line-height: 1.8;
    text-align: start;
    overflow-wrap: break-word;
    word-break: normal;
}

/* Wrapper used only when the description is collapsible. */
.course-overview-readmore[b-hcq8vrmh06] {
    max-width: var(--course-reader-width);
    margin-inline: auto;
}

/* Hidden checkbox for SSR-first CSS-only expand/collapse. */
.course-overview-toggle[b-hcq8vrmh06] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

/* When inside readmore wrapper, the body width is controlled by the wrapper. */
.course-overview-readmore .course-overview-body[b-hcq8vrmh06] {
    max-width: 100%;
    margin-inline: 0;
}

/* Clamp arbitrary database HTML by height.
   This is more reliable for MarkupString content containing paragraphs/divs. */
.course-overview-body--clamp[b-hcq8vrmh06] {
    position: relative;
    max-height: 14.4em; /* roughly 8 lines at 1.8 line-height */
    overflow: hidden;
}

.course-overview-page[dir="rtl"] .course-overview-body--clamp[b-hcq8vrmh06] {
    max-height: 15.6em; /* roughly 8 lines at 1.95 line-height */
}

.course-overview-body--clamp[b-hcq8vrmh06]::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 3rem;
    pointer-events: none;
    background: linear-gradient( to bottom, rgba(255, 255, 255, 0), var(--surface, #fff) );
}

/* Read more / show less control */
.course-overview-togglebtn[b-hcq8vrmh06] {
    margin-top: .85rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--ngds-primary, #2563EB);
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    user-select: none;
    border-radius: var(--ngds-radius-focus, 6px);
}

    .course-overview-togglebtn:hover[b-hcq8vrmh06],
    .course-overview-togglebtn:focus[b-hcq8vrmh06] {
        text-decoration: underline;
    }

.course-overview-togglebtn__less[b-hcq8vrmh06] {
    display: none;
}

.course-overview-toggle:checked ~ .course-overview-togglebtn .course-overview-togglebtn__more[b-hcq8vrmh06] {
    display: none;
}

.course-overview-toggle:checked ~ .course-overview-togglebtn .course-overview-togglebtn__less[b-hcq8vrmh06] {
    display: inline;
}

.course-overview-togglebtn__icon[b-hcq8vrmh06] {
    font-size: .85rem;
    line-height: 1;
    transition: transform 140ms ease;
}

.course-overview-toggle:checked ~ .course-overview-togglebtn .course-overview-togglebtn__icon[b-hcq8vrmh06] {
    transform: rotate(180deg);
}

/* MarkupString content may not receive Blazor CSS isolation scope attributes.
   Use ::deep so raw database HTML still gets readable typography. */
.course-overview-body[b-hcq8vrmh06]  p,
.course-overview-body[b-hcq8vrmh06]  div {
    margin-top: 0;
    margin-bottom: .95rem;
}

.course-overview-body[b-hcq8vrmh06]  ul,
.course-overview-body[b-hcq8vrmh06]  ol {
    margin-top: .75rem;
    margin-bottom: 1rem;
    padding-inline-start: 1.5rem;
}

.course-overview-body[b-hcq8vrmh06]  li {
    margin-bottom: .45rem;
}

.course-overview-body[b-hcq8vrmh06]  h1,
.course-overview-body[b-hcq8vrmh06]  h2,
.course-overview-body[b-hcq8vrmh06]  h3,
.course-overview-body[b-hcq8vrmh06]  h4,
.course-overview-body[b-hcq8vrmh06]  h5,
.course-overview-body[b-hcq8vrmh06]  h6 {
    margin-top: 1.25rem;
    margin-bottom: .65rem;
    color: var(--ngds-text, #101828);
    font-weight: 750;
    line-height: 1.35;
    text-align: start;
}

.course-overview-body[b-hcq8vrmh06]  img {
    max-width: 100%;
    height: auto;
    border-radius: var(--ngds-radius, 8px);
}

.course-overview-body[b-hcq8vrmh06]  table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    overflow-x: auto;
}

.course-overview-body[b-hcq8vrmh06]  a {
    color: var(--ngds-primary, #2563EB);
    text-decoration: none;
}

    .course-overview-body[b-hcq8vrmh06]  a:hover,
    .course-overview-body[b-hcq8vrmh06]  a:focus {
        text-decoration: underline;
    }

/* Arabic / RTL readability. */
.course-overview-page[dir="rtl"] .course-overview-body[b-hcq8vrmh06] {
    line-height: 1.95;
}

/* Tablet */
@media (max-width: 768px) {
    .course-overview-page[b-hcq8vrmh06] {
        padding: 1.25rem .9rem 2.25rem;
    }

    .course-overview-card[b-hcq8vrmh06] {
        padding: 1.5rem;
    }

    .course-overview-head[b-hcq8vrmh06] {
        justify-content: center;
        gap: 1.25rem;
    }

    .course-overview-title[b-hcq8vrmh06] {
        font-size: clamp(1.55rem, 5vw, 2rem);
    }

    .course-overview-progress[b-hcq8vrmh06] {
        width: 96px;
        min-width: 96px;
        flex-basis: 96px;
    }

    .course-overview-body[b-hcq8vrmh06] {
        max-width: 100%;
        font-size: 1rem;
    }

    .course-overview-readmore[b-hcq8vrmh06] {
        max-width: 100%;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .course-overview-page[b-hcq8vrmh06] {
        padding: 1rem .75rem 2rem;
    }

    .course-overview-card[b-hcq8vrmh06] {
        padding: 1.25rem;
    }

    .course-overview-head[b-hcq8vrmh06] {
        justify-content: center;
        gap: 1.25rem;
        margin-bottom: 1.35rem;
    }

    .course-overview-title[b-hcq8vrmh06] {
        font-size: clamp(1.45rem, 6vw, 1.85rem);
        line-height: 1.25;
    }

    .course-overview-progress[b-hcq8vrmh06] {
        width: 86px;
        min-width: 86px;
        flex-basis: 86px;
    }

    .course-overview-body--clamp[b-hcq8vrmh06] {
        max-height: 13.5em; /* roughly 7–8 mobile lines */
    }

    .course-overview-page[dir="rtl"] .course-overview-body--clamp[b-hcq8vrmh06] {
        max-height: 14.6em;
    }
}

/* Very narrow phones */
@media (max-width: 390px) {
    .course-overview-card[b-hcq8vrmh06] {
        padding: 1rem;
    }

    .course-overview-head[b-hcq8vrmh06] {
        gap: .85rem;
    }

    .course-overview-title[b-hcq8vrmh06] {
        font-size: 1.35rem;
    }

    .course-overview-progress[b-hcq8vrmh06] {
        width: 78px;
        min-width: 78px;
        flex-basis: 78px;
    }
}

/* --------------------------------------------------------------------------
   Expanded state
   IMPORTANT:
   This must come AFTER the mobile/RTL clamp rules above.
   Otherwise the expanded content can paint behind the course navigation.
   -------------------------------------------------------------------------- */

.course-overview-toggle:checked ~ .course-overview-body--clamp[b-hcq8vrmh06],
.course-overview-page[dir="rtl"] .course-overview-toggle:checked ~ .course-overview-body--clamp[b-hcq8vrmh06] {
    max-height: 999rem !important;
    overflow: visible;
}

    .course-overview-toggle:checked ~ .course-overview-body--clamp[b-hcq8vrmh06]::after,
    .course-overview-page[dir="rtl"] .course-overview-toggle:checked ~ .course-overview-body--clamp[b-hcq8vrmh06]::after {
        display: none;
    }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .course-overview-togglebtn__icon[b-hcq8vrmh06] {
        transition: none;
    }
}
/* /Components/Pages/CourseModule.razor.rz.scp.css */
.theOuterDiv[b-w41au4hk7l] {
    position: relative;
    top: 0px;
    left: 0px;
}

.theInnerDiv[b-w41au4hk7l] {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 99;
}

.module-media-frame[b-w41au4hk7l] {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    overflow: hidden;
}

.module-video[b-w41au4hk7l] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

#stickytest[b-w41au4hk7l] {
    position: static !important;
}
/* /Components/Pages/CourseResource.razor.rz.scp.css */
.theOuterDiv[b-h3j8hd62q4] {
    position: relative;
    top: 0;
    left: 0;
}

.theInnerDiv[b-h3j8hd62q4] {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 99;
}

#stickytest[b-h3j8hd62q4] {
    position: static !important;
}

video[b-h3j8hd62q4] {
    align-content: center;
    text-align: center;
    width: 99%;
    height: auto;
}
/* /Components/Pages/DashboardCoursesComponent.razor.rz.scp.css */
/* File: DashboardCoursesComponent.razor.css */
/* OPT: SSR-UI 8.1→9.8 SAFE */

/* Page wrapper:
   Uses ngds-pagesurface from ngds.css for the white surface.
   This local class only controls max width and spacing. */
.courses-page[b-k0xetmjwen] {
    max-width: 1600px;
    margin: 0 auto;
    padding: 1rem 1rem 2.5rem 1rem;
}

/* Header:
   Uses ngds-sectionhead from ngds.css.
   This local class only adds dashboard-specific rhythm. */
.courses-header[b-k0xetmjwen] {
    margin-bottom: 1.25rem;
}

.courses-title[b-k0xetmjwen] {
    margin: 0;
    line-height: 1.1;
}

/* Segmented links:
   ngds-seg__btn was originally button-oriented.
   This makes anchors behave cleanly without changing global NGDS. */
.courses-mode-link[b-k0xetmjwen] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    text-decoration: none;
}

    .courses-mode-link:hover[b-k0xetmjwen] {
        text-decoration: none;
    }

/* Grid:
   Keep Bootstrap row-cols.
   Ensure each card centers on smaller screens. */
.courses-grid > .col[b-k0xetmjwen] {
    display: flex;
    justify-content: center;
}

/* Whole card clickable.
   ngds-linkcard handles hover/focus behavior if CourseCard contains an ngds-card.
   These local rules keep your existing CourseCard dimensions stable. */
.course-card-link[b-k0xetmjwen] {
    display: block;
    width: 100%;
    max-width: 320px;
    color: inherit;
    text-decoration: none;
}

    .course-card-link:hover[b-k0xetmjwen] {
        color: inherit;
        text-decoration: none;
    }

/* Multilingual-friendly card text. */
.course-card-wrap[b-k0xetmjwen] {
    text-align: center;
}

/* Mobile: keep title, mode chip, and segmented control readable. */
@media (max-width: 767.98px) {
    .courses-page[b-k0xetmjwen] {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .courses-header[b-k0xetmjwen] {
        align-items: stretch;
    }

        .courses-header .ngds-sectionhead__left[b-k0xetmjwen] {
            justify-content: center;
            text-align: center;
        }

        .courses-header .ngds-seg[b-k0xetmjwen] {
            align-self: center;
        }
}
/* /Components/Pages/Instructor/ClassroomWorkspace/ClassroomWorkspaceShell.razor.rz.scp.css */
/* File: ClassroomWorkspaceShell.razor.css */
/* OPT: SSR-FIRST 10.0 SAFE COMPACT HEADER */

.cws-shell[b-wbtc1qg9my] {
    width: 100%;
    max-width: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

    .cws-shell[b-wbtc1qg9my],
    .cws-shell *[b-wbtc1qg9my] {
        box-sizing: border-box;
    }

.cws-shell--wide[b-wbtc1qg9my] {
    width: 100%;
    max-width: none;
}

.cws-shell--compact[b-wbtc1qg9my] {
    gap: .65rem;
}

/* Header */

.cws-header[b-wbtc1qg9my] {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.cws-header__chrome[b-wbtc1qg9my] {
    padding: .78rem 1rem .82rem;
}

.cws-shell--compact .cws-header__chrome[b-wbtc1qg9my] {
    padding: .68rem .9rem .72rem;
}

.cws-header__topline[b-wbtc1qg9my] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .38rem;
}

.cws-breadcrumb[b-wbtc1qg9my] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: var(--ngds-text-muted, #667085);
    font-size: .78rem;
    font-weight: 650;
    line-height: 1.25;
}

.cws-breadcrumb__link[b-wbtc1qg9my] {
    color: var(--ngds-text-muted, #667085);
    text-decoration: none;
}

    .cws-breadcrumb__link:hover[b-wbtc1qg9my],
    .cws-breadcrumb__link:focus[b-wbtc1qg9my] {
        color: var(--ngds-primary, #2563eb);
        text-decoration: underline;
    }

.cws-breadcrumb__sep[b-wbtc1qg9my] {
    color: var(--ngds-text-disabled, #98a2b3);
}

.cws-breadcrumb__current[b-wbtc1qg9my] {
    min-width: 0;
    overflow: hidden;
    color: var(--ngds-text-secondary, #475467);
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cws-eyebrow[b-wbtc1qg9my] {
    min-width: 0;
    overflow: hidden;
    color: var(--ngds-text-muted, #667085);
    font-size: .78rem;
    font-weight: 750;
    letter-spacing: .04em;
    line-height: 1.25;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.cws-header__titleline[b-wbtc1qg9my] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cws-header__identity[b-wbtc1qg9my] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .65rem;
}

.cws-back[b-wbtc1qg9my] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border, #e6eaf0);
    border-radius: 10px;
    background: var(--surface, #fff);
    color: var(--ngds-text-secondary, #475467);
    text-decoration: none;
}

    .cws-back:hover[b-wbtc1qg9my],
    .cws-back:focus[b-wbtc1qg9my] {
        background: var(--ngds-hover, rgba(16, 24, 40, .03));
        color: var(--ngds-text, #101828);
        text-decoration: none;
    }

.cws-avatar[b-wbtc1qg9my] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--ngds-primary-subtle, #eff6ff);
    color: var(--ngds-primary, #2563eb);
    font-size: 1rem;
}

.cws-titleblock[b-wbtc1qg9my] {
    min-width: 0;
}

.cws-title[b-wbtc1qg9my] {
    margin: 0;
    overflow: hidden;
    color: var(--ngds-text, #101828);
    font-size: 1.36rem;
    font-weight: 850;
    letter-spacing: -.015em;
    line-height: 1.18;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cws-subtitle[b-wbtc1qg9my] {
    margin: .22rem 0 0;
    overflow: hidden;
    color: var(--ngds-text-muted, #667085);
    font-size: .88rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cws-header__actions[b-wbtc1qg9my] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
}

/* Status */

.cws-status[b-wbtc1qg9my] {
    flex: 0 0 auto;
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .16rem .55rem;
    border: 1px solid var(--border, #e6eaf0);
    border-radius: 999px;
    background: var(--ngds-surface-subtle, #f8fafc);
    color: var(--ngds-text-secondary, #475467);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    text-transform: lowercase;
    white-space: nowrap;
}

.cws-status--locked[b-wbtc1qg9my] {
    border-color: var(--ngds-danger-border, #fecdd3);
    background: var(--ngds-danger-bg, #fff1f2);
    color: var(--ngds-danger, #e11d48);
}

.cws-status--unlocked[b-wbtc1qg9my] {
    border-color: var(--ngds-success-border, #bbf7d0);
    background: var(--ngds-success-bg, #dcfce7);
    color: var(--ngds-success, #16a34a);
}

.cws-status--progress[b-wbtc1qg9my] {
    border-color: var(--ngds-warning-border, #f1d79e);
    background: var(--ngds-warning-bg, #fff7db);
    color: #92400e;
}

.cws-status__dot[b-wbtc1qg9my] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 999px;
    background: currentColor;
}

/* Primary navigation */

.cws-primary[b-wbtc1qg9my] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem;
    overflow-x: auto;
}

.cws-primary__item[b-wbtc1qg9my] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .48rem .75rem;
    border-radius: 10px;
    color: var(--ngds-text-secondary, #475467);
    font-size: .9rem;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

    .cws-primary__item:hover[b-wbtc1qg9my],
    .cws-primary__item:focus[b-wbtc1qg9my] {
        background: var(--ngds-hover, rgba(16, 24, 40, .03));
        color: var(--ngds-text, #101828);
        text-decoration: none;
    }

    .cws-primary__item.is-active[b-wbtc1qg9my] {
        background: var(--ngds-primary-subtle, #eff6ff);
        color: var(--ngds-primary, #2563eb);
    }

/* Secondary/context navigation */

.cws-context[b-wbtc1qg9my] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .45rem;
    overflow-x: auto;
}

.cws-secondary[b-wbtc1qg9my] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.cws-secondary__item[b-wbtc1qg9my] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .42rem .7rem;
    border-radius: 999px;
    color: var(--ngds-text-secondary, #475467);
    font-size: .86rem;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

    .cws-secondary__item:hover[b-wbtc1qg9my],
    .cws-secondary__item:focus[b-wbtc1qg9my] {
        background: var(--ngds-hover, rgba(16, 24, 40, .03));
        color: var(--ngds-text, #101828);
        text-decoration: none;
    }

    .cws-secondary__item.is-active[b-wbtc1qg9my] {
        background: var(--ngds-primary-subtle, #eff6ff);
        color: var(--ngds-primary, #2563eb);
    }

.cws-toolbar[b-wbtc1qg9my] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
}

/* Content */

.cws-contentcard[b-wbtc1qg9my] {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.cws-contentcard--compact[b-wbtc1qg9my] {
    margin-top: 0;
}

.cws-contentbody[b-wbtc1qg9my] {
    min-width: 0;
}

.cws-shell--compact .cws-contentbody[b-wbtc1qg9my] {
    padding: .75rem;
}

/* Compatibility aliases for older markup/classes if present */

.cws-meta-line[b-wbtc1qg9my],
.cws-contenthead[b-wbtc1qg9my],
.cws-contenttools[b-wbtc1qg9my] {
    min-width: 0;
}

.cws-meta-title[b-wbtc1qg9my],
.cws-meta-icon[b-wbtc1qg9my],
.cws-contenttitle[b-wbtc1qg9my],
.cws-contentdesc[b-wbtc1qg9my] {
    color: inherit;
}

/* Responsive */

@media (max-width: 767.98px) {
    .cws-shell[b-wbtc1qg9my] {
        gap: .55rem;
    }

    .cws-header__chrome[b-wbtc1qg9my] {
        padding: .62rem .7rem .68rem;
    }

    .cws-header__topline[b-wbtc1qg9my] {
        align-items: flex-start;
        gap: .45rem;
        margin-bottom: .42rem;
    }

    .cws-breadcrumb[b-wbtc1qg9my] {
        font-size: .74rem;
    }

    .cws-status[b-wbtc1qg9my] {
        min-height: 20px;
        padding: .14rem .46rem;
        font-size: .68rem;
    }

    .cws-header__titleline[b-wbtc1qg9my] {
        align-items: flex-start;
        flex-direction: column;
        gap: .65rem;
    }

    .cws-header__identity[b-wbtc1qg9my] {
        width: 100%;
        gap: .55rem;
    }

    .cws-avatar[b-wbtc1qg9my] {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .cws-title[b-wbtc1qg9my] {
        font-size: 1.18rem;
        white-space: normal;
    }

    .cws-subtitle[b-wbtc1qg9my] {
        white-space: normal;
    }

    .cws-header__actions[b-wbtc1qg9my] {
        width: 100%;
        justify-content: flex-start;
    }

    .cws-primary[b-wbtc1qg9my],
    .cws-context[b-wbtc1qg9my] {
        padding: .4rem;
    }

    .cws-shell--compact .cws-contentbody[b-wbtc1qg9my] {
        padding: .6rem;
    }
}

@media (max-width: 480px) {
    .cws-header__topline[b-wbtc1qg9my] {
        flex-direction: column;
    }

    .cws-status[b-wbtc1qg9my] {
        align-self: flex-start;
    }

    .cws-avatar[b-wbtc1qg9my] {
        display: none;
    }

    .cws-primary__item[b-wbtc1qg9my],
    .cws-secondary__item[b-wbtc1qg9my] {
        font-size: .82rem;
    }
}
/* /Components/Pages/Instructor/ClassroomWorkspace/InstructorAssessmentsEdit.razor.rz.scp.css */
body[b-twxuzduics] {
}
/* File: InstructorAssessmentsEdit.razor.css */
/* OPT: BZ-INT + ClassroomWorkspaceShell 10.0 SAFE LOCAL UI */

.iae-toolbar[b-twxuzduics] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

    .iae-toolbar[b-twxuzduics]  .btn,
    .iae-toolbar[b-twxuzduics]  a,
    .iae-toolbar[b-twxuzduics]  button {
        white-space: nowrap;
    }

.iae-alertwrap[b-twxuzduics] {
    padding: 1rem;
}

.iae-loading[b-twxuzduics] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.iae-emptywrap[b-twxuzduics] {
    min-height: 260px;
}

.iae-list[b-twxuzduics] {
    width: 100%;
    padding: .35rem .5rem .5rem;
}

.iae-group[b-twxuzduics] {
    padding: .65rem .5rem .35rem;
}

    .iae-group + .iae-group[b-twxuzduics] {
        border-top: 1px solid var(--ngds-divider, #eef2f6);
    }

.iae-group__header[b-twxuzduics] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .25rem .35rem .55rem;
}

.iae-group__title[b-twxuzduics] {
    color: var(--ngds-text-secondary, #475467);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.iae-row[b-twxuzduics] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .8rem .65rem;
    border-top: 1px solid var(--ngds-divider, #eef2f6);
    transition: background-color 140ms ease;
}

    .iae-row:hover[b-twxuzduics] {
        background: var(--ngds-hover, rgba(16, 24, 40, .02));
    }

.iae-row__status[b-twxuzduics] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.iae-icon[b-twxuzduics],
.iae-iconbtn[b-twxuzduics] {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 10px;
}

.iae-icon[b-twxuzduics] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border, #e6eaf0);
    background: var(--ngds-surface-subtle, #f8fafc);
    color: var(--ngds-text-secondary, #475467);
}

.iae-icon--locked[b-twxuzduics] {
    background: var(--ngds-success-bg, #dcfce7);
    border-color: var(--ngds-success-border, #bbf7d0);
    color: var(--ngds-success, #16a34a);
}

.iae-row__main[b-twxuzduics] {
    min-width: 0;
}

.iae-row__title[b-twxuzduics] {
    margin: 0;
    overflow: hidden;
    color: var(--ngds-text, #101828);
    font-size: .98rem;
    font-weight: 750;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iae-row__meta[b-twxuzduics] {
    margin-top: .45rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem .55rem;
    color: var(--ngds-text-muted, #667085);
    font-size: .86rem;
    line-height: 1.35;
}

.iae-date[b-twxuzduics] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--ngds-text-muted, #667085);
    font-size: .84rem;
    font-weight: 600;
    white-space: nowrap;
}

.iae-row__actions[b-twxuzduics] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
}

.iae-dangerbtn[b-twxuzduics] {
    color: var(--ngds-danger, #e11d48);
}

    .iae-dangerbtn:hover[b-twxuzduics] {
        border-color: var(--ngds-danger-border, #fbcfe8);
        background: var(--ngds-danger-bg, #fce7ef);
        color: var(--ngds-danger, #e11d48);
    }

@media (max-width: 767.98px) {
    .iae-toolbar[b-twxuzduics] {
        width: 100%;
        justify-content: flex-start;
    }

    .iae-row[b-twxuzduics] {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: .55rem;
        padding: .75rem .5rem;
    }

    .iae-icon[b-twxuzduics],
    .iae-iconbtn[b-twxuzduics] {
        width: 32px;
        height: 32px;
    }

    .iae-row__actions[b-twxuzduics] {
        grid-column: 2;
        justify-content: flex-start;
    }

    .iae-row__title[b-twxuzduics] {
        white-space: normal;
    }

    .iae-date[b-twxuzduics] {
        white-space: normal;
    }

    .iae-emptywrap[b-twxuzduics] {
        min-height: 230px;
    }
}
/* /Components/Pages/Instructor/ClassroomWorkspace/InstructorGradesComponent.razor.rz.scp.css */
/* File: InstructorGradesComponent.razor.css */
/* OPT: SSR 10.0 SAFE UI/UX LOCAL COMPONENT STYLES */

.igc-surface[b-ofkcbb2c0f] {
    width: 100%;
    background: var(--surface, #fff);
}

.igc-loading[b-ofkcbb2c0f] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.igc-empty[b-ofkcbb2c0f] {
    min-height: 260px;
}

.igc-list[b-ofkcbb2c0f] {
    width: 100%;
    padding: .35rem .5rem .5rem;
}

.igc-row[b-ofkcbb2c0f] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: .75rem;
    align-items: stretch;
    padding: .75rem .65rem;
    border-bottom: 1px solid var(--ngds-divider, #eef2f6);
    transition: background-color 140ms ease;
}

    .igc-row:hover[b-ofkcbb2c0f] {
        background: var(--ngds-hover, rgba(16, 24, 40, .02));
    }

    .igc-row:last-child[b-ofkcbb2c0f] {
        border-bottom: 0;
    }

.igc-row__status[b-ofkcbb2c0f] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: .1rem;
}

.igc-icon[b-ofkcbb2c0f] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--border, #e6eaf0);
    background: var(--ngds-surface-subtle, #f8fafc);
    color: var(--ngds-text-secondary, #475467);
    font-size: 1rem;
}

.igc-icon--ready[b-ofkcbb2c0f] {
    background: var(--ngds-primary-subtle, #eff6ff);
    border-color: rgba(37, 99, 235, .22);
    color: var(--ngds-primary-hover, #1d4ed8);
}

.igc-icon--open[b-ofkcbb2c0f] {
    background: var(--ngds-warning-bg, #f6e8c6);
    border-color: var(--ngds-warning-border, #f1d79e);
    color: #92400e;
}

.igc-row__body[b-ofkcbb2c0f] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: .5rem;
    align-items: center;
    color: inherit;
    text-decoration: none;
}

    .igc-row__body:hover[b-ofkcbb2c0f],
    .igc-row__body:focus[b-ofkcbb2c0f] {
        color: inherit;
        text-decoration: none;
    }

    .igc-row__body:focus-visible[b-ofkcbb2c0f] {
        outline: 2px solid var(--ngds-primary, #2563eb);
        outline-offset: 3px;
        border-radius: var(--ngds-radius-focus, 6px);
    }

.igc-row__main[b-ofkcbb2c0f] {
    min-width: 0;
}

.igc-row__title[b-ofkcbb2c0f] {
    margin: 0;
    overflow: hidden;
    color: var(--ngds-text, #101828);
    font-size: .98rem;
    font-weight: 750;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.igc-row__meta[b-ofkcbb2c0f] {
    margin-top: .45rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem .55rem;
    color: var(--ngds-text-muted, #667085);
    font-size: .86rem;
    line-height: 1.35;
}

.igc-date[b-ofkcbb2c0f] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--ngds-text-muted, #667085);
    font-size: .84rem;
    font-weight: 600;
    white-space: nowrap;
}

.igc-row__chevron[b-ofkcbb2c0f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ngds-text-muted, #667085);
}

.igc-lockform[b-ofkcbb2c0f] {
    margin: 0;
}

.igc-lockbtn[b-ofkcbb2c0f] {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 10px;
}

@media (max-width: 575.98px) {
    .igc-list[b-ofkcbb2c0f] {
        padding: .25rem;
    }

    .igc-row[b-ofkcbb2c0f] {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: .55rem;
        padding: .7rem .5rem;
    }

    .igc-icon[b-ofkcbb2c0f],
    .igc-lockbtn[b-ofkcbb2c0f] {
        width: 32px;
        height: 32px;
    }

    .igc-row__body[b-ofkcbb2c0f] {
        grid-template-columns: minmax(0, 1fr);
    }

    .igc-row__chevron[b-ofkcbb2c0f] {
        display: none;
    }

    .igc-row__title[b-ofkcbb2c0f] {
        white-space: normal;
    }

    .igc-date[b-ofkcbb2c0f] {
        white-space: normal;
    }

    .igc-empty[b-ofkcbb2c0f] {
        min-height: 230px;
    }
}
/* /Components/Pages/Instructor/ClassroomWorkspace/MenuComponentInstructor.razor.rz.scp.css */

.custom-menu-container[b-sk4ivsceli] {
    display: flex;
    justify-content: space-around;
    background-color: #f5f5f5;  Light grey background 
    padding: 10px;
}

.custom-nav-link[b-sk4ivsceli] {
    text-align: center;
    color: black;
    text-decoration: none;
    font-size: 20px;
}

    .custom-nav-link:hover[b-sk4ivsceli], .custom-nav-link.active[b-sk4ivsceli] {
        color: blue;
        border-bottom: 2px solid blue;
    }




.custom-menu-container .nav-link[b-sk4ivsceli] {
    border-radius: 50px;
    background-color: #e0e0e0; /* Light grey background for pills */
    color: #000; /* Black text color */
    padding: 5px 10px;
    margin: 0 5px;
    text-align: center;
    font-size: 16px;
}

.custom-menu-container .nav-link:hover[b-sk4ivsceli],
.custom-menu-container .nav-link.active[b-sk4ivsceli] {
    background-color: #007bff; /* Bootstrap primary color for active/hover state */
    color: #fff; /* White text color for active/hover state */
    text-decoration: none;
}
/* /Components/Pages/Instructor/ClassroomWorkspace/RubricExternal.razor.rz.scp.css */
/* File: RubricExternal.razor.css */
/* External/direct rubric-only layout polish. Uses NGDS globals where possible. */

.rubric-external__topbar[b-g9z0xbagt5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--border, #e6eaf0);
    background: var(--surface, #fff);
}

.rubric-external__summary[b-g9z0xbagt5] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.rubric-external__actions[b-g9z0xbagt5] {
    display: flex;
    gap: 8px;
    width: 100%;
    max-width: 380px;
    flex: 0 0 auto;
}

.rubric-external__list[b-g9z0xbagt5] {
    padding: 12px 16px 4px;
}

.rubric-external__head[b-g9z0xbagt5] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 110px 180px;
    gap: 14px;
    padding: 10px 14px;
    color: var(--ngds-muted, #667085);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    border-bottom: 1px solid var(--border, #e6eaf0);
    background: var(--ngds-surface-subtle, #f8fafc);
}

.rubric-external__row[b-g9z0xbagt5] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 110px 180px;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--ngds-divider, #eef1f5);
}

    .rubric-external__row:last-child[b-g9z0xbagt5] {
        border-bottom: 0;
    }

    .rubric-external__row:hover[b-g9z0xbagt5] {
        background: var(--ngds-hover, #f8fafc);
    }

.rubric-external__position[b-g9z0xbagt5] {
    color: var(--ngds-muted, #667085);
    font-weight: 700;
    text-align: center;
}

.rubric-external__details[b-g9z0xbagt5] {
    min-width: 0;
}

.rubric-external__question[b-g9z0xbagt5] {
    font-size: 13px;
    line-height: 1.35;
}

.rubric-external__competency[b-g9z0xbagt5] {
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rubric-external__difficulty[b-g9z0xbagt5] {
    display: flex;
    justify-content: center;
}

.rubric-external__score[b-g9z0xbagt5] {
    display: grid;
    grid-template-columns: 82px 1fr;
    align-items: center;
    gap: 10px;
}

.rubric-external__scorechip[b-g9z0xbagt5] {
    justify-content: center;
    min-width: 74px;
    font-variant-numeric: tabular-nums;
}

.rubric-external__scorechip--empty[b-g9z0xbagt5] {
    background: #fffaf0;
    border-color: #f6c76f;
    color: #7c2d12;
}

.rubric-external__scoreinput[b-g9z0xbagt5] {
    min-width: 72px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.rubric-external__finish[b-g9z0xbagt5] {
    display: grid;
    gap: 12px;
    padding: 12px 16px 16px;
    border-top: 1px solid var(--border, #e6eaf0);
    background: var(--surface, #fff);
}

    .rubric-external__finish .rubric-external__actions[b-g9z0xbagt5] {
        justify-self: center;
    }

@media (max-width: 767.98px) {
    .rubric-external__topbar[b-g9z0xbagt5] {
        align-items: stretch;
        flex-direction: column;
    }

    .rubric-external__actions[b-g9z0xbagt5] {
        max-width: none;
    }

    .rubric-external__head[b-g9z0xbagt5] {
        display: none;
    }

    .rubric-external__row[b-g9z0xbagt5] {
        grid-template-columns: 36px minmax(0, 1fr);
        grid-template-areas:
            "pos details"
            "pos difficulty"
            "pos score";
        align-items: start;
        gap: 8px 12px;
    }

    .rubric-external__position[b-g9z0xbagt5] {
        grid-area: pos;
        padding-top: 2px;
    }

    .rubric-external__details[b-g9z0xbagt5] {
        grid-area: details;
    }

    .rubric-external__difficulty[b-g9z0xbagt5] {
        grid-area: difficulty;
        justify-content: start;
    }

    .rubric-external__score[b-g9z0xbagt5] {
        grid-area: score;
        grid-template-columns: 82px minmax(90px, 140px);
        justify-content: start;
    }

    .rubric-external__competency[b-g9z0xbagt5] {
        white-space: normal;
    }
}
/* /Components/Pages/Instructor/ClassroomWorkspace/RubricProject.razor.rz.scp.css */
/* File: RubricProject.razor.css */
/* Rubric-only polish. Uses NGDS global tokens/classes where possible. */

.rubric-project__topbar[b-9n56ou279u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--border);
    background: var(--surface);
}

.rubric-project__summary[b-9n56ou279u] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto;
}

.rubric-project__summarychips[b-9n56ou279u] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.rubric-project__meterwrap[b-9n56ou279u] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 260px;
}

.rubric-project__meter[b-9n56ou279u] {
    width: 220px;
    height: 12px;
}

.rubric-project__meterlabel[b-9n56ou279u] {
    min-width: 36px;
    text-align: end;
    font-variant-numeric: tabular-nums;
}

.rubric-project__actions[b-9n56ou279u] {
    display: flex;
    gap: 8px;
    width: 100%;
    max-width: 380px;
    flex: 0 0 auto;
}

.rubric-project__list[b-9n56ou279u] {
    padding: 12px 16px 4px;
}

.rubric-project__group[b-9n56ou279u] {
    margin-bottom: 12px;
    overflow: hidden;
}

.rubric-project__grouphead[b-9n56ou279u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    background: var(--ngds-surface-subtle);
    border-bottom: 1px solid var(--border);
    box-shadow: inset 4px 0 0 var(--ngds-primary);
}

.rubric-project__groupmain[b-9n56ou279u] {
    min-width: 0;
}

.rubric-project__grouptitle[b-9n56ou279u] {
    margin-top: 2px;
    color: var(--ngds-text);
    font-weight: 700;
    line-height: 1.25;
}

.rubric-project__row[b-9n56ou279u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    align-items: center;
    gap: 18px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--ngds-divider);
}

    .rubric-project__row:last-child[b-9n56ou279u] {
        border-bottom: 0;
    }

    .rubric-project__row:hover[b-9n56ou279u] {
        background: var(--ngds-hover);
    }

.rubric-project__criterion[b-9n56ou279u] {
    min-width: 0;
}

.rubric-project__criteriontitle[b-9n56ou279u] {
    font-size: 13px;
    line-height: 1.35;
}

.rubric-project__scoreblock[b-9n56ou279u] {
    display: grid;
    grid-template-columns: 86px minmax(190px, 1fr);
    align-items: center;
    gap: 14px;
}

.rubric-project__scorechip[b-9n56ou279u] {
    justify-content: center;
    min-width: 76px;
    font-variant-numeric: tabular-nums;
}

.rubric-project__scorechip--empty[b-9n56ou279u] {
    background: #fffaf0;
    border-color: #f6c76f;
    color: #7c2d12;
}

.rubric-project__scoreblock .form-range[b-9n56ou279u] {
    width: 100%;
    min-width: 190px;
    accent-color: var(--ngds-primary);
}

    .rubric-project__scoreblock .form-range[b-9n56ou279u]::-webkit-slider-runnable-track {
        height: 8px;
        border-radius: var(--ngds-radius-pill);
        background: var(--ngds-surface-subtle);
        border: 1px solid var(--border);
    }

    .rubric-project__scoreblock .form-range[b-9n56ou279u]::-webkit-slider-thumb {
        width: 18px;
        height: 18px;
        margin-top: -6px;
        border: 2px solid var(--surface);
        box-shadow: 0 1px 4px rgba(16, 24, 40, .18);
    }

    .rubric-project__scoreblock .form-range[b-9n56ou279u]::-moz-range-track {
        height: 8px;
        border-radius: var(--ngds-radius-pill);
        background: var(--ngds-surface-subtle);
        border: 1px solid var(--border);
    }

    .rubric-project__scoreblock .form-range[b-9n56ou279u]::-moz-range-thumb {
        width: 18px;
        height: 18px;
        border: 2px solid var(--surface);
        box-shadow: 0 1px 4px rgba(16, 24, 40, .18);
    }

.rubric-project__finish[b-9n56ou279u] {
    display: grid;
    gap: 12px;
    padding: 12px 16px 16px;
    border-top: 1px solid var(--border);
    background: var(--surface);
}

    .rubric-project__finish .rubric-project__actions[b-9n56ou279u] {
        justify-self: center;
    }

@media (max-width: 767.98px) {
    .rubric-project__topbar[b-9n56ou279u] {
        align-items: stretch;
        flex-direction: column;
    }

    .rubric-project__summary[b-9n56ou279u] {
        align-items: stretch;
        flex-direction: column;
    }

    .rubric-project__meterwrap[b-9n56ou279u] {
        min-width: 0;
        width: 100%;
    }

    .rubric-project__meter[b-9n56ou279u] {
        width: 100%;
    }

    .rubric-project__actions[b-9n56ou279u] {
        max-width: none;
    }

    .rubric-project__row[b-9n56ou279u] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .rubric-project__scoreblock[b-9n56ou279u] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .rubric-project__scorechip[b-9n56ou279u] {
        justify-self: start;
    }

    .rubric-project__scoreblock .form-range[b-9n56ou279u] {
        min-width: 0;
    }
}
/* /Components/Pages/Instructor/ClassroomWorkspace/RubricProjectReport.razor.rz.scp.css */
/* File: RubricProjectReport.razor.css */
/* Clean task-report layout + right-aligned donut report rows */

.rpr-surface[b-0z0qfju94t] {
    width: 100%;
    min-width: 0;
    background: var(--surface, #fff);
}

.rpr-backlink[b-0z0qfju94t] {
    white-space: nowrap;
}

/* Main layout:
   report gets flexible width, resources stays compact. */
.rpr-grid[b-0z0qfju94t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: 0;
    min-width: 0;
}

.rpr-panel[b-0z0qfju94t] {
    min-width: 0;
    padding: 1rem;
}

.rpr-panel--report[b-0z0qfju94t] {
    min-width: 0;
    border-right: 1px solid var(--ngds-divider, #eef2f6);
    background: var(--surface, #fff);
}

.rpr-panel--resources[b-0z0qfju94t] {
    min-width: 0;
    background: var(--ngds-surface-subtle, #f8fafc);
}

.rpr-resources-header[b-0z0qfju94t] {
    margin-bottom: .85rem;
}

.rpr-resources-title[b-0z0qfju94t] {
    margin: 0;
    color: var(--ngds-text, #101828);
    font-size: 1.1rem;
    font-weight: 750;
    line-height: 1.25;
}

.rpr-resources-subtitle[b-0z0qfju94t] {
    margin: .3rem 0 0;
    color: var(--ngds-text-muted, #667085);
    font-size: .82rem;
    line-height: 1.4;
}

/* ------------------------------------------------------------
   RubricProjectStudent.razor old report layout overrides
   These ::deep rules clean up the existing Bootstrap row/list UI.
   ------------------------------------------------------------ */

.rpr-panel--report[b-0z0qfju94t]  .fw-bold.fs-1 {
    margin: 0 0 1rem;
    color: var(--ngds-text, #101828);
    font-size: 1.55rem !important;
    font-weight: 750 !important;
    letter-spacing: -.015em;
    line-height: 1.2;
}

/* Task header row */
.rpr-panel--report[b-0z0qfju94t]  .light-grey-background {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    width: 100%;
    min-width: 0;
    margin: .75rem 0 0 !important;
    padding: .75rem .9rem !important;
    border: 1px solid #e5e7eb;
    border-left: 3px solid #2563eb;
    border-radius: .75rem .75rem 0 0;
    background: #f8fafc !important;
}

/* Override Bootstrap row negative margins inside child */
.rpr-panel--report[b-0z0qfju94t]  .row.light-grey-background {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

/* Task text side */
.rpr-panel--report[b-0z0qfju94t]  .light-grey-background > .col-auto {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    margin-top: 0 !important;
    padding: 0 !important;
}

.rpr-panel--report[b-0z0qfju94t]  .light-grey-background .fw-bold {
    color: #111827;
    font-size: .95rem;
    font-weight: 650 !important;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.rpr-panel--report[b-0z0qfju94t]  .light-grey-background .col-auto > div:not(:first-child) {
    margin-top: .2rem;
    color: #475569;
    font-size: .84rem;
    line-height: 1.3;
}

/* Donut side: force right alignment */
.rpr-panel--report[b-0z0qfju94t]  .light-grey-background > .col-3,
.rpr-panel--report[b-0z0qfju94t]  .light-grey-background > .col-md-2 {
    flex: 0 0 58px !important;
    width: 58px !important;
    max-width: 58px !important;
    min-width: 58px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

/* Keep donut from looking huge or floating */
.rpr-panel--report[b-0z0qfju94t]  .light-grey-background svg,
.rpr-panel--report[b-0z0qfju94t]  .light-grey-background canvas {
    max-width: 54px !important;
    max-height: 54px !important;
}

/* Criteria container below each task */
.rpr-panel--report[b-0z0qfju94t]  .pb-2 {
    padding: 0 0 .45rem !important;
    border: 1px solid #e5e7eb;
    border-top: 0;
    border-radius: 0 0 .75rem .75rem;
    background: #fff;
}

/* Remove old bullet/list noise */
.rpr-panel--report[b-0z0qfju94t]  ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.rpr-panel--report[b-0z0qfju94t]  li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-top: 1px solid #eef2f7;
}

    /* Criterion row */
    .rpr-panel--report[b-0z0qfju94t]  li > .d-flex {
        align-items: center !important;
        gap: 1rem;
        padding: .62rem .9rem !important;
    }

    /* Criterion text */
    .rpr-panel--report[b-0z0qfju94t]  li .text-secondary {
        flex: 1 1 auto;
        min-width: 0;
        color: #475569 !important;
        font-size: .88rem;
        font-weight: 400;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    /* Score column */
    .rpr-panel--report[b-0z0qfju94t]  li .d-flex > div:last-child {
        flex: 0 0 8.5rem;
        width: 8.5rem !important;
        min-width: 8.5rem !important;
        color: #111827;
        font-size: .82rem;
        font-weight: 600;
        text-align: right;
    }

/* Progress bar cleaner */
.rpr-panel--report[b-0z0qfju94t]  .progress {
    height: 3px !important;
    margin-top: .25rem;
    border-radius: 999px;
    background-color: #edf2f7 !important;
    overflow: hidden;
}

.rpr-panel--report[b-0z0qfju94t]  .progress-bar {
    border-radius: 999px;
    background-color: #0ea5e9 !important;
}

/* ------------------------------------------------------------
   Resources panel
   ------------------------------------------------------------ */

.rpr-panel--resources[b-0z0qfju94t]  .no-data,
.rpr-panel--resources[b-0z0qfju94t]  .empty-state {
    max-width: 100%;
}

/* ------------------------------------------------------------
   Responsive behavior
   ------------------------------------------------------------ */

/* Stack earlier so the report is not squeezed on laptops/tablets. */
@media (max-width: 1199.98px) {
    .rpr-grid[b-0z0qfju94t] {
        grid-template-columns: 1fr;
    }

    .rpr-panel--report[b-0z0qfju94t] {
        border-right: 0;
        border-bottom: 1px solid var(--ngds-divider, #eef2f6);
    }

    .rpr-panel--resources[b-0z0qfju94t] {
        background: var(--surface, #fff);
    }
}

@media (max-width: 700px) {
    .rpr-panel--report[b-0z0qfju94t]  .light-grey-background {
        align-items: flex-start !important;
    }

        .rpr-panel--report[b-0z0qfju94t]  .light-grey-background > .col-3,
        .rpr-panel--report[b-0z0qfju94t]  .light-grey-background > .col-md-2 {
            flex-basis: 50px !important;
            width: 50px !important;
            min-width: 50px !important;
            max-width: 50px !important;
        }

    .rpr-panel--report[b-0z0qfju94t]  li > .d-flex {
        align-items: stretch !important;
        flex-direction: column;
        gap: .35rem;
    }

    .rpr-panel--report[b-0z0qfju94t]  li .d-flex > div:last-child {
        width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 auto;
        text-align: left;
    }
}

@media (max-width: 575.98px) {
    .rpr-panel[b-0z0qfju94t] {
        padding: .75rem;
    }

    .rpr-resources-title[b-0z0qfju94t] {
        font-size: 1.05rem;
    }

    .rpr-resources-subtitle[b-0z0qfju94t] {
        font-size: .8rem;
    }

    .rpr-panel--report[b-0z0qfju94t]  .fw-bold.fs-1 {
        font-size: 1.3rem !important;
    }
}
/* /Components/Pages/Instructor/ClassroomWorkspace/StudentsCompetency.razor.rz.scp.css */
/* File: StudentsCompetency.razor.css */
/* OPT: SSR + ClassroomWorkspaceShell 10.0 SAFE SINGLE-NAV MATRIX UI */

.sc-surface[b-vqf60t35lp] {
    width: 100%;
    min-width: 0;
    background: var(--surface, #fff);
}

[b-vqf60t35lp] .sc-empty {
    min-height: 260px;
}

.sc-matrixwrap[b-vqf60t35lp] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid var(--ngds-divider, #eef2f6);
}

    .sc-matrixwrap:focus-visible[b-vqf60t35lp] {
        outline: 2px solid var(--ngds-primary, #2563eb);
        outline-offset: 2px;
    }

.sc-matrix-table[b-vqf60t35lp] {
    width: max-content;
    min-width: 100%;
    table-layout: fixed;
    margin-bottom: 0;
}

    .sc-matrix-table th[b-vqf60t35lp],
    .sc-matrix-table td[b-vqf60t35lp] {
        vertical-align: middle;
        border-color: var(--ngds-divider, #eef2f6);
    }

    .sc-matrix-table tbody tr:hover[b-vqf60t35lp] {
        background: var(--ngds-hover, rgba(16, 24, 40, .02));
    }

.sc-sticky-col[b-vqf60t35lp] {
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--surface, #fff);
    box-shadow: 1px 0 0 var(--border, #e6eaf0);
}

.sc-matrix-table thead .sc-sticky-col[b-vqf60t35lp] {
    z-index: 5;
    background: var(--ngds-surface-subtle, #f8fafc);
}

.sc-student-col[b-vqf60t35lp] {
    width: 210px;
    min-width: 210px;
    max-width: 210px;
}

.sc-student-name[b-vqf60t35lp] {
    display: block;
    overflow: hidden;
    color: var(--ngds-text, #101828);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-score-col[b-vqf60t35lp] {
    width: 132px;
    min-width: 132px;
    max-width: 132px;
}

.sc-matrix-table thead .sc-score-col[b-vqf60t35lp] {
    color: var(--ngds-text, #101828);
    font-size: .74rem;
    font-weight: 750;
    line-height: 1.25;
    vertical-align: bottom;
    white-space: normal !important;
}

.sc-header-text[b-vqf60t35lp] {
    display: -webkit-box;
    overflow: hidden;
    max-height: 4.8em;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

.sc-progress[b-vqf60t35lp] {
    height: 16px;
    min-width: 78px;
    margin: 0;
    border-radius: 999px;
    background: var(--ngds-surface-subtle, #f8fafc);
}

    .sc-progress .progress-bar[b-vqf60t35lp] {
        min-width: 0;
        overflow: hidden;
        border-radius: 999px;
        font-size: .68rem;
        font-weight: 750;
        line-height: 16px;
        white-space: nowrap;
    }

@media (max-width: 767.98px) {
    [b-vqf60t35lp] .sc-empty {
        min-height: 230px;
    }

    .sc-student-col[b-vqf60t35lp] {
        width: 160px;
        min-width: 160px;
        max-width: 160px;
    }

    .sc-score-col[b-vqf60t35lp] {
        width: 112px;
        min-width: 112px;
        max-width: 112px;
    }

    .sc-matrix-table thead .sc-score-col[b-vqf60t35lp] {
        font-size: .7rem;
    }
}
/* /Components/Pages/Instructor/ContentCreation/AssessmentHomeView.razor.rz.scp.css */
.ahv-wrap[b-9jmhqebgvb] {
    max-width: 1120px;
    margin-inline: auto;
}

.ahv-section-title[b-9jmhqebgvb] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    color: var(--bs-body-color);
}

.ahv-hint[b-9jmhqebgvb] {
    border: 1px solid var(--bs-border-color);
    border-left: 4px solid var(--bs-warning);
    background: var(--bs-warning-bg-subtle);
    color: var(--bs-body-color);
    border-radius: 8px;
    padding: .75rem .875rem;
    font-size: .875rem;
    line-height: 1.35;
}

    .ahv-hint strong[b-9jmhqebgvb] {
        font-weight: 700;
    }

.ahv-meta dt[b-9jmhqebgvb] {
    font-weight: 600;
    color: var(--bs-secondary-color);
    margin: 0;
    white-space: nowrap;
}

.ahv-meta dd[b-9jmhqebgvb] {
    margin: 0;
    min-width: 0;
}

.ahv-meta-row[b-9jmhqebgvb] {
    display: flex;
    gap: .5rem;
    padding: .125rem 0;
    min-width: 0;
}

.ahv-list[b-9jmhqebgvb] {
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.ahv-list-state[b-9jmhqebgvb] {
    padding: .75rem .875rem;
    font-size: .875rem;
}

.ahv-primarybtn[b-9jmhqebgvb] {
    white-space: nowrap;
}
/* /Components/Pages/Instructor/ContentCreation/Course/ArchitectureInspector.razor.rz.scp.css */
/* File: ArchitectureInspector.razor.css */

.architecture-inspector[b-dprzfl75r8] {
    min-width: 0;
}

.architecture-inspector__body[b-dprzfl75r8] {
    padding: 14px;
    display: grid;
    gap: 14px;
}

.architecture-inspector__eyebrow[b-dprzfl75r8] {
    color: var(--ngds-text-muted, #667085);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .04em;
    line-height: 1.1;
    text-transform: uppercase;
}

.architecture-inspector__title[b-dprzfl75r8] {
    margin: 4px 0 0;
    color: var(--ngds-text, #101828);
    font-size: 17px;
    font-weight: 780;
    line-height: 1.22;
}

.architecture-inspector__meta[b-dprzfl75r8] {
    margin-top: 3px;
    color: var(--ngds-text-muted, #667085);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.25;
}

.architecture-inspector__section[b-dprzfl75r8] {
    display: grid;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--ngds-divider, #EEF2F6);
}

.architecture-inspector__label[b-dprzfl75r8] {
    color: var(--ngds-text-muted, #667085);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.architecture-inspector__details[b-dprzfl75r8] {
    margin: 0;
    display: grid;
    gap: 8px;
}

    .architecture-inspector__details > div[b-dprzfl75r8] {
        display: grid;
        grid-template-columns: minmax(80px, .42fr) minmax(0, 1fr);
        gap: 10px;
        align-items: baseline;
    }

    .architecture-inspector__details dt[b-dprzfl75r8] {
        color: var(--ngds-text-muted, #667085);
        font-size: 12px;
        font-weight: 650;
    }

    .architecture-inspector__details dd[b-dprzfl75r8] {
        margin: 0;
        min-width: 0;
        color: var(--ngds-text, #101828);
        font-size: 12px;
        font-weight: 650;
        overflow-wrap: anywhere;
    }

.architecture-inspector__actions[b-dprzfl75r8] {
    display: grid;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--ngds-divider, #EEF2F6);
}

.architecture-inspector__hint[b-dprzfl75r8] {
    padding: 10px 12px;
    border: 1px dashed var(--border, #E6EAF0);
    border-radius: var(--ngds-radius, 8px);
    color: var(--ngds-text-muted, #667085);
    background: var(--ngds-surface-subtle, #F8FAFC);
    font-size: 12px;
    line-height: 1.35;
}
/* /Components/Pages/Instructor/ContentCreation/Course/contentcreationdashboard.razor.rz.scp.css */
/* ---- Scoped to this page only ---- */
.ccdash .ngds-subpanel[b-3xgb68vpbw] {
    padding: 16px;
}

.ccdash .left-stack[b-3xgb68vpbw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ccdash .dist-chart-wrap[b-3xgb68vpbw] {
    display: flex;
    justify-content: center;
    padding: 8px 0;
    max-width: 520px; /* prevents giant chart from forcing cramped layout */
    margin: 0 auto;
}

    /* Make chart responsive if it renders SVG/canvas */
    .ccdash .dist-chart-wrap svg[b-3xgb68vpbw],
    .ccdash .dist-chart-wrap canvas[b-3xgb68vpbw] {
        max-width: 100%;
        height: auto;
    }

/* Badge tiles: force 1-up layout inside this page */
.ccdash .badges-panel .row > .col-12.col-sm-6[b-3xgb68vpbw] {
    flex: 0 0 100%;
    max-width: 100%;
}

.ccdash .badges-panel .row[b-3xgb68vpbw] {
    --bs-gutter-y: .75rem;
}

.ccdash .meta-sm[b-3xgb68vpbw] {
    font-size: 13px;
    line-height: 1.35;
    white-space: nowrap;
}

/* When space is tight, allow the counts to wrap instead of pushing layout */
@media (max-width: 1400px) {
    .ccdash .meta-sm[b-3xgb68vpbw] {
        white-space: normal;
        text-align: right;
    }
}
/* /Components/Pages/Instructor/ContentCreation/Course/CourseArchitectureTreeShard.razor.rz.scp.css */
/* File: CourseArchitectureTreeShard.razor.css */

.course-architecture-tree[b-5v6po1s9tz] {
    display: grid;
    gap: 8px;
    padding: 10px;
    min-width: 0;
}

.course-architecture-tree__badge[b-5v6po1s9tz],
.course-architecture-tree__chapter[b-5v6po1s9tz],
.course-architecture-tree__group[b-5v6po1s9tz],
.course-architecture-tree__groupblock[b-5v6po1s9tz] {
    min-width: 0;
}

.course-architecture-tree__rowwrap[b-5v6po1s9tz] {
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr) auto;
    gap: 5px;
    align-items: stretch;
    min-width: 0;
}

.course-architecture-tree__rowwrap--module[b-5v6po1s9tz] {
    grid-template-columns: 25px minmax(0, 1fr) auto;
}

.course-architecture-tree__togglecell[b-5v6po1s9tz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
}

.course-architecture-tree__toggle[b-5v6po1s9tz] {
    width: 24px;
    height: 100%;
    min-height: 30px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--ngds-radius, 8px);
    background: transparent;
    color: var(--ngds-text-muted, #667085);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

    .course-architecture-tree__toggle:hover[b-5v6po1s9tz] {
        background: var(--ngds-surface-subtle, #F8FAFC);
        border-color: var(--border, #E6EAF0);
        color: var(--ngds-text, #101828);
    }

    .course-architecture-tree__toggle:focus-visible[b-5v6po1s9tz] {
        outline: 2px solid var(--ngds-primary, #2563EB);
        outline-offset: 2px;
    }

.course-architecture-tree__toggle--spacer[b-5v6po1s9tz] {
    cursor: default;
    visibility: hidden;
}

.course-architecture-tree__togglemark[b-5v6po1s9tz] {
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    transform: translateY(-.5px);
}

.course-architecture-tree__children[b-5v6po1s9tz] {
    display: grid;
    gap: 5px;
    margin-top: 5px;
    margin-left: 25px;
    padding-left: 10px;
    border-left: 1px solid var(--ngds-divider, #EEF2F6);
    min-width: 0;
}

.course-architecture-tree__children--modules[b-5v6po1s9tz] {
    gap: 4px;
}

.course-architecture-tree__children--group[b-5v6po1s9tz] {
    margin-left: 25px;
}

.course-architecture-tree__row[b-5v6po1s9tz] {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 8px 10px;
    border: 1px solid var(--border, #E6EAF0);
    border-radius: var(--ngds-radius, 8px);
    background: var(--surface, #FFFFFF);
    color: var(--ngds-text, #101828);
    text-align: left;
    cursor: pointer;
    box-shadow: var(--ngds-shadow-card, 0 1px 2px rgba(16, 24, 40, .035));
    transition: background .12s ease, border-color .12s ease, box-shadow .12s ease;
}

    .course-architecture-tree__row:hover[b-5v6po1s9tz] {
        background: var(--ngds-hover, rgba(16, 24, 40, .025));
        border-color: rgba(37, 99, 235, .24);
    }

    .course-architecture-tree__row:focus-visible[b-5v6po1s9tz] {
        outline: 2px solid var(--ngds-primary, #2563EB);
        outline-offset: 2px;
    }

    .course-architecture-tree__row.is-selected[b-5v6po1s9tz] {
        border-color: var(--ngds-primary, #2563EB);
        box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
    }

    .course-architecture-tree__row.has-warning[b-5v6po1s9tz] {
        border-color: rgba(217, 119, 6, .35);
    }

    .course-architecture-tree__row.is-empty[b-5v6po1s9tz] {
        background: var(--ngds-surface-subtle, #F8FAFC);
    }

    .course-architecture-tree__row.is-compact[b-5v6po1s9tz] {
        padding: 7px 9px;
    }

.course-architecture-tree__row--badge[b-5v6po1s9tz] {
    background: linear-gradient(180deg, var(--surface, #FFFFFF), var(--ngds-surface-subtle, #F8FAFC));
}

    .course-architecture-tree__row--badge .course-architecture-tree__title[b-5v6po1s9tz] {
        font-weight: 800;
    }

.course-architecture-tree__row--group[b-5v6po1s9tz] {
    border-style: dashed;
    background: var(--ngds-surface-subtle, #F8FAFC);
}

.course-architecture-tree__row--chapter[b-5v6po1s9tz] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
}

    .course-architecture-tree__row--chapter .course-architecture-tree__title[b-5v6po1s9tz] {
        font-weight: 760;
    }

.course-architecture-tree__row--module[b-5v6po1s9tz] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    padding-top: 7px;
    padding-bottom: 7px;
    align-items: center;
}

    .course-architecture-tree__row--module .course-architecture-tree__title[b-5v6po1s9tz] {
        font-weight: 680;
    }

.course-architecture-tree__nodeicon[b-5v6po1s9tz] {
    width: 27px;
    height: 27px;
    border-radius: var(--ngds-radius-pill, 999px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid var(--border, #E6EAF0);
    background: var(--ngds-surface-subtle, #F8FAFC);
    color: var(--ngds-text-muted, #667085);
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
}

    .course-architecture-tree__nodeicon .oi[b-5v6po1s9tz] {
        font-size: 12px;
        line-height: 1;
    }

.course-architecture-tree__nodeicon--badge[b-5v6po1s9tz] {
    color: var(--ngds-primary, #2563EB);
    background: var(--ngds-primary-subtle, #EFF6FF);
    border-color: rgba(37, 99, 235, .14);
}

.course-architecture-tree__nodeicon--chapter[b-5v6po1s9tz] {
    color: var(--ngds-text, #101828);
    background: #F8FAFC;
    border-color: #E2E8F0;
}

.course-architecture-tree__nodeicon--module[b-5v6po1s9tz] {
    color: var(--ngds-primary, #2563EB);
}

.course-architecture-tree__nodeicon--group[b-5v6po1s9tz] {
    color: var(--ngds-text-muted, #667085);
}

.course-architecture-tree__nodebody[b-5v6po1s9tz] {
    min-width: 0;
    overflow: hidden;
    display: grid;
    gap: 2px;
}

.course-architecture-tree__titleline[b-5v6po1s9tz] {
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: nowrap;
    overflow: hidden;
}

.course-architecture-tree__title[b-5v6po1s9tz] {
    min-width: 0;
    flex: 0 1 auto;
    color: var(--ngds-text, #101828);
    font-size: 13px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.course-architecture-tree__meta[b-5v6po1s9tz] {
    min-width: 0;
    max-width: 100%;
    display: block;
    color: var(--ngds-text-muted, #667085);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.22;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.course-architecture-tree__right[b-5v6po1s9tz] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    min-width: max-content;
    flex: 0 0 auto;
    margin-left: 4px;
}

.course-architecture-tree__chip[b-5v6po1s9tz] {
    min-width: 0;
    max-width: 220px;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.course-architecture-tree__row--module .course-architecture-tree__chip[b-5v6po1s9tz] {
    max-width: clamp(120px, 28vw, 260px);
}

.course-architecture-tree__row--module .ngds-chip--warning[b-5v6po1s9tz] {
    border-radius: 999px;
    padding: .22rem .55rem;
    border: 1px solid #fed7aa;
    background: #fff7ed;
    color: #9a3412;
    font-size: .76rem;
    font-weight: 650;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.course-architecture-tree__chipicon[b-5v6po1s9tz] {
    font-size: 10px;
    line-height: 1;
}

.course-architecture-tree__actions[b-5v6po1s9tz] {
    display: inline-flex;
    align-items: stretch;
    gap: 4px;
    opacity: .48;
    flex: 0 0 auto;
    transition: opacity .12s ease;
}

    .course-architecture-tree__rowwrap:hover .course-architecture-tree__actions[b-5v6po1s9tz],
    .course-architecture-tree__actions:focus-within[b-5v6po1s9tz] {
        opacity: 1;
    }

.course-architecture-tree__actionbtn[b-5v6po1s9tz] {
    min-width: 31px;
    width: 31px;
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
    background: var(--surface, #FFFFFF);
}

    .course-architecture-tree__actionbtn .oi[b-5v6po1s9tz] {
        font-size: 12px;
        line-height: 1;
    }

@media (max-width: 767.98px) {
    .course-architecture-tree[b-5v6po1s9tz] {
        padding: 9px;
    }

    .course-architecture-tree__rowwrap[b-5v6po1s9tz],
    .course-architecture-tree__rowwrap--module[b-5v6po1s9tz] {
        grid-template-columns: 24px minmax(0, 1fr);
    }

    .course-architecture-tree__children[b-5v6po1s9tz],
    .course-architecture-tree__children--group[b-5v6po1s9tz] {
        margin-left: 24px;
        padding-left: 8px;
    }

    .course-architecture-tree__actions[b-5v6po1s9tz] {
        grid-column: 2;
        justify-content: flex-start;
        opacity: 1;
    }

    .course-architecture-tree__row[b-5v6po1s9tz],
    .course-architecture-tree__row--chapter[b-5v6po1s9tz],
    .course-architecture-tree__row--module[b-5v6po1s9tz] {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .course-architecture-tree__right[b-5v6po1s9tz] {
        grid-column: 2;
        justify-content: flex-start;
        margin-top: 3px;
        margin-left: 0;
        min-width: 0;
    }

    .course-architecture-tree__titleline[b-5v6po1s9tz] {
        flex-wrap: wrap;
    }

    .course-architecture-tree__title[b-5v6po1s9tz] {
        white-space: normal;
    }

    .course-architecture-tree__meta[b-5v6po1s9tz] {
        white-space: normal;
    }

    .course-architecture-tree__chip[b-5v6po1s9tz],
    .course-architecture-tree__row--module .course-architecture-tree__chip[b-5v6po1s9tz] {
        max-width: 100%;
    }
}
/* /Components/Pages/Instructor/ContentCreation/Course/CourseArchitectureWorkspace.razor.rz.scp.css */
/* File: CourseArchitectureWorkspace.razor.css */

.course-architecture-page[b-px4xymoiv8] {
    width: 100%;
}

.course-architecture-shell[b-px4xymoiv8] {
    margin: 10px 0 22px;
    display: grid;
    gap: 12px;
}

/* Hero/header */

.course-architecture-hero[b-px4xymoiv8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px 12px;
    border: 1px solid var(--border, #E6EAF0);
    border-radius: var(--ngds-radius, 8px);
    background: var(--surface, #FFFFFF);
    box-shadow: var(--ngds-shadow-card, 0 1px 2px rgba(16, 24, 40, .04));
}

.course-architecture-hero__main[b-px4xymoiv8] {
    min-width: 0;
}

.course-architecture-eyebrow[b-px4xymoiv8] {
    color: var(--ngds-text-muted, #667085);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.1;
    text-transform: uppercase;
}

.course-architecture-title[b-px4xymoiv8] {
    margin: 4px 0 0;
    color: var(--ngds-text, #101828);
    font-size: 21px;
    font-weight: 780;
    line-height: 1.12;
}

.course-architecture-subtitle[b-px4xymoiv8] {
    margin: 6px 0 0;
    color: var(--ngds-text-muted, #667085);
    font-size: 13px;
    line-height: 1.35;
}

.course-architecture-actions[b-px4xymoiv8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    flex: 0 0 auto;
}

/* Compact summary stats */

.course-architecture-summary[b-px4xymoiv8] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
}

.course-architecture-stat[b-px4xymoiv8] {
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border: 1px solid var(--border, #E6EAF0);
    border-radius: var(--ngds-radius, 8px);
    background: var(--surface, #FFFFFF);
    box-shadow: var(--ngds-shadow-card, 0 1px 2px rgba(16, 24, 40, .04));
    min-width: 0;
}

.course-architecture-stat--warning[b-px4xymoiv8] {
    border-left: 3px solid var(--ngds-warning, #F59E0B);
}

.course-architecture-stat--success[b-px4xymoiv8] {
    border-left: 3px solid var(--ngds-success, #16A34A);
}

.course-architecture-stat__icon[b-px4xymoiv8] {
    width: 28px;
    height: 28px;
    border-radius: var(--ngds-radius-pill, 999px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--ngds-text-muted, #667085);
    background: var(--ngds-surface-subtle, #F8FAFC);
    border: 1px solid var(--border, #E6EAF0);
}

    .course-architecture-stat__icon .oi[b-px4xymoiv8] {
        font-size: 12px;
        line-height: 1;
    }

.course-architecture-stat__body[b-px4xymoiv8] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.course-architecture-stat__value[b-px4xymoiv8] {
    color: var(--ngds-text, #101828);
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
}

.course-architecture-stat__label[b-px4xymoiv8] {
    color: var(--ngds-text-muted, #667085);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15;
}

/* Main layout */

.course-architecture-layout[b-px4xymoiv8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 400px);
    gap: 12px;
    align-items: start;
}

.course-architecture-main[b-px4xymoiv8],
.course-architecture-inspector[b-px4xymoiv8] {
    min-width: 0;
}

/* Panels */

.course-architecture-panel[b-px4xymoiv8] {
    border: 1px solid var(--border, #E6EAF0);
    border-radius: var(--ngds-radius, 8px);
    background: var(--surface, #FFFFFF);
    box-shadow: var(--ngds-shadow-card, 0 1px 2px rgba(16, 24, 40, .04));
    overflow: hidden;
}

.course-architecture-panel--tree[b-px4xymoiv8] {
    min-height: 420px;
}

.course-architecture-panel--inspector[b-px4xymoiv8] {
    min-height: 260px;
}

.course-architecture-panel__header[b-px4xymoiv8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--ngds-divider, #EEF2F6);
    background: var(--ngds-surface-subtle, #F8FAFC);
}

.course-architecture-panel__title[b-px4xymoiv8] {
    margin: 0;
    color: var(--ngds-text, #101828);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}

.course-architecture-panel__meta[b-px4xymoiv8] {
    margin-top: 2px;
    color: var(--ngds-text-muted, #667085);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
}

/* Inspector */

.course-architecture-inspector[b-px4xymoiv8] {
    position: sticky;
    top: 10px;
}

/* Legacy placeholder */

.course-architecture-placeholder[b-px4xymoiv8] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 22px;
    color: var(--ngds-text-muted, #667085);
}

.course-architecture-placeholder__icon[b-px4xymoiv8] {
    width: 38px;
    height: 38px;
    border-radius: var(--ngds-radius-pill, 999px);
    border: 1px solid var(--border, #E6EAF0);
    background: var(--ngds-surface-subtle, #F8FAFC);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.course-architecture-placeholder__title[b-px4xymoiv8] {
    color: var(--ngds-text, #101828);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}

.course-architecture-placeholder__text[b-px4xymoiv8] {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.35;
}

/* Responsive */

@media (max-width: 1199.98px) {
    .course-architecture-summary[b-px4xymoiv8] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .course-architecture-layout[b-px4xymoiv8] {
        grid-template-columns: minmax(0, 1fr) minmax(330px, 360px);
    }
}

@media (max-width: 991.98px) {
    .course-architecture-hero[b-px4xymoiv8] {
        flex-direction: column;
    }

    .course-architecture-actions[b-px4xymoiv8] {
        width: 100%;
        justify-content: flex-start;
    }

    .course-architecture-summary[b-px4xymoiv8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .course-architecture-layout[b-px4xymoiv8] {
        grid-template-columns: 1fr;
    }

    .course-architecture-inspector[b-px4xymoiv8] {
        position: static;
    }
}

@media (max-width: 575.98px) {
    .course-architecture-summary[b-px4xymoiv8] {
        grid-template-columns: 1fr;
    }

    .course-architecture-actions .ngds-actionbtn[b-px4xymoiv8] {
        flex: 1 1 auto;
        justify-content: center;
    }
}
/* /Components/Pages/Instructor/ContentCreation/Course/LearningOutcomesWorkspace.razor.rz.scp.css */
/* File: LearningOutcomesWorkspace.razor.css */

/*
   This stylesheet owns:
   - workspace layout
   - child editor containment
   - responsive inspector behavior
   - the visual placeholder for the future outcome-library feature
*/

.learning-outcomes-workspace[b-3yc2t5obo0] {
    width: 100%;
    min-width: 0;
}

.learning-outcomes-workspace__shell[b-3yc2t5obo0] {
    display: grid;
    gap: 12px;
    width: 100%;
    min-width: 0;
    margin: 10px 0 22px;
}

/* =========================================================
   WORKSPACE LAYOUT
   ========================================================= */

.learning-outcomes-workspace__layout[b-3yc2t5obo0] {
    display: grid;
    align-items: start;
    gap: 12px;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.learning-outcomes-workspace__layout--setup[b-3yc2t5obo0] {
    grid-template-columns: minmax(0, 1fr);
}

.learning-outcomes-workspace__layout--editor[b-3yc2t5obo0] {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 400px);
}

.learning-outcomes-workspace__main[b-3yc2t5obo0],
.learning-outcomes-workspace__inspector[b-3yc2t5obo0] {
    min-width: 0;
}

/* =========================================================
   EDITOR CONTAINMENT
   ========================================================= */

.learning-outcomes-workspace__editor[b-3yc2t5obo0] {
    width: 100%;
    min-width: 0;
    min-height: 420px;
    margin: 0;
    padding: 0;
}

    .learning-outcomes-workspace__editor :deep(> *)[b-3yc2t5obo0] {
        width: 100% !important;
        max-width: none !important;
        min-width: 0;
        margin: 0 !important;
    }

    .learning-outcomes-workspace__editor
    :deep(> .centered-max-width)[b-3yc2t5obo0] {
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
    }

    .learning-outcomes-workspace__editor
    :deep(> .container)[b-3yc2t5obo0],
    .learning-outcomes-workspace__editor
    :deep(> .container-fluid)[b-3yc2t5obo0] {
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
        padding-inline: 0 !important;
    }

    .learning-outcomes-workspace__editor :deep(.card)[b-3yc2t5obo0],
    .learning-outcomes-workspace__editor :deep(.ngds-card)[b-3yc2t5obo0] {
        max-width: none;
        margin-inline: 0;
    }

/* =========================================================
   INSPECTOR
   ========================================================= */

.learning-outcomes-workspace__inspector[b-3yc2t5obo0] {
    position: sticky;
    top: 10px;
}

.learning-outcomes-workspace__inspector-card[b-3yc2t5obo0] {
    min-width: 0;
    overflow: hidden;
}

    .learning-outcomes-workspace__inspector-card > .ngds-card__header[b-3yc2t5obo0] {
        padding: 10px 12px;
        background: var(--ngds-surface-subtle, #f8fafc);
        border-bottom-color: var(--ngds-divider, #eef2f6);
    }

    .learning-outcomes-workspace__inspector-card > .ngds-card__body[b-3yc2t5obo0] {
        display: grid;
        gap: 14px;
        padding: 12px;
    }

.learning-outcomes-workspace__panel-heading[b-3yc2t5obo0] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.learning-outcomes-workspace__panel-title-row[b-3yc2t5obo0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.learning-outcomes-workspace__coming-soon[b-3yc2t5obo0] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    color: var(--ngds-text-muted, #667085);
    background: var(--ngds-surface, #ffffff);
    border: 1px solid var(--ngds-divider, #e6eaf0);
    border-radius: var(--ngds-radius-pill, 999px);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

/* =========================================================
   DISABLED SEARCH PLACEHOLDER
   ========================================================= */

.learning-outcomes-workspace__library-form[b-3yc2t5obo0] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.learning-outcomes-workspace__field-label[b-3yc2t5obo0] {
    margin: 0;
    color: var(--ngds-text, #101828);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.learning-outcomes-workspace__search-row[b-3yc2t5obo0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: stretch;
    min-width: 0;
}

.learning-outcomes-workspace__search-control[b-3yc2t5obo0] {
    position: relative;
    min-width: 0;
}

    .learning-outcomes-workspace__search-control > .oi[b-3yc2t5obo0] {
        position: absolute;
        top: 50%;
        left: 11px;
        z-index: 1;
        color: var(--ngds-text-muted, #98a2b3);
        font-size: 12px;
        line-height: 1;
        pointer-events: none;
        transform: translateY(-50%);
    }

    .learning-outcomes-workspace__search-control > .form-control[b-3yc2t5obo0] {
        min-height: 38px;
        padding-left: 32px;
        font-size: 12px;
    }

        .learning-outcomes-workspace__search-control > .form-control:disabled[b-3yc2t5obo0] {
            color: var(--ngds-text-muted, #98a2b3);
            background: var(--ngds-surface-subtle, #f8fafc);
            border-color: var(--ngds-divider, #e6eaf0);
            opacity: 1;
            cursor: not-allowed;
        }

            .learning-outcomes-workspace__search-control > .form-control:disabled[b-3yc2t5obo0]::placeholder {
                color: var(--ngds-text-muted, #98a2b3);
                opacity: 1;
            }

.learning-outcomes-workspace__search-button[b-3yc2t5obo0] {
    min-width: 74px;
    justify-content: center;
}

    .learning-outcomes-workspace__search-button:disabled[b-3yc2t5obo0] {
        cursor: not-allowed;
        opacity: 0.52;
    }

.learning-outcomes-workspace__field-help[b-3yc2t5obo0] {
    margin: 0;
    color: var(--ngds-text-muted, #667085);
    font-size: 11px;
    line-height: 1.45;
}

/* =========================================================
   FUTURE RESULT AREA
   ========================================================= */

.learning-outcomes-workspace__results-placeholder[b-3yc2t5obo0] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-width: 0;
    padding: 12px;
    background: var(--ngds-surface-subtle, #f8fafc);
    border: 1px dashed var(--ngds-border, #d0d5dd);
    border-radius: var(--ngds-radius-md, 8px);
}

.learning-outcomes-workspace__results-icon[b-3yc2t5obo0] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: var(--ngds-text-muted, #667085);
    background: var(--ngds-surface, #ffffff);
    border: 1px solid var(--ngds-divider, #e6eaf0);
    border-radius: var(--ngds-radius-pill, 999px);
}

    .learning-outcomes-workspace__results-icon .oi[b-3yc2t5obo0] {
        font-size: 13px;
        line-height: 1;
    }

.learning-outcomes-workspace__results-content[b-3yc2t5obo0] {
    min-width: 0;
}

.learning-outcomes-workspace__results-title[b-3yc2t5obo0] {
    margin: 1px 0 0;
    color: var(--ngds-text, #101828);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.learning-outcomes-workspace__results-text[b-3yc2t5obo0] {
    margin: 4px 0 0;
    color: var(--ngds-text-muted, #667085);
    font-size: 11px;
    line-height: 1.45;
}

/* =========================================================
   FUTURE ADD ACTION
   ========================================================= */

.learning-outcomes-workspace__future-actions[b-3yc2t5obo0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    padding-top: 12px;
    border-top: 1px solid var(--ngds-divider, #eef2f6);
}

.learning-outcomes-workspace__future-action-copy[b-3yc2t5obo0] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

    .learning-outcomes-workspace__future-action-copy strong[b-3yc2t5obo0] {
        color: var(--ngds-text, #101828);
        font-size: 12px;
        font-weight: 800;
        line-height: 1.35;
    }

    .learning-outcomes-workspace__future-action-copy span[b-3yc2t5obo0] {
        color: var(--ngds-text-muted, #667085);
        font-size: 11px;
        line-height: 1.4;
    }

.learning-outcomes-workspace__future-actions
.ngds-actionbtn:disabled[b-3yc2t5obo0] {
    flex: 0 0 auto;
    cursor: not-allowed;
    opacity: 0.52;
}

/* =========================================================
   MANUAL ENTRY NOTE
   ========================================================= */

.learning-outcomes-workspace__manual-note[b-3yc2t5obo0] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px;
    color: var(--ngds-text-muted, #667085);
    background: var(--ngds-primary-subtle, #eff6ff);
    border-left: 2px solid var(--ngds-primary, #2563eb);
    border-radius: 0 var(--ngds-radius-sm, 6px) var(--ngds-radius-sm, 6px) 0;
}

    .learning-outcomes-workspace__manual-note > .oi[b-3yc2t5obo0] {
        flex: 0 0 auto;
        margin-top: 2px;
        color: var(--ngds-primary-hover, #1d4ed8);
        font-size: 12px;
        line-height: 1;
    }

    .learning-outcomes-workspace__manual-note > div[b-3yc2t5obo0] {
        display: grid;
        gap: 2px;
        min-width: 0;
    }

    .learning-outcomes-workspace__manual-note strong[b-3yc2t5obo0] {
        color: var(--ngds-text, #101828);
        font-size: 11px;
        font-weight: 800;
        line-height: 1.35;
    }

    .learning-outcomes-workspace__manual-note span[b-3yc2t5obo0] {
        font-size: 11px;
        line-height: 1.4;
    }

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199.98px) {
    .learning-outcomes-workspace__layout--editor[b-3yc2t5obo0] {
        grid-template-columns: minmax(0, 1fr) minmax(330px, 360px);
    }

    .learning-outcomes-workspace__search-row[b-3yc2t5obo0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .learning-outcomes-workspace__search-button[b-3yc2t5obo0] {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .learning-outcomes-workspace__layout--editor[b-3yc2t5obo0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .learning-outcomes-workspace__inspector[b-3yc2t5obo0] {
        position: static;
    }

    .learning-outcomes-workspace__search-row[b-3yc2t5obo0] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .learning-outcomes-workspace__search-button[b-3yc2t5obo0] {
        width: auto;
    }
}

@media (max-width: 575.98px) {
    .learning-outcomes-workspace__shell[b-3yc2t5obo0] {
        gap: 10px;
        margin-top: 6px;
    }

    .learning-outcomes-workspace__layout[b-3yc2t5obo0] {
        gap: 10px;
    }

    .learning-outcomes-workspace__inspector-card > .ngds-card__body[b-3yc2t5obo0] {
        gap: 12px;
        padding: 10px;
    }

    .learning-outcomes-workspace__panel-title-row[b-3yc2t5obo0] {
        align-items: flex-start;
    }

    .learning-outcomes-workspace__search-row[b-3yc2t5obo0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .learning-outcomes-workspace__search-button[b-3yc2t5obo0] {
        width: 100%;
    }

    .learning-outcomes-workspace__future-actions[b-3yc2t5obo0] {
        align-items: stretch;
        flex-direction: column;
    }

        .learning-outcomes-workspace__future-actions
        .ngds-actionbtn[b-3yc2t5obo0] {
            width: 100%;
            justify-content: center;
        }
}
/* /Components/Pages/Instructor/ContentCreation/CriterionEditorGrid.razor.rz.scp.css */
/* File: CriterionEditorGrid.razor.css */
/* Full replacement: compact header, readable rows, quiet professional footer. */

/* ==========================================================================
   Parent shell
   ========================================================================== */

.criterion-editor-shell[b-fikw6ji0b7] {
    width: 100%;
    max-width: 100%;
}

/* ==========================================================================
   Grid base
   ========================================================================== */

.criterion-grid[b-fikw6ji0b7] {
    width: 100%;
    max-width: none;
    --criterion-grid-control-height: 36px;
    --criterion-grid-textarea-min-height: 66px;
    --criterion-grid-textarea-max-height: 108px;
}

    /* Keep the editor card restrained and table-like */
    .criterion-grid.ngds-card[b-fikw6ji0b7],
    .criterion-grid .ngds-card[b-fikw6ji0b7] {
        border-radius: 10px;
    }

    /* ==========================================================================
       Header — compact table header
       ========================================================================== */

    .criterion-grid .ngds-card__header[b-fikw6ji0b7] {
        padding: 0.45rem 1rem;
        background: #fff;
        border-bottom: 1px solid var(--ngds-divider);
    }

        .criterion-grid .ngds-card__header .row[b-fikw6ji0b7] {
            align-items: center;
        }

            /*
           Razor currently uses: <div class="row pt-2">
           This neutralizes that extra vertical padding without requiring
           a Razor markup change.
        */
            .criterion-grid .ngds-card__header .row.pt-2[b-fikw6ji0b7] {
                padding-top: 0 !important;
            }

        .criterion-grid .ngds-card__header .form-label[b-fikw6ji0b7] {
            margin-bottom: 0;
            font-size: 0.78rem;
            font-weight: 800;
            line-height: 1.15;
            color: var(--ngds-text);
        }

    /* ==========================================================================
       Body
       ========================================================================== */

    .criterion-grid .ngds-card__body[b-fikw6ji0b7] {
        padding: 0.75rem 1rem;
    }

        .criterion-grid .ngds-card__body > .row[b-fikw6ji0b7],
        .criterion-grid .ngds-card__body .criterion-grid__add-slot > .row[b-fikw6ji0b7] {
            margin-left: 0;
            margin-right: 0;
        }

            /* Table-like row rhythm */
            .criterion-grid .ngds-card__body > .row.mb-3[b-fikw6ji0b7] {
                margin-bottom: 0 !important;
                padding-top: 0.45rem;
                padding-bottom: 0.45rem;
                border-bottom: 1px solid var(--ngds-divider);
            }

                .criterion-grid .ngds-card__body > .row.mb-3:hover[b-fikw6ji0b7] {
                    background: rgba(16, 24, 40, 0.018);
                }

    /* ==========================================================================
       Form controls
       ========================================================================== */

    .criterion-grid[b-fikw6ji0b7]  .form-control,
    .criterion-grid[b-fikw6ji0b7]  .form-select {
        min-height: var(--criterion-grid-control-height);
        border-color: var(--border);
        border-radius: 9px;
        font-size: 0.8125rem;
        color: var(--ngds-text);
        box-shadow: none;
    }

        .criterion-grid[b-fikw6ji0b7]  .form-control:focus,
        .criterion-grid[b-fikw6ji0b7]  .form-select:focus,
        .criterion-grid[b-fikw6ji0b7]  .form-check-input:focus {
            border-color: rgba(37, 99, 235, 0.35);
            box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.12);
        }

        .criterion-grid[b-fikw6ji0b7]  .form-control:disabled,
        .criterion-grid[b-fikw6ji0b7]  .form-select:disabled {
            color: var(--ngds-text-secondary);
            background-color: var(--ngds-surface-subtle);
            opacity: 0.96;
        }

    /* Criteria textarea: readable, not huge, preserves wrapping */
    .criterion-grid[b-fikw6ji0b7]  .textarea.form-control {
        min-height: 82px;
        height: 82px;
        max-height: none;
        resize: none;
        line-height: 1.34;
        padding: 0.5rem 0.65rem;
        overflow-y: hidden;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }

    /* ==========================================================================
       Row number / usage / method / weight / actions
       ========================================================================== */

    .criterion-grid .ngds-chip.ngds-chip--sm.ngds-num[b-fikw6ji0b7] {
        min-width: 28px;
        height: 22px;
        justify-content: center;
        padding: 0 0.45rem;
        font-size: 0.75rem;
    }

/* Usage checkboxes */
.criterion-grid__usage[b-fikw6ji0b7] {
    font-size: 0.8125rem;
    line-height: 1.25;
    padding-top: 0.05rem;
}

    .criterion-grid__usage .form-check[b-fikw6ji0b7] {
        min-height: 21px;
        display: flex;
        align-items: center;
        gap: 0.35rem;
        margin-bottom: 0.1rem;
        padding-left: 0;
    }

        .criterion-grid__usage .form-check:last-child[b-fikw6ji0b7] {
            margin-bottom: 0;
        }

    .criterion-grid__usage[b-fikw6ji0b7]  .form-check-input {
        margin: 0;
        flex: 0 0 auto;
        width: 15px;
        height: 15px;
    }

    .criterion-grid__usage .form-check-label[b-fikw6ji0b7] {
        color: var(--ngds-text-secondary);
        font-weight: 600;
        white-space: nowrap;
    }

.criterion-grid[b-fikw6ji0b7]  .form-check-input:disabled ~ .form-check-label,
.criterion-grid[b-fikw6ji0b7]  .form-check-input[disabled] ~ .form-check-label {
    color: var(--ngds-text-secondary);
    opacity: 0.9;
}

/* Locked method */
.criterion-grid__locked-method[b-fikw6ji0b7] {
    min-height: var(--criterion-grid-control-height);
    height: auto;
    opacity: 0.96;
    color: var(--ngds-text-secondary);
    background-color: var(--ngds-surface-subtle);
    border: 1px solid var(--ngds-divider);
    border-radius: 9px;
    font-size: 0.8125rem;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
}

    .criterion-grid__locked-method .ngds-truncate[b-fikw6ji0b7] {
        min-width: 0;
    }

/* Weight */
.criterion-grid__weight-col[b-fikw6ji0b7] {
    max-width: 92px;
}

    .criterion-grid__weight-col[b-fikw6ji0b7]  .form-control,
    .criterion-grid__weight-col .form-control[b-fikw6ji0b7] {
        font-weight: 700;
    }

/* Row action buttons */
.criterion-grid[b-fikw6ji0b7]  button.ngds-actionbtn,
.criterion-grid .ngds-card__body .ngds-actionbtn[b-fikw6ji0b7] {
    min-height: var(--criterion-grid-control-height);
}

    .criterion-grid .ngds-card__body .ngds-actionbtn:not(.criterion-grid__footer-btn)[b-fikw6ji0b7] {
        min-width: var(--criterion-grid-control-height);
    }

/* ==========================================================================
   Add-new section
   ========================================================================== */

.criterion-grid__add-slot[b-fikw6ji0b7] {
    border-top: 1px solid var(--ngds-divider);
    margin-top: 0.75rem;
    padding-top: 1rem;
}

.criterion-grid__add-label[b-fikw6ji0b7] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--ngds-text-secondary);
}

.criterion-grid__add-hint[b-fikw6ji0b7] {
    font-size: 0.8125rem;
    color: var(--ngds-text-muted);
    line-height: 1.35;
}

.criterion-grid__new-badge[b-fikw6ji0b7] {
    min-width: 52px;
    border-radius: var(--ngds-radius-pill);
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--ngds-text-secondary);
    font-weight: 700;
    padding: 0.45rem 0.6rem;
    text-align: center;
    line-height: 1;
}

/* ==========================================================================
   Footer — quiet professional command bar
   Works with either the revised footer markup or the original fallback markup.
   ========================================================================== */

.criterion-grid__footer[b-fikw6ji0b7],
.criterion-grid .ngds-card__footer[b-fikw6ji0b7] {
    padding: 0.7rem 1rem;
    background: #fff;
    border-top: 1px solid var(--ngds-divider);
}

/* Revised footer markup */
.criterion-grid__footer-rail[b-fikw6ji0b7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

.criterion-grid__footer-status[b-fikw6ji0b7] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.criterion-grid__status-block[b-fikw6ji0b7] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 30px;
    padding-right: 0.8rem;
    border-right: 1px solid var(--ngds-divider);
    white-space: nowrap;
}

.criterion-grid__status-icon[b-fikw6ji0b7] {
    width: 22px;
    height: 22px;
    border-radius: var(--ngds-radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 0.72rem;
}

.criterion-grid__status-block.is-success .criterion-grid__status-icon[b-fikw6ji0b7] {
    color: #166534;
    background: var(--ngds-success-bg);
    border: 1px solid var(--ngds-success-border);
}

.criterion-grid__status-block.is-warning .criterion-grid__status-icon[b-fikw6ji0b7] {
    color: #92400E;
    background: var(--ngds-warning-bg);
    border: 1px solid var(--ngds-warning-border);
}

.criterion-grid__status-text[b-fikw6ji0b7] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--ngds-text);
}

.criterion-grid__status-block.is-success .criterion-grid__status-text[b-fikw6ji0b7] {
    color: #166534;
}

.criterion-grid__status-block.is-warning .criterion-grid__status-text[b-fikw6ji0b7] {
    color: #92400E;
}

/* Method helper */
.criterion-grid__method-block[b-fikw6ji0b7] {
    min-width: 0;
    max-width: 520px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--ngds-text-secondary);
}

.criterion-grid__method-icon[b-fikw6ji0b7] {
    width: 22px;
    height: 22px;
    border-radius: var(--ngds-radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--ngds-text-muted);
    background: var(--ngds-surface-subtle);
    border: 1px solid var(--border);
    font-size: 0.7rem;
}

.criterion-grid__method-text[b-fikw6ji0b7] {
    min-width: 0;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--ngds-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Actions */
.criterion-grid__footer-actions[b-fikw6ji0b7] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex: 0 0 auto;
}

    .criterion-grid__footer-btn[b-fikw6ji0b7],
    .criterion-grid__footer-actions .ngds-actionbtn[b-fikw6ji0b7],
    .criterion-grid .ngds-card__footer .ngds-actionbtn[b-fikw6ji0b7] {
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 0.85rem !important;
        border-radius: 9px !important;
        font-size: 0.8125rem !important;
        font-weight: 750 !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.45rem !important;
        white-space: nowrap !important;
    }

/* Rebalance: quiet text-like utility */
.criterion-grid__footer-btn--rebalance[b-fikw6ji0b7],
.criterion-grid .ngds-card__footer button[title*="Rebalance"][b-fikw6ji0b7],
.criterion-grid .ngds-card__footer button[title*="rebalance"][b-fikw6ji0b7] {
    min-width: 0 !important;
    background: transparent !important;
    border-color: transparent !important;
    color: var(--ngds-text-secondary) !important;
    padding-left: 0.55rem !important;
    padding-right: 0.55rem !important;
}

    .criterion-grid__footer-btn--rebalance:hover[b-fikw6ji0b7],
    .criterion-grid .ngds-card__footer button[title*="Rebalance"]:hover[b-fikw6ji0b7],
    .criterion-grid .ngds-card__footer button[title*="rebalance"]:hover[b-fikw6ji0b7] {
        background: var(--ngds-hover) !important;
        border-color: var(--border) !important;
        color: var(--ngds-text) !important;
    }

/* Add: secondary action */
.criterion-grid__footer-btn--add[b-fikw6ji0b7],
.criterion-grid .ngds-card__footer .ngds-actionbtn--primary:not(.ngds-actionbtn--primary-strong)[b-fikw6ji0b7] {
    min-width: 80px !important;
    background: var(--surface) !important;
    border-color: rgba(37, 99, 235, 0.28) !important;
    color: var(--ngds-primary-hover) !important;
}

/* Save: primary action, same height as Add */
.criterion-grid__footer-btn--save[b-fikw6ji0b7],
.criterion-grid__footer-actions .ngds-actionbtn--primary-strong[b-fikw6ji0b7],
.criterion-grid .ngds-card__footer .ngds-actionbtn--primary-strong[b-fikw6ji0b7] {
    min-width: 92px !important;
    background: var(--ngds-primary) !important;
    border-color: var(--ngds-primary) !important;
    color: #fff !important;
}

    .criterion-grid__footer-actions .ngds-actionbtn--primary-strong:hover[b-fikw6ji0b7],
    .criterion-grid .ngds-card__footer .ngds-actionbtn--primary-strong:hover[b-fikw6ji0b7] {
        background: var(--ngds-primary-hover) !important;
        border-color: var(--ngds-primary-hover) !important;
    }

/* Original/fallback footer markup cleanup */
.criterion-grid .ngds-card__footer > .d-flex[b-fikw6ji0b7] {
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
}

.criterion-grid .ngds-card__footer .ngds-chip[b-fikw6ji0b7] {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
}

/* Weight total in fallback markup */
.criterion-grid .ngds-card__footer .ngds-chip--success[b-fikw6ji0b7] {
    color: #166534 !important;
}

/* Method hint in fallback markup */
.criterion-grid .ngds-card__footer .ngds-chip--muted[b-fikw6ji0b7] {
    max-width: 460px;
    color: var(--ngds-text-secondary) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1200px) {
    .criterion-grid[b-fikw6ji0b7] {
        --criterion-grid-textarea-min-height: 64px;
    }

    .criterion-grid__footer-rail[b-fikw6ji0b7] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .criterion-grid__footer-actions[b-fikw6ji0b7] {
        justify-content: flex-end;
    }
}

@media (max-width: 992px) {
    .criterion-grid__weight-col[b-fikw6ji0b7] {
        max-width: none;
    }

    .criterion-grid__footer-status[b-fikw6ji0b7] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .criterion-grid__method-block[b-fikw6ji0b7] {
        max-width: 100%;
    }

    .criterion-grid .ngds-card__footer > .d-flex[b-fikw6ji0b7] {
        align-items: stretch !important;
        flex-direction: column !important;
    }
}

@media (max-width: 768px) {
    .criterion-grid__footer-status[b-fikw6ji0b7] {
        flex-direction: column;
        gap: 0.65rem;
    }

    .criterion-grid__status-block[b-fikw6ji0b7] {
        border-right: 0;
        padding-right: 0;
    }

    .criterion-grid__method-text[b-fikw6ji0b7] {
        white-space: normal;
    }

    .criterion-grid__footer-actions[b-fikw6ji0b7] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 576px) {
    .criterion-grid[b-fikw6ji0b7] {
        --criterion-grid-textarea-min-height: 68px;
    }

    .criterion-grid__new-badge[b-fikw6ji0b7] {
        min-width: 48px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .criterion-grid__footer-actions[b-fikw6ji0b7] {
        width: 100%;
    }

        .criterion-grid__footer-btn[b-fikw6ji0b7],
        .criterion-grid__footer-actions .ngds-actionbtn[b-fikw6ji0b7] {
            flex: 1 1 auto;
        }
}
/* /Components/Pages/Instructor/ContentCreation/Module/ModuleFormEdit.razor.rz.scp.css */
/* File: ModuleFormEdit.razor.css */

.form-compact[b-bkta7xiqte] {
    max-width: 100%;
    padding: .25rem .25rem 1rem;
}

.module-editor-section[b-bkta7xiqte] {
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #ffffff;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.module-editor-section--placement[b-bkta7xiqte] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    container-type: inline-size;
    container-name: placement;
}

.module-editor-section__header[b-bkta7xiqte] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
}

.module-editor-section__eyebrow[b-bkta7xiqte] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #64748b;
    margin-bottom: .15rem;
}

.module-editor-section__title[b-bkta7xiqte] {
    font-size: .98rem;
    font-weight: 750;
    color: #0f172a;
    margin: 0;
}

/*

* Rank was removed from ModuleFormEdit.
*
* Chapter is deliberately wider because its option labels are long.
* Badge can wrap cleanly when its name is long, including Arabic text.
  */
.module-editor-placement-grid[b-bkta7xiqte] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
    gap: .85rem;
    align-items: start;
}

.module-editor-field[b-bkta7xiqte] {
    min-width: 0;
}

.module-editor-field--chapter[b-bkta7xiqte],
.module-editor-field--badge[b-bkta7xiqte] {
    min-width: 0;
}

.module-editor-label[b-bkta7xiqte] {
    display: block;
    font-size: .78rem;
    font-weight: 750;
    color: #334155;
    margin-bottom: .35rem;
}

.module-editor-control[b-bkta7xiqte] {
    width: 100%;
    min-width: 0;
    min-height: 2.45rem;
    border-radius: 10px;
    border-color: #dbe3ef;
    font-size: .92rem;
}

    .module-editor-control:focus[b-bkta7xiqte] {
        border-color: #2563eb;
        box-shadow: 0 0 0 .18rem rgba(37, 99, 235, .14);
    }

    /*

* Keep the select itself on one line.
* It now has enough allocated width from the two-column grid.
  */
    .module-editor-field--chapter select[b-bkta7xiqte],
    .module-editor-control.form-select[b-bkta7xiqte] {
        width: 100%;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.module-editor-hint[b-bkta7xiqte] {
    color: #64748b;
    font-size: .76rem;
    line-height: 1.35;
    margin-top: .35rem;
}

.module-editor-hint--warning[b-bkta7xiqte] {
    color: #b45309;
    font-weight: 600;
}

/*

* Long badge names must not be cut off.
* The text wraps naturally instead of using an ellipsis.
  */
.module-editor-badge-pill[b-bkta7xiqte] {
    width: 100%;
    min-width: 0;
    min-height: 2.45rem;
    display: inline-flex;
    align-items: flex-start;
    gap: .45rem;
    padding: .5rem .7rem;
    border-radius: 12px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.35;
}

    .module-editor-badge-pill > span:first-child[b-bkta7xiqte] {
        flex: 0 0 auto;
        margin-top: .08rem;
    }

    .module-editor-badge-pill > span:last-child[b-bkta7xiqte] {
        min-width: 0;
        flex: 1 1 auto;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        overflow-wrap: anywhere;
        word-break: normal;
        text-align: start;
    }

/*

* Published state remains compact and aligned with the section header.
  */
.module-editor-publish[b-bkta7xiqte] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .65rem;
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
}

    .module-editor-publish .form-check-input[b-bkta7xiqte] {
        margin: 0;
    }

.form-compact .mb-2[b-bkta7xiqte] {
    margin-bottom: .85rem !important;
}

.form-compact .form-label[b-bkta7xiqte] {
    font-size: .8rem;
    font-weight: 750 !important;
    color: #334155;
    margin-bottom: .35rem !important;
}

.form-compact .form-text[b-bkta7xiqte],
.form-compact .form-check-label[b-bkta7xiqte] {
    font-size: .8rem;
}

.form-compact .form-control[b-bkta7xiqte],
.form-compact .form-select[b-bkta7xiqte] {
    border-radius: 10px;
    border-color: #dbe3ef;
    padding-top: .48rem;
    padding-bottom: .48rem;
}

    .form-compact .form-control:focus[b-bkta7xiqte],
    .form-compact .form-select:focus[b-bkta7xiqte] {
        border-color: #2563eb;
        box-shadow: 0 0 0 .18rem rgba(37, 99, 235, .14);
    }

.form-compact textarea.form-control[b-bkta7xiqte] {
    resize: vertical;
}

.form-compact .card[b-bkta7xiqte] {
    border-color: #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}

.form-compact .card-body[b-bkta7xiqte] {
    border-radius: 14px;
}

.form-compact .form-check-input[b-bkta7xiqte],
.form-compact .form-check-label[b-bkta7xiqte] {
    cursor: pointer;
}

/*

* A side modal can be narrow even on a large desktop screen.
* Container queries respond to the editor's actual available width,
* rather than the browser viewport width.
  */
@container placement (max-width: 32rem) {
    .module-editor-placement-grid[b-bkta7xiqte] {
        grid-template-columns: 1fr;
    }

    .module-editor-publish[b-bkta7xiqte] {
        align-self: flex-start;
    }
}

@media (max-width: 900px) {
    .module-editor-section__header[b-bkta7xiqte] {
        flex-direction: column;
        align-items: stretch;
    }

    ```
    .module-editor-publish[b-bkta7xiqte] {
        align-self: flex-start;
    }

    ```[b-bkta7xiqte]
}
/* /Components/Pages/Instructor/ContentCreation/Module/ModulePageInformationEditor.razor.rz.scp.css */
/* File: Components/ModulePageInformationEditor.razor.css */

.page-information-editor[b-ymaapngkkw] {
    display: grid;
    gap: 1rem;
    padding: .25rem .25rem .5rem;
}

.page-information-editor__loading[b-ymaapngkkw] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
}

.page-information-editor__intro[b-ymaapngkkw],
.page-information-editor__section[b-ymaapngkkw] {
    border: 1px solid var(--border, #e6eaf0);
    border-radius: var(--ngds-radius, 8px);
    background: var(--surface, #ffffff);
}

.page-information-editor__intro[b-ymaapngkkw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .85rem;
    align-items: flex-start;
    padding: 1rem;
    background: var(--ngds-primary-subtle, #eff6ff);
    border-color: rgba(37, 99, 235, .20);
}

.page-information-editor__icon[b-ymaapngkkw] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--ngds-radius, 8px);
    background: var(--surface, #ffffff);
    border: 1px solid rgba(37, 99, 235, .20);
    color: var(--ngds-primary, #2563eb);
}

    .page-information-editor__icon .oi[b-ymaapngkkw] {
        font-size: 1.05rem;
        line-height: 1;
    }

.page-information-editor__eyebrow[b-ymaapngkkw] {
    margin-bottom: .2rem;
    color: var(--ngds-text-muted, #667085);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.page-information-editor__title[b-ymaapngkkw],
.page-information-editor__section-title[b-ymaapngkkw] {
    margin: 0;
    color: var(--ngds-text, #101828);
    font-weight: 700;
}

.page-information-editor__title[b-ymaapngkkw] {
    font-size: 1rem;
}

.page-information-editor__section-title[b-ymaapngkkw] {
    font-size: .98rem;
}

.page-information-editor__description[b-ymaapngkkw] {
    margin: .45rem 0 0;
    color: var(--ngds-text-secondary, #475467);
    font-size: .86rem;
    line-height: 1.45;
}

.page-information-editor__section[b-ymaapngkkw] {
    padding: 1rem;
}

.page-information-editor__section-head[b-ymaapngkkw] {
    margin-bottom: 1rem;
}

.page-information-editor__fields[b-ymaapngkkw] {
    display: grid;
    gap: 1rem;
}

.page-information-editor__label[b-ymaapngkkw] {
    display: block;
    margin-bottom: .35rem;
    color: var(--ngds-text-secondary, #475467);
    font-size: .82rem;
    font-weight: 700;
}

.page-information-editor__control[b-ymaapngkkw] {
    min-height: 2.45rem;
    border-color: var(--border, #e6eaf0);
    border-radius: 10px;
}

    .page-information-editor__control:focus[b-ymaapngkkw] {
        border-color: var(--ngds-primary, #2563eb);
        box-shadow: 0 0 0 .18rem rgba(37, 99, 235, .14);
    }

textarea.page-information-editor__control[b-ymaapngkkw] {
    resize: vertical;
}

textarea.page-information-editor__body[b-ymaapngkkw] {
    min-height: 18rem;
    line-height: 1.5;
}

.page-information-editor__hint[b-ymaapngkkw],
.page-information-editor__footer-note[b-ymaapngkkw] {
    margin-top: .35rem;
    color: var(--ngds-text-muted, #667085);
    font-size: .78rem;
    line-height: 1.4;
}

.page-information-editor__footer-note[b-ymaapngkkw] {
    padding: 0 .25rem;
}

@media (max-width: 576px) {
    .page-information-editor__intro[b-ymaapngkkw] {
        grid-template-columns: 1fr;
    }
    .page-information-editor__icon[b-ymaapngkkw] {
        width: 2.25rem;
        height: 2.25rem;
    }

    textarea.page-information-editor__body[b-ymaapngkkw] {
        min-height: 14rem;
    }
}
/* /Components/Pages/Instructor/ContentCreation/Project/AssessmentCriteriaMatrixDesigner.razor.rz.scp.css */
/* File: AssessmentCriteriaMatrixDesigner.razor.css */
/* OPT: BZ-INT-CSS 9.1→10.0 SAFE */

.acm[b-z6a9m5qoqd] {
    min-width: 0;
}

    .acm[b-z6a9m5qoqd],
    .acm *[b-z6a9m5qoqd] {
        box-sizing: border-box;
    }

/* --------------------------------------------------------------------------
   Layout
   -------------------------------------------------------------------------- */

.acm-layout[b-z6a9m5qoqd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 340px);
    gap: 16px;
    align-items: start;
}

    .acm-layout > .ngds-card[b-z6a9m5qoqd] {
        min-width: 0;
    }

/* --------------------------------------------------------------------------
   Top summary bar
   -------------------------------------------------------------------------- */

.acm-topbar[b-z6a9m5qoqd] {
    overflow: visible;
}

.acm-topbar__row[b-z6a9m5qoqd] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
}

.acm-topbar__title[b-z6a9m5qoqd] {
    min-width: 0;
}

.acm-page-title[b-z6a9m5qoqd] {
    font-size: 1.35rem;
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: var(--ngds-text, #111827);
}

.acm-kpis[b-z6a9m5qoqd] {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 8px;
}

.acm-kpi[b-z6a9m5qoqd] {
    min-width: 78px;
    border: 1px solid var(--border);
    border-radius: var(--ngds-radius);
    background: var(--ngds-surface-subtle);
    padding: 7px 10px;
}

.acm-kpi__value[b-z6a9m5qoqd] {
    display: block;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    color: var(--ngds-text);
    font-variant-numeric: tabular-nums;
}

.acm-kpi__label[b-z6a9m5qoqd] {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    font-weight: 700;
    color: var(--ngds-text-muted);
}

/* Backward compatibility if old summary markup is still present */

.acm-toolbar[b-z6a9m5qoqd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.acm-summary[b-z6a9m5qoqd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.acm-summary__item[b-z6a9m5qoqd] {
    border: 1px solid var(--border);
    border-radius: var(--ngds-radius);
    background: linear-gradient(135deg, var(--ngds-surface-subtle), var(--surface));
    padding: 10px 12px;
}

.acm-summary__value[b-z6a9m5qoqd] {
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    color: var(--ngds-text);
    font-variant-numeric: tabular-nums;
}

.acm-summary__label[b-z6a9m5qoqd] {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ngds-text-muted);
}

/* --------------------------------------------------------------------------
   Matrix toolbar
   -------------------------------------------------------------------------- */

.acm-gridheader[b-z6a9m5qoqd] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.acm-gridheader--compact[b-z6a9m5qoqd] {
    padding-top: .65rem;
    padding-bottom: .65rem;
}

.acm-matrixtoolbar[b-z6a9m5qoqd] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) auto;
    align-items: center;
    gap: .75rem;
    width: 100%;
}

.acm-matrixtoolbar--searchfirst[b-z6a9m5qoqd] {
    grid-template-columns: minmax(320px, 1fr) auto;
}

.acm-matrixtoolbar__summary[b-z6a9m5qoqd] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
}

.acm-search[b-z6a9m5qoqd] {
    width: 100%;
    max-width: 420px;
}

.acm-search--balanced[b-z6a9m5qoqd],
.acm-search--wide[b-z6a9m5qoqd] {
    width: 100%;
    max-width: 620px;
    justify-self: start;
}

.acm-gridlegend[b-z6a9m5qoqd] {
    justify-content: flex-end;
}

.acm-gridlegend--balanced[b-z6a9m5qoqd] {
    justify-self: end;
    white-space: nowrap;
}

/* Backward compatibility for previous matrix header */

.acm-gridhead[b-z6a9m5qoqd] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(240px, 420px) auto;
    align-items: center;
    gap: 12px;
}

/* --------------------------------------------------------------------------
   Matrix table
   -------------------------------------------------------------------------- */

.acm-tablewrap[b-z6a9m5qoqd] {
    --ngds-table-maxh: calc(100vh - 235px);
    min-height: 460px;
    min-width: 0;
    overflow: auto;
    scrollbar-gutter: stable;
}

.acm-table[b-z6a9m5qoqd] {
    min-width: max-content;
    width: 100%;
}

    .acm-table thead th[b-z6a9m5qoqd] {
        vertical-align: bottom;
        text-align: center;
    }

    .acm-table tbody td[b-z6a9m5qoqd] {
        height: 52px;
    }

/* Sticky first column */

.acm-col-criterion[b-z6a9m5qoqd] {
    width: 390px;
    min-width: 390px;
    max-width: 390px;
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--surface);
    box-shadow: 1px 0 0 var(--ngds-divider);
}

thead .acm-col-criterion[b-z6a9m5qoqd] {
    z-index: 5;
    background: var(--ngds-surface-subtle);
    text-align: left;
}

.acm-col-method[b-z6a9m5qoqd] {
    min-width: 180px;
    text-align: center;
}

.acm-col-action[b-z6a9m5qoqd] {
    width: 92px;
    min-width: 92px;
    text-align: right;
}

/* --------------------------------------------------------------------------
   Learning outcome group header
   -------------------------------------------------------------------------- */

.acm-group td[b-z6a9m5qoqd] {
    background: linear-gradient(90deg, var(--ngds-primary-subtle), var(--surface));
    border-top: 1px solid rgba(37, 99, 235, .18);
    border-bottom: 1px solid rgba(37, 99, 235, .18);
    padding: 12px 14px;
}

.acm-groupblock[b-z6a9m5qoqd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.acm-groupblock__main[b-z6a9m5qoqd] {
    min-width: 0;
}

.acm-groupblock__eyebrow[b-z6a9m5qoqd] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ngds-primary-hover);
}

.acm-groupblock__title[b-z6a9m5qoqd] {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 800;
    color: var(--ngds-text);
    line-height: 1.25;
}

.acm-groupblock__desc[b-z6a9m5qoqd] {
    margin-top: 3px;
    max-width: 820px;
    font-size: 12px;
    line-height: 1.35;
    color: var(--ngds-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.acm-groupblock__count[b-z6a9m5qoqd] {
    flex: 0 0 auto;
    border: 1px solid rgba(37, 99, 235, .18);
    background: var(--surface);
    border-radius: var(--ngds-radius-pill);
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    color: var(--ngds-primary-hover);
    white-space: nowrap;
}

/* Backward compatibility if old group classes still exist */

.acm-group__title[b-z6a9m5qoqd] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--ngds-text);
}

.acm-group__meta[b-z6a9m5qoqd] {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ngds-text-muted);
}

/* --------------------------------------------------------------------------
   Criterion cell
   -------------------------------------------------------------------------- */

.acm-criterion[b-z6a9m5qoqd] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    text-align: left;
    border: 0;
    background: transparent;
    padding: 0;
    color: inherit;
    cursor: pointer;
}

    .acm-criterion:hover .acm-criterion__text[b-z6a9m5qoqd] {
        color: var(--ngds-primary-hover);
    }

    .acm-criterion:focus-visible[b-z6a9m5qoqd] {
        outline: 2px solid var(--ngds-primary);
        outline-offset: 3px;
        border-radius: var(--ngds-radius-focus);
    }

.acm-criterion__id[b-z6a9m5qoqd] {
    font-size: 12px;
    font-weight: 800;
    color: var(--ngds-text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.acm-criterion__text[b-z6a9m5qoqd] {
    min-width: 0;
    font-size: 13px;
    line-height: 1.35;
    color: var(--ngds-text);
    word-break: break-word;
}

/* --------------------------------------------------------------------------
   Matrix cells
   -------------------------------------------------------------------------- */

.acm-cell[b-z6a9m5qoqd] {
    text-align: center;
}

.acm-cell--empty[b-z6a9m5qoqd] {
    color: var(--ngds-text-muted);
}

.acm-cell--covered[b-z6a9m5qoqd] {
    background: rgba(22, 163, 74, .035);
}

.acm-cell--planned[b-z6a9m5qoqd] {
    background: rgba(245, 158, 11, .035);
}

.acm-cell--evidenceonly[b-z6a9m5qoqd] {
    background: rgba(225, 29, 72, .035);
}

.acm-cell__dash[b-z6a9m5qoqd] {
    color: #98A2B3;
    font-weight: 700;
}

.acm-cellbutton[b-z6a9m5qoqd] {
    width: 100%;
    min-height: 32px;
    border: 0;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 2px;
    cursor: pointer;
}

    .acm-cellbutton:hover[b-z6a9m5qoqd] {
        background: rgba(16, 24, 40, .03);
        border-radius: var(--ngds-radius);
    }

    .acm-cellbutton:focus-visible[b-z6a9m5qoqd] {
        outline: 2px solid var(--ngds-primary);
        outline-offset: 2px;
        border-radius: var(--ngds-radius-focus);
    }

.acm-cellbutton--empty[b-z6a9m5qoqd] {
    color: var(--ngds-text-muted);
}

.acm-mapitem[b-z6a9m5qoqd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

.acm-remove[b-z6a9m5qoqd] {
    font-size: 11px;
}

/* --------------------------------------------------------------------------
   Selected row / cell
   -------------------------------------------------------------------------- */

.ngds-row.is-selected .acm-col-criterion[b-z6a9m5qoqd],
.ngds-row.is-selected td[b-z6a9m5qoqd] {
    background: rgba(37, 99, 235, .06);
}

.ngds-row.is-selected .acm-col-criterion[b-z6a9m5qoqd] {
    box-shadow: inset 3px 0 0 var(--ngds-primary), 1px 0 0 var(--ngds-divider);
}

.acm-cell.is-selected-cell[b-z6a9m5qoqd] {
    outline: 2px solid var(--ngds-primary);
    outline-offset: -2px;
    background: rgba(37, 99, 235, .09);
}

/* --------------------------------------------------------------------------
   Right inspector
   -------------------------------------------------------------------------- */

.acm-inspector[b-z6a9m5qoqd] {
    position: sticky;
    top: 12px;
    max-height: calc(100vh - 24px);
    min-width: 0;
    overflow: auto;
    scrollbar-gutter: stable;
}

    .acm-inspector .ngds-card__body[b-z6a9m5qoqd] {
        padding: 12px 16px;
    }

.acm-selected-title[b-z6a9m5qoqd] {
    font-size: 14px;
    font-weight: 800;
    color: var(--ngds-text);
    margin-bottom: 4px;
}

.acm-selected-text[b-z6a9m5qoqd] {
    font-size: 13px;
    line-height: 1.4;
    color: var(--ngds-text-secondary);
    word-break: break-word;
}

.acm-selected-summary[b-z6a9m5qoqd] {
    margin-bottom: 14px;
}

.acm-selected-chips[b-z6a9m5qoqd] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.acm-inspector-divider[b-z6a9m5qoqd] {
    height: 1px;
    background: var(--ngds-divider);
    margin: 14px 0;
}

.acm-inspector-section[b-z6a9m5qoqd] {
    margin-bottom: 16px;
}

    .acm-inspector-section:last-child[b-z6a9m5qoqd] {
        margin-bottom: 0;
    }

.acm-inspector-section__head[b-z6a9m5qoqd] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.acm-inspector-section__title[b-z6a9m5qoqd] {
    font-size: 14px;
    font-weight: 800;
    color: var(--ngds-text);
    line-height: 1.2;
}

.acm-inspector-section__meta[b-z6a9m5qoqd] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ngds-text-muted);
    text-align: right;
}

/* --------------------------------------------------------------------------
   Evidence cards
   -------------------------------------------------------------------------- */

.acm-evidence-list[b-z6a9m5qoqd] {
    display: grid;
    gap: 10px;
}

.acm-evidenceitem[b-z6a9m5qoqd] {
    min-width: 0;
}

    .acm-evidenceitem[b-z6a9m5qoqd]  .ngds-linkcard {
        display: block;
    }

    .acm-evidenceitem[b-z6a9m5qoqd]  .ngds-card {
        box-shadow: inset 3px 0 0 var(--ngds-primary), var(--ngds-shadow-card);
    }

    .acm-evidenceitem[b-z6a9m5qoqd]  .ngds-card__body {
        padding: 12px 12px 12px 14px;
    }

    .acm-evidenceitem[b-z6a9m5qoqd]  .ngds-cardrow {
        align-items: center;
        gap: 10px;
    }

    .acm-evidenceitem[b-z6a9m5qoqd]  .ngds-cardrow__right {
        color: var(--ngds-text-muted);
        padding-left: 4px;
    }

    .acm-evidenceitem[b-z6a9m5qoqd]  .ngds-title {
        font-size: 13px;
        font-weight: 700;
        line-height: 1.35;
        color: var(--ngds-text);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
    }

    .acm-evidenceitem[b-z6a9m5qoqd]  .ngds-meta {
        margin-top: 4px;
        font-size: 12px;
        font-weight: 600;
        color: var(--ngds-text-muted);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .acm-evidenceitem[b-z6a9m5qoqd]  .ngds-linkcard:hover .ngds-card {
        box-shadow: inset 3px 0 0 var(--ngds-primary), 0 6px 14px rgba(16, 24, 40, .06);
    }

.acm-evidenceitem--objective[b-z6a9m5qoqd]  .ngds-card {
    box-shadow: inset 3px 0 0 var(--ngds-primary), var(--ngds-shadow-card);
}

.acm-evidenceitem--objective[b-z6a9m5qoqd]  .ngds-linkcard:hover .ngds-card {
    box-shadow: inset 3px 0 0 var(--ngds-primary), 0 6px 14px rgba(16, 24, 40, .06);
}

.acm-evidenceitem--performance[b-z6a9m5qoqd]  .ngds-card,
.acm-evidenceitem--blueprint[b-z6a9m5qoqd]  .ngds-card {
    box-shadow: inset 3px 0 0 var(--ngds-warning), var(--ngds-shadow-card);
}

.acm-evidenceitem--performance[b-z6a9m5qoqd]  .ngds-linkcard:hover .ngds-card,
.acm-evidenceitem--blueprint[b-z6a9m5qoqd]  .ngds-linkcard:hover .ngds-card {
    box-shadow: inset 3px 0 0 var(--ngds-warning), 0 6px 14px rgba(16, 24, 40, .06);
}

.acm-evidenceitem--generic[b-z6a9m5qoqd]  .ngds-card {
    box-shadow: inset 3px 0 0 #98A2B3, var(--ngds-shadow-card);
}

.acm-evidenceitem--generic[b-z6a9m5qoqd]  .ngds-linkcard:hover .ngds-card {
    box-shadow: inset 3px 0 0 #98A2B3, 0 6px 14px rgba(16, 24, 40, .06);
}

.acm-evidence-title[b-z6a9m5qoqd] {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--ngds-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.acm-evidence-meta[b-z6a9m5qoqd] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ngds-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --------------------------------------------------------------------------
   Planning / mismatch states
   -------------------------------------------------------------------------- */

.acm-planissue[b-z6a9m5qoqd] {
    margin-top: 10px;
}

    .acm-planissue .ngds-alert[b-z6a9m5qoqd] {
        font-size: 12px;
        line-height: 1.35;
    }

.acm-planned-compact[b-z6a9m5qoqd] {
    display: grid;
    gap: 8px;
}

.acm-planned-compact__row[b-z6a9m5qoqd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--ngds-divider);
}

    .acm-planned-compact__row:last-child[b-z6a9m5qoqd] {
        border-bottom: 0;
    }

.acm-planned-compact__main[b-z6a9m5qoqd] {
    min-width: 0;
}

.acm-planned-compact__method[b-z6a9m5qoqd] {
    font-size: 13px;
    font-weight: 700;
    color: var(--ngds-text);
    word-break: break-word;
}

.acm-planned-compact__meta[b-z6a9m5qoqd] {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ngds-text-muted);
}

/* --------------------------------------------------------------------------
   Add evidence / more options
   -------------------------------------------------------------------------- */

.acm-actionstack[b-z6a9m5qoqd] {
    display: grid;
    gap: 8px;
}

    .acm-actionstack .ngds-actionbtn[b-z6a9m5qoqd] {
        width: 100%;
    }

    .acm-actionstack .ngds-actionbtn--primary-strong[b-z6a9m5qoqd] {
        min-height: 38px;
    }

.acm-moreoptions[b-z6a9m5qoqd] {
    display: grid;
    gap: 8px;
}

.acm-addplanned[b-z6a9m5qoqd] {
    display: grid;
    gap: 12px;
}

.acm-addplanned__form[b-z6a9m5qoqd] {
    display: grid;
    gap: 12px;
}

.acm-addplanned__toggle[b-z6a9m5qoqd] {
    width: 100%;
}

/* Backward compatibility for current inspector row rendering */

.acm-current[b-z6a9m5qoqd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--ngds-divider);
}

    .acm-current:last-child[b-z6a9m5qoqd] {
        border-bottom: 0;
    }

.acm-current__method[b-z6a9m5qoqd] {
    font-size: 13px;
    font-weight: 700;
    color: var(--ngds-text);
}

.acm-current__meta[b-z6a9m5qoqd] {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ngds-text-muted);
}

/* --------------------------------------------------------------------------
   Empty states
   -------------------------------------------------------------------------- */

.acm-empty[b-z6a9m5qoqd] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--ngds-text-muted);
    text-align: center;
    padding: 24px;
}

.acm-empty--compact[b-z6a9m5qoqd] {
    min-height: 160px;
}

/* --------------------------------------------------------------------------
   Forms
   -------------------------------------------------------------------------- */

.acm-inspector .form-label[b-z6a9m5qoqd] {
    margin-bottom: 5px;
}

.acm-inspector .form-control[b-z6a9m5qoqd],
.acm-inspector .form-select[b-z6a9m5qoqd] {
    border-radius: 10px;
}

.acm-inspector textarea[b-z6a9m5qoqd] {
    resize: vertical;
}

/* --------------------------------------------------------------------------
   Reduced motion
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .acm-cellbutton[b-z6a9m5qoqd],
    .acm-evidenceitem[b-z6a9m5qoqd]  .ngds-card {
        transition: none;
    }
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1200px) {
    .acm-layout[b-z6a9m5qoqd] {
        grid-template-columns: 1fr;
    }

    .acm-inspector[b-z6a9m5qoqd] {
        position: static;
        max-height: none;
        overflow: visible;
    }

    .acm-topbar__row[b-z6a9m5qoqd] {
        grid-template-columns: 1fr;
    }

    .acm-kpis[b-z6a9m5qoqd] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .acm-gridhead[b-z6a9m5qoqd],
    .acm-matrixtoolbar[b-z6a9m5qoqd],
    .acm-matrixtoolbar--searchfirst[b-z6a9m5qoqd] {
        grid-template-columns: 1fr;
    }

    .acm-search[b-z6a9m5qoqd],
    .acm-search--balanced[b-z6a9m5qoqd],
    .acm-search--wide[b-z6a9m5qoqd] {
        max-width: none;
        justify-self: stretch;
    }

    .acm-gridlegend[b-z6a9m5qoqd],
    .acm-gridlegend--balanced[b-z6a9m5qoqd] {
        justify-content: flex-start;
        justify-self: start;
        white-space: normal;
    }
}

@media (max-width: 768px) {
    .acm-page-title[b-z6a9m5qoqd] {
        font-size: 1.3rem;
    }

    .acm-summary[b-z6a9m5qoqd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .acm-kpis[b-z6a9m5qoqd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .acm-tablewrap[b-z6a9m5qoqd] {
        --ngds-table-maxh: calc(100vh - 260px);
        min-height: 380px;
    }

    .acm-col-criterion[b-z6a9m5qoqd] {
        width: 320px;
        min-width: 320px;
        max-width: 320px;
    }

    .acm-col-method[b-z6a9m5qoqd] {
        min-width: 150px;
    }

    .acm-groupblock[b-z6a9m5qoqd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .acm-groupblock__count[b-z6a9m5qoqd] {
        align-self: flex-start;
    }

    .acm-selected-chips[b-z6a9m5qoqd] {
        gap: 5px;
    }

    .acm-evidenceitem[b-z6a9m5qoqd]  .ngds-card__body {
        padding-right: 10px;
    }
}

@media (max-width: 576px) {
    .acm-topbar__row[b-z6a9m5qoqd] {
        padding: 10px 12px;
    }

    .acm-kpis[b-z6a9m5qoqd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .acm-kpi[b-z6a9m5qoqd] {
        min-width: 0;
    }

    .acm-gridheader[b-z6a9m5qoqd] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .acm-tablewrap[b-z6a9m5qoqd] {
        --ngds-table-maxh: calc(100vh - 285px);
    }

    .acm-col-criterion[b-z6a9m5qoqd] {
        width: 280px;
        min-width: 280px;
        max-width: 280px;
    }

    .acm-col-method[b-z6a9m5qoqd] {
        min-width: 132px;
    }

    .acm-col-action[b-z6a9m5qoqd] {
        width: 82px;
        min-width: 82px;
    }

    .acm-group td[b-z6a9m5qoqd] {
        padding: 10px 12px;
    }

    .acm-inspector .ngds-card__body[b-z6a9m5qoqd] {
        padding: 12px;
    }

    .acm-inspector-section__head[b-z6a9m5qoqd] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .acm-inspector-section__meta[b-z6a9m5qoqd] {
        text-align: left;
    }
}
/* /Components/Pages/Instructor/ContentCreation/Project/QuizQuestionEvidenceLinker.razor.rz.scp.css */
.acm-quizlinker[b-kfh12c3tes] {
    display: grid;
    gap: 12px;
}

.acm-quizlinker__head[b-kfh12c3tes] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.acm-quizlinker__form[b-kfh12c3tes] {
    display: grid;
    gap: 12px;
}

.acm-quizlinker__summary[b-kfh12c3tes] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.acm-quizlinker__list[b-kfh12c3tes] {
    display: grid;
    gap: 8px;
    max-height: min(420px, 52vh);
    overflow: auto;
    padding-right: 2px;
}

.acm-quizlinker__actions[b-kfh12c3tes] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}

.acm-quizlinker__more[b-kfh12c3tes] {
    text-align: center;
}

.acm-quizcandidate__title[b-kfh12c3tes] {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.25;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.acm-quizcandidate__meta[b-kfh12c3tes] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.acm-quizlinker[b-kfh12c3tes]  .acm-quizcandidate .ngds-card {
    border-radius: 12px;
}

    .acm-quizlinker[b-kfh12c3tes]  .acm-quizcandidate.is-selected .ngds-card,
    .acm-quizlinker[b-kfh12c3tes]  .acm-quizcandidate .ngds-card.is-selected {
        box-shadow: 0 0 0 2px rgba(37, 99, 235, .18);
    }

@media (max-width: 576px) {
    .acm-quizlinker__head[b-kfh12c3tes] {
        display: grid;
    }

    .acm-quizlinker__actions[b-kfh12c3tes] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Instructor/ContentCreation/Project/TaskHostView.razor.rz.scp.css */
/* TaskHostView.razor.css */

/* KPI icon remains to the right, matching the dashboard layout. */
.task-host__kpi .ngds-stat[b-eapfzoujam] {
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 12px;
}

.task-host__kpi .ngds-stat__body[b-eapfzoujam] {
    order: 1;
}

.task-host__kpi .ngds-stat__media[b-eapfzoujam] {
    order: 2;
    justify-content: flex-end;
}

.task-host__kpi .ngds-ic[b-eapfzoujam] {
    width: 32px;
    height: 32px;
    border: 0;
}

/* Compact list rather than card-like, two-line activity summaries. */
.task-host__activity-list[b-eapfzoujam] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.task-host__activity.ngds-card[b-eapfzoujam] {
    box-shadow: none;
}

    .task-host__activity.ngds-card:hover[b-eapfzoujam] {
        border-color: #cbd5e1;
    }

.task-host__activity.is-selected[b-eapfzoujam] {
    border-color: var(--ngds-primary);
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.12);
}

.task-host__activity-body.ngds-card__body[b-eapfzoujam] {
    padding: 10px 14px;
}

/*
   One desktop row:
   chevron | position | title | metadata | health
*/
.task-host__activity-summary[b-eapfzoujam] {
    display: grid;
    grid-template-columns: 28px 30px minmax(180px, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.task-host__activity-toggle.ngds-actionbtn[b-eapfzoujam] {
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
    padding: 0;
    border-color: transparent;
    background: transparent;
    color: var(--ngds-text-secondary);
}

    .task-host__activity-toggle.ngds-actionbtn:hover[b-eapfzoujam] {
        border-color: var(--border);
        background: var(--ngds-surface-subtle);
    }

.task-host__activity-position.ngds-chip[b-eapfzoujam] {
    width: 26px;
    min-width: 26px;
    height: 22px;
    justify-content: center;
    padding: 0;
    font-size: 12px;
}

.task-host__activity-title[b-eapfzoujam] {
    min-width: 0;
    overflow: hidden;
    color: var(--ngds-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-host__activity-metrics[b-eapfzoujam] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--ngds-text-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.task-host__activity-status[b-eapfzoujam] {
    justify-self: end;
    white-space: nowrap;
}

/* Expanded state: full-width detail below the compact row. */
.task-host__activity-detail[b-eapfzoujam] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--ngds-divider);
}

.task-host__activity-description[b-eapfzoujam] {
    color: var(--ngds-text-secondary);
    font-size: 13px;
    line-height: 1.45;
}

.task-host__detail-label[b-eapfzoujam],
.task-host__detail-heading[b-eapfzoujam] {
    color: var(--ngds-text);
    font-size: 13px;
    font-weight: 700;
}

.task-host__detail-heading[b-eapfzoujam] {
    margin-top: 2px;
}

.task-host__criteria-table[b-eapfzoujam] {
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: var(--ngds-radius);
}

    .task-host__criteria-table .table.ngds-table thead th[b-eapfzoujam],
    .task-host__criteria-table .table.ngds-table tbody td[b-eapfzoujam] {
        padding-top: 7px;
        padding-bottom: 7px;
    }

.task-host__detail-footer[b-eapfzoujam] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Small screens can wrap naturally; desktop retains a single list row. */
@media (max-width: 767.98px) {
    .task-host__activity-summary[b-eapfzoujam] {
        grid-template-columns: 28px 30px minmax(0, 1fr) auto;
        gap: 8px;
    }

    .task-host__activity-title[b-eapfzoujam] {
        white-space: normal;
    }

    .task-host__activity-metrics[b-eapfzoujam] {
        grid-column: 3 / -1;
        grid-row: 2;
        padding-bottom: 2px;
    }

    .task-host__activity-status[b-eapfzoujam] {
        grid-column: 4;
        grid-row: 1;
    }
}

@media (max-width: 575.98px) {
    .task-host__activity-body.ngds-card__body[b-eapfzoujam] {
        padding: 10px 12px;
    }

    .task-host__activity-metrics[b-eapfzoujam] {
        font-size: 11px;
    }
}
/* /Components/Pages/Instructor/ContentCreation/Quiz/QBankCourse.razor.rz.scp.css */
.showMe[b-x0dhd4tfyn] {
    animation: cssAnimation-b-x0dhd4tfyn 0s 1s forwards;
    visibility: hidden;
}

@keyframes cssAnimation-b-x0dhd4tfyn {
    to {
        visibility: visible;
    }
}
/* /Components/Pages/Instructor/ExamStudents.razor.rz.scp.css */
/* File: ExamStudents.razor.css */
/* OPT: SSR 8.4→9.8 SAFE LOCAL UI */

.exs-surface[b-odhtn8vdu3] {
    width: 100%;
    min-width: 0;
    background: var(--surface, #fff);
}

.exs-toolbar[b-odhtn8vdu3] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.exs-backlink[b-odhtn8vdu3] {
    white-space: nowrap;
}

.exs-loading[b-odhtn8vdu3] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.exs-empty[b-odhtn8vdu3] {
    min-height: 260px;
    padding: 1.25rem;
}

.exs-empty__reason[b-odhtn8vdu3] {
    max-width: 640px;
    margin: 1rem auto 0;
    padding: .85rem 1rem;
    border: 1px solid var(--ngds-warning-border, #f1d79e);
    border-radius: 12px;
    background: var(--ngds-warning-bg, #fff7db);
    color: #7a4b00;
    text-align: center;
    font-size: .92rem;
}

.exs-list[b-odhtn8vdu3] {
    width: 100%;
    padding: .35rem .5rem .5rem;
}

.exs-rowlink[b-odhtn8vdu3] {
    display: block;
    color: inherit;
    text-decoration: none;
}

    .exs-rowlink:hover[b-odhtn8vdu3],
    .exs-rowlink:focus[b-odhtn8vdu3] {
        color: inherit;
        text-decoration: none;
    }

    .exs-rowlink:focus-visible[b-odhtn8vdu3] {
        outline: 2px solid var(--ngds-primary, #2563eb);
        outline-offset: 2px;
        border-radius: 12px;
    }

.exs-row[b-odhtn8vdu3] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .85rem .75rem;
    border-bottom: 1px solid var(--ngds-divider, #eef2f6);
    transition: background-color 140ms ease;
}

    .exs-row:hover[b-odhtn8vdu3] {
        background: var(--ngds-hover, rgba(16, 24, 40, .02));
    }

.exs-row__status[b-odhtn8vdu3] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.exs-icon[b-odhtn8vdu3] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border, #e6eaf0);
    border-radius: 10px;
    background: var(--ngds-surface-subtle, #f8fafc);
    color: var(--ngds-text-muted, #667085);
}

.exs-icon--complete[b-odhtn8vdu3] {
    background: var(--ngds-success-bg, #dcfce7);
    border-color: var(--ngds-success-border, #bbf7d0);
    color: var(--ngds-success, #16a34a);
}

.exs-icon--pending[b-odhtn8vdu3] {
    background: var(--ngds-surface-subtle, #f8fafc);
}

.exs-row__main[b-odhtn8vdu3] {
    min-width: 0;
}

.exs-row__title[b-odhtn8vdu3] {
    margin: 0;
    overflow: hidden;
    color: var(--ngds-text, #101828);
    font-size: .98rem;
    font-weight: 750;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.exs-row__id[b-odhtn8vdu3] {
    color: var(--ngds-text-secondary, #475467);
    font-weight: 600;
}

.exs-row__meta[b-odhtn8vdu3] {
    margin-top: .35rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem .85rem;
    color: var(--ngds-text-muted, #667085);
    font-size: .86rem;
    line-height: 1.35;
}

.exs-row__result[b-odhtn8vdu3] {
    min-width: 120px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    color: var(--ngds-text, #101828);
    font-size: .92rem;
    font-weight: 750;
    white-space: nowrap;
}

.exs-result--complete[b-odhtn8vdu3] {
    color: var(--ngds-success, #16a34a);
}

.exs-result--pending[b-odhtn8vdu3] {
    color: var(--ngds-text-secondary, #475467);
}

.exs-row__chevron[b-odhtn8vdu3] {
    color: var(--ngds-text-muted, #667085);
}

@media (max-width: 575.98px) {
    .exs-toolbar[b-odhtn8vdu3] {
        width: 100%;
        justify-content: flex-start;
    }

    .exs-row[b-odhtn8vdu3] {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: .6rem;
        padding: .8rem .55rem;
    }

    .exs-icon[b-odhtn8vdu3] {
        width: 32px;
        height: 32px;
    }

    .exs-row__title[b-odhtn8vdu3] {
        white-space: normal;
    }

    .exs-row__result[b-odhtn8vdu3] {
        grid-column: 2;
        justify-content: flex-start;
        min-width: 0;
    }

    .exs-empty[b-odhtn8vdu3] {
        min-height: 230px;
        padding: 1rem .75rem;
    }
}
/* /Components/Pages/Student/Exam.razor.rz.scp.css */
.showMe[b-xc22uljil5] {
    animation: cssAnimation-b-xc22uljil5 0s 1s forwards;
    visibility: hidden;
}

@keyframes cssAnimation-b-xc22uljil5 {
    to {
        visibility: visible;
    }
}
/* /Components/Pages/Student/ExamModule.razor.rz.scp.css */
.showMe[b-a4bc8xdckv] {
    animation: cssAnimation-b-a4bc8xdckv 0s 1s forwards;
    visibility: hidden;
}

@keyframes cssAnimation-b-a4bc8xdckv {
    to {
        visibility: visible;
    }
}
/* /Components/Pages/Student/ExamModule2.razor.rz.scp.css */
.showMe[b-aec7htas96] {
    animation: cssAnimation-b-aec7htas96 0s 1s forwards;
    visibility: hidden;
}

@keyframes cssAnimation-b-aec7htas96 {
    to {
        visibility: visible;
    }
}

.overlay-warning[b-aec7htas96] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8); /* semi-transparent white */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
/* /Components/Pages/Student/ExamModuleReport.razor.rz.scp.css */
.showMe[b-ugp13olvsw] {
    animation: cssAnimation-b-ugp13olvsw 0s 1s forwards;
    visibility: hidden;
}

@keyframes cssAnimation-b-ugp13olvsw {
    to {
        visibility: visible;
    }
}
/* /Components/Pages/Wizards/CourseOutline/CourseOutlineWizardModules.razor.rz.scp.css */
/* File: CourseOutlineWizardModules.razor.css */

/*
   This stylesheet is isolated to CourseOutlineWizardModules.razor.
   NavCourseModulesCreate.razor remains untouched.
*/

.course-outline-create[b-izg4rh3z9k] {
    width: 100%;
}

.course-outline-create__loading[b-izg4rh3z9k] {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-outline-board[b-izg4rh3z9k] {
    display: grid;
    gap: 18px;
    padding: 18px 22px 26px;
}

/* Badge grouping */
.course-outline-badge-group[b-izg4rh3z9k] {
    display: grid;
    gap: 12px;
}

.course-outline-badge-group__header[b-izg4rh3z9k] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding: 2px 2px 0;
}

.course-outline-badge-group__titleblock[b-izg4rh3z9k] {
    min-width: 0;
}

.course-outline-badge-group__eyebrow[b-izg4rh3z9k] {
    color: var(--ngds-text-muted, #667085);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.1;
    text-transform: uppercase;
}

.course-outline-badge-group__title[b-izg4rh3z9k] {
    margin: 3px 0 0;
    color: var(--ngds-text, #101828);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.25;
}

.course-outline-badge-group__meta[b-izg4rh3z9k] {
    color: var(--ngds-text-muted, #667085);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.2;
    white-space: nowrap;
}

.course-outline-badge-group__body[b-izg4rh3z9k] {
    display: grid;
    gap: 14px;
}

/* Chapter card */
.course-outline-group[b-izg4rh3z9k] {
    border: 1px solid var(--border, #E6EAF0);
    border-radius: var(--ngds-radius, 8px);
    background: var(--surface, #FFFFFF);
    overflow: hidden;
    box-shadow: var(--ngds-shadow-card, 0 1px 2px rgba(16, 24, 40, .04));
}

.course-outline-group__header[b-izg4rh3z9k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--ngds-divider, #EEF2F6);
    background: var(--ngds-surface-subtle, #F8FAFC);
}

.course-outline-group__titleblock[b-izg4rh3z9k] {
    min-width: 0;
}

.course-outline-group__title[b-izg4rh3z9k] {
    margin: 0;
    color: var(--ngds-text, #101828);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

.course-outline-group__meta[b-izg4rh3z9k] {
    margin-top: 2px;
    color: var(--ngds-text-muted, #667085);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

/* Rows */
.course-outline-list[b-izg4rh3z9k] {
    display: grid;
}

.course-outline-row[b-izg4rh3z9k] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto 40px;
    gap: 12px;
    align-items: center;
    padding: 11px 16px;
    border-bottom: 1px solid var(--ngds-divider, #EEF2F6);
}

    .course-outline-row:last-child[b-izg4rh3z9k] {
        border-bottom: 0;
    }

    .course-outline-row:hover[b-izg4rh3z9k] {
        background: var(--ngds-hover, rgba(16, 24, 40, .02));
    }

.course-outline-row__icon[b-izg4rh3z9k] {
    width: 30px;
    height: 30px;
    border-radius: var(--ngds-radius-pill, 999px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--ngds-primary-subtle, #EFF6FF);
    color: var(--ngds-primary, #2563EB);
    border: 1px solid rgba(37, 99, 235, .14);
    flex: 0 0 auto;
}

    .course-outline-row__icon .oi[b-izg4rh3z9k] {
        font-size: 13px;
        line-height: 1;
    }

.course-outline-row__main[b-izg4rh3z9k] {
    min-width: 0;
}

.course-outline-row__titlebtn[b-izg4rh3z9k] {
    display: inline-block;
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ngds-primary, #2563EB);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.25;
    text-align: left;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

    .course-outline-row__titlebtn:hover[b-izg4rh3z9k] {
        color: var(--ngds-primary-hover, #1D4ED8);
        text-decoration: underline;
    }

    .course-outline-row__titlebtn:focus-visible[b-izg4rh3z9k] {
        outline: 2px solid var(--ngds-primary, #2563EB);
        outline-offset: 3px;
        border-radius: var(--ngds-radius-focus, 6px);
    }

.course-outline-row__sub[b-izg4rh3z9k] {
    margin-top: 2px;
    color: var(--ngds-text-muted, #667085);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

.course-outline-row__status[b-izg4rh3z9k] {
    justify-self: end;
    min-width: 0;
}

.course-outline-status[b-izg4rh3z9k] {
    gap: 6px;
}

.course-outline-status__icon[b-izg4rh3z9k] {
    font-size: 11px;
    line-height: 1;
}

.course-outline-row__actions[b-izg4rh3z9k] {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 36px;
}

.course-outline-action[b-izg4rh3z9k] {
    width: 32px;
    height: 32px;
    padding: 0;
}

    .course-outline-action .oi[b-izg4rh3z9k] {
        font-size: 13px;
        line-height: 1;
    }

.course-outline-create__fab[b-izg4rh3z9k] {
    box-shadow: 0 12px 24px rgba(16, 24, 40, .14);
}

/* Empty state */
.course-outline-empty[b-izg4rh3z9k] {
    margin: 18px 22px 26px;
    padding: 18px;
    border: 1px dashed var(--border, #E6EAF0);
    border-radius: var(--ngds-radius, 8px);
    background: var(--surface, #FFFFFF);
    display: flex;
    align-items: center;
    gap: 14px;
}

.course-outline-empty__icon[b-izg4rh3z9k] {
    width: 38px;
    height: 38px;
    border-radius: var(--ngds-radius-pill, 999px);
    border: 1px solid var(--border, #E6EAF0);
    background: var(--ngds-surface-subtle, #F8FAFC);
    color: var(--ngds-text-muted, #667085);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.course-outline-empty__title[b-izg4rh3z9k] {
    color: var(--ngds-text, #101828);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

.course-outline-empty__text[b-izg4rh3z9k] {
    margin-top: 2px;
    color: var(--ngds-text-muted, #667085);
    font-size: 13px;
    line-height: 1.35;
}

/* Mobile */
@media (max-width: 767.98px) {
    .course-outline-board[b-izg4rh3z9k] {
        padding: 14px 12px 22px;
        gap: 14px;
    }

    .course-outline-badge-group__header[b-izg4rh3z9k] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .course-outline-badge-group__meta[b-izg4rh3z9k] {
        white-space: normal;
    }

    .course-outline-group__header[b-izg4rh3z9k] {
        padding: 11px 12px;
    }

    .course-outline-row[b-izg4rh3z9k] {
        grid-template-columns: 32px minmax(0, 1fr) 36px;
        gap: 10px;
        padding: 11px 12px;
    }

    .course-outline-row__status[b-izg4rh3z9k] {
        grid-column: 2;
        justify-self: start;
        margin-top: 4px;
    }

    .course-outline-row__actions[b-izg4rh3z9k] {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: center;
    }

    .course-outline-row__titlebtn[b-izg4rh3z9k] {
        white-space: normal;
    }

    .course-outline-empty[b-izg4rh3z9k] {
        margin: 14px 12px 22px;
        align-items: flex-start;
    }
}
/* /Components/Pages/Wizards/LearningOutcomes/LearningOutcomeCreation.razor.rz.scp.css */
/* File: LearningOutcomeCreation.razor.css */

/*
   CSS isolation note:
   ::deep is required because the submit button and NGDS card body
   are rendered inside BulkGridEditor.
*/

.learning-outcome-creation.record-blocked[b-dkdjnby661]  button[type="submit"] {
    display: none;
}

/* Component root */

.learning-outcome-creation[b-dkdjnby661] {
    counter-reset: lo-review-row;
    min-width: 0;
}

    /*
   Improve the inner editor spacing without changing BulkGridEditor logic.
*/

    .learning-outcome-creation[b-dkdjnby661]  .ngds-card__body {
        padding: 14px 18px;
    }

    /* Edit mode */

    .learning-outcome-creation .lo-edit-row[b-dkdjnby661] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(240px, 0.34fr);
        gap: 14px;
        align-items: start;
    }

    .learning-outcome-creation .lo-edit-row__main[b-dkdjnby661],
    .learning-outcome-creation .lo-edit-row__skill[b-dkdjnby661] {
        min-width: 0;
    }

    .learning-outcome-creation .lo-textarea[b-dkdjnby661] {
        min-height: 96px;
        resize: vertical;
    }

    /* Review list */

    .learning-outcome-creation .lo-review-row[b-dkdjnby661] {
        counter-increment: lo-review-row;
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        column-gap: 14px;
        align-items: start;
        padding: 13px 0;
        border-bottom: 1px solid var(--ngds-divider, #EEF2F6);
    }

        .learning-outcome-creation .lo-review-row:last-child[b-dkdjnby661] {
            border-bottom: 0;
        }

    /* Number bubble */

    .learning-outcome-creation .lo-review-row__index[b-dkdjnby661] {
        width: 28px;
        height: 28px;
        margin-top: 1px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        color: var(--ngds-text-secondary, #475467);
        background: var(--ngds-surface-subtle, #F8FAFC);
        border: 1px solid var(--border, #E6EAF0);
        border-radius: var(--ngds-radius-pill, 999px);
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        font-variant-numeric: tabular-nums;
        transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease;
    }

        .learning-outcome-creation .lo-review-row__index[b-dkdjnby661]::before {
            content: counter(lo-review-row);
        }

    .learning-outcome-creation .lo-review-row__body[b-dkdjnby661] {
        min-width: 0;
    }

    /* Outcome statement */

    .learning-outcome-creation .lo-review-row__outcome[b-dkdjnby661] {
        max-width: none;
        overflow-wrap: anywhere;
        color: var(--ngds-text, #101828);
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0.005em;
    }

    /*
   Read-only primary skill metadata.

   The treatment is intentionally distinct but restrained:
   - soft blue tint
   - subtle border
   - narrow left accent
   - no shadow
   - no hover effect

   This keeps the skill easy to scan without making it resemble
   a button, filter, or clickable chip.
*/

    .learning-outcome-creation .lo-review-row__skill[b-dkdjnby661] {
        grid-column: 2;
        min-width: 0;
        display: inline-flex;
        align-items: center;
        justify-self: start;
        gap: 8px;
        max-width: 100%;
        margin-top: 8px;
        padding: 5px 9px 5px 8px;
        background: rgba(37, 99, 235, 0.05);
        border: 1px solid rgba(37, 99, 235, 0.12);
        border-left: 2px solid rgba(37, 99, 235, 0.42);
        border-radius: 6px;
    }

    .learning-outcome-creation .lo-review-row__skill-label[b-dkdjnby661] {
        flex: 0 0 auto;
        color: var(--ngds-text-muted, #667085);
        font-size: 10px;
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: 0.035em;
        text-transform: uppercase;
    }

    .learning-outcome-creation .lo-review-row__skill-value[b-dkdjnby661] {
        min-width: 0;
        overflow-wrap: anywhere;
        color: var(--ngds-text-secondary, #475467);
        font-size: 12px;
        font-weight: 600;
        line-height: 1.35;
    }

    /*
   Quiet row feedback. Only the number marker changes on hover.
   The skill metadata remains visually stable and non-interactive.
*/

    .learning-outcome-creation .lo-review-row:hover .lo-review-row__index[b-dkdjnby661] {
        color: var(--ngds-primary-hover, #1D4ED8);
        background: var(--ngds-primary-subtle, #EFF6FF);
        border-color: rgba(37, 99, 235, 0.28);
    }

/* Reduced motion */

@media (prefers-reduced-motion: reduce) {
    .learning-outcome-creation .lo-review-row__index[b-dkdjnby661] {
        transition: none;
    }
}

/* Mobile */

@media (max-width: 767.98px) {
    .learning-outcome-creation[b-dkdjnby661]  .ngds-card__body {
        padding: 12px 14px;
    }

    .learning-outcome-creation .lo-edit-row[b-dkdjnby661] {
        grid-template-columns: minmax(0, 1fr);
    }

    .learning-outcome-creation .lo-review-row[b-dkdjnby661] {
        grid-template-columns: 30px minmax(0, 1fr);
        column-gap: 12px;
        padding: 12px 0;
    }

    .learning-outcome-creation .lo-review-row__index[b-dkdjnby661] {
        width: 26px;
        height: 26px;
    }

    .learning-outcome-creation .lo-review-row__skill[b-dkdjnby661] {
        grid-column: 2;
        align-items: flex-start;
        gap: 6px;
    }
}

@media (max-width: 575.98px) {
    .learning-outcome-creation .lo-review-row__skill[b-dkdjnby661] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        justify-self: stretch;
        gap: 2px;
        padding: 7px 9px;
    }

    .learning-outcome-creation .lo-review-row__skill-label[b-dkdjnby661],
    .learning-outcome-creation .lo-review-row__skill-value[b-dkdjnby661] {
        line-height: 1.35;
    }
}
/* /Components/Shared/Certificate.razor.rz.scp.css */
.container[b-ueo8br29vs] {
    position: relative;
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
}

.certificate[b-ueo8br29vs] {
    background-color: #f8f9fa;
    color: #343a40;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.logo[b-ueo8br29vs] {
    height: 100px;
}

.border-double[b-ueo8br29vs] {
    border-style: double;
}

.certificate-number[b-ueo8br29vs] {
    display: inline-block;
    margin-top: 1rem;
    font-size: 1.1rem;
}

@media screen and (max-width: 600px) {
    .container[b-ueo8br29vs] {
        width: 100%;
    }

    .certificate[b-ueo8br29vs] {
        width: 100%;
    }
}
/* /Components/Shared/Upload/UploadDropZone.razor.rz.scp.css */
/* File: UploadDropZone.razor.css */
/* SSR-safe isolated styling for UploadDropZone. */

.ngds-uploadzone[b-ftqhxd8v1m] {
    min-height: var(--ngds-uploadzone-min-height, 200px);
    padding: 1.5rem;
    border: 2px dashed var(--ngds-primary, #2563eb);
    border-radius: var(--ngds-radius, 8px);
    background: var(--ngds-surface-subtle, #f8fafc);
    color: var(--ngds-text, #101828);
    box-shadow: var(--ngds-shadow-card, 0 1px 2px rgba(16, 24, 40, .04));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    text-align: center;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, opacity 150ms ease;
}

    .ngds-uploadzone:not(.ngds-uploadzone--disabled):hover[b-ftqhxd8v1m] {
        border-color: var(--ngds-primary-hover, #1d4ed8);
        background: var(--ngds-primary-subtle, #eff6ff);
    }

.ngds-uploadzone--drag-over[b-ftqhxd8v1m] {
    border-color: var(--ngds-success, #16a34a) !important;
    background: var(--ngds-success-bg, #dcfce7) !important;
}

.ngds-uploadzone--compact[b-ftqhxd8v1m] {
    min-height: 150px;
    padding: 1rem;
}

.ngds-uploadzone--busy[b-ftqhxd8v1m] {
    opacity: .88;
}

.ngds-uploadzone--disabled[b-ftqhxd8v1m] {
    opacity: .65;
}

.ngds-uploadzone--error[b-ftqhxd8v1m] {
    border-color: var(--ngds-danger, #e11d48);
    background: var(--ngds-danger-bg, #fce7ef);
}

.ngds-uploadzone__icon[b-ftqhxd8v1m] {
    font-size: 3rem;
    color: var(--ngds-primary, #2563eb);
    line-height: 1;
}

.ngds-uploadzone__title[b-ftqhxd8v1m] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ngds-text, #101828);
    line-height: 1.25;
}

.ngds-uploadzone__instructions[b-ftqhxd8v1m] {
    color: var(--ngds-text-secondary, #475467);
    font-size: .9rem;
    line-height: 1.45;
}

.ngds-uploadzone__rules[b-ftqhxd8v1m] {
    margin-top: .35rem;
    display: grid;
    gap: .1rem;
    color: var(--ngds-text-muted, #667085);
    font-size: .8rem;
    font-weight: 600;
}

.ngds-uploadzone__help[b-ftqhxd8v1m] {
    margin-top: .35rem;
    color: var(--ngds-text-muted, #667085);
    font-size: .8rem;
}

.ngds-uploadzone__select[b-ftqhxd8v1m] {
    min-width: 200px;
}

    .ngds-uploadzone__select[aria-disabled="true"][b-ftqhxd8v1m] {
        pointer-events: none;
        opacity: .65;
    }

.ngds-uploadzone__file[b-ftqhxd8v1m] {
    max-width: min(100%, 420px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    color: var(--ngds-text-muted, #667085);
    font-size: .85rem;
}

@media (max-width: 576px) {
    .ngds-uploadzone[b-ftqhxd8v1m] {
        min-height: 170px;
        padding: 1rem;
    }

    .ngds-uploadzone__select[b-ftqhxd8v1m] {
        width: 100%;
        min-width: 0;
    }

    .ngds-uploadzone__icon[b-ftqhxd8v1m] {
        font-size: 2.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ngds-uploadzone[b-ftqhxd8v1m] {
        transition: none;
    }
}