/* _content/QuestifyAI.WebApp/Components/IndividualProfileQuestionnaire.razor.rz.scp.css */
.ipq-shell[b-ifly8ak579] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 24px 18px 40px;
    background: #000000;
    min-height: 100vh;
}

.ipq-hero[b-ifly8ak579] {
    margin-bottom: 20px;
    padding: 24px;
    border-radius: 24px;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.ipq-kicker[b-ifly8ak579] {
    margin: 0 0 8px;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    opacity: 0.75;
    color: #ffffff;
}

.ipq-hero h1[b-ifly8ak579] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    color: #ffffff;
}

.ipq-subtitle[b-ifly8ak579] {
    margin: 10px 0 0;
    max-width: 62rem;
    color: rgba(255, 255, 255, 0.85);
}

.ipq-loading[b-ifly8ak579] {
    min-height: 220px;
    display: grid;
    place-items: center;
    gap: 14px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #0f0f0f;
}

.ipq-spinner[b-ifly8ak579] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: rgba(255, 255, 255, 0.95);
    animation: ipq-spin-b-ifly8ak579 0.9s linear infinite;
}

@keyframes ipq-spin-b-ifly8ak579 {
    to { transform: rotate(360deg); }
}

.ipq-form[b-ifly8ak579] {
    display: block;
}

.ipq-grid[b-ifly8ak579] {
    display: grid;
    gap: 18px;
}

.ipq-card[b-ifly8ak579] {
    padding: 20px;
    border-radius: 24px;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

.ipq-card-wide[b-ifly8ak579] {
    margin-top: 2px;
}

.ipq-card-header[b-ifly8ak579] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 18px;
}

.ipq-card-header h2[b-ifly8ak579] {
    margin: 0;
    font-size: 1.1rem;
    color: #ffffff;
}

.ipq-card-header span[b-ifly8ak579] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.92rem;
}

.ipq-fields[b-ifly8ak579] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ipq-field[b-ifly8ak579] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ipq-field-wide[b-ifly8ak579] {
    grid-column: 1 / -1;
}

.ipq-field label[b-ifly8ak579],
.ipq-choice-title[b-ifly8ak579] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #ffffff;
}

.ipq-muted[b-ifly8ak579] {
    color: rgba(255, 255, 255, 0.65);
    font-weight: 600;
}

.ipq-input[b-ifly8ak579],
.ipq-textarea[b-ifly8ak579] {
    width: 100%;
    padding: 14px 15px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #0f0f0f;
    color: #ffffff;
    outline: none;
}

.ipq-input:focus[b-ifly8ak579],
.ipq-textarea:focus[b-ifly8ak579] {
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}

.ipq-choice-block[b-ifly8ak579] {
    margin-top: 18px;
}

.ipq-chip-grid[b-ifly8ak579] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.ipq-chip[b-ifly8ak579] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    border-radius: 999px;
    padding: 10px 14px;
    font-size: 0.9rem;
    cursor: pointer;
}

.ipq-chip.selected[b-ifly8ak579] {
    background: #ffffff;
    color: #000000;
    border-color: #ffffff;
    box-shadow: 0 10px 24px rgba(255, 255, 255, 0.3);
}

.ipq-actions[b-ifly8ak579] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 20px;
}

.ipq-btn[b-ifly8ak579] {
    border: 0;
    border-radius: 14px;
    padding: 13px 18px;
    font-weight: 700;
    cursor: pointer;
}

.ipq-btn.primary[b-ifly8ak579] {
    color: #000000;
    background: #ffffff;
}

.ipq-btn.ghost[b-ifly8ak579] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.ipq-message[b-ifly8ak579] {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 14px;
    font-weight: 600;
}

.ipq-message.error[b-ifly8ak579] {
    color: #ffffff;
    background: rgba(100, 100, 100, 0.3);
    border: 1px solid rgba(200, 200, 200, 0.3);
}

.ipq-message.success[b-ifly8ak579] {
    color: #ffffff;
    background: rgba(80, 80, 80, 0.3);
    border: 1px solid rgba(200, 200, 200, 0.3);
}

@media (max-width: 860px) {
    .ipq-fields[b-ifly8ak579] {
        grid-template-columns: 1fr;
    }

    .ipq-card-header[b-ifly8ak579] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ipq-actions[b-ifly8ak579] {
        flex-direction: column-reverse;
    }
}
/* _content/QuestifyAI.WebApp/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-nuws2hl433] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#blazor-error-ui[b-nuws2hl433] {
    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-nuws2hl433] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/QuestifyAI.WebApp/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-s3flkxnpwn] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    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-s3flkxnpwn] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-s3flkxnpwn] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-s3flkxnpwn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-s3flkxnpwn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-s3flkxnpwn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

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

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

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

    .nav-item[b-s3flkxnpwn]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

.nav-scrollable[b-s3flkxnpwn] {
    display: none;
}

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

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

    .nav-scrollable[b-s3flkxnpwn] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/QuestifyAI.WebApp/Components/Layout/SchoolAdminLayout.razor.rz.scp.css */
/* Reuse the same styling as SuperAdmin layout for school admin */

.schooladmin-layout[b-zg45qio9k2] {
    display: flex;
    min-height: 100vh;
    background: #18181b;
    color: #fafafa;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.sidebar[b-zg45qio9k2] {
    width: 248px;
    min-width: 248px;
    background: #0f0f10;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 2px 0 24px rgba(0, 0, 0, 0.2);
}

.sidebar-header[b-zg45qio9k2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
    gap: 0.75rem;
}

.logo-placeholder[b-zg45qio9k2] {
    flex: 1;
    min-width: 100px;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 8px;
    overflow: hidden;
}

.sidebar-school-logo[b-zg45qio9k2] {
    max-width: 100%;
    max-height: 40px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 6px;
}

.sidebar-actions[b-zg45qio9k2] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.sidebar-btn[b-zg45qio9k2] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #a1a1aa;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.sidebar-btn:hover[b-zg45qio9k2] {
    background: rgba(255, 255, 255, 0.1);
    color: #fafafa;
}

.sidebar-search-icon[b-zg45qio9k2] {
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sidebar-close-icon[b-zg45qio9k2] {
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M9 3v18'/%3E%3Cpath d='M15 3v18'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sidebar-open[b-zg45qio9k2] {
    position: fixed;
    left: 0;
    top: 1rem;
    z-index: 1000;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0 8px 8px 0;
    background: #0f0f10;
    color: #a1a1aa;
    cursor: pointer;
    box-shadow: 2px 0 8px rgba(0,0,0,0.2);
    transition: background 0.15s ease, color 0.15s ease;
}

.sidebar-open:hover[b-zg45qio9k2] {
    background: #1a1a1b;
    color: #fafafa;
}

.sidebar-open-icon[b-zg45qio9k2] {
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sidebar.collapsed[b-zg45qio9k2] {
    width: 0;
    min-width: 0;
    overflow: hidden;
    border-right: none;
}

.nav-menu[b-zg45qio9k2] {
    flex: 1;
    padding: 0.5rem 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.nav-menu[b-zg45qio9k2]::-webkit-scrollbar {
    width: 4px;
}

.nav-menu[b-zg45qio9k2]::-webkit-scrollbar-track {
    background: transparent;
}

.nav-menu[b-zg45qio9k2]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 4px;
}

.nav-icon[b-zg45qio9k2] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.85;
    transition: opacity 0.15s ease;
}

.nav-item:hover .nav-icon[b-zg45qio9k2],
.nav-item.active .nav-icon[b-zg45qio9k2],
.nav-group-title:hover .nav-icon[b-zg45qio9k2] {
    opacity: 1;
}

.nav-group[b-zg45qio9k2] {
    margin: 0 0.5rem;
    border-radius: 8px;
    overflow: hidden;
}

.nav-group-title[b-zg45qio9k2] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: none;
    border: none;
    color: #a1a1aa;
    font-size: 0.8125rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: color 0.15s ease, background 0.15s ease;
    border-radius: 6px;
}

.nav-group-title:hover[b-zg45qio9k2] {
    background: rgba(255, 255, 255, 0.04);
    color: #fafafa;
}

.nav-group[open] .nav-group-title[b-zg45qio9k2] {
    color: #fafafa;
}

.nav-group-chevron[b-zg45qio9k2] {
    margin-left: auto;
    width: 10px;
    height: 10px;
    border-right: 1.5px solid #71717a;
    border-bottom: 1.5px solid #71717a;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

.nav-group[open] .nav-group-chevron[b-zg45qio9k2] {
    transform: rotate(-135deg);
    border-color: #a1a1aa;
}

.nav-group-items[b-zg45qio9k2] {
    display: none;
    flex-direction: column;
    padding: 0.25rem 0 0.5rem 0;
}

.nav-group[open] .nav-group-items[b-zg45qio9k2] {
    display: flex;
}

.nav-item[b-zg45qio9k2] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.75rem 0.5rem 2rem;
    color: #a1a1aa;
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 500;
    border-left: none;
    border-radius: 6px;
    margin: 0 0.25rem;
    transition: color 0.15s ease, background 0.15s ease;
    position: relative;
}

.nav-item:first-of-type[b-zg45qio9k2] {
    margin-top: 0;
}

.nav-item:hover[b-zg45qio9k2] {
    background: rgba(255, 255, 255, 0.04);
    color: #fafafa;
}

.nav-item.active[b-zg45qio9k2] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border-left: none;
}

.nav-item.active[b-zg45qio9k2]::before {
    content: "";
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    background: #22c55e;
    border-radius: 2px;
}

.nav-menu > .nav-item:first-child[b-zg45qio9k2] {
    margin: 0 0.5rem 0.25rem;
    padding: 0.5rem 0.75rem;
}

.nav-menu > .nav-item:first-child.active[b-zg45qio9k2]::before {
    left: 0.75rem;
}

.nav-item.nav-sub[b-zg45qio9k2] {
    padding-left: 2.25rem;
    font-size: 0.8125rem;
}

.nav-item.nav-sub[b-zg45qio9k2]::before {
    left: 1rem;
}

.user-info[b-zg45qio9k2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    font-size: 0.75rem;
    color: #71717a;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.2);
}

.user-info[b-zg45qio9k2]::before {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
}

.main-content[b-zg45qio9k2] {
    flex: 1;
    padding: 2rem;
    background: #18181b;
    overflow: auto;
}

.page-title[b-zg45qio9k2] {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fafafa;
    letter-spacing: -0.02em;
}


/* _content/QuestifyAI.WebApp/Components/Layout/StudentIndividualLayout.razor.rz.scp.css */
/* Individual Student layout – Modern sidebar */

.student-individual-layout[b-hnj67vpqkw] {
    display: flex;
    height: 100vh;
    background: #0a0a0b;
    color: #fafafa;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    overflow: hidden;
}

.sidebar[b-hnj67vpqkw] {
    width: 260px;
    min-width: 260px;
    background: #111113;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    transition: width 0.2s, min-width 0.2s;
}

.sidebar-topbar[b-hnj67vpqkw] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 1rem 1rem 0.75rem;
    flex-shrink: 0;
}

.sidebar-icon-btn[b-hnj67vpqkw] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #a1a1aa;
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
}

.sidebar-icon-btn:hover[b-hnj67vpqkw] {
    background: rgba(255, 255, 255, 0.06);
    color: #fafafa;
}

.sidebar-hamburger[b-hnj67vpqkw] {
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sidebar-app-title[b-hnj67vpqkw] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fafafa;
    letter-spacing: -0.03em;
}

.nav-scroll[b-hnj67vpqkw] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.25rem 0.6rem 1rem;
}

.nav-scroll[b-hnj67vpqkw]::-webkit-scrollbar { width: 3px; }
.nav-scroll[b-hnj67vpqkw]::-webkit-scrollbar-track { background: transparent; }
.nav-scroll[b-hnj67vpqkw]::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.08); border-radius: 4px; }

.nav-section[b-hnj67vpqkw] { margin-bottom: 0.5rem; }

.nav-section-title[b-hnj67vpqkw] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #52525b;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.6rem 0.65rem 0.35rem;
}

.nav-item[b-hnj67vpqkw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.65rem;
    margin-bottom: 1px;
    border-radius: 9px;
    color: #a1a1aa;
    text-decoration: none;
    font-size: 0.84rem;
    font-weight: 500;
    transition: all 0.15s;
}

.nav-icon[b-hnj67vpqkw] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    stroke-width: 1.75;
}

.nav-item:hover[b-hnj67vpqkw] {
    background: rgba(255, 255, 255, 0.05);
    color: #e4e4e7;
}

.student-individual-layout .nav-item.active[b-hnj67vpqkw] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.student-individual-layout .nav-item.active .nav-icon[b-hnj67vpqkw] {
    color: #10b981;
}

.student-individual-layout .nav-item.active:hover[b-hnj67vpqkw] {
    background: rgba(16, 185, 129, 0.14);
}

/* User section */
.sidebar-user[b-hnj67vpqkw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    flex-shrink: 0;
}

.sidebar-avatar-link[b-hnj67vpqkw] {
    flex-shrink: 0;
    text-decoration: none;
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
}

.sidebar-avatar-img[b-hnj67vpqkw] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.sidebar-avatar[b-hnj67vpqkw] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-avatar-text[b-hnj67vpqkw] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #fff;
}

.sidebar-user-info[b-hnj67vpqkw] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.sidebar-username[b-hnj67vpqkw] {
    font-size: 0.82rem;
    color: #e4e4e7;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.sidebar-user-role[b-hnj67vpqkw] {
    font-size: 0.68rem;
    color: #52525b;
    font-weight: 500;
}

.sidebar-logout-btn[b-hnj67vpqkw] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: transparent;
    color: #52525b;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s;
}

.sidebar-logout-btn:hover[b-hnj67vpqkw] {
    background: rgba(239, 68, 68, 0.08);
    border-color: rgba(239, 68, 68, 0.15);
    color: #f87171;
}

.sidebar.collapsed[b-hnj67vpqkw] { width: 0; min-width: 0; overflow: hidden; border-right: none; }

.sidebar-open[b-hnj67vpqkw] {
    position: fixed;
    left: 0;
    top: 1rem;
    z-index: 1000;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0 10px 10px 0;
    background: #111113;
    color: #a1a1aa;
    cursor: pointer;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.4);
    transition: all 0.15s;
}

.sidebar-open:hover[b-hnj67vpqkw] { background: #1a1a1c; color: #fafafa; }

.sidebar-open-icon[b-hnj67vpqkw] {
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
}

.main-content[b-hnj67vpqkw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0;
    background: #0a0a0b;
    overflow: hidden;
    position: relative;
    min-height: 0;
}

.main-content-inner[b-hnj67vpqkw] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
    min-height: 0;
}

.main-content-inner.no-padding[b-hnj67vpqkw] {
    padding: 0;
    overflow: hidden;
}

.page-top-bar[b-hnj67vpqkw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: -0.5rem -0.5rem 0.75rem;
    padding: 0.25rem 0;
    min-height: 1px;
}

.page-top-bar-spacer[b-hnj67vpqkw] { flex: 1; }

.page-title[b-hnj67vpqkw] {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fafafa;
    letter-spacing: -0.02em;
}

.theme-icon[b-hnj67vpqkw] { width: 20px; height: 20px; display: block; }
.theme-icon-moon[b-hnj67vpqkw] { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E") center/contain no-repeat; }
.theme-icon-sun[b-hnj67vpqkw] { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E") center/contain no-repeat; }

@media (max-width: 768px) {
    .sidebar[b-hnj67vpqkw] { width: 240px; min-width: 240px; }
}
/* _content/QuestifyAI.WebApp/Components/Layout/StudentSchoolLayout.razor.rz.scp.css */
/* Student (School) – Modern sidebar layout */

.student-school-layout[b-herjeja6vj] {
    display: flex;
    height: 100vh;
    background: #0a0a0b;
    color: #fafafa;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    overflow: hidden;
}

:global(body.exam-locked) .sidebar[b-herjeja6vj],
:global(body.exam-locked) .sidebar-open[b-herjeja6vj],
:global(body.exam-locked) .page-top-bar[b-herjeja6vj],
:global(body.exam-locked) .nav-scroll[b-herjeja6vj],
:global(body.exam-locked) .sidebar-user[b-herjeja6vj] {
    pointer-events: none !important;
    user-select: none !important;
    opacity: 0 !important;
}

:global(body.exam-locked) .main-content-inner[b-herjeja6vj] {
    padding-left: 0 !important;
}

/* ─── Sidebar ─── */
.sidebar[b-herjeja6vj] {
    width: 260px;
    min-width: 260px;
    background: #111113;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    transition: width 0.2s, min-width 0.2s;
}

.sidebar-topbar[b-herjeja6vj] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 1rem 1rem 0.75rem;
    flex-shrink: 0;
}

.sidebar-icon-btn[b-herjeja6vj] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #a1a1aa;
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
}

.sidebar-icon-btn:hover[b-herjeja6vj] {
    background: rgba(255, 255, 255, 0.06);
    color: #fafafa;
}

.sidebar-hamburger[b-herjeja6vj] {
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sidebar-school-logo[b-herjeja6vj] {
    width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    padding: 3px;
    flex-shrink: 0;
}

.sidebar-app-title[b-herjeja6vj] {
    font-size: 1.05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-weight: 700;
    color: #fafafa;
    letter-spacing: -0.03em;
}

/* ─── Nav ─── */
.nav-scroll[b-herjeja6vj] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.25rem 0.6rem 1rem;
}

.nav-scroll[b-herjeja6vj]::-webkit-scrollbar { width: 3px; }
.nav-scroll[b-herjeja6vj]::-webkit-scrollbar-track { background: transparent; }
.nav-scroll[b-herjeja6vj]::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.08); border-radius: 4px; }

.nav-section[b-herjeja6vj] {
    margin-bottom: 0.5rem;
}

.nav-section-title[b-herjeja6vj] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #52525b;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.6rem 0.65rem 0.35rem;
}

.nav-item[b-herjeja6vj] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.65rem;
    margin-bottom: 1px;
    border-radius: 9px;
    color: #a1a1aa;
    text-decoration: none;
    font-size: 0.84rem;
    font-weight: 500;
    transition: all 0.15s;
}

.nav-icon[b-herjeja6vj] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    stroke-width: 1.75;
}

.nav-item:hover[b-herjeja6vj] {
    background: rgba(255, 255, 255, 0.05);
    color: #e4e4e7;
}

.student-school-layout .nav-item.active[b-herjeja6vj] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.student-school-layout .nav-item.active .nav-icon[b-herjeja6vj] {
    color: #10b981;
}

.student-school-layout .nav-item.active:hover[b-herjeja6vj] {
    background: rgba(16, 185, 129, 0.14);
}

/* ─── User section ─── */
.sidebar-user[b-herjeja6vj] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    flex-shrink: 0;
}

.sidebar-avatar-link[b-herjeja6vj] {
    flex-shrink: 0;
    text-decoration: none;
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
}

.sidebar-avatar-img[b-herjeja6vj] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.sidebar-avatar[b-herjeja6vj] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-avatar-text[b-herjeja6vj] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.01em;
}

.sidebar-user-info[b-herjeja6vj] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.sidebar-username[b-herjeja6vj] {
    font-size: 0.82rem;
    color: #e4e4e7;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.sidebar-user-role[b-herjeja6vj] {
    font-size: 0.68rem;
    color: #52525b;
    font-weight: 500;
}

.sidebar-logout-btn[b-herjeja6vj] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: transparent;
    color: #52525b;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s;
}

.sidebar-logout-btn:hover[b-herjeja6vj] {
    background: rgba(239, 68, 68, 0.08);
    border-color: rgba(239, 68, 68, 0.15);
    color: #f87171;
}

/* ─── Collapsed ─── */
.sidebar.collapsed[b-herjeja6vj] {
    width: 0;
    min-width: 0;
    overflow: hidden;
    border-right: none;
}

.sidebar-open[b-herjeja6vj] {
    position: fixed;
    left: 0;
    top: 1rem;
    z-index: 1000;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0 10px 10px 0;
    background: #111113;
    color: #a1a1aa;
    cursor: pointer;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.4);
    transition: all 0.15s;
}

.sidebar-open:hover[b-herjeja6vj] {
    background: #1a1a1c;
    color: #fafafa;
}

.sidebar-open-icon[b-herjeja6vj] {
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ─── Main content ─── */
.main-content[b-herjeja6vj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0;
    background: #0a0a0b;
    overflow: hidden;
    position: relative;
    min-height: 0;
}

.main-content-inner[b-herjeja6vj] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
    min-height: 0;
}

.main-content-inner.no-padding[b-herjeja6vj] {
    padding: 0;
    overflow: hidden;
}

.page-top-bar[b-herjeja6vj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: -0.5rem -0.5rem 0.75rem;
    padding: 0.25rem 0;
    min-height: 1px;
}

.page-top-bar-spacer[b-herjeja6vj] { flex: 1; }

.page-title[b-herjeja6vj] {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fafafa;
    letter-spacing: -0.02em;
}

/* ─── Theme icon helpers (kept for compatibility) ─── */
.theme-icon[b-herjeja6vj] {
    width: 20px;
    height: 20px;
    display: block;
}

.theme-icon-moon[b-herjeja6vj] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.theme-icon-sun[b-herjeja6vj] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E") center/contain no-repeat;
}

@media (max-width: 768px) {
    .sidebar[b-herjeja6vj] { width: 240px; min-width: 240px; }
}
/* _content/QuestifyAI.WebApp/Components/Layout/SuperAdminLayout.razor.rz.scp.css */
/* ===== Layout ===== */
.superadmin-layout[b-cvdkq1xbe7] {
    display: flex;
    min-height: 100vh;
    background: #18181b;
    color: #fafafa;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ===== Sidebar ===== */
.sidebar[b-cvdkq1xbe7] {
    width: 248px;
    min-width: 248px;
    background: #0f0f10;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 2px 0 24px rgba(0, 0, 0, 0.2);
}

/* ===== Sidebar header (logo + search + close) ===== */
.sidebar-header[b-cvdkq1xbe7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
    gap: 0.75rem;
}

.sidebar-brand[b-cvdkq1xbe7] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.sidebar-brand-text[b-cvdkq1xbe7] {
    font-size: 1rem;
    font-weight: 700;
    color: #fafafa;
    letter-spacing: -0.02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-brand-badge[b-cvdkq1xbe7] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: rgba(34, 197, 94, 0.18);
    border: 1px solid rgba(34, 197, 94, 0.4);
    color: #22c55e;
    padding: 0.1rem 0.35rem;
    border-radius: 999px;
    flex-shrink: 0;
}

.sidebar-actions[b-cvdkq1xbe7] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.sidebar-btn[b-cvdkq1xbe7] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #a1a1aa;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.sidebar-btn:hover[b-cvdkq1xbe7] {
    background: rgba(255, 255, 255, 0.1);
    color: #fafafa;
}

.sidebar-search-icon[b-cvdkq1xbe7] {
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sidebar-close-icon[b-cvdkq1xbe7] {
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M9 3v18'/%3E%3Cpath d='M15 3v18'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sidebar-open[b-cvdkq1xbe7] {
    position: fixed;
    left: 0;
    top: 1rem;
    z-index: 1000;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0 8px 8px 0;
    background: #0f0f10;
    color: #a1a1aa;
    cursor: pointer;
    box-shadow: 2px 0 8px rgba(0,0,0,0.2);
    transition: background 0.15s ease, color 0.15s ease;
}

.sidebar-open:hover[b-cvdkq1xbe7] {
    background: #1a1a1b;
    color: #fafafa;
}

.sidebar-open-icon[b-cvdkq1xbe7] {
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sidebar.collapsed[b-cvdkq1xbe7] {
    width: 0;
    min-width: 0;
    overflow: hidden;
    border-right: none;
}

/* ===== Nav menu (scrollable) ===== */
.nav-menu[b-cvdkq1xbe7] {
    flex: 1;
    padding: 0.5rem 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.nav-menu[b-cvdkq1xbe7]::-webkit-scrollbar {
    width: 4px;
}

.nav-menu[b-cvdkq1xbe7]::-webkit-scrollbar-track {
    background: transparent;
}

.nav-menu[b-cvdkq1xbe7]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 4px;
}

/* ===== Icons ===== */
.nav-icon[b-cvdkq1xbe7] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.85;
    transition: opacity 0.15s ease;
}

.nav-item:hover .nav-icon[b-cvdkq1xbe7],
.nav-item.active .nav-icon[b-cvdkq1xbe7],
.nav-group-title:hover .nav-icon[b-cvdkq1xbe7],
.nav-group.open .nav-group-title .nav-icon[b-cvdkq1xbe7] {
    opacity: 1;
}

.nav-icon-dashboard[b-cvdkq1xbe7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
}

.nav-icon-schools[b-cvdkq1xbe7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M22 10v6M2 10l10-5 10 5-10 5z'/%3E%3Cpath d='M6 12v5c0 2 2 3 6 3s6-1 6-3v-5'/%3E%3C/svg%3E");
}

.nav-icon-curriculum[b-cvdkq1xbe7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E");
}

.nav-icon-ai[b-cvdkq1xbe7],
.nav-icon-settings[b-cvdkq1xbe7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42'/%3E%3C/svg%3E");
}

.nav-icon-sms[b-cvdkq1xbe7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.nav-icon-security[b-cvdkq1xbe7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
}

.nav-icon-quiz[b-cvdkq1xbe7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
}

.nav-icon-licensing[b-cvdkq1xbe7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3E%3Cpath d='M1 10h22'/%3E%3C/svg%3E");
}

.nav-icon-analytics[b-cvdkq1xbe7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M18 20V10'/%3E%3Cpath d='M12 20V4'/%3E%3Cpath d='M6 20v-6'/%3E%3C/svg%3E");
}

/* ===== Nav group (expandable section) ===== */
.nav-group[b-cvdkq1xbe7] {
    margin: 0 0.5rem;
    border-radius: 8px;
    overflow: hidden;
}

.nav-group-title[b-cvdkq1xbe7] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: none;
    border: none;
    color: #a1a1aa;
    font-size: 0.8125rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: color 0.15s ease, background 0.15s ease;
    border-radius: 6px;
}

.nav-group-title:hover[b-cvdkq1xbe7] {
    background: rgba(255, 255, 255, 0.04);
    color: #fafafa;
}

.nav-group[open] .nav-group-title[b-cvdkq1xbe7] {
    color: #fafafa;
}

.nav-group-coming-soon .nav-group-title[b-cvdkq1xbe7]::after {
    content: "Coming soon";
    margin-left: 0.5rem;
    padding: 0.125rem 0.4rem;
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.16);
    border: 1px solid rgba(245, 158, 11, 0.42);
    color: #fbbf24;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.nav-group-chevron[b-cvdkq1xbe7] {
    margin-left: auto;
    width: 10px;
    height: 10px;
    border-right: 1.5px solid #71717a;
    border-bottom: 1.5px solid #71717a;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

.nav-group[open] .nav-group-chevron[b-cvdkq1xbe7] {
    transform: rotate(-135deg);
    border-color: #a1a1aa;
}

.nav-group-items[b-cvdkq1xbe7] {
    display: none;
    flex-direction: column;
    padding: 0.25rem 0 0.5rem 0;
}

.nav-group[open] .nav-group-items[b-cvdkq1xbe7] {
    display: flex;
}

/* ===== Nav items ===== */
.nav-item[b-cvdkq1xbe7] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.75rem 0.5rem 2rem;
    color: #a1a1aa;
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 500;
    border-left: none;
    border-radius: 6px;
    margin: 0 0.25rem;
    transition: color 0.15s ease, background 0.15s ease;
    position: relative;
}

.nav-item:first-of-type[b-cvdkq1xbe7] {
    margin-top: 0;
}

.nav-item:hover[b-cvdkq1xbe7] {
    background: rgba(255, 255, 255, 0.04);
    color: #fafafa;
}

.nav-item.active[b-cvdkq1xbe7] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border-left: none;
}

.nav-item.active[b-cvdkq1xbe7]::before {
    content: "";
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    background: #22c55e;
    border-radius: 2px;
}

/* Top-level single link (Dashboard) */
.nav-menu > .nav-item:first-child[b-cvdkq1xbe7] {
    margin: 0 0.5rem 0.25rem;
    padding: 0.5rem 0.75rem;
}

.nav-menu > .nav-item:first-child.active[b-cvdkq1xbe7]::before {
    left: 0.75rem;
}

/* Sub-items: slight indent, no icon so use ::before for dot or bar */
.nav-item.nav-sub[b-cvdkq1xbe7] {
    padding-left: 2.25rem;
    font-size: 0.8125rem;
}

.nav-item.nav-sub[b-cvdkq1xbe7]::before {
    left: 1rem;
}

/* ===== User footer ===== */
.user-info[b-cvdkq1xbe7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    font-size: 0.75rem;
    color: #71717a;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.2);
}

.user-info[b-cvdkq1xbe7]::before {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2371717a'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

/* ===== Main content ===== */
.main-content[b-cvdkq1xbe7] {
    flex: 1;
    padding: 2rem;
    background: #18181b;
    overflow: auto;
}

.page-title[b-cvdkq1xbe7] {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fafafa;
    letter-spacing: -0.02em;
}
/* _content/QuestifyAI.WebApp/Components/Layout/TeacherLayout.razor.rz.scp.css */
/* Teacher layout – ChatGPT dark style (same as School Admin) */

.teacher-layout[b-7rv012vwm8] {
    display: flex;
    min-height: 100vh;
    background: #18181b;
    color: #fafafa;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.sidebar[b-7rv012vwm8] {
    width: 248px;
    min-width: 248px;
    background: #0f0f10;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 2px 0 24px rgba(0, 0, 0, 0.2);
}

.sidebar-header[b-7rv012vwm8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
    gap: 0.75rem;
}

.sidebar-brand[b-7rv012vwm8] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.sidebar-brand-text[b-7rv012vwm8] {
    font-size: 1rem;
    font-weight: 700;
    color: #fafafa;
    letter-spacing: -0.02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-actions[b-7rv012vwm8] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.sidebar-btn[b-7rv012vwm8] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #a1a1aa;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.sidebar-search-icon[b-7rv012vwm8] {
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sidebar-btn:hover[b-7rv012vwm8] {
    background: rgba(255, 255, 255, 0.1);
    color: #fafafa;
}

.sidebar-close-icon[b-7rv012vwm8] {
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M9 3v18'/%3E%3Cpath d='M15 3v18'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sidebar-open[b-7rv012vwm8] {
    position: fixed;
    left: 0;
    top: 1rem;
    z-index: 1000;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0 8px 8px 0;
    background: #0f0f10;
    color: #a1a1aa;
    cursor: pointer;
    box-shadow: 2px 0 8px rgba(0,0,0,0.2);
    transition: background 0.15s ease, color 0.15s ease;
}

.sidebar-open:hover[b-7rv012vwm8] {
    background: #1a1a1b;
    color: #fafafa;
}

.sidebar-open-icon[b-7rv012vwm8] {
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sidebar.collapsed[b-7rv012vwm8] {
    width: 0;
    min-width: 0;
    overflow: hidden;
    border-right: none;
}

.nav-group[b-7rv012vwm8] {
    margin-bottom: 1rem;
}

.nav-group-label[b-7rv012vwm8] {
    padding: 0.35rem 1rem 0.4rem;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #71717a;
}

.nav-group-hint[b-7rv012vwm8] {
    margin: 0.15rem 0.75rem 0.35rem 1rem;
    padding: 0;
    font-size: 0.72rem;
    line-height: 1.35;
    color: #52525b;
    font-weight: 400;
}

.nav-menu[b-7rv012vwm8] {
    flex: 1;
    padding: 0.5rem 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.nav-menu[b-7rv012vwm8]::-webkit-scrollbar {
    width: 4px;
}

.nav-menu[b-7rv012vwm8]::-webkit-scrollbar-track {
    background: transparent;
}

.nav-menu[b-7rv012vwm8]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 4px;
}

.nav-icon[b-7rv012vwm8] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.85;
    transition: opacity 0.15s ease;
}

.nav-item:hover .nav-icon[b-7rv012vwm8],
.nav-item.active .nav-icon[b-7rv012vwm8] {
    opacity: 1;
}

.nav-icon-dashboard[b-7rv012vwm8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
}

.nav-icon-library[b-7rv012vwm8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3Cpath d='M8 7h8'/%3E%3Cpath d='M8 11h8'/%3E%3C/svg%3E");
}

.nav-icon-chat[b-7rv012vwm8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.nav-icon-tools[b-7rv012vwm8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E");
}

.nav-icon-exams[b-7rv012vwm8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E");
}

.nav-icon-preview[b-7rv012vwm8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

.nav-icon-marketplace[b-7rv012vwm8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");
}

.nav-item[b-7rv012vwm8] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.75rem 0.5rem 2rem;
    color: #a1a1aa;
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: 6px;
    margin: 0 0.25rem;
    transition: color 0.15s ease, background 0.15s ease;
    position: relative;
}

.nav-item:first-of-type[b-7rv012vwm8] {
    margin-top: 0;
}

.nav-item:hover[b-7rv012vwm8] {
    background: rgba(255, 255, 255, 0.04);
    color: #fafafa;
}

.nav-item.active[b-7rv012vwm8] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.nav-item.active[b-7rv012vwm8]::before {
    content: "";
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    background: #22c55e;
    border-radius: 2px;
}

.nav-menu > .nav-item:first-child[b-7rv012vwm8] {
    margin: 0 0.5rem 0.25rem;
    padding: 0.5rem 0.75rem;
}

.nav-badge[b-7rv012vwm8] {
    margin-left: auto;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #71717a;
}

.user-info[b-7rv012vwm8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    font-size: 0.75rem;
    color: #71717a;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.2);
}

.user-info[b-7rv012vwm8]::before {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
}

.main-content[b-7rv012vwm8] {
    flex: 1;
    padding: 2rem;
    background: #18181b;
    overflow: auto;
}

.page-title[b-7rv012vwm8] {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fafafa;
    letter-spacing: -0.02em;
}
/* _content/QuestifyAI.WebApp/Components/Pages/SchoolAdmin/Dashboard.razor.rz.scp.css */
.page-title[b-15gy0u9ff6] {
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
    font-weight: 600;
    color: #fff;
}

.dashboard-cards[b-15gy0u9ff6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.card[b-15gy0u9ff6] {
    background: #2d2d2d;
    border-radius: 10px;
    padding: 1.5rem;
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.card-title[b-15gy0u9ff6] {
    font-size: 0.9rem;
    color: #9ca3af;
    margin-bottom: 0.5rem;
}

.card-value[b-15gy0u9ff6] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #fff;
}

.card-wide[b-15gy0u9ff6] {
    grid-column: 1 / -1;
    padding: 1.5rem;
}

.card-wide .card-value[b-15gy0u9ff6] {
    font-size: 1.25rem;
    font-weight: 500;
}

/* _content/QuestifyAI.WebApp/Components/Pages/StudentIndividual/Dashboard.razor.rz.scp.css */
/* QuestifyAI Individual Student Dashboard */

/* ─── Welcome Banner ─── */
.dash-welcome-banner[b-7xv8h5d073] {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 1.75rem;
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 30%, #a78bfa 60%, #7c3aed 100%);
    min-height: 130px;
}

.banner-decor[b-7xv8h5d073] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.banner-orb[b-7xv8h5d073] { position: absolute; border-radius: 50%; }
.banner-orb.orb-1[b-7xv8h5d073] { width: 200px; height: 200px; top: -60px; right: -40px; background: rgba(255, 255, 255, 0.1); }
.banner-orb.orb-2[b-7xv8h5d073] { width: 120px; height: 120px; bottom: -30px; right: 120px; background: rgba(255, 255, 255, 0.08); }
.banner-orb.orb-3[b-7xv8h5d073] { width: 80px; height: 80px; top: 20px; right: 200px; background: rgba(255, 255, 255, 0.06); }

.banner-dots[b-7xv8h5d073] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
    background-size: 24px 24px;
    opacity: 0.5;
}

.banner-content[b-7xv8h5d073] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.75rem 2rem;
    gap: 1.5rem;
}

.banner-left[b-7xv8h5d073] { flex: 1; min-width: 0; }

.banner-date[b-7xv8h5d073] {
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 0.5rem;
    font-weight: 500;
}

.banner-greeting[b-7xv8h5d073] {
    margin: 0 0 0.35rem;
    font-size: 1.65rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    line-height: 1.2;
    animation: fadeSlideUp-b-7xv8h5d073 0.5s ease both;
}

.banner-name[b-7xv8h5d073] { color: #fde68a; }

.banner-subtitle[b-7xv8h5d073] {
    margin: 0;
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.75);
    animation: fadeSlideUp-b-7xv8h5d073 0.5s ease both 0.1s;
}

@keyframes fadeSlideUp-b-7xv8h5d073 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.banner-right[b-7xv8h5d073] {
    flex-shrink: 0;
    animation: avatarPop-b-7xv8h5d073 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both 0.15s;
}

@keyframes avatarPop-b-7xv8h5d073 {
    from { transform: scale(0.6); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.banner-avatar[b-7xv8h5d073] {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    border: 3px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

/* ─── Stats ─── */
.dash-stats-row[b-7xv8h5d073] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.85rem;
    margin-bottom: 1.5rem;
}

.dash-stat-card[b-7xv8h5d073] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.15rem;
    background: #141416;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.dash-stat-card:hover[b-7xv8h5d073] {
    border-color: rgba(255, 255, 255, 0.1);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.stat-icon[b-7xv8h5d073] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon.quizzes[b-7xv8h5d073] { background: rgba(16, 185, 129, 0.12); color: #34d399; }
.stat-icon.score[b-7xv8h5d073] { background: rgba(236, 72, 153, 0.12); color: #f472b6; }
.stat-icon.ai[b-7xv8h5d073] { background: rgba(14, 165, 233, 0.12); color: #38bdf8; }

.stat-info[b-7xv8h5d073] { display: flex; flex-direction: column; min-width: 0; }
.stat-value[b-7xv8h5d073] { font-size: 1.35rem; font-weight: 700; color: #f4f4f5; letter-spacing: -0.02em; line-height: 1.2; }
.stat-label[b-7xv8h5d073] { font-size: 0.78rem; color: #71717a; font-weight: 500; }

/* ─── Actions ─── */
.dash-actions[b-7xv8h5d073] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 1.75rem;
}

.dash-action-btn[b-7xv8h5d073] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.6rem 1.15rem;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    cursor: pointer;
    white-space: nowrap;
}

.dash-action-btn.primary[b-7xv8h5d073] {
    background: linear-gradient(135deg, #7c3aed, #8b5cf6);
    color: #fff;
    border: none;
}

.dash-action-btn.primary:hover[b-7xv8h5d073] {
    background: linear-gradient(135deg, #6d28d9, #7c3aed);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.35);
}

.dash-action-btn.outline[b-7xv8h5d073] {
    background: transparent;
    color: #a1a1aa;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.dash-action-btn.outline:hover[b-7xv8h5d073] {
    background: rgba(255, 255, 255, 0.04);
    color: #f4f4f5;
    border-color: rgba(255, 255, 255, 0.15);
}

/* ─── Panel ─── */
.dash-panel[b-7xv8h5d073] {
    background: #141416;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    overflow: hidden;
}

.panel-header[b-7xv8h5d073] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.panel-header h3[b-7xv8h5d073] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #f4f4f5;
}

.panel-body[b-7xv8h5d073] { padding: 1rem 1.25rem; }

.panel-empty[b-7xv8h5d073] {
    text-align: center;
    padding: 1.5rem 1rem;
    color: #52525b;
}

.panel-empty svg[b-7xv8h5d073] { margin-bottom: 0.65rem; opacity: 0.5; }
.panel-empty p[b-7xv8h5d073] { margin: 0 0 0.25rem; font-size: 0.9rem; color: #71717a; font-weight: 500; }
.panel-empty span[b-7xv8h5d073] { font-size: 0.8rem; color: #52525b; }

/* ─── Responsive ─── */
@media (max-width: 640px) {
    .banner-content[b-7xv8h5d073] { padding: 1.25rem 1.25rem; }
    .banner-greeting[b-7xv8h5d073] { font-size: 1.3rem; }
    .banner-right[b-7xv8h5d073] { display: none; }
    .dash-stats-row[b-7xv8h5d073] { grid-template-columns: repeat(2, 1fr); }
}
/* _content/QuestifyAI.WebApp/Components/Pages/StudentIndividual/LearnWithAI.razor.rz.scp.css */
/* ChatGPT-style landing + conversation shell */

:root[b-5mchsrecck] {
    --chat-page-bg: #000000;
    --panel-bg: #111111;
    --panel-bg-2: #171717;
    --panel-border: rgba(255, 255, 255, 0.08);
    --panel-border-strong: rgba(255, 255, 255, 0.16);
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.72);
    --text-muted: rgba(255, 255, 255, 0.5);
    --white: #ffffff;
    --black: #000000;
    --ease-out: cubic-bezier(0.2, 0, 0, 1);
}

/* Light-theme overrides (system or explicit light mode) */
@media (prefers-color-scheme: light) {
    :root[b-5mchsrecck] {
        --chat-page-bg: #ffffff;
        --panel-bg: #ffffff;
        --panel-bg-2: #f7f7fb;
        --panel-border: rgba(15,23,42,0.06);
        --panel-border-strong: rgba(15,23,42,0.12);
        --text-primary: #0f172a;
        --text-secondary: rgba(15,23,42,0.72);
        --text-muted: rgba(15,23,42,0.5);
        --white: #ffffff;
        --black: #000000;
    }
}

.chat-container.learn-ai[b-5mchsrecck] {
    min-height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--chat-page-bg);
    color: var(--text-primary);
    overflow: hidden;
}

.chat-shell[b-5mchsrecck] {
    display: flex;
    gap: 1rem;
    align-items: stretch;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.chat-sidebar[b-5mchsrecck] {
    width: 18rem;
    background: transparent;
    border-right: 1px solid var(--panel-border);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.chat-sidebar.collapsed[b-5mchsrecck] {
    width: 4.5rem;
    padding-inline: 0.75rem;
}

.chat-sidebar.collapsed .sidebar-title[b-5mchsrecck],
.chat-sidebar.collapsed .sidebar-list[b-5mchsrecck],
.chat-sidebar.collapsed .chat-icon-btn[title="New chat"][b-5mchsrecck] {
    display: none;
}

.chat-sidebar.collapsed .sidebar-header[b-5mchsrecck] {
    justify-content: center;
}

.chat-sidebar.collapsed .chat-icon-btn[title="Toggle conversations"] svg[b-5mchsrecck] {
    transform: rotate(180deg);
}

.chat-sidebar.collapsed .sidebar-header .chat-icon-btn:first-child[b-5mchsrecck] {
    margin-inline: auto;
}

.sidebar-header[b-5mchsrecck] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0.5rem;
}

.sidebar-title[b-5mchsrecck] { font-weight:600; color:var(--text-secondary); }
.sidebar-list[b-5mchsrecck] { display:flex; flex-direction:column; gap:0.45rem; overflow:auto; }
.sidebar-list[b-5mchsrecck] { max-height: calc(100vh - 140px); }
.sidebar-empty[b-5mchsrecck] { color:var(--text-secondary); padding:0.6rem; }
.session-item[b-5mchsrecck] {
    text-align:left;
    padding:0.6rem 0.7rem;
    border-radius:10px;
    background:transparent;
    color:var(--text-primary);
    border:1px solid transparent;
    cursor:pointer;
}
.session-item:hover[b-5mchsrecck] { background: rgba(255,255,255,0.02); border-color:var(--panel-border-strong); }
.session-item.active[b-5mchsrecck] { background: rgba(255,255,255,0.04); border-color:var(--panel-border-strong); }
.session-title[b-5mchsrecck] { font-size:0.92rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.session-meta[b-5mchsrecck] { font-size:0.75rem; color:var(--text-muted); }

.chat-main[b-5mchsrecck] { flex:1; display:flex; flex-direction:column; min-width:0; min-height:0; }

.chat-header[b-5mchsrecck] {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(0, 0, 0, 0.86);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.chat-header-left[b-5mchsrecck],
.chat-header-actions[b-5mchsrecck] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.chat-model-badge[b-5mchsrecck] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary);
    font-size: 0.92rem;
    font-weight: 500;
}

.model-dot[b-5mchsrecck] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--white);
}

.chat-icon-btn[b-5mchsrecck] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    border: 1px solid var(--panel-border);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.chat-icon-btn:hover[b-5mchsrecck] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
    border-color: var(--panel-border-strong);
}

.chat-messages[b-5mchsrecck] {
    flex: 1;
    width: 100%;
    max-width: 56rem;
    margin: 0 auto;
    padding: 2.25rem 1rem 1rem;
    overflow-y: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Modern scrollbar styling for webkit + Firefox */
.chat-messages[b-5mchsrecck], .sidebar-list[b-5mchsrecck] { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.12) transparent; }
.chat-messages[b-5mchsrecck]::-webkit-scrollbar, .sidebar-list[b-5mchsrecck]::-webkit-scrollbar { width: 10px; height: 10px; }
.chat-messages[b-5mchsrecck]::-webkit-scrollbar-track, .sidebar-list[b-5mchsrecck]::-webkit-scrollbar-track { background: transparent; }
.chat-messages[b-5mchsrecck]::-webkit-scrollbar-thumb, .sidebar-list[b-5mchsrecck]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
}
.chat-messages[b-5mchsrecck]::-webkit-scrollbar-thumb:hover, .sidebar-list[b-5mchsrecck]::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.18); }

/* Light theme scrollbar adjustments */
@media (prefers-color-scheme: light) {
    .chat-messages[b-5mchsrecck], .sidebar-list[b-5mchsrecck] { scrollbar-color: rgba(15,23,42,0.12) transparent; }
    .chat-messages[b-5mchsrecck]::-webkit-scrollbar-thumb, .sidebar-list[b-5mchsrecck]::-webkit-scrollbar-thumb {
        background: rgba(15,23,42,0.12);
    }
    .chat-input-inner[b-5mchsrecck] { background: #f3f4f6; border-color: rgba(15,23,42,0.06); }
}

.chat-welcome[b-5mchsrecck] {
    min-height: max(28rem, calc(100% - 2rem));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 0 3rem;
}

.welcome-glow[b-5mchsrecck] { display: none; }

.welcome-icon[b-5mchsrecck] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    margin-bottom: 1.25rem;
    border-radius: 999px;
    border: 1px solid var(--panel-border);
    background: var(--panel-bg);
    color: var(--text-primary);
}

.welcome-title[b-5mchsrecck] {
    margin: 0;
    font-size: clamp(2rem, 3.5vw, 3.25rem);
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -0.04em;
}

.welcome-subtitle[b-5mchsrecck] {
    margin: 0.85rem 0 0;
    max-width: 38rem;
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.6;
}

.subject-active-badge[b-5mchsrecck] {
    margin-top: 1.2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    color: var(--text-primary);
    font-size: 0.82rem;
}

.subject-active-badge button[b-5mchsrecck],
.input-subject-tag button[b-5mchsrecck] {
    border: 0;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    padding: 0;
}

.subject-chips[b-5mchsrecck] {
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
}

.subject-chip[b-5mchsrecck] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    border: 1px solid var(--panel-border);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.18s var(--ease-out);
}

.subject-chip:hover[b-5mchsrecck] {
    border-color: var(--panel-border-strong);
    background: rgba(255, 255, 255, 0.04);
    color: var(--text-primary);
}

.subject-chip.active[b-5mchsrecck] {
    background: var(--white);
    border-color: var(--white);
    color: var(--black);
}

.chip-icon[b-5mchsrecck] { font-size: 0.95rem; }

.quick-actions-grid[b-5mchsrecck] {
    margin-top: 1.5rem;
    width: 100%;
    max-width: 36rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.quick-action-card[b-5mchsrecck] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    border: 1px solid var(--panel-border);
    background: var(--panel-bg);
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
    transition: transform 0.18s var(--ease-out), border-color 0.18s var(--ease-out), background 0.18s var(--ease-out);
}

.quick-action-card:hover[b-5mchsrecck] {
    background: var(--panel-bg-2);
    border-color: var(--panel-border-strong);
    transform: translateY(-1px);
}

.quick-action-icon[b-5mchsrecck] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-primary);
}

.quick-action-text[b-5mchsrecck] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.quick-action-text b[b-5mchsrecck] {
    font-size: 0.9rem;
    font-weight: 600;
}

.quick-action-text span[b-5mchsrecck] {
    font-size: 0.78rem;
    color: var(--text-secondary);
    line-height: 1.35;
}

.chat-message[b-5mchsrecck] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.chat-message.user[b-5mchsrecck] {
    flex-direction: row-reverse;
}

.chat-avatar[b-5mchsrecck] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid var(--panel-border);
}

.chat-avatar.ai[b-5mchsrecck] {
    background: var(--panel-bg);
    color: var(--text-primary);
}

.chat-avatar.user[b-5mchsrecck] {
    background: #1c1c1c;
    color: var(--text-secondary);
}

.chat-bubble-wrap[b-5mchsrecck] {
    max-width: min(44rem, calc(100% - 3rem));
}

.chat-bubble[b-5mchsrecck] {
    display: inline-block;
    max-width: 100%;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    color: var(--text-primary);
    line-height: 1.65;
    font-size: 0.96rem;
}

.user .chat-bubble[b-5mchsrecck] {
    background: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.05);
}

.assistant .chat-bubble[b-5mchsrecck] {
    background: #111111;
}

.message-actions[b-5mchsrecck] {
    display: flex;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.msg-action-btn[b-5mchsrecck] {
    width: 1.8rem;
    height: 1.8rem;
    display: grid;
    place-items: center;
    border-radius: 8px;
    border: 1px solid var(--panel-border);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.msg-action-btn:hover[b-5mchsrecck] {
    color: var(--text-primary);
    border-color: var(--panel-border-strong);
    background: rgba(255, 255, 255, 0.05);
}

.typing-indicator[b-5mchsrecck] {
    display: inline-flex;
    gap: 0.3rem;
    padding: 0.55rem 0;
}

.typing-indicator span[b-5mchsrecck] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--text-secondary);
    animation: dotPulse-b-5mchsrecck 1.2s infinite ease-in-out;
}

.typing-indicator span:nth-child(2)[b-5mchsrecck] { animation-delay: 0.15s; }
.typing-indicator span:nth-child(3)[b-5mchsrecck] { animation-delay: 0.3s; }

@keyframes dotPulse-b-5mchsrecck {
    0%, 80%, 100% { transform: translateY(0); opacity: 0.45; }
    40% { transform: translateY(-3px); opacity: 1; }
}

.follow-up-suggestions[b-5mchsrecck] {
    margin-left: 3rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.suggestion-chip[b-5mchsrecck] {
    padding: 0.42rem 0.8rem;
    border-radius: 999px;
    border: 1px solid var(--panel-border);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.suggestion-chip:hover[b-5mchsrecck] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
    border-color: var(--panel-border-strong);
}

.chat-input-wrap[b-5mchsrecck] {
    width: 100%;
    max-width: 56rem;
    margin: 0 auto;
    padding: 0.65rem 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
}

.question-type-toggle[b-5mchsrecck] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.qtype-btn[b-5mchsrecck] {
    padding: 0.34rem 0.8rem;
    border-radius: 999px;
    border: 1px solid var(--panel-border);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.qtype-btn:hover[b-5mchsrecck] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
    border-color: var(--panel-border-strong);
}

.qtype-btn.active[b-5mchsrecck] {
    background: var(--white);
    color: var(--black);
    border-color: var(--white);
}

.input-subject-tag[b-5mchsrecck] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    color: var(--text-primary);
    font-size: 0.78rem;
}

.chat-input-inner[b-5mchsrecck] {
    width: 100%;
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    padding: 0.55rem 0.65rem 0.55rem 0.8rem;
    border-radius: 999px;
    background: #202020;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.chat-input-inner:focus-within[b-5mchsrecck] {
    border-color: rgba(255, 255, 255, 0.15);
}

.chat-input[b-5mchsrecck] {
    flex: 1;
    min-height: 1.25rem;
    max-height: 9rem;
    resize: none;
    border: none;
    outline: none;
    background: transparent;
    color: var(--text-primary);
    font-size: 0.98rem;
    line-height: 1.5;
    padding: 0.15rem 0;
    font-family: inherit;
}

.chat-input[b-5mchsrecck]::placeholder {
    color: var(--text-muted);
}

.chat-add-btn[b-5mchsrecck],
.chat-send-btn[b-5mchsrecck] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    border-radius: 999px;
    border: 0;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.chat-add-btn[b-5mchsrecck] {
    background: transparent;
    color: var(--text-secondary);
}

.chat-add-btn:hover[b-5mchsrecck] {
    color: var(--text-primary);
}

.chat-send-btn[b-5mchsrecck] {
    background: var(--white);
    color: var(--black);
}

.chat-send-btn.active:hover[b-5mchsrecck] {
    transform: scale(1.03);
}

.chat-disclaimer[b-5mchsrecck] {
    margin: 0;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.72rem;
}

.exam-context-badge[b-5mchsrecck] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    border: 1px solid var(--panel-border);
    color: var(--text-secondary);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.exam-context-badge.bece[b-5mchsrecck],
.exam-context-badge.wassce[b-5mchsrecck] {
    color: var(--text-primary);
}

@media (max-width: 720px) {
    .chat-header[b-5mchsrecck] { padding: 0 0.85rem; }
    .chat-messages[b-5mchsrecck] { padding: 1.25rem 0.85rem 1rem; }
    .chat-welcome[b-5mchsrecck] { min-height: auto; padding: 3rem 0 2rem; }
    .quick-actions-grid[b-5mchsrecck] { grid-template-columns: 1fr; }
    .chat-input-wrap[b-5mchsrecck] { padding-inline: 0.85rem; }
    .follow-up-suggestions[b-5mchsrecck] { margin-left: 0; }
}

@media (max-width: 980px) {
    .chat-shell[b-5mchsrecck] { flex-direction: column; }
    .chat-sidebar[b-5mchsrecck] {
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        padding: 0.5rem;
        border-right: 0;
        border-bottom: 1px solid var(--panel-border);
        overflow-x: auto;
        max-height: none;
    }
    .sidebar-list[b-5mchsrecck] { flex-direction: row; gap: 0.5rem; max-height: none; }
    .session-item[b-5mchsrecck] { white-space: nowrap; padding: 0.45rem 0.6rem; border-radius: 12px; }
    .chat-main[b-5mchsrecck] { order: 2; }
}
/* _content/QuestifyAI.WebApp/Components/Pages/StudentSchool/Chat.razor.rz.scp.css */
/* QuestifyAI Chat — Premium Sidebar + Chat Interface */

:root[b-w620v8ns3z] {
    --chat-bg: #0a0a0b;
    --chat-surface: #141416;
    --sidebar-bg: #0e0e10;
    --chat-input-bg: #1a1a1e;
    --user-bubble-bg: #1e1e22;
    --ai-accent: #10b981;
    --ai-accent-soft: rgba(16, 185, 129, 0.12);
    --text-primary: #f4f4f5;
    --text-secondary: #a1a1aa;
    --text-muted: #63636e;
    --border-subtle: rgba(255, 255, 255, 0.06);
    --border-hover: rgba(255, 255, 255, 0.12);
    --danger: #ef4444;
    --danger-soft: rgba(239, 68, 68, 0.12);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ─── Page Layout ─── */
.chat-page[b-w620v8ns3z] {
    display: flex;
    height: 100%;
    background: var(--chat-bg);
    color: var(--text-primary);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    overflow: hidden;
}

/* ─── Sidebar ─── */
.chat-sidebar[b-w620v8ns3z] {
    width: 0;
    min-width: 0;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--sidebar-bg);
    border-right: 1px solid transparent;
    transition: width 0.3s var(--ease-out), min-width 0.3s var(--ease-out), border-color 0.3s;
}

.chat-sidebar.open[b-w620v8ns3z] {
    width: 260px;
    min-width: 260px;
    border-right-color: var(--border-subtle);
}

.sidebar-top[b-w620v8ns3z] {
    padding: 0.75rem;
}

.new-chat-btn[b-w620v8ns3z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.6rem 0.85rem;
    background: transparent;
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    color: var(--text-secondary);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s var(--ease-out);
}

.new-chat-btn:hover[b-w620v8ns3z] {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--border-hover);
    color: var(--text-primary);
}

/* Sidebar Search */
.sidebar-search[b-w620v8ns3z] {
    position: relative;
    padding: 0 0.75rem 0.5rem;
}

.search-icon[b-w620v8ns3z] {
    position: absolute;
    left: 1.1rem;
    top: 50%;
    transform: translateY(-70%);
    color: var(--text-muted);
    pointer-events: none;
}

.search-input[b-w620v8ns3z] {
    width: 100%;
    padding: 0.5rem 0.75rem 0.5rem 2rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--text-primary);
    font-size: 0.82rem;
    transition: all 0.2s;
}

.search-input[b-w620v8ns3z]::placeholder { color: var(--text-muted); }
.search-input:focus[b-w620v8ns3z] {
    outline: none;
    border-color: var(--border-subtle);
    background: rgba(255, 255, 255, 0.05);
}

/* Session List */
.sidebar-sessions[b-w620v8ns3z] {
    flex: 1;
    overflow-y: auto;
    padding: 0 0.5rem 0.5rem;
}

.sidebar-sessions[b-w620v8ns3z]::-webkit-scrollbar { width: 4px; }
.sidebar-sessions[b-w620v8ns3z]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 10px;
}

.session-group-label[b-w620v8ns3z] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted);
    padding: 0.75rem 0.6rem 0.35rem;
}

.session-item[b-w620v8ns3z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.6rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    position: relative;
}

.session-item:hover[b-w620v8ns3z] { background: rgba(255, 255, 255, 0.04); }

.session-item.active[b-w620v8ns3z] {
    background: var(--ai-accent-soft);
}

.session-item.active .session-title[b-w620v8ns3z] {
    color: var(--ai-accent);
}

.session-icon[b-w620v8ns3z] {
    color: var(--text-muted);
    flex-shrink: 0;
}

.session-item.active .session-icon[b-w620v8ns3z] { color: var(--ai-accent); }

.session-title[b-w620v8ns3z] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.session-delete[b-w620v8ns3z] {
    opacity: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--text-muted);
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.15s;
}

.session-item:hover .session-delete[b-w620v8ns3z] { opacity: 1; }
.session-delete:hover[b-w620v8ns3z] {
    background: var(--danger-soft);
    color: var(--danger);
}

.sidebar-placeholder[b-w620v8ns3z] {
    padding: 1rem 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.skeleton-line[b-w620v8ns3z] {
    height: 12px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 6px;
    animation: shimmer-b-w620v8ns3z 1.5s ease-in-out infinite;
}

.skeleton-line.short[b-w620v8ns3z] { width: 65%; }

@keyframes shimmer-b-w620v8ns3z {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

.sidebar-empty[b-w620v8ns3z] {
    padding: 1.5rem 0.6rem;
    color: var(--text-muted);
    font-size: 0.82rem;
    text-align: center;
    line-height: 1.5;
}

/* ─── Main Chat Area ─── */
.chat-main[b-w620v8ns3z] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.chat-main-header[b-w620v8ns3z] {
    display: flex;
    align-items: center;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--border-subtle);
    gap: 0.75rem;
    min-height: 52px;
}

.sidebar-toggle[b-w620v8ns3z] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.sidebar-toggle:hover[b-w620v8ns3z] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-secondary);
}

.chat-main-title[b-w620v8ns3z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.92rem;
    font-weight: 600;
    flex: 1;
}

.title-dot[b-w620v8ns3z] {
    width: 7px;
    height: 7px;
    background: var(--ai-accent);
    border-radius: 50%;
    box-shadow: 0 0 6px var(--ai-accent);
}

.chat-icon-btn[b-w620v8ns3z] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s;
}

.chat-icon-btn:hover[b-w620v8ns3z] {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--border-hover);
    color: var(--text-primary);
}

/* ─── Messages ─── */
.chat-messages[b-w620v8ns3z] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 52rem;
    width: 100%;
    margin: 0 auto;
    scroll-behavior: smooth;
}

.chat-messages[b-w620v8ns3z]::-webkit-scrollbar { width: 5px; }
.chat-messages[b-w620v8ns3z]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}

/* Empty State */
.chat-empty-state[b-w620v8ns3z] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    animation: fadeUp-b-w620v8ns3z 0.5s var(--ease-out);
}

@keyframes fadeUp-b-w620v8ns3z {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

.empty-icon[b-w620v8ns3z] {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: var(--ai-accent-soft);
    color: var(--ai-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.empty-title[b-w620v8ns3z] {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 0 0.5rem;
}

.empty-desc[b-w620v8ns3z] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    max-width: 380px;
    line-height: 1.5;
    margin: 0 0 1.75rem;
}

.empty-actions[b-w620v8ns3z] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.empty-action-btn[b-w620v8ns3z] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    background: var(--chat-surface);
    border: 1px solid var(--border-subtle);
    border-radius: 100px;
    color: var(--text-secondary);
    font-size: 0.82rem;
    cursor: pointer;
    transition: all 0.2s var(--ease-out);
}

.empty-action-btn:hover[b-w620v8ns3z] {
    background: var(--ai-accent-soft);
    border-color: var(--ai-accent);
    color: var(--ai-accent);
}

/* Message Bubbles */
.chat-message[b-w620v8ns3z] {
    display: flex;
    gap: 0.75rem;
    max-width: 100%;
    animation: msgIn-b-w620v8ns3z 0.3s var(--ease-out);
}

@keyframes msgIn-b-w620v8ns3z {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.chat-message.user[b-w620v8ns3z] { flex-direction: row-reverse; }

.chat-avatar[b-w620v8ns3z] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.chat-avatar.ai[b-w620v8ns3z] {
    background: var(--ai-accent-soft);
    color: var(--ai-accent);
}

.chat-avatar.user[b-w620v8ns3z] {
    background: var(--user-bubble-bg);
    color: var(--text-secondary);
}

.chat-bubble-wrap[b-w620v8ns3z] {
    flex: 1;
    min-width: 0;
}

.chat-bubble[b-w620v8ns3z] {
    line-height: 1.7;
    font-size: 0.92rem;
}

.user .chat-bubble[b-w620v8ns3z] {
    background: var(--user-bubble-bg);
    padding: 0.6rem 1rem;
    border-radius: 16px 16px 4px 16px;
    max-width: fit-content;
    margin-left: auto;
    color: var(--text-primary);
}

.assistant .chat-bubble[b-w620v8ns3z] {
    color: #d4d4d8;
    padding-top: 0.15rem;
}

.assistant .chat-bubble strong[b-w620v8ns3z] {
    color: var(--text-primary);
}

/* Message Actions */
.message-actions[b-w620v8ns3z] {
    display: flex;
    gap: 0.2rem;
    margin-top: 0.4rem;
    opacity: 0;
    transition: opacity 0.15s;
}

.chat-message:hover .message-actions[b-w620v8ns3z] { opacity: 1; }

.msg-action-btn[b-w620v8ns3z] {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.msg-action-btn:hover[b-w620v8ns3z] {
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--border-subtle);
    color: var(--text-secondary);
}

/* Typing Indicator */
.typing-indicator[b-w620v8ns3z] {
    display: flex;
    gap: 4px;
    padding: 0.6rem 0;
}

.typing-indicator span[b-w620v8ns3z] {
    width: 6px;
    height: 6px;
    background: var(--text-muted);
    border-radius: 50%;
    animation: typingBounce-b-w620v8ns3z 1.4s ease-in-out infinite;
}

.typing-indicator span:nth-child(2)[b-w620v8ns3z] { animation-delay: 0.2s; }
.typing-indicator span:nth-child(3)[b-w620v8ns3z] { animation-delay: 0.4s; }

@keyframes typingBounce-b-w620v8ns3z {
    0%, 60%, 100% { transform: translateY(0); opacity: 0.35; }
    30% { transform: translateY(-5px); opacity: 1; }
}

/* Follow-up Suggestions */
.follow-up-suggestions[b-w620v8ns3z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding-left: 40px;
    animation: fadeUp-b-w620v8ns3z 0.35s var(--ease-out);
}

.suggestion-chip[b-w620v8ns3z] {
    padding: 0.35rem 0.75rem;
    background: transparent;
    border: 1px solid var(--border-subtle);
    border-radius: 100px;
    color: var(--text-secondary);
    font-size: 0.78rem;
    cursor: pointer;
    transition: all 0.2s var(--ease-out);
}

.suggestion-chip:hover[b-w620v8ns3z] {
    background: var(--ai-accent-soft);
    border-color: var(--ai-accent);
    color: var(--ai-accent);
}

/* ─── Input Area ─── */
.chat-input-wrap[b-w620v8ns3z] {
    padding: 0.75rem 1.5rem 1.25rem;
    background: linear-gradient(to top, var(--chat-bg) 50%, transparent);
    z-index: 10;
}

.chat-input-inner[b-w620v8ns3z] {
    max-width: 48rem;
    width: 100%;
    margin: 0 auto;
    background: var(--chat-input-bg);
    border: 1px solid var(--border-subtle);
    border-radius: 20px;
    padding: 0.35rem 0.5rem 0.35rem 0.75rem;
    display: flex;
    align-items: flex-end;
    gap: 0.3rem;
    transition: all 0.25s var(--ease-out);
}

.chat-input-inner:focus-within[b-w620v8ns3z] {
    border-color: var(--border-hover);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 4px 16px rgba(0, 0, 0, 0.25);
}

.chat-input[b-w620v8ns3z] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--text-primary);
    padding: 0.5rem 0.35rem;
    font-size: 0.92rem;
    line-height: 1.5;
    max-height: 160px;
    overflow-y: auto;
    resize: none;
    font-family: inherit;
}

.chat-input:focus[b-w620v8ns3z] { outline: none; }
.chat-input[b-w620v8ns3z]::placeholder { color: var(--text-muted); }

.chat-add-btn[b-w620v8ns3z] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--text-muted);
    transition: all 0.15s;
    flex-shrink: 0;
}

.chat-add-btn:hover[b-w620v8ns3z] {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-secondary);
}

.chat-send-btn[b-w620v8ns3z] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background: var(--user-bubble-bg);
    color: var(--text-muted);
    transition: all 0.2s var(--ease-spring);
    flex-shrink: 0;
    margin-bottom: 1px;
}

.chat-send-btn.active[b-w620v8ns3z] {
    background: var(--text-primary);
    color: var(--chat-bg);
}

.chat-send-btn.active:hover[b-w620v8ns3z] { transform: scale(1.06); }
.chat-send-btn:disabled[b-w620v8ns3z] { cursor: not-allowed; transform: none; }

.chat-disclaimer[b-w620v8ns3z] {
    text-align: center;
    font-size: 0.7rem;
    color: var(--text-muted);
    margin-top: 0.55rem;
}

/* ─── Delete Modal ─── */
.modal-overlay[b-w620v8ns3z] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    animation: fadeIn-b-w620v8ns3z 0.15s;
}

@keyframes fadeIn-b-w620v8ns3z {
    from { opacity: 0; }
    to { opacity: 1; }
}

.modal-box[b-w620v8ns3z] {
    background: var(--chat-surface);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    padding: 2rem;
    max-width: 340px;
    width: 90%;
    text-align: center;
    animation: modalPop-b-w620v8ns3z 0.25s var(--ease-spring);
}

@keyframes modalPop-b-w620v8ns3z {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.modal-icon[b-w620v8ns3z] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--danger-soft);
    color: var(--danger);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.modal-box h3[b-w620v8ns3z] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.35rem;
}

.modal-box p[b-w620v8ns3z] {
    color: var(--text-secondary);
    font-size: 0.88rem;
    margin: 0 0 1.5rem;
}

.modal-actions[b-w620v8ns3z] {
    display: flex;
    gap: 0.5rem;
}

.modal-btn[b-w620v8ns3z] {
    flex: 1;
    padding: 0.6rem;
    border-radius: 10px;
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.15s;
}

.modal-btn.cancel[b-w620v8ns3z] {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-secondary);
}

.modal-btn.cancel:hover[b-w620v8ns3z] {
    background: rgba(255, 255, 255, 0.1);
    color: var(--text-primary);
}

.modal-btn.danger[b-w620v8ns3z] {
    background: var(--danger);
    color: white;
}

.modal-btn.danger:hover[b-w620v8ns3z] {
    background: #dc2626;
}

/* ─── Question Type Toggle ─── */
.question-type-toggle[b-w620v8ns3z] {
    display: flex;
    gap: 0.35rem;
    margin-bottom: 0.5rem;
}
.qtype-btn[b-w620v8ns3z] {
    padding: 0.3rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.5);
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}
.qtype-btn:hover[b-w620v8ns3z] {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.8);
}
.qtype-btn.active[b-w620v8ns3z] {
    background: rgba(16,185,129,0.15);
    color: #10b981;
    border-color: rgba(16,185,129,0.3);
}

/* ─── Responsive ─── */
@media (max-width: 768px) {
    .chat-sidebar[b-w620v8ns3z] {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 50;
        width: 0;
        min-width: 0;
    }
    .chat-sidebar.open[b-w620v8ns3z] {
        width: 260px;
        min-width: 260px;
        box-shadow: 8px 0 24px rgba(0, 0, 0, 0.5);
    }
    .chat-messages[b-w620v8ns3z] { padding: 1rem; }
    .chat-input-wrap[b-w620v8ns3z] { padding: 0.5rem 1rem 1rem; }
}
/* _content/QuestifyAI.WebApp/Components/Pages/StudentSchool/ChatHistory.razor.rz.scp.css */
.chat-history-page[b-2itzo79lau] {
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
}

.chat-history-header[b-2itzo79lau] {
    margin-bottom: 2rem;
}

.chat-history-header h1[b-2itzo79lau] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fafafa;
    margin: 0.5rem 0 0;
}

.chat-history-placeholder[b-2itzo79lau] {
    color: #71717a;
    font-size: 1rem;
}

.chat-history-list[b-2itzo79lau] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.chat-history-item[b-2itzo79lau] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
}

.chat-history-title[b-2itzo79lau] {
    flex: 1;
    color: #d4d4d8;
    text-decoration: none;
    font-size: 0.95rem;
}

.chat-history-title:hover[b-2itzo79lau] {
    color: #22c55e;
}

.chat-history-date[b-2itzo79lau] {
    font-size: 0.8rem;
    color: #71717a;
}

.chat-history-delete[b-2itzo79lau] {
    padding: 0.35rem 0.75rem;
    background: transparent;
    border: 1px solid rgba(239,68,68,0.5);
    border-radius: 6px;
    color: #fca5a5;
    font-size: 0.8rem;
    cursor: pointer;
}

.chat-history-delete:hover[b-2itzo79lau] {
    background: rgba(239,68,68,0.2);
}
/* _content/QuestifyAI.WebApp/Components/Pages/StudentSchool/Dashboard.razor.rz.scp.css */
/* QuestifyAI Student Dashboard — Premium Design */

/* ─── Welcome Banner ─── */
.dash-welcome-banner[b-hhigf1sw5f] {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 1.75rem;
    background: linear-gradient(135deg, #059669 0%, #10b981 30%, #34d399 60%, #059669 100%);
    min-height: 140px;
    transition: opacity 0.3s;
}

.dash-welcome-banner.loading[b-hhigf1sw5f] { opacity: 0.7; }

.banner-decor[b-hhigf1sw5f] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.banner-orb[b-hhigf1sw5f] {
    position: absolute;
    border-radius: 50%;
}

.banner-orb.orb-1[b-hhigf1sw5f] {
    width: 200px;
    height: 200px;
    top: -60px;
    right: -40px;
    background: rgba(255, 255, 255, 0.1);
}

.banner-orb.orb-2[b-hhigf1sw5f] {
    width: 120px;
    height: 120px;
    bottom: -30px;
    right: 120px;
    background: rgba(255, 255, 255, 0.08);
}

.banner-orb.orb-3[b-hhigf1sw5f] {
    width: 80px;
    height: 80px;
    top: 20px;
    right: 200px;
    background: rgba(255, 255, 255, 0.06);
}

.banner-dots[b-hhigf1sw5f] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
    background-size: 24px 24px;
    opacity: 0.5;
}

.banner-content[b-hhigf1sw5f] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.75rem 2rem;
    gap: 1.5rem;
}

.banner-left[b-hhigf1sw5f] {
    flex: 1;
    min-width: 0;
}

.banner-date[b-hhigf1sw5f] {
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 0.5rem;
    font-weight: 500;
}

.banner-greeting[b-hhigf1sw5f] {
    margin: 0 0 0.35rem;
    font-size: 1.65rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    line-height: 1.2;
    animation: fadeSlideUp-b-hhigf1sw5f 0.5s ease both;
}

.banner-name[b-hhigf1sw5f] {
    color: #fde68a;
}

.banner-subtitle[b-hhigf1sw5f] {
    margin: 0 0 0.85rem;
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 400;
    animation: fadeSlideUp-b-hhigf1sw5f 0.5s ease both 0.1s;
}

@keyframes fadeSlideUp-b-hhigf1sw5f {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.banner-badges[b-hhigf1sw5f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    animation: fadeSlideUp-b-hhigf1sw5f 0.5s ease both 0.2s;
}

.banner-badge[b-hhigf1sw5f] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.75rem;
    border-radius: 100px;
    font-size: 0.78rem;
    font-weight: 500;
    white-space: nowrap;
}

.banner-badge.school[b-hhigf1sw5f] {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    backdrop-filter: blur(4px);
}

.banner-school-logo[b-hhigf1sw5f] {
    width: 18px;
    height: 18px;
    object-fit: contain;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.9);
    padding: 1px;
}

.banner-badge.cls[b-hhigf1sw5f] {
    background: rgba(253, 230, 138, 0.2);
    color: #fde68a;
}

.banner-right[b-hhigf1sw5f] {
    flex-shrink: 0;
    animation: avatarPop-b-hhigf1sw5f 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both 0.15s;
}

@keyframes avatarPop-b-hhigf1sw5f {
    from { transform: scale(0.6); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.banner-avatar[b-hhigf1sw5f] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    border: 3px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
}

.banner-skeleton[b-hhigf1sw5f] {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.15);
    animation: skeletonPulse-b-hhigf1sw5f 1.4s ease-in-out infinite;
}

.banner-skeleton-name[b-hhigf1sw5f] { height: 28px; width: 260px; margin-bottom: 10px; }
.banner-skeleton-sub[b-hhigf1sw5f] { height: 18px; width: 200px; }

@keyframes skeletonPulse-b-hhigf1sw5f {
    0% { opacity: 0.4; }
    50% { opacity: 0.8; }
    100% { opacity: 0.4; }
}

/* ─── Stats Row ─── */
.dash-stats-row[b-hhigf1sw5f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.85rem;
    margin-bottom: 1.5rem;
}

.dash-stat-card[b-hhigf1sw5f] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.15rem;
    background: #141416;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.dash-stat-card:hover[b-hhigf1sw5f] {
    border-color: rgba(255, 255, 255, 0.1);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.stat-icon[b-hhigf1sw5f] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon.subjects[b-hhigf1sw5f] { background: rgba(99, 102, 241, 0.12); color: #818cf8; }
.stat-icon.tests[b-hhigf1sw5f] { background: rgba(16, 185, 129, 0.12); color: #34d399; }
.stat-icon.exams[b-hhigf1sw5f] { background: rgba(245, 158, 11, 0.12); color: #fbbf24; }
.stat-icon.quiz[b-hhigf1sw5f] { background: rgba(236, 72, 153, 0.12); color: #f472b6; }
.stat-icon.ai[b-hhigf1sw5f] { background: rgba(14, 165, 233, 0.12); color: #38bdf8; }

.stat-info[b-hhigf1sw5f] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.stat-value[b-hhigf1sw5f] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #f4f4f5;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.stat-label[b-hhigf1sw5f] {
    font-size: 0.78rem;
    color: #71717a;
    font-weight: 500;
}

.stat-skeleton[b-hhigf1sw5f] {
    display: inline-block;
    width: 32px;
    height: 20px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    animation: skeletonPulse-b-hhigf1sw5f 1.4s ease-in-out infinite;
}

/* ─── Quick Actions ─── */
.dash-actions[b-hhigf1sw5f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 1.75rem;
}

.dash-action-btn[b-hhigf1sw5f] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.6rem 1.15rem;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    cursor: pointer;
    white-space: nowrap;
}

.dash-action-btn.primary[b-hhigf1sw5f] {
    background: linear-gradient(135deg, #059669, #10b981);
    color: #fff;
    border: none;
}

.dash-action-btn.primary:hover[b-hhigf1sw5f] {
    background: linear-gradient(135deg, #047857, #059669);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);
}

.dash-action-btn.outline[b-hhigf1sw5f] {
    background: transparent;
    color: #a1a1aa;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.dash-action-btn.outline:hover[b-hhigf1sw5f] {
    background: rgba(255, 255, 255, 0.04);
    color: #f4f4f5;
    border-color: rgba(255, 255, 255, 0.15);
}

/* ─── Panels Grid ─── */
.dash-grid[b-hhigf1sw5f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 1rem;
}

.dash-panel[b-hhigf1sw5f] {
    background: #141416;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    overflow: hidden;
}

.panel-header[b-hhigf1sw5f] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.panel-header h3[b-hhigf1sw5f] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #f4f4f5;
}

.panel-body[b-hhigf1sw5f] {
    padding: 1rem 1.25rem;
}

/* Activity List */
.activity-list[b-hhigf1sw5f] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.activity-list li[b-hhigf1sw5f] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    font-size: 0.88rem;
    color: #a1a1aa;
    line-height: 1.5;
}

.activity-dot[b-hhigf1sw5f] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10b981;
    flex-shrink: 0;
    margin-top: 6px;
}

/* Events List */
.events-list[b-hhigf1sw5f] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.event-item[b-hhigf1sw5f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s;
}

.event-item:hover[b-hhigf1sw5f] {
    background: rgba(255, 255, 255, 0.04);
}

.event-icon[b-hhigf1sw5f] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(245, 158, 11, 0.1);
    color: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.event-info[b-hhigf1sw5f] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.event-title[b-hhigf1sw5f] {
    font-size: 0.88rem;
    color: #e4e4e7;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-date[b-hhigf1sw5f] {
    font-size: 0.76rem;
    color: #71717a;
}

.event-arrow[b-hhigf1sw5f] {
    color: #52525b;
    flex-shrink: 0;
}

/* Empty State */
.panel-empty[b-hhigf1sw5f] {
    text-align: center;
    padding: 1.5rem 1rem;
    color: #52525b;
}

.panel-empty svg[b-hhigf1sw5f] {
    margin-bottom: 0.65rem;
    opacity: 0.5;
}

.panel-empty p[b-hhigf1sw5f] {
    margin: 0 0 0.25rem;
    font-size: 0.9rem;
    color: #71717a;
    font-weight: 500;
}

.panel-empty span[b-hhigf1sw5f] {
    font-size: 0.8rem;
    color: #52525b;
}

/* ─── My Subjects Section ─── */
.dash-subjects-section[b-hhigf1sw5f] {
    margin-bottom: 1.5rem;
}

.section-header[b-hhigf1sw5f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.section-header h3[b-hhigf1sw5f] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: #e4e4e7;
}

.section-count[b-hhigf1sw5f] {
    font-size: 0.8rem;
    color: #71717a;
    font-weight: 500;
}

.subjects-grid[b-hhigf1sw5f] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

.subject-card[b-hhigf1sw5f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    background: #18181b;
    border: 1px solid #27272a;
    border-radius: 12px;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.subject-card:hover[b-hhigf1sw5f] {
    border-color: #059669;
    box-shadow: 0 0 0 1px rgba(5, 150, 105, 0.15);
}

.subject-card.skeleton[b-hhigf1sw5f] {
    height: 60px;
    background: linear-gradient(90deg, #18181b 25%, #27272a 50%, #18181b 75%);
    background-size: 200% 100%;
    animation: shimmer-b-hhigf1sw5f 1.5s infinite;
    border-color: transparent;
}

@keyframes shimmer-b-hhigf1sw5f {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.subject-icon[b-hhigf1sw5f] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(5, 150, 105, 0.12);
    border-radius: 10px;
    color: #10b981;
    flex-shrink: 0;
}

.subject-info[b-hhigf1sw5f] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.subject-name[b-hhigf1sw5f] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #e4e4e7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subject-teacher[b-hhigf1sw5f] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.78rem;
    color: #71717a;
    margin-top: 2px;
}

.subject-teacher svg[b-hhigf1sw5f] {
    flex-shrink: 0;
    opacity: 0.7;
}

.subjects-empty[b-hhigf1sw5f] {
    text-align: center;
    padding: 2rem 1rem;
    background: #18181b;
    border: 1px dashed #27272a;
    border-radius: 12px;
    color: #52525b;
}

.subjects-empty svg[b-hhigf1sw5f] {
    margin-bottom: 0.65rem;
    opacity: 0.4;
}

.subjects-empty p[b-hhigf1sw5f] {
    margin: 0 0 0.25rem;
    font-size: 0.9rem;
    color: #71717a;
    font-weight: 500;
}

.subjects-empty span[b-hhigf1sw5f] {
    font-size: 0.8rem;
    color: #52525b;
}

/* ─── Responsive ─── */
@media (max-width: 640px) {
    .banner-content[b-hhigf1sw5f] { padding: 1.25rem 1.25rem; }
    .banner-greeting[b-hhigf1sw5f] { font-size: 1.3rem; }
    .banner-right[b-hhigf1sw5f] { display: none; }
    .dash-stats-row[b-hhigf1sw5f] { grid-template-columns: repeat(2, 1fr); }
    .subjects-grid[b-hhigf1sw5f] { grid-template-columns: 1fr; }
    .dash-grid[b-hhigf1sw5f] { grid-template-columns: 1fr; }
    .dash-actions[b-hhigf1sw5f] { gap: 0.5rem; }
    .dash-action-btn[b-hhigf1sw5f] { padding: 0.5rem 0.85rem; font-size: 0.82rem; }
}
/* _content/QuestifyAI.WebApp/Components/Pages/StudentSchool/Homework.razor.rz.scp.css */
.homework-page[b-6ocaj5siny] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #0a0a0a;
    overflow: hidden;
}

/* ─── Header ─── */
.hw-header[b-6ocaj5siny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    flex-shrink: 0;
}
.hw-header-left[b-6ocaj5siny] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.hw-badge[b-6ocaj5siny] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.88rem;
    color: #fafafa;
}
.hw-dot[b-6ocaj5siny] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
    animation: pulse-b-6ocaj5siny 2s infinite;
}
@keyframes pulse-b-6ocaj5siny {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.hw-mode-toggle[b-6ocaj5siny] {
    display: flex;
    gap: 0.35rem;
    background: rgba(255,255,255,0.04);
    border-radius: 10px;
    padding: 0.2rem;
}
.mode-btn[b-6ocaj5siny] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.85rem;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: rgba(255,255,255,0.5);
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}
.mode-btn:hover[b-6ocaj5siny] {
    color: rgba(255,255,255,0.8);
}
.mode-btn.active[b-6ocaj5siny] {
    background: rgba(16,185,129,0.15);
    color: #10b981;
}

/* ─── Messages ─── */
.hw-messages[b-6ocaj5siny] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    max-width: 52rem;
    width: 100%;
    margin: 0 auto;
}

.hw-messages[b-6ocaj5siny]::-webkit-scrollbar { width: 5px; }
.hw-messages[b-6ocaj5siny]::-webkit-scrollbar-track { background: transparent; }
.hw-messages[b-6ocaj5siny]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}
.hw-messages[b-6ocaj5siny]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.15);
}

/* Welcome */
.hw-welcome[b-6ocaj5siny] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3rem 1rem;
    max-width: 520px;
    margin: auto;
    animation: fadeIn-b-6ocaj5siny 0.5s ease;
}
.hw-welcome-icon[b-6ocaj5siny] {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(16,185,129,0.15), rgba(59,130,246,0.15));
    color: #10b981;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
.hw-welcome-title[b-6ocaj5siny] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fafafa;
    margin: 0 0 0.5rem;
}
.hw-welcome-desc[b-6ocaj5siny] {
    color: rgba(255,255,255,0.5);
    font-size: 0.92rem;
    margin: 0 0 2rem;
    line-height: 1.6;
}
.hw-features[b-6ocaj5siny] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}
.hw-feature[b-6ocaj5siny] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    text-align: left;
}
.feature-icon[b-6ocaj5siny] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
    flex-shrink: 0;
}
.help-icon[b-6ocaj5siny] { background: rgba(59,130,246,0.15); color: #60a5fa; }
.check-icon[b-6ocaj5siny] { background: rgba(16,185,129,0.15); color: #10b981; }
.hw-feature b[b-6ocaj5siny] {
    display: block;
    color: #fafafa;
    font-size: 0.88rem;
    margin-bottom: 0.15rem;
}
.hw-feature span[b-6ocaj5siny] {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.4);
}

/* Message bubbles */
.hw-message[b-6ocaj5siny] {
    display: flex;
    gap: 0.6rem;
    max-width: 85%;
    animation: fadeIn-b-6ocaj5siny 0.3s ease;
}
.hw-message.user[b-6ocaj5siny] {
    align-self: flex-end;
    flex-direction: row-reverse;
}
.hw-avatar[b-6ocaj5siny] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.hw-avatar.ai[b-6ocaj5siny] {
    background: rgba(16,185,129,0.15);
    color: #10b981;
}
.hw-avatar.user[b-6ocaj5siny] {
    background: rgba(99,102,241,0.15);
    color: #818cf8;
}
.hw-bubble[b-6ocaj5siny] {
    padding: 0.75rem 1rem;
    border-radius: 14px;
    font-size: 0.9rem;
    line-height: 1.65;
    color: #e4e4e7;
}
.hw-message.user .hw-bubble[b-6ocaj5siny] {
    background: rgba(99,102,241,0.12);
    border: 1px solid rgba(99,102,241,0.2);
}
.hw-message.assistant .hw-bubble[b-6ocaj5siny] {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
}

/* Typing */
.typing-indicator[b-6ocaj5siny] {
    display: flex;
    gap: 4px;
    padding: 0.3rem 0;
}
.typing-indicator span[b-6ocaj5siny] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10b981;
    animation: bounce-b-6ocaj5siny 1.4s infinite ease-in-out;
}
.typing-indicator span:nth-child(2)[b-6ocaj5siny] { animation-delay: 0.2s; }
.typing-indicator span:nth-child(3)[b-6ocaj5siny] { animation-delay: 0.4s; }
@keyframes bounce-b-6ocaj5siny {
    0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
    40% { transform: scale(1); opacity: 1; }
}

/* ─── Input ─── */
.hw-input-wrap[b-6ocaj5siny] {
    padding: 0.75rem 1.5rem 1.25rem;
    border-top: 1px solid rgba(255,255,255,0.06);
    flex-shrink: 0;
}
.hw-subject-row[b-6ocaj5siny] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}
.hw-subject-row label[b-6ocaj5siny] {
    font-size: 0.78rem;
    color: rgba(255,255,255,0.5);
    font-weight: 600;
}
.hw-subject-row select[b-6ocaj5siny] {
    padding: 0.3rem 0.65rem;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.04);
    color: #fafafa;
    font-size: 0.8rem;
    outline: none;
}
.hw-check-fields[b-6ocaj5siny],
.hw-help-input[b-6ocaj5siny] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.hw-textarea[b-6ocaj5siny] {
    width: 100%;
    padding: 0.7rem 0.9rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.04);
    color: #fafafa;
    font-size: 0.9rem;
    resize: none;
    outline: none;
    font-family: inherit;
    transition: border-color 0.2s;
}
.hw-textarea:focus[b-6ocaj5siny] {
    border-color: rgba(16,185,129,0.4);
}
.hw-send-btn[b-6ocaj5siny] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.6rem 1.25rem;
    border-radius: 10px;
    border: none;
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.3);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    align-self: flex-end;
}
.hw-send-btn.active[b-6ocaj5siny] {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
}
.hw-send-btn:disabled[b-6ocaj5siny] {
    opacity: 0.5;
    cursor: not-allowed;
}
.hw-disclaimer[b-6ocaj5siny] {
    text-align: center;
    font-size: 0.72rem;
    color: rgba(255,255,255,0.3);
    margin-top: 0.5rem;
}

@keyframes fadeIn-b-6ocaj5siny {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
    .hw-header[b-6ocaj5siny] { padding: 0.65rem 1rem; }
    .hw-messages[b-6ocaj5siny] { padding: 1rem; }
    .hw-input-wrap[b-6ocaj5siny] { padding: 0.5rem 1rem 1rem; }
    .hw-message[b-6ocaj5siny] { max-width: 95%; }
    .hw-mode-toggle[b-6ocaj5siny] { gap: 0.2rem; }
    .mode-btn[b-6ocaj5siny] { padding: 0.35rem 0.6rem; font-size: 0.75rem; }
}
/* _content/QuestifyAI.WebApp/Components/Pages/StudentSchool/LearnWithAI.razor.rz.scp.css */
/* ChatGPT-style landing + conversation shell */

:root[b-9a05iuqtee] {
    --chat-page-bg: #000000;
    --panel-bg: #111111;
    --panel-bg-2: #171717;
    --panel-border: rgba(255, 255, 255, 0.08);
    --panel-border-strong: rgba(255, 255, 255, 0.16);
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.72);
    --text-muted: rgba(255, 255, 255, 0.5);
    --white: #ffffff;
    --black: #000000;
    --ease-out: cubic-bezier(0.2, 0, 0, 1);
}

/* Light-theme overrides (system or explicit light mode) */
@media (prefers-color-scheme: light) {
    :root[b-9a05iuqtee] {
        --chat-page-bg: #ffffff;
        --panel-bg: #ffffff;
        --panel-bg-2: #f7f7fb;
        --panel-border: rgba(15,23,42,0.06);
        --panel-border-strong: rgba(15,23,42,0.12);
        --text-primary: #0f172a;
        --text-secondary: rgba(15,23,42,0.72);
        --text-muted: rgba(15,23,42,0.5);
        --white: #ffffff;
        --black: #000000;
    }
}

.chat-container.learn-ai[b-9a05iuqtee] {
    min-height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--chat-page-bg);
    color: var(--text-primary);
    overflow: hidden;
}

.chat-header[b-9a05iuqtee] {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(0, 0, 0, 0.86);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.chat-header-left[b-9a05iuqtee],
.chat-header-actions[b-9a05iuqtee] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.chat-model-badge[b-9a05iuqtee] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary);
    font-size: 0.92rem;
    font-weight: 500;
}

.model-dot[b-9a05iuqtee] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--white);
}

.chat-icon-btn[b-9a05iuqtee] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    border: 1px solid var(--panel-border);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.chat-icon-btn:hover[b-9a05iuqtee] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
    border-color: var(--panel-border-strong);
}

.sidebar-list[b-9a05iuqtee] { display:flex; flex-direction:column; gap:0.45rem; overflow:auto; }
.sidebar-list[b-9a05iuqtee] { max-height: calc(100vh - 140px); }

.chat-messages[b-9a05iuqtee] {
    flex: 1;
    width: 100%;
    max-width: 56rem;
    margin: 0 auto;
    padding: 2.25rem 1rem 1rem;
    overflow-y: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Modern scrollbar styling for webkit + Firefox */
.chat-messages[b-9a05iuqtee], .sidebar-list[b-9a05iuqtee] { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.12) transparent; }
.chat-messages[b-9a05iuqtee]::-webkit-scrollbar, .sidebar-list[b-9a05iuqtee]::-webkit-scrollbar { width: 10px; height: 10px; }
.chat-messages[b-9a05iuqtee]::-webkit-scrollbar-track, .sidebar-list[b-9a05iuqtee]::-webkit-scrollbar-track { background: transparent; }
.chat-messages[b-9a05iuqtee]::-webkit-scrollbar-thumb, .sidebar-list[b-9a05iuqtee]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
}
.chat-messages[b-9a05iuqtee]::-webkit-scrollbar-thumb:hover, .sidebar-list[b-9a05iuqtee]::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.18); }

/* Light theme scrollbar adjustments */
@media (prefers-color-scheme: light) {
    .chat-messages[b-9a05iuqtee], .sidebar-list[b-9a05iuqtee] { scrollbar-color: rgba(15,23,42,0.12) transparent; }
    .chat-messages[b-9a05iuqtee]::-webkit-scrollbar-thumb, .sidebar-list[b-9a05iuqtee]::-webkit-scrollbar-thumb {
        background: rgba(15,23,42,0.12);
    }
    .chat-input-inner[b-9a05iuqtee] { background: #f3f4f6; border-color: rgba(15,23,42,0.06); }
}

.chat-welcome[b-9a05iuqtee] {
    min-height: max(28rem, calc(100% - 2rem));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 0 3rem;
}

.welcome-glow[b-9a05iuqtee] { display: none; }

.welcome-icon[b-9a05iuqtee] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    margin-bottom: 1.25rem;
    border-radius: 999px;
    border: 1px solid var(--panel-border);
    background: var(--panel-bg);
    color: var(--text-primary);
}

.welcome-title[b-9a05iuqtee] {
    margin: 0;
    font-size: clamp(2rem, 3.5vw, 3.25rem);
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -0.04em;
}

.welcome-subtitle[b-9a05iuqtee] {
    margin: 0.85rem 0 0;
    max-width: 38rem;
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.6;
}

.subject-active-badge[b-9a05iuqtee] {
    margin-top: 1.2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    color: var(--text-primary);
    font-size: 0.82rem;
}

.subject-active-badge button[b-9a05iuqtee],
.input-subject-tag button[b-9a05iuqtee] {
    border: 0;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    padding: 0;
}

.subject-chips[b-9a05iuqtee] {
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
}

.subject-chip[b-9a05iuqtee] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    border: 1px solid var(--panel-border);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.18s var(--ease-out);
}

.subject-chip:hover[b-9a05iuqtee] {
    border-color: var(--panel-border-strong);
    background: rgba(255, 255, 255, 0.04);
    color: var(--text-primary);
}

.subject-chip.active[b-9a05iuqtee] {
    background: var(--white);
    border-color: var(--white);
    color: var(--black);
}

.chip-icon[b-9a05iuqtee] { font-size: 0.95rem; }

.quick-actions-grid[b-9a05iuqtee] {
    margin-top: 1.5rem;
    width: 100%;
    max-width: 36rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.quick-action-card[b-9a05iuqtee] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    border: 1px solid var(--panel-border);
    background: var(--panel-bg);
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
    transition: transform 0.18s var(--ease-out), border-color 0.18s var(--ease-out), background 0.18s var(--ease-out);
}

.quick-action-card:hover[b-9a05iuqtee] {
    background: var(--panel-bg-2);
    border-color: var(--panel-border-strong);
    transform: translateY(-1px);
}

.quick-action-icon[b-9a05iuqtee] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-primary);
}

.quick-action-text[b-9a05iuqtee] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.quick-action-text b[b-9a05iuqtee] {
    font-size: 0.9rem;
    font-weight: 600;
}

.quick-action-text span[b-9a05iuqtee] {
    font-size: 0.78rem;
    color: var(--text-secondary);
    line-height: 1.35;
}

.chat-message[b-9a05iuqtee] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.chat-message.user[b-9a05iuqtee] {
    flex-direction: row-reverse;
}

.chat-avatar[b-9a05iuqtee] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid var(--panel-border);
}

.chat-avatar.ai[b-9a05iuqtee] {
    background: var(--panel-bg);
    color: var(--text-primary);
}

.chat-avatar.user[b-9a05iuqtee] {
    background: #1c1c1c;
    color: var(--text-secondary);
}

.chat-bubble-wrap[b-9a05iuqtee] {
    max-width: min(44rem, calc(100% - 3rem));
}

.chat-bubble[b-9a05iuqtee] {
    display: inline-block;
    max-width: 100%;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    color: var(--text-primary);
    line-height: 1.65;
    font-size: 0.96rem;
}

.user .chat-bubble[b-9a05iuqtee] {
    background: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.05);
}

.assistant .chat-bubble[b-9a05iuqtee] {
    background: #111111;
}

.message-actions[b-9a05iuqtee] {
    display: flex;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.msg-action-btn[b-9a05iuqtee] {
    width: 1.8rem;
    height: 1.8rem;
    display: grid;
    place-items: center;
    border-radius: 8px;
    border: 1px solid var(--panel-border);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.msg-action-btn:hover[b-9a05iuqtee] {
    color: var(--text-primary);
    border-color: var(--panel-border-strong);
    background: rgba(255, 255, 255, 0.05);
}

.typing-indicator[b-9a05iuqtee] {
    display: inline-flex;
    gap: 0.3rem;
    padding: 0.55rem 0;
}

.typing-indicator span[b-9a05iuqtee] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--text-secondary);
    animation: dotPulse-b-9a05iuqtee 1.2s infinite ease-in-out;
}

.typing-indicator span:nth-child(2)[b-9a05iuqtee] { animation-delay: 0.15s; }
.typing-indicator span:nth-child(3)[b-9a05iuqtee] { animation-delay: 0.3s; }

@keyframes dotPulse-b-9a05iuqtee {
    0%, 80%, 100% { transform: translateY(0); opacity: 0.45; }
    40% { transform: translateY(-3px); opacity: 1; }
}

.follow-up-suggestions[b-9a05iuqtee] {
    margin-left: 3rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.suggestion-chip[b-9a05iuqtee] {
    padding: 0.42rem 0.8rem;
    border-radius: 999px;
    border: 1px solid var(--panel-border);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.suggestion-chip:hover[b-9a05iuqtee] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
    border-color: var(--panel-border-strong);
}

.chat-input-wrap[b-9a05iuqtee] {
    width: 100%;
    max-width: 56rem;
    margin: 0 auto;
    padding: 0.65rem 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
}

.question-type-toggle[b-9a05iuqtee] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.qtype-btn[b-9a05iuqtee] {
    padding: 0.34rem 0.8rem;
    border-radius: 999px;
    border: 1px solid var(--panel-border);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.qtype-btn:hover[b-9a05iuqtee] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
    border-color: var(--panel-border-strong);
}

.qtype-btn.active[b-9a05iuqtee] {
    background: var(--white);
    color: var(--black);
    border-color: var(--white);
}

.input-subject-tag[b-9a05iuqtee] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    color: var(--text-primary);
    font-size: 0.78rem;
}

.chat-input-inner[b-9a05iuqtee] {
    width: 100%;
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    padding: 0.55rem 0.65rem 0.55rem 0.8rem;
    border-radius: 999px;
    background: #202020;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.chat-input-inner:focus-within[b-9a05iuqtee] {
    border-color: rgba(255, 255, 255, 0.15);
}

.chat-input[b-9a05iuqtee] {
    flex: 1;
    min-height: 1.25rem;
    max-height: 9rem;
    resize: none;
    border: none;
    outline: none;
    background: transparent;
    color: var(--text-primary);
    font-size: 0.98rem;
    line-height: 1.5;
    padding: 0.15rem 0;
    font-family: inherit;
}

.chat-input[b-9a05iuqtee]::placeholder {
    color: var(--text-muted);
}

.chat-add-btn[b-9a05iuqtee],
.chat-send-btn[b-9a05iuqtee] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    border-radius: 999px;
    border: 0;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.chat-add-btn[b-9a05iuqtee] {
    background: transparent;
    color: var(--text-secondary);
}

.chat-add-btn:hover[b-9a05iuqtee] {
    color: var(--text-primary);
}

.chat-send-btn[b-9a05iuqtee] {
    background: var(--white);
    color: var(--black);
}

.chat-send-btn.active:hover[b-9a05iuqtee] {
    transform: scale(1.03);
}

.chat-disclaimer[b-9a05iuqtee] {
    margin: 0;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.72rem;
}

.exam-context-badge[b-9a05iuqtee] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    border: 1px solid var(--panel-border);
    color: var(--text-secondary);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.exam-context-badge.bece[b-9a05iuqtee],
.exam-context-badge.wassce[b-9a05iuqtee] {
    color: var(--text-primary);
}

@media (max-width: 720px) {
    .chat-header[b-9a05iuqtee] { padding: 0 0.85rem; }
    .chat-messages[b-9a05iuqtee] { padding: 1.25rem 0.85rem 1rem; }
    .chat-welcome[b-9a05iuqtee] { min-height: auto; padding: 3rem 0 2rem; }
    .quick-actions-grid[b-9a05iuqtee] { grid-template-columns: 1fr; }
    .chat-input-wrap[b-9a05iuqtee] { padding-inline: 0.85rem; }
    .follow-up-suggestions[b-9a05iuqtee] { margin-left: 0; }
}
/* _content/QuestifyAI.WebApp/Components/Pages/StudentSchool/Marketplace.razor.rz.scp.css */
.mp-coming-soon[b-5wx5ezc93c] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
    position: relative;
    overflow: hidden;
}

.mp-glow[b-5wx5ezc93c] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(80px);
    opacity: 0.4;
}

.mp-glow-1[b-5wx5ezc93c] {
    width: 400px;
    height: 400px;
    top: -100px;
    right: -80px;
    background: rgba(16, 185, 129, 0.15);
}

.mp-glow-2[b-5wx5ezc93c] {
    width: 300px;
    height: 300px;
    bottom: -60px;
    left: -40px;
    background: rgba(59, 130, 246, 0.1);
}

.mp-content[b-5wx5ezc93c] {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 520px;
    padding: 2rem 1.5rem;
}

.mp-icon-wrap[b-5wx5ezc93c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(59, 130, 246, 0.08));
    color: #10b981;
    margin-bottom: 1.5rem;
    animation: iconFloat-b-5wx5ezc93c 3s ease-in-out infinite;
}

@keyframes iconFloat-b-5wx5ezc93c {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.mp-title[b-5wx5ezc93c] {
    font-size: 2rem;
    font-weight: 800;
    color: #fafafa;
    margin: 0 0 0.6rem;
    letter-spacing: -0.03em;
}

.mp-subtitle[b-5wx5ezc93c] {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.45);
    margin: 0 0 1.5rem;
    line-height: 1.6;
}

.mp-badge[b-5wx5ezc93c] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 1.1rem;
    border-radius: 100px;
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.2);
    color: #10b981;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 2.25rem;
}

.mp-badge-dot[b-5wx5ezc93c] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10b981;
    animation: badgePulse-b-5wx5ezc93c 2s ease-in-out infinite;
}

@keyframes badgePulse-b-5wx5ezc93c {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
    50% { opacity: 0.6; box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
}

.mp-features[b-5wx5ezc93c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    text-align: left;
    margin-bottom: 2rem;
}

.mp-feature[b-5wx5ezc93c] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.9rem 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.2s;
}

.mp-feature:hover[b-5wx5ezc93c] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
}

.mp-feature-icon[b-5wx5ezc93c] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(16, 185, 129, 0.08);
    color: #10b981;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mp-feature-text[b-5wx5ezc93c] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.mp-feature-name[b-5wx5ezc93c] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #e4e4e7;
}

.mp-feature-desc[b-5wx5ezc93c] {
    font-size: 0.72rem;
    color: #71717a;
}

.mp-footer-text[b-5wx5ezc93c] {
    font-size: 0.82rem;
    color: #52525b;
    margin: 0;
}

@media (max-width: 580px) {
    .mp-features[b-5wx5ezc93c] { grid-template-columns: 1fr; }
    .mp-title[b-5wx5ezc93c] { font-size: 1.6rem; }
    .mp-icon-wrap[b-5wx5ezc93c] { width: 72px; height: 72px; border-radius: 18px; }
    .mp-icon-wrap svg[b-5wx5ezc93c] { width: 36px; height: 36px; }
}
/* _content/QuestifyAI.WebApp/Components/Pages/StudentSchool/MockQuestions.razor.rz.scp.css */
.mock-page[b-i7kfbt9mas] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #0a0a0b;
    overflow: hidden;
}

.mock-scroll[b-i7kfbt9mas] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    min-height: 0;
}

.mock-scroll[b-i7kfbt9mas]::-webkit-scrollbar { width: 5px; }
.mock-scroll[b-i7kfbt9mas]::-webkit-scrollbar-track { background: transparent; }
.mock-scroll[b-i7kfbt9mas]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}
.mock-scroll[b-i7kfbt9mas]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.15);
}

.mock-inner[b-i7kfbt9mas] {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

.setup-exam-hint[b-i7kfbt9mas] {
    margin-top: 0.5rem;
    font-size: 0.9rem;
    color: #9ca3af;
}

.predicted-topics[b-i7kfbt9mas] {
    margin: 0.35rem 0 0;
    font-size: 0.85rem;
    color: #a3e635;
    max-width: 520px;
}

/* ─── Header ─── */
.mock-header[b-i7kfbt9mas] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
    background: rgba(10, 10, 11, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    min-height: 52px;
}

.mock-header-left[b-i7kfbt9mas] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.mock-badge[b-i7kfbt9mas] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.92rem;
    color: #fafafa;
}

.mock-dot[b-i7kfbt9mas] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 8px #10b981, 0 0 20px rgba(16, 185, 129, 0.3);
    animation: mockPulse-b-i7kfbt9mas 2s ease-in-out infinite;
}

@keyframes mockPulse-b-i7kfbt9mas {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.mock-progress-mini[b-i7kfbt9mas] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
}

/* ─── Setup ─── */
.mock-setup[b-i7kfbt9mas] {
    animation: fadeIn-b-i7kfbt9mas 0.4s ease;
}
.setup-header[b-i7kfbt9mas] {
    text-align: center;
    margin-bottom: 2rem;
}
.setup-icon[b-i7kfbt9mas] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(16,185,129,0.15), rgba(59,130,246,0.15));
    color: #10b981;
    margin-bottom: 1rem;
}
.setup-title[b-i7kfbt9mas] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fafafa;
    margin: 0 0 0.5rem;
}
.setup-desc[b-i7kfbt9mas] {
    color: rgba(255,255,255,0.5);
    font-size: 0.92rem;
    margin: 0;
}

.setup-form[b-i7kfbt9mas] {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 16px;
    padding: 1.75rem;
}
.form-group[b-i7kfbt9mas] {
    margin-bottom: 1.25rem;
}
.form-group label[b-i7kfbt9mas] {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: rgba(255,255,255,0.7);
    margin-bottom: 0.4rem;
}
.form-group select[b-i7kfbt9mas],
.form-group input[b-i7kfbt9mas] {
    width: 100%;
    padding: 0.65rem 0.9rem;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.04);
    color: #fafafa;
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.2s;
}
.form-group select:focus[b-i7kfbt9mas],
.form-group input:focus[b-i7kfbt9mas] {
    border-color: rgba(16,185,129,0.4);
}
.form-row[b-i7kfbt9mas] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.qtype-toggle[b-i7kfbt9mas] {
    display: flex;
    gap: 0.35rem;
}
.qtype-btn[b-i7kfbt9mas] {
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.5);
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}
.qtype-btn:hover[b-i7kfbt9mas] {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.8);
}
.qtype-btn.active[b-i7kfbt9mas] {
    background: rgba(16,185,129,0.15);
    color: #10b981;
    border-color: rgba(16,185,129,0.3);
}

.generate-btn[b-i7kfbt9mas] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    border: none;
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    font-size: 0.92rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s;
    width: 100%;
    justify-content: center;
    margin-top: 0.5rem;
}
.generate-btn:hover:not(:disabled)[b-i7kfbt9mas] {
    transform: translateY(-1px);
    box-shadow: 0 4px 20px rgba(16,185,129,0.3);
}
.generate-btn:disabled[b-i7kfbt9mas] {
    opacity: 0.5;
    cursor: not-allowed;
}
.generate-btn.loading[b-i7kfbt9mas] {
    opacity: 0.7;
}
.spinner[b-i7kfbt9mas] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-i7kfbt9mas 0.6s linear infinite;
}
@keyframes spin-b-i7kfbt9mas { to { transform: rotate(360deg); } }

.error-msg[b-i7kfbt9mas] {
    margin-top: 0.75rem;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    background: rgba(239,68,68,0.12);
    border: 1px solid rgba(239,68,68,0.2);
    color: #fca5a5;
    font-size: 0.85rem;
}

/* ─── Quiz ─── */
.quiz-container[b-i7kfbt9mas] {
    animation: fadeIn-b-i7kfbt9mas 0.4s ease;
}
.quiz-header[b-i7kfbt9mas] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1rem 1.25rem;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px;
}
.quiz-info h2[b-i7kfbt9mas] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fafafa;
    margin: 0;
    white-space: nowrap;
}
.exam-badge[b-i7kfbt9mas] {
    display: inline-block;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0.25rem;
    background: rgba(16,185,129,0.15);
    color: #10b981;
}
.exam-badge.bece[b-i7kfbt9mas] { background: rgba(59,130,246,0.15); color: #60a5fa; }
.exam-badge.wassce[b-i7kfbt9mas] { background: rgba(168,85,247,0.15); color: #c084fc; }
.exam-badge.basic_primary[b-i7kfbt9mas] { background: rgba(34,197,94,0.15); color: #4ade80; }

.quiz-progress[b-i7kfbt9mas] {
    flex: 1;
    text-align: center;
    font-size: 0.8rem;
    color: rgba(255,255,255,0.5);
}
.progress-bar[b-i7kfbt9mas] {
    height: 4px;
    background: rgba(255,255,255,0.08);
    border-radius: 999px;
    margin-top: 0.35rem;
    overflow: hidden;
}
.progress-fill[b-i7kfbt9mas] {
    height: 100%;
    background: linear-gradient(90deg, #10b981, #059669);
    border-radius: 999px;
    transition: width 0.3s ease;
}
.quiz-exit[b-i7kfbt9mas] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.1);
    background: transparent;
    color: rgba(255,255,255,0.5);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.quiz-exit:hover[b-i7kfbt9mas] { background: rgba(239,68,68,0.15); color: #f87171; border-color: rgba(239,68,68,0.3); }

.question-card[b-i7kfbt9mas] {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 16px;
    padding: 2rem;
}
.question-number[b-i7kfbt9mas] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #10b981;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.75rem;
}
.question-text[b-i7kfbt9mas] {
    font-size: 1.08rem;
    color: #fafafa;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.options-list[b-i7kfbt9mas] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-bottom: 1.5rem;
}
.option-btn[b-i7kfbt9mas] {
    padding: 0.85rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
    color: rgba(255,255,255,0.85);
    font-size: 0.92rem;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s;
}
.option-btn:hover[b-i7kfbt9mas] {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.15);
}
.option-btn.selected[b-i7kfbt9mas] {
    background: rgba(16,185,129,0.12);
    border-color: rgba(16,185,129,0.35);
    color: #10b981;
}

.answer-input[b-i7kfbt9mas] {
    width: 100%;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.04);
    color: #fafafa;
    font-size: 0.92rem;
    resize: vertical;
    outline: none;
    margin-bottom: 1.5rem;
    font-family: inherit;
}
.answer-input:focus[b-i7kfbt9mas] { border-color: rgba(16,185,129,0.4); }

.question-nav[b-i7kfbt9mas] {
    display: flex;
    justify-content: space-between;
}
.nav-btn[b-i7kfbt9mas] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.55rem 1.1rem;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.1);
    background: transparent;
    color: rgba(255,255,255,0.6);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}
.nav-btn:hover:not(:disabled)[b-i7kfbt9mas] { background: rgba(255,255,255,0.06); color: #fafafa; }
.nav-btn:disabled[b-i7kfbt9mas] { opacity: 0.3; cursor: not-allowed; }
.nav-btn.primary[b-i7kfbt9mas] {
    background: rgba(16,185,129,0.12);
    border-color: rgba(16,185,129,0.3);
    color: #10b981;
}
.nav-btn.submit[b-i7kfbt9mas] {
    background: linear-gradient(135deg, #10b981, #059669);
    border: none;
    color: white;
    font-weight: 600;
}

/* ─── Results ─── */
.results-panel[b-i7kfbt9mas] {
    animation: fadeIn-b-i7kfbt9mas 0.4s ease;
}
.results-score[b-i7kfbt9mas] {
    text-align: center;
    margin-bottom: 2rem;
}
.score-circle[b-i7kfbt9mas] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.2rem;
    padding: 1.5rem 2.5rem;
    border-radius: 20px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
}
.score-num[b-i7kfbt9mas] {
    font-size: 3rem;
    font-weight: 800;
    color: #10b981;
}
.score-total[b-i7kfbt9mas] {
    font-size: 1.2rem;
    color: rgba(255,255,255,0.4);
}
.score-label[b-i7kfbt9mas] {
    font-size: 1.1rem;
    color: rgba(255,255,255,0.7);
    margin-top: 0.75rem;
}

.results-list[b-i7kfbt9mas] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}
.result-item[b-i7kfbt9mas] {
    padding: 1rem 1.25rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.02);
}
.result-item.correct[b-i7kfbt9mas] { border-left: 3px solid #10b981; }
.result-item.wrong[b-i7kfbt9mas] { border-left: 3px solid #ef4444; }
.result-q[b-i7kfbt9mas] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    color: #fafafa;
    font-size: 0.9rem;
    line-height: 1.5;
}
.result-icon[b-i7kfbt9mas] {
    font-size: 1rem;
    font-weight: 700;
    flex-shrink: 0;
}
.result-item.correct .result-icon[b-i7kfbt9mas] { color: #10b981; }
.result-item.wrong .result-icon[b-i7kfbt9mas] { color: #ef4444; }
.result-detail[b-i7kfbt9mas] {
    margin-top: 0.5rem;
    padding-left: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.82rem;
}
.your-answer[b-i7kfbt9mas] { color: rgba(255,255,255,0.5); }
.correct-answer[b-i7kfbt9mas] { color: #10b981; font-weight: 600; }
.explanation[b-i7kfbt9mas] { color: rgba(255,255,255,0.4); font-style: italic; }

.results-actions[b-i7kfbt9mas] {
    text-align: center;
}

@keyframes fadeIn-b-i7kfbt9mas {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
    .mock-scroll[b-i7kfbt9mas] { padding: 1rem; }
    .mock-header[b-i7kfbt9mas] { padding: 0.65rem 1rem; }
    .form-row[b-i7kfbt9mas] { grid-template-columns: 1fr; }
    .question-card[b-i7kfbt9mas] { padding: 1.25rem; }
    .quiz-header[b-i7kfbt9mas] { flex-wrap: wrap; }
}
/* _content/QuestifyAI.WebApp/Components/Pages/StudentSchool/Profile.razor.rz.scp.css */
.profile-page[b-nochlyoe8z] {
    max-width: 880px;
    margin: 0 auto;
    padding: 0.5rem 0 2rem;
}

/* Loading */
.profile-loading[b-nochlyoe8z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 1rem;
    color: #71717a;
    font-size: 0.88rem;
}

.profile-loading-spinner[b-nochlyoe8z] {
    width: 28px;
    height: 28px;
    border: 2.5px solid rgba(255, 255, 255, 0.08);
    border-top-color: #10b981;
    border-radius: 50%;
    animation: profileSpin-b-nochlyoe8z 0.7s linear infinite;
}

@keyframes profileSpin-b-nochlyoe8z { to { transform: rotate(360deg); } }

/* Hero */
.profile-hero[b-nochlyoe8z] {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.profile-hero-bg[b-nochlyoe8z] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.12) 0%, rgba(59, 130, 246, 0.08) 50%, rgba(16, 185, 129, 0.06) 100%);
}

.profile-hero-content[b-nochlyoe8z] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 2rem 2rem;
}

.profile-avatar-lg[b-nochlyoe8z] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #10b981, #059669);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.75rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.02em;
    box-shadow: 0 4px 20px rgba(16, 185, 129, 0.25);
}

.profile-avatar-photo[b-nochlyoe8z] {
    object-fit: cover;
    border: 3px solid rgba(16, 185, 129, 0.3);
}

.profile-hero-name[b-nochlyoe8z] {
    margin: 0 0 0.5rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fafafa;
    letter-spacing: -0.02em;
}

.profile-hero-meta[b-nochlyoe8z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.profile-meta-chip[b-nochlyoe8z] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.7rem;
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 500;
}

.profile-meta-chip.school[b-nochlyoe8z] {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.7);
}

.profile-meta-chip.cls[b-nochlyoe8z] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.profile-meta-chip.level[b-nochlyoe8z] {
    background: rgba(59, 130, 246, 0.1);
    color: #60a5fa;
}

/* Card grid */
.profile-grid[b-nochlyoe8z] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.profile-card[b-nochlyoe8z] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    overflow: hidden;
}

.profile-card-header[b-nochlyoe8z] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    color: #10b981;
}

.profile-card-header h3[b-nochlyoe8z] {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 600;
    color: #e4e4e7;
    flex: 1;
}

.profile-edit-btn[b-nochlyoe8z] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: transparent;
    color: #a1a1aa;
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.profile-edit-btn:hover[b-nochlyoe8z] {
    background: rgba(16, 185, 129, 0.08);
    border-color: rgba(16, 185, 129, 0.2);
    color: #10b981;
}

.profile-card-body[b-nochlyoe8z] {
    padding: 0.75rem 1.25rem 1.1rem;
}

.profile-field[b-nochlyoe8z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.profile-field:last-child[b-nochlyoe8z],
.profile-field.edit:last-of-type[b-nochlyoe8z] {
    border-bottom: none;
}

.profile-field.edit[b-nochlyoe8z] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.35rem;
}

.field-label[b-nochlyoe8z] {
    font-size: 0.82rem;
    color: #71717a;
    font-weight: 500;
}

.field-value[b-nochlyoe8z] {
    font-size: 0.88rem;
    color: #e4e4e7;
    font-weight: 500;
    text-align: right;
}

.field-value.mono[b-nochlyoe8z] {
    font-family: 'SF Mono', 'Fira Code', monospace;
    letter-spacing: 0.03em;
    color: #a1a1aa;
}

.profile-input[b-nochlyoe8z] {
    width: 100%;
    padding: 0.6rem 0.85rem;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: #fafafa;
    font-size: 0.88rem;
    outline: none;
    transition: border-color 0.2s;
}

.profile-input:focus[b-nochlyoe8z] {
    border-color: rgba(16, 185, 129, 0.4);
}

.profile-edit-actions[b-nochlyoe8z] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.profile-save-btn[b-nochlyoe8z] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1.25rem;
    border-radius: 10px;
    border: none;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.profile-save-btn:hover:not(:disabled)[b-nochlyoe8z] {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3);
}

.profile-save-btn:disabled[b-nochlyoe8z] {
    opacity: 0.6;
    cursor: not-allowed;
}

.profile-cancel-btn[b-nochlyoe8z] {
    padding: 0.6rem 1.25rem;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: transparent;
    color: #a1a1aa;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.profile-cancel-btn:hover[b-nochlyoe8z] {
    background: rgba(255, 255, 255, 0.04);
    color: #fafafa;
}

.btn-spinner[b-nochlyoe8z] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: profileSpin-b-nochlyoe8z 0.6s linear infinite;
}

.profile-msg[b-nochlyoe8z] {
    margin-top: 0.6rem;
    padding: 0.5rem 0.85rem;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 500;
}

.profile-msg.error[b-nochlyoe8z] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: #fca5a5;
}

.profile-msg.success[b-nochlyoe8z] {
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.2);
    color: #34d399;
}

@media (max-width: 640px) {
    .profile-hero-content[b-nochlyoe8z] {
        flex-direction: column;
        text-align: center;
        padding: 1.5rem;
    }
    .profile-hero-meta[b-nochlyoe8z] { justify-content: center; }
    .profile-hero-name[b-nochlyoe8z] { font-size: 1.35rem; }
    .profile-avatar-lg[b-nochlyoe8z] { width: 64px; height: 64px; font-size: 1.4rem; }
    .profile-field[b-nochlyoe8z] { flex-direction: column; align-items: flex-start; gap: 0.2rem; }
    .field-value[b-nochlyoe8z] { text-align: left; }
}
/* _content/QuestifyAI.WebApp/Components/Pages/StudentSchool/Settings.razor.rz.scp.css */
.settings-page[b-p0mmxpb5zl] {
    max-width: 720px;
    margin: 0 auto;
    padding: 0.5rem 0 2rem;
}

.settings-header[b-p0mmxpb5zl] {
    margin-bottom: 1.75rem;
}

.settings-title[b-p0mmxpb5zl] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fafafa;
    margin: 0 0 0.3rem;
    letter-spacing: -0.02em;
}

.settings-subtitle[b-p0mmxpb5zl] {
    font-size: 0.88rem;
    color: #71717a;
    margin: 0;
}

.settings-sections[b-p0mmxpb5zl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.settings-card[b-p0mmxpb5zl] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    overflow: hidden;
}

.settings-card-header[b-p0mmxpb5zl] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.settings-card-icon[b-p0mmxpb5zl] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.settings-card-icon.appearance[b-p0mmxpb5zl] {
    background: rgba(245, 158, 11, 0.1);
    color: #fbbf24;
}

.settings-card-icon.notifications[b-p0mmxpb5zl] {
    background: rgba(59, 130, 246, 0.1);
    color: #60a5fa;
}

.settings-card-icon.ai[b-p0mmxpb5zl] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.settings-card-icon.account[b-p0mmxpb5zl] {
    background: rgba(168, 85, 247, 0.1);
    color: #c084fc;
}

.settings-card-header h3[b-p0mmxpb5zl] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #e4e4e7;
}

.settings-card-header p[b-p0mmxpb5zl] {
    margin: 0.15rem 0 0;
    font-size: 0.78rem;
    color: #71717a;
}

.settings-card-body[b-p0mmxpb5zl] {
    padding: 0.25rem 0;
}

.settings-row[b-p0mmxpb5zl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1.25rem;
    transition: background 0.15s;
}

.settings-row:hover[b-p0mmxpb5zl] {
    background: rgba(255, 255, 255, 0.02);
}

.settings-row-info[b-p0mmxpb5zl] {
    flex: 1;
    min-width: 0;
}

.settings-row-label[b-p0mmxpb5zl] {
    display: block;
    font-size: 0.88rem;
    font-weight: 500;
    color: #e4e4e7;
}

.settings-row-desc[b-p0mmxpb5zl] {
    display: block;
    font-size: 0.76rem;
    color: #52525b;
    margin-top: 0.1rem;
}

/* Toggle */
.toggle-switch[b-p0mmxpb5zl] {
    position: relative;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
    cursor: pointer;
}

.toggle-switch input[b-p0mmxpb5zl] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.toggle-slider[b-p0mmxpb5zl] {
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.08);
    transition: background 0.25s;
}

.toggle-slider[b-p0mmxpb5zl]::before {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #71717a;
    transition: all 0.25s;
}

.toggle-switch input:checked + .toggle-slider[b-p0mmxpb5zl] {
    background: rgba(16, 185, 129, 0.2);
}

.toggle-switch input:checked + .toggle-slider[b-p0mmxpb5zl]::before {
    transform: translateX(20px);
    background: #10b981;
}

/* Theme switcher */
.theme-switcher[b-p0mmxpb5zl] {
    display: flex;
    gap: 0.25rem;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 10px;
    padding: 3px;
}

.theme-opt[b-p0mmxpb5zl] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.8rem;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: #71717a;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.theme-opt:hover[b-p0mmxpb5zl] {
    color: #a1a1aa;
}

.theme-opt.active[b-p0mmxpb5zl] {
    background: rgba(16, 185, 129, 0.12);
    color: #10b981;
}

/* Select */
.settings-select[b-p0mmxpb5zl] {
    padding: 0.4rem 0.75rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: #e4e4e7;
    font-size: 0.82rem;
    outline: none;
    cursor: pointer;
    accent-color: #10b981;
}

.settings-select:focus[b-p0mmxpb5zl] {
    border-color: rgba(16, 185, 129, 0.3);
}

/* Link button */
.settings-link-btn[b-p0mmxpb5zl] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.4rem 0.85rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: transparent;
    color: #a1a1aa;
    font-size: 0.82rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s;
}

.settings-link-btn:hover[b-p0mmxpb5zl] {
    background: rgba(16, 185, 129, 0.08);
    border-color: rgba(16, 185, 129, 0.2);
    color: #10b981;
}

/* Danger */
.settings-row.danger-zone[b-p0mmxpb5zl] {
    border-top: 1px solid rgba(239, 68, 68, 0.08);
    margin-top: 0.25rem;
}

.settings-danger-btn[b-p0mmxpb5zl] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.9rem;
    border-radius: 8px;
    border: 1px solid rgba(239, 68, 68, 0.15);
    background: rgba(239, 68, 68, 0.06);
    color: #f87171;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.settings-danger-btn:hover[b-p0mmxpb5zl] {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.3);
}

@media (max-width: 640px) {
    .settings-title[b-p0mmxpb5zl] { font-size: 1.3rem; }
    .settings-row[b-p0mmxpb5zl] { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
    .theme-switcher[b-p0mmxpb5zl], .settings-select[b-p0mmxpb5zl], .toggle-switch[b-p0mmxpb5zl],
    .settings-link-btn[b-p0mmxpb5zl], .settings-danger-btn[b-p0mmxpb5zl] { align-self: flex-start; }
}
/* _content/QuestifyAI.WebApp/Components/Pages/SuperAdmin/Dashboard.razor.rz.scp.css */
.page-title[b-pr9kwsmyki] {
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
    font-weight: 600;
    color: #fff;
}

.dashboard-section[b-pr9kwsmyki] {
    margin-bottom: 2rem;
}

.dashboard-section-title[b-pr9kwsmyki] {
    font-size: 1rem;
    font-weight: 600;
    color: #e5e7eb;
    margin: 0 0 0.75rem;
    letter-spacing: 0.02em;
}

.dashboard-section-hint[b-pr9kwsmyki] {
    font-size: 0.85rem;
    color: #6b7280;
    margin: -0.35rem 0 0.85rem;
}

.dashboard-load-error[b-pr9kwsmyki] {
    color: #fca5a5;
    margin-bottom: 1rem;
}

.dashboard-loading[b-pr9kwsmyki] {
    color: #9ca3af;
    margin-bottom: 1rem;
}

.dashboard-cards[b-pr9kwsmyki] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.card[b-pr9kwsmyki] {
    background: #2d2d2d;
    border-radius: 10px;
    padding: 1.5rem;
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.card-accent-green[b-pr9kwsmyki] {
    border-color: rgba(34, 197, 94, 0.35);
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.08) 0%, #2d2d2d 100%);
}

.card-accent-amber[b-pr9kwsmyki] {
    border-color: rgba(245, 158, 11, 0.35);
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.08) 0%, #2d2d2d 100%);
}

.card-accent-red[b-pr9kwsmyki] {
    border-color: rgba(239, 68, 68, 0.35);
    background: linear-gradient(180deg, rgba(239, 68, 68, 0.08) 0%, #2d2d2d 100%);
}

.card-title[b-pr9kwsmyki] {
    font-size: 0.9rem;
    color: #9ca3af;
    margin-bottom: 0.5rem;
}

.card-value[b-pr9kwsmyki] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #fff;
}

.card-value-sm[b-pr9kwsmyki] {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.4;
}

.card-sub[b-pr9kwsmyki] {
    font-size: 0.8rem;
    color: #6b7280;
    margin-top: 0.35rem;
}

.card-wide[b-pr9kwsmyki] {
    margin-top: 0.25rem;
    padding: 1.5rem;
}

.card-wide .card-value[b-pr9kwsmyki] {
    font-size: 1.25rem;
    font-weight: 500;
}

.dashboard-badge[b-pr9kwsmyki] {
    font-size: 0.7rem;
    font-weight: 500;
    color: #16a34a;
    background: rgba(22, 163, 74, 0.15);
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    margin-left: 0.5rem;
    vertical-align: middle;
}

.analytics-setup-hint[b-pr9kwsmyki] {
    color: #9ca3af;
    font-size: 0.9rem;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 8px;
    border: 1px dashed #374151;
}

.analytics-setup-hint-muted[b-pr9kwsmyki] {
    margin-top: 0.75rem;
    border-style: solid;
    border-color: #1f2937;
}

.analytics-subtitle[b-pr9kwsmyki] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #d1d5db;
    margin: 0 0 0.5rem;
}

.analytics-table-wrap[b-pr9kwsmyki] {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.analytics-table[b-pr9kwsmyki] {
    width: 100%;
    max-width: 560px;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.analytics-table th[b-pr9kwsmyki],
.analytics-table td[b-pr9kwsmyki] {
    text-align: left;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #1f2937;
}

.analytics-table th[b-pr9kwsmyki] {
    color: #9ca3af;
    font-weight: 500;
}

.analytics-table td[b-pr9kwsmyki] {
    color: #e5e7eb;
}

.analytics-table td:last-child[b-pr9kwsmyki] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}
/* _content/QuestifyAI.WebApp/Components/Pages/Teacher/Chat.razor.rz.scp.css */
/* ChatGPT-style dark chat UI */

.chat-container[b-f7u1u25dyp] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 4rem);
    margin: -2rem;
    background: #18181b;
}

.chat-header[b-f7u1u25dyp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
}

.chat-model[b-f7u1u25dyp] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #fafafa;
}

.chat-header-actions[b-f7u1u25dyp] {
    display: flex;
    gap: 0.5rem;
}

.chat-icon-btn[b-f7u1u25dyp] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: #a1a1aa;
    cursor: pointer;
    font-size: 1rem;
}

.chat-icon-btn:hover[b-f7u1u25dyp] {
    background: rgba(255, 255, 255, 0.06);
    color: #fafafa;
}

.chat-messages[b-f7u1u25dyp] {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.chat-ready[b-f7u1u25dyp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    gap: 1.5rem;
}

.chat-quick-buttons[b-f7u1u25dyp] {
    display: flex;
    gap: 0.75rem;
}

.chat-quick-btn[b-f7u1u25dyp] {
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #d4d4d8;
    font-size: 0.9rem;
    cursor: pointer;
}

.chat-quick-btn:hover[b-f7u1u25dyp] {
    background: rgba(255, 255, 255, 0.1);
    color: #fafafa;
}

.chat-ready-text[b-f7u1u25dyp] {
    font-size: 1.75rem;
    font-weight: 500;
    color: #d4d4d8;
    letter-spacing: -0.02em;
}

.chat-ready-sub[b-f7u1u25dyp] {
    font-size: 1rem;
    color: #71717a;
    margin: -0.5rem 0 0;
}

.chat-typing[b-f7u1u25dyp] {
    display: flex;
    gap: 4px;
    padding: 0.5rem 0;
}

.chat-typing span[b-f7u1u25dyp] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    animation: chat-typing-bounce-b-f7u1u25dyp 1.4s ease-in-out infinite both;
}

.chat-typing span:nth-child(1)[b-f7u1u25dyp] { animation-delay: -0.32s; }
.chat-typing span:nth-child(2)[b-f7u1u25dyp] { animation-delay: -0.16s; }

@keyframes chat-typing-bounce-b-f7u1u25dyp {
    0%, 80%, 100% { transform: scale(0.6); opacity: 0.5; }
    40% { transform: scale(1); opacity: 1; }
}

.chat-message[b-f7u1u25dyp] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    max-width: 48rem;
    width: 100%;
}

.chat-message.assistant[b-f7u1u25dyp] {
    margin-right: auto;
}

.chat-message.user[b-f7u1u25dyp] {
    flex-direction: row-reverse;
    margin-left: auto;
}

.chat-avatar[b-f7u1u25dyp] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 6px;
    background: rgba(34, 197, 94, 0.2);
    color: #22c55e;
    font-size: 0.7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-avatar.user-avatar[b-f7u1u25dyp] {
    background: rgba(255, 255, 255, 0.1);
    color: #a1a1aa;
}

.chat-bubble[b-f7u1u25dyp] {
    flex: 1;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    font-size: 0.95rem;
    line-height: 1.6;
}

.chat-message.user .chat-bubble[b-f7u1u25dyp] {
    background: rgba(255, 255, 255, 0.06);
    color: #fafafa;
}

.chat-message.assistant .chat-bubble[b-f7u1u25dyp] {
    background: transparent;
    color: #d4d4d8;
}

/* Markdown rendering - ChatGPT-style layout */
.chat-markdown[b-f7u1u25dyp] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #d4d4d8;
}

.chat-markdown p[b-f7u1u25dyp] {
    margin: 0 0 0.75rem;
}

.chat-markdown p:last-child[b-f7u1u25dyp] {
    margin-bottom: 0;
}

.chat-markdown strong[b-f7u1u25dyp],
.chat-markdown b[b-f7u1u25dyp] {
    font-weight: 600;
    color: #fafafa;
}

.chat-markdown h1[b-f7u1u25dyp],
.chat-markdown h2[b-f7u1u25dyp],
.chat-markdown h3[b-f7u1u25dyp] {
    margin: 1.25rem 0 0.75rem;
    font-weight: 600;
    color: #fafafa;
}

.chat-markdown h1[b-f7u1u25dyp] { font-size: 1.35rem; }
.chat-markdown h2[b-f7u1u25dyp] { font-size: 1.2rem; }
.chat-markdown h3[b-f7u1u25dyp] { font-size: 1.08rem; }

.chat-markdown h1:first-child[b-f7u1u25dyp],
.chat-markdown h2:first-child[b-f7u1u25dyp],
.chat-markdown h3:first-child[b-f7u1u25dyp] {
    margin-top: 0;
}

.chat-markdown hr[b-f7u1u25dyp] {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin: 1.25rem 0;
}

.chat-markdown ol[b-f7u1u25dyp],
.chat-markdown ul[b-f7u1u25dyp] {
    margin: 0.5rem 0 1rem;
    padding-left: 1.5rem;
}

.chat-markdown li[b-f7u1u25dyp] {
    margin: 0.35rem 0;
}

.chat-markdown ol[b-f7u1u25dyp] {
    list-style-type: decimal;
}

.chat-markdown ul[b-f7u1u25dyp] {
    list-style-type: disc;
}

.chat-markdown :deep(blockquote)[b-f7u1u25dyp] {
    border-left: 3px solid rgba(34, 197, 94, 0.5);
    margin: 0.75rem 0;
    padding-left: 1rem;
    color: #a3a3a3;
}

.chat-markdown pre[b-f7u1u25dyp],
.chat-markdown code[b-f7u1u25dyp] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.88rem;
}

.chat-markdown pre[b-f7u1u25dyp] {
    background: #27272a;
    border-radius: 8px;
    padding: 1rem;
    overflow-x: auto;
    margin: 0.75rem 0;
}

.chat-markdown code[b-f7u1u25dyp] {
    background: rgba(255, 255, 255, 0.08);
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
}

.chat-response-text[b-f7u1u25dyp] {
    margin: 0 0 0.75rem;
    color: #d4d4d8;
}

.chat-response-text strong[b-f7u1u25dyp] {
    color: #fafafa;
    font-weight: 600;
}

.chat-code-block[b-f7u1u25dyp] {
    position: relative;
    background: #27272a;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin: 0.75rem 0;
}

.chat-copy-btn[b-f7u1u25dyp] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 28px;
    height: 28px;
    background: rgba(255, 255, 255, 0.06);
    border: none;
    border-radius: 6px;
    color: #a1a1aa;
    cursor: pointer;
    font-size: 0.9rem;
}

.chat-copy-btn:hover[b-f7u1u25dyp] {
    background: rgba(255, 255, 255, 0.1);
    color: #fafafa;
}

.chat-code-block pre[b-f7u1u25dyp] {
    margin: 0;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.85rem;
    color: #e4e4e7;
    white-space: pre-wrap;
}

.chat-input-wrap[b-f7u1u25dyp] {
    padding: 1rem 2rem 2rem;
    flex-shrink: 0;
}

.chat-input-inner[b-f7u1u25dyp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #27272a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 0.5rem 1rem;
    max-width: 48rem;
    margin: 0 auto;
}

.chat-add-btn[b-f7u1u25dyp],
.chat-send-btn[b-f7u1u25dyp] {
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat-add-btn[b-f7u1u25dyp] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 8px;
    background: transparent;
    border: none;
    color: #a1a1aa;
    cursor: pointer;
}

.chat-add-btn:hover[b-f7u1u25dyp] {
    background: rgba(255, 255, 255, 0.06);
    color: #fafafa;
}

.chat-input[b-f7u1u25dyp] {
    flex: 1;
    background: transparent;
    border: none;
    color: #fafafa;
    font-size: 1rem;
    padding: 0.5rem 0;
}

.chat-input[b-f7u1u25dyp]::placeholder {
    color: #71717a;
}

.chat-input:focus[b-f7u1u25dyp] {
    outline: none;
}

.chat-send-btn[b-f7u1u25dyp] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    background: #22c55e;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
}

.chat-send-btn:hover[b-f7u1u25dyp] {
    background: #16a34a;
}

.chat-voice-btn[b-f7u1u25dyp],
.chat-wave-btn[b-f7u1u25dyp] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    background: transparent;
    border: none;
    color: #a1a1aa;
    cursor: pointer;
    font-size: 1rem;
}

.chat-voice-btn:hover[b-f7u1u25dyp],
.chat-wave-btn:hover[b-f7u1u25dyp] {
    color: #fafafa;
}

.chat-disclaimer[b-f7u1u25dyp] {
    text-align: center;
    font-size: 0.75rem;
    color: #71717a;
    margin-top: 0.75rem;
}

/* Chat page — ChatGPT-style single sidebar */
.chat-page[b-f7u1u25dyp] {
    display: flex;
    min-height: calc(100vh - 4rem);
    margin: -2rem;
    background: #212121;
}

.chat-sidebar[b-f7u1u25dyp] {
    width: 260px;
    flex-shrink: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    flex-direction: column;
    background: #171717;
    transition: width 0.2s ease;
    overflow: hidden;
}

.chat-sidebar.collapsed[b-f7u1u25dyp] {
    width: 56px;
    align-items: stretch;
}

.chat-sidebar-brand-row[b-f7u1u25dyp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0.5rem 0.5rem 0.75rem;
    min-height: 44px;
    gap: 0.25rem;
}

.chat-sidebar.collapsed .chat-sidebar-brand-row[b-f7u1u25dyp] {
    justify-content: center;
    padding: 0.5rem 0.25rem;
}

.chat-sidebar-brand[b-f7u1u25dyp] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #fafafa;
    letter-spacing: -0.02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-sidebar-pin[b-f7u1u25dyp] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: #e5e5e5;
    cursor: pointer;
}

.chat-sidebar-pin:hover[b-f7u1u25dyp] {
    background: rgba(255, 255, 255, 0.08);
}

/* Sidebar toggle icon: panel / dock */
.chat-sidebar-pin-icon[b-f7u1u25dyp] {
    display: block;
    width: 18px;
    height: 14px;
    border: 1.5px solid currentColor;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
}

.chat-sidebar-pin-icon[b-f7u1u25dyp]::before {
    content: "";
    position: absolute;
    left: 3px;
    top: -1px;
    bottom: -1px;
    width: 2px;
    background: currentColor;
    border-radius: 1px;
}

.chat-sidebar-nav-btn[b-f7u1u25dyp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0.5rem 0.35rem;
    padding: 0.55rem 0.75rem;
    border-radius: 8px;
    background: transparent;
    border: none;
    color: #e5e5e5;
    font-size: 0.9rem;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
}

.chat-sidebar.collapsed .chat-sidebar-nav-btn[b-f7u1u25dyp] {
    justify-content: center;
    margin: 0 0.35rem 0.35rem;
    padding: 0.55rem;
}

.chat-sidebar-nav-btn:hover[b-f7u1u25dyp] {
    background: rgba(255, 255, 255, 0.08);
}

.chat-sidebar-nav-ico[b-f7u1u25dyp] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    opacity: 0.9;
}

.chat-ico-newchat[b-f7u1u25dyp] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e5e5e5' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 4v16m8-8H4'/%3E%3C/svg%3E") center/contain no-repeat;
}

.chat-ico-search[b-f7u1u25dyp] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2371717a' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.chat-ico-chats[b-f7u1u25dyp] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e5e5e5' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.chat-sidebar-search[b-f7u1u25dyp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0.5rem 0.5rem;
    padding: 0.45rem 0.65rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.chat-sidebar-search .chat-ico-search[b-f7u1u25dyp] {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.chat-sidebar-search-input[b-f7u1u25dyp] {
    flex: 1;
    background: transparent;
    border: none;
    color: #fafafa;
    font-size: 0.85rem;
    min-width: 0;
}

.chat-sidebar-search-input[b-f7u1u25dyp]::placeholder {
    color: #71717a;
}

.chat-sidebar-search-input:focus[b-f7u1u25dyp] {
    outline: none;
}

.chat-sidebar-section[b-f7u1u25dyp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-bottom: 0.75rem;
}

.chat-sidebar-section-head[b-f7u1u25dyp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 0.75rem 0.35rem 0.85rem;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #a1a1aa;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: none;
}

.chat-sidebar.collapsed .chat-sidebar-section-head[b-f7u1u25dyp] {
    justify-content: center;
    padding: 0.35rem;
}

.chat-sidebar-section-head:hover[b-f7u1u25dyp] {
    color: #e5e5e5;
}

.chat-sidebar-section-title[b-f7u1u25dyp] {
    letter-spacing: 0.02em;
}

.chevron[b-f7u1u25dyp] {
    font-size: 0.65rem;
    transition: transform 0.2s;
    color: #71717a;
}

.chevron.open[b-f7u1u25dyp] {
    transform: rotate(-180deg);
}

.chat-list[b-f7u1u25dyp] {
    flex: 1;
    overflow-y: auto;
    padding: 0 0.35rem;
}

.chat-list-item[b-f7u1u25dyp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    padding: 0.55rem 0.65rem;
    border-radius: 10px;
    cursor: pointer;
    color: #d4d4d8;
    font-size: 0.875rem;
}

.chat-list-item:hover[b-f7u1u25dyp] {
    background: rgba(255, 255, 255, 0.06);
}

.chat-list-item.active[b-f7u1u25dyp] {
    background: rgba(255, 255, 255, 0.1);
    color: #fafafa;
}

.chat-list-item-text[b-f7u1u25dyp] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.chat-list-title[b-f7u1u25dyp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-list-date[b-f7u1u25dyp] {
    font-size: 0.72rem;
    color: #737373;
}

.chat-list-item.active .chat-list-date[b-f7u1u25dyp] {
    color: #a3a3a3;
}

.chat-list-more[b-f7u1u25dyp] {
    background: none;
    border: none;
    color: #525252;
    cursor: pointer;
    padding: 0.25rem;
    font-size: 1rem;
    flex-shrink: 0;
}

.chat-list-more:hover[b-f7u1u25dyp] {
    color: #fafafa;
}

.chat-list-placeholder[b-f7u1u25dyp] {
    padding: 0.75rem 1rem;
    font-size: 0.82rem;
    color: #737373;
}

.chat-main[b-f7u1u25dyp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #212121;
}

/* Assistant message: text + diagram thumbs */
.chat-assistant-body[b-f7u1u25dyp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
}

.chat-diagram-thumb[b-f7u1u25dyp] {
    display: block;
    padding: 0;
    margin: 0.25rem 0 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    overflow: hidden;
    cursor: zoom-in;
    background: #0a0a0a;
    max-width: 220px;
    transition: transform 0.15s, box-shadow 0.15s;
}

.chat-diagram-thumb:hover[b-f7u1u25dyp] {
    transform: scale(1.02);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}

.chat-diagram-thumb img[b-f7u1u25dyp] {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.chat-status-hint[b-f7u1u25dyp] {
    margin: 0.35rem 0 0;
    font-size: 0.82rem;
    color: #71717a;
}

.chat-status-card[b-f7u1u25dyp] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin-top: 0.85rem;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    max-width: 22rem;
    text-align: left;
}

.chat-status-image[b-f7u1u25dyp] {
    border-color: rgba(34, 197, 94, 0.25);
    background: rgba(34, 197, 94, 0.06);
}

.chat-status-copy[b-f7u1u25dyp] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.chat-status-title[b-f7u1u25dyp] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #fafafa;
}

.chat-status-sub[b-f7u1u25dyp] {
    font-size: 0.78rem;
    color: #a1a1aa;
    line-height: 1.35;
}

.chat-spinner[b-f7u1u25dyp] {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    border: 2px solid rgba(34, 197, 94, 0.25);
    border-top-color: #22c55e;
    border-radius: 50%;
    animation: chat-spin-b-f7u1u25dyp 0.75s linear infinite;
    margin-top: 2px;
}

@keyframes chat-spin-b-f7u1u25dyp {
    to { transform: rotate(360deg); }
}

/* Full-screen diagram lightbox */
.diagram-lightbox[b-f7u1u25dyp] {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.diagram-lightbox-backdrop[b-f7u1u25dyp] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.82);
    backdrop-filter: blur(6px);
}

.diagram-lightbox-content[b-f7u1u25dyp] {
    position: relative;
    z-index: 1;
    max-width: min(96vw, 1100px);
    max-height: min(92vh, 900px);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #181818;
}

.diagram-lightbox-img[b-f7u1u25dyp] {
    display: block;
    max-width: 100%;
    max-height: min(88vh, 860px);
    width: auto;
    height: auto;
    object-fit: contain;
}

.diagram-lightbox-close[b-f7u1u25dyp] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: none;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-size: 1.1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.diagram-lightbox-close:hover[b-f7u1u25dyp] {
    background: rgba(255, 255, 255, 0.15);
}

/* Remove inline images from markdown (we render thumbs separately) */
.chat-markdown :deep(img)[b-f7u1u25dyp] {
    display: none;
}
/* _content/QuestifyAI.WebApp/Components/Pages/Teacher/ChatHistory.razor.rz.scp.css */
.chat-history-page[b-v7jxdee798] {
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
}

.chat-history-header[b-v7jxdee798] {
    margin-bottom: 2rem;
}

.chat-history-header h1[b-v7jxdee798] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fafafa;
    margin: 0.5rem 0 0;
}

.chat-history-placeholder[b-v7jxdee798] {
    color: #71717a;
    font-size: 1rem;
}

.chat-history-list[b-v7jxdee798] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.chat-history-item[b-v7jxdee798] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
}

.chat-history-title[b-v7jxdee798] {
    flex: 1;
    color: #d4d4d8;
    text-decoration: none;
    font-size: 0.95rem;
}

.chat-history-title:hover[b-v7jxdee798] {
    color: #22c55e;
}

.chat-history-date[b-v7jxdee798] {
    font-size: 0.8rem;
    color: #71717a;
}

.chat-history-delete[b-v7jxdee798] {
    padding: 0.35rem 0.75rem;
    background: transparent;
    border: 1px solid rgba(239,68,68,0.5);
    border-radius: 6px;
    color: #fca5a5;
    font-size: 0.8rem;
    cursor: pointer;
}

.chat-history-delete:hover[b-v7jxdee798] {
    background: rgba(239,68,68,0.2);
}
/* _content/QuestifyAI.WebApp/Components/Pages/Teacher/Dashboard.razor.rz.scp.css */
/* Teacher Dashboard – professional dark theme */

.td-dashboard[b-uxls7z6y24] {
    max-width: 1280px;
    margin: 0 auto;
}

.td-header[b-uxls7z6y24] {
    margin-bottom: 2rem;
}

.td-title[b-uxls7z6y24] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fafafa;
    letter-spacing: -0.03em;
    margin: 0 0 0.25rem;
}

.td-subtitle[b-uxls7z6y24] {
    font-size: 0.95rem;
    color: #71717a;
    margin: 0;
}

/* Stats row */
.td-stats[b-uxls7z6y24] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.td-stat-card[b-uxls7z6y24] {
    background: #27272a;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.td-stat-card:hover[b-uxls7z6y24] {
    border-color: rgba(255, 255, 255, 0.1);
    background: #2d2d30;
}

.td-stat-icon[b-uxls7z6y24] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background-size: 22px;
    background-position: center;
    background-repeat: no-repeat;
}

.td-icon-students[b-uxls7z6y24] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.td-icon-classes[b-uxls7z6y24] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M22 10v6M2 10l10-5 10 5-10 5z'/%3E%3Cpath d='M6 12v5c0 2 2 3 6 3s6-1 6-3v-5'/%3E%3C/svg%3E");
}

.td-icon-exams[b-uxls7z6y24] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E");
}

.td-icon-mock[b-uxls7z6y24] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");
}

.td-icon-ai[b-uxls7z6y24] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2'%3E%3Cpath d='M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5z'/%3E%3Cpath d='M5 17l1.2 3.6L10 22l-3.8-1.2L5 17z'/%3E%3Cpath d='M19 17l-1.2 3.6L14 22l3.8-1.2L19 17z'/%3E%3C/svg%3E");
}

.td-stat-body[b-uxls7z6y24] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.td-stat-label[b-uxls7z6y24] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.td-stat-value[b-uxls7z6y24] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fafafa;
    letter-spacing: -0.02em;
}

.td-stat-card.td-stat-accent[b-uxls7z6y24] {
    border-color: rgba(34, 197, 94, 0.2);
}

.td-stat-card.td-stat-accent .td-stat-value[b-uxls7z6y24] {
    color: #22c55e;
}

/* Grid layout */
.td-grid[b-uxls7z6y24] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

@media (max-width: 900px) {
    .td-grid[b-uxls7z6y24] {
        grid-template-columns: 1fr;
    }
}

/* Cards */
.td-card[b-uxls7z6y24] {
    background: #27272a;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 1.5rem;
}

.td-card-head[b-uxls7z6y24] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.td-card-title[b-uxls7z6y24] {
    font-size: 1rem;
    font-weight: 600;
    color: #fafafa;
    margin: 0;
}

.td-card-link[b-uxls7z6y24] {
    font-size: 0.85rem;
    color: #22c55e;
    text-decoration: none;
}

.td-card-link:hover[b-uxls7z6y24] {
    text-decoration: underline;
}

/* Activity list */
.td-activity-list[b-uxls7z6y24] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.td-activity-item[b-uxls7z6y24] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0;
    font-size: 0.9rem;
    color: #e4e4e7;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    line-height: 1.4;
}

.td-activity-item:last-child[b-uxls7z6y24] {
    border-bottom: none;
}

.td-activity-dot[b-uxls7z6y24] {
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    margin-top: 0.5rem;
    border-radius: 50%;
    background: #22c55e;
}

/* Empty state */
.td-empty[b-uxls7z6y24] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1.5rem;
    text-align: center;
}

.td-empty-icon[b-uxls7z6y24] {
    width: 48px;
    height: 48px;
    margin-bottom: 0.75rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='22 12 16 12 14 15 10 15 8 12 2 12'/%3E%3Cpath d='M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.td-empty p[b-uxls7z6y24] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #d4d4d8;
    margin: 0 0 0.25rem;
}

.td-empty span[b-uxls7z6y24] {
    font-size: 0.85rem;
    color: #71717a;
}

/* Quick actions */
.td-action-buttons[b-uxls7z6y24] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.td-action-btn[b-uxls7z6y24] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.15s ease;
}

.td-action-btn:hover[b-uxls7z6y24] {
    transform: translateX(2px);
}

.td-action-primary[b-uxls7z6y24] {
    background: #22c55e;
    color: #fff;
}

.td-action-primary:hover[b-uxls7z6y24] {
    background: #16a34a;
}

.td-action-secondary[b-uxls7z6y24] {
    background: rgba(255, 255, 255, 0.06);
    color: #e4e4e7;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.td-action-secondary:hover[b-uxls7z6y24] {
    background: rgba(255, 255, 255, 0.08);
}

.td-action-icon[b-uxls7z6y24] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
}

.td-icon-add[b-uxls7z6y24] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");
}

.td-action-secondary .td-icon-upload[b-uxls7z6y24] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e4e4e7' stroke-width='2'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E");
}
/* _content/QuestifyAI.WebApp/Components/Pages/Teacher/ExamReview.razor.rz.scp.css */
/* Exam Review - "Your Exam Questions Are Ready" style */

.exam-review-page[b-nwegtr3urx] {
    min-height: 100vh;
    background: #18181b;
    color: #fafafa;
}

.exam-review-topbar[b-nwegtr3urx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 2rem;
    background: #0f0f10;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.exam-review-logo[b-nwegtr3urx] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #22c55e;
    text-decoration: none;
}

.exam-review-logo:hover[b-nwegtr3urx] {
    color: #4ade80;
}

.exam-review-nav[b-nwegtr3urx] {
    display: flex;
    gap: 1.5rem;
}

.exam-review-nav-item[b-nwegtr3urx] {
    background: none;
    border: none;
    color: #a1a1aa;
    font-size: 0.95rem;
    cursor: pointer;
    text-decoration: none;
}

.exam-review-nav-item:hover[b-nwegtr3urx] {
    color: #fafafa;
}

.exam-review-body[b-nwegtr3urx] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem;
}

.exam-review-header[b-nwegtr3urx] {
    margin-bottom: 2rem;
}

.exam-review-title[b-nwegtr3urx] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fafafa;
    margin: 0 0 0.5rem;
}

.exam-review-subtitle[b-nwegtr3urx] {
    font-size: 1rem;
    color: #9ca3af;
    margin: 0;
}

.exam-review-cards[b-nwegtr3urx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.exam-review-card[b-nwegtr3urx] {
    background: #2d2d2d;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    padding: 1rem;
}

.exam-review-card-label[b-nwegtr3urx] {
    display: block;
    font-size: 0.8rem;
    color: #9ca3af;
    margin-bottom: 0.5rem;
}

.exam-review-card-dropdown[b-nwegtr3urx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.95rem;
}

.exam-review-dropdown-arrow[b-nwegtr3urx] {
    font-size: 0.7rem;
    color: #71717a;
}

.exam-review-breakdown[b-nwegtr3urx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: #a3a3a3;
    margin-top: 0.5rem;
}

.exam-review-duration[b-nwegtr3urx] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: #18181b;
    color: #fafafa;
    font-size: 0.95rem;
}

.exam-review-types[b-nwegtr3urx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.exam-review-type-pill[b-nwegtr3urx] {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    color: #a3a3a3;
}

.exam-review-type-empty[b-nwegtr3urx] {
    color: #71717a;
    font-style: italic;
}

.exam-review-actions[b-nwegtr3urx] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.exam-review-refresh[b-nwegtr3urx] {
    display: inline-block;
    margin-right: 0.35rem;
    font-size: 1rem;
}

.exam-review-list[b-nwegtr3urx] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 2rem;
}

.exam-review-empty[b-nwegtr3urx] {
    text-align: center;
    padding: 3rem 2rem;
    background: #2d2d2d;
    border-radius: 10px;
    border: 1px dashed rgba(255, 255, 255, 0.15);
}

.exam-review-empty p[b-nwegtr3urx] {
    color: #9ca3af;
    margin: 0 0 1rem;
}

.exam-review-question-row[b-nwegtr3urx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    background: #2d2d2d;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
}

.exam-review-question-main[b-nwegtr3urx] {
    flex: 1;
    min-width: 0;
}

.exam-review-question-header[b-nwegtr3urx] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.exam-review-question-num[b-nwegtr3urx] {
    font-weight: 700;
    font-size: 1rem;
    color: #fafafa;
}

.exam-review-question-text[b-nwegtr3urx] {
    flex: 1;
    font-weight: 600;
    font-size: 1rem;
    color: #fafafa;
    line-height: 1.4;
}

.exam-review-type-badge[b-nwegtr3urx] {
    font-size: 0.75rem;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    font-weight: 500;
}

.exam-review-type-badge.badge-mcq[b-nwegtr3urx] {
    background: rgba(96, 165, 250, 0.2);
    color: #93c5fd;
}

.exam-review-type-badge.badge-tf[b-nwegtr3urx] {
    background: rgba(34, 197, 94, 0.2);
    color: #86efac;
}

.exam-review-type-badge.badge-written[b-nwegtr3urx] {
    background: rgba(161, 161, 170, 0.2);
    color: #a1a1aa;
}

.exam-review-type-badge.badge-default[b-nwegtr3urx] {
    background: rgba(255, 255, 255, 0.08);
    color: #9ca3af;
}

.exam-review-question-options[b-nwegtr3urx] {
    margin-top: 0.75rem;
    margin-left: 0.5rem;
    font-size: 0.9rem;
    color: #a3a3a3;
    line-height: 1.5;
}

.exam-review-question-options div[b-nwegtr3urx] {
    margin-bottom: 0.35rem;
}

.exam-review-question-actions[b-nwegtr3urx] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.exam-review-icon-btn[b-nwegtr3urx] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.06);
    border: none;
    border-radius: 6px;
    color: #9ca3af;
    cursor: pointer;
    font-size: 0.95rem;
}

.exam-review-icon-btn:hover[b-nwegtr3urx] {
    background: rgba(255, 255, 255, 0.1);
    color: #fafafa;
}

.exam-review-icon-btn.exam-review-delete:hover[b-nwegtr3urx] {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
}

.exam-review-footer[b-nwegtr3urx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    flex-wrap: wrap;
}

.exam-review-reminder[b-nwegtr3urx] {
    font-size: 0.9rem;
    color: #9ca3af;
    flex: 1;
}

.exam-review-finalize[b-nwegtr3urx] {
    padding: 0.6rem 1.5rem;
    font-size: 1rem;
}
/* _content/QuestifyAI.WebApp/Components/Pages/Teacher/ExamSessionMonitor.razor.rz.scp.css */
.exam-session-monitor[b-00ine69gsm] {
    padding: 0;
}

.monitor-header[b-00ine69gsm] {
    margin-bottom: 1rem;
}

.monitor-header .sa-link-btn[b-00ine69gsm] {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.monitor-desc[b-00ine69gsm] {
    color: var(--muted-color, #9ca3af);
    font-size: 0.95rem;
    margin-top: 0.25rem;
}

.monitor-actions[b-00ine69gsm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.status-badge[b-00ine69gsm] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
}

.status-pendinglock[b-00ine69gsm] { background: #fef3c7; color: #92400e; }
.status-locked[b-00ine69gsm] { background: #d1fae5; color: #065f46; }
.status-paused[b-00ine69gsm] { background: #e0e7ff; color: #3730a3; }
.status-ended[b-00ine69gsm] { background: #e5e7eb; color: #4b5563; }
.status-unlocked[b-00ine69gsm] { background: #fce7f3; color: #9d174d; }

.alert-badge[b-00ine69gsm] {
    display: inline-block;
    min-width: 1.25rem;
    padding: 0.1rem 0.35rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: #fef2f2;
    color: #b91c1c;
}
/* _content/QuestifyAI.WebApp/Components/Pages/Teacher/Preview.razor.rz.scp.css */
/* Preview page – matches uis/teacher/preview.png */

.preview-page[b-w1nvby81j7] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 4rem);
    margin: -2rem;
    background: #18181b;
}

.preview-page-header[b-w1nvby81j7] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: #0f0f10;
}

.preview-back[b-w1nvby81j7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #a1a1aa;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
}

.preview-back:hover[b-w1nvby81j7] {
    color: #fafafa;
}

.preview-back-icon[b-w1nvby81j7] {
    font-size: 1.25rem;
}

.preview-page-title[b-w1nvby81j7] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fafafa;
    margin: 0;
}

.preview-page-content[b-w1nvby81j7] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.preview-main-heading[b-w1nvby81j7] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fafafa;
    margin: 0;
}
/* _content/QuestifyAI.WebApp/Components/Shared/BrandedFileViewer.razor.rz.scp.css */
.qfv-backdrop[b-yneuh70lka] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(2, 6, 23, 0.82);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.qfv-modal[b-yneuh70lka] {
    width: min(960px, 96vw);
    max-height: 92vh;
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
    border: 1px solid rgba(99, 102, 241, 0.35);
    border-radius: 16px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.qfv-header[b-yneuh70lka] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(15, 23, 42, 0.9);
}

.qfv-brand[b-yneuh70lka] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.qfv-logo[b-yneuh70lka] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
    color: #111827;
    background: #ffffff;
    border: 2px solid #111827;
}

.qfv-brand-title[b-yneuh70lka] {
    font-weight: 700;
    color: #f8fafc;
    line-height: 1.1;
}

.qfv-brand-sub[b-yneuh70lka] {
    font-size: 0.78rem;
    color: #94a3b8;
}

.qfv-close[b-yneuh70lka] {
    border: none;
    background: rgba(148, 163, 184, 0.15);
    color: #e2e8f0;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    cursor: pointer;
}

.qfv-meta[b-yneuh70lka] {
    padding: 0.6rem 1rem 0;
    color: #cbd5e1;
    font-size: 0.9rem;
}

.qfv-body[b-yneuh70lka] {
    flex: 1;
    min-height: 320px;
    padding: 0.75rem 1rem 1rem;
}

.qfv-center[b-yneuh70lka] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
}

.qfv-error[b-yneuh70lka] {
    color: #f87171;
}

.qfv-embed-frame[b-yneuh70lka] {
    width: 100%;
    height: min(68vh, 640px);
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 10px;
    background: #fff;
}

.qfv-embed-image[b-yneuh70lka] {
    max-width: 100%;
    max-height: min(68vh, 640px);
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.25);
}

.qfv-download-panel[b-yneuh70lka] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 280px;
    color: #cbd5e1;
    text-align: center;
}

.qfv-footer[b-yneuh70lka] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(15, 23, 42, 0.75);
}

.qfv-footer-link[b-yneuh70lka] {
    color: #e2e8f0;
    background: transparent;
    border: none;
    text-decoration: underline;
    font-size: 0.88rem;
    cursor: pointer;
    padding: 0;
}

.qfv-powered[b-yneuh70lka] {
    font-size: 0.78rem;
    color: #64748b;
}