/* /Components/CampaignChannelSettings.razor.rz.scp.css */
.campaign-channel-settings[b-6e10ncn1ho] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.panel-heading[b-6e10ncn1ho] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading h2[b-6e10ncn1ho] {
    margin: 0;
    font-size: 1.1rem;
}

.channel-form-grid[b-6e10ncn1ho] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.channel-list[b-6e10ncn1ho] {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.channel-list-item[b-6e10ncn1ho] {
    display: grid;
    gap: .2rem;
    width: 100%;
    padding: .8rem;
    border: 1px solid #e3e8ef;
    border-radius: 8px;
    background: #fff;
    color: #243044;
    text-align: left;
}

.channel-list-item:hover[b-6e10ncn1ho] {
    border-color: #7b9ecf;
    background: #f5f8fd;
}

.channel-list-item span[b-6e10ncn1ho] {
    color: #667085;
    font-size: .88rem;
}

.toggle-line[b-6e10ncn1ho] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 38px;
}

@media (max-width: 960px) {
    .campaign-channel-settings[b-6e10ncn1ho],
    .channel-form-grid[b-6e10ncn1ho],
    .panel-heading[b-6e10ncn1ho] {
        display: block;
    }

    .channel-form-grid > *[b-6e10ncn1ho] {
        margin-bottom: .75rem;
    }
}
/* /Components/FullCalendar.razor.rz.scp.css */
.full-calendar-shell[b-tn6jqrnwhi] {
    min-width: 0;
    padding: .75rem;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 8px;
    background: rgba(15, 23, 42, .74);
}

.full-calendar-host[b-tn6jqrnwhi] {
    min-height: 420px;
    color: #e5edf7;
}

.full-calendar-host .fc[b-tn6jqrnwhi] {
    font-family: inherit;
}

.full-calendar-host .fc .fc-toolbar[b-tn6jqrnwhi] {
    gap: .75rem;
    flex-wrap: wrap;
}

.full-calendar-host .fc .fc-toolbar-title[b-tn6jqrnwhi] {
    color: #f8fafc;
    font-size: 1.15rem;
    font-weight: 900;
}

.full-calendar-host .fc .fc-button[b-tn6jqrnwhi] {
    border: 1px solid rgba(125, 211, 252, .28);
    border-radius: 7px;
    background: rgba(30, 41, 59, .86);
    color: #f8fafc;
    font-weight: 800;
    box-shadow: none;
}

.full-calendar-host .fc .fc-button:hover[b-tn6jqrnwhi],
.full-calendar-host .fc .fc-button-primary:not(:disabled).fc-button-active[b-tn6jqrnwhi] {
    border-color: rgba(45, 212, 191, .7);
    background: rgba(20, 184, 166, .28);
}

.full-calendar-host .fc-theme-standard td[b-tn6jqrnwhi],
.full-calendar-host .fc-theme-standard th[b-tn6jqrnwhi],
.full-calendar-host .fc-theme-standard .fc-scrollgrid[b-tn6jqrnwhi] {
    border-color: rgba(148, 163, 184, .18);
}

.full-calendar-host .fc-col-header-cell-cushion[b-tn6jqrnwhi],
.full-calendar-host .fc-daygrid-day-number[b-tn6jqrnwhi] {
    color: #cbd5e1;
    text-decoration: none;
}

.full-calendar-host .fc-day-today[b-tn6jqrnwhi] {
    background: rgba(14, 165, 233, .14) !important;
}

.full-calendar-host .fc-event[b-tn6jqrnwhi] {
    border: 0;
    border-radius: 6px;
    padding: 2px 4px;
    font-weight: 800;
}

.full-calendar-missing[b-tn6jqrnwhi] {
    display: grid;
    place-items: center;
    min-height: 360px;
    padding: 1rem;
    border: 1px dashed rgba(251, 191, 36, .45);
    border-radius: 8px;
    color: #fde68a;
    text-align: center;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-xebraxt6ro] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

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

.mobile-bottom-nav[b-xebraxt6ro] {
    display: none;
}

.sidebar[b-xebraxt6ro] {
    background: #173b36;
    box-shadow: 1px 0 18px rgba(20, 32, 28, 0.12);
}

.top-row[b-xebraxt6ro] {
    background-color: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid #e4e0d7;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    backdrop-filter: blur(8px);
}

.top-row[b-xebraxt6ro]  .top-cart-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid #d8e2dc;
    border-radius: 999px;
    background: #f8faf7;
    color: #173b36;
    text-decoration: none;
}

.top-row[b-xebraxt6ro]  .top-cart-button:hover {
    background: #eef7f0;
    text-decoration: none;
}

.top-row[b-xebraxt6ro]  .top-cart-button i {
    font-size: 1.1rem;
    line-height: 1;
}

.top-row[b-xebraxt6ro]  .top-cart-count {
    position: absolute;
    top: -0.35rem;
    right: -0.35rem;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: #dc3545;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 800;
}

.page-heading[b-xebraxt6ro] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    margin-right: auto;
}

.status-dot[b-xebraxt6ro] {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 999px;
    background: #2f9e44;
    box-shadow: 0 0 0 4px rgba(47, 158, 68, 0.14);
}

.page-heading-copy[b-xebraxt6ro] {
    display: grid;
    min-width: 0;
    line-height: 1.15;
}

.page-heading-copy span[b-xebraxt6ro] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-heading-copy strong[b-xebraxt6ro] {
    color: #102a2a;
    display: block;
    font-size: 1rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .top-row[b-xebraxt6ro]  a, .top-row[b-xebraxt6ro]  .btn-link {
        white-space: nowrap;
        text-decoration: none;
        color: #173b36;
        font-weight: 600;
    }

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

@media (max-width: 640.98px) {
    main[b-xebraxt6ro] {
        padding-bottom: calc(4.8rem + env(safe-area-inset-bottom));
    }

    .top-row[b-xebraxt6ro] {
        justify-content: space-between;
        gap: 0.5rem;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .page-heading[b-xebraxt6ro] {
        max-width: 48vw;
    }

    .page-heading-copy span[b-xebraxt6ro] {
        display: none;
    }

    .page-heading-copy strong[b-xebraxt6ro] {
        font-size: 0.92rem;
    }

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

    .top-row[b-xebraxt6ro]  .language-selector,
    .top-row[b-xebraxt6ro]  .domain-selector {
        display: none;
    }

    .mobile-bottom-nav[b-xebraxt6ro] {
        align-items: center;
        background: rgba(255, 255, 255, 0.96);
        border-top: 1px solid #dfe7e2;
        bottom: 0;
        box-shadow: 0 -12px 28px rgba(16, 42, 42, 0.12);
        display: grid;
        gap: 0.25rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        left: 0;
        padding: 0.45rem 0.5rem calc(0.45rem + env(safe-area-inset-bottom));
        position: fixed;
        right: 0;
        z-index: 1000;
    }

    .mobile-bottom-link[b-xebraxt6ro] {
        align-items: center;
        border-radius: 8px;
        color: #52605b;
        display: grid;
        font-size: 0.69rem;
        font-weight: 800;
        gap: 0.22rem;
        justify-items: center;
        min-height: 3.65rem;
        padding: 0.35rem 0.2rem;
        text-decoration: none;
    }

    .mobile-bottom-link.active[b-xebraxt6ro],
    .mobile-bottom-link:hover[b-xebraxt6ro] {
        background: #e9f5ef;
        color: #173b36;
        text-decoration: none;
    }

    .mobile-bottom-icon[b-xebraxt6ro] {
        align-items: center;
        background: #f8faf7;
        border: 1px solid #d9e4df;
        border-radius: 8px;
        display: inline-flex;
        height: 1.9rem;
        justify-content: center;
        position: relative;
        width: 1.9rem;
    }

    .mobile-bottom-icon[b-xebraxt6ro]::before {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 1.18rem;
        width: 1.18rem;
    }

    .mobile-bottom-icon.kpss[b-xebraxt6ro]::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23176b5d' d='M3 4.5A2.5 2.5 0 0 1 5.5 2H17v13.5A2.5 2.5 0 0 1 14.5 18H5.25A2.25 2.25 0 0 1 3 15.75V4.5Zm3 1.25c0 .414.336.75.75.75h6.5a.75.75 0 0 0 0-1.5h-6.5a.75.75 0 0 0-.75.75Zm0 3c0 .414.336.75.75.75h4.5a.75.75 0 0 0 0-1.5h-4.5a.75.75 0 0 0-.75.75Zm0 3c0 .414.336.75.75.75h5.5a.75.75 0 0 0 0-1.5h-5.5a.75.75 0 0 0-.75.75Z'/%3E%3C/svg%3E");
    }

    .mobile-bottom-icon.whatsapp[b-xebraxt6ro] {
        background: #e7f8ef;
        border-color: #bfe8d0;
    }

    .mobile-bottom-icon.whatsapp[b-xebraxt6ro]::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 32 32'%3E%3Cpath fill='%2325D366' d='M16.01 3.2A12.7 12.7 0 0 0 5.2 22.56L3.6 28.8l6.38-1.52A12.7 12.7 0 1 0 16.01 3.2Z'/%3E%3Cpath fill='%23fff' d='M12.1 9.4c-.28-.62-.58-.63-.85-.64h-.72c-.25 0-.65.09-.99.46-.34.37-1.3 1.27-1.3 3.1s1.33 3.59 1.52 3.84c.18.25 2.57 4.12 6.36 5.61 3.15 1.24 3.8.99 4.49.93.69-.06 2.22-.91 2.53-1.78.31-.87.31-1.62.22-1.78-.09-.15-.34-.25-.71-.43-.37-.19-2.22-1.1-2.56-1.22-.34-.12-.59-.19-.84.19-.25.37-.96 1.22-1.18 1.47-.22.25-.43.28-.81.09-.37-.19-1.58-.58-3-1.85-1.11-.99-1.86-2.21-2.08-2.59-.22-.37-.02-.57.16-.76.17-.17.37-.43.56-.65.19-.22.25-.37.37-.62.12-.25.06-.47-.03-.65-.09-.19-.82-2.04-1.14-2.72Z'/%3E%3C/svg%3E");
    }

    .mobile-bottom-icon.ai[b-xebraxt6ro]::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%236B4EFF' d='m10 1.75 1.54 4.55 4.71 1.2-4.71 1.2L10 13.25 8.46 8.7 3.75 7.5l4.71-1.2L10 1.75Zm5.1 9.35.86 2.55 2.54.85-2.54.85-.86 2.55-.85-2.55-2.55-.85 2.55-.85.85-2.55ZM5.15 12.2l.62 1.86 1.88.64-1.88.63-.62 1.87-.64-1.87-1.86-.63 1.86-.64.64-1.86Z'/%3E%3C/svg%3E");
    }

    .mobile-bottom-icon.google[b-xebraxt6ro]::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M21.6 12.23c0-.73-.07-1.43-.19-2.11H12v4h5.38a4.6 4.6 0 0 1-1.99 3.02v2.51h3.23c1.89-1.74 2.98-4.3 2.98-7.42Z'/%3E%3Cpath fill='%2334A853' d='M12 22c2.7 0 4.96-.9 6.62-2.35l-3.23-2.51c-.9.6-2.04.95-3.39.95-2.6 0-4.8-1.76-5.58-4.12H3.08v2.59A10 10 0 0 0 12 22Z'/%3E%3Cpath fill='%23FBBC05' d='M6.42 13.97A6 6 0 0 1 6.1 12c0-.68.12-1.34.32-1.97V7.44H3.08A10 10 0 0 0 2 12c0 1.61.39 3.14 1.08 4.56l3.34-2.59Z'/%3E%3Cpath fill='%23EA4335' d='M12 5.91c1.47 0 2.78.5 3.82 1.49l2.87-2.87A9.62 9.62 0 0 0 12 2a10 10 0 0 0-8.92 5.44l3.34 2.59C7.2 7.67 9.4 5.91 12 5.91Z'/%3E%3C/svg%3E");
    }
}

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

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

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

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

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

#blazor-error-ui[b-xebraxt6ro] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-xebraxt6ro] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ej4cyq1wry] {
    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-ej4cyq1wry] {
    background-color: rgba(255, 255, 255, 0.5);
}

.mobile-nav-backdrop[b-ej4cyq1wry],
.mobile-menu-tools[b-ej4cyq1wry] {
    display: none;
}

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

.navbar-brand[b-ej4cyq1wry] {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0;
}

.bi[b-ej4cyq1wry] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: 0;
    background-size: cover;
    font-size: 1rem;
    line-height: 1;
}

.bi-house-door-fill-nav-menu[b-ej4cyq1wry] {
    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-ej4cyq1wry] {
    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-ej4cyq1wry] {
    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");
}

.bi-people-fill-nav-menu[b-ej4cyq1wry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.216 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.784ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

.bi-bag-nav-menu[b-ej4cyq1wry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2.5 2.5 0 0 0-2.5 2.5V4h5v-.5A2.5 2.5 0 0 0 8 1Zm3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1.9l-.82 9.18A2.5 2.5 0 0 0 3.57 16h8.86a2.5 2.5 0 0 0 2.49-2.82L14.1 4h-2.6Z'/%3E%3C/svg%3E");
}

.bi-cart-nav-menu[b-ej4cyq1wry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1.5 7A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.49-.402L1.61 2H.5a.5.5 0 0 1-.5-.5ZM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E");
}

.bi-ticket-perforated-nav-menu[b-ej4cyq1wry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 4.5A1.5 1.5 0 0 1 1.5 3h13A1.5 1.5 0 0 1 16 4.5v2a1.5 1.5 0 0 0 0 3v2A1.5 1.5 0 0 1 14.5 13h-13A1.5 1.5 0 0 1 0 11.5v-2a1.5 1.5 0 0 0 0-3v-2zM1.5 4a.5.5 0 0 0-.5.5v1.1a2.5 2.5 0 0 1 0 4.8v1.1a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-1.1a2.5 2.5 0 0 1 0-4.8V4.5a.5.5 0 0 0-.5-.5h-13z'/%3E%3C/svg%3E");
}

.bi-receipt-nav-menu[b-ej4cyq1wry] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0L11 1.293l.646-.647a.5.5 0 0 1 .708 0L13 1.293l.646-.647A.5.5 0 0 1 14.5 1v14a.5.5 0 0 1-.854.354L13 14.707l-.646.647a.5.5 0 0 1-.708 0L11 14.707l-.646.647a.5.5 0 0 1-.708 0L9 14.707l-.646.647a.5.5 0 0 1-.708 0L7 14.707l-.646.647a.5.5 0 0 1-.708 0L5 14.707l-.646.647a.5.5 0 0 1-.708 0L3 14.707l-.646.647A.5.5 0 0 1 1.5 15V1a.5.5 0 0 1 .42-.494zM4 5a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1H4zm0 3a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1H4zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1H4z'/%3E%3C/svg%3E");
}

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

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

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

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

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

.nav-group-toggle[b-ej4cyq1wry] {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    text-align: left;
    width: 100%;
}

.nav-group-toggle:hover[b-ej4cyq1wry],
.nav-group-toggle[aria-expanded="true"][b-ej4cyq1wry] {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-group-toggle span:nth-child(2)[b-ej4cyq1wry] {
    flex: 1;
}

.chevron[b-ej4cyq1wry] {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    display: inline-block;
    height: 0.5rem;
    margin-left: auto;
    transform: rotate(45deg);
    transition: transform 160ms ease;
    width: 0.5rem;
}

.chevron.open[b-ej4cyq1wry] {
    transform: rotate(225deg);
}

.submenu[b-ej4cyq1wry] {
    border-left: 1px solid rgba(255,255,255,0.22);
    display: none;
    margin: 0.15rem 0 0.25rem 1.6rem;
    padding-left: 0.7rem;
}

.submenu.show[b-ej4cyq1wry] {
    display: grid;
    gap: 0.25rem;
}

.submenu[b-ej4cyq1wry]  .submenu-link {
    align-items: center;
    color: #cbd8d4;
    border: 0;
    border-radius: 4px;
    display: flex;
    font-size: 0.86rem;
    gap: 0.55rem;
    line-height: 1.2;
    padding: 0.65rem 0.75rem;
    text-decoration: none;
    width: 100%;
}

.submenu[b-ej4cyq1wry]  .submenu-link .bi {
    flex: 0 0 auto;
    height: 1rem;
    margin-right: 0;
    top: 0;
    width: 1rem;
}

.submenu[b-ej4cyq1wry]  .submenu-link:hover,
.submenu[b-ej4cyq1wry]  .submenu-link.active {
    background: rgba(255,255,255,0.14);
    color: #fff;
}

.nav-link.disabled[b-ej4cyq1wry],
.submenu[b-ej4cyq1wry]  .submenu-link.disabled {
    color: rgba(215, 215, 215, 0.46);
    cursor: default;
    pointer-events: none;
}

.submenu-logout-form[b-ej4cyq1wry] {
    border-top: 1px solid rgba(255,255,255,0.14);
    margin: 0.35rem 0 0;
    padding-top: 0.35rem;
}

.submenu-logout-form .logout-button[b-ej4cyq1wry] {
    background: transparent;
    color: #f1d7d2;
    text-align: left;
}

.logout-form[b-ej4cyq1wry] {
    border-top: 1px solid rgba(255,255,255,0.14);
    margin-top: 0.75rem;
    padding-top: 0.75rem;
}

.logout-button[b-ej4cyq1wry] {
    color: #f1d7d2;
    background: none;
    border: none;
    border-radius: 4px;
    min-height: 2.75rem;
    text-align: left;
    width: 100%;
}

.logout-button:hover[b-ej4cyq1wry] {
    background: rgba(255,255,255,0.12);
    color: #fff;
}

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

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

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

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

@media (max-width: 640.98px) {
    .navbar-toggler[b-ej4cyq1wry] {
        z-index: 1003;
    }

    .mobile-nav-backdrop[b-ej4cyq1wry] {
        background: rgba(15, 23, 42, 0.42);
        inset: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        transition: opacity 180ms ease;
        z-index: 1001;
    }

    .navbar-toggler:checked ~ .mobile-nav-backdrop[b-ej4cyq1wry] {
        display: block;
        opacity: 1;
        pointer-events: auto;
    }

    .nav-scrollable[b-ej4cyq1wry] {
        background: #173b36;
        box-shadow: 18px 0 36px rgba(15, 23, 42, 0.22);
        display: block;
        height: 100dvh;
        left: 0;
        max-width: 21rem;
        overflow-y: auto;
        padding-bottom: 1.5rem;
        padding-top: 0.75rem;
        position: fixed;
        top: 0;
        transform: translateX(-100%);
        transition: transform 220ms ease;
        width: min(86vw, 21rem);
        z-index: 1002;
    }

    .navbar-toggler:checked ~ .nav-scrollable[b-ej4cyq1wry] {
        transform: translateX(0);
    }

    .mobile-menu-tools[b-ej4cyq1wry] {
        border-bottom: 1px solid rgba(255,255,255,0.14);
        display: grid;
        gap: 0.75rem;
        margin-bottom: 0.5rem;
        padding-bottom: 1rem;
        padding-top: 3.25rem;
    }

    .mobile-menu-tools[b-ej4cyq1wry]  .language-selector,
    .mobile-menu-tools[b-ej4cyq1wry]  .domain-selector {
        align-items: stretch;
        display: grid;
        gap: 0.35rem;
    }

    .mobile-menu-tools[b-ej4cyq1wry]  .language-label,
    .mobile-menu-tools[b-ej4cyq1wry]  .domain-label {
        color: #b9cbc6;
    }

    .mobile-menu-tools[b-ej4cyq1wry]  .language-select,
    .mobile-menu-tools[b-ej4cyq1wry]  .domain-select {
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.24);
        color: #fff;
        min-height: 2.4rem;
        width: 100%;
    }

    .mobile-menu-tools[b-ej4cyq1wry]  .language-select option {
        color: #1f2a26;
    }
}

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-nripawaxxj],
.components-reconnect-repeated-attempt-visible[b-nripawaxxj],
.components-reconnect-failed-visible[b-nripawaxxj],
.components-pause-visible[b-nripawaxxj],
.components-resume-failed-visible[b-nripawaxxj],
.components-rejoining-animation[b-nripawaxxj] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AccountMessages.razor.rz.scp.css */
.account-message-panel[b-8mkczflq3v] {
    display: grid;
    gap: 1rem;
}

.message-filter-tabs[b-8mkczflq3v],
.account-message-thread footer[b-8mkczflq3v],
.message-attachments[b-8mkczflq3v] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.message-filter-tabs button[b-8mkczflq3v] {
    border: 1px solid #d9e2ec;
    border-radius: 999px;
    padding: .45rem .8rem;
    color: #334155;
    background: #f8fafc;
}

.message-filter-tabs button.active[b-8mkczflq3v] {
    border-color: #123c69;
    color: #fff;
    background: #123c69;
}

.account-message-list[b-8mkczflq3v] {
    display: grid;
    gap: .85rem;
}

.account-message-thread[b-8mkczflq3v] {
    display: grid;
    gap: .85rem;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    padding: 1rem;
    background: #fff;
}

.account-message-thread.unread[b-8mkczflq3v] {
    border-color: #2dd4bf;
    box-shadow: inset 4px 0 0 #2dd4bf;
}

.account-message-thread header[b-8mkczflq3v] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.account-message-thread h3[b-8mkczflq3v],
.account-message-thread p[b-8mkczflq3v] {
    margin: 0;
}

.account-message-thread h3[b-8mkczflq3v] {
    color: #0f172a;
    font-size: 1.1rem;
}

.account-message-thread p[b-8mkczflq3v],
.account-message-thread small[b-8mkczflq3v] {
    color: #64748b;
}

.account-message-flow[b-8mkczflq3v] {
    display: grid;
    gap: .6rem;
}

.account-message-bubble[b-8mkczflq3v] {
    display: grid;
    gap: .35rem;
    width: min(720px, 100%);
    border-radius: 8px;
    padding: .75rem .85rem;
    background: #f8fafc;
}

.account-message-bubble.own[b-8mkczflq3v] {
    justify-self: end;
    background: #ecfeff;
}

.message-attachments a[b-8mkczflq3v] {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    padding: .25rem .55rem;
    color: #075985;
    text-decoration: none;
}

.message-attachments audio[b-8mkczflq3v] {
    width: min(280px, 100%);
    height: 34px;
}

.message-reply-row[b-8mkczflq3v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: start;
}

@media (max-width: 760px) {
    .account-message-thread header[b-8mkczflq3v],
    .message-reply-row[b-8mkczflq3v] {
        grid-template-columns: 1fr;
        display: grid;
    }
}
/* /Components/Pages/AccountNotifications.razor.rz.scp.css */
.notification-list[b-8glv7xjits] {
    display: grid;
    gap: .8rem;
}

.notification-card[b-8glv7xjits] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) auto;
    gap: .85rem;
    align-items: center;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    padding: .9rem;
    background: #fff;
}

.notification-icon[b-8glv7xjits] {
    display: inline-grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 8px;
    color: #0f766e;
    background: #ccfbf1;
    font-size: 1.35rem;
}

.notification-card strong[b-8glv7xjits] {
    color: #0f172a;
}

.notification-card p[b-8glv7xjits] {
    margin: .15rem 0;
    color: #334155;
}

.notification-card small[b-8glv7xjits] {
    color: #64748b;
}

@media (max-width: 760px) {
    .notification-card[b-8glv7xjits] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
}
/* /Components/Pages/AccountProfile.razor.rz.scp.css */
.profile-shell[b-moorbnwg4g] {
    display: grid;
    gap: 1rem;
}

.profile-hero[b-moorbnwg4g] {
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
}

.profile-hero h1[b-moorbnwg4g],
.step-heading h2[b-moorbnwg4g] {
    margin: 0;
}

.profile-score-card[b-moorbnwg4g] {
    background: #334155;
    border-radius: 8px;
    color: #e5eefb;
    display: grid;
    gap: .45rem;
    padding: 1rem;
}

.profile-score-card strong[b-moorbnwg4g] {
    font-size: 2rem;
    line-height: 1;
}

.profile-progress[b-moorbnwg4g] {
    background: rgba(255, 255, 255, .16);
    border-radius: 999px;
    height: .6rem;
    overflow: hidden;
}

.profile-progress span[b-moorbnwg4g] {
    background: linear-gradient(90deg, #22c55e, #38bdf8);
    display: block;
    height: 100%;
}

.profile-panel[b-moorbnwg4g] {
    display: grid;
    gap: 1rem;
}

.profile-tabs[b-moorbnwg4g] {
    border-bottom: 1px solid #d7dee8;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    padding-bottom: .65rem;
}

.profile-tabs button[b-moorbnwg4g] {
    background: #f4f7fb;
    border: 1px solid #d7dee8;
    border-radius: 6px;
    color: #334155;
    min-height: 2.4rem;
    padding: .45rem .75rem;
}

.profile-tabs button.active[b-moorbnwg4g] {
    background: #1f2937;
    border-color: #1f2937;
    color: #fff;
}

.profile-step[b-moorbnwg4g] {
    display: grid;
    gap: 1rem;
}

.step-heading[b-moorbnwg4g] {
    display: grid;
    gap: .25rem;
}

.step-heading.compact[b-moorbnwg4g] {
    margin-top: .5rem;
}

.profile-avatar-preview[b-moorbnwg4g] {
    aspect-ratio: 1;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    display: block;
    margin-bottom: .75rem;
    object-fit: cover;
    width: 96px;
}

.profile-switch[b-moorbnwg4g] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    gap: .65rem;
    min-height: 3rem;
    padding: .7rem .8rem;
}

.weekly-grid[b-moorbnwg4g],
.lesson-level-grid[b-moorbnwg4g] {
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.day-card[b-moorbnwg4g],
.lesson-level-row[b-moorbnwg4g] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .45rem;
    padding: .75rem;
}

.day-card label[b-moorbnwg4g] {
    color: #64748b;
    font-size: .78rem;
}

.lesson-level-row[b-moorbnwg4g] {
    grid-template-columns: minmax(0, 1fr);
}

.lesson-level-row span[b-moorbnwg4g] {
    font-weight: 700;
}

.credit-strip[b-moorbnwg4g] {
    align-items: center;
    background: #eef6ff;
    border: 1px solid #cfe4ff;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
    padding: .85rem 1rem;
}

@media (max-width: 760px) {
    .profile-hero[b-moorbnwg4g] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/AdAccounts.razor.rz.scp.css */
.ad-account-layout[b-5b14e1c33u] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: 1rem;
}

.studio-panel[b-5b14e1c33u] {
    padding: 1rem;
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #ffffff;
}

.panel-heading[b-5b14e1c33u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading h2[b-5b14e1c33u] {
    margin: 0;
    color: #142033;
    font-size: 1.15rem;
}

.account-list[b-5b14e1c33u] {
    display: grid;
    gap: .55rem;
}

.account-row[b-5b14e1c33u] {
    display: grid;
    gap: .35rem;
    width: 100%;
    padding: .8rem;
    border: 0;
    border-radius: 8px;
    background: #f7f9fc;
    color: #263247;
    text-align: left;
}

.account-row:hover[b-5b14e1c33u],
.account-row.active[b-5b14e1c33u] {
    background: #eef4ff;
    color: #173b7a;
}

.account-row span[b-5b14e1c33u] {
    display: grid;
    gap: .15rem;
}

.account-row small[b-5b14e1c33u],
.account-row em[b-5b14e1c33u],
.empty-mini[b-5b14e1c33u],
.muted-line[b-5b14e1c33u] {
    color: #758195;
    font-size: .9rem;
}

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

.span-2[b-5b14e1c33u],
.help-panel[b-5b14e1c33u] {
    grid-column: 1 / -1;
}

.token-input[b-5b14e1c33u] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .9rem;
}

.help-panel[b-5b14e1c33u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.help-panel > .eyebrow[b-5b14e1c33u],
.help-panel > h2[b-5b14e1c33u] {
    grid-column: 1 / -1;
}

.help-block[b-5b14e1c33u] {
    padding: .9rem;
    border: 1px solid #e7ebf2;
    border-radius: 8px;
    background: #fbfcfe;
}

.help-block p[b-5b14e1c33u] {
    margin: .45rem 0 0;
    color: #526071;
}

@media (max-width: 980px) {
    .ad-account-layout[b-5b14e1c33u],
    .form-grid[b-5b14e1c33u],
    .help-panel[b-5b14e1c33u] {
        grid-template-columns: 1fr;
    }

    .span-2[b-5b14e1c33u],
    .help-panel[b-5b14e1c33u],
    .help-panel > .eyebrow[b-5b14e1c33u],
    .help-panel > h2[b-5b14e1c33u] {
        grid-column: auto;
    }
}
/* /Components/Pages/AdStudio.razor.rz.scp.css */
.ad-shell[b-9hv2t70f3d] {
    display: grid;
    grid-template-columns: minmax(250px, 310px) minmax(0, 1fr) minmax(260px, 330px);
    gap: 1rem;
    align-items: start;
}

.ad-projects[b-9hv2t70f3d],
.ad-workspace[b-9hv2t70f3d],
.ad-preview[b-9hv2t70f3d] {
    display: grid;
    gap: 1rem;
}

.domain-card[b-9hv2t70f3d],
.studio-panel[b-9hv2t70f3d] {
    padding: 1rem;
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #ffffff;
}

.domain-card[b-9hv2t70f3d] {
    display: grid;
    gap: .2rem;
}

.domain-card span[b-9hv2t70f3d],
.domain-card small[b-9hv2t70f3d],
.empty-mini[b-9hv2t70f3d] {
    color: #728096;
    font-size: .9rem;
}

.domain-card strong[b-9hv2t70f3d] {
    color: #132033;
    font-size: 1.08rem;
}

.metric-grid[b-9hv2t70f3d] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
}

.metric-grid div[b-9hv2t70f3d] {
    display: grid;
    gap: .1rem;
    padding: .65rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.metric-grid span[b-9hv2t70f3d] {
    color: #69778b;
    font-size: .78rem;
}

.metric-grid strong[b-9hv2t70f3d] {
    color: #11233c;
    font-size: .95rem;
}

.project-list[b-9hv2t70f3d] {
    display: grid;
    gap: .55rem;
}

.project-item[b-9hv2t70f3d] {
    display: grid;
    gap: .25rem;
    width: 100%;
    padding: .8rem;
    border: 0;
    border-radius: 8px;
    background: #f7f9fc;
    color: #263247;
    text-align: left;
}

.project-item:hover[b-9hv2t70f3d],
.project-item.active[b-9hv2t70f3d] {
    background: #eef4ff;
    color: #173b7a;
}

.project-item small[b-9hv2t70f3d] {
    color: #758195;
}

.panel-heading[b-9hv2t70f3d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading h2[b-9hv2t70f3d] {
    margin: 0;
    color: #142033;
    font-size: 1.15rem;
}

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

.span-2[b-9hv2t70f3d] {
    grid-column: 1 / -1;
}

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

.platform-option[b-9hv2t70f3d] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .75rem;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fbfcfe;
    cursor: pointer;
}

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

.source-card[b-9hv2t70f3d] {
    display: grid;
    align-content: start;
    gap: .55rem;
    min-height: 180px;
    max-height: 340px;
    overflow: auto;
    padding: .85rem;
    border: 1px solid #e5eaf2;
    border-radius: 8px;
    background: #fbfcfe;
}

.check-row[b-9hv2t70f3d] {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: #2b3548;
    font-size: .92rem;
}

.image-row img[b-9hv2t70f3d] {
    width: 34px;
    height: 34px;
    object-fit: cover;
    border-radius: 6px;
    background: #edf2f7;
}

.ad-card-preview[b-9hv2t70f3d] {
    overflow: hidden;
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #ffffff;
}

.ad-card-preview img[b-9hv2t70f3d] {
    display: block;
    width: 100%;
    aspect-ratio: 1.15;
    object-fit: cover;
    background: #eef2f7;
}

.ad-card-preview div[b-9hv2t70f3d] {
    display: grid;
    gap: .35rem;
    padding: .9rem;
}

.ad-card-preview small[b-9hv2t70f3d] {
    color: #68758a;
}

.ad-card-preview strong[b-9hv2t70f3d] {
    color: #12233a;
    font-size: 1.05rem;
}

.ad-card-preview p[b-9hv2t70f3d] {
    margin: 0;
    color: #3e4c60;
}

.ad-card-preview span[b-9hv2t70f3d] {
    justify-self: start;
    margin-top: .35rem;
    padding: .45rem .75rem;
    border-radius: 6px;
    background: #1f6feb;
    color: #ffffff;
    font-weight: 600;
    font-size: .9rem;
}

.publish-note[b-9hv2t70f3d] {
    display: grid;
    gap: .35rem;
    color: #3b4658;
}

.publish-note p[b-9hv2t70f3d] {
    margin: 0;
    color: #607086;
}

@media (max-width: 1200px) {
    .ad-shell[b-9hv2t70f3d] {
        grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    }

    .ad-preview[b-9hv2t70f3d] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .source-grid[b-9hv2t70f3d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .ad-shell[b-9hv2t70f3d],
    .form-grid[b-9hv2t70f3d],
    .platform-grid[b-9hv2t70f3d],
    .source-grid[b-9hv2t70f3d],
    .ad-preview[b-9hv2t70f3d] {
        grid-template-columns: 1fr;
    }

    .span-2[b-9hv2t70f3d],
    .ad-preview[b-9hv2t70f3d] {
        grid-column: auto;
    }
}
/* /Components/Pages/AiChat.razor.rz.scp.css */
.ai-chat-heading[b-yf2vdx5w73] {
    align-items: center;
}

.ai-credit-pill[b-yf2vdx5w73] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .75rem 1rem;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #ffffff;
    color: #526071;
}

.ai-credit-pill strong[b-yf2vdx5w73] {
    color: #142033;
    font-size: 1.15rem;
}

.ai-chat-shell[b-yf2vdx5w73] {
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr) minmax(240px, 300px);
    gap: 1rem;
    min-height: calc(100vh - 180px);
}

.ai-chat-sidebar[b-yf2vdx5w73],
.ai-chat-main[b-yf2vdx5w73],
.ai-chat-inspector[b-yf2vdx5w73] {
    min-width: 0;
}

.ai-chat-sidebar[b-yf2vdx5w73],
.ai-chat-inspector[b-yf2vdx5w73],
.ai-chat-main[b-yf2vdx5w73] {
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #ffffff;
}

.ai-chat-sidebar[b-yf2vdx5w73],
.ai-chat-inspector[b-yf2vdx5w73] {
    padding: 1rem;
}

.ai-sidebar-actions[b-yf2vdx5w73] {
    margin-bottom: 1rem;
}

.ai-sidebar-block + .ai-sidebar-block[b-yf2vdx5w73] {
    margin-top: 1rem;
}

.ai-block-heading[b-yf2vdx5w73] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .6rem;
    color: #263247;
    font-weight: 700;
}

.ai-project-item[b-yf2vdx5w73],
.ai-thread-item[b-yf2vdx5w73] {
    display: flex;
    width: 100%;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #263247;
    text-align: left;
}

.ai-project-item[b-yf2vdx5w73] {
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .45rem;
    padding: .55rem .65rem;
}

.ai-project-item:hover[b-yf2vdx5w73],
.ai-thread-item:hover[b-yf2vdx5w73],
.ai-project-item.active[b-yf2vdx5w73],
.ai-thread-item.active[b-yf2vdx5w73] {
    background: #eef4ff;
    color: #173b7a;
}

.ai-project-item small[b-yf2vdx5w73],
.ai-thread-item small[b-yf2vdx5w73] {
    color: #758195;
}

.thread-list[b-yf2vdx5w73] {
    max-height: 52vh;
    overflow: auto;
}

.ai-thread-item[b-yf2vdx5w73] {
    flex-direction: column;
    gap: .15rem;
    margin-bottom: .35rem;
    padding: .65rem .7rem;
}

.ai-thread-item span[b-yf2vdx5w73] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.empty-mini[b-yf2vdx5w73],
.muted-line[b-yf2vdx5w73] {
    color: #758195;
    font-size: .92rem;
}

.ai-chat-main[b-yf2vdx5w73] {
    display: grid;
    grid-template-rows: auto minmax(320px, 1fr) auto;
    overflow: hidden;
}

.ai-chat-toolbar[b-yf2vdx5w73],
.ai-composer[b-yf2vdx5w73] {
    padding: 1rem;
    border-bottom: 1px solid #e7ebf2;
}

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

.ai-chat-toolbar h2[b-yf2vdx5w73],
.ai-inspector-card h2[b-yf2vdx5w73] {
    margin: 0;
    color: #142033;
    font-size: 1.25rem;
}

.ai-model-select[b-yf2vdx5w73] {
    width: min(240px, 45%);
}

.ai-message-list[b-yf2vdx5w73] {
    padding: 1rem;
    overflow: auto;
    background: #f6f8fb;
}

.ai-empty-state[b-yf2vdx5w73] {
    display: grid;
    place-items: center;
    min-height: 280px;
    color: #526071;
    text-align: center;
}

.ai-empty-state h3[b-yf2vdx5w73] {
    margin-bottom: .4rem;
    color: #142033;
}

.ai-message[b-yf2vdx5w73] {
    max-width: min(760px, 92%);
    margin-bottom: 1rem;
    padding: .95rem 1rem;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #ffffff;
}

.ai-message.user[b-yf2vdx5w73] {
    margin-left: auto;
    background: #173b7a;
    color: #ffffff;
}

.ai-message.assistant[b-yf2vdx5w73] {
    margin-right: auto;
}

.ai-message.pending[b-yf2vdx5w73] {
    opacity: .78;
}

.ai-message-meta[b-yf2vdx5w73] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .45rem;
    color: #758195;
    font-size: .8rem;
}

.ai-message.user .ai-message-meta[b-yf2vdx5w73] {
    color: rgba(255, 255, 255, .78);
}

.ai-message-content[b-yf2vdx5w73] {
    white-space: pre-wrap;
    line-height: 1.55;
}

.ai-generated-image[b-yf2vdx5w73] {
    display: block;
    width: min(100%, 520px);
    border-radius: 8px;
    border: 1px solid #dfe5ee;
}

.ai-typing[b-yf2vdx5w73] {
    color: #526071;
}

.ai-composer[b-yf2vdx5w73] {
    border-top: 1px solid #e7ebf2;
    border-bottom: 0;
    background: #ffffff;
}

.ai-composer textarea[b-yf2vdx5w73] {
    resize: vertical;
}

.ai-composer-actions[b-yf2vdx5w73] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .75rem;
}

.ai-cost-note[b-yf2vdx5w73] {
    color: #526071;
    font-size: .92rem;
}

.ai-chat-inspector[b-yf2vdx5w73] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ai-inspector-card[b-yf2vdx5w73] {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e7ebf2;
}

.ai-inspector-card:last-child[b-yf2vdx5w73] {
    border-bottom: 0;
    padding-bottom: 0;
}

.ai-credit-grid[b-yf2vdx5w73] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .45rem .75rem;
    margin: 1rem 0;
    color: #526071;
}

.ai-credit-grid strong[b-yf2vdx5w73] {
    color: #142033;
}

.ai-inspector-actions[b-yf2vdx5w73] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    margin: 1rem 0 .5rem;
}

@media (max-width: 1180px) {
    .ai-chat-shell[b-yf2vdx5w73] {
        grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    }

    .ai-chat-inspector[b-yf2vdx5w73] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ai-inspector-card[b-yf2vdx5w73] {
        border-bottom: 0;
    }
}

@media (max-width: 760px) {
    .ai-chat-shell[b-yf2vdx5w73] {
        grid-template-columns: 1fr;
    }

    .ai-chat-toolbar[b-yf2vdx5w73],
    .ai-composer-actions[b-yf2vdx5w73],
    .ai-chat-inspector[b-yf2vdx5w73] {
        display: block;
    }

    .ai-model-select[b-yf2vdx5w73] {
        width: 100%;
        margin-top: .75rem;
    }

    .ai-composer-actions .btn[b-yf2vdx5w73] {
        width: 100%;
        margin-top: .75rem;
    }

    .thread-list[b-yf2vdx5w73] {
        max-height: 260px;
    }
}
/* /Components/Pages/BudiModulePurchase.razor.rz.scp.css */
.store-shell[b-erfcf3wccm] {
    display: grid;
    gap: 1.25rem;
    margin: 0 auto;
    max-width: 1180px;
    padding: 1.5rem;
}

.store-hero[b-erfcf3wccm] {
    align-items: end;
    background: #f7f9fb;
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.5rem;
}

.store-hero h1[b-erfcf3wccm] {
    color: #14212b;
    font-size: 2rem;
    font-weight: 750;
    letter-spacing: 0;
    margin: 0;
}

.store-hero .lead[b-erfcf3wccm] {
    color: #52616f;
    margin: 0.45rem 0 0;
    max-width: 620px;
}

.eyebrow[b-erfcf3wccm] {
    color: #1f7a68;
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0;
    margin: 0 0 0.3rem;
    text-transform: uppercase;
}

.store-summary[b-erfcf3wccm] {
    align-items: flex-end;
    background: #ffffff;
    border: 1px solid #d9e3ea;
    border-radius: 8px;
    display: grid;
    gap: 0.2rem;
    min-width: 190px;
    padding: 1rem;
    text-align: right;
}

.store-summary span[b-erfcf3wccm],
.price-label[b-erfcf3wccm],
.muted-text[b-erfcf3wccm] {
    color: #697886;
    font-size: 0.88rem;
}

.store-summary strong[b-erfcf3wccm] {
    color: #14212b;
    font-size: 1.2rem;
}

.store-message[b-erfcf3wccm] {
    background: #ffffff;
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    color: #52616f;
    padding: 1.25rem;
}

.store-layout[b-erfcf3wccm] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) 320px;
}

.product-grid[b-erfcf3wccm] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
}

.product-card[b-erfcf3wccm] {
    background: #ffffff;
    border: 1px solid #dce5ec;
    border-radius: 8px;
    display: grid;
    min-height: 330px;
    overflow: hidden;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.product-card:hover[b-erfcf3wccm] {
    border-color: #83b7aa;
    box-shadow: 0 14px 30px rgba(20, 33, 43, 0.08);
    transform: translateY(-1px);
}

.product-card.selected[b-erfcf3wccm] {
    border-color: #1f7a68;
    box-shadow: 0 0 0 2px rgba(31, 122, 104, 0.13);
}

.product-card.owned[b-erfcf3wccm] {
    background: #f8fbf9;
}

.product-media[b-erfcf3wccm] {
    align-items: center;
    background: linear-gradient(135deg, #e6f2ef, #f7f3df);
    display: flex;
    justify-content: center;
    min-height: 130px;
    position: relative;
}

.module-icon[b-erfcf3wccm] {
    align-items: center;
    background: #14212b;
    border-radius: 8px;
    color: #ffffff;
    display: inline-flex;
    font-size: 2.6rem;
    font-weight: 800;
    height: 76px;
    justify-content: center;
    width: 76px;
}

.campaign-badge[b-erfcf3wccm],
.owned-badge[b-erfcf3wccm] {
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.35rem 0.65rem;
    position: absolute;
    right: 0.85rem;
    top: 0.85rem;
}

.campaign-badge[b-erfcf3wccm] {
    background: #f2c94c;
    color: #392b00;
}

.owned-badge[b-erfcf3wccm] {
    background: #1f7a68;
    color: #ffffff;
}

.product-body[b-erfcf3wccm] {
    align-content: start;
    display: grid;
    gap: 0.55rem;
    padding: 1rem;
}

.product-body h2[b-erfcf3wccm],
.cart-panel h2[b-erfcf3wccm] {
    color: #14212b;
    font-size: 1.08rem;
    font-weight: 750;
    letter-spacing: 0;
    margin: 0;
}

.product-body p[b-erfcf3wccm] {
    color: #52616f;
    font-size: 0.94rem;
    line-height: 1.45;
    margin: 0;
}

.product-footer[b-erfcf3wccm] {
    align-items: center;
    border-top: 1px solid #e5edf3;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 1rem;
}

.product-footer strong[b-erfcf3wccm] {
    color: #14212b;
    display: block;
    font-size: 1rem;
}

.cart-panel[b-erfcf3wccm] {
    background: #ffffff;
    border: 1px solid #dce5ec;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1rem;
    position: sticky;
    top: 1rem;
}

.cart-lines[b-erfcf3wccm] {
    display: grid;
    gap: 0.65rem;
}

.cart-line[b-erfcf3wccm],
.cart-total[b-erfcf3wccm] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.cart-line span[b-erfcf3wccm] {
    color: #334552;
    min-width: 0;
}

.cart-line strong[b-erfcf3wccm] {
    color: #14212b;
    flex: 0 0 auto;
}

.cart-total[b-erfcf3wccm] {
    border-top: 1px solid #e5edf3;
    padding-top: 1rem;
}

.cart-total strong[b-erfcf3wccm] {
    color: #1f7a68;
    font-size: 1.18rem;
}

@media (max-width: 900px) {
    .store-hero[b-erfcf3wccm],
    .store-layout[b-erfcf3wccm] {
        grid-template-columns: 1fr;
    }

    .store-hero[b-erfcf3wccm] {
        align-items: stretch;
        display: grid;
    }

    .store-summary[b-erfcf3wccm] {
        text-align: left;
    }

    .cart-panel[b-erfcf3wccm] {
        position: static;
    }
}

@media (max-width: 640px) {
    .store-shell[b-erfcf3wccm] {
        padding: 1rem;
    }

    .store-hero h1[b-erfcf3wccm] {
        font-size: 1.55rem;
    }

    .product-footer[b-erfcf3wccm] {
        align-items: stretch;
        display: grid;
    }
}
/* /Components/Pages/CampaignChannels.razor.rz.scp.css */
.campaign-channel-settings[b-p8ldlp1dmj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.panel-heading[b-p8ldlp1dmj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading h2[b-p8ldlp1dmj] {
    margin: 0;
    font-size: 1.1rem;
}

.channel-form-grid[b-p8ldlp1dmj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.channel-list[b-p8ldlp1dmj] {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.channel-list-item[b-p8ldlp1dmj] {
    display: grid;
    gap: .2rem;
    width: 100%;
    padding: .8rem;
    border: 1px solid #e3e8ef;
    border-radius: 8px;
    background: #fff;
    color: #243044;
    text-align: left;
}

.channel-list-item:hover[b-p8ldlp1dmj] {
    border-color: #7b9ecf;
    background: #f5f8fd;
}

.channel-list-item span[b-p8ldlp1dmj] {
    color: #667085;
    font-size: .88rem;
}

.toggle-line[b-p8ldlp1dmj] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 38px;
}

@media (max-width: 960px) {
    .campaign-channel-settings[b-p8ldlp1dmj],
    .channel-form-grid[b-p8ldlp1dmj],
    .panel-heading[b-p8ldlp1dmj] {
        display: block;
    }

    .channel-form-grid > *[b-p8ldlp1dmj] {
        margin-bottom: .75rem;
    }
}
/* /Components/Pages/Campaigns.razor.rz.scp.css */
.campaign-list[b-kezrdpf5sd] {
    display: grid;
    gap: .65rem;
}

.campaign-list-item[b-kezrdpf5sd],
.customer-pick-item[b-kezrdpf5sd],
.channel-list-item[b-kezrdpf5sd] {
    display: grid;
    gap: .2rem;
    width: 100%;
    padding: .8rem;
    border: 1px solid #e3e8ef;
    border-radius: 8px;
    background: #fff;
    color: #243044;
    text-align: left;
}

.campaign-list-item.active[b-kezrdpf5sd],
.campaign-list-item:hover[b-kezrdpf5sd],
.customer-pick-item:hover[b-kezrdpf5sd],
.channel-list-item:hover[b-kezrdpf5sd] {
    border-color: #7b9ecf;
    background: #f5f8fd;
}

.campaign-list-item span[b-kezrdpf5sd],
.campaign-list-item small[b-kezrdpf5sd],
.customer-pick-item span[b-kezrdpf5sd],
.channel-list-item span[b-kezrdpf5sd] {
    color: #667085;
    font-size: .88rem;
}

.campaign-edit-modal[b-kezrdpf5sd] {
    width: min(1180px, calc(100vw - 2rem));
}

.campaign-modal-shell[b-kezrdpf5sd] {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
}

.campaign-modal-summary[b-kezrdpf5sd] {
    align-self: start;
    padding: 1rem;
    border: 1px solid #e4e8ef;
    border-radius: 8px;
    background: #f8fafc;
}

.campaign-modal-summary h3[b-kezrdpf5sd] {
    margin: .75rem 0 .4rem;
    color: #142033;
    font-size: 1.2rem;
}

.campaign-modal-summary p[b-kezrdpf5sd] {
    color: #667085;
    font-size: .92rem;
}

.campaign-mini-stats[b-kezrdpf5sd] {
    display: grid;
    gap: .55rem;
    margin-top: 1rem;
}

.campaign-mini-stats > div[b-kezrdpf5sd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .65rem;
    border-radius: 8px;
    background: #fff;
}

.campaign-mini-stats span[b-kezrdpf5sd] {
    color: #667085;
    font-size: .84rem;
}

.campaign-mini-stats strong[b-kezrdpf5sd] {
    color: #172033;
}

.campaign-modal-main[b-kezrdpf5sd] {
    min-width: 0;
}

.campaign-tabs[b-kezrdpf5sd] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #e8edf3;
}

.campaign-tab[b-kezrdpf5sd] {
    padding: .52rem .8rem;
    border: 1px solid #d8e0ec;
    border-radius: 8px;
    background: #fff;
    color: #344054;
    font-weight: 600;
}

.campaign-tab.active[b-kezrdpf5sd] {
    border-color: #3467b1;
    background: #eef5ff;
    color: #174077;
}

.campaign-tab:disabled[b-kezrdpf5sd] {
    opacity: .55;
}

.campaign-tab-body[b-kezrdpf5sd] {
    padding-top: 1rem;
}

.panel-heading[b-kezrdpf5sd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading.compact[b-kezrdpf5sd] {
    margin-top: 0;
}

.panel-heading h2[b-kezrdpf5sd] {
    margin: 0;
    font-size: 1.1rem;
}

.campaign-form-grid[b-kezrdpf5sd],
.channel-form-grid[b-kezrdpf5sd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.span-2[b-kezrdpf5sd] {
    grid-column: 1 / -1;
}

.campaign-channel-grid[b-kezrdpf5sd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.campaign-channel-grid.vertical[b-kezrdpf5sd] {
    grid-template-columns: 1fr;
    margin-top: 0;
}

.campaign-channel-card[b-kezrdpf5sd] {
    display: grid;
    gap: .65rem;
    padding: .9rem;
    border: 1px solid #e4e8ef;
    border-radius: 8px;
    background: #fbfcfe;
}

.channel-title[b-kezrdpf5sd],
.channel-media-row[b-kezrdpf5sd] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.channel-title[b-kezrdpf5sd] {
    font-weight: 700;
}

.channel-media-row[b-kezrdpf5sd] {
    justify-content: space-between;
    color: #667085;
    font-size: .9rem;
}

.campaign-media-section[b-kezrdpf5sd],
.campaign-targets[b-kezrdpf5sd] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #edf0f5;
}

.campaign-targets.no-border[b-kezrdpf5sd] {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.selected-image-row[b-kezrdpf5sd] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    min-height: 2.5rem;
}

.selected-image-row img[b-kezrdpf5sd] {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid #dfe5ec;
}

.customer-search[b-kezrdpf5sd] {
    max-width: 280px;
}

.customer-pick-list[b-kezrdpf5sd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.send-actions[b-kezrdpf5sd] {
    display: grid;
    grid-template-columns: minmax(200px, 260px) auto auto;
    align-items: end;
    gap: .75rem;
}

.modal-actions[b-kezrdpf5sd] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #edf0f5;
}

.editor-disabled-wrap.disabled[b-kezrdpf5sd] {
    opacity: .55;
    pointer-events: none;
}

.campaign-channel-settings[b-kezrdpf5sd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.channel-list[b-kezrdpf5sd] {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.toggle-line[b-kezrdpf5sd] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 38px;
}

@media (max-width: 1100px) {
    .campaign-modal-shell[b-kezrdpf5sd],
    .campaign-admin-layout[b-kezrdpf5sd],
    .campaign-channel-grid[b-kezrdpf5sd],
    .campaign-channel-settings[b-kezrdpf5sd],
    .customer-pick-list[b-kezrdpf5sd],
    .send-actions[b-kezrdpf5sd] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .campaign-form-grid[b-kezrdpf5sd],
    .channel-form-grid[b-kezrdpf5sd],
    .panel-heading[b-kezrdpf5sd] {
        display: block;
    }

    .campaign-form-grid > *[b-kezrdpf5sd],
    .channel-form-grid > *[b-kezrdpf5sd] {
        margin-bottom: .75rem;
    }

    .campaign-modal-shell[b-kezrdpf5sd] {
        padding: .75rem;
    }
}
/* /Components/Pages/ECommerceCoupons.razor.rz.scp.css */
.ecommerce-admin[b-d498bzjzmh] {
    display: grid;
    gap: 1rem;
}

.coupon-editor[b-d498bzjzmh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.85rem;
    align-items: end;
}

.coupon-editor label[b-d498bzjzmh] {
    display: grid;
    gap: 0.35rem;
    font-weight: 700;
    color: #173b36;
}

.form-check-row[b-d498bzjzmh] {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.35rem;
}

.editor-actions[b-d498bzjzmh] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}
/* /Components/Pages/ECommerceOrders.razor.rz.scp.css */
.ecommerce-admin[b-n2s9fm6y3k] {
    display: grid;
    gap: 1rem;
}

.compact-select[b-n2s9fm6y3k] {
    min-width: 9rem;
}

.muted-line[b-n2s9fm6y3k] {
    display: block;
    color: #64748b;
    font-size: 0.82rem;
    margin-top: 0.15rem;
}

.order-detail[b-n2s9fm6y3k] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.order-detail p[b-n2s9fm6y3k] {
    white-space: pre-line;
    margin: 0;
}
/* /Components/Pages/ECommerceProducts.razor.rz.scp.css */
.ecommerce-admin[b-xeahdtzrpv] {
    display: grid;
    gap: 1rem;
}

.compact-input[b-xeahdtzrpv] {
    max-width: 9rem;
}

.muted-line[b-xeahdtzrpv] {
    display: block;
    color: #64748b;
    font-size: 0.82rem;
    margin-top: 0.15rem;
}
/* /Components/Pages/GoogleBusinessLeads.razor.rz.scp.css */
.search-dashboard[b-4mp2tt73e7] {
    margin-bottom: 1rem;
}

.panel-heading[b-4mp2tt73e7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading h2[b-4mp2tt73e7],
.modal-heading h2[b-4mp2tt73e7] {
    margin: 0;
    color: #142033;
    font-size: 1.15rem;
}

.compact-actions[b-4mp2tt73e7] {
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.history-filters[b-4mp2tt73e7] {
    display: grid;
    grid-template-columns: 1.35fr 1fr repeat(3, minmax(130px, .85fr)) repeat(2, minmax(130px, .8fr));
    gap: .75rem;
    margin: 1rem 0;
}

.history-summary[b-4mp2tt73e7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.history-summary > div[b-4mp2tt73e7] {
    padding: .75rem;
    border: 1px solid #e5e9f2;
    border-radius: 8px;
    background: #f8fafc;
}

.history-summary span[b-4mp2tt73e7] {
    display: block;
    color: #667085;
    font-size: .82rem;
}

.history-summary strong[b-4mp2tt73e7] {
    color: #142033;
    font-size: 1.15rem;
}

.modal-backdrop-panel[b-4mp2tt73e7] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgb(15 23 42 / 52%);
}

.panel-modal[b-4mp2tt73e7] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: min(960px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: 1.25rem;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 70px rgb(15 23 42 / 28%);
    transform: translate(-50%, -50%);
}

.large-modal[b-4mp2tt73e7] {
    width: min(1220px, calc(100vw - 2rem));
}

.modal-heading[b-4mp2tt73e7],
.results-toolbar[b-4mp2tt73e7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.search-form-grid[b-4mp2tt73e7] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(150px, 1fr)) minmax(120px, .65fr);
    gap: 1rem;
    margin: 1rem 0;
}

.google-import-options[b-4mp2tt73e7] {
    margin-bottom: 1rem;
    padding: .85rem;
    border: 1px solid #e5e9f2;
    border-radius: 8px;
    background: #fbfcfe;
}

.google-category-picker[b-4mp2tt73e7] {
    max-height: 180px;
    overflow: auto;
}

.google-category-picker label[b-4mp2tt73e7] {
    display: block;
    padding: .35rem .5rem;
    border-radius: 6px;
}

.google-category-picker label:hover[b-4mp2tt73e7] {
    background: #eef4ff;
}

.modal-table[b-4mp2tt73e7] {
    max-height: 52vh;
    overflow: auto;
}

.lead-search[b-4mp2tt73e7] {
    max-width: 320px;
}

.select-col[b-4mp2tt73e7] {
    width: 42px;
}

.selected-row[b-4mp2tt73e7] {
    background: #f4fbf7;
}

.muted-line[b-4mp2tt73e7] {
    display: block;
    color: #758195;
    font-size: .9rem;
}

.empty-mini[b-4mp2tt73e7] {
    padding: 1rem;
    color: #758195;
    border: 1px dashed #d6deea;
    border-radius: 8px;
    background: #fbfcfe;
}

.campaign-layout[b-4mp2tt73e7] {
    margin-bottom: 1rem;
}

.campaign-panel[b-4mp2tt73e7] {
    border-left: 4px solid #1f7a5c;
}

.campaign-metrics[b-4mp2tt73e7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}

.campaign-metrics > div[b-4mp2tt73e7] {
    padding: .75rem;
    border-radius: 8px;
    background: #f5faf8;
}

.campaign-metrics span[b-4mp2tt73e7] {
    display: block;
    color: #667085;
    font-size: .82rem;
}

.campaign-metrics strong[b-4mp2tt73e7] {
    color: #102a22;
    font-size: 1.2rem;
}

.campaign-form[b-4mp2tt73e7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.campaign-wide[b-4mp2tt73e7] {
    grid-column: 1 / -1;
}

.token-row[b-4mp2tt73e7] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .5rem;
}

.token-button[b-4mp2tt73e7] {
    padding: .3rem .55rem;
    border: 1px solid #d7e2da;
    border-radius: 8px;
    background: #f7fbf8;
    color: #245342;
    font-size: .85rem;
}

@media (max-width: 1100px) {
    .history-filters[b-4mp2tt73e7],
    .search-form-grid[b-4mp2tt73e7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .panel-heading[b-4mp2tt73e7],
    .modal-heading[b-4mp2tt73e7],
    .results-toolbar[b-4mp2tt73e7] {
        display: block;
    }

    .compact-actions[b-4mp2tt73e7],
    .results-toolbar .button-row[b-4mp2tt73e7] {
        margin-top: .75rem;
        justify-content: flex-start;
    }

    .history-filters[b-4mp2tt73e7],
    .history-summary[b-4mp2tt73e7],
    .search-form-grid[b-4mp2tt73e7],
    .campaign-form[b-4mp2tt73e7],
    .campaign-metrics[b-4mp2tt73e7] {
        grid-template-columns: 1fr;
    }

    .lead-search[b-4mp2tt73e7] {
        max-width: none;
        margin-bottom: .75rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-hero[b-4v08rak1h4] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.dashboard-hero h1[b-4v08rak1h4] {
    margin: 0;
    font-size: 2rem;
}

.dashboard-date[b-4v08rak1h4] {
    text-align: right;
    color: #42504a;
}

.dashboard-date span[b-4v08rak1h4],
.dashboard-date strong[b-4v08rak1h4] {
    display: block;
}

.dashboard-metrics[b-4v08rak1h4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.dashboard-metric[b-4v08rak1h4],
.dashboard-panel[b-4v08rak1h4] {
    background: #fff;
    border: 1px solid #e4e0d7;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(20, 32, 28, 0.06);
}

.dashboard-metric[b-4v08rak1h4] {
    padding: 1rem;
}

.dashboard-metric span[b-4v08rak1h4],
.dashboard-metric small[b-4v08rak1h4] {
    color: #65746d;
}

.dashboard-metric strong[b-4v08rak1h4] {
    display: block;
    color: #173b36;
    font-size: 1.8rem;
    line-height: 1.1;
    margin: 0.35rem 0;
}

.dashboard-grid[b-4v08rak1h4] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.75fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.dashboard-grid.lower[b-4v08rak1h4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-columns[b-4v08rak1h4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.dashboard-panel[b-4v08rak1h4] {
    padding: 1rem;
    min-width: 0;
}

.dashboard-panel-heading[b-4v08rak1h4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.dashboard-panel-heading h2[b-4v08rak1h4] {
    margin: 0;
    font-size: 1.05rem;
    color: #173b36;
}

.dashboard-panel-heading strong[b-4v08rak1h4],
.dashboard-panel-heading span[b-4v08rak1h4] {
    color: #2f7d6d;
    font-weight: 700;
    white-space: nowrap;
}

.line-chart[b-4v08rak1h4] {
    width: 100%;
    height: 220px;
    background: linear-gradient(to bottom, #f7f5ef 1px, transparent 1px);
    background-size: 100% 44px;
    border-radius: 8px;
}

.line-chart circle[b-4v08rak1h4] {
    fill: #fff;
    stroke: #2f7d6d;
    stroke-width: 4;
}

.chart-axis[b-4v08rak1h4] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.35rem;
    margin-top: 0.45rem;
    color: #65746d;
    font-size: 0.78rem;
    text-align: center;
}

.pie-layout[b-4v08rak1h4] {
    display: grid;
    grid-template-columns: 10rem 1fr;
    gap: 1rem;
    align-items: center;
}

.pie-chart[b-4v08rak1h4] {
    width: 10rem;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: inset 0 0 0 18px rgba(255, 255, 255, 0.35);
}

.pie-legend[b-4v08rak1h4] {
    display: grid;
    gap: 0.45rem;
}

.pie-legend span[b-4v08rak1h4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    color: #42504a;
}

.pie-legend i[b-4v08rak1h4] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    display: inline-block;
    flex: 0 0 auto;
}

.dashboard-list[b-4v08rak1h4] {
    display: grid;
    gap: 0.45rem;
}

.dashboard-list-row[b-4v08rak1h4] {
    display: grid;
    gap: 0.12rem;
    padding: 0.65rem 0.7rem;
    border: 1px solid #eee8dc;
    border-radius: 8px;
    color: #173b36;
    text-decoration: none;
}

.dashboard-list-row:hover[b-4v08rak1h4] {
    background: #f7f5ef;
    text-decoration: none;
}

.dashboard-list-row span[b-4v08rak1h4] {
    color: #65746d;
    font-size: 0.85rem;
}

.calendar-strip[b-4v08rak1h4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.75rem;
}

.calendar-item[b-4v08rak1h4] {
    display: flex;
    gap: 0.7rem;
    align-items: center;
    padding: 0.75rem;
    border: 1px solid #eee8dc;
    border-radius: 8px;
}

.calendar-item time[b-4v08rak1h4] {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 8px;
    background: #173b36;
    color: #fff;
    display: grid;
    place-items: center;
    line-height: 1;
    flex: 0 0 auto;
}

.calendar-item time strong[b-4v08rak1h4],
.calendar-item time span[b-4v08rak1h4],
.calendar-item div strong[b-4v08rak1h4],
.calendar-item div span[b-4v08rak1h4] {
    display: block;
}

.calendar-item div span[b-4v08rak1h4] {
    color: #65746d;
    font-size: 0.85rem;
}

@media (max-width: 1100px) {
    .dashboard-metrics[b-4v08rak1h4],
    .dashboard-columns[b-4v08rak1h4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-grid[b-4v08rak1h4],
    .dashboard-grid.lower[b-4v08rak1h4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .dashboard-hero[b-4v08rak1h4] {
        display: block;
    }

    .dashboard-date[b-4v08rak1h4] {
        text-align: left;
        margin-top: 0.75rem;
    }

    .dashboard-metrics[b-4v08rak1h4],
    .dashboard-columns[b-4v08rak1h4] {
        grid-template-columns: 1fr;
    }

    .pie-layout[b-4v08rak1h4] {
        grid-template-columns: 1fr;
    }

    .pie-chart[b-4v08rak1h4] {
        width: min(14rem, 100%);
        margin: 0 auto;
    }
}
/* /Components/Pages/MessageQueue.razor.rz.scp.css */
.message-queue-layout[b-8xrhib0ipc] {
    display: grid;
    grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
    gap: 1rem;
}

.panel-heading[b-8xrhib0ipc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading h2[b-8xrhib0ipc] {
    margin: 0;
    color: #142033;
    font-size: 1.15rem;
}

.queue-list[b-8xrhib0ipc] {
    display: grid;
    gap: .65rem;
}

.queue-item[b-8xrhib0ipc] {
    display: grid;
    gap: .25rem;
    width: 100%;
    padding: .8rem;
    border: 1px solid #e4e8ef;
    border-radius: 8px;
    background: #fff;
    color: #263247;
    text-align: left;
}

.queue-item:hover[b-8xrhib0ipc],
.queue-item.active[b-8xrhib0ipc] {
    border-color: #7ba6db;
    background: #f4f8ff;
}

.queue-item small[b-8xrhib0ipc] {
    color: #758195;
}

.queue-topline[b-8xrhib0ipc],
.queue-summary[b-8xrhib0ipc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.queue-summary[b-8xrhib0ipc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    margin-bottom: 1rem;
}

.queue-summary > div[b-8xrhib0ipc] {
    padding: .75rem;
    border-radius: 8px;
    background: #f7f9fc;
}

.queue-summary span[b-8xrhib0ipc] {
    display: block;
    color: #667085;
    font-size: .82rem;
}

.queue-summary strong[b-8xrhib0ipc] {
    color: #142033;
}

.queue-edit-form[b-8xrhib0ipc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.queue-wide[b-8xrhib0ipc] {
    grid-column: 1 / -1;
}

.email-queue-control[b-8xrhib0ipc] {
    margin-bottom: 1rem;
}

.queue-interval-edit[b-8xrhib0ipc] {
    display: grid;
    grid-template-columns: minmax(80px, 120px) auto;
    align-items: center;
    gap: .45rem;
}

.queue-interval-edit .form-control[b-8xrhib0ipc] {
    min-width: 0;
}

.status-pill.queued[b-8xrhib0ipc] {
    background: #fff6df;
    color: #7a5200;
}

.status-pill.processing[b-8xrhib0ipc] {
    background: #eaf2ff;
    color: #174d90;
}

.status-pill.success[b-8xrhib0ipc] {
    background: #e8f7ef;
    color: #146c43;
}

.status-pill.danger[b-8xrhib0ipc] {
    background: #fdecec;
    color: #b42318;
}

@media (max-width: 960px) {
    .message-queue-layout[b-8xrhib0ipc],
    .panel-heading[b-8xrhib0ipc],
    .queue-edit-form[b-8xrhib0ipc] {
        display: block;
    }

    .queue-detail[b-8xrhib0ipc] {
        margin-top: 1rem;
    }

    .queue-summary[b-8xrhib0ipc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/MiniExams.razor.rz.scp.css */
.mini-shell[b-up7rdpvyq3],
.mini-builder[b-up7rdpvyq3],
.mini-dashboard[b-up7rdpvyq3],
.mini-session-list[b-up7rdpvyq3] {
    display: grid;
    gap: 1rem;
}

.mini-published-list[b-up7rdpvyq3] {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    padding: .85rem;
}

.mini-filter-grid[b-up7rdpvyq3] {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.mini-picker-grid[b-up7rdpvyq3],
.mini-dashboard[b-up7rdpvyq3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.mini-picker-grid > div[b-up7rdpvyq3] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    max-height: 360px;
    overflow: auto;
    padding: .85rem;
}

.mini-picker-grid h2[b-up7rdpvyq3],
.mini-event-log h2[b-up7rdpvyq3],
.mini-published-list h2[b-up7rdpvyq3],
.mini-session-list h2[b-up7rdpvyq3] {
    font-size: 1rem;
    margin: 0 0 .65rem;
}

.mini-check[b-up7rdpvyq3] {
    align-items: center;
    display: flex;
    gap: .55rem;
    min-height: 2rem;
}

.mini-calendar[b-up7rdpvyq3] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.mini-calendar article[b-up7rdpvyq3],
.mini-published-list article[b-up7rdpvyq3],
.mini-session-list article[b-up7rdpvyq3] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .45rem;
    padding: .75rem;
}

.mini-calendar a[b-up7rdpvyq3] {
    color: #2563eb;
    font-size: .85rem;
    text-decoration: none;
}

.mini-calendar-item[b-up7rdpvyq3],
.mini-session-actions[b-up7rdpvyq3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.mini-calendar-item[b-up7rdpvyq3] {
    justify-content: space-between;
}

.mini-published-list article[b-up7rdpvyq3],
.mini-session-list article[b-up7rdpvyq3] {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
}

.mini-session-panel[b-up7rdpvyq3] {
    display: grid;
    gap: 1rem;
}

.mini-list-toolbar[b-up7rdpvyq3],
.mini-list-actions[b-up7rdpvyq3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
}

.mini-list-toolbar h2[b-up7rdpvyq3],
.mini-list-toolbar p[b-up7rdpvyq3] {
    margin: 0;
}

.mini-list-toolbar p[b-up7rdpvyq3],
.mini-session-meta[b-up7rdpvyq3] {
    color: #64748b;
    font-size: .9rem;
}

.mini-list-actions .form-select[b-up7rdpvyq3] {
    min-width: 180px;
}

.mini-session-main[b-up7rdpvyq3] {
    display: grid;
    gap: .45rem;
    min-width: 0;
}

.mini-session-meta[b-up7rdpvyq3] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .8rem;
}

.mini-session-meta span[b-up7rdpvyq3] {
    background: #eef2ff;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    color: #334155;
    padding: .2rem .55rem;
}

.mini-modal-backdrop[b-up7rdpvyq3] {
    align-items: start;
    background: rgba(15, 23, 42, .56);
    display: grid;
    inset: 0;
    justify-items: center;
    overflow: auto;
    padding: 4vh 1rem;
    position: fixed;
    z-index: 1050;
}

.mini-modal[b-up7rdpvyq3] {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .24);
    display: grid;
    gap: 1rem;
    max-width: 1080px;
    padding: 1rem;
    width: min(1080px, 100%);
}

.mini-modal header[b-up7rdpvyq3] {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: .75rem;
}

.mini-modal h2[b-up7rdpvyq3],
.mini-modal h3[b-up7rdpvyq3] {
    margin: 0;
}

.mini-tree-panel[b-up7rdpvyq3] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    padding: .85rem;
}

.mini-tree-panel p[b-up7rdpvyq3],
.mini-tree-panel small[b-up7rdpvyq3] {
    color: #64748b;
    margin: .25rem 0 0;
}

.mini-tree[b-up7rdpvyq3] {
    color: #172554;
    display: grid;
    gap: .15rem;
    max-height: 360px;
    overflow: auto;
    position: relative;
}

.mini-tree-node[b-up7rdpvyq3] {
    display: grid;
    position: relative;
}

.mini-tree-row[b-up7rdpvyq3] {
    align-items: center;
    border-radius: 6px;
    display: flex;
    gap: .45rem;
    min-height: 2.35rem;
    padding: .25rem .45rem .25rem calc(var(--level) * 1.45rem);
    transition: background .16s ease;
}

.mini-tree-row:hover[b-up7rdpvyq3] {
    background: #f0f9ff;
}

.mini-tree-toggle[b-up7rdpvyq3] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #0f172a;
    display: inline-flex;
    font-size: 1.1rem;
    height: 1.45rem;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 1.45rem;
}

.mini-tree-toggle.placeholder[b-up7rdpvyq3] {
    width: 1.45rem;
}

.mini-tree-row input[b-up7rdpvyq3] {
    accent-color: #2563eb;
    height: 1.05rem;
    width: 1.05rem;
}

.mini-tree-title[b-up7rdpvyq3] {
    display: grid;
    gap: .05rem;
    min-width: 0;
}

.mini-tree-title strong[b-up7rdpvyq3] {
    color: #172554;
    flex: 1;
    font-size: .95rem;
    font-weight: 600;
    min-width: 0;
}

.mini-tree-title small[b-up7rdpvyq3] {
    color: #47658f;
    font-size: .75rem;
    margin: 0;
}

.mini-tree-children[b-up7rdpvyq3] {
    border-left: 1px solid #dbeafe;
    display: grid;
    margin-left: 1.17rem;
    padding-left: .2rem;
}

.mini-tree-hint[b-up7rdpvyq3] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.mini-tree-hint span[b-up7rdpvyq3] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 999px;
    color: #9a3412;
    font-size: .78rem;
    padding: .22rem .55rem;
}

.mini-tree[b-up7rdpvyq3]  .mini-tree-node {
    display: grid;
    position: relative;
}

.mini-tree[b-up7rdpvyq3]  .mini-tree-row {
    align-items: center;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    gap: .45rem;
    min-height: 2.35rem;
    padding: .25rem .45rem .25rem calc(var(--level) * 1.45rem);
    transition: background .16s ease;
}

.mini-tree[b-up7rdpvyq3]  .mini-tree-row:hover {
    background: #f0f9ff;
}

.mini-tree[b-up7rdpvyq3]  .mini-tree-toggle {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    color: #0f172a;
    display: inline-flex;
    flex: 0 0 1.45rem;
    font-size: .95rem;
    height: 1.45rem;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 1.45rem;
}

.mini-tree[b-up7rdpvyq3]  .mini-tree-row input[type="checkbox"] {
    accent-color: #2563eb;
    flex: 0 0 1.05rem;
    height: 1.05rem;
    margin: 0;
    width: 1.05rem;
}

.mini-tree[b-up7rdpvyq3]  .mini-tree-title {
    display: grid;
    flex: 1 1 auto;
    gap: .05rem;
    min-width: 0;
}

.mini-tree[b-up7rdpvyq3]  .mini-tree-title strong {
    color: #172554;
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.15;
    min-width: 0;
}

.mini-tree[b-up7rdpvyq3]  .mini-tree-title small {
    color: #47658f;
    display: block;
    font-size: .75rem;
    line-height: 1.15;
    margin: 0;
}

.mini-tree[b-up7rdpvyq3]  .mini-tree-children {
    border-left: 1px solid #dbeafe;
    display: grid;
    margin-left: 1.17rem;
    padding-left: .2rem;
}

.mini-session-list span[b-up7rdpvyq3] {
    color: #64748b;
    display: block;
    font-size: .86rem;
}

.mini-focus[b-up7rdpvyq3] {
    background: #111827;
    color: #e5e7eb;
    display: grid;
    gap: 1rem;
    min-height: calc(100vh - 7rem);
    margin: 0 auto;
    max-width: 1320px;
    padding: 1rem;
    width: 100%;
}

.mini-focus-top[b-up7rdpvyq3] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.mini-focus-top h1[b-up7rdpvyq3] {
    margin: 0;
}

.mini-timer[b-up7rdpvyq3] {
    background: #1f2937;
    border: 1px solid #374151;
    border-radius: 8px;
    display: grid;
    min-width: 130px;
    padding: .75rem;
    text-align: center;
}

.mini-timer strong[b-up7rdpvyq3] {
    font-size: 2rem;
}

.mini-timer.danger[b-up7rdpvyq3] {
    background: #7f1d1d;
    border-color: #ef4444;
}

.mini-focus-actions[b-up7rdpvyq3] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.mini-focus-body[b-up7rdpvyq3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 68px minmax(0, 1fr) 220px;
}

.mini-question-map[b-up7rdpvyq3] {
    align-content: start;
    display: grid;
    gap: .35rem;
    grid-template-columns: 1fr;
}

.mini-question-map button[b-up7rdpvyq3] {
    aspect-ratio: 1;
    background: #1f2937;
    border: 1px solid #374151;
    border-radius: 6px;
    color: #e5e7eb;
    font-weight: 700;
}

.mini-question-map button.active[b-up7rdpvyq3] {
    border-color: #38bdf8;
    color: #7dd3fc;
}

.mini-question-map button.answered[b-up7rdpvyq3] {
    background: #14532d;
    border-color: #22c55e;
}

.mini-question-stage[b-up7rdpvyq3],
.mini-event-log[b-up7rdpvyq3] {
    background: #172033;
    border: 1px solid #273449;
    border-radius: 8px;
    padding: .85rem;
}

.question-meta[b-up7rdpvyq3] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .75rem;
}

.question-meta span[b-up7rdpvyq3] {
    background: #25324a;
    border-radius: 999px;
    padding: .25rem .55rem;
}

.mini-question-card[b-up7rdpvyq3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr);
}

.question-text[b-up7rdpvyq3] {
    font-size: 1rem;
    line-height: 1.45;
    min-width: 0;
    overflow: auto;
}

.question-text :where(img, svg, canvas)[b-up7rdpvyq3] {
    display: block;
    height: auto;
    max-height: 48vh;
    max-width: 100%;
    object-fit: contain;
}

.question-text :where(p, figure)[b-up7rdpvyq3] {
    margin-bottom: .65rem;
}

.mini-choices[b-up7rdpvyq3] {
    display: grid;
    gap: .7rem;
}

.mini-choices button[b-up7rdpvyq3] {
    align-items: start;
    background: #111827;
    border: 1px solid #374151;
    border-radius: 8px;
    color: #e5e7eb;
    display: grid;
    gap: .65rem;
    grid-template-columns: 2rem minmax(0, 1fr);
    padding: .7rem;
    text-align: left;
}

.mini-choices button.selected[b-up7rdpvyq3] {
    background: #063a4a;
    border-color: #38bdf8;
}

.mini-choices button.correct[b-up7rdpvyq3] {
    background: #064e3b;
    border-color: #34d399;
}

.mini-choices button.incorrect[b-up7rdpvyq3] {
    background: #5f1d1d;
    border-color: #f87171;
}

.mini-choices button span[b-up7rdpvyq3] {
    align-items: center;
    background: #25324a;
    border-radius: 999px;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.mini-navigation[b-up7rdpvyq3] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

.mini-event-log[b-up7rdpvyq3] {
    align-content: start;
    display: grid;
    gap: .55rem;
    max-height: calc(100vh - 11rem);
    overflow: auto;
}

.mini-event-log div[b-up7rdpvyq3] {
    background: #111827;
    border: 1px solid #374151;
    border-radius: 6px;
    display: grid;
    gap: .2rem;
    padding: .55rem;
}

.mini-event-log span[b-up7rdpvyq3],
.mini-event-log small[b-up7rdpvyq3] {
    color: #9ca3af;
}

.mini-result-panel[b-up7rdpvyq3],
.mini-answer-key[b-up7rdpvyq3] {
    background: #172033;
    border: 1px solid #273449;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.mini-result-panel[b-up7rdpvyq3] {
    grid-template-columns: 170px minmax(0, 1fr);
}

.mini-result-score[b-up7rdpvyq3] {
    align-content: center;
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 8px;
    display: grid;
    min-height: 150px;
    padding: 1rem;
    text-align: center;
}

.mini-result-score strong[b-up7rdpvyq3] {
    color: #7dd3fc;
    font-size: 3rem;
    line-height: 1;
}

.mini-result-score span[b-up7rdpvyq3],
.mini-result-score small[b-up7rdpvyq3],
.mini-result-metrics span[b-up7rdpvyq3],
.mini-analysis-grid span[b-up7rdpvyq3] {
    color: #cbd5e1;
}

.mini-result-metrics[b-up7rdpvyq3],
.mini-analysis-grid[b-up7rdpvyq3] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.mini-result-metrics article[b-up7rdpvyq3],
.mini-analysis-grid article[b-up7rdpvyq3],
.mini-answer-list article[b-up7rdpvyq3] {
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 8px;
    padding: .85rem;
}

.mini-result-metrics strong[b-up7rdpvyq3] {
    color: #f8fafc;
    display: block;
    font-size: 1.7rem;
}

.mini-analysis-bar[b-up7rdpvyq3] {
    background: #1f2937;
    border-radius: 999px;
    height: .55rem;
    margin-top: .7rem;
    overflow: hidden;
}

.mini-analysis-bar span[b-up7rdpvyq3] {
    background: #38bdf8;
    display: block;
    height: 100%;
    width: calc(var(--score) * 1%);
}

.mini-answer-list[b-up7rdpvyq3] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

.mini-answer-list article[b-up7rdpvyq3] {
    display: grid;
    gap: .65rem;
}

.mini-answer-list article.correct[b-up7rdpvyq3] {
    border-color: #34d399;
}

.mini-answer-list article.wrong[b-up7rdpvyq3] {
    border-color: #f87171;
}

.mini-answer-list article.empty[b-up7rdpvyq3] {
    border-color: #94a3b8;
}

.mini-answer-list article > div:first-child[b-up7rdpvyq3] {
    align-items: center;
    display: flex;
    gap: .55rem;
}

.mini-answer-list article > div:first-child span[b-up7rdpvyq3] {
    align-items: center;
    background: #25324a;
    border-radius: 999px;
    display: inline-flex;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.mini-answer-list p[b-up7rdpvyq3] {
    margin: 0;
}

.mini-answer-list dl[b-up7rdpvyq3] {
    display: grid;
    gap: .35rem .8rem;
    grid-template-columns: 110px minmax(0, 1fr);
    margin: 0;
}

.mini-answer-list dt[b-up7rdpvyq3] {
    color: #93c5fd;
}

.mini-answer-list dd[b-up7rdpvyq3] {
    margin: 0;
}

.mini-answer-explanation[b-up7rdpvyq3] {
    background: #111827;
    border-left: 3px solid #38bdf8;
    border-radius: 6px;
    color: #dbeafe;
    padding: .75rem;
}

@media (max-width: 980px) {
    .mini-focus-top[b-up7rdpvyq3],
    .mini-focus-body[b-up7rdpvyq3],
    .mini-result-panel[b-up7rdpvyq3] {
        grid-template-columns: 1fr;
    }

    .mini-question-map[b-up7rdpvyq3] {
        grid-template-columns: repeat(auto-fill, minmax(2.5rem, 1fr));
    }

    .mini-question-card[b-up7rdpvyq3],
    .mini-answer-list[b-up7rdpvyq3] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 981px) and (max-width: 1180px) {
    .mini-focus-body[b-up7rdpvyq3] {
        grid-template-columns: 58px minmax(0, 1fr);
    }

    .mini-event-log[b-up7rdpvyq3] {
        display: none;
    }
}
/* /Components/Pages/PanelCart.razor.rz.scp.css */
.panel-cart[b-rx6vrthk9p] {
    display: grid;
    gap: 1rem;
}

.cart-layout[b-rx6vrthk9p] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) 340px;
}

.cart-lines[b-rx6vrthk9p],
.cart-summary[b-rx6vrthk9p] {
    background: #fff;
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    padding: 1rem;
}

.cart-lines[b-rx6vrthk9p],
.cart-summary[b-rx6vrthk9p] {
    display: grid;
    gap: 0.75rem;
}

.cart-line[b-rx6vrthk9p] {
    align-items: center;
    border-bottom: 1px solid #edf1f5;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 72px minmax(0, 1fr) 90px 110px auto;
    padding-bottom: 0.75rem;
}

.cart-line:last-child[b-rx6vrthk9p] {
    border-bottom: 0;
    padding-bottom: 0;
}

.cart-line span[b-rx6vrthk9p] {
    color: #687785;
    display: block;
    font-size: 0.9rem;
}

.cart-image[b-rx6vrthk9p] {
    align-items: center;
    background: #f2f5f7;
    border-radius: 8px;
    display: flex;
    height: 64px;
    justify-content: center;
    overflow: hidden;
    width: 64px;
}

.cart-image img[b-rx6vrthk9p] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.quantity-input[b-rx6vrthk9p] {
    max-width: 90px;
}

.coupon-row[b-rx6vrthk9p] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 1fr auto;
}

.total-line[b-rx6vrthk9p] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.total-line.grand[b-rx6vrthk9p] {
    border-top: 1px solid #e5edf3;
    font-size: 1.12rem;
    padding-top: 0.85rem;
}

.payment-method-grid[b-rx6vrthk9p] {
    display: grid;
    gap: 0.5rem;
}

.payment-method-card[b-rx6vrthk9p] {
    background: #fff;
    border: 1px solid #d7e1ea;
    border-radius: 8px;
    color: #17212b;
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
    text-align: left;
}

.payment-method-card span[b-rx6vrthk9p] {
    color: #687785;
    font-size: 0.86rem;
}

.payment-method-card.selected[b-rx6vrthk9p] {
    border-color: #c95d2e;
    box-shadow: 0 0 0 2px rgba(201, 93, 46, 0.16);
}

.payment-method-card:disabled[b-rx6vrthk9p] {
    opacity: 0.55;
}

.bank-transfer-modal[b-rx6vrthk9p] {
    max-width: 560px;
}

.bank-reference-panel[b-rx6vrthk9p] {
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    display: grid;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
    padding: 0.85rem;
}

.bank-reference-panel span[b-rx6vrthk9p] {
    color: #687785;
    font-size: 0.86rem;
}

.bank-reference-panel strong[b-rx6vrthk9p] {
    font-size: 1.15rem;
}

.bank-reference-panel.highlight[b-rx6vrthk9p] {
    background: #fff7ed;
    border-color: #f0b37d;
}

.bank-instructions[b-rx6vrthk9p] {
    background: #f7fafc;
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    margin: 0;
    padding: 0.85rem;
    white-space: pre-wrap;
}

@media (max-width: 900px) {
    .cart-layout[b-rx6vrthk9p],
    .cart-line[b-rx6vrthk9p] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/PanelStore.razor.rz.scp.css */
.panel-store[b-e6dsl5ltvf] {
    display: grid;
    gap: 1rem;
}

.store-grid[b-e6dsl5ltvf] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.store-card[b-e6dsl5ltvf] {
    background: #fff;
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    display: grid;
    overflow: hidden;
}

.store-media[b-e6dsl5ltvf] {
    align-items: center;
    background: #f3f6f8;
    color: #697886;
    display: flex;
    height: 170px;
    justify-content: center;
}

.store-media img[b-e6dsl5ltvf] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.store-body[b-e6dsl5ltvf] {
    display: grid;
    gap: 0.5rem;
    padding: 1rem;
}

.store-body h2[b-e6dsl5ltvf] {
    font-size: 1.05rem;
    margin: 0;
}

.store-body p[b-e6dsl5ltvf] {
    color: #627282;
    font-size: 0.92rem;
    margin: 0;
}

.store-footer[b-e6dsl5ltvf] {
    align-items: center;
    border-top: 1px solid #e7eef3;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 1rem;
}
/* /Components/Pages/SocialApiAccounts.razor.rz.scp.css */
.social-accounts-layout[b-diueanv4po] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: 1rem;
}

.studio-panel[b-diueanv4po] {
    padding: 1rem;
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #ffffff;
}

.panel-heading[b-diueanv4po] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading h2[b-diueanv4po] {
    margin: 0;
    color: #142033;
    font-size: 1.15rem;
}

.account-list[b-diueanv4po] {
    display: grid;
    gap: .55rem;
}

.account-row[b-diueanv4po] {
    display: grid;
    gap: .35rem;
    width: 100%;
    padding: .8rem;
    border: 0;
    border-radius: 8px;
    background: #f7f9fc;
    color: #263247;
    text-align: left;
}

.account-row:hover[b-diueanv4po],
.account-row.active[b-diueanv4po] {
    background: #eef4ff;
    color: #173b7a;
}

.account-row span[b-diueanv4po] {
    display: grid;
    gap: .15rem;
}

.account-row small[b-diueanv4po],
.account-row em[b-diueanv4po],
.empty-mini[b-diueanv4po],
.muted-line[b-diueanv4po] {
    color: #758195;
    font-size: .9rem;
}

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

.span-2[b-diueanv4po],
.help-panel[b-diueanv4po] {
    grid-column: 1 / -1;
}

.token-input[b-diueanv4po] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .9rem;
}

.token-tools[b-diueanv4po] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
    margin-top: .65rem;
}

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

.help-panel > .eyebrow[b-diueanv4po],
.help-panel > h2[b-diueanv4po] {
    grid-column: 1 / -1;
}

.help-block[b-diueanv4po] {
    padding: .9rem;
    border: 1px solid #e7ebf2;
    border-radius: 8px;
    background: #fbfcfe;
}

.help-block p[b-diueanv4po] {
    margin: .45rem 0 0;
    color: #526071;
}

@media (max-width: 980px) {
    .social-accounts-layout[b-diueanv4po],
    .form-grid[b-diueanv4po],
    .help-panel[b-diueanv4po] {
        grid-template-columns: 1fr;
    }

    .span-2[b-diueanv4po],
    .help-panel[b-diueanv4po],
    .help-panel > .eyebrow[b-diueanv4po],
    .help-panel > h2[b-diueanv4po] {
        grid-column: auto;
    }
}
/* /Components/Pages/SocialShareStudio.razor.rz.scp.css */
.social-heading[b-lriiwikviw] {
    align-items: center;
}

.social-shell[b-lriiwikviw] {
    display: grid;
    grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) minmax(260px, 340px);
    gap: 1rem;
}

.social-projects[b-lriiwikviw],
.studio-panel[b-lriiwikviw] {
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #ffffff;
}

.social-projects[b-lriiwikviw] {
    padding: 1rem;
    align-self: start;
}

.domain-card[b-lriiwikviw] {
    display: grid;
    gap: .2rem;
    padding: .85rem;
    border-radius: 8px;
    background: #f3f7fb;
    color: #526071;
}

.domain-card strong[b-lriiwikviw] {
    color: #142033;
}

.project-filter[b-lriiwikviw] {
    margin: 1rem 0;
}

.project-list[b-lriiwikviw] {
    display: grid;
    gap: .45rem;
    max-height: calc(100vh - 280px);
    overflow: auto;
}

.project-item[b-lriiwikviw] {
    display: grid;
    gap: .15rem;
    width: 100%;
    padding: .7rem .75rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #263247;
    text-align: left;
}

.project-item:hover[b-lriiwikviw],
.project-item.active[b-lriiwikviw] {
    background: #eef4ff;
    color: #173b7a;
}

.project-item small[b-lriiwikviw],
.empty-mini[b-lriiwikviw],
.muted-line[b-lriiwikviw] {
    color: #758195;
    font-size: .92rem;
}

.social-workspace[b-lriiwikviw],
.social-preview[b-lriiwikviw] {
    display: grid;
    align-content: start;
    gap: 1rem;
    min-width: 0;
}

.studio-panel[b-lriiwikviw] {
    padding: 1rem;
}

.panel-heading[b-lriiwikviw],
.source-card-head[b-lriiwikviw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading h2[b-lriiwikviw] {
    margin: 0;
    color: #142033;
    font-size: 1.15rem;
}

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

.span-2[b-lriiwikviw] {
    grid-column: 1 / -1;
}

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

.source-card[b-lriiwikviw] {
    min-width: 0;
    padding: .85rem;
    border: 1px solid #e7ebf2;
    border-radius: 8px;
    background: #fbfcfe;
}

.selected-chip[b-lriiwikviw] {
    display: inline-flex;
    max-width: 100%;
    margin: .25rem .25rem 0 0;
    padding: .32rem .55rem;
    border-radius: 999px;
    background: #eef4ff;
    color: #173b7a;
    font-size: .86rem;
}

.share-image-grid[b-lriiwikviw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: .75rem;
}

.share-image-card[b-lriiwikviw] {
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
}

.share-image-card.primary[b-lriiwikviw] {
    border-color: #173b7a;
    box-shadow: 0 0 0 2px rgba(23, 59, 122, .12);
}

.share-image-card img[b-lriiwikviw] {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    display: block;
}

.share-image-card div[b-lriiwikviw] {
    display: grid;
    gap: .45rem;
    padding: .65rem;
}

.ai-inline[b-lriiwikviw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    margin-top: 1rem;
    align-items: end;
}

.platform-grid[b-lriiwikviw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
    margin-bottom: 1rem;
}

.platform-option[b-lriiwikviw] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .65rem;
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #fbfcfe;
}

.post-preview[b-lriiwikviw] {
    overflow: hidden;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #ffffff;
}

.post-preview img[b-lriiwikviw] {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

.post-preview h3[b-lriiwikviw],
.post-preview p[b-lriiwikviw],
.post-preview small[b-lriiwikviw] {
    display: block;
    margin: .8rem;
}

.post-preview h3[b-lriiwikviw] {
    color: #142033;
    font-size: 1.1rem;
}

.post-preview p[b-lriiwikviw] {
    white-space: pre-wrap;
    color: #263247;
}

.post-preview small[b-lriiwikviw] {
    color: #173b7a;
}

.publish-actions[b-lriiwikviw] {
    display: grid;
    gap: .5rem;
    margin-bottom: .75rem;
}

.api-status[b-lriiwikviw] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .45rem .75rem;
    color: #526071;
}

.api-status strong[b-lriiwikviw] {
    color: #142033;
}

@media (max-width: 1180px) {
    .social-shell[b-lriiwikviw] {
        grid-template-columns: minmax(230px, 300px) minmax(0, 1fr);
    }

    .social-preview[b-lriiwikviw] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .social-shell[b-lriiwikviw],
    .form-grid[b-lriiwikviw],
    .source-grid[b-lriiwikviw],
    .social-preview[b-lriiwikviw],
    .ai-inline[b-lriiwikviw],
    .platform-grid[b-lriiwikviw] {
        grid-template-columns: 1fr;
    }

    .panel-heading[b-lriiwikviw],
    .source-card-head[b-lriiwikviw] {
        align-items: stretch;
        flex-direction: column;
    }

    .project-list[b-lriiwikviw] {
        max-height: 260px;
    }
}
/* /Components/Pages/StudyCalendar.razor.rz.scp.css */
.study-calendar-page[b-fb67uw285r] {
    display: grid;
    gap: 1rem;
}
/* /Components/Pages/StudyPlaceholder.razor.rz.scp.css */
.study-placeholder-panel[b-v9wfk3004n] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-end;
}

.study-placeholder-panel h1[b-v9wfk3004n] {
    margin: 0;
}

.study-placeholder-actions[b-v9wfk3004n] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

@media (max-width: 760px) {
    .study-placeholder-panel[b-v9wfk3004n] {
        display: grid;
        align-items: start;
    }
}
/* /Components/Pages/StudyPlatform.razor.rz.scp.css */
.study-shell[b-f7j6url21o] {
    display: grid;
    gap: 1rem;
}

.study-hero[b-f7j6url21o],
.study-layout[b-f7j6url21o],
.study-card[b-f7j6url21o],
.study-tree-panel[b-f7j6url21o] {
    border: 1px solid #d9e2ec;
    background: #fff;
    border-radius: 8px;
}

.study-hero[b-f7j6url21o] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    align-items: center;
}

.study-hero h1[b-f7j6url21o] {
    margin: 0;
    font-size: 1.8rem;
}

.study-scoreboard[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: .75rem;
}

.study-scoreboard div[b-f7j6url21o] {
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: .85rem;
    background: #f8fafc;
}

.study-scoreboard span[b-f7j6url21o],
.topic-metrics span[b-f7j6url21o],
.empty-line[b-f7j6url21o],
.calendar-item span[b-f7j6url21o],
.forum-thread span[b-f7j6url21o] {
    color: #64748b;
    font-size: .85rem;
}

.study-scoreboard strong[b-f7j6url21o] {
    display: block;
    font-size: 1.45rem;
    color: #0f172a;
}

.study-layout[b-f7j6url21o] {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    min-height: 680px;
    overflow: hidden;
}

.study-mobile-flow[b-f7j6url21o] {
    display: none;
}

.study-tree-panel[b-f7j6url21o] {
    border: 0;
    border-right: 1px solid #d9e2ec;
    border-radius: 0;
    padding: 1rem;
}

.study-tree-scroll[b-f7j6url21o] {
    max-height: 720px;
    overflow: auto;
    padding-right: .25rem;
}

.panel-title[b-f7j6url21o] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.panel-title h2[b-f7j6url21o],
.panel-title h3[b-f7j6url21o] {
    margin: 0;
}

.study-main[b-f7j6url21o] {
    padding: 1rem;
    min-width: 0;
}

.study-topic-head[b-f7j6url21o] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e4ebf2;
}

.study-topic-head h2[b-f7j6url21o] {
    margin: 0;
    font-size: 1.55rem;
}

.topic-metrics[b-f7j6url21o] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.topic-metrics span[b-f7j6url21o] {
    border: 1px solid #d9e2ec;
    border-radius: 999px;
    padding: .35rem .65rem;
    background: #f8fafc;
    height: fit-content;
}

.study-tabs[b-f7j6url21o] {
    display: flex;
    gap: .35rem;
    padding: 1rem 0;
    flex-wrap: wrap;
}

.study-tabs button[b-f7j6url21o] {
    border: 1px solid #d9e2ec;
    background: #f8fafc;
    border-radius: 8px;
    padding: .55rem .9rem;
    color: #334155;
}

.study-tabs button.active[b-f7j6url21o] {
    background: #123c69;
    border-color: #123c69;
    color: #fff;
}

.study-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: 1rem;
}

.study-overview-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 1rem;
    padding-top: 1rem;
}

.student-dashboard[b-f7j6url21o] {
    display: grid;
    gap: 1rem;
}

.study-context-strip[b-f7j6url21o],
.dynamic-study-analysis[b-f7j6url21o],
.dashboard-block[b-f7j6url21o],
.dashboard-stat[b-f7j6url21o],
.action-tile[b-f7j6url21o] {
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    background: #fff;
}

.study-context-strip[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto;
    gap: .85rem 1rem;
    align-items: center;
    padding: 1rem 1rem .85rem;
    background:
        linear-gradient(135deg, rgba(236, 253, 245, .85) 0%, rgba(255, 247, 237, .72) 54%, rgba(239, 246, 255, .9) 100%);
}

.study-program-summary[b-f7j6url21o] {
    display: grid;
    grid-template-columns: 2.65rem minmax(0, 1fr);
    gap: .75rem;
    align-items: center;
    min-width: 0;
}

.summary-icon[b-f7j6url21o] {
    display: inline-grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 8px;
    background: #115e59;
    color: #ccfbf1;
    font-size: 1.25rem;
}

.summary-copy[b-f7j6url21o] {
    min-width: 0;
}

.summary-copy span[b-f7j6url21o] {
    display: block;
    color: #64748b;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.summary-copy h1[b-f7j6url21o] {
    color: #0f172a;
    font-size: 2rem;
    line-height: 1.08;
    margin: .15rem 0 .2rem;
}

.summary-copy p[b-f7j6url21o] {
    margin: 0;
    color: #475569;
    font-size: .88rem;
    line-height: 1.4;
}

.study-status-metrics[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(3, minmax(112px, auto));
    gap: .55rem;
}

.status-metric[b-f7j6url21o] {
    display: grid;
    align-content: center;
    min-height: 4.35rem;
    min-width: 7rem;
    border: 1px solid rgba(15, 118, 110, .12);
    border-radius: 8px;
    padding: .55rem .7rem;
    background: rgba(255, 255, 255, .78);
}

.status-metric span[b-f7j6url21o] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 800;
}

.status-metric strong[b-f7j6url21o] {
    color: #0f172a;
    font-size: 1.28rem;
    line-height: 1.15;
}

.status-metric small[b-f7j6url21o] {
    color: #475569;
    font-size: .78rem;
    white-space: nowrap;
}

.metric-days[b-f7j6url21o] {
    border-color: rgba(37, 99, 235, .18);
    background: rgba(239, 246, 255, .86);
}

.metric-days strong[b-f7j6url21o] {
    color: #1d4ed8;
}

.metric-target[b-f7j6url21o] {
    border-color: rgba(217, 119, 6, .18);
    background: rgba(255, 251, 235, .88);
}

.metric-target strong[b-f7j6url21o] {
    color: #b45309;
}

.study-context-strip .study-dashboard-tabs[b-f7j6url21o] {
    grid-column: 1 / -1;
    margin-top: 0;
    padding-top: .1rem;
}

.admin-student-view-panel[b-f7j6url21o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 1rem;
    background: #f8fafc;
}

.admin-student-view-panel h3[b-f7j6url21o] {
    margin: 0;
    color: #0f172a;
}

.admin-student-view-panel p[b-f7j6url21o] {
    margin: .35rem 0 0;
    color: #475569;
}

.admin-student-view-actions[b-f7j6url21o] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.dashboard-overview-row[b-f7j6url21o] {
    align-items: stretch;
}

.dashboard-overview-row > [class*="col-"][b-f7j6url21o] {
    display: grid;
}

.dashboard-action-strip[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    height: 100%;
}

.dashboard-stat-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.dashboard-stat-panel[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    height: 100%;
    overflow: hidden;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    background: #fff;
}

.action-tile[b-f7j6url21o] {
    align-items: center;
    border: 0;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .08);
    display: flex;
    gap: .75rem;
    min-height: 104px;
    overflow: hidden;
    padding: .9rem 1rem;
    position: relative;
    text-align: left;
    color: #111827;
    transition: transform .16s ease, box-shadow .16s ease;
}

.action-tile[b-f7j6url21o]::after {
    background: rgba(255, 255, 255, .38);
    border-radius: 999px;
    content: "";
    height: 4.5rem;
    position: absolute;
    right: -1.9rem;
    top: -1.9rem;
    width: 4.5rem;
}

.action-tile:hover[b-f7j6url21o] {
    box-shadow: 0 18px 34px rgba(15, 23, 42, .12);
    transform: translateY(-2px);
}

.action-icon[b-f7j6url21o] {
    align-items: center;
    background: rgba(255, 255, 255, .74);
    border-radius: 8px;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 2rem;
    height: 4rem;
    justify-content: center;
    position: relative;
    width: 4rem;
    z-index: 1;
}

.action-copy[b-f7j6url21o] {
    display: grid;
    gap: .12rem;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.action-copy span[b-f7j6url21o] {
    color: rgba(15, 23, 42, .62);
    font-size: .84rem;
    font-weight: 800;
}

.action-copy strong[b-f7j6url21o] {
    color: #0f172a;
    font-size: 1rem;
    line-height: 1.2;
}

.action-tile.primary[b-f7j6url21o],
.action-study[b-f7j6url21o] {
    background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
}

.action-tile.primary .action-copy span[b-f7j6url21o],
.action-tile.primary .action-copy strong[b-f7j6url21o],
.action-study .action-copy span[b-f7j6url21o],
.action-study .action-copy strong[b-f7j6url21o] {
    color: #fff;
}

.action-quiz[b-f7j6url21o] {
    background: linear-gradient(135deg, #fff7d6 0%, #fde68a 100%);
}

.action-trial[b-f7j6url21o] {
    background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
}

.action-map[b-f7j6url21o] {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
}

.dashboard-stat[b-f7j6url21o] {
    align-items: center;
    border: 0;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    gap: .7rem;
    min-height: 78px;
    overflow: hidden;
    padding: .8rem .9rem;
    position: relative;
}

.dashboard-stat-panel .dashboard-stat[b-f7j6url21o] {
    border-right: 1px solid rgba(148, 163, 184, .22);
    border-bottom: 1px solid rgba(148, 163, 184, .22);
}

.dashboard-stat-panel .dashboard-stat:nth-child(2n)[b-f7j6url21o] {
    border-right: 0;
}

.dashboard-stat-panel .dashboard-stat:nth-last-child(-n + 2)[b-f7j6url21o] {
    border-bottom: 0;
}

.stat-icon[b-f7j6url21o] {
    align-items: center;
    background: rgba(255, 255, 255, .68);
    border: 1px solid rgba(15, 23, 42, .06);
    border-radius: 8px;
    color: var(--stat-ink);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.9rem;
    height: 4rem;
    justify-content: center;
    width: 4rem;
}

.stat-copy[b-f7j6url21o] {
    display: grid;
    gap: .08rem;
    min-width: 0;
}

.stat-copy span[b-f7j6url21o] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 800;
}

.stat-copy strong[b-f7j6url21o] {
    color: #0f172a;
    font-size: 1.48rem;
    line-height: 1.1;
}

.stat-copy small[b-f7j6url21o] {
    color: #64748b;
    font-size: .82rem;
}

.dashboard-stat.primary[b-f7j6url21o] {
    background: #eefdf7;
    --stat-ink: #0f766e;
}

.dashboard-stat.reward[b-f7j6url21o] {
    background: #fff8df;
    --stat-ink: #b45309;
}

.stat-question[b-f7j6url21o] {
    background: #f1f5ff;
    --stat-ink: #4f46e5;
}

.stat-time[b-f7j6url21o] {
    background: #f0f9ff;
    --stat-ink: #0284c7;
}

.stat-pause[b-f7j6url21o] {
    background: #f8fafc;
    --stat-ink: #64748b;
}

.stat-note[b-f7j6url21o] {
    background: #f5f3ff;
    --stat-ink: #7c3aed;
}

.stat-bank[b-f7j6url21o] {
    background: #fff1f2;
    --stat-ink: #e11d48;
}

.stat-topic[b-f7j6url21o] {
    background: #ecfeff;
    --stat-ink: #0891b2;
}

.dashboard-news-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(320px, 1.15fr) minmax(280px, .85fr) minmax(320px, 1fr);
    gap: 1rem;
    align-items: start;
}

.dashboard-block[b-f7j6url21o] {
    padding: 1rem;
}

.dynamic-study-analysis[b-f7j6url21o] {
    padding: 1rem;
    display: grid;
    gap: 1rem;
    background: #fff;
}

.analysis-summary-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: .7rem;
}

.analysis-summary-grid article[b-f7j6url21o] {
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: .8rem;
    background: #fbfdff;
}

.analysis-summary-grid span[b-f7j6url21o],
.analysis-summary-grid small[b-f7j6url21o],
.analysis-message small[b-f7j6url21o],
.analysis-table small[b-f7j6url21o] {
    color: #64748b;
    font-size: .8rem;
}

.analysis-summary-grid strong[b-f7j6url21o] {
    display: block;
    color: #0f172a;
    font-size: 1.3rem;
    line-height: 1.2;
    margin: .15rem 0;
}

.analysis-layout[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr);
    gap: 1rem;
    align-items: start;
}

.analysis-table-wrap[b-f7j6url21o] {
    overflow-x: auto;
}

.analysis-table[b-f7j6url21o] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 760px;
}

.analysis-table th[b-f7j6url21o],
.analysis-table td[b-f7j6url21o] {
    border-bottom: 1px solid #e4ebf2;
    padding: .7rem;
    text-align: left;
    vertical-align: top;
}

.analysis-table th[b-f7j6url21o] {
    color: #475569;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: #f8fafc;
}

.analysis-table button[b-f7j6url21o] {
    border: 0;
    padding: 0;
    background: transparent;
    color: #0f172a;
    font-weight: 800;
    text-align: left;
}

.analysis-table tr.priority-high td:first-child[b-f7j6url21o] {
    border-left: 4px solid #ef4444;
}

.analysis-table tr.priority-medium td:first-child[b-f7j6url21o] {
    border-left: 4px solid #f59e0b;
}

.analysis-table tr.priority-low td:first-child[b-f7j6url21o] {
    border-left: 4px solid #14b8a6;
}

.analysis-message-list[b-f7j6url21o] {
    display: grid;
    gap: .7rem;
}

.analysis-message[b-f7j6url21o] {
    display: grid;
    gap: .2rem;
    width: 100%;
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: .8rem;
    background: #fbfdff;
    text-align: left;
}

.analysis-message:hover[b-f7j6url21o] {
    border-color: #0ea5e9;
    background: #f0f9ff;
}

.content-flow[b-f7j6url21o] {
    grid-row: span 2;
}

.sponsor-block[b-f7j6url21o] {
    grid-column: span 2;
}

.lesson-score-list[b-f7j6url21o],
.exam-distribution-list[b-f7j6url21o],
.reward-ladder[b-f7j6url21o],
.content-headlines[b-f7j6url21o],
.advice-list[b-f7j6url21o],
.sponsor-grid[b-f7j6url21o],
.curriculum-report-list[b-f7j6url21o] {
    display: grid;
    gap: .7rem;
}

.lesson-score-row[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, .35fr) 46px;
    gap: .75rem;
    align-items: center;
    border-bottom: 1px solid #e4ebf2;
    padding-bottom: .7rem;
}

.lesson-score-row:last-child[b-f7j6url21o] {
    border-bottom: 0;
    padding-bottom: 0;
}

.lesson-score-row strong[b-f7j6url21o],
.content-headlines strong[b-f7j6url21o] {
    display: block;
    color: #0f172a;
}

.lesson-score-row span[b-f7j6url21o],
.content-headlines span[b-f7j6url21o],
.content-headlines p[b-f7j6url21o],
.reward-step span[b-f7j6url21o],
.reward-step small[b-f7j6url21o],
.sponsor-grid span[b-f7j6url21o] {
    color: #64748b;
    font-size: .86rem;
}

.score-meter[b-f7j6url21o] {
    height: 9px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.score-meter span[b-f7j6url21o] {
    display: block;
    width: calc(var(--score) * 1%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ef4444, #f59e0b 45%, #16a34a);
}

.exam-distribution-list[b-f7j6url21o] {
    gap: .45rem;
}

.exam-distribution-group[b-f7j6url21o] {
    color: #475569;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-top: .2rem;
}

.exam-distribution-row[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: .65rem;
    align-items: center;
    width: 100%;
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: .62rem .7rem;
    background: #fbfdff;
    color: #0f172a;
    text-align: left;
}

.exam-distribution-row:hover[b-f7j6url21o] {
    border-color: #7dd3fc;
    background: #f0f9ff;
}

.exam-distribution-row span[b-f7j6url21o] {
    min-width: 0;
    font-weight: 700;
}

.exam-distribution-row strong[b-f7j6url21o] {
    white-space: nowrap;
    font-size: .92rem;
}

.exam-distribution-row small[b-f7j6url21o],
.distribution-source[b-f7j6url21o] {
    color: #64748b;
    font-size: .8rem;
}

.distribution-source[b-f7j6url21o] {
    margin: .8rem 0 0;
}

.reward-step[b-f7j6url21o] {
    display: grid;
    gap: .15rem;
    border: 1px solid #e4ebf2;
    border-left: 5px solid #cbd5e1;
    border-radius: 8px;
    padding: .75rem;
    background: #fbfdff;
}

.reward-step.complete[b-f7j6url21o] {
    border-left-color: #f59e0b;
    background: #fffbeb;
}

.content-headlines article[b-f7j6url21o] {
    display: grid;
    gap: .25rem;
    border-bottom: 1px solid #e4ebf2;
    padding-bottom: .75rem;
}

.content-headlines article:last-child[b-f7j6url21o] {
    border-bottom: 0;
    padding-bottom: 0;
}

.content-headlines p[b-f7j6url21o] {
    margin: 0;
}

.advice-list .recommendation-row small[b-f7j6url21o] {
    color: #64748b;
}

.sponsor-grid[b-f7j6url21o] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sponsor-grid div[b-f7j6url21o] {
    display: grid;
    gap: .25rem;
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: .85rem;
    background: #fbfdff;
}

.curriculum-report[b-f7j6url21o] {
    scroll-margin-top: 1rem;
}

.curriculum-report-list[b-f7j6url21o] {
    max-height: 680px;
    overflow: auto;
}

.curriculum-report-row[b-f7j6url21o] {
    display: grid;
    grid-template-columns: 82px minmax(220px, 1fr) 70px 110px 105px 92px;
    gap: .7rem;
    align-items: center;
    width: 100%;
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: .7rem;
    background: #fff;
    color: #0f172a;
    text-align: left;
}

.curriculum-report-row:hover[b-f7j6url21o] {
    border-color: #123c69;
    background: #f8fbff;
}

.curriculum-report-row.depth-1[b-f7j6url21o] {
    margin-left: 1rem;
    width: calc(100% - 1rem);
}

.curriculum-report-row.depth-2[b-f7j6url21o] {
    margin-left: 2rem;
    width: calc(100% - 2rem);
}

.curriculum-report-row.depth-3[b-f7j6url21o],
.curriculum-report-row.depth-4[b-f7j6url21o] {
    margin-left: 3rem;
    width: calc(100% - 3rem);
}

.node-kind[b-f7j6url21o],
.curriculum-report-row span[b-f7j6url21o] {
    color: #64748b;
    font-size: .84rem;
}

.curriculum-report-row .state[b-f7j6url21o] {
    justify-self: end;
    border-radius: 999px;
    padding: .22rem .55rem;
    font-weight: 800;
}

.state.strong[b-f7j6url21o] {
    color: #166534;
    background: #dcfce7;
}

.state.medium[b-f7j6url21o] {
    color: #92400e;
    background: #fef3c7;
}

.state.started[b-f7j6url21o] {
    color: #075985;
    background: #e0f2fe;
}

.state.waiting[b-f7j6url21o] {
    color: #64748b;
    background: #f1f5f9;
}

.study-card[b-f7j6url21o] {
    padding: 1rem;
}

.study-card.wide[b-f7j6url21o] {
    grid-column: span 2;
}

.summary-card[b-f7j6url21o] {
    display: grid;
    align-content: start;
    gap: .85rem;
}

.summary-card.primary[b-f7j6url21o] {
    grid-row: span 2;
}

.summary-card p[b-f7j6url21o] {
    margin: 0;
    color: #334155;
}

.summary-metric[b-f7j6url21o] {
    display: grid;
    gap: .1rem;
}

.summary-metric strong[b-f7j6url21o] {
    color: #123c69;
    font-size: 1.85rem;
}

.summary-metric span[b-f7j6url21o],
.summary-pair span[b-f7j6url21o],
.answer-grid span[b-f7j6url21o],
.material-type-grid span[b-f7j6url21o] {
    color: #64748b;
    font-size: .85rem;
}

.summary-pair[b-f7j6url21o] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    border-top: 1px solid #e4ebf2;
    padding-top: .65rem;
}

.summary-pair strong[b-f7j6url21o] {
    text-align: right;
}

.answer-grid[b-f7j6url21o],
.material-type-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.answer-grid div[b-f7j6url21o],
.material-type-grid div[b-f7j6url21o] {
    display: grid;
    gap: .15rem;
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: .7rem;
    background: #fbfdff;
}

.answer-grid strong[b-f7j6url21o],
.material-type-grid strong[b-f7j6url21o] {
    color: #0f172a;
    font-size: 1.35rem;
}

.study-note[b-f7j6url21o] {
    line-height: 1.65;
    color: #263445;
}

.lesson-note-summary[b-f7j6url21o] {
    margin: 0;
    color: #475569;
    line-height: 1.55;
}

.lesson-note-card-foot[b-f7j6url21o],
.lesson-note-activity[b-f7j6url21o] {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
}

.lesson-note-card-foot[b-f7j6url21o] {
    justify-content: space-between;
    border-top: 1px solid #e4ebf2;
    padding-top: .75rem;
}

.lesson-note-activity span[b-f7j6url21o] {
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: .78rem;
    font-weight: 800;
    padding: .25rem .55rem;
}

.lesson-reader-surface[b-f7j6url21o] {
    display: grid;
    gap: 1rem;
    min-height: 0;
    animation: lesson-reader-in-b-f7j6url21o .28s ease both;
}

.lesson-reader-head[b-f7j6url21o] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    border-bottom: 1px solid rgba(226, 232, 240, .18);
    padding-bottom: .85rem;
}

.lesson-reader-head h3[b-f7j6url21o] {
    margin: .1rem 0 .15rem;
    color: #fff;
    font-size: 1.25rem;
}

.lesson-reader-head small[b-f7j6url21o] {
    color: #cbd5e1;
    font-weight: 700;
}

.lesson-reader-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1rem;
    overflow: hidden;
}

.lesson-reader-main[b-f7j6url21o],
.lesson-reader-side[b-f7j6url21o] {
    overflow: auto;
    max-height: calc(100vh - 220px);
}

.lesson-reader-main[b-f7j6url21o] {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding-right: .25rem;
}

.lesson-reader-content[b-f7j6url21o] {
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: 1rem;
    background: #fff;
}

.lesson-reader-video[b-f7j6url21o] {
    border: 1px solid #0f172a;
}

.lesson-reader-side[b-f7j6url21o] {
    display: grid;
    align-content: start;
    gap: .85rem;
}

.lesson-reader-panel[b-f7j6url21o] {
    display: grid;
    gap: .65rem;
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: .85rem;
    background: #fbfdff;
}

.lesson-reader-panel h4[b-f7j6url21o] {
    margin: 0;
    font-size: .95rem;
    color: #0f172a;
}

.lesson-reader-video-actions[b-f7j6url21o],
.status-choice-grid[b-f7j6url21o] {
    display: grid;
    gap: .45rem;
}

.status-choice[b-f7j6url21o] {
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    padding: .55rem .7rem;
    background: #fff;
    color: #334155;
    font-weight: 800;
    text-align: left;
}

.status-choice.selected[b-f7j6url21o] {
    border-color: #123c69;
    background: #eef6ff;
    color: #123c69;
}

.lesson-reader-stats[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .35rem .75rem;
    align-items: center;
}

.lesson-reader-stats span[b-f7j6url21o],
.lesson-reader-log-list small[b-f7j6url21o] {
    color: #64748b;
    font-size: .8rem;
}

.lesson-reader-log-list[b-f7j6url21o] {
    display: grid;
    gap: .45rem;
    border-top: 1px solid #e4ebf2;
    padding-top: .65rem;
}

.lesson-reader-log-list div[b-f7j6url21o] {
    display: grid;
    gap: .1rem;
}

@keyframes lesson-reader-in-b-f7j6url21o {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 920px) {
    .lesson-reader-grid[b-f7j6url21o] {
        grid-template-columns: 1fr;
    }

    .lesson-reader-main[b-f7j6url21o],
    .lesson-reader-side[b-f7j6url21o] {
        max-height: none;
    }
}

.progress-ring[b-f7j6url21o] {
    display: grid;
    place-items: center;
    gap: .25rem;
    border: 10px solid #dbeafe;
    width: 150px;
    height: 150px;
    border-radius: 999px;
    margin: .5rem auto 1rem;
    text-align: center;
}

.progress-ring strong[b-f7j6url21o] {
    font-size: 2rem;
}

.study-session-summary[b-f7j6url21o] {
    display: grid;
    gap: .45rem;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    padding: 1rem;
    background: #f8fafc;
    margin-bottom: 1rem;
}

.study-session-summary.running[b-f7j6url21o] {
    border-color: #123c69;
    background: #eef6ff;
}

.study-session-summary span[b-f7j6url21o],
.study-session-summary small[b-f7j6url21o],
.study-insight span[b-f7j6url21o] {
    color: #64748b;
    font-size: .85rem;
}

.study-session-summary strong[b-f7j6url21o] {
    font-size: 1.7rem;
    color: #123c69;
}

.live-timer[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    border-top: 1px solid #d9e2ec;
    padding-top: .55rem;
}

.live-timer strong[b-f7j6url21o] {
    font-variant-numeric: tabular-nums;
    font-size: 1.35rem;
}

.video-list[b-f7j6url21o] {
    display: grid;
    gap: .65rem;
}

.video-row[b-f7j6url21o] {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: .75rem;
    width: 100%;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    padding: .75rem;
    background: #fff;
    text-align: left;
    align-items: center;
}

.video-row:hover[b-f7j6url21o] {
    border-color: #123c69;
}

.video-row span[b-f7j6url21o] {
    color: #64748b;
    font-size: .82rem;
}

.video-row strong[b-f7j6url21o] {
    color: #0f172a;
    overflow-wrap: anywhere;
}

.video-frame[b-f7j6url21o] {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #0f172a;
    border-radius: 8px;
    overflow: hidden;
}

.video-frame iframe[b-f7j6url21o] {
    width: 100%;
    height: 100%;
    border: 0;
}

.focus-shell[b-f7j6url21o] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    color: #e5edf7;
    background: linear-gradient(135deg, rgba(8, 17, 33, .98), rgba(20, 38, 55, .98));
}

.focus-command[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto minmax(190px, auto) auto;
    gap: 1rem;
    align-items: center;
    padding: .9rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, .28);
    background: rgba(2, 6, 23, .72);
    backdrop-filter: blur(14px);
}

.focus-title[b-f7j6url21o] {
    min-width: 0;
}

.focus-title small[b-f7j6url21o] {
    display: block;
    margin-top: .2rem;
    color: #8bd3ff;
    font-weight: 800;
}

.focus-title span[b-f7j6url21o],
.focus-section-title span[b-f7j6url21o],
.focus-stat span[b-f7j6url21o],
.focus-history span[b-f7j6url21o],
.focus-history time[b-f7j6url21o] {
    color: #9fb2ca;
    font-size: .82rem;
}

.focus-title h2[b-f7j6url21o] {
    margin: .1rem 0 0;
    color: #fff;
    font-size: clamp(1.1rem, 2vw, 1.65rem);
    overflow-wrap: anywhere;
}

.focus-player[b-f7j6url21o] {
    display: inline-flex;
    gap: .55rem;
    align-items: center;
    padding: .45rem;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 999px;
    background: rgba(15, 23, 42, .78);
}

.focus-icon[b-f7j6url21o] {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(226, 232, 240, .16);
    border-radius: 999px;
    color: #fff;
    background: rgba(51, 65, 85, .8);
    font-weight: 800;
}

.focus-icon.play[b-f7j6url21o] {
    background: #0f766e;
}

.focus-icon.pause[b-f7j6url21o] {
    background: #b45309;
}

.focus-icon.stop[b-f7j6url21o] {
    background: #b91c1c;
}

.focus-icon:disabled[b-f7j6url21o] {
    opacity: .38;
    cursor: not-allowed;
}

.focus-timer[b-f7j6url21o] {
    display: grid;
    gap: .05rem;
    justify-items: end;
    padding: .45rem .8rem;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: rgba(15, 23, 42, .68);
}

.focus-timer.running[b-f7j6url21o] {
    border-color: rgba(45, 212, 191, .72);
    box-shadow: 0 0 0 3px rgba(45, 212, 191, .12);
}

.focus-timer.paused[b-f7j6url21o] {
    border-color: rgba(251, 191, 36, .72);
    box-shadow: 0 0 0 3px rgba(251, 191, 36, .12);
}

.focus-timer strong[b-f7j6url21o] {
    color: #fff;
    font-size: 1.55rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.focus-timer small[b-f7j6url21o] {
    color: #cbd5e1;
}

.focus-exit[b-f7j6url21o] {
    border: 1px solid rgba(226, 232, 240, .24);
    border-radius: 8px;
    padding: .65rem .9rem;
    color: #e2e8f0;
    background: rgba(15, 23, 42, .72);
}

.focus-exit:disabled[b-f7j6url21o] {
    opacity: .45;
    cursor: not-allowed;
}

.focus-reader-exit[b-f7j6url21o] {
    display: none;
}

.focus-body[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    min-height: 0;
    padding: 1rem;
    overflow: hidden;
}

.focus-rail[b-f7j6url21o],
.focus-workspace[b-f7j6url21o],
.focus-pane[b-f7j6url21o] {
    min-height: 0;
}

.focus-rail[b-f7j6url21o] {
    display: grid;
    align-content: start;
    gap: .85rem;
    overflow: hidden;
    transform: translateX(0);
    opacity: 1;
    transition: transform .34s ease, opacity .22s ease;
}

.focus-body.rail-collapsed .focus-rail[b-f7j6url21o] {
    pointer-events: none;
    opacity: 0;
    transform: translateX(-110%);
}

.focus-stat[b-f7j6url21o],
.focus-history[b-f7j6url21o],
.focus-pane[b-f7j6url21o] {
    border: 1px solid rgba(148, 163, 184, .26);
    border-radius: 8px;
    background: rgba(15, 23, 42, .72);
    box-shadow: 0 16px 50px rgba(2, 6, 23, .28);
}

.focus-stat[b-f7j6url21o] {
    display: grid;
    gap: .25rem;
    padding: .9rem;
}

.focus-stat.primary[b-f7j6url21o] {
    background: linear-gradient(135deg, rgba(13, 148, 136, .35), rgba(15, 23, 42, .86));
}

.focus-stat strong[b-f7j6url21o] {
    color: #fff;
    font-size: 1.35rem;
}

.focus-history[b-f7j6url21o] {
    display: grid;
    gap: .65rem;
    padding: .9rem;
}

.focus-history h3[b-f7j6url21o],
.focus-section-title h3[b-f7j6url21o] {
    margin: 0;
    color: #fff;
    font-size: 1rem;
}

.focus-history div[b-f7j6url21o] {
    display: grid;
    gap: .1rem;
    padding: .65rem;
    border-radius: 8px;
    background: rgba(30, 41, 59, .78);
}

.focus-history p[b-f7j6url21o] {
    margin: 0;
    color: #cbd5e1;
}

.focus-workspace[b-f7j6url21o] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 1rem;
    overflow: auto;
    padding-right: .25rem;
    transition: grid-template-columns .36s ease, gap .36s ease;
}

.focus-workspace.lesson-reader-active[b-f7j6url21o] {
    grid-template-columns: 230px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 1rem;
}

.focus-side-panel[b-f7j6url21o],
.focus-content[b-f7j6url21o] {
    min-height: 0;
}

.focus-side-panel[b-f7j6url21o] {
    display: contents;
}

.focus-side-tabs[b-f7j6url21o] {
    position: sticky;
    top: 0;
    align-self: start;
    display: grid;
    gap: .55rem;
    grid-column: 1;
    grid-row: 1;
    border: 1px solid rgba(148, 163, 184, .26);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(30, 41, 59, .92), rgba(15, 23, 42, .96)),
        radial-gradient(circle at 20% 0, rgba(56, 189, 248, .24), transparent 34%);
    padding: .75rem;
    box-shadow: 0 22px 70px rgba(2, 6, 23, .36);
    overflow: hidden;
}

.focus-side-tabs[b-f7j6url21o]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(#38bdf8, #14b8a6, #f59e0b);
    opacity: .86;
}

.focus-menu-profile[b-f7j6url21o] {
    display: grid;
    gap: .15rem;
    margin-bottom: .25rem;
    padding: .8rem .8rem .85rem 1rem;
    border: 1px solid rgba(125, 211, 252, .28);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(14, 165, 233, .2), rgba(15, 23, 42, .7));
}

.focus-menu-profile span[b-f7j6url21o] {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 999px;
    color: #fff;
    background: radial-gradient(circle, #0ea5e9 0 44%, #0f172a 46% 100%);
    box-shadow: 0 0 0 4px rgba(14, 165, 233, .18), 0 10px 28px rgba(14, 165, 233, .22);
    font-size: 1.05rem;
    font-weight: 900;
}

.focus-menu-profile strong[b-f7j6url21o] {
    color: #fff;
    overflow-wrap: anywhere;
}

.focus-menu-profile small[b-f7j6url21o] {
    color: #bad3ec;
    line-height: 1.25;
}

.focus-side-tabs button[b-f7j6url21o] {
    position: relative;
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 7px;
    padding: .7rem .8rem;
    color: #cbd5e1;
    background: rgba(15, 23, 42, .58);
    font-weight: 800;
    min-height: 3rem;
    text-align: left;
    overflow: hidden;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.focus-side-tabs button span[b-f7j6url21o] {
    display: grid;
    place-items: center;
    width: 2.05rem;
    height: 2.05rem;
    border-radius: 999px;
    color: #93c5fd;
    background: rgba(30, 41, 59, .9);
    font-size: .74rem;
    font-weight: 900;
}

.focus-side-tabs button + button[b-f7j6url21o] {
    border-left-color: rgba(148, 163, 184, .22);
}

.focus-side-tabs button:hover[b-f7j6url21o] {
    transform: translateX(4px);
    border-color: rgba(125, 211, 252, .54);
}

.focus-side-tabs button.active[b-f7j6url21o] {
    color: #fff;
    background: linear-gradient(135deg, rgba(14, 165, 233, .48), rgba(20, 184, 166, .24));
    border-color: rgba(125, 211, 252, .55);
    box-shadow: 0 12px 34px rgba(14, 165, 233, .18);
    transform: translateX(7px);
}

.focus-side-tabs button.active[b-f7j6url21o]::after {
    content: "";
    position: absolute;
    inset: .55rem .55rem .55rem auto;
    width: 6px;
    border-radius: 999px;
    background: #fbbf24;
    box-shadow: 0 0 18px rgba(251, 191, 36, .65);
    animation: focusPulse-b-f7j6url21o 1.8s ease-in-out infinite;
}

.focus-side-tabs button.active span[b-f7j6url21o] {
    color: #062338;
    background: #bae6fd;
}

@keyframes focusPulse-b-f7j6url21o {
    0%, 100% {
        opacity: .45;
        transform: scaleY(.8);
    }

    50% {
        opacity: 1;
        transform: scaleY(1);
    }
}

.focus-content[b-f7j6url21o] {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

.focus-content.tab-hidden[b-f7j6url21o] {
    display: none;
}

.focus-side-panel > .focus-pane[b-f7j6url21o] {
    grid-column: 2;
    grid-row: 1;
}

.focus-tab-placeholder[b-f7j6url21o] {
    display: none;
}

.focus-tab-placeholder p[b-f7j6url21o] {
    margin: .25rem 0 0;
    color: #94a3b8;
}

.focus-pane[b-f7j6url21o] {
    padding: 1rem;
    overflow: auto;
}

.focus-dashboard-pane[b-f7j6url21o] {
    display: grid;
    gap: 1rem;
}

.focus-dashboard-hero[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(125, 211, 252, .25);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(14, 165, 233, .18), rgba(20, 184, 166, .12)),
        rgba(15, 23, 42, .76);
}

.focus-dashboard-hero span[b-f7j6url21o],
.focus-dashboard-hero small[b-f7j6url21o] {
    color: #9fb2ca;
}

.focus-dashboard-hero strong[b-f7j6url21o] {
    display: block;
    color: #fff;
    font-size: clamp(1.35rem, 3vw, 2.15rem);
    overflow-wrap: anywhere;
}

.focus-progress-ring[b-f7j6url21o] {
    display: grid;
    place-items: center;
    width: 104px;
    aspect-ratio: 1;
    border-radius: 999px;
    background:
        radial-gradient(circle at center, rgba(15, 23, 42, .98) 0 57%, transparent 58%),
        conic-gradient(#2dd4bf calc(var(--progress) * 1%), rgba(71, 85, 105, .85) 0);
    box-shadow: 0 0 0 5px rgba(45, 212, 191, .08), 0 18px 38px rgba(2, 6, 23, .28);
}

.focus-progress-ring span[b-f7j6url21o] {
    color: #fff;
    font-weight: 900;
}

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

.focus-dashboard-row[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: .75rem;
}

.focus-dashboard-panel[b-f7j6url21o] {
    display: grid;
    gap: .65rem;
    padding: .9rem;
    border: 1px solid rgba(148, 163, 184, .26);
    border-radius: 8px;
    background: rgba(15, 23, 42, .72);
    box-shadow: 0 16px 50px rgba(2, 6, 23, .28);
}

.focus-dashboard-panel h3[b-f7j6url21o] {
    margin: 0;
    color: #fff;
    font-size: 1rem;
}

.focus-dashboard-panel div[b-f7j6url21o] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .7rem;
    border-radius: 8px;
    background: rgba(30, 41, 59, .78);
}

.focus-dashboard-panel span[b-f7j6url21o],
.focus-dashboard-panel p[b-f7j6url21o] {
    margin: 0;
    color: #cbd5e1;
}

.focus-dashboard-panel strong[b-f7j6url21o] {
    color: #fff;
}

.focus-topic-plan-strip[b-f7j6url21o] {
    display: grid;
    gap: .65rem;
    padding: .9rem;
    border: 1px solid rgba(125, 211, 252, .24);
    border-radius: 8px;
    background: rgba(15, 23, 42, .72);
}

.focus-topic-plan-card[b-f7j6url21o] {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: .5rem .75rem;
    padding: .72rem;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 8px;
    color: #e2e8f0;
    background: rgba(30, 41, 59, .74);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.focus-topic-plan-card:hover[b-f7j6url21o] {
    transform: translateX(3px);
    border-color: rgba(45, 212, 191, .58);
    background: rgba(20, 184, 166, .16);
    color: #fff;
}

.focus-topic-plan-card time[b-f7j6url21o] {
    grid-row: span 2;
    color: #7dd3fc;
    font-weight: 900;
}

.focus-topic-plan-card strong[b-f7j6url21o] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.focus-topic-plan-card span[b-f7j6url21o] {
    grid-column: 2;
    color: #cbd5e1;
    font-size: .82rem;
}

.focus-calendar-pane[b-f7j6url21o] {
    display: grid;
    gap: 1rem;
}

.focus-calendar-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: 1rem;
    align-items: start;
}

.focus-calendar-board[b-f7j6url21o],
.focus-calendar-planner[b-f7j6url21o] {
    min-width: 0;
}

.focus-calendar-planner[b-f7j6url21o] {
    display: grid;
    gap: .9rem;
    padding: .9rem;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 8px;
    background: rgba(15, 23, 42, .76);
    box-shadow: 0 16px 50px rgba(2, 6, 23, .24);
}

.calendar-plan-form[b-f7j6url21o] {
    display: grid;
    gap: .75rem;
}

.calendar-plan-form label[b-f7j6url21o] {
    display: grid;
    gap: .35rem;
    color: #cbd5e1;
    font-size: .82rem;
    font-weight: 800;
}

.calendar-plan-form .form-control[b-f7j6url21o] {
    color: #f8fafc;
    border-color: rgba(148, 163, 184, .26);
    background: rgba(15, 23, 42, .82);
}

.calendar-upcoming-list[b-f7j6url21o] {
    display: grid;
    gap: .55rem;
}

.calendar-upcoming-list > strong[b-f7j6url21o] {
    color: #fff;
}

.calendar-upcoming-list button[b-f7j6url21o] {
    display: grid;
    gap: .15rem;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 8px;
    padding: .7rem;
    color: #f8fafc;
    background: rgba(30, 41, 59, .78);
    text-align: left;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.calendar-upcoming-list button:hover[b-f7j6url21o] {
    transform: translateX(3px);
    border-color: rgba(45, 212, 191, .54);
    background: rgba(20, 184, 166, .16);
}

.calendar-upcoming-list span[b-f7j6url21o] {
    color: #7dd3fc;
    font-size: .78rem;
    font-weight: 900;
}

.calendar-upcoming-list small[b-f7j6url21o],
.calendar-upcoming-list p[b-f7j6url21o] {
    margin: 0;
    color: #cbd5e1;
}

.focus-sponsor-strip[b-f7j6url21o],
.question-sponsor-strip[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.focus-sponsor-card[b-f7j6url21o],
.question-sponsor-card[b-f7j6url21o] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 82px;
    padding: 14px;
    border: 1px solid rgba(20, 184, 166, .25);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(20, 83, 45, .76));
    box-shadow: 0 18px 42px rgba(15, 23, 42, .18);
}

.focus-sponsor-card img[b-f7j6url21o],
.question-sponsor-card img[b-f7j6url21o] {
    width: 54px;
    height: 54px;
    object-fit: contain;
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
    padding: 6px;
    flex: 0 0 auto;
}

.focus-sponsor-card div[b-f7j6url21o],
.question-sponsor-card div[b-f7j6url21o] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.focus-sponsor-card strong[b-f7j6url21o],
.question-sponsor-card strong[b-f7j6url21o] {
    color: #f8fafc;
    font-size: .95rem;
}

.focus-sponsor-card span[b-f7j6url21o],
.question-sponsor-card small[b-f7j6url21o],
.question-sponsor-card span[b-f7j6url21o] {
    color: rgba(226, 232, 240, .82);
    font-size: .8rem;
    line-height: 1.35;
}

.focus-action-row[b-f7j6url21o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
    margin-bottom: .95rem;
}

.editor-modal[b-f7j6url21o] {
    width: min(960px, calc(100vw - 2rem));
    max-height: calc(100dvh - 2rem);
}

.modal-composer[b-f7j6url21o] {
    border: 0;
    margin: 0;
    background: transparent;
    box-shadow: none;
}

.editor-modal .form-label[b-f7j6url21o],
.editor-modal .material-composer-head strong[b-f7j6url21o] {
    color: #0f172a;
}

.editor-modal .material-composer-head span[b-f7j6url21o] {
    color: #64748b;
}

.focus-pane .study-note[b-f7j6url21o] {
    color: #dbe7f4;
}

.focus-pane .lesson-reader-content.study-note[b-f7j6url21o] {
    background: #ffffff;
    color: #243044;
}

.focus-pane .lesson-reader-content.study-note :where(h1, h2, h3, h4, h5, h6, strong, b)[b-f7j6url21o] {
    color: #111827;
}

.focus-pane .lesson-reader-content.study-note :where(p, li, span, em, div)[b-f7j6url21o] {
    color: #334155;
}

.focus-pane .lesson-reader-content.study-note :where(a)[b-f7j6url21o] {
    color: #0f5ea8;
}

.focus-pane .lesson-reader-panel :where(p, span, small, label, div)[b-f7j6url21o] {
    color: #475569;
}

.focus-pane .lesson-reader-panel :where(strong, b)[b-f7j6url21o] {
    color: #1f2937;
}

.note-pane[b-f7j6url21o] {
    min-height: 360px;
}

.lesson-note-composer[b-f7j6url21o] {
    display: grid;
    gap: .75rem;
    border: 1px solid rgba(125, 211, 252, .38);
    border-radius: 8px;
    padding: .9rem;
    margin-bottom: 1rem;
    background: rgba(15, 23, 42, .74);
}

.lesson-note-composer .material-composer-head strong[b-f7j6url21o],
.lesson-note-composer .form-label[b-f7j6url21o] {
    color: #f8fafc;
}

.lesson-note-composer .material-composer-head span[b-f7j6url21o] {
    color: #bae6fd;
}

.lesson-note-card-list[b-f7j6url21o] {
    display: grid;
    gap: .85rem;
}

.lesson-note-card[b-f7j6url21o] {
    position: relative;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    padding: 1rem;
    background: rgba(15, 23, 42, .62);
}

.lesson-note-card-actions[b-f7j6url21o] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.lesson-note-card.inactive[b-f7j6url21o],
.material-row.inactive[b-f7j6url21o] {
    border-style: dashed;
    opacity: .88;
}

.mini-exam-material[b-f7j6url21o] {
    align-items: center;
    background: rgba(14, 116, 144, .18);
    border: 1px solid rgba(56, 189, 248, .34);
    border-radius: 8px;
    display: flex;
    gap: .85rem;
    justify-content: space-between;
    padding: .85rem;
}

.exams-pane[b-f7j6url21o] {
    display: grid;
    align-content: start;
    gap: .85rem;
    width: min(920px, 100%);
    justify-self: center;
}

.mini-exam-material span[b-f7j6url21o] {
    color: #7dd3fc;
    display: block;
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.mini-exam-material strong[b-f7j6url21o],
.mini-exam-material small[b-f7j6url21o] {
    display: block;
}

.mini-exam-material strong[b-f7j6url21o] {
    color: #f8fafc;
}

.mini-exam-material small[b-f7j6url21o] {
    color: #cbd5e1;
}

.mini-exam-modal[b-f7j6url21o] {
    max-width: 760px;
}

.mini-exam-modal-body[b-f7j6url21o] {
    display: grid;
    gap: 1rem;
}

.mini-exam-topic-lock[b-f7j6url21o] {
    background: rgba(14, 116, 144, .16);
    border: 1px solid rgba(56, 189, 248, .32);
    border-radius: 8px;
    display: grid;
    gap: .2rem;
    padding: .9rem;
}

.mini-exam-topic-lock span[b-f7j6url21o] {
    color: #0369a1;
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.mini-exam-topic-lock strong[b-f7j6url21o] {
    color: #0f172a;
}

.mini-exam-topic-lock small[b-f7j6url21o],
.mini-exam-modal-note[b-f7j6url21o] {
    color: #64748b;
}

.mini-exam-modal-note[b-f7j6url21o] {
    margin: 0;
}

.mini-exam-preview-list[b-f7j6url21o] {
    display: grid;
    gap: .65rem;
    max-height: 320px;
    overflow: auto;
}

.mini-exam-preview-card[b-f7j6url21o] {
    align-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .75rem;
}

.mini-exam-preview-card strong[b-f7j6url21o],
.mini-exam-preview-card span[b-f7j6url21o] {
    display: block;
}

.mini-exam-preview-card span[b-f7j6url21o] {
    color: #64748b;
    font-size: .82rem;
}

.feedback-review-pane[b-f7j6url21o] {
    display: grid;
    align-content: start;
    gap: .85rem;
    width: min(980px, 100%);
    justify-self: center;
}

.feedback-filter-tabs[b-f7j6url21o] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.feedback-filter-tabs button[b-f7j6url21o],
.feedback-type-grid button[b-f7j6url21o] {
    border: 1px solid rgba(125, 211, 252, .28);
    border-radius: 999px;
    color: #dbeafe;
    background: rgba(15, 23, 42, .62);
    font-weight: 800;
    padding: .48rem .85rem;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.feedback-filter-tabs button.active[b-f7j6url21o],
.feedback-type-grid button.active[b-f7j6url21o],
.feedback-filter-tabs button:hover[b-f7j6url21o],
.feedback-type-grid button:hover[b-f7j6url21o] {
    border-color: rgba(125, 211, 252, .72);
    background: rgba(14, 116, 144, .42);
    transform: translateY(-1px);
}

.feedback-review-list[b-f7j6url21o] {
    display: grid;
    gap: .85rem;
}

.feedback-review-card[b-f7j6url21o] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(15, 23, 42, .76), rgba(30, 41, 59, .62));
    padding: 1rem;
    animation: accordionReveal-b-f7j6url21o .32s cubic-bezier(.2, .84, .25, 1);
}

.feedback-review-card.open[b-f7j6url21o] {
    border-color: rgba(251, 191, 36, .45);
    box-shadow: 0 16px 48px rgba(113, 63, 18, .18);
}

.feedback-review-head[b-f7j6url21o] {
    align-items: flex-start;
    display: flex;
    gap: .85rem;
    justify-content: space-between;
}

.feedback-review-head span[b-f7j6url21o],
.feedback-review-head small[b-f7j6url21o],
.feedback-answer-box span[b-f7j6url21o],
.feedback-context-card span[b-f7j6url21o],
.feedback-context-card small[b-f7j6url21o] {
    color: #bae6fd;
    display: block;
    font-size: .78rem;
}

.feedback-review-head strong[b-f7j6url21o],
.feedback-context-card strong[b-f7j6url21o] {
    color: #f8fafc;
    display: block;
}

.feedback-review-card p[b-f7j6url21o] {
    color: #e2e8f0;
    margin: .65rem 0 0;
}

.feedback-answer-box[b-f7j6url21o] {
    border-left: 3px solid #22c55e;
    background: rgba(22, 101, 52, .18);
    border-radius: 8px;
    margin-top: .8rem;
    padding: .75rem;
}

.feedback-response-composer[b-f7j6url21o],
.feedback-modal-body[b-f7j6url21o] {
    display: grid;
    gap: .75rem;
    margin-top: .85rem;
}

.feedback-modal[b-f7j6url21o] {
    max-width: 620px;
}

.feedback-context-card[b-f7j6url21o] {
    border: 1px solid rgba(125, 211, 252, .32);
    border-radius: 8px;
    background: rgba(14, 116, 144, .14);
    padding: .85rem;
}

.feedback-type-grid[b-f7j6url21o] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.material-accordion[b-f7j6url21o] {
    display: grid;
    gap: .7rem;
}

.material-accordion-item[b-f7j6url21o] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(15, 23, 42, .78), rgba(30, 41, 59, .64));
    overflow: hidden;
    transform: translateY(0);
    transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}

.material-accordion-item.open[b-f7j6url21o] {
    border-color: rgba(125, 211, 252, .62);
    box-shadow: 0 18px 55px rgba(8, 47, 73, .34);
    transform: translateY(-1px);
}

.material-accordion-trigger[b-f7j6url21o] {
    align-items: center;
    border: 0;
    color: #e2e8f0;
    display: grid;
    gap: .25rem .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .95rem 1rem;
    position: relative;
    text-align: left;
    width: 100%;
    background:
        radial-gradient(circle at 0 0, rgba(45, 212, 191, .18), transparent 34%),
        rgba(15, 23, 42, .54);
}

.material-accordion-trigger[b-f7j6url21o]::after {
    content: "";
    width: .62rem;
    height: .62rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .28s ease;
}

.material-accordion-item.open .material-accordion-trigger[b-f7j6url21o]::after {
    transform: rotate(225deg);
}

.material-accordion-trigger span[b-f7j6url21o] {
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 900;
}

.material-accordion-trigger strong[b-f7j6url21o] {
    color: #bae6fd;
    font-size: .82rem;
    font-weight: 800;
    grid-column: 1;
}

.material-accordion-panel[b-f7j6url21o] {
    animation: accordionReveal-b-f7j6url21o .34s cubic-bezier(.2, .84, .25, 1);
    padding: 1rem;
    transform-origin: top;
}

@keyframes accordionReveal-b-f7j6url21o {
    from {
        opacity: 0;
        transform: translateY(-8px) scaleY(.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scaleY(1);
    }
}

.learning-card-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: .85rem;
}

.learning-card[b-f7j6url21o] {
    border: 1px solid rgba(125, 211, 252, .24);
    border-radius: 8px;
    display: grid;
    gap: .7rem;
    min-height: 170px;
    padding: 1rem;
    position: relative;
    background:
        linear-gradient(145deg, rgba(248, 250, 252, .98), rgba(224, 242, 254, .94));
    box-shadow: 0 12px 35px rgba(15, 23, 42, .16);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.learning-card:hover[b-f7j6url21o] {
    border-color: rgba(20, 184, 166, .55);
    box-shadow: 0 18px 44px rgba(15, 23, 42, .22);
    transform: translateY(-3px);
}

.learning-card.game-card[b-f7j6url21o] {
    background:
        linear-gradient(145deg, rgba(255, 247, 237, .98), rgba(240, 253, 244, .94));
}

.learning-card span[b-f7j6url21o] {
    color: #0f766e;
    display: block;
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.learning-card strong[b-f7j6url21o] {
    color: #0f172a;
    display: block;
    font-size: 1.05rem;
}

.learning-card :where(p, li, div, small)[b-f7j6url21o] {
    color: #334155;
}

.material-row-actions.always-visible[b-f7j6url21o] {
    opacity: 1;
    position: static;
    transform: none;
}

.material-library-pick[b-f7j6url21o] {
    align-items: center;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .85rem;
}

.material-library-upload[b-f7j6url21o] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.material-library-pick span[b-f7j6url21o] {
    color: #64748b;
    display: block;
    font-size: .86rem;
    overflow-wrap: anywhere;
}

.material-preview-button[b-f7j6url21o] {
    background: transparent;
    border: 0;
    padding: 0;
    width: 100%;
}

.material-viewer-modal[b-f7j6url21o] {
    max-width: min(980px, calc(100vw - 2rem));
}

.material-viewer-body[b-f7j6url21o] {
    min-height: 55vh;
}

.material-viewer-body iframe[b-f7j6url21o],
.material-viewer-body img[b-f7j6url21o] {
    border: 0;
    border-radius: 8px;
    display: block;
    height: 70vh;
    max-height: 720px;
    object-fit: contain;
    width: 100%;
}

.material-viewer-file[b-f7j6url21o] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .4rem;
    padding: 1rem;
}

.lesson-note-card.system-note[b-f7j6url21o] {
    border-color: rgba(45, 212, 191, .36);
    background: rgba(19, 78, 74, .28);
}

.lesson-note-card.empty[b-f7j6url21o] {
    color: #cbd5e1;
}

.lesson-note-card.empty p[b-f7j6url21o] {
    margin: .25rem 0 0;
    color: #94a3b8;
}

.lesson-note-card-head[b-f7j6url21o] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.lesson-note-card-head span[b-f7j6url21o] {
    color: #7dd3fc;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.lesson-note-card-head h4[b-f7j6url21o] {
    margin: .1rem 0 0;
    color: #f8fafc;
    font-size: 1.08rem;
}

.lesson-note-card-head small[b-f7j6url21o] {
    color: #cbd5e1;
    white-space: nowrap;
}

.material-card-meta[b-f7j6url21o],
.material-row-actions[b-f7j6url21o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
}

.lesson-note-card .material-row-actions[b-f7j6url21o],
.material-row .material-row-actions[b-f7j6url21o],
.focus-video-item .material-row-actions[b-f7j6url21o] {
    position: absolute;
    top: .55rem;
    right: .55rem;
    z-index: 2;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity .16s ease, transform .16s ease;
}

.lesson-note-card:hover .material-row-actions[b-f7j6url21o],
.lesson-note-card:focus-within .material-row-actions[b-f7j6url21o],
.material-row:hover .material-row-actions[b-f7j6url21o],
.material-row:focus-within .material-row-actions[b-f7j6url21o],
.focus-video-item:hover .material-row-actions[b-f7j6url21o],
.focus-video-item:focus-within .material-row-actions[b-f7j6url21o] {
    opacity: 1;
    transform: translateY(0);
}

.material-row-actions button[b-f7j6url21o],
.question-card-actions button[b-f7j6url21o] {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 999px;
    color: #e2e8f0;
    background: rgba(15, 23, 42, .88);
    font-weight: 900;
    line-height: 1;
}

.material-row-actions button:hover[b-f7j6url21o],
.question-card-actions button:hover[b-f7j6url21o] {
    border-color: #38bdf8;
    color: #ffffff;
    background: #0f3f64;
}

.question-feedback-button[b-f7j6url21o] {
    align-self: flex-start;
    border: 1px solid rgba(125, 211, 252, .3);
    border-radius: 999px;
    color: #dbeafe;
    background: rgba(14, 116, 144, .2);
    font-size: .78rem;
    font-weight: 800;
    margin: .45rem 0 0 .65rem;
    padding: .34rem .72rem;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.question-feedback-button:hover[b-f7j6url21o] {
    border-color: rgba(125, 211, 252, .72);
    background: rgba(14, 116, 144, .42);
    transform: translateY(-1px);
}

.learning-card .material-row-actions.always-visible[b-f7j6url21o] {
    display: flex;
    opacity: 1;
    pointer-events: auto;
    position: static;
    transform: none;
}

.lesson-media-toolbar[b-f7j6url21o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin: -.25rem 0 .85rem;
}

.media-icon-label[b-f7j6url21o] {
    margin-right: .35rem;
    color: #bae6fd;
    font-size: .74rem;
    font-weight: 800;
}

.media-icon-button[b-f7j6url21o],
.media-status-icon[b-f7j6url21o] {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    font-size: .95rem;
    font-weight: 900;
    line-height: 1;
}

.media-icon-button[b-f7j6url21o] {
    border: 1px solid rgba(125, 211, 252, .32);
    color: #dbeafe;
    background: rgba(15, 23, 42, .78);
    cursor: pointer;
}

.media-icon-button:hover[b-f7j6url21o] {
    border-color: #38bdf8;
    color: #fff;
    background: rgba(14, 116, 144, .62);
}

.media-icon-button.ready[b-f7j6url21o],
.media-status-icon.ready[b-f7j6url21o] {
    border: 1px solid rgba(34, 197, 94, .38);
    color: #dcfce7;
    background: rgba(22, 101, 52, .44);
}

.media-status-icon.muted[b-f7j6url21o] {
    border: 1px solid rgba(148, 163, 184, .2);
    color: #94a3b8;
    background: rgba(15, 23, 42, .42);
}

.inactive-material-block[b-f7j6url21o] {
    display: grid;
    gap: .75rem;
    border-top: 1px solid rgba(148, 163, 184, .24);
    margin-top: 1rem;
    padding-top: 1rem;
}

.focus-section-title.compact[b-f7j6url21o] {
    margin-bottom: 0;
}

.audio-study-player[b-f7j6url21o] {
    display: grid;
    gap: .65rem;
    margin-top: .9rem;
    border: 1px solid rgba(125, 211, 252, .28);
    border-radius: 8px;
    padding: .8rem;
    background: rgba(2, 6, 23, .24);
}

.audio-study-player > div:first-child[b-f7j6url21o] {
    display: grid;
    gap: .15rem;
}

.audio-study-player strong[b-f7j6url21o] {
    color: #f8fafc;
}

.audio-study-player span[b-f7j6url21o],
.audio-study-player small[b-f7j6url21o] {
    color: #bae6fd;
}

.audio-segment[b-f7j6url21o] {
    display: grid;
    gap: .35rem;
}

.audio-segment audio[b-f7j6url21o] {
    width: 100%;
}

.audio-generation-state[b-f7j6url21o],
.video-generation-state[b-f7j6url21o] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: #bae6fd;
}

.audio-generation-state span[b-f7j6url21o],
.video-generation-state span[b-f7j6url21o] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(186, 230, 253, .35);
    border-top-color: #38bdf8;
    border-radius: 999px;
    animation: study-audio-spin-b-f7j6url21o .8s linear infinite;
}

.audio-generation-state strong[b-f7j6url21o],
.video-generation-state strong[b-f7j6url21o] {
    color: #bae6fd;
    font-size: .86rem;
}

.video-generation-state[b-f7j6url21o] {
    margin: -.25rem 0 .75rem;
}

@keyframes study-audio-spin-b-f7j6url21o {
    to {
        transform: rotate(360deg);
    }
}

.lesson-note-card .study-note :where(h1, h2, h3, h4, strong)[b-f7j6url21o] {
    color: #f8fafc;
}

.lesson-note-card .study-note :where(p, li)[b-f7j6url21o] {
    color: #dbe7f4;
}

.questions-pane[b-f7j6url21o] {
    display: grid;
    align-content: start;
    max-height: 100%;
}

.topic-chat-pane[b-f7j6url21o] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    max-height: 100%;
    width: min(900px, 100%);
    justify-self: center;
}

.focus-section-title[b-f7j6url21o] {
    display: grid;
    gap: .1rem;
    margin-bottom: .9rem;
}

.focus-video-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.focus-video-item[b-f7j6url21o] {
    position: relative;
    display: grid;
    gap: .45rem;
}

.focus-video-card[b-f7j6url21o] {
    display: grid;
    gap: .35rem;
    min-height: 96px;
    border: 1px solid rgba(148, 163, 184, .32);
    border-radius: 8px;
    padding: .85rem;
    color: #fff;
    background: linear-gradient(135deg, rgba(18, 60, 105, .76), rgba(15, 23, 42, .84));
    text-align: left;
}

.focus-video-card:hover[b-f7j6url21o] {
    border-color: rgba(125, 211, 252, .8);
}

.focus-video-card span[b-f7j6url21o] {
    color: #bae6fd;
    font-size: .8rem;
}

.focus-video-card strong[b-f7j6url21o] {
    overflow-wrap: anywhere;
}

.focus-shell .material-row[b-f7j6url21o],
.focus-shell .question-card[b-f7j6url21o],
.focus-shell .choice-button[b-f7j6url21o] {
    background: rgba(248, 250, 252, .96);
}

.focus-shell .empty-line[b-f7j6url21o] {
    color: #cbd5e1;
}

.topic-chat-list[b-f7j6url21o] {
    display: grid;
    gap: .7rem;
    max-height: min(52dvh, 460px);
    overflow: auto;
    padding-right: .25rem;
}

.topic-chat-message[b-f7j6url21o] {
    display: grid;
    gap: .25rem;
    width: min(760px, 100%);
    border: 1px solid rgba(148, 163, 184, .3);
    border-radius: 8px;
    padding: .85rem;
    background: rgba(30, 41, 59, .78);
}

.topic-chat-message.user[b-f7j6url21o] {
    justify-self: end;
    background: rgba(13, 148, 136, .28);
}

.topic-chat-message strong[b-f7j6url21o] {
    color: #fff;
    font-size: .9rem;
}

.topic-chat-message p[b-f7j6url21o] {
    margin: 0;
    color: #dbe7f4;
    white-space: pre-wrap;
}

.topic-chat-composer[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    margin-top: .85rem;
    align-items: start;
}

.topic-chat-warning[b-f7j6url21o] {
    margin-top: .65rem;
    border: 1px solid rgba(251, 191, 36, .45);
    border-radius: 8px;
    padding: .65rem .75rem;
    color: #fde68a;
    background: rgba(120, 53, 15, .36);
}

.advisor-pane[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: .85rem 1rem;
    max-height: 100%;
    width: min(1120px, 100%);
    justify-self: center;
}

.advisor-pane > .focus-section-title[b-f7j6url21o],
.advisor-pane > .advisor-filter-tabs[b-f7j6url21o] {
    grid-column: 1 / -1;
}

.advisor-pane > .advisor-thread-list[b-f7j6url21o] {
    grid-column: 1;
    grid-row: 3;
}

.advisor-pane > .advisor-composer[b-f7j6url21o],
.advisor-pane > .question-practice-lock[b-f7j6url21o] {
    grid-column: 2;
    grid-row: 3;
    align-self: start;
}

.advisor-filter-tabs[b-f7j6url21o],
.advisor-thread-actions[b-f7j6url21o],
.advisor-attachments[b-f7j6url21o] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.advisor-filter-tabs[b-f7j6url21o] {
    margin-bottom: .75rem;
}

.advisor-filter-tabs button[b-f7j6url21o] {
    border: 1px solid rgba(148, 163, 184, .34);
    border-radius: 999px;
    padding: .36rem .7rem;
    color: #dbeafe;
    background: rgba(15, 23, 42, .58);
}

.advisor-filter-tabs button.active[b-f7j6url21o] {
    border-color: rgba(45, 212, 191, .7);
    color: #042f2e;
    background: #99f6e4;
}

.advisor-thread-list[b-f7j6url21o] {
    display: grid;
    gap: .75rem;
    overflow: auto;
    padding-right: .25rem;
}

.advisor-thread-card[b-f7j6url21o] {
    display: grid;
    gap: .65rem;
    border: 1px solid rgba(148, 163, 184, .3);
    border-radius: 8px;
    padding: .85rem;
    background: rgba(30, 41, 59, .78);
}

.advisor-thread-card.unread[b-f7j6url21o] {
    border-color: rgba(45, 212, 191, .72);
    box-shadow: inset 3px 0 0 #2dd4bf;
}

.advisor-thread-head[b-f7j6url21o] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: flex-start;
}

.advisor-thread-head div[b-f7j6url21o] {
    display: grid;
    gap: .1rem;
}

.advisor-thread-card strong[b-f7j6url21o],
.advisor-message strong[b-f7j6url21o] {
    color: #fff;
}

.advisor-thread-head span[b-f7j6url21o],
.advisor-thread-card p[b-f7j6url21o] {
    margin: 0;
    color: #cbd5e1;
}

.advisor-message-list[b-f7j6url21o] {
    display: grid;
    gap: .5rem;
}

.advisor-message[b-f7j6url21o] {
    display: grid;
    gap: .3rem;
    border-radius: 8px;
    padding: .65rem .75rem;
    background: rgba(15, 23, 42, .58);
}

.advisor-message.own[b-f7j6url21o] {
    background: rgba(13, 148, 136, .28);
}

.advisor-attachments a[b-f7j6url21o] {
    border: 1px solid rgba(186, 230, 253, .35);
    border-radius: 999px;
    padding: .25rem .55rem;
    color: #bae6fd;
    text-decoration: none;
}

.advisor-attachments audio[b-f7j6url21o] {
    width: 100%;
    max-width: 260px;
    height: 34px;
}

.advisor-composer[b-f7j6url21o] {
    display: grid;
    gap: .7rem;
    margin-top: .85rem;
}

.advisor-file-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.advisor-file-grid label[b-f7j6url21o] {
    display: grid;
    gap: .25rem;
    min-width: 0;
    color: #dbeafe;
    font-size: .78rem;
    font-weight: 800;
}

.advisor-file-grid input[b-f7j6url21o] {
    min-width: 0;
    color: #e2e8f0;
    font-size: .78rem;
}

.advisor-voice-recorder[b-f7j6url21o] {
    display: grid;
    gap: .55rem;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    padding: .75rem;
    background: rgba(15, 23, 42, .45);
}

.advisor-voice-recorder > div:first-child[b-f7j6url21o] {
    display: grid;
    gap: .15rem;
}

.advisor-voice-recorder strong[b-f7j6url21o] {
    color: #fff;
    font-size: .85rem;
}

.advisor-voice-recorder span[b-f7j6url21o] {
    color: #cbd5e1;
    font-size: .78rem;
}

.advisor-voice-actions[b-f7j6url21o] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.advisor-voice-actions .btn[b-f7j6url21o] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.advisor-voice-recorder audio[b-f7j6url21o] {
    width: 100%;
    height: 34px;
}

.study-modal-backdrop[b-f7j6url21o] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(2, 6, 23, .86);
    overflow: auto;
}

.study-modal[b-f7j6url21o] {
    width: min(960px, 100%);
    max-height: calc(100dvh - 2rem);
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .28);
    overflow: hidden;
}

.study-modal-header[b-f7j6url21o] {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e4ebf2;
}

.study-modal-header h3[b-f7j6url21o] {
    margin: 0;
    font-size: 1.05rem;
}

.study-modal-footer[b-f7j6url21o] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .65rem;
    padding: .9rem 1rem;
    border-top: 1px solid #e4ebf2;
    background: #f8fafc;
}

.study-modal > :not(.study-modal-header):not(.study-modal-footer)[b-f7j6url21o] {
    min-height: 0;
    overflow: auto;
}

.modal-video[b-f7j6url21o] {
    border-radius: 0;
}

.focus-admin-alert[b-f7j6url21o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid rgba(251, 191, 36, .45);
    border-bottom: 1px solid rgba(251, 191, 36, .45);
    padding: .8rem 1.2rem;
    color: #78350f;
    background: #fffbeb;
}

.focus-admin-alert strong[b-f7j6url21o] {
    font-size: 1rem;
}

.focus-admin-alert span[b-f7j6url21o] {
    color: #92400e;
    font-weight: 700;
}

.study-insight-list[b-f7j6url21o] {
    display: grid;
    gap: .75rem;
}

.study-insight[b-f7j6url21o] {
    display: grid;
    gap: .15rem;
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: .75rem;
    background: #fbfdff;
}

.study-insight strong[b-f7j6url21o] {
    color: #0f172a;
}

.recommendation-row[b-f7j6url21o] {
    display: grid;
    gap: .15rem;
    width: 100%;
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: .7rem;
    background: #fff;
    text-align: left;
}

.recommendation-row:hover[b-f7j6url21o] {
    border-color: #123c69;
}

.recommendation-row span[b-f7j6url21o] {
    color: #64748b;
    font-size: .82rem;
}

.study-image-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.study-image-grid figure[b-f7j6url21o] {
    margin: 0;
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.study-image-grid img[b-f7j6url21o] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.study-image-grid figcaption[b-f7j6url21o] {
    padding: .55rem .7rem;
    color: #334155;
    font-size: .9rem;
}

.material-composer[b-f7j6url21o] {
    display: grid;
    gap: .75rem;
    border: 1px solid #c7d2fe;
    border-radius: 8px;
    padding: .9rem;
    margin-bottom: 1rem;
    background: #f8fafc;
}

.material-composer-head[b-f7j6url21o] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
}

.material-composer-head div[b-f7j6url21o] {
    display: grid;
    gap: .15rem;
}

.material-composer-head strong[b-f7j6url21o] {
    color: #0f172a;
}

.material-composer-head span[b-f7j6url21o],
.material-upload-name[b-f7j6url21o] {
    color: #475569;
    font-size: .88rem;
}

.material-form-grid[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(150px, .8fr);
    gap: .75rem;
}

.material-list[b-f7j6url21o],
.calendar-list[b-f7j6url21o],
.forum-list[b-f7j6url21o],
.choice-list[b-f7j6url21o] {
    display: grid;
    gap: .65rem;
}

.material-row[b-f7j6url21o],
.calendar-item[b-f7j6url21o],
.forum-thread[b-f7j6url21o],
.question-card[b-f7j6url21o] {
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: .85rem;
    background: #fbfdff;
}

.material-row[b-f7j6url21o] {
    position: relative;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
}

.material-row small[b-f7j6url21o] {
    justify-self: start;
    border: 1px solid #d9e2ec;
    border-radius: 999px;
    padding: .15rem .45rem;
    color: #475569;
    background: #fff;
    font-size: .76rem;
    font-weight: 800;
}

.material-row > a[b-f7j6url21o],
.material-row > small[b-f7j6url21o],
.material-row-actions[b-f7j6url21o] {
    grid-column: 2;
}

.material-note-preview[b-f7j6url21o] {
    margin-top: .35rem;
    color: #475569;
    font-size: .9rem;
}

.material-note-preview p[b-f7j6url21o] {
    margin: 0;
}

.calendar-item[b-f7j6url21o] {
    display: grid;
    grid-template-columns: 95px minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
}

.calendar-item time[b-f7j6url21o] {
    color: #123c69;
    font-weight: 700;
}

.question-card[b-f7j6url21o] {
    position: relative;
    display: grid;
    gap: .45rem;
    padding: .68rem;
    background: #ffffff;
}

.question-list[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.question-card-actions[b-f7j6url21o] {
    position: absolute;
    top: .45rem;
    right: .45rem;
    display: flex;
    gap: .35rem;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity .16s ease, transform .16s ease;
    z-index: 2;
}

.question-card:hover .question-card-actions[b-f7j6url21o],
.question-card:focus-within .question-card-actions[b-f7j6url21o] {
    opacity: 1;
    transform: translateY(0);
}

.question-card-image[b-f7j6url21o] {
    width: 100%;
    max-height: 140px;
    object-fit: contain;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
}

.question-modal-image[b-f7j6url21o],
.question-editor-preview[b-f7j6url21o] {
    display: block;
    max-width: 100%;
    max-height: min(260px, 32dvh);
    object-fit: contain;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    margin-top: .65rem;
    background: #fff;
}

.question-editor-body[b-f7j6url21o] {
    display: grid;
    gap: .75rem;
    padding: 1rem;
    min-height: 0;
    overflow: auto;
}

.question-editor-tabs[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border-bottom: 1px solid #dbe4ef;
    background: #f8fafc;
}

.question-editor-tabs button[b-f7j6url21o] {
    border: 0;
    border-right: 1px solid #dbe4ef;
    background: transparent;
    color: #475569;
    font-weight: 900;
    padding: .8rem 1rem;
}

.question-editor-tabs button:last-child[b-f7j6url21o] {
    border-right: 0;
}

.question-editor-tabs button.active[b-f7j6url21o] {
    background: #123c69;
    color: #fff;
}

.question-json-import[b-f7j6url21o] {
    display: grid;
    gap: .85rem;
}

.json-import-actions[b-f7j6url21o] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
}

.ai-question-count[b-f7j6url21o],
.ai-question-model[b-f7j6url21o] {
    display: inline-flex;
    gap: .4rem;
    align-items: center;
    color: #475569;
    font-weight: 800;
}

.ai-question-count .form-select[b-f7j6url21o] {
    width: 5.5rem;
}

.ai-question-model .form-select[b-f7j6url21o] {
    width: 8rem;
}

.question-editor-modal .json-import-textarea[b-f7j6url21o] {
    min-height: clamp(34rem, 62dvh, 720px);
    resize: vertical;
    font-family: Consolas, "Courier New", monospace;
    font-size: .9rem;
    line-height: 1.45;
}

.question-editor-modal .ai-question-prompt[b-f7j6url21o] {
    min-height: 8.5rem;
    resize: vertical;
}

.ai-question-preview[b-f7j6url21o] {
    display: grid;
    gap: .75rem;
    border-top: 1px solid #e2e8f0;
    padding-top: .75rem;
}

.ai-question-preview-card[b-f7j6url21o] {
    display: grid;
    gap: .55rem;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    padding: .85rem;
    background: #fff;
}

.ai-question-preview-header[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: start;
}

.ai-question-preview-header > button:first-child[b-f7j6url21o] {
    border: 0;
    padding: 0;
    text-align: left;
    background: transparent;
}

.ai-question-preview-body[b-f7j6url21o] {
    display: grid;
    gap: .55rem;
    border-top: 1px solid #e2e8f0;
    padding-top: .6rem;
}

.ai-question-preview-card strong[b-f7j6url21o] {
    display: block;
    color: #0f172a;
}

.ai-question-preview-card span[b-f7j6url21o],
.ai-question-preview-card p[b-f7j6url21o] {
    color: #64748b;
    margin: 0;
}

.ai-question-preview-card ol[b-f7j6url21o] {
    display: grid;
    gap: .25rem;
    margin: 0;
    padding-left: 1.25rem;
}

.ai-question-preview-card li.correct[b-f7j6url21o] {
    color: #166534;
    font-weight: 900;
}

.question-choice-editor[b-f7j6url21o] {
    display: grid;
    gap: .5rem;
}

.question-choice-edit-row[b-f7j6url21o] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: .55rem;
    align-items: center;
}

.question-choice-edit-row label[b-f7j6url21o] {
    display: inline-flex;
    gap: .35rem;
    align-items: center;
    font-weight: 800;
}

.question-card.passive[b-f7j6url21o] {
    background: #f8fafc;
    border-style: dashed;
}

.question-toolbar[b-f7j6url21o] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    margin-bottom: .85rem;
    flex-wrap: wrap;
}

.question-filter[b-f7j6url21o] {
    display: inline-flex;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.question-filter button[b-f7j6url21o] {
    border: 0;
    background: #fff;
    color: #334155;
    padding: .45rem .75rem;
}

.question-filter button + button[b-f7j6url21o] {
    border-left: 1px solid #d9e2ec;
}

.question-filter button.active[b-f7j6url21o] {
    background: #123c69;
    color: #fff;
}

.question-filter span[b-f7j6url21o] {
    font-size: .78rem;
    opacity: .8;
}

.question-accordion-header[b-f7j6url21o] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem;
    align-items: center;
    width: 100%;
    border: 0;
    background: transparent;
    color: #0f172a;
    padding: 0;
    text-align: left;
}

.question-accordion-header strong[b-f7j6url21o] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: .92rem;
    line-height: 1.35;
}

.focus-question-filters[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: .65rem;
    margin-bottom: .85rem;
}

.question-practice-lock[b-f7j6url21o] {
    display: grid;
    gap: .35rem;
    border: 1px solid rgba(125, 211, 252, .36);
    border-radius: 8px;
    padding: 1rem;
    color: #dbeafe;
    background: rgba(15, 23, 42, .62);
}

.question-practice-lock strong[b-f7j6url21o] {
    color: #fff;
    font-size: 1.02rem;
}

.question-practice-lock p[b-f7j6url21o] {
    margin: 0;
}

.question-status-strip[b-f7j6url21o],
.question-detail-meta[b-f7j6url21o] {
    display: flex;
    flex-wrap: wrap;
    gap: .32rem;
    justify-content: flex-start;
}

.status-pill[b-f7j6url21o] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border: 1px solid #d9e2ec;
    border-radius: 999px;
    padding: .16rem .46rem;
    color: #334155;
    background: #f8fafc;
    font-size: .74rem;
    font-weight: 700;
    white-space: nowrap;
}

.status-pill.active[b-f7j6url21o] {
    border-color: #7dd3fc;
    color: #075985;
    background: #e0f2fe;
}

.status-pill.passive[b-f7j6url21o] {
    color: #64748b;
    background: #f1f5f9;
}

.status-pill.success[b-f7j6url21o] {
    border-color: #86efac;
    color: #166534;
    background: #dcfce7;
}

.status-pill.danger[b-f7j6url21o] {
    border-color: #fecaca;
    color: #991b1b;
    background: #fee2e2;
}

.question-chevron[b-f7j6url21o] {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    color: #64748b;
    transition: transform .16s ease;
}

.question-chevron.expanded[b-f7j6url21o] {
    transform: rotate(90deg);
}

.question-accordion-body[b-f7j6url21o] {
    display: grid;
    gap: .75rem;
}

.choice-list[b-f7j6url21o] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.choice-button[b-f7j6url21o] {
    border: 1px solid #d9e2ec;
    background: #fff;
    border-radius: 8px;
    padding: .75rem;
    text-align: left;
}

.question-detail-modal[b-f7j6url21o] {
    width: min(920px, 100%);
}

.question-detail-modal .study-modal-header[b-f7j6url21o] {
    align-items: flex-start;
    flex: 0 1 auto;
    max-height: min(42dvh, 340px);
    overflow: auto;
}

.modal-kicker[b-f7j6url21o] {
    display: block;
    margin-bottom: .15rem;
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.question-modal-title[b-f7j6url21o] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.question-modal-prompt[b-f7j6url21o] {
    max-width: 780px;
    color: #0f172a;
    font-size: 1.42rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.question-modal-prompt p[b-f7j6url21o],
.question-result p[b-f7j6url21o] {
    margin: 0 0 .55rem;
}

.math-inline[b-f7j6url21o] {
    display: inline-block;
    border-radius: 4px;
    padding: .04rem .25rem;
    background: #f1f5f9;
    font-family: Cambria, "Times New Roman", serif;
    font-weight: 700;
}

.math-block[b-f7j6url21o] {
    display: block;
    width: fit-content;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    padding: .7rem .9rem;
    background: #fff;
    font-family: Cambria, "Times New Roman", serif;
    font-size: 1.18rem;
    font-weight: 700;
}

.question-table[b-f7j6url21o] {
    width: 100%;
    margin: .65rem 0;
    border-collapse: collapse;
    font-size: .98rem;
}

.question-table th[b-f7j6url21o],
.question-table td[b-f7j6url21o] {
    border: 1px solid #cbd5e1;
    padding: .45rem .55rem;
    text-align: center;
}

.question-table th[b-f7j6url21o] {
    background: #e0f2fe;
}

.question-svg[b-f7j6url21o] {
    display: block;
    width: min(320px, 100%);
    margin: .7rem 0;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    background: #fff;
}

.question-detail-body[b-f7j6url21o] {
    display: grid;
    gap: 1.05rem;
    max-height: min(68vh, 700px);
    overflow: auto;
    padding: 1.1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 36%);
}

.question-detail-meta[b-f7j6url21o] {
    justify-content: flex-start;
}

.question-detail-notes[b-f7j6url21o] {
    display: grid;
    gap: .55rem;
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    padding: .75rem .85rem;
    background: #fbfdff;
}

.question-detail-notes summary[b-f7j6url21o] {
    cursor: pointer;
    color: #334155;
    font-weight: 800;
}

.question-detail-notes p[b-f7j6url21o],
.question-explanation p[b-f7j6url21o] {
    margin: 0;
}

.modal-choice-list[b-f7j6url21o] {
    grid-template-columns: 1fr;
}

.compact-modal-choice-list[b-f7j6url21o] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: center;
}

.modal-choice-button[b-f7j6url21o] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: .8rem;
    align-items: center;
    min-height: 60px;
    border-color: #cbd5e1;
    background: #fff;
    color: #0f172a;
    font-size: 1rem;
    line-height: 1.4;
}

.compact-modal-choice-button[b-f7j6url21o] {
    display: inline-grid;
    grid-template-columns: 1fr;
    place-items: center;
    width: 58px;
    height: 52px;
    min-height: 0;
    padding: .35rem;
    text-align: center;
}

.modal-choice-button:hover[b-f7j6url21o] {
    border-color: #123c69;
    background: #f8fbff;
}

.modal-choice-button.selected[b-f7j6url21o] {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.modal-choice-button.correct[b-f7j6url21o] {
    border-color: #22c55e;
    background: #dcfce7;
}

.modal-choice-button.wrong[b-f7j6url21o] {
    border-color: #ef4444;
    background: #fee2e2;
}

.choice-letter[b-f7j6url21o] {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    color: #fff;
    background: #123c69;
    font-weight: 800;
}

.compact-modal-choice-button .choice-letter[b-f7j6url21o] {
    width: 38px;
    height: 38px;
}

.modal-choice-button.selected .choice-letter[b-f7j6url21o] {
    background: #2563eb;
}

.modal-choice-button.correct .choice-letter[b-f7j6url21o] {
    background: #16a34a;
}

.modal-choice-button.wrong .choice-letter[b-f7j6url21o] {
    background: #dc2626;
}

.question-explanation[b-f7j6url21o] {
    display: grid;
    gap: .35rem;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    padding: .85rem;
    background: #f8fafc;
}

.question-result[b-f7j6url21o] {
    display: grid;
    gap: .45rem;
    border-radius: 8px;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.45;
}

.question-result strong[b-f7j6url21o] {
    font-size: 1.08rem;
}

.question-result.success[b-f7j6url21o] {
    border: 1px solid #86efac;
    color: #14532d;
    background: #f0fdf4;
}

.question-result.danger[b-f7j6url21o] {
    border: 1px solid #fecaca;
    color: #7f1d1d;
    background: #fef2f2;
}

.pause-modal-backdrop[b-f7j6url21o] {
    z-index: 1060;
    background: rgba(2, 6, 23, .72);
}

.pause-study-modal[b-f7j6url21o] {
    width: min(520px, 100%);
}

.pause-study-body[b-f7j6url21o] {
    display: grid;
    gap: .85rem;
    padding: 1.2rem;
    background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}

.pause-study-body h3[b-f7j6url21o] {
    margin: 0;
    color: #0f172a;
    font-size: 1.45rem;
}

.pause-study-body p[b-f7j6url21o] {
    margin: 0;
    color: #475569;
}

.pause-timer-card[b-f7j6url21o] {
    display: grid;
    gap: .25rem;
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: 1rem;
    background: #fffbeb;
}

.pause-timer-card span[b-f7j6url21o],
.pause-timer-card small[b-f7j6url21o] {
    color: #92400e;
}

.pause-timer-card strong[b-f7j6url21o] {
    color: #78350f;
    font-size: 2.35rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.choice-button:hover[b-f7j6url21o] {
    border-color: #123c69;
}

.choice-button:disabled[b-f7j6url21o] {
    color: #64748b;
    background: #f1f5f9;
    cursor: not-allowed;
}

.forum-thread p[b-f7j6url21o] {
    margin: .35rem 0;
    color: #334155;
}

.form-grid.tight[b-f7j6url21o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
}

@media (max-width: 980px) {
    .study-mobile-flow[b-f7j6url21o] {
        display: grid;
        gap: .85rem;
    }

    .dynamic-study-analysis.tree-analysis[b-f7j6url21o] {
        display: none;
    }

    .study-layout[b-f7j6url21o] {
        display: none;
    }

    .mobile-flow-head[b-f7j6url21o],
    .mobile-topic-hero[b-f7j6url21o],
    .mobile-recommendation-card[b-f7j6url21o],
    .mobile-detail-block[b-f7j6url21o] {
        background: #fff;
        border: 1px solid #d9e2ec;
        border-radius: 8px;
        padding: .9rem;
    }

    .mobile-flow-head[b-f7j6url21o] {
        align-items: center;
        display: grid;
        gap: .75rem;
        grid-template-columns: auto minmax(0, 1fr);
        position: sticky;
        top: 0;
        z-index: 3;
    }

    .mobile-flow-head > div:last-child:first-child[b-f7j6url21o] {
        grid-column: 1 / -1;
    }

    .mobile-flow-head h2[b-f7j6url21o],
    .mobile-topic-hero h2[b-f7j6url21o],
    .mobile-detail-block h3[b-f7j6url21o] {
        color: #0f172a;
        margin: 0;
    }

    .mobile-flow-head span[b-f7j6url21o],
    .mobile-topic-card span[b-f7j6url21o],
    .mobile-topic-card small[b-f7j6url21o],
    .mobile-topic-hero p[b-f7j6url21o],
    .mobile-topic-hero > span[b-f7j6url21o],
    .mobile-recommendation-card span[b-f7j6url21o],
    .mobile-recommendation-card p[b-f7j6url21o],
    .mobile-insight-grid span[b-f7j6url21o] {
        color: #64748b;
        font-size: .86rem;
    }

    .mobile-back-button[b-f7j6url21o] {
        align-items: center;
        background: #f8fafc;
        border: 1px solid #d9e2ec;
        border-radius: 8px;
        color: #123c69;
        display: inline-flex;
        gap: .35rem;
        min-height: 2.45rem;
        padding: .45rem .7rem;
    }

    .mobile-lesson-list[b-f7j6url21o],
    .mobile-topic-list[b-f7j6url21o],
    .mobile-topic-detail[b-f7j6url21o] {
        display: grid;
        gap: .7rem;
    }

    .mobile-lesson-card[b-f7j6url21o],
    .mobile-topic-card[b-f7j6url21o] {
        background: #fff;
        border: 1px solid #d9e2ec;
        border-left: 5px solid #94a3b8;
        border-radius: 8px;
        color: #0f172a;
        display: grid;
        gap: .32rem;
        padding: .85rem;
        position: relative;
        text-align: left;
        width: 100%;
    }

    .mobile-lesson-card.priority-high[b-f7j6url21o] {
        border-left-color: #ef4444;
    }

    .mobile-lesson-card.priority-medium[b-f7j6url21o] {
        border-left-color: #f59e0b;
    }

    .mobile-lesson-card.priority-low[b-f7j6url21o] {
        border-left-color: #14b8a6;
    }

    .mobile-card-kicker[b-f7j6url21o] {
        color: #64748b;
        font-size: .74rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .mobile-lesson-card strong[b-f7j6url21o],
    .mobile-topic-card strong[b-f7j6url21o],
    .mobile-recommendation-card strong[b-f7j6url21o] {
        color: #0f172a;
        font-size: 1.05rem;
        line-height: 1.22;
    }

    .mobile-lesson-card b[b-f7j6url21o] {
        color: #123c69;
        position: absolute;
        right: .85rem;
        top: .85rem;
    }

    .mobile-progress-line[b-f7j6url21o] {
        background: #e2e8f0;
        border-radius: 999px;
        display: block;
        height: .45rem;
        margin-top: .2rem;
        overflow: hidden;
    }

    .mobile-progress-line i[b-f7j6url21o] {
        background: linear-gradient(90deg, #ef4444, #f59e0b 45%, #16a34a);
        display: block;
        height: 100%;
        width: calc(var(--progress) * 1%);
    }

    .mobile-topic-actions[b-f7j6url21o],
    .mobile-topic-metrics[b-f7j6url21o],
    .mobile-primary-actions[b-f7j6url21o],
    .mobile-detail-tabs[b-f7j6url21o] {
        display: flex;
        flex-wrap: wrap;
        gap: .45rem;
    }

    .mobile-topic-actions i[b-f7j6url21o],
    .mobile-topic-metrics span[b-f7j6url21o],
    .mobile-detail-tabs a[b-f7j6url21o] {
        background: #eef6ff;
        border: 1px solid #dbeafe;
        border-radius: 999px;
        color: #123c69;
        font-size: .78rem;
        font-style: normal;
        font-weight: 800;
        padding: .25rem .55rem;
        text-decoration: none;
    }

    .mobile-topic-hero[b-f7j6url21o] {
        display: grid;
        gap: .5rem;
    }

    .mobile-primary-actions .btn[b-f7j6url21o] {
        flex: 1 1 150px;
        min-height: 2.75rem;
    }

    .mobile-insight-grid[b-f7j6url21o] {
        display: grid;
        gap: .55rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mobile-insight-grid article[b-f7j6url21o] {
        background: #fbfdff;
        border: 1px solid #d9e2ec;
        border-radius: 8px;
        display: grid;
        gap: .12rem;
        padding: .75rem;
    }

    .mobile-insight-grid strong[b-f7j6url21o] {
        color: #0f172a;
        font-size: 1.35rem;
    }

    .mobile-detail-tabs[b-f7j6url21o] {
        position: sticky;
        top: 4.4rem;
        z-index: 2;
    }

    .mobile-detail-tabs a[b-f7j6url21o] {
        background: #173b36;
        border-color: #173b36;
        color: #fff;
    }

    .mobile-detail-block[b-f7j6url21o] {
        display: grid;
        gap: .7rem;
        scroll-margin-top: 8rem;
    }

    .study-hero[b-f7j6url21o],
    .study-topic-head[b-f7j6url21o] {
        flex-direction: column;
        align-items: stretch;
    }

    .study-grid[b-f7j6url21o],
    .study-overview-grid[b-f7j6url21o],
    .study-context-strip[b-f7j6url21o],
    .dashboard-action-strip[b-f7j6url21o],
    .dashboard-stat-grid[b-f7j6url21o],
    .dashboard-stat-panel[b-f7j6url21o],
    .dashboard-news-grid[b-f7j6url21o],
    .analysis-layout[b-f7j6url21o],
    .sponsor-grid[b-f7j6url21o] {
        grid-template-columns: 1fr;
    }

    .dashboard-stat-panel .dashboard-stat[b-f7j6url21o] {
        border-right: 0;
    }

    .dashboard-stat-panel .dashboard-stat:nth-last-child(2)[b-f7j6url21o] {
        border-bottom: 1px solid rgba(148, 163, 184, .22);
    }

    .study-status-metrics[b-f7j6url21o] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .summary-copy h1[b-f7j6url21o] {
        font-size: 1.55rem;
    }

    .sponsor-block[b-f7j6url21o] {
        grid-column: auto;
    }

    .admin-student-view-panel[b-f7j6url21o] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-student-view-actions[b-f7j6url21o] {
        justify-content: flex-start;
    }

    .focus-admin-alert[b-f7j6url21o],
    .material-composer-head[b-f7j6url21o],
    .lesson-note-card-head[b-f7j6url21o] {
        align-items: stretch;
        flex-direction: column;
    }

    .lesson-note-card-head small[b-f7j6url21o] {
        white-space: normal;
    }

    .material-form-grid[b-f7j6url21o],
    .material-row[b-f7j6url21o] {
        grid-template-columns: 1fr;
    }

    .study-card.wide[b-f7j6url21o],
    .summary-card.primary[b-f7j6url21o] {
        grid-column: auto;
        grid-row: auto;
    }

    .study-tree-panel[b-f7j6url21o] {
        border-right: 0;
        border-bottom: 1px solid #d9e2ec;
    }

    .study-scoreboard[b-f7j6url21o] {
        grid-template-columns: 1fr;
    }

    .calendar-item[b-f7j6url21o],
    .material-row[b-f7j6url21o],
    .video-row[b-f7j6url21o],
    .choice-list[b-f7j6url21o],
    .study-image-grid[b-f7j6url21o],
    .topic-chat-composer[b-f7j6url21o],
    .advisor-file-grid[b-f7j6url21o],
    .advisor-pane[b-f7j6url21o],
    .question-list[b-f7j6url21o],
    .focus-command[b-f7j6url21o],
    .focus-body[b-f7j6url21o],
    .focus-workspace[b-f7j6url21o],
    .focus-video-grid[b-f7j6url21o],
    .lesson-score-row[b-f7j6url21o],
    .exam-distribution-row[b-f7j6url21o],
    .analysis-summary-grid[b-f7j6url21o],
    .curriculum-report-row[b-f7j6url21o] {
        grid-template-columns: 1fr;
    }

    .focus-question-filters[b-f7j6url21o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .focus-side-tabs[b-f7j6url21o] {
        position: static;
        grid-auto-flow: column;
        grid-auto-columns: minmax(150px, 1fr);
        overflow-x: auto;
        padding-bottom: .55rem;
        scrollbar-width: thin;
    }

    .focus-menu-profile[b-f7j6url21o] {
        min-width: 190px;
        margin-bottom: 0;
    }

    .focus-side-tabs button[b-f7j6url21o] {
        min-width: 150px;
    }

    .focus-content[b-f7j6url21o],
    .focus-side-panel > .focus-pane[b-f7j6url21o] {
        grid-column: 1;
        grid-row: auto;
    }

    .focus-dashboard-grid[b-f7j6url21o],
    .focus-dashboard-row[b-f7j6url21o],
    .focus-calendar-grid[b-f7j6url21o],
    .focus-dashboard-hero[b-f7j6url21o] {
        grid-template-columns: 1fr;
    }

    .advisor-pane > .advisor-thread-list[b-f7j6url21o],
    .advisor-pane > .advisor-composer[b-f7j6url21o],
    .advisor-pane > .question-practice-lock[b-f7j6url21o] {
        grid-column: auto;
        grid-row: auto;
    }

    .curriculum-report-row.depth-1[b-f7j6url21o],
    .curriculum-report-row.depth-2[b-f7j6url21o],
    .curriculum-report-row.depth-3[b-f7j6url21o],
    .curriculum-report-row.depth-4[b-f7j6url21o] {
        margin-left: 0;
        width: 100%;
    }

    .curriculum-report-row .state[b-f7j6url21o] {
        justify-self: start;
    }

    .focus-shell[b-f7j6url21o] {
        overflow: auto;
    }

    .focus-command[b-f7j6url21o] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .focus-player[b-f7j6url21o] {
        justify-content: center;
        width: 100%;
    }

    .focus-timer[b-f7j6url21o] {
        justify-items: start;
    }

    .focus-body[b-f7j6url21o] {
        overflow: visible;
    }

    .questions-pane[b-f7j6url21o] {
        grid-column: auto;
    }

    .focus-side-panel[b-f7j6url21o],
    .focus-content > .focus-pane:first-child[b-f7j6url21o],
    .focus-content > .focus-pane:last-child[b-f7j6url21o] {
        grid-column: auto;
        grid-row: auto;
    }

    .focus-workspace.lesson-reader-active[b-f7j6url21o] {
        grid-template-columns: 1fr;
    }

    .focus-workspace.lesson-reader-active .focus-content > .focus-pane:first-child[b-f7j6url21o] {
        grid-column: auto;
    }

    .lesson-reader-head[b-f7j6url21o] {
        align-items: stretch;
        flex-direction: column;
    }

    .question-accordion-header[b-f7j6url21o] {
        grid-template-columns: 1fr;
    }

    .question-status-strip[b-f7j6url21o] {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .focus-question-filters[b-f7j6url21o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .focus-question-filters .form-select[b-f7j6url21o] {
        min-height: 2.45rem;
        padding: .45rem 1.85rem .45rem .55rem;
        font-size: .82rem;
    }

    .mini-exam-material[b-f7j6url21o],
    .topic-chat-composer[b-f7j6url21o] {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .focus-shell[b-f7j6url21o] {
        background: #08111f;
        color: #e5edf7;
        display: block;
        overflow: hidden;
    }

    .focus-command[b-f7j6url21o] {
        align-items: stretch;
        background: rgba(8, 17, 31, .98);
        border-bottom: 1px solid rgba(125, 211, 252, .18);
        display: grid;
        gap: .65rem;
        grid-template-columns: minmax(0, 1fr) auto;
        padding: .7rem .75rem .75rem;
        position: sticky;
        top: 0;
        z-index: 30;
    }

    .focus-command.detail-active[b-f7j6url21o] {
        align-items: center;
        gap: .45rem;
        min-height: 4.35rem;
        padding: .6rem .75rem;
    }

    .focus-command.detail-active .focus-player[b-f7j6url21o],
    .focus-command.detail-active .focus-timer[b-f7j6url21o],
    .focus-command.detail-active .focus-general-exit[b-f7j6url21o] {
        display: none;
    }

    .focus-command.reader-active .focus-reader-exit[b-f7j6url21o] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        grid-column: 2;
        grid-row: 1;
        min-height: 2.3rem;
        order: 0;
        padding: .45rem .7rem;
        white-space: nowrap;
    }

    .focus-title[b-f7j6url21o] {
        align-content: center;
        display: grid;
        min-width: 0;
    }

    .focus-title span[b-f7j6url21o] {
        font-size: .72rem;
    }

    .focus-title h2[b-f7j6url21o] {
        font-size: 1rem;
        line-height: 1.18;
        max-height: 2.45rem;
        overflow: hidden;
    }

    .focus-title small[b-f7j6url21o] {
        font-size: .74rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .focus-player[b-f7j6url21o] {
        grid-column: 1 / -1;
        justify-content: space-between;
        order: 3;
        padding: .35rem;
        width: 100%;
    }

    .focus-icon[b-f7j6url21o] {
        flex: 1 1 0;
        height: 42px;
        width: auto;
    }

    .focus-timer[b-f7j6url21o] {
        align-content: center;
        justify-items: end;
        min-width: 106px;
        padding: .45rem .55rem;
    }

    .focus-timer strong[b-f7j6url21o] {
        font-size: 1.25rem;
    }

    .focus-timer small[b-f7j6url21o] {
        display: none;
    }

    .focus-exit[b-f7j6url21o] {
        grid-column: 1 / -1;
        min-height: 2.25rem;
        order: 4;
        padding: .45rem .7rem;
    }

    .focus-body[b-f7j6url21o] {
        display: block;
        height: calc(100dvh - 9.5rem);
        overflow: auto;
        padding: .75rem .75rem 5.8rem;
    }

    .focus-command.detail-active + .focus-body[b-f7j6url21o] {
        height: calc(100dvh - 4.35rem);
    }

    .focus-workspace[b-f7j6url21o],
    .focus-workspace.lesson-reader-active[b-f7j6url21o] {
        display: block;
        overflow: visible;
        padding: 0;
    }

    .focus-side-panel[b-f7j6url21o] {
        display: block;
    }

    .focus-side-tabs[b-f7j6url21o] {
        align-items: center;
        background: rgba(8, 17, 31, .98);
        border: 1px solid rgba(125, 211, 252, .16);
        border-radius: 14px 14px 0 0;
        bottom: 0;
        box-shadow: 0 -18px 42px rgba(2, 6, 23, .42);
        display: grid;
        gap: .25rem;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        left: 0;
        padding: .45rem .5rem calc(.55rem + env(safe-area-inset-bottom));
        position: fixed;
        right: 0;
        top: auto;
        z-index: 40;
    }

    .focus-side-tabs[b-f7j6url21o]::before,
    .focus-menu-profile[b-f7j6url21o],
    .focus-side-tabs .tab-materials[b-f7j6url21o],
    .focus-side-tabs .tab-chat[b-f7j6url21o],
    .focus-side-tabs .tab-feedback[b-f7j6url21o] {
        display: none;
    }

    .focus-side-tabs button[b-f7j6url21o] {
        align-items: center;
        background: transparent;
        border: 0;
        border-radius: 8px;
        color: #94a3b8;
        display: grid;
        font-size: .72rem;
        gap: .18rem;
        grid-template-columns: 1fr;
        justify-items: center;
        min-height: 3.2rem;
        padding: .28rem .2rem;
        text-align: center;
        transform: none;
    }

    .focus-side-tabs button:hover[b-f7j6url21o],
    .focus-side-tabs button.active[b-f7j6url21o] {
        background: rgba(14, 165, 233, .14);
        box-shadow: none;
        transform: none;
    }

    .focus-side-tabs button.active[b-f7j6url21o] {
        color: #e0f2fe;
    }

    .focus-side-tabs button.active[b-f7j6url21o]::after {
        display: none;
    }

    .focus-side-tabs button span[b-f7j6url21o] {
        background: rgba(30, 41, 59, .9);
        color: #7dd3fc;
        font-size: .68rem;
        height: 1.45rem;
        width: 1.45rem;
    }

    .focus-side-tabs button.active span[b-f7j6url21o] {
        background: #38bdf8;
        color: #082f49;
    }

    .focus-content[b-f7j6url21o],
    .focus-side-panel > .focus-pane[b-f7j6url21o] {
        display: block;
        grid-column: auto;
        grid-row: auto;
    }

    .focus-content.tab-hidden[b-f7j6url21o] {
        display: none;
    }

    .focus-pane[b-f7j6url21o] {
        background: rgba(15, 23, 42, .74);
        border-color: rgba(148, 163, 184, .22);
        box-shadow: none;
        overflow: visible;
        padding: .85rem;
    }

    .focus-section-title[b-f7j6url21o] {
        gap: .2rem;
    }

    .focus-section-title h3[b-f7j6url21o] {
        font-size: 1.05rem;
    }

    .focus-dashboard-hero[b-f7j6url21o] {
        grid-template-columns: 1fr;
        padding: .85rem;
    }

    .focus-progress-ring[b-f7j6url21o] {
        height: 86px;
        justify-self: start;
        width: 86px;
    }

    .focus-dashboard-grid[b-f7j6url21o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .focus-stat[b-f7j6url21o] {
        padding: .72rem;
    }

    .focus-stat strong[b-f7j6url21o] {
        font-size: 1.15rem;
    }

    .focus-dashboard-row[b-f7j6url21o],
    .lesson-reader-grid[b-f7j6url21o],
    .focus-calendar-grid[b-f7j6url21o],
    .advisor-pane[b-f7j6url21o],
    .question-editor-body[b-f7j6url21o] {
        grid-template-columns: 1fr;
    }

    .focus-history[b-f7j6url21o],
    .focus-dashboard-panel[b-f7j6url21o],
    .focus-topic-plan-strip[b-f7j6url21o] {
        box-shadow: none;
    }

    .focus-sponsor-strip[b-f7j6url21o],
    .question-sponsor-strip[b-f7j6url21o],
    .focus-admin-alert[b-f7j6url21o],
    .question-card-actions[b-f7j6url21o],
    .lesson-note-composer[b-f7j6url21o],
    .material-composer[b-f7j6url21o],
    .admin-question-review[b-f7j6url21o],
    .feedback-review-pane[b-f7j6url21o],
    .feedback-review-list[b-f7j6url21o],
    .feedback-response-composer[b-f7j6url21o],
    .question-toolbar .btn-primary[b-f7j6url21o],
    .question-filter select:last-child[b-f7j6url21o] {
        display: none !important;
    }

    .note-pane[b-f7j6url21o],
    .exams-pane[b-f7j6url21o],
    .questions-pane[b-f7j6url21o],
    .advisor-pane[b-f7j6url21o],
    .topic-chat-pane[b-f7j6url21o] {
        min-height: calc(100dvh - 16rem);
    }

    .lesson-note-card[b-f7j6url21o],
    .lesson-reader-content[b-f7j6url21o],
    .lesson-reader-panel[b-f7j6url21o],
    .question-card[b-f7j6url21o],
    .advisor-thread-card[b-f7j6url21o],
    .advisor-composer[b-f7j6url21o],
    .question-practice-lock[b-f7j6url21o],
    .mini-exam-material[b-f7j6url21o] {
        border-radius: 8px;
    }

    .lesson-note-card-list[b-f7j6url21o],
    .material-list[b-f7j6url21o],
    .question-list[b-f7j6url21o],
    .advisor-thread-list[b-f7j6url21o],
    .advisor-message-list[b-f7j6url21o] {
        gap: .7rem;
    }

    .lesson-note-card-head[b-f7j6url21o],
    .lesson-note-card-foot[b-f7j6url21o],
    .material-row[b-f7j6url21o],
    .mini-exam-material[b-f7j6url21o],
    .advisor-thread-head[b-f7j6url21o],
    .advisor-voice-recorder[b-f7j6url21o],
    .question-accordion-header[b-f7j6url21o] {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }

    .lesson-reader-main[b-f7j6url21o],
    .lesson-reader-side[b-f7j6url21o] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .focus-pane .lesson-reader-content.study-note[b-f7j6url21o] {
        font-size: 1rem;
        line-height: 1.68;
        padding: .95rem;
    }

    .status-choice-grid[b-f7j6url21o],
    .lesson-reader-video-actions[b-f7j6url21o],
    .advisor-file-grid[b-f7j6url21o],
    .advisor-voice-actions[b-f7j6url21o] {
        grid-template-columns: 1fr;
    }

    .status-choice[b-f7j6url21o],
    .choice-button[b-f7j6url21o],
    .advisor-file-grid label[b-f7j6url21o] {
        min-height: 2.75rem;
    }

    .question-list[b-f7j6url21o] {
        display: grid;
    }

    .question-card[b-f7j6url21o] {
        padding: .8rem;
    }

    .question-accordion-header[b-f7j6url21o] {
        gap: .65rem;
    }

    .question-status-strip[b-f7j6url21o] {
        justify-content: flex-start;
    }

    .question-feedback-button[b-f7j6url21o] {
        justify-self: stretch;
        margin-top: .55rem;
        min-height: 2.5rem;
    }

    .advisor-pane > .focus-section-title[b-f7j6url21o],
    .advisor-pane > .advisor-filter-tabs[b-f7j6url21o],
    .advisor-pane > .advisor-thread-list[b-f7j6url21o],
    .advisor-pane > .advisor-composer[b-f7j6url21o],
    .advisor-pane > .question-practice-lock[b-f7j6url21o] {
        grid-column: auto;
        grid-row: auto;
    }

    .advisor-filter-tabs[b-f7j6url21o] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .advisor-composer[b-f7j6url21o] {
        bottom: 5rem;
        position: sticky;
    }

    .advisor-attachments audio[b-f7j6url21o],
    .advisor-voice-recorder audio[b-f7j6url21o] {
        width: 100%;
    }

    .mini-exam-material .btn[b-f7j6url21o],
    .advisor-composer .btn[b-f7j6url21o],
    .topic-chat-composer .btn[b-f7j6url21o] {
        width: 100%;
    }

    .topic-chat-composer[b-f7j6url21o] {
        bottom: 5rem;
        position: sticky;
    }

    .question-detail-modal[b-f7j6url21o],
    .editor-modal[b-f7j6url21o],
    .mini-exam-modal[b-f7j6url21o] {
        max-height: calc(100dvh - 1rem);
        width: min(100% - 1rem, 720px);
    }
}
/* /Components/Pages/StudyPreparation.razor.rz.scp.css */
.study-prep-shell[b-0au2n2abjg] {
    display: grid;
    gap: 1rem;
}

.study-prep-hero[b-0au2n2abjg] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-end;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 8px;
    padding: 1.25rem;
    background: linear-gradient(135deg, rgba(15, 23, 42, .94), rgba(20, 83, 45, .72));
    color: #e5edf6;
}

.study-prep-hero h1[b-0au2n2abjg] {
    margin: 0;
    font-size: 2rem;
}

.study-prep-hero .lead[b-0au2n2abjg] {
    max-width: 760px;
    margin-bottom: 0;
    color: #cbd5e1;
}

.study-prep-actions[b-0au2n2abjg],
.study-prep-nav[b-0au2n2abjg] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.study-prep-nav[b-0au2n2abjg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.study-prep-link[b-0au2n2abjg] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .2rem .65rem;
    align-items: center;
    min-height: 76px;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 8px;
    padding: .75rem;
    color: #e2e8f0;
    text-decoration: none;
    background: rgba(15, 23, 42, .72);
}

.study-prep-link i[b-0au2n2abjg] {
    grid-row: span 2;
    font-size: 1.25rem;
}

.study-prep-link span[b-0au2n2abjg] {
    font-weight: 800;
}

.study-prep-link small[b-0au2n2abjg] {
    color: #a8b6c8;
}

.study-prep-link.tone-mint i[b-0au2n2abjg] { color: #5eead4; }
.study-prep-link.tone-amber i[b-0au2n2abjg] { color: #fbbf24; }
.study-prep-link.tone-sky i[b-0au2n2abjg] { color: #7dd3fc; }
.study-prep-link.tone-rose i[b-0au2n2abjg] { color: #fda4af; }

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

.study-prep-metrics article[b-0au2n2abjg],
.prep-panel[b-0au2n2abjg] {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 8px;
    background: rgba(15, 23, 42, .78);
    color: #e2e8f0;
}

.study-prep-metrics article[b-0au2n2abjg] {
    display: grid;
    gap: .15rem;
    padding: .9rem;
}

.study-prep-metrics span[b-0au2n2abjg],
.prep-panel .eyebrow[b-0au2n2abjg] {
    color: #94a3b8;
}

.study-prep-metrics strong[b-0au2n2abjg] {
    font-size: 1.35rem;
    color: #fff;
}

.study-prep-metrics small[b-0au2n2abjg] {
    color: #cbd5e1;
}

.study-prep-grid[b-0au2n2abjg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.prep-panel[b-0au2n2abjg] {
    display: grid;
    gap: .75rem;
    align-content: start;
    padding: .95rem;
}

.prep-last[b-0au2n2abjg],
.prep-advisors[b-0au2n2abjg] {
    grid-column: span 1;
}

.prep-panel .panel-title[b-0au2n2abjg] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: flex-start;
}

.prep-panel h3[b-0au2n2abjg],
.prep-panel p[b-0au2n2abjg] {
    margin: 0;
}

.prep-panel h3[b-0au2n2abjg] {
    color: #fff;
    font-size: 1rem;
}

.prep-panel p[b-0au2n2abjg] {
    color: #cbd5e1;
}

.prep-panel a[b-0au2n2abjg] {
    color: #bae6fd;
    text-decoration: none;
}

.prep-list[b-0au2n2abjg] {
    display: grid;
    gap: .5rem;
}

.prep-list a[b-0au2n2abjg] {
    display: grid;
    gap: .15rem;
    border-radius: 8px;
    padding: .6rem .65rem;
    background: rgba(30, 41, 59, .72);
}

.prep-list strong[b-0au2n2abjg] {
    color: #fff;
}

.prep-list span[b-0au2n2abjg] {
    color: #cbd5e1;
    font-size: .85rem;
}

.advisor-card-list[b-0au2n2abjg] {
    display: grid;
    gap: .55rem;
}

.advisor-mini-card[b-0au2n2abjg] {
    display: flex;
    gap: .65rem;
    align-items: center;
    border-radius: 8px;
    padding: .65rem;
    background: rgba(30, 41, 59, .72);
}

.advisor-mini-card > span[b-0au2n2abjg] {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #042f2e;
    font-weight: 900;
    background: #99f6e4;
}

.advisor-mini-card div[b-0au2n2abjg] {
    display: grid;
}

.advisor-mini-card strong[b-0au2n2abjg] {
    color: #fff;
}

.advisor-mini-card small[b-0au2n2abjg] {
    color: #cbd5e1;
}

@media (max-width: 1100px) {
    .study-prep-metrics[b-0au2n2abjg],
    .study-prep-grid[b-0au2n2abjg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .study-prep-hero[b-0au2n2abjg] {
        display: grid;
        align-items: start;
    }

    .study-prep-metrics[b-0au2n2abjg],
    .study-prep-grid[b-0au2n2abjg] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/TrialExams.razor.rz.scp.css */
.trial-shell[b-5yxtq9tds3],
.trial-focus[b-5yxtq9tds3],
.trial-list[b-5yxtq9tds3],
.trial-editor[b-5yxtq9tds3],
.trial-focus-body[b-5yxtq9tds3] {
    display: grid;
    gap: 1rem;
}

.trial-editor-grid[b-5yxtq9tds3] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.trial-muted[b-5yxtq9tds3] {
    color: #64748b;
    margin: 0;
}

.trial-list article[b-5yxtq9tds3] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .8rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .85rem;
}

.trial-main[b-5yxtq9tds3] {
    display: grid;
    gap: .4rem;
    min-width: 0;
}

.trial-main > span[b-5yxtq9tds3],
.trial-status[b-5yxtq9tds3] {
    color: #64748b;
    font-size: .9rem;
}

.trial-tags[b-5yxtq9tds3],
.trial-actions[b-5yxtq9tds3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.trial-tags span[b-5yxtq9tds3] {
    background: #eef2ff;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    color: #334155;
    font-size: .82rem;
    padding: .2rem .55rem;
}

.trial-focus-top[b-5yxtq9tds3] {
    align-items: center;
    background: #0f172a;
    border-radius: 8px;
    color: #f8fafc;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding: 1rem;
}

.trial-focus-top h1[b-5yxtq9tds3],
.trial-focus-top p[b-5yxtq9tds3] {
    margin: 0;
}

.trial-focus-top span[b-5yxtq9tds3] {
    color: #cbd5e1;
    font-size: .88rem;
}

.trial-timer[b-5yxtq9tds3] {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 8px;
    display: grid;
    min-width: 140px;
    padding: .65rem .85rem;
    text-align: center;
}

.trial-timer.danger[b-5yxtq9tds3] {
    background: #7f1d1d;
}

.trial-timer strong[b-5yxtq9tds3] {
    font-size: 1.35rem;
}

.trial-focus-actions[b-5yxtq9tds3] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.trial-focus-body[b-5yxtq9tds3] {
    grid-template-columns: 96px minmax(0, 1fr);
}

.trial-question-map[b-5yxtq9tds3] {
    align-content: start;
    display: grid;
    gap: .4rem;
    grid-template-columns: repeat(3, 1fr);
}

.trial-question-map button[b-5yxtq9tds3] {
    aspect-ratio: 1;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: #334155;
    font-weight: 700;
}

.trial-question-map button.active[b-5yxtq9tds3] {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

.trial-question-map button.answered[b-5yxtq9tds3] {
    border-color: #16a34a;
}

.trial-question-stage[b-5yxtq9tds3] {
    display: grid;
    gap: .85rem;
}

.question-meta[b-5yxtq9tds3] {
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .8rem;
    font-size: .9rem;
}

.trial-question-card[b-5yxtq9tds3] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.trial-choices[b-5yxtq9tds3] {
    display: grid;
    gap: .6rem;
}

.trial-choices button[b-5yxtq9tds3] {
    align-items: start;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    display: grid;
    gap: .6rem;
    grid-template-columns: 2rem minmax(0, 1fr);
    padding: .75rem;
    text-align: left;
}

.trial-choices button span[b-5yxtq9tds3] {
    align-items: center;
    background: #e0e7ff;
    border-radius: 50%;
    color: #1e3a8a;
    display: inline-flex;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.trial-choices button.selected[b-5yxtq9tds3] {
    background: #eff6ff;
    border-color: #2563eb;
}

.trial-choices button.correct[b-5yxtq9tds3] {
    background: #ecfdf5;
    border-color: #16a34a;
}

.trial-choices button.incorrect[b-5yxtq9tds3] {
    background: #fef2f2;
    border-color: #dc2626;
}

.trial-navigation[b-5yxtq9tds3],
.trial-result-metrics[b-5yxtq9tds3] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.trial-result-panel[b-5yxtq9tds3],
.trial-result-wait[b-5yxtq9tds3] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.trial-start-warning[b-5yxtq9tds3] {
    font-weight: 700;
}

.trial-modal-backdrop[b-5yxtq9tds3] {
    align-items: start;
    background: rgba(15, 23, 42, .56);
    display: grid;
    inset: 0;
    justify-items: center;
    overflow: auto;
    padding: 4vh 1rem;
    position: fixed;
    z-index: 1050;
}

.trial-modal[b-5yxtq9tds3] {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .24);
    display: grid;
    gap: 1rem;
    max-width: 720px;
    padding: 1rem;
    width: min(720px, 100%);
}

.trial-modal.wide[b-5yxtq9tds3] {
    max-width: 1100px;
    width: min(1100px, 100%);
}

.trial-modal header[b-5yxtq9tds3] {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: .75rem;
}

.trial-rules[b-5yxtq9tds3],
.trial-answer-list[b-5yxtq9tds3] {
    display: grid;
    gap: .75rem;
}

.trial-rules[b-5yxtq9tds3] {
    margin: 0;
    padding-left: 1.25rem;
}

.trial-confirm[b-5yxtq9tds3] {
    align-items: start;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .65rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: .8rem;
}

.trial-answer-list article[b-5yxtq9tds3] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .65rem;
    padding: .85rem;
}

.trial-result-score[b-5yxtq9tds3] {
    align-items: baseline;
    display: flex;
    gap: .5rem;
}

.trial-result-score strong[b-5yxtq9tds3] {
    font-size: 2rem;
}

.trial-result-metrics article[b-5yxtq9tds3] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    min-width: 120px;
    padding: .75rem;
}

@media (max-width: 860px) {
    .trial-list article[b-5yxtq9tds3],
    .trial-focus-top[b-5yxtq9tds3],
    .trial-focus-body[b-5yxtq9tds3] {
        grid-template-columns: 1fr;
    }

    .trial-question-map[b-5yxtq9tds3] {
        grid-template-columns: repeat(8, 1fr);
    }
}
/* /Components/Pages/WhatsAppCenter.razor.rz.scp.css */
.whatsapp-shell[b-i3tptr3cqz] {
    display: grid;
    grid-template-columns: minmax(250px, 310px) minmax(0, 1fr) minmax(260px, 340px);
    gap: 1rem;
    align-items: start;
}

.wa-panel[b-i3tptr3cqz] {
    padding: 1rem;
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #fff;
}

.wa-workspace[b-i3tptr3cqz] {
    display: grid;
    gap: 1rem;
}

.panel-heading[b-i3tptr3cqz] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading h2[b-i3tptr3cqz],
.wa-panel h2[b-i3tptr3cqz] {
    margin: 0;
    color: #142033;
    font-size: 1.12rem;
}

.channel-list[b-i3tptr3cqz],
.conversation-list[b-i3tptr3cqz] {
    display: grid;
    gap: .55rem;
}

.channel-row[b-i3tptr3cqz],
.conversation-row[b-i3tptr3cqz] {
    display: grid;
    gap: .2rem;
    width: 100%;
    padding: .75rem;
    border: 0;
    border-radius: 8px;
    background: #f7f9fc;
    color: #263247;
    text-align: left;
}

.channel-row.active[b-i3tptr3cqz],
.channel-row:hover[b-i3tptr3cqz] {
    background: #e9f7ef;
    color: #136b3b;
}

.channel-row small[b-i3tptr3cqz],
.conversation-row small[b-i3tptr3cqz],
.empty-mini[b-i3tptr3cqz] {
    color: #748296;
    font-size: .88rem;
}

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

.span-2[b-i3tptr3cqz] {
    grid-column: 1 / -1;
}

.toggle-row[b-i3tptr3cqz] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.token-input[b-i3tptr3cqz] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .9rem;
}

.endpoint-box[b-i3tptr3cqz] {
    display: grid;
    gap: .35rem;
    margin-top: 1rem;
    padding: .8rem;
    border: 1px solid #dfe8f3;
    border-radius: 8px;
    background: #f8fafc;
}

.endpoint-box code[b-i3tptr3cqz] {
    white-space: normal;
    word-break: break-all;
}

.qr-box[b-i3tptr3cqz] {
    display: grid;
    gap: .5rem;
    margin-top: 1rem;
}

.message-log[b-i3tptr3cqz] {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.message-log-row[b-i3tptr3cqz] {
    display: grid;
    gap: .3rem;
    padding: .75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fbfcfe;
}

.message-log-row.failed[b-i3tptr3cqz] {
    border-color: #f5b5b5;
    background: #fff6f6;
}

.message-log-row span[b-i3tptr3cqz] {
    color: #516176;
    font-size: .82rem;
    font-weight: 700;
}

.message-log-row p[b-i3tptr3cqz] {
    margin: 0;
    color: #1d2a3d;
}

.message-log-row small[b-i3tptr3cqz] {
    color: #68778c;
    word-break: break-all;
}

.message-log-row .error-line[b-i3tptr3cqz] {
    color: #a11d1d;
    font-weight: 700;
}

.message-log-row details[b-i3tptr3cqz] {
    margin-top: .2rem;
}

.message-log-row summary[b-i3tptr3cqz] {
    cursor: pointer;
    color: #1f6feb;
    font-size: .88rem;
}

.message-log-row pre[b-i3tptr3cqz] {
    max-height: 180px;
    overflow: auto;
    margin: .35rem 0 0;
    padding: .55rem;
    border-radius: 6px;
    background: #101828;
    color: #d7e3f8;
    font-size: .78rem;
    white-space: pre-wrap;
    word-break: break-word;
}

@media (max-width: 1100px) {
    .whatsapp-shell[b-i3tptr3cqz] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .form-grid[b-i3tptr3cqz] {
        grid-template-columns: 1fr;
    }

    .span-2[b-i3tptr3cqz] {
        grid-column: auto;
    }
}
/* /Components/StudyPlanCalendar.razor.rz.scp.css */
.study-plan-calendar[b-ri0a7s1x1y] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.study-plan-head[b-ri0a7s1x1y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.study-plan-head h2[b-ri0a7s1x1y],
.study-plan-head p[b-ri0a7s1x1y] {
    margin: 0;
}

.study-plan-head h2[b-ri0a7s1x1y] {
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 900;
}

.study-plan-head p:not(.eyebrow)[b-ri0a7s1x1y] {
    color: #64748b;
}

.study-plan-layout[b-ri0a7s1x1y] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: 1rem;
    align-items: start;
}

.study-plan-layout.list-only[b-ri0a7s1x1y] {
    grid-template-columns: 1fr;
}

.study-plan-board[b-ri0a7s1x1y],
.study-plan-side[b-ri0a7s1x1y],
.study-plan-editor[b-ri0a7s1x1y],
.study-plan-list[b-ri0a7s1x1y] {
    min-width: 0;
}

.study-plan-side[b-ri0a7s1x1y],
.study-plan-editor[b-ri0a7s1x1y],
.study-plan-list[b-ri0a7s1x1y] {
    display: grid;
    gap: .85rem;
}

.study-plan-side[b-ri0a7s1x1y] {
    padding: .9rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}

.study-plan-subhead[b-ri0a7s1x1y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.study-plan-subhead strong[b-ri0a7s1x1y] {
    color: #0f172a;
}

.study-plan-subhead span[b-ri0a7s1x1y] {
    color: #64748b;
    font-size: .82rem;
    font-weight: 800;
}

.study-plan-editor label[b-ri0a7s1x1y] {
    display: grid;
    gap: .35rem;
    color: #334155;
    font-size: .84rem;
    font-weight: 800;
}

.study-plan-actions[b-ri0a7s1x1y] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.study-plan-row[b-ri0a7s1x1y] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: .7rem;
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: .7rem;
    background: #f8fafc;
    text-align: left;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.study-plan-row:hover[b-ri0a7s1x1y],
.study-plan-row.active[b-ri0a7s1x1y] {
    transform: translateX(3px);
    border-color: #14b8a6;
    background: #ecfeff;
}

.study-plan-row time[b-ri0a7s1x1y] {
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #0f172a;
    color: #fff;
    line-height: 1;
    min-height: 54px;
}

.study-plan-row time strong[b-ri0a7s1x1y] {
    font-size: 1.15rem;
}

.study-plan-row time span[b-ri0a7s1x1y] {
    font-size: .72rem;
    text-transform: uppercase;
}

.study-plan-row > span[b-ri0a7s1x1y] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.study-plan-row > span strong[b-ri0a7s1x1y] {
    color: #0f172a;
    overflow-wrap: anywhere;
}

.study-plan-row small[b-ri0a7s1x1y],
.study-plan-row em[b-ri0a7s1x1y] {
    color: #64748b;
    font-size: .78rem;
    line-height: 1.35;
}

.study-plan-row em[b-ri0a7s1x1y] {
    font-style: normal;
}

.study-plan-empty[b-ri0a7s1x1y] {
    padding: .85rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #64748b;
    background: #f8fafc;
}

.study-plan-calendar.compact[b-ri0a7s1x1y] {
    padding: .9rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}

.study-plan-calendar.compact .study-plan-head h2[b-ri0a7s1x1y] {
    font-size: 1rem;
}

.study-plan-calendar.compact .study-plan-side[b-ri0a7s1x1y] {
    padding: 0;
    border: 0;
}

@media (max-width: 980px) {
    .study-plan-layout[b-ri0a7s1x1y] {
        grid-template-columns: 1fr;
    }
}
/* /Components/UserMenu.razor.rz.scp.css */
.user-menu[b-xpm0t910bl] {
    position: relative;
}

.mobile-user-actions[b-xpm0t910bl] {
    display: none;
}

.user-menu-toggle[b-xpm0t910bl] {
    border: 1px solid #d8d2c5;
    background: #ffffff;
    color: #173b36;
    border-radius: 8px;
    min-height: 2.45rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.25rem 0.55rem 0.25rem 0.35rem;
    font: inherit;
    box-shadow: 0 8px 18px rgba(20, 32, 28, 0.06);
}

.user-avatar[b-xpm0t910bl] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    background: #173b36;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.75rem;
}

.user-menu-text[b-xpm0t910bl] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.1;
    max-width: 12rem;
}

.user-menu-text strong[b-xpm0t910bl],
.user-menu-text small[b-xpm0t910bl] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.user-menu-text strong[b-xpm0t910bl] {
    font-size: 0.9rem;
}

.user-menu-text small[b-xpm0t910bl] {
    color: #65746d;
    font-size: 0.72rem;
}

.user-menu-chevron[b-xpm0t910bl] {
    width: 0.45rem;
    height: 0.45rem;
    border-right: 2px solid #65746d;
    border-bottom: 2px solid #65746d;
    transform: rotate(45deg);
    transition: transform 0.15s ease;
    margin-left: 0.1rem;
}

.user-menu-chevron.open[b-xpm0t910bl] {
    transform: rotate(225deg);
}

.user-menu-panel[b-xpm0t910bl] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.45rem);
    width: 13.5rem;
    background: #ffffff;
    border: 1px solid #ded8cc;
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(20, 32, 28, 0.16);
    padding: 0.35rem;
    z-index: 20;
}

.user-menu-panel a[b-xpm0t910bl],
.user-menu-panel button[b-xpm0t910bl] {
    width: 100%;
    border: 0;
    background: transparent;
    color: #173b36;
    display: block;
    text-align: left;
    padding: 0.65rem 0.75rem;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
}

.user-menu-panel a:hover[b-xpm0t910bl],
.user-menu-panel button:hover[b-xpm0t910bl] {
    background: #f4f1ea;
    text-decoration: none;
}

.user-menu-panel form[b-xpm0t910bl] {
    margin: 0.25rem 0 0;
    padding-top: 0.25rem;
    border-top: 1px solid #eee8dc;
}

@media (max-width: 640.98px) {
    .user-menu[b-xpm0t910bl] {
        display: flex;
        align-items: center;
    }

    .user-menu-toggle[b-xpm0t910bl],
    .user-menu-panel[b-xpm0t910bl] {
        display: none;
    }

    .mobile-user-actions[b-xpm0t910bl] {
        display: inline-flex;
        gap: 0.45rem;
    }

    .mobile-user-action[b-xpm0t910bl] {
        align-items: center;
        background: #ffffff;
        border: 1px solid #d8d2c5;
        border-radius: 8px;
        color: #173b36;
        display: inline-flex;
        height: 2.35rem;
        justify-content: center;
        text-decoration: none;
        width: 2.35rem;
    }

    .mobile-user-action:hover[b-xpm0t910bl] {
        background: #eef7f0;
        text-decoration: none;
    }

    .mobile-user-action i[b-xpm0t910bl] {
        font-size: 1.05rem;
        line-height: 1;
    }
}
/* /Components/WhatsAppApiSettings.razor.rz.scp.css */
.whatsapp-api-settings[b-uihfgnj0bo] {
    display: grid;
    gap: 1rem;
}

.settings-inner-tabs[b-uihfgnj0bo] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    border-bottom: 1px solid #e3e8ef;
    padding-bottom: .6rem;
}

.settings-inner-tab[b-uihfgnj0bo] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 38px;
    padding: .5rem .8rem;
    border: 1px solid #d8e0ec;
    border-radius: 8px 8px 0 0;
    background: #fff;
    color: #344054;
    font-weight: 600;
}

.settings-inner-tab:hover[b-uihfgnj0bo] {
    border-color: #9db7dc;
    color: #1f4f8f;
}

.settings-inner-tab.active[b-uihfgnj0bo] {
    border-color: #2f6eb8;
    background: #eef5ff;
    color: #174a87;
}

.settings-inner-content[b-uihfgnj0bo] {
    min-width: 0;
}