@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.mm3aqpuyun.bundle.scp.css';

/* _content/CareerPathways.Web/Components/Layouts/AdminLayout.razor.rz.scp.css */

    
.page[b-nfwuy0s78q] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-nfwuy0s78q] {
    flex: 1;
}

.sidebar[b-nfwuy0s78q] {
    background-color: #2d3748;
    z-index: 100;
}

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

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

    .top-row[b-nfwuy0s78q]  a:hover, .top-row[b-nfwuy0s78q]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-nfwuy0s78q] {
        justify-content: space-between;
    }

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

    .top-row[b-nfwuy0s78q] {
        position: absolute;
        top: 0px;
        right: 0;
        background: none;
        border: 0;
        padding: 1rem !important;
        z-index: 100;
    }

}

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

    .sidebar[b-nfwuy0s78q] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-nfwuy0s78q] {
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .top-row.auth[b-nfwuy0s78q]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-nfwuy0s78q], article[b-nfwuy0s78q] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-nfwuy0s78q] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-nfwuy0s78q] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


.profile_info[b-nfwuy0s78q] {
    width: 340px;
    background: #fff;
    padding:0 !important;
    box-shadow: 0px 2px 4px rgba(18, 51, 76, 0.05), 0px 2px 16px rgba(18, 51, 76, 0.1);
    border:0;
}

    .profile_info .profile-user[b-nfwuy0s78q] {
        max-height: 99px;
        padding: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
    }

        .profile_info .profile-user > .info-container[b-nfwuy0s78q] {
            display: flex;
            width: 100%;
            height: 100%;
        }

            .profile_info .profile-user > .info-container > .profile-avatar[b-nfwuy0s78q] {
                align-self: flex-start;
            }

                .profile_info .profile-user > .info-container > .profile-avatar > .preview_pic[b-nfwuy0s78q] {
                    margin-left: 8px;
                    border-radius: 50%;
                    width: 56px;
                    height: 56px;
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    margin-right: 25px;
                }

            .profile_info .profile-user > .info-container > .profile-details[b-nfwuy0s78q] {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }

                .profile_info .profile-user > .info-container > .profile-details > .user-name[b-nfwuy0s78q] {
                    font-size: 16px;
                    font-weight: 600;
                    margin: 0;
                    max-width: 208px;
                }

                .profile_info .profile-user > .info-container > .profile-details > .user-email[b-nfwuy0s78q] {
                    font-size: 12px;
                    font-weight: 400;
                    max-width: 208px;
                    color: #3b4854;
                    line-height: 18px;
                    margin-top: 2px;
                    line-break: anywhere;
                    max-width: 208px;
                }

                .profile_info .profile-user > .info-container > .profile-details > a.link[b-nfwuy0s78q] {
                    display: flex;
                    padding: 0;
                    font-size: 14px;
                    font-weight: 500;
                    color: #2e66d0;
                    margin-top: 4px;
                    margin-left: 0;
                }

    .profile_info .separator[b-nfwuy0s78q] {
        border-color: #c9d3db;
        border-bottom: 1px solid #c9d3db;
        display: block;
        padding: 0;
        margin: 0;
        height: 0;
    }


    .profile_info .profile-actions[b-nfwuy0s78q] {
        padding: 8px 0;
    }

        .profile_info .profile-actions > .action-container[b-nfwuy0s78q] {
            display: flex;
            align-items: center;
            position: relative;
            margin: 0;
        }

            .profile_info .profile-actions > .action-container:hover[b-nfwuy0s78q] {
                background: #f7f7f7;
                cursor: pointer;
            }

    .profile_info a.link[b-nfwuy0s78q] {
        display: block;
        padding: 9px 12px;
        color: #27313b;
        text-decoration: none;
    }

        .profile_info a.link:hover[b-nfwuy0s78q] {
            color: #2e66d0;
        }

    .profile_info .profile-actions > .action-container i[b-nfwuy0s78q] {
        width: 18px;
        height: 18px;
        margin-left: 24px;
        margin-right: 24px;
        font-size: 18px;
        text-align: center;
        color: #3b4854;
    }

    .profile_info .link[b-nfwuy0s78q], .profile_info h5[b-nfwuy0s78q], .profile_info .profile-user[b-nfwuy0s78q] {
        font-size: 14px;
    }
/* _content/CareerPathways.Web/Components/Layouts/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-tl16zoyqx1] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-tl16zoyqx1] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-tl16zoyqx1] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-tl16zoyqx1] {
    font-size: 1.1rem;
    padding: 0 !important;
    margin: 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}


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

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

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

    .nav-item[b-tl16zoyqx1]  a {
        color: #d7d7d7;
        border-radius: 5px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

    /*.nav-item span[class^="fa-"] {
        padding-right: 0.5rem;
    }*/

.nav-item[b-tl16zoyqx1]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

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

.nav-scrollable[b-tl16zoyqx1] {
    display: none;
    position: fixed;
    background: #2d3748;
    z-index: 1000;
    bottom: 0px;
    top: 56px;
    overflow: auto;
}

.navbar-toggler:checked ~ .nav-scrollable[b-tl16zoyqx1] {
    display: block;
}


.nav-link .sub[b-tl16zoyqx1], .nav-item .sub[b-tl16zoyqx1]{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 140px;
}

.nav-open .backdrop[b-tl16zoyqx1] {
    position: fixed;
    top: 56px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .5);
    z-index: 1;
}

@media (min-width: 641px) {
    .navbar-toggler[b-tl16zoyqx1] {
        display: none;
    }

    .nav-scrollable[b-tl16zoyqx1] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .nav-open .backdrop[b-tl16zoyqx1] {
        display: none;
    }
}


/* Chrome / Edge / Safari */
.nav-scrollable[b-tl16zoyqx1]::-webkit-scrollbar {
    width: 8px;
}

.nav-scrollable[b-tl16zoyqx1]::-webkit-scrollbar-track {
    background: transparent; /* or set to any color */
}

.nav-scrollable[b-tl16zoyqx1]::-webkit-scrollbar-thumb {
    background-color: rgb(247 247 247);
    border-radius: 6px;
}

/* Firefox */
.nav-scrollable[b-tl16zoyqx1] {
    scrollbar-width: thin;
    scrollbar-color: rgb(247, 247, 247, 1) transparent;
}

/* _content/CareerPathways.Web/Components/Layouts/PublicLayout.razor.rz.scp.css */
.page[b-ggdjz9x1gi] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ggdjz9x1gi] {
    flex: 1;
}

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

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

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

    .top-row[b-ggdjz9x1gi]  a:hover, .top-row[b-ggdjz9x1gi]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-ggdjz9x1gi] {
        justify-content: space-between;
    }

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

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

    .sidebar[b-ggdjz9x1gi] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

    .top-row.auth[b-ggdjz9x1gi]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ggdjz9x1gi], article[b-ggdjz9x1gi] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-ggdjz9x1gi] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ggdjz9x1gi] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/CareerPathways.Web/Components/Pages/Admin/CatalogHub.razor.rz.scp.css */
.nav-tabs-custom[b-j6wk2iqvtp] {
    display: flex;
    gap: 2rem;
    border-bottom: 2px solid #dee2e6;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Use ::deep to reach into the NavLink component */
[b-j6wk2iqvtp] .nav-tabs-custom .nav-link {
    color: #6c757d;
    text-decoration: none;
    padding: 1rem 0;
    font-weight: 600;
    border-bottom: 3px solid transparent;
    transition: all 0.2s;
    font-size: 0.95rem;
}

    [b-j6wk2iqvtp] .nav-tabs-custom .nav-link:hover {
        color: #0d6efd;
    }

    [b-j6wk2iqvtp] .nav-tabs-custom .nav-link.active {
        color: #0d6efd !important;
        border-bottom-color: #0d6efd !important;
    }
/* _content/CareerPathways.Web/Components/Pages/Admin/ClusterPrograms.razor.rz.scp.css */
/* _content/CareerPathways.Web/Components/Pages/Admin/Dashboard.razor.rz.scp.css */
.dashboard-card[b-yozm5zg6qd] {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    border-radius: 0.75rem;
    transition: transform 0.2s ease-in-out;
    background-color: #fff;
}

    .dashboard-card:hover[b-yozm5zg6qd] {
        transform: translateY(-4px);
    }

.dashboard-grid .card[b-yozm5zg6qd] {
    min-height: 150px;
}

.dashboard-insights[b-yozm5zg6qd] {
    padding-top: 0.5rem;
}

.dashboard-insight-card[b-yozm5zg6qd] {
    border: 1px solid #e6ecf5;
}

.dashboard-insights-badge[b-yozm5zg6qd] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.9rem;
    border: 1px solid #d8e2f0;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #1f3b63;
    font-size: 0.95rem;
    font-weight: 600;
}

.dashboard-section-label[b-yozm5zg6qd] {
    color: #5e718d;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.35rem;
}

.dashboard-pill-group[b-yozm5zg6qd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.dashboard-pill[b-yozm5zg6qd] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: #f4f7fb;
    color: #27476f;
    font-size: 0.88rem;
    font-weight: 600;
}

.dashboard-pill-success[b-yozm5zg6qd] {
    background: #ebfaf2;
    color: #1b7a45;
}

.dashboard-pill-warning[b-yozm5zg6qd] {
    background: #fff7e8;
    color: #a66100;
}

.dashboard-pill-info[b-yozm5zg6qd] {
    background: #eef5ff;
    color: #1f5fbf;
}

.dashboard-mini-stat[b-yozm5zg6qd] {
    height: 100%;
    padding: 1rem;
    border: 1px solid #e7eef7;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.dashboard-mini-label[b-yozm5zg6qd] {
    display: block;
    color: #62748d;
    font-size: 0.82rem;
    margin-bottom: 0.35rem;
}

.dashboard-mini-stat strong[b-yozm5zg6qd] {
    color: #0f2747;
    font-size: 1.6rem;
    line-height: 1;
}

.dashboard-progress-panel[b-yozm5zg6qd],
.dashboard-quick-wins[b-yozm5zg6qd] {
    height: 100%;
    padding: 1rem;
    border-radius: 1rem;
    background: #fbfdff;
    border: 1px solid #e7eef7;
}

.dashboard-progress-value[b-yozm5zg6qd] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #0f2747;
}

.dashboard-progress-bar[b-yozm5zg6qd] {
    height: 0.85rem;
    border-radius: 999px;
    background: #e8eef5;
    overflow: hidden;
}

.dashboard-progress-bar .progress-bar[b-yozm5zg6qd] {
    background: linear-gradient(90deg, #1f6ef2 0%, #2aa4f4 100%);
    border-radius: 999px;
}

.quick-win-row[b-yozm5zg6qd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 0;
    border-top: 1px solid #e9eff7;
}

.quick-win-row:first-child[b-yozm5zg6qd] {
    border-top: 0;
    padding-top: 0;
}

.quick-win-title[b-yozm5zg6qd] {
    font-weight: 700;
    color: #102848;
}

.quick-win-text[b-yozm5zg6qd] {
    color: #657893;
    font-size: 0.92rem;
}

.quick-win-badge[b-yozm5zg6qd] {
    white-space: nowrap;
    padding: 0.4rem 0.75rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.quick-win-badge-warning[b-yozm5zg6qd] {
    background: #fff3db;
    color: #9b5a00;
}

.quick-win-badge-danger[b-yozm5zg6qd] {
    background: #ffe8e8;
    color: #b42318;
}

.quick-win-badge-info[b-yozm5zg6qd] {
    background: #e8f2ff;
    color: #175cd3;
}

.quick-win-badge-success[b-yozm5zg6qd] {
    background: #e8f8ee;
    color: #117a37;
}

.draft-catalog-list[b-yozm5zg6qd] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.draft-catalog-row[b-yozm5zg6qd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e7eef7;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.draft-catalog-title[b-yozm5zg6qd] {
    font-weight: 700;
    color: #102848;
}

.draft-catalog-text[b-yozm5zg6qd] {
    color: #657893;
    font-size: 0.9rem;
}

.dashboard-callout[b-yozm5zg6qd],
.dashboard-empty-state[b-yozm5zg6qd] {
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: #f6f9fc;
    color: #5f738f;
    font-size: 0.92rem;
}

.status-dot[b-yozm5zg6qd] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    display: inline-block;
}

.status-dot-active[b-yozm5zg6qd] {
    background: #22a06b;
}

.status-dot-draft[b-yozm5zg6qd] {
    background: #f59e0b;
}

.status-dot-archived[b-yozm5zg6qd] {
    background: #98a2b3;
}

@media (max-width: 991.98px) {
    .dashboard-insights-badge[b-yozm5zg6qd] {
        align-self: flex-start;
    }

    .quick-win-row[b-yozm5zg6qd],
    .draft-catalog-row[b-yozm5zg6qd] {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* _content/CareerPathways.Web/Components/Pages/Admin/ManageCourseBlocks.razor.rz.scp.css */
.side-card[b-r70fiz3nkz] {
    background: rgba(33, 37, 41, 0.03);
}

@media (min-width: 992px) { /* desktop and larger */
    .sticky-desktop[b-r70fiz3nkz] {
        position: sticky;
        top: 70px;
    }
}

.requirement-drop-zone[b-r70fiz3nkz] {
    min-height: 3rem;
    transition: none;
}

    .requirement-drop-zone[b-r70fiz3nkz],
    .requirement-drop-zone .sortable-item[b-r70fiz3nkz] {
        overflow: hidden;
    }
/* _content/CareerPathways.Web/Components/Pages/Admin/Settings/FileManager.razor.rz.scp.css */
.fm-layout[b-eh07cm8ppp] {
    display: grid;
    grid-template-columns: 1fr 280px; 
    gap: 1.25rem;
}

.fm-sidebar[b-eh07cm8ppp] {
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: .75rem;
    box-shadow: 0 6px 20px rgba(0,0,0,.04);
    padding: 1rem;
    height: fit-content;
    position: sticky;
    top: 70px;
}

.btn-teal[b-eh07cm8ppp] {
    background: #00c389;
    border-color: #00c389;
    color: #fff;
}

    .btn-teal:hover[b-eh07cm8ppp] {
        filter: brightness(.96);
        color: #fff;
    }

.fm-nav[b-eh07cm8ppp] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.fm-nav-item[b-eh07cm8ppp] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .6rem .75rem;
    border-radius: .5rem;
    color: #334155;
    text-decoration: none;
}

    .fm-nav-item i[b-eh07cm8ppp] {
        width: 18px;
        text-align: center;
        opacity: .9;
    }

    .fm-nav-item:hover[b-eh07cm8ppp] {
        background: #f8fafc;
    }

    .fm-nav-item.active[b-eh07cm8ppp] {
        background: #eef2ff;
        color: #1e3a8a;
        font-weight: 600;
    }

    .fm-nav-item.disabled[b-eh07cm8ppp] {
        opacity: .45;
        cursor: not-allowed;
    }

.fm-storage[b-eh07cm8ppp] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(0,0,0,.06);
}

.fm-storage-label[b-eh07cm8ppp] {
    font-size: .75rem;
    letter-spacing: .08em;
    color: #64748b;
}

.fm-storage-text[b-eh07cm8ppp] {
    font-size: .85rem;
    color: #64748b;
}

.fm-main[b-eh07cm8ppp] {
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: .75rem;
    box-shadow: 0 6px 20px rgba(0,0,0,.04);
    padding: 1rem 1rem 1.25rem;
}

.fm-toolbar[b-eh07cm8ppp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.fm-search[b-eh07cm8ppp] {
    max-width: 380px;
}

.fm-section-title[b-eh07cm8ppp] {
    font-weight: 700;
    color: #0f172a;
    margin-bottom: .75rem;
}

.fm-quick-grid[b-eh07cm8ppp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

@media (max-width: 1200px) {
    .fm-layout[b-eh07cm8ppp] {
        grid-template-columns: 1fr;
    }

    .fm-sidebar[b-eh07cm8ppp] {
        position: static;
    }

    .fm-quick-grid[b-eh07cm8ppp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .fm-quick-grid[b-eh07cm8ppp] {
        grid-template-columns: 1fr;
    }
}

.fm-quick-card[b-eh07cm8ppp] {
    border: 1px solid rgba(0,0,0,.06);
    background: #fff;
    border-radius: .75rem;
    padding: .75rem;
    display: flex;
    gap: .75rem;
    align-items: center;
    text-align: left;
    box-shadow: 0 4px 14px rgba(0,0,0,.03);
    text-decoration:none;
}

    .fm-quick-card:hover[b-eh07cm8ppp] {
        background: #f8fafc;
    }

.fm-quick-icon[b-eh07cm8ppp] {
    width: 42px;
    height: 42px;
    border-radius: .65rem;
    display: grid;
    place-items: center;
    background: #f1f5f9;
    color: #334155;
}

.fm-quick-name[b-eh07cm8ppp] {
    font-weight: 600;
    color: #0f172a;
}

.fm-quick-sub[b-eh07cm8ppp] {
    font-size: .8rem;
    color: #64748b;
}

.fm-table[b-eh07cm8ppp] {
    table-layout: fixed;
    width: 100%;
}

    .fm-table td[b-eh07cm8ppp] {
        overflow: hidden;
    }

.fm-file-cell[b-eh07cm8ppp] {
    min-width: 0; 
}

.fm-file-text[b-eh07cm8ppp] {
    min-width: 0;
    flex: 1;
}

.fm-table-wrap[b-eh07cm8ppp] {
    border: 1px solid rgba(0,0,0,.06);
    border-radius: .75rem;
    overflow: hidden;
}

.fm-table thead th[b-eh07cm8ppp] {
    background: #f8fafc;
    font-size: .8rem;
    color: #475569;
    border-bottom: 1px solid rgba(0,0,0,.06) !important;
}

.fm-table tbody td[b-eh07cm8ppp] {
    border-top: 1px solid rgba(0,0,0,.06);
}

.fm-file-icon[b-eh07cm8ppp] {
    width: 42px;
    height: 42px;
    border-radius: .65rem;
    display: grid;
    place-items: center;
    background: #f1f5f9;
    color: #334155;
}

.fm-file-name[b-eh07cm8ppp] {
    font-weight: 600;
    color: #0f172a;
}

.fm-file-path[b-eh07cm8ppp] {
    font-size: .8rem;
    color: #64748b;
}

.fm-grid[b-eh07cm8ppp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

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

@media (max-width: 768px) {
    .fm-grid[b-eh07cm8ppp] {
        grid-template-columns: 1fr;
    }
}

.fm-tile[b-eh07cm8ppp] {
    border: 1px solid rgba(0,0,0,.06);
    background: #fff;
    border-radius: .75rem;
    padding: .85rem;
    text-align: left;
    box-shadow: 0 4px 14px rgba(0,0,0,.03);
    text-decoration:none;
}

    .fm-tile:hover[b-eh07cm8ppp] {
        background: #f8fafc;
    }

.fm-tile-top[b-eh07cm8ppp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: .5rem;
}

.fm-tile-icon[b-eh07cm8ppp] {
    width: 46px;
    height: 46px;
    border-radius: .75rem;
    display: grid;
    place-items: center;
    background: #f1f5f9;
    color: #334155;
}

.fm-tile-name[b-eh07cm8ppp] {
    font-weight: 700;
    color: #0f172a;
}

.fm-tile-sub[b-eh07cm8ppp] {
    font-size: .85rem;
}

.fm-quick-card[b-eh07cm8ppp] {
    min-width: 0; /* allow flex children to shrink */
}

.fm-quick-meta[b-eh07cm8ppp] {
    min-width: 0; /* critical for ellipsis inside flex */
    flex: 1;
}

.fm-quick-name[b-eh07cm8ppp] {
    font-weight: 600;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fm-quick-sub[b-eh07cm8ppp] {
    font-size: .8rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* _content/CareerPathways.Web/Components/Pages/Admin/Settings/PageBuilder.razor.rz.scp.css */
.drag-handle[b-v69856zv91] {
    cursor: grab;
    user-select: none;
}

    .drag-handle:active[b-v69856zv91] {
        cursor: grabbing;
    }
/* _content/CareerPathways.Web/Components/Pages/Public/CareerDetails.razor.rz.scp.css */
/*.career-details-surface {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--primary-color, #001489) 9%, white) 0%,
            rgba(255, 255, 255, 0.95) 42%,
            color-mix(in srgb, var(--secondary-color, #009cbd) 8%, white) 100%
        );
}*/

.career-details-surface > .container[b-u41eeume6s] {
    position: relative;
    z-index: 1;
}

.career-details__page-title[b-u41eeume6s] {
    color: var(--primary-color, #001489);
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.career-details__hero[b-u41eeume6s] {
    margin-bottom: 2rem;
}

.career-details__attribution-section[b-u41eeume6s] {
/*    padding-top: 1.5rem;
    border-top: 1px solid rgba(0, 20, 137, 0.12);*/
}

.career-details__section-title[b-u41eeume6s] {
    color: var(--primary-color, #001489);
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1.4rem;
}

.career-details__copy[b-u41eeume6s] {
    max-width: 68rem;
    color: #263042;
    font-size: 1.02rem;
    line-height: 1.7;
}

.career-details__card[b-u41eeume6s] {
    border-radius: 22px;
    position:relative;
}

.career-details__card--compact[b-u41eeume6s] {
    border-radius: 18px;
    padding: 1rem 1.2rem;
    box-shadow: 0 14px 32px rgba(0, 20, 137, 0.12);
}

.career-details__card--panel[b-u41eeume6s] {
    padding: 1.5rem 1.6rem;
    margin-bottom: 1.4rem;
}

.career-details__card--banner[b-u41eeume6s] {
    padding: 1.5rem 1.75rem;
}

.career-details__card--light[b-u41eeume6s] {
/*    background: rgba(255, 255, 255, 0.9);*/
    background: rgb(246 246 246);
    border: 1px solid rgba(0, 20, 137, 0.08);
    color: #20242f;
    box-shadow: 0 10px 24px rgba(0, 20, 137, 0.06);
}

    .career-details__card--light .career-details__info-icon[b-u41eeume6s] {
        color: #000000;
        color: inherit;
    }

.career-details__card--primary[b-u41eeume6s] {
/*    background: linear-gradient(135deg, #0b1b42, var(--primary-color, #001489));*/
    background: var(--primary-color, #001489);
    color: var(--primary-color-contrast, #fff);
    box-shadow: 0 12px 30px rgba(0, 20, 137, 0.14);
}


    .career-details__card--primary .career-details__info-icon[b-u41eeume6s] {
        color: var(--primary-color-contrast, #fff);
    }

.career-details__hero-pill[b-u41eeume6s] {
    background: linear-gradient(180deg, rgba(11, 27, 66, 0.98), rgba(0, 20, 137, 0.98));
}

.career-details__stat-banner-label[b-u41eeume6s] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 1rem;
    font-weight: 700;
}

.career-details__card-label[b-u41eeume6s] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 1rem;
    font-size: 1.05rem;
    font-weight: 800;
}

.career-details__stat-banner-value[b-u41eeume6s] {
    margin-top: 0.7rem;
    font-size: 2rem;
    font-weight: 800;
}

.career-details__info-icon[b-u41eeume6s] {
    color: #6f7686;
    font-size: 0.85rem;
}

.career-details__stats-grid[b-u41eeume6s],
.career-details__content-grid[b-u41eeume6s]{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.career-details__education-grid > *[b-u41eeume6s] {
    grid-column: 1 / -1;
}

.career-details__education-panel[b-u41eeume6s] {
    margin-top: 0;
}

.career-details__stat-card[b-u41eeume6s] {
    padding: 1.35rem 1.45rem;
    border-radius: 18px;
}

.career-details__stat-card-label[b-u41eeume6s] {
    font-size: 0.95rem;
    font-weight: 800;
}

.career-details__hero-pill-label[b-u41eeume6s] {
/*    display: block;
    margin-bottom: 0.35rem;
    color: rgba(255, 255, 255, 0.72);
    letter-spacing: 0.04em;
    text-transform: uppercase;*/
}

.career-details__stat-card-value[b-u41eeume6s] {
    margin-top: 0.7rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.35;
}

.career-details__stat-banner-value--dark[b-u41eeume6s] {
    color: var(--primary-color, #001489);
}

.career-details__bar-list[b-u41eeume6s] {
    display: grid;
    gap: 1rem;
}

.career-details__bar-row[b-u41eeume6s] {
    display: grid;
    gap: 0.45rem;
}

.career-details__bar-label[b-u41eeume6s] {
    color: #20242f;
    font-size: 0.95rem;
    font-weight: 700;
}

.career-details__bar-track[b-u41eeume6s] {
    background: #e8edf5;
    border-radius: 999px;
    overflow: hidden;
    min-height: 1.1rem;
}

.career-details__bar-fill[b-u41eeume6s] {
    display: flex;
    align-items: center;
    min-height: 1.1rem;
    padding: 0 0.65rem;
    background: linear-gradient(90deg, var(--primary-color, #001489), color-mix(in srgb, var(--primary-color, #001489) 78%, white));
    color: #fff;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.career-details__bar-fill--secondary[b-u41eeume6s] {
    background: linear-gradient(90deg, var(--primary-color, #001489), color-mix(in srgb, var(--primary-color, #001489) 78%, white));
}

.career-details__bullet-list[b-u41eeume6s] {
    margin: 0;
    padding-left: 1.15rem;
    color: #20242f;
}

.career-details__bullet-list li[b-u41eeume6s] {
    margin-bottom: 0.85rem;
    line-height: 1.6;
}

.career-details__content-skills[b-u41eeume6s]  .career-details__tag-list,
.career-details__content-info[b-u41eeume6s]  .career-details__tag-list {
    column-count: 3;
    column-gap: 1.25rem;
    margin: 0;
    padding-left: 1rem;
    color: #20242f;
}

.career-details__content-skills[b-u41eeume6s]  .career-details__tag-list li,
.career-details__content-info[b-u41eeume6s]  .career-details__tag-list li {
    break-inside: avoid;
    margin-bottom: 0.65rem;
    line-height: 1.45;
}

.career-details__content-skills[b-u41eeume6s]  .career-details__tag-list a,
.career-details__content-info[b-u41eeume6s]  .career-details__tag-list a {
    color: var(--primary-color, #001489);
    text-decoration: none;
}

.career-details__content-skills[b-u41eeume6s]  .career-details__tag-list a:hover,
.career-details__content-info[b-u41eeume6s]  .career-details__tag-list a:hover {
    text-decoration: underline;
}

.career-details__content-info[b-u41eeume6s]  .career-details__related-carousel {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(220px, 280px);
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: 0.35rem;
    scroll-snap-type: x proximity;
}

.career-details__content-info[b-u41eeume6s]  .career-details__related-carousel::-webkit-scrollbar {
    height: 10px;
}

.career-details__content-info[b-u41eeume6s]  .career-details__related-carousel::-webkit-scrollbar-thumb {
    background: rgba(0, 20, 137, 0.18);
    border-radius: 999px;
}

.career-details__content-info[b-u41eeume6s]  .career-details__related-card {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 138px;
    padding: 1.1rem 1.15rem;
    border: 1px solid rgba(0, 20, 137, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 246, 255, 0.95));
    color: inherit;
    text-decoration: none;
    scroll-snap-align: start;
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(0, 20, 137, 0.08);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.career-details__content-info[b-u41eeume6s]  .career-details__related-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 20, 137, 0.18);
    box-shadow: 0 16px 30px rgba(0, 20, 137, 0.12);
    text-decoration: none;
}

.career-details__content-info[b-u41eeume6s]  .career-details__related-card-label {
    color: #5a6780;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.career-details__content-info[b-u41eeume6s]  .career-details__related-card-title {
    color: var(--primary-color, #001489);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
}

@media (max-width: 991.98px) {
    .career-details__hero[b-u41eeume6s] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .career-details__section-title[b-u41eeume6s] {
        font-size: 1.5rem;
    }

    .career-details__stat-banner-value[b-u41eeume6s] {
        font-size: 1.6rem;
    }

    .career-details__content-skills[b-u41eeume6s]  .career-details__tag-list,
    .career-details__content-info[b-u41eeume6s]  .career-details__tag-list {
        column-count: 1;
    }

    .career-details__content-info[b-u41eeume6s]  .career-details__related-carousel {
        grid-auto-columns: minmax(210px, 84vw);
    }
}


.tooltip-wrapper[b-u41eeume6s] {
    position: absolute;
}

.tooltip-pos-left[b-u41eeume6s] {
    left: 10px;
    top: 10px;
}

.tooltip-pos-right[b-u41eeume6s] {
    right: 10px;
    top: 10px;
}

.tooltip-wrapper .fa-circle-info[b-u41eeume6s] {
    font-size: 20px;
    cursor: pointer;
}


.tooltip-popup__left[b-u41eeume6s] {
    top: 30px;
    right: -15px;
}

.tooltip-popup__right[b-u41eeume6s] {
    top: 30px;
    left: 0;
}
/* _content/CareerPathways.Web/Components/Pages/Public/PathwayDetails.razor.rz.scp.css */

.pathway-detail-surface[b-irqkkg6icp] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--primary-color, #1b3e59) 10%, white) 0%,
            rgba(255, 255, 255, 0.92) 42%,
            color-mix(in srgb, var(--primary-color, #1b3e59) 8%, white) 100%
        );
}

.pathway-detail-surface[b-irqkkg6icp]::before,
.pathway-detail-surface[b-irqkkg6icp]::after {
    content: "";
    position: absolute;
    inset: auto;
    border-radius: 999px;
    filter: blur(70px);
    opacity: 0.45;
    pointer-events: none;
    z-index: 0;
}

.pathway-detail-surface[b-irqkkg6icp]::before {
    width: 26rem;
    height: 26rem;
    top: -8rem;
    right: -6rem;
    background: color-mix(in srgb, var(--primary-color, #1b3e59) 38%, white);
}

.pathway-detail-surface[b-irqkkg6icp]::after {
    width: 24rem;
    height: 24rem;
    bottom: -10rem;
    left: -7rem;
    background: color-mix(in srgb, var(--secondary-color, #8fb7d8) 45%, white);
}

.pathway-detail-surface > .container[b-irqkkg6icp] {
    position: relative;
    z-index: 1;
}

.pathway-card[b-irqkkg6icp] {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: 2.5rem;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
    margin-bottom: 2rem;
}

.pathway-card-grid[b-irqkkg6icp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    align-items: stretch;
}

.pathway-card-grid > *[b-irqkkg6icp] {
    min-width: 0;
}

#pathway-sections-accordion .accordion-button[b-irqkkg6icp]::after {
/*    background-color: #fff;*/
    border-radius: 999px;
    padding: 0.9rem;
    background-position: center;
    background-size: 0.9rem;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.accordion-item[b-irqkkg6icp] {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
}

.accordion-item.shadow-sm.border-0[b-irqkkg6icp] {
    border-radius: 24px;
    overflow: hidden;
    box-shadow:none;
}

.accordion-button[b-irqkkg6icp]::after {
    background-image: initial;
}

.accordion-button:not(.collapsed)[b-irqkkg6icp]::after {
    background-image: initial;
}

@media (max-width: 767.98px) {
    .pathway-card[b-irqkkg6icp] {
        padding: 2.5rem 1rem;
    }
}

.workforce-pathway-card__button[b-irqkkg6icp] {
    min-width: 15rem;
    font-weight: 700;
}
/* _content/CareerPathways.Web/Components/Pages/Public/SubPages.razor.rz.scp.css */
/* _content/CareerPathways.Web/Components/Shared/AdminPageHeader.razor.rz.scp.css */
.admin-header[b-t40ivunwsn] {
/*    padding: 1rem 1.25rem;
    border: 1px solid rgba(0,0,0,.075);
    border-radius: 0.75rem;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);*/
}

.admin-breadcrumb[b-t40ivunwsn] {
    font-size: .875rem;
    --bs-breadcrumb-divider: "›";
}

    .admin-breadcrumb .breadcrumb-item + .breadcrumb-item[b-t40ivunwsn]::before {
        opacity: .5;
    }

.admin-title[b-t40ivunwsn] {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.admin-subtitle[b-t40ivunwsn] {
    font-size: .95rem;
    color: rgba(0,0,0,.6);
    max-width: 70ch;
}

.min-w-0[b-t40ivunwsn] {
    min-width: 0;
}
/* _content/CareerPathways.Web/Components/Shared/AgreementsCard.razor.rz.scp.css */
.pathway-card[b-gfm1oo3yx4] {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 24px;
    padding: 2.5rem;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
    margin-bottom: 2rem;
}

.college-pathway-agreements-card[b-gfm1oo3yx4] {
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    margin-bottom: 0;
}

.college-pathway-agreements-intro[b-gfm1oo3yx4] {
    margin: 0 0 1.5rem;
    text-align: center;
    color: #4b5563;
    font-size: 0.95rem;
}

.college-pathway-agreements-list[b-gfm1oo3yx4] {
    display: grid;
    gap: 0.9rem;
}

.college-pathway-agreement-link[b-gfm1oo3yx4] {
    border: 0;
    width: 100%;
    text-align: left;
    border-radius: 4px;
    color: #666666;
}

    .college-pathway-agreement-link:hover[b-gfm1oo3yx4],
    .college-pathway-agreement-link:focus-visible[b-gfm1oo3yx4] {
        transform: translateY(-1px);
        box-shadow: 0 12px 30px rgba(27, 62, 89, 0.1);
        border-color: rgba(27, 62, 89, 0.28);
    }

    .college-pathway-agreement-link i[b-gfm1oo3yx4] {
        color: rgba(27, 62, 89, 0.55);
    }


ul[b-gfm1oo3yx4] {
    list-style: none; /* Remove default bullets */
    padding: 0;
}

li[b-gfm1oo3yx4] {
    padding: 2px 15px;
    margin-bottom: 8px;
    background-color: #f9f9f9;
/*    border-left: 4px solid var(--primary-color);*/
    border-radius: 4px;
    transition: transform 0.2s;
/*    text-align:center*/
}

    li:hover[b-gfm1oo3yx4] {
        transform: translateX(5px);
        background-color: #f0f7ff;
        /*        border-left: 4px solid var(--secondary-color) !important;*/
        cursor: pointer;
    }

@media (max-width: 767.98px) {
    .college-pathway-agreements-card[b-gfm1oo3yx4] {
        padding: 2.5rem 1rem;
    }
}
/* _content/CareerPathways.Web/Components/Shared/CareerOpportunitiesModal.razor.rz.scp.css */
.career-opportunities-modal[b-cz3zbwfq93] {
    padding: 0.5rem 0.25rem;
}

.career-opportunities-modal__state[b-cz3zbwfq93] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    min-height: 12rem;
    color: #5b6475;
    font-size: 1rem;
}

.career-opportunities-modal__list[b-cz3zbwfq93] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
/* _content/CareerPathways.Web/Components/Shared/CareerOpportunityCard.razor.rz.scp.css */
.career-card[b-al7mpsjrtl] {
    padding: 0 0 2rem;
    border-bottom: 1px solid rgba(0, 20, 137, 0.12);
}

.career-card:last-child[b-al7mpsjrtl] {
    padding-bottom: 0;
    border-bottom: 0;
}

.career-card__header[b-al7mpsjrtl] {
    margin-bottom: 0.75rem;
}

.career-card__title[b-al7mpsjrtl] {
    margin: 0;
    color: var(--primary-color, #001489);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
}

.career-card__title-link[b-al7mpsjrtl] {
    color: inherit;
    text-decoration: none;
}

.career-card__title-link:hover[b-al7mpsjrtl] {
    text-decoration: underline;
}

.career-card__description[b-al7mpsjrtl] {
    margin-bottom: 1.5rem;
}

.career-card__description-text[b-al7mpsjrtl] {
    margin: 0;
    color: var(--primary-color, #001489);
    font-size: 1.05rem;
    line-height: 1.6;
}

.career-card__toggle[b-al7mpsjrtl] {
    display: inline-block;
    margin-left: 0.35rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--secondary-color, #009cbd);
    font-size: 1rem;
    font-weight: 500;
}

.career-show-more[b-al7mpsjrtl] {
    display: inline-block;
    border: 0;
    background: none;
    color: #009CBD !important;
}

.career-card__stats[b-al7mpsjrtl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
    gap: 2rem;
}

.career-card__panel[b-al7mpsjrtl] {
    min-width: 0;
}

.career-card__panel-heading[b-al7mpsjrtl] {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 1.2rem;
    padding-left: 3rem;
    color: #666;
    font-size: 0.875rem;
    min-height: 2rem;
}

.career-card__panel-icon[b-al7mpsjrtl] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    opacity: 0.75;
    text-align: center;
    padding-top: 0.4rem;
    height: 2rem;
    width: 2rem;
    color: rgba(69, 67, 67, 1);
    font-size: 1.25rem;
    position: absolute;
    left: 0;
    top: 0;
}

.career-card__info-icon[b-al7mpsjrtl] {
    margin-left: 0.45rem;
    color: #6f7686;
    font-size: 0.85rem;
    vertical-align: middle;
}

.career-card__metric-label[b-al7mpsjrtl] {
    margin-top: 1rem;
    color: #626262;
    font-size: 0.875rem;
    font-weight: 700;
}

.career-card__metric-value[b-al7mpsjrtl] {
    margin-top: 0.25rem;
    color: var(--primary-color, #001489);
    font-size: 0.875rem;
}

.career-card__progress-shell[b-al7mpsjrtl] {
    height: 1rem;
    margin-top: 0.5rem;
    background: #e6eaf3;
    border-radius: 0.25rem;
}

.career-card__progress-bar[b-al7mpsjrtl] {
    min-width: fit-content;
}

.progress-bar-striped[b-al7mpsjrtl] {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.career-progress[b-al7mpsjrtl] {
    background-color: var(--primary-color, #001489) !important;
    font-weight: 600;
    font-size: 0.8rem;
    text-align: left;
    padding-left: 0.5rem;
    border-radius: 0.25rem;
}

.progress-bar[b-al7mpsjrtl] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease;
}

.career-card__actions[b-al7mpsjrtl] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.75rem;
}

.career-card__more-info[b-al7mpsjrtl] {
    padding: 0.8rem 1rem;
    border: 0;
    background: var(--primary-color, #001489);
    font-size: 1rem;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .career-card__stats[b-al7mpsjrtl] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .career-card__title[b-al7mpsjrtl] {
        font-size: 1rem;
    }

    .career-card__panel-heading[b-al7mpsjrtl] {
        font-size: 0.875rem
    }

    .career-card__metric-label[b-al7mpsjrtl] {
        font-size: 0.875rem;
    }

    .career-card__metric-value[b-al7mpsjrtl] {
        font-size: 0.875rem;
    }

    .career-card__actions[b-al7mpsjrtl] {
        justify-content: stretch;
    }

    .career-card__more-info[b-al7mpsjrtl] {
        width: 100%;
    }
}
/* _content/CareerPathways.Web/Components/Shared/CollegePathwayBody.razor.rz.scp.css */
/* _content/CareerPathways.Web/Components/Shared/CollegePathwayCourseList.razor.rz.scp.css */
.college-pathway-course-grid[b-b1gsn3m27f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem;
}

.college-pathway-course-column[b-b1gsn3m27f] {
    min-width: 0;
}

.college-pathway-course-row[b-b1gsn3m27f] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr) 64px;
    gap: 0.35rem;
    align-items: start;
    padding: 0.2rem 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.college-pathway-course-row-no-divider[b-b1gsn3m27f] {
    border-bottom-color: transparent;
}

.college-pathway-course-code[b-b1gsn3m27f] {
    font-weight: 700;
    color: var(--primary-color, #1a2844);
    white-space: nowrap;
}

.college-pathway-course-title[b-b1gsn3m27f] {
    min-width: 0;
    color: #1f2937;
}

.college-pathway-course-link[b-b1gsn3m27f] {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 600;
    text-align: left;
    text-decoration: underline;
    text-decoration-color: rgba(26, 40, 68, 0.35);
    text-underline-offset: 0.18rem;
    cursor: pointer;
}

.college-pathway-course-link:hover[b-b1gsn3m27f],
.college-pathway-course-link:focus-visible[b-b1gsn3m27f] {
    color: var(--primary-color, #1a2844);
    text-decoration-color: currentColor;
}

.college-pathway-course-link:focus-visible[b-b1gsn3m27f] {
    outline: 2px solid rgba(26, 40, 68, 0.2);
    outline-offset: 2px;
    border-radius: 0.2rem;
}

.college-pathway-course-credits[b-b1gsn3m27f] {
    text-align: right;
    white-space: nowrap;
    color: #1f2937;
}

.college-pathway-course-notes[b-b1gsn3m27f] {
    margin-top: 0.18rem;
    color: #6c757d;
    font-size: 0.875rem;
    line-height: 1.35;
}

@media (max-width: 767.98px) {
    .college-pathway-course-grid[b-b1gsn3m27f] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .college-pathway-course-row[b-b1gsn3m27f] {
        grid-template-columns: 96px minmax(0, 1fr) 56px;
/*        gap: 0.75rem;*/
        gap: 2rem;
        padding: 0.5rem 0;
    }

    .college-pathway-course-code[b-b1gsn3m27f] {
/*        white-space: normal;*/
    }

    .college-pathway-course-notes[b-b1gsn3m27f] {
        font-size: 0.82rem;
    }
}
/* _content/CareerPathways.Web/Components/Shared/ColorPicker.razor.rz.scp.css */
.color-input-wrapper[b-xbebb5r3k0] {
/*    margin-bottom: 1rem;*/
}

.color-input-box[b-xbebb5r3k0] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    padding: 0.2rem 0.5rem;
    background-color: #fff;
}

    .color-input-box.is-invalid[b-xbebb5r3k0] {
        border: 1px solid rgba(var(--bs-danger-rgb));
    }

    .color-value[b-xbebb5r3k0] {
        border: none;
        background: none;
        font-weight: bold;
        font-size: .9rem;
        flex-grow: 1;
        padding: 0;
        color: #333;
        box-shadow: none !important
    }

.color-picker[b-xbebb5r3k0] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.475rem;
    border: 0.063rem solid #B2B3B7;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

    /* Remove the default inner swatch (especially in Chrome) */
    .color-picker[b-xbebb5r3k0]::-webkit-color-swatch-wrapper {
        padding: 0;
        border-radius: 0.375rem;
    }

    .color-picker[b-xbebb5r3k0]::-webkit-color-swatch {
        border: none;
        border-radius: 0.375rem;
    }

    .color-picker[b-xbebb5r3k0]::-moz-color-swatch {
        border: none;
        border-radius: 0.375rem;
    }
/* _content/CareerPathways.Web/Components/Shared/CookieConsentBanner.razor.rz.scp.css */
/* CookieConsentBanner.razor.css */

.cp-consent[b-a8kplzjoj8] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    padding: 12px;
    background: rgba(0, 0, 0, 0.75);
}

.cp-consent__inner[b-a8kplzjoj8] {
    max-width: 1100px;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    /* Suggested: better behavior on small screens */
    flex-wrap: wrap;
}

.cp-consent__text[b-a8kplzjoj8] {
    font-size: 0.95rem;
}

.cp-consent__actions[b-a8kplzjoj8] {
    display: flex;
    gap: 10px;
    /* Suggested: keep buttons from shrinking oddly */
    flex-shrink: 0;
}

.cp-consent__link[b-a8kplzjoj8] {
    margin-left: 8px;
}

/* Suggested: small-screen polish */
@media (max-width: 576px) {
    .cp-consent[b-a8kplzjoj8] {
        padding: 10px;
    }

    .cp-consent__inner[b-a8kplzjoj8] {
        gap: 12px;
        padding: 12px 12px;
        border-radius: 10px;
    }

    .cp-consent__text[b-a8kplzjoj8] {
        font-size: 0.9rem;
    }

    .cp-consent__actions[b-a8kplzjoj8] {
        width: 100%;
    }

        .cp-consent__actions .btn[b-a8kplzjoj8] {
            width: 100%;
        }
}
/* _content/CareerPathways.Web/Components/Shared/DashboardSystemActivityCard.razor.rz.scp.css */
.dashboard-card[b-kfgq1kzdq5] {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    border-radius: 0.75rem;
    transition: transform 0.2s ease-in-out;
    background-color: #fff;
}

.dashboard-card:hover[b-kfgq1kzdq5] {
    transform: translateY(-4px);
}

.dashboard-insight-card[b-kfgq1kzdq5] {
    border: 1px solid #e6ecf5;
}

.dashboard-section-label[b-kfgq1kzdq5] {
    color: #5e718d;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.35rem;
}

.dashboard-empty-state[b-kfgq1kzdq5] {
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: #f6f9fc;
    color: #5f738f;
    font-size: 0.92rem;
}

.activity-feed[b-kfgq1kzdq5] {
    max-height: 240px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.activity-item[b-kfgq1kzdq5] {
    border: 1px solid #e7eef7;
    border-radius: 0.9rem;
    margin-bottom: 0.75rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.activity-item:last-child[b-kfgq1kzdq5] {
    margin-bottom: 0;
}
/* _content/CareerPathways.Web/Components/Shared/FileUpload.razor.rz.scp.css */
/* _content/CareerPathways.Web/Components/Shared/Flyout.razor.rz.scp.css */
/* Components/Flyout.razor.css */

/* slide-in keyframes */
@keyframes slideIn-b-2syc32tpx0 {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

/* slide-out keyframes */
@keyframes slideOut-b-2syc32tpx0 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

/* fade-in/out for backdrop */
@keyframes fadeIn-b-2syc32tpx0 {
    from {
        background: rgba(0,0,0,0);
    }

    to {
        background: rgba(0,0,0,0.4);
    }
}

@keyframes fadeOut-b-2syc32tpx0 {
    from {
        background: rgba(0,0,0,0.4);
    }

    to {
        background: rgba(0,0,0,0);
    }
}

/* base styles for the flyout panel */
.flyout[b-2syc32tpx0] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 540px;
    background: #fff;
    border-left: 1px solid #ccc;
    box-shadow: -2px 0 5px rgba(0,0,0,0.2);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    /* start off-screen so slideIn works */
    transform: translateX(100%);
}


@media (min-width: 540px) {
    .flyout[b-2syc32tpx0] {
        top: 10px;
        right: 0;
        bottom: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
}

    /* when first rendering: slide in */
    .flyout.slide-in[b-2syc32tpx0] {
        animation: slideIn-b-2syc32tpx0 0.3s ease-out forwards;
    }

    /* when closing: slide out */
    .flyout.slide-out[b-2syc32tpx0] {
        animation: slideOut-b-2syc32tpx0 0.3s ease-in forwards;
    }

.flyout-title[b-2syc32tpx0] {
    margin: 0px;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 2;
    letter-spacing: 0.0075em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.flyout-close-btn[b-2syc32tpx0] {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    padding: 5px;
    font-size: 1.125rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .flyout-close-btn:hover[b-2syc32tpx0] {
        background-color: rgba(0, 0, 0, 0.04);
    }

    .flyout-close-btn:focus[b-2syc32tpx0] {
        box-shadow: rgb(0, 92, 132) 0px 0px 0px 0.15rem, rgb(255, 255, 255) 0px 0px 0px 0.3rem;
        background: rgb(255, 255, 255);
        color: rgb(0, 92, 132);
    }

    .flyout-close-btn svg[b-2syc32tpx0] {
        font-size: 100px;
        user-select: none;
        width: 1em;
        height: 1em;
        display: inline-block;
        fill: currentcolor;
        flex-shrink: 0;
        font-size: 1.5rem;
        transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    }

/* flyout header area */
.flyout-header[b-2syc32tpx0] {
    padding: 10px 20px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--bs-body-bg);
    width: 100%;
}

/* flyout body area */
.flyout-body[b-2syc32tpx0] {
    padding: 0 20px;
}

    

/* footer flex area */
.flyout-footer[b-2syc32tpx0] {
    margin-top: auto;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px 20px;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
    position: sticky;
    bottom: 0px;
    background: var(--bs-body-bg);
    z-index:10;
}

/* backdrop covering entire screen */
.flyout-backdrop[b-2syc32tpx0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0);
    z-index: 1040;
    animation: fadeIn-b-2syc32tpx0 0.3s ease-out forwards;
}

    /* fade-out the backdrop */
    .flyout-backdrop.fade-out[b-2syc32tpx0] {
        animation: fadeOut-b-2syc32tpx0 0.3s ease-in forwards;
    }


/* _content/CareerPathways.Web/Components/Shared/FlyoutLayouts/AgreementDetails.razor.rz.scp.css */

.college-pathway-flyout[b-dlc96898tp] {
    display: grid;
    gap: 1.5rem;
}

.college-pathway-flyout-meta[b-dlc96898tp] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.college-pathway-flyout-label[b-dlc96898tp] {
    margin-bottom: 0.25rem;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.college-pathway-flyout-heading[b-dlc96898tp] {
    margin: 0;
    color: #0f172a;
    font-size: 1.45rem;
}

.college-pathway-flyout-dates[b-dlc96898tp] {
    color: #475569;
    font-size: 0.95rem;
    white-space: nowrap;
}

.college-pathway-flyout-section[b-dlc96898tp] {
    display: grid;
    gap: 0.9rem;
}

.college-pathway-flyout-section-title[b-dlc96898tp] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
}

.college-pathway-flyout-richtext[b-dlc96898tp] {
    color: #334155;
    line-height: 1.6;
}

.college-pathway-link-tile[b-dlc96898tp] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 1rem;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    border: 1px solid rgba(27, 62, 89, 0.12);
    border-radius: 18px;
    background: #fff;
    background: linear-gradient(135deg, rgba(27, 62, 89, 0.05), rgba(255, 255, 255, 1));
    text-decoration: none;
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

.college-pathway-link-tile:hover[b-dlc96898tp],
.college-pathway-link-tile:focus-visible[b-dlc96898tp] {
    transform: translateY(-1px);
    border-color: rgba(27, 62, 89, 0.28);
    box-shadow: 0 12px 28px rgba(27, 62, 89, 0.08);
}

.college-pathway-link-icon[b-dlc96898tp] {
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 14px;
    background: color-mix(in srgb, var(--primary-color, #1b3e59) 12%, white);
    color: var(--primary-color, #1b3e59);
    font-size: 1.4rem;
    flex: 0 0 auto;
}

.college-pathway-link-copy[b-dlc96898tp] {
    min-width: 0;
    flex: 1;
}

.college-pathway-link-name[b-dlc96898tp] {
    color: #0f172a;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.college-pathway-link-action[b-dlc96898tp] {
    color: #64748b;
    font-size: 0.92rem;
}

.college-pathway-link-arrow[b-dlc96898tp] {
    color: var(--primary-color, #1b3e59);
    font-size: 1rem;
    flex: 0 0 auto;
}

.college-pathway-logo[b-dlc96898tp] {
    width: 100%;
    max-width: 250px;
}

@media (max-width: 767.98px) {
    .college-pathway-agreements-card[b-dlc96898tp] {
        padding: 1.5rem;
    }

    .college-pathway-flyout-meta[b-dlc96898tp] {
        flex-direction: column;
    }

    .college-pathway-flyout-dates[b-dlc96898tp] {
        white-space: normal;
    }
}
/* _content/CareerPathways.Web/Components/Shared/FlyoutLayouts/CourseDetails.razor.rz.scp.css */
.course-details-flyout[b-iq67nh4c7s] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.course-details-flyout-header[b-iq67nh4c7s] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.course-details-flyout-label[b-iq67nh4c7s] {
    color: #6c757d;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.course-details-flyout-heading[b-iq67nh4c7s] {
    margin: 0;
    color: var(--primary-color, #1a2844);
    font-size: 1.5rem;
    line-height: 1.2;
}

.course-details-flyout-code[b-iq67nh4c7s] {
    color: #1f2937;
    font-size: 1rem;
    font-weight: 600;
}

.course-details-flyout-meta[b-iq67nh4c7s] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.course-details-flyout-meta-item[b-iq67nh4c7s] {
    padding: 0.9rem 1rem;
    border: 1px solid rgba(26, 40, 68, 0.08);
    border-radius: 0.75rem;
    background: #f8fafc;
}

.course-details-flyout-meta-label[b-iq67nh4c7s] {
    color: #6c757d;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.course-details-flyout-meta-value[b-iq67nh4c7s] {
    margin-top: 0.3rem;
    color: #111827;
    font-weight: 600;
}

.course-details-flyout-section[b-iq67nh4c7s] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.course-details-flyout-section-title[b-iq67nh4c7s] {
    color: var(--primary-color, #1a2844);
    font-size: 0.95rem;
    font-weight: 700;
}

.course-details-flyout-section-body[b-iq67nh4c7s] {
    color: #374151;
    line-height: 1.6;
    white-space: pre-wrap;
}

.course-details-flyout-status[b-iq67nh4c7s] {
    color: #4b5563;
    line-height: 1.6;
}
/* _content/CareerPathways.Web/Components/Shared/FlyoutLayouts/CourseSetDetails.razor.rz.scp.css */
.course-set-details-flyout[b-btjhpfe6rn] {
    display: grid;
    gap: 1.5rem;
}

.course-details-flyout-meta[b-btjhpfe6rn] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.course-details-flyout-meta-item[b-btjhpfe6rn] {
    padding: 0.9rem 1rem;
    border: 1px solid rgba(26, 40, 68, 0.08);
    border-radius: 0.75rem;
    background: #f8fafc;
}

.course-details-flyout-section-title[b-btjhpfe6rn] {
    color: var(--primary-color, #1a2844);
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 0.45rem;
}

.course-details-flyout-meta-label[b-btjhpfe6rn] {
    color: #6c757d;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.course-details-flyout-meta-value[b-btjhpfe6rn] {
    margin-top: 0.3rem;
    color: #111827;
    font-weight: 600;
}

.course-set-details-flyout-description[b-btjhpfe6rn] {
    color: #475569;
    line-height: 1.6;
}

.course-set-details-flyout-list[b-btjhpfe6rn] {
    display: grid;
    gap: 0.75rem;
}

.course-details-flyout-label[b-btjhpfe6rn] {
    color: #6c757d;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.course-details-flyout-heading[b-btjhpfe6rn] {
    margin: 0;
    color: var(--primary-color, #1a2844);
    font-size: 1.5rem;
    line-height: 1.2;
}

.course-set-details-flyout-list-item[b-btjhpfe6rn] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr) 64px;
    gap: 0.75rem;
    align-items: start;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    background: #f8fafc;
}

.course-set-details-flyout-course-link[b-btjhpfe6rn] {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--primary-color, #1a2844);
    font: inherit;
    font-weight: 700;
    text-align: left;
    text-decoration: underline;
    text-decoration-color: rgba(26, 40, 68, 0.35);
    text-underline-offset: 0.18rem;
    cursor: pointer;
}

.course-set-details-flyout-course-link:hover[b-btjhpfe6rn],
.course-set-details-flyout-course-link:focus-visible[b-btjhpfe6rn] {
    color: var(--primary-color, #1a2844);
    text-decoration-color: currentColor;
}

.course-set-details-flyout-course-link:focus-visible[b-btjhpfe6rn] {
    outline: 2px solid rgba(26, 40, 68, 0.2);
    outline-offset: 2px;
    border-radius: 0.2rem;
}

.course-set-details-flyout-course-copy[b-btjhpfe6rn] {
    min-width: 0;
}

.course-set-details-flyout-course-title[b-btjhpfe6rn] {
    color: #0f172a;
    line-height: 1.5;
}

.course-set-details-flyout-course-credits[b-btjhpfe6rn] {
    color: #0f172a;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .course-set-details-flyout-list-item[b-btjhpfe6rn] {
        grid-template-columns: 1fr;
    }

    .course-set-details-flyout-course-credits[b-btjhpfe6rn] {
        text-align: left;
    }
}
/* _content/CareerPathways.Web/Components/Shared/FullScreenLoader.razor.rz.scp.css */
.loader-overlay[b-06vj5qdgye] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
/* _content/CareerPathways.Web/Components/Shared/ImageUpload.razor.rz.scp.css */
label[b-mwkhxklenq]{
    font-weight:bold
}

.btn-upload-image[b-mwkhxklenq], .btn-upload-image:focus[b-mwkhxklenq], .btn-upload-image:hover[b-mwkhxklenq] {
    width: 150px;
    height: 150px;
    background: #fff6f6;
    border: dashed 1px #ddcaca;
    color: black;
    font-size: 12px;
    box-shadow: none !important;
}

.uploaded-image[b-mwkhxklenq] {
    position: relative;
    width: 150px;
    height: 150px;
    padding: .25rem;
    background-color: var(--bs-border-color);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    cursor: pointer;
}

    .uploaded-image img[b-mwkhxklenq] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .uploaded-image .replace-action[b-mwkhxklenq] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius:4px;
        padding:5px 10px;
        background:#fff;
        opacity: 0.9;
        cursor: pointer;
        z-index: 1;
    }

/* _content/CareerPathways.Web/Components/Shared/Modal.razor.rz.scp.css */
/* Components/Flyout.razor.css */

/* slide-in keyframes */
@keyframes slideIn-b-e8rg3js99f {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

/* slide-out keyframes */
@keyframes slideOut-b-e8rg3js99f {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

/* fade-in/out for backdrop */
@keyframes fadeIn-b-e8rg3js99f {
    from {
        background: rgba(0,0,0,0);
    }

    to {
        background: rgba(0,0,0,0.4);
    }
}

@keyframes fadeOut-b-e8rg3js99f {
    from {
        background: rgba(0,0,0,0.4);
    }

    to {
        background: rgba(0,0,0,0);
    }
}

/* base styles for the flyout panel */
.flyout[b-e8rg3js99f] {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 540px;
    height: 100%;
    background: #fff;
    border-left: 1px solid #ccc;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    box-shadow: -2px 0 5px rgba(0,0,0,0.2);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    /* start off-screen so slideIn works */
    transform: translateX(100%);
}

    /* when first rendering: slide in */
    .flyout.slide-in[b-e8rg3js99f] {
        animation: slideIn-b-e8rg3js99f 0.3s ease-out forwards;
    }

    /* when closing: slide out */
    .flyout.slide-out[b-e8rg3js99f] {
        animation: slideOut-b-e8rg3js99f 0.3s ease-in forwards;
    }

.flyout-title[b-e8rg3js99f] {
    margin: 0px;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 2;
    letter-spacing: 0.0075em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.flyout-close-btn[b-e8rg3js99f] {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    padding: 5px;
    font-size: 1.125rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .flyout-close-btn:hover[b-e8rg3js99f] {
        background-color: rgba(0, 0, 0, 0.04);
    }

    .flyout-close-btn:focus[b-e8rg3js99f] {
        box-shadow: rgb(0, 92, 132) 0px 0px 0px 0.15rem, rgb(255, 255, 255) 0px 0px 0px 0.3rem;
        background: rgb(255, 255, 255);
        color: rgb(0, 92, 132);
    }

    .flyout-close-btn svg[b-e8rg3js99f] {
        font-size: 100px;
        user-select: none;
        width: 1em;
        height: 1em;
        display: inline-block;
        fill: currentcolor;
        flex-shrink: 0;
        font-size: 1.5rem;
        transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    }

/* flyout header area */
.flyout-header[b-e8rg3js99f] {
    padding: 10px 20px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--bs-body-bg);
    width: 100%;
}

/* flyout body area */
.flyout-body[b-e8rg3js99f] {
    padding: 0 20px;
}

    

/* footer flex area */
.flyout-footer[b-e8rg3js99f] {
    margin-top: auto;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px 20px;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
    position: sticky;
    bottom: 0px;
    background: var(--bs-body-bg);
    z-index:10;
}

/* backdrop covering entire screen */
.flyout-backdrop[b-e8rg3js99f] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0);
    z-index: 1040;
    animation: fadeIn-b-e8rg3js99f 0.3s ease-out forwards;
}

    /* fade-out the backdrop */
    .flyout-backdrop.fade-out[b-e8rg3js99f] {
        animation: fadeOut-b-e8rg3js99f 0.3s ease-in forwards;
    }


/* _content/CareerPathways.Web/Components/Shared/ProgressLoader.razor.rz.scp.css */
.spinner[b-1mcrnj32x5] {
    width: 30px;
    height: 30px;
    border: 4px solid var(--primary-color, #3498db);
    border-top: 6px solid transparent;
    border-radius: 50%;
    animation: spin-b-1mcrnj32x5 1s linear infinite;
}



@keyframes spin-b-1mcrnj32x5 {
    to {
        transform: rotate(360deg);
    }
}
/* _content/CareerPathways.Web/Components/Shared/SegmentButton.razor.rz.scp.css */
.toggle-segment[b-qr19c9b1gg] {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 18px;
    overflow: hidden;
    background: #f5f5f5;
    position: relative;
}

    /* 🔥 Sliding pill behind buttons */
    .toggle-segment[b-qr19c9b1gg]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: calc(100% / var(--count)); /* matches each segment */
        background: white;
        border-radius: 18px;
        box-shadow: 0 0 4px rgba(0,0,0,0.12);
        transition: transform 0.25s ease;
        z-index: 0;
    }

.toggle-segment-item[b-qr19c9b1gg] {
    flex: 1; /* <-- makes segments equal width */
    padding: 6px 12px; /* padding inside segment */
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 0.9rem;
    text-align: center;
    z-index: 1;
    white-space: normal; /* wraps text */
    line-height: 1.2;
}

    .toggle-segment-item.active[b-qr19c9b1gg] {
        font-weight: 500;
    }

/* 🔥 slide animation */
.toggle-segment[b-qr19c9b1gg]::before {
    transform: translateX(calc(var(--index) * 100%));
}
/* _content/CareerPathways.Web/Components/Shared/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-ym5kic7eu8] .sortable-ghost {
    visibility: hidden;
    opacity: .25;
    background: #f8f9fa;
    border: 1px dashed #adb5bd;
}

[b-ym5kic7eu8] .sortable-fallback {
    opacity: 1 !important
}

.sortable-ghost[b-ym5kic7eu8] {
    opacity: .25;
    background: #f8f9fa;
    border: 1px dashed #adb5bd;
}

[b-ym5kic7eu8] .sortable-drag {
    transform: rotate(1deg);
}

/* _content/CareerPathways.Web/Components/Shared/TinyMCEEditor.razor.rz.scp.css */
.fade-in[b-hzknotzwui] {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

    .fade-in.show[b-hzknotzwui] {
        opacity: 1;
    }
/* _content/CareerPathways.Web/Components/Shared/TwoColumnSection.razor.rz.scp.css */
/* _content/CareerPathways.Web/Components/Shared/UploadModal.razor.rz.scp.css */
.upload-dropzone[b-fc2hpf8ume] {
    border: 2px dashed #ccc;
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    transition: border-color 0.2s, background-color 0.2s;
    background-color: #fafafa;
}

    .upload-dropzone.dragging[b-fc2hpf8ume] {
        border-color: #007bff;
        background-color: #f0f8ff;
    }

    .upload-dropzone.invalid-drop[b-fc2hpf8ume] {
        border-color: red !important;
        background-color: #fff5f5;
    }

    .upload-dropzone.invalid-drop.shake[b-fc2hpf8ume] {
        animation: shake-b-fc2hpf8ume 0.82s cubic-bezier(.36,.07,.19,.97) both;
    }

.upload-icon[b-fc2hpf8ume] {
    font-size: 2.5rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
}

.upload-text[b-fc2hpf8ume] {
    font-weight: 600;
    margin: 0;
}

.upload-subtext[b-fc2hpf8ume] {
    font-size: 0.875rem;
    color: #6c757d;
    margin: 0 0 1rem 0;
}

@keyframes shake-b-fc2hpf8ume {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}