/* /Components/CalendarDrawer.razor.rz.scp.css */
.calendar-drawer-backdrop[b-5r8wes0epu] {
    background: rgba(15, 23, 42, 0.35);
    inset: 0;
    position: fixed;
    z-index: 1290;
}

.calendar-drawer[b-5r8wes0epu] {
    background: #f4f7fb;
    border-left: 1px solid #cbd5e1;
    box-shadow: -18px 0 46px rgba(15, 23, 42, 0.2);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100dvh;
    max-width: 100vw;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform 220ms ease;
    width: min(1120px, 94vw);
    z-index: 1291;
}

.calendar-drawer.open[b-5r8wes0epu] {
    transform: translateX(0);
}

.calendar-drawer-header[b-5r8wes0epu] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #dbe3ef;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.calendar-drawer-header span[b-5r8wes0epu] {
    color: #0f766e;
    display: block;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.calendar-drawer-header strong[b-5r8wes0epu] {
    color: #07162f;
    display: block;
    font-size: 1.05rem;
}

.calendar-drawer .icon-button[b-5r8wes0epu] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    height: 2.2rem;
    justify-content: center;
    width: 2.2rem;
}

.calendar-drawer .icon-button:hover[b-5r8wes0epu] {
    background: #ecfeff;
    border-color: #99f6e4;
    color: #0f766e;
}

.calendar-drawer-body[b-5r8wes0epu] {
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
}

.calendar-drawer-body[b-5r8wes0epu]  .study-plan-calendar {
    min-height: 100%;
}

@media (max-width: 760px) {
    .calendar-drawer[b-5r8wes0epu] {
        width: 100vw;
    }

    .calendar-drawer-body[b-5r8wes0epu] {
        padding: .75rem;
    }
}
/* /Components/CalendarQuickButton.razor.rz.scp.css */
.calendar-quick-button[b-bx5s58rkjf] {
    align-items: center;
    background: #0f766e;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px 0 0 999px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.24);
    color: #ffffff;
    display: inline-flex;
    height: 3.25rem;
    justify-content: center;
    position: fixed;
    right: 0;
    top: calc(45% + 4.1rem);
    transform: translateY(-50%);
    transition: background 160ms ease, color 160ms ease, padding-right 160ms ease;
    width: 3.35rem;
    z-index: 1250;
}

.calendar-quick-button:hover[b-bx5s58rkjf],
.calendar-quick-button.active[b-bx5s58rkjf] {
    background: #14b8a6;
    color: #ffffff;
    padding-right: .35rem;
}

.calendar-quick-button i[b-bx5s58rkjf] {
    font-size: 1.22rem;
    line-height: 1;
}

@media (max-width: 640.98px) {
    .calendar-quick-button[b-bx5s58rkjf] {
        bottom: calc(9rem + env(safe-area-inset-bottom));
        top: auto;
        transform: none;
    }
}
/* /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/ChatDrawer.razor.rz.scp.css */
.chat-drawer-backdrop[b-5fudwldxv5] {
    background: rgba(15, 23, 42, 0.35);
    inset: 0;
    position: fixed;
    z-index: 1300;
}

.chat-drawer[b-5fudwldxv5] {
    background: #f4f7fb;
    border-left: 1px solid #cbd5e1;
    box-shadow: -18px 0 46px rgba(15, 23, 42, 0.2);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100dvh;
    max-width: 100vw;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform 220ms ease;
    width: min(980px, 92vw);
    z-index: 1301;
}

.chat-drawer.open[b-5fudwldxv5] {
    transform: translateX(0);
}

.chat-drawer-header[b-5fudwldxv5] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #dbe3ef;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.chat-drawer-header span[b-5fudwldxv5] {
    color: #0d6efd;
    display: block;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.chat-drawer-header strong[b-5fudwldxv5] {
    color: #07162f;
    display: block;
    font-size: 1.05rem;
}

.chat-drawer-actions[b-5fudwldxv5] {
    display: flex;
    gap: .5rem;
}

.chat-drawer .icon-button[b-5fudwldxv5] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    height: 2.2rem;
    justify-content: center;
    width: 2.2rem;
}

.chat-drawer .icon-button:hover[b-5fudwldxv5] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #0d6efd;
}

.chat-drawer-body[b-5fudwldxv5] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    min-height: 0;
    padding: 1rem;
}

.chat-drawer-sidebar[b-5fudwldxv5] {
    display: grid;
    gap: 1rem;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

.chat-create-card[b-5fudwldxv5],
.chat-room-list[b-5fudwldxv5] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.chat-create-card .eyebrow[b-5fudwldxv5] {
    color: #35527a;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.participant-picker[b-5fudwldxv5] {
    border: 1px solid #e4ebf5;
    border-radius: 8px;
    display: grid;
    gap: .35rem;
    max-height: 170px;
    overflow-y: auto;
    padding: .65rem;
}

.participant-picker label[b-5fudwldxv5] {
    align-items: center;
    display: flex;
    gap: .5rem;
    margin: 0;
}

.participant-picker span[b-5fudwldxv5] {
    color: #0f172a;
    font-size: .88rem;
}

.chat-room-list[b-5fudwldxv5] {
    min-height: 0;
    overflow-y: auto;
}

.chat-list-empty[b-5fudwldxv5],
.chat-drawer-empty[b-5fudwldxv5] {
    color: #64748b;
    padding: 1rem;
    text-align: center;
}

.chat-drawer-empty[b-5fudwldxv5] {
    align-items: center;
    display: flex;
    justify-content: center;
}

.chat-room-button[b-5fudwldxv5] {
    background: #ffffff;
    border: 1px solid #e4ebf5;
    border-radius: 8px;
    color: inherit;
    display: grid;
    gap: .4rem;
    padding: .8rem;
    text-align: left;
    width: 100%;
}

.chat-room-button.active[b-5fudwldxv5],
.chat-room-button:hover[b-5fudwldxv5] {
    background: #eff6ff;
    border-color: #93c5fd;
}

.chat-room-button span[b-5fudwldxv5] {
    align-items: flex-start;
    display: flex;
    gap: .6rem;
    justify-content: space-between;
}

.chat-room-button strong[b-5fudwldxv5] {
    color: #07162f;
    display: block;
    font-size: .95rem;
}

.chat-room-button small[b-5fudwldxv5] {
    color: #64748b;
    display: block;
    font-size: .74rem;
    margin-top: .15rem;
}

.chat-room-button b[b-5fudwldxv5] {
    background: #0d6efd;
    border-radius: 999px;
    color: #ffffff;
    font-size: .72rem;
    min-width: 1.35rem;
    padding: .18rem .45rem;
    text-align: center;
}

.chat-room-button em[b-5fudwldxv5] {
    color: #64748b;
    display: block;
    font-size: .82rem;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-drawer-main[b-5fudwldxv5] {
    min-height: 0;
    min-width: 0;
}

.chat-drawer-main[b-5fudwldxv5]  .chat-panel {
    height: 100%;
    min-height: 0;
}

@media (max-width: 760px) {
    .chat-drawer[b-5fudwldxv5] {
        width: 100vw;
    }

    .chat-drawer-body[b-5fudwldxv5] {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .chat-drawer-sidebar[b-5fudwldxv5] {
        grid-template-rows: auto auto;
    }

    .chat-room-list[b-5fudwldxv5] {
        max-height: 320px;
    }

    .chat-drawer-main[b-5fudwldxv5]  .chat-panel {
        min-height: 520px;
    }
}
/* /Components/ChatPanel.razor.rz.scp.css */
.chat-panel[b-yhoxrqv9od] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    display: grid;
    grid-template-rows: auto minmax(220px, 1fr) auto;
    min-height: 520px;
    overflow: hidden;
}

.chat-panel.compact[b-yhoxrqv9od] {
    min-height: 420px;
}

.chat-panel-header[b-yhoxrqv9od] {
    align-items: center;
    border-bottom: 1px solid #e6edf6;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .9rem 1rem;
}

.chat-panel-header span[b-yhoxrqv9od] {
    color: #64748b;
    display: block;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.chat-panel-header strong[b-yhoxrqv9od] {
    color: #07162f;
    display: block;
    font-size: 1rem;
}

.chat-panel-header small[b-yhoxrqv9od] {
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    padding: .25rem .55rem;
}

.chat-panel-header small.online[b-yhoxrqv9od] {
    background: #e8f8ef;
    color: #087b3a;
}

.chat-panel-header small.offline[b-yhoxrqv9od] {
    background: #fff4e6;
    color: #9a5a00;
}

.chat-message-list[b-yhoxrqv9od] {
    background: #f7f9fc;
    display: flex;
    flex-direction: column;
    gap: .7rem;
    overflow-y: auto;
    padding: 1rem;
}

.chat-empty[b-yhoxrqv9od] {
    align-items: center;
    color: #64748b;
    display: flex;
    flex: 1;
    justify-content: center;
    text-align: center;
}

.chat-message[b-yhoxrqv9od] {
    background: #ffffff;
    border: 1px solid #e5ecf5;
    border-radius: 8px;
    max-width: min(78%, 520px);
    padding: .7rem .8rem;
}

.chat-message.mine[b-yhoxrqv9od] {
    align-self: flex-end;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.chat-message.theirs[b-yhoxrqv9od] {
    align-self: flex-start;
}

.chat-message div[b-yhoxrqv9od] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    margin-bottom: .3rem;
}

.chat-message strong[b-yhoxrqv9od] {
    color: #07162f;
    font-size: .82rem;
}

.chat-message time[b-yhoxrqv9od] {
    color: #64748b;
    font-size: .72rem;
}

.chat-message p[b-yhoxrqv9od] {
    color: #0f172a;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

.chat-compose[b-yhoxrqv9od] {
    align-items: stretch;
    border-top: 1px solid #e6edf6;
    display: grid;
    gap: .65rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .8rem;
}

.chat-compose textarea[b-yhoxrqv9od] {
    min-height: 52px;
    resize: none;
}

.chat-compose button[b-yhoxrqv9od] {
    align-items: center;
    display: inline-flex;
    gap: .45rem;
    justify-content: center;
    min-width: 112px;
}

@media (max-width: 720px) {
    .chat-panel[b-yhoxrqv9od] {
        min-height: 520px;
    }

    .chat-message[b-yhoxrqv9od] {
        max-width: 92%;
    }

    .chat-compose[b-yhoxrqv9od] {
        grid-template-columns: 1fr;
    }
}
/* /Components/ChatQuickButton.razor.rz.scp.css */
.chat-quick-button[b-ipeb0qsdfs] {
    align-items: center;
    background: #010034;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px 0 0 999px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.24);
    color: #ffffff;
    display: inline-flex;
    height: 3.25rem;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    transition: background 160ms ease, color 160ms ease, padding-right 160ms ease, transform 160ms ease;
    width: 3.35rem;
    z-index: 1250;
}

.chat-quick-button:hover[b-ipeb0qsdfs],
.chat-quick-button.active[b-ipeb0qsdfs] {
    background: #0d6efd;
    color: #ffffff;
    padding-right: .35rem;
}

.chat-quick-button i[b-ipeb0qsdfs] {
    font-size: 1.22rem;
    line-height: 1;
}

@media (max-width: 640.98px) {
    .chat-quick-button[b-ipeb0qsdfs] {
        bottom: calc(5.35rem + env(safe-area-inset-bottom));
        top: auto;
        transform: none;
    }
}
/* /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: 600;
    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: 600;
}

.full-calendar-host[b-tn6jqrnwhi]  .fc {
    color: #e5edf7;
    font-family: inherit;
    font-size: .95rem;
}

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

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

.full-calendar-host[b-tn6jqrnwhi]  .fc .fc-button {
    border: 1px solid rgba(125, 211, 252, .28);
    border-radius: 7px;
    background: rgba(15, 23, 42, .92);
    color: #f8fafc;
    font-weight: 600;
    box-shadow: none;
}

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

.full-calendar-host[b-tn6jqrnwhi]  .fc-theme-standard td,
.full-calendar-host[b-tn6jqrnwhi]  .fc-theme-standard th,
.full-calendar-host[b-tn6jqrnwhi]  .fc-theme-standard .fc-scrollgrid {
    border-color: rgba(226, 232, 240, .62);
}

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

.full-calendar-host[b-tn6jqrnwhi]  .fc-daygrid-day-number {
    display: inline-flex;
    min-width: 1.75rem;
    justify-content: center;
    padding: .25rem .35rem;
}

.full-calendar-host[b-tn6jqrnwhi]  .fc-day-other .fc-daygrid-day-number {
    color: #cbd5e1;
    opacity: .72;
}

.full-calendar-host[b-tn6jqrnwhi]  .fc-day-today {
    background: rgba(250, 204, 21, .16) !important;
}

.full-calendar-host[b-tn6jqrnwhi]  .fc-day-today .fc-daygrid-day-number {
    color: #ffffff;
}

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

.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/GlobalChatPopup.razor.rz.scp.css */
.global-chat-popup[b-ae9d0v1n6g] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    bottom: 1.25rem;
    box-shadow: 0 18px 46px rgba(15, 23, 42, 0.22);
    display: grid;
    gap: .75rem;
    max-width: min(420px, calc(100vw - 2rem));
    padding: 1rem;
    position: fixed;
    right: 1.25rem;
    width: 420px;
    z-index: 1200;
}

.global-chat-popup header[b-ae9d0v1n6g] {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.global-chat-popup header span[b-ae9d0v1n6g] {
    color: #0d6efd;
    display: block;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.global-chat-popup header strong[b-ae9d0v1n6g] {
    color: #07162f;
    display: block;
    font-size: 1rem;
}

.global-chat-popup .icon-button[b-ae9d0v1n6g] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.global-chat-popup article[b-ae9d0v1n6g] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: .75rem;
}

.global-chat-popup article strong[b-ae9d0v1n6g] {
    color: #0f172a;
    display: block;
    font-size: .84rem;
    margin-bottom: .25rem;
}

.global-chat-popup article p[b-ae9d0v1n6g] {
    color: #334155;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

.global-chat-popup footer[b-ae9d0v1n6g] {
    display: grid;
    gap: .65rem;
}

.global-chat-popup textarea[b-ae9d0v1n6g] {
    resize: none;
}

.global-chat-popup footer div[b-ae9d0v1n6g] {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
}

@media (max-width: 640px) {
    .global-chat-popup[b-ae9d0v1n6g] {
        bottom: calc(5.25rem + env(safe-area-inset-bottom));
        left: 1rem;
        right: 1rem;
        width: auto;
    }
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
#blazor-error-ui[b-in3k89vras] {
    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-in3k89vras] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /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;
}

.exam-focus-layout[b-xebraxt6ro] {
    background: #0f172a;
    min-height: 100vh;
    padding: 0;
}

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

.sidebar[b-xebraxt6ro] {
    background: #010034;
    box-shadow: 1px 0 22px rgba(1, 0, 52, 0.18);
}

.top-row[b-xebraxt6ro] {
    background-color: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid #dfe3f1;
    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: #010034;
    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: 600;
}

.top-row[b-xebraxt6ro]  .top-inbox-actions {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
}

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

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

.top-row[b-xebraxt6ro]  .top-inbox-action i {
    font-size: 1.12rem;
    line-height: 1;
}

.top-row[b-xebraxt6ro]  .top-inbox-action.message i {
    color: #0f766e;
}

.top-row[b-xebraxt6ro]  .top-inbox-action.notification i {
    color: #7c3aed;
}

.top-row[b-xebraxt6ro]  .top-inbox-badge {
    align-items: center;
    background: #dc3545;
    border: 2px solid #ffffff;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 0.64rem;
    font-weight: 900;
    height: 1.12rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.12rem;
    padding: 0 0.22rem;
    position: absolute;
    right: -0.35rem;
    top: -0.38rem;
}

.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: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-heading-copy strong[b-xebraxt6ro] {
    color: #102a2a;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    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: #010034;
        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] {
        align-content: center;
        flex-wrap: wrap;
        gap: 0.4rem;
        height: auto;
        justify-content: flex-end;
        min-height: 5.6rem;
        padding: 0.45rem 0.7rem !important;
    }

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

    .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;
    }

    .top-row[b-xebraxt6ro]  .panel-host-selector,
    .top-row[b-xebraxt6ro]  .panel-host-chip,
    .top-row[b-xebraxt6ro]  .admin-role-selector,
    .top-row[b-xebraxt6ro]  .user-role-mode-selector {
        display: none;
    }

    .top-row[b-xebraxt6ro]  .top-cart-button,
    .top-row[b-xebraxt6ro]  .top-inbox-action,
    .top-row[b-xebraxt6ro]  .presence-button,
    .top-row[b-xebraxt6ro]  .user-menu-toggle {
        height: 2.08rem;
        min-height: 2.08rem;
    }

    .top-row[b-xebraxt6ro]  .top-cart-button,
    .top-row[b-xebraxt6ro]  .top-inbox-action {
        width: 2.08rem;
    }

    .top-row[b-xebraxt6ro]  .top-cart-button,
    .top-row[b-xebraxt6ro]  .top-inbox-actions,
    .top-row[b-xebraxt6ro]  .presence-control,
    .top-row[b-xebraxt6ro]  .user-menu {
        order: 2;
    }

    .top-row[b-xebraxt6ro]  .top-inbox-actions {
        gap: 0.32rem;
    }

    .top-row[b-xebraxt6ro]  .top-cart-count,
    .top-row[b-xebraxt6ro]  .top-inbox-badge {
        border-width: 1px;
        font-size: 0.58rem;
        height: 0.98rem;
        min-width: 0.98rem;
        right: -0.26rem;
        top: -0.28rem;
    }

    .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: 600;
        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");
    }

    .mobile-bottom-icon.home[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='M2.5 9.1 10 2.75l7.5 6.35v7.15A1.75 1.75 0 0 1 15.75 18h-3.2v-5.2h-5.1V18h-3.2a1.75 1.75 0 0 1-1.75-1.75V9.1Z'/%3E%3C/svg%3E");
    }

    .mobile-bottom-icon.students[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='M7.2 9.5a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4Zm7.05.35a2.55 2.55 0 1 0 0-5.1 2.55 2.55 0 0 0 0 5.1ZM7.2 10.8c-3.25 0-5.7 1.6-5.7 3.75v.7c0 .9.73 1.65 1.65 1.65h8.1c.92 0 1.65-.74 1.65-1.65v-.7c0-2.15-2.45-3.75-5.7-3.75Zm7.05.2c-.65 0-1.26.08-1.82.24 1.2.82 1.97 1.95 1.97 3.31v.7c0 .55-.13 1.06-.36 1.5h2.8c.92 0 1.66-.74 1.66-1.65v-.55c0-2.03-1.83-3.55-4.25-3.55Z'/%3E%3C/svg%3E");
    }

    .mobile-bottom-icon.live[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.25 4.25A2.25 2.25 0 0 0 1 6.5v7A2.25 2.25 0 0 0 3.25 15.75h8.5A2.25 2.25 0 0 0 14 13.5v-7a2.25 2.25 0 0 0-2.25-2.25h-8.5Zm12.1 3.1 2.15-1.25c.67-.39 1.5.1 1.5.87v6.06c0 .77-.83 1.26-1.5.87l-2.15-1.25v-5.3Z'/%3E%3C/svg%3E");
    }

    .mobile-bottom-icon.store[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.1 3.5h13.8l.8 4.2a2.6 2.6 0 0 1-4.64 2.02 2.6 2.6 0 0 1-4.12 0A2.6 2.6 0 0 1 4.3 7.7l.8-4.2Zm1.15 8.2c.64.25 1.39.25 2.06-.04.6-.26 1.1-.7 1.45-1.23a3.72 3.72 0 0 0 6.48 0 3.65 3.65 0 0 0 1.45 1.23c.67.29 1.42.29 2.06.04v4.05A1.75 1.75 0 0 1 16 17.5H4a1.75 1.75 0 0 1-1.75-1.75V11.7Z'/%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(255, 255, 255, 0.06);
}

.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-item .nav-action-link[b-ej4cyq1wry] {
        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-item .nav-action-link:hover[b-ej4cyq1wry] {
    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: #010034;
        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-security-alert[b-moorbnwg4g] {
    align-items: center;
    background: #f8d7da;
    border: 1px solid #f1aeb5;
    border-radius: 8px;
    color: #58151c;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .85rem 1rem;
    text-align: left;
}

.profile-security-alert:hover[b-moorbnwg4g] {
    background: #f1b0b7;
}

.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-workspace[b-moorbnwg4g] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: 220px minmax(0, 1fr);
}

.profile-tabs[b-moorbnwg4g] {
    background: #f8fafc;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    display: grid;
    gap: .45rem;
    padding: .65rem;
    position: sticky;
    top: 1rem;
}

.profile-tabs button[b-moorbnwg4g] {
    align-items: center;
    background: #f4f7fb;
    border: 1px solid #d7dee8;
    border-radius: 6px;
    color: #334155;
    display: flex;
    justify-content: flex-start;
    min-height: 2.4rem;
    padding: .45rem .75rem;
    text-align: left;
}

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

.profile-mobile-tab-toggle[b-moorbnwg4g],
.profile-tabs-backdrop[b-moorbnwg4g] {
    display: none;
}

.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: 2px solid #010034;
    border-radius: 999px;
    display: block;
    object-fit: cover;
    width: 112px;
}

.profile-image-manager[b-moorbnwg4g] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1rem;
}

.profile-image-actions[b-moorbnwg4g] {
    display: grid;
    gap: .7rem;
}

.button-row.compact[b-moorbnwg4g] {
    margin: 0;
}

.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;
}

.verify-input-row[b-moorbnwg4g] {
    align-items: start;
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.verify-input-row .btn[b-moorbnwg4g] {
    align-items: center;
    display: inline-flex;
    gap: .4rem;
    min-height: 38px;
    white-space: nowrap;
}

.profile-identity-form[b-moorbnwg4g] {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    display: grid;
    max-width: 920px;
    overflow: hidden;
    background: #fff;
}

.profile-info-row[b-moorbnwg4g] {
    display: grid;
    grid-template-columns: 12rem minmax(0, 1fr);
    min-height: 3.2rem;
}

.profile-info-row + .profile-info-row[b-moorbnwg4g] {
    border-top: 1px solid #e2e8f0;
}

.profile-info-row > .form-label[b-moorbnwg4g] {
    align-items: center;
    background: #f8fafc;
    border-right: 1px solid #e2e8f0;
    color: #0f172a;
    display: flex;
    font-size: .92rem;
    font-weight: 600;
    margin: 0;
    padding: .75rem 1rem;
}

.profile-info-row.align-start > .form-label[b-moorbnwg4g] {
    align-items: flex-start;
    padding-top: 1rem;
}

.profile-info-field[b-moorbnwg4g] {
    align-content: center;
    display: grid;
    gap: .35rem;
    padding: .55rem .65rem;
}

.profile-info-field.split[b-moorbnwg4g] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.profile-info-field .form-control[b-moorbnwg4g],
.profile-info-field .form-select[b-moorbnwg4g] {
    border-color: transparent;
    box-shadow: none;
    min-height: 2.4rem;
}

.profile-info-field .form-control:focus[b-moorbnwg4g],
.profile-info-field .form-select:focus[b-moorbnwg4g] {
    border-color: #93c5fd;
    box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .12);
}

.profile-info-field textarea.form-control[b-moorbnwg4g] {
    border-color: transparent;
    min-height: 8rem;
    resize: vertical;
}

.verify-input-row.compact[b-moorbnwg4g] {
    align-items: center;
    gap: .55rem;
    grid-template-columns: minmax(0, 1fr) 7.5rem;
}

.verify-action[b-moorbnwg4g] {
    justify-content: center;
    min-width: 7.5rem;
}

.verification-modal-body[b-moorbnwg4g] {
    display: grid;
    gap: .75rem;
}

.security-action-card[b-moorbnwg4g] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.security-action-card > div[b-moorbnwg4g] {
    display: grid;
    gap: .25rem;
}

.security-action-card .btn[b-moorbnwg4g] {
    align-items: center;
    display: inline-flex;
    gap: .45rem;
}

.password-change-body[b-moorbnwg4g] {
    display: grid;
    gap: 1rem;
}

.password-modal-field[b-moorbnwg4g] {
    display: grid;
    gap: .35rem;
}

.password-modal-field .form-label[b-moorbnwg4g] {
    color: #6b7280;
    font-size: .9rem;
    margin: 0;
}

.password-modal-actions[b-moorbnwg4g] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: .75rem;
}

.password-modal-actions .btn[b-moorbnwg4g] {
    border-radius: 999px;
    font-weight: 700;
    min-height: 44px;
}

.password-verification-card[b-moorbnwg4g] {
    background: #f8fafc;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    display: grid;
    gap: .85rem;
    padding: .9rem;
}

.password-verification-card strong[b-moorbnwg4g],
.password-verification-card span[b-moorbnwg4g],
.password-verification-card small[b-moorbnwg4g] {
    display: block;
}

.password-verification-card strong[b-moorbnwg4g] {
    color: #010034;
    font-weight: 900;
}

.password-verification-card span[b-moorbnwg4g],
.password-verification-card small[b-moorbnwg4g] {
    color: #64748b;
    font-size: .88rem;
}

.password-verification-card small[b-moorbnwg4g] {
    margin-top: .2rem;
}

.password-verification-actions[b-moorbnwg4g],
.password-verification-code[b-moorbnwg4g] {
    display: grid;
    gap: .6rem;
}

.password-verification-code[b-moorbnwg4g] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.password-verified-badge[b-moorbnwg4g] {
    align-items: center;
    background: #e7f7ef;
    border: 1px solid #a7dec3;
    border-radius: 999px;
    color: #166534;
    display: inline-flex !important;
    font-weight: 900;
    gap: .35rem;
    justify-self: start;
    padding: .45rem .75rem;
}

.password-rules[b-moorbnwg4g] {
    color: #6b7280;
    display: grid;
    font-size: .9rem;
    gap: .15rem;
    padding-top: .25rem;
}

.password-rules strong[b-moorbnwg4g] {
    color: #4b5563;
    margin-bottom: .15rem;
}

[b-moorbnwg4g] .edit-modal.password-modal {
    max-width: min(620px, calc(100vw - 2rem));
}

[b-moorbnwg4g] .edit-modal.password-modal .edit-modal-body {
    padding-bottom: 1rem;
}

[b-moorbnwg4g] .edit-modal.password-modal .password-modal-actions {
    gap: .75rem;
    grid-template-columns: 1fr 1fr;
}

[b-moorbnwg4g] .edit-modal.password-modal .password-rules {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: .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;
}

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

.account-status-grid[b-moorbnwg4g] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.account-status-card[b-moorbnwg4g] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
    display: grid;
    gap: .28rem;
    padding: 1rem;
}

.account-status-card span[b-moorbnwg4g] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.account-status-card strong[b-moorbnwg4g] {
    color: #010034;
    font-size: 1.55rem;
    line-height: 1.1;
}

.account-status-card small[b-moorbnwg4g] {
    color: #64748b;
}

.account-status-card.muted[b-moorbnwg4g] {
    background: #f8fafc;
}

.account-status-card.danger[b-moorbnwg4g] {
    background: #fff7f7;
    border-color: #fecaca;
}

.account-status-card.danger span[b-moorbnwg4g] {
    color: #b91c1c;
}

.account-status-card.danger strong[b-moorbnwg4g] {
    font-size: 1.25rem;
}

.account-close-confirmation[b-moorbnwg4g] {
    display: grid;
    gap: 1rem;
}

.account-close-warning[b-moorbnwg4g] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    color: #7c2d12;
    display: grid;
    gap: .75rem;
    padding: .95rem;
}

.account-close-warning strong[b-moorbnwg4g] {
    color: #9a3412;
    font-size: 1rem;
    font-weight: 900;
}

.account-close-warning p[b-moorbnwg4g] {
    margin: 0;
}

.account-close-confirmation strong[b-moorbnwg4g],
.account-close-confirmation span[b-moorbnwg4g] {
    display: block;
}

.account-close-confirmation strong[b-moorbnwg4g] {
    color: #010034;
    font-weight: 900;
}

.account-close-confirmation > div > span[b-moorbnwg4g] {
    color: #64748b;
    font-size: .9rem;
}

.account-close-check[b-moorbnwg4g] {
    align-items: flex-start;
    background: #fff7f7;
    border: 1px solid #fecaca;
    border-radius: 8px;
    color: #7f1d1d;
    display: flex;
    font-weight: 700;
    gap: .55rem;
    padding: .8rem;
}

.profile-social-main[b-moorbnwg4g],
.profile-social-side[b-moorbnwg4g] {
    display: grid;
    gap: 1rem;
}

.profile-social-main[b-moorbnwg4g] {
    align-content: start;
}

.profile-cover-preview[b-moorbnwg4g] {
    align-items: start;
    background:
        linear-gradient(90deg, rgba(1, 0, 52, .72), rgba(1, 0, 52, .06)),
        url("/avatars/avatar-wave.svg");
    background-color: #0ea5e9;
    background-position: center;
    background-size: cover;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: flex-end;
    min-height: 190px;
    padding: .9rem;
}

.profile-cover-preview .btn[b-moorbnwg4g] {
    align-items: center;
    display: inline-flex;
    gap: .4rem;
}

.profile-identity-card[b-moorbnwg4g] {
    align-items: end;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0 0 8px 8px;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin-top: -1rem;
    padding: 0 1rem 1rem;
}

.profile-avatar-edit-wrap[b-moorbnwg4g] {
    display: inline-flex;
    position: relative;
}

.profile-social-avatar[b-moorbnwg4g] {
    background: #fff;
    border: 4px solid #fff;
    border-radius: 999px;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .18);
    height: 112px;
    object-fit: cover;
    width: 112px;
}

.profile-avatar-edit-button[b-moorbnwg4g] {
    align-items: center;
    background: #010034;
    border: 3px solid #fff;
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .22);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    height: 2.15rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: .05rem;
    top: .05rem;
    width: 2.15rem;
}

.profile-avatar-edit-button i[b-moorbnwg4g] {
    pointer-events: none;
    position: relative;
    z-index: 1;
}

.profile-avatar-edit-button:hover[b-moorbnwg4g] {
    background: #2563eb;
}

.profile-avatar-menu[b-moorbnwg4g] {
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .2);
    display: grid;
    min-width: 13.5rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 2.45rem;
    z-index: 20;
}

.profile-avatar-menu-backdrop[b-moorbnwg4g] {
    background: transparent;
    border: 0;
    cursor: default;
    inset: 0;
    padding: 0;
    position: fixed;
    z-index: 19;
}

.profile-avatar-menu button[b-moorbnwg4g],
.profile-avatar-menu label[b-moorbnwg4g] {
    align-items: center;
    background: #fff;
    border: 0;
    color: #0f172a;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    gap: .55rem;
    margin: 0;
    min-height: 2.8rem;
    padding: .7rem .85rem;
    position: relative;
    text-align: left;
    width: 100%;
}

.profile-avatar-menu button:hover[b-moorbnwg4g],
.profile-avatar-menu label:hover[b-moorbnwg4g] {
    background: #f1f5f9;
}

.profile-avatar-menu i[b-moorbnwg4g] {
    color: #010034;
    flex: 0 0 auto;
    font-size: 1rem;
    width: 1.15rem;
}

.profile-avatar-file-input[b-moorbnwg4g] {
    cursor: pointer;
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.profile-identity-card h3[b-moorbnwg4g] {
    font-size: 1.25rem;
    margin: 0;
}

.profile-identity-card p[b-moorbnwg4g] {
    color: #64748b;
    margin: .2rem 0 0;
}

.profile-social-stats[b-moorbnwg4g] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-end;
}

.profile-social-stats span[b-moorbnwg4g] {
    color: #64748b;
    display: grid;
    font-size: .76rem;
    justify-items: center;
    min-width: 3.4rem;
}

.profile-social-stats strong[b-moorbnwg4g] {
    color: #0f172a;
    font-size: 1rem;
}

.profile-card-heading[b-moorbnwg4g] {
    align-items: start;
    display: flex;
    gap: .85rem;
    justify-content: space-between;
}

.profile-card-heading strong[b-moorbnwg4g] {
    color: #07162f;
    display: block;
    font-size: 1.05rem;
}

.profile-card-heading span[b-moorbnwg4g] {
    color: #64748b;
    display: block;
    font-size: .88rem;
    margin-top: .12rem;
}

.icon-button.subtle[b-moorbnwg4g] {
    background: #f8fafc;
    border: 1px solid #dbe3ef;
    color: #010034;
    flex: 0 0 auto;
}

.icon-button.subtle:hover[b-moorbnwg4g] {
    background: #010034;
    color: #fff;
}

.profile-about-card[b-moorbnwg4g] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.profile-about-preview[b-moorbnwg4g] {
    color: #334155;
    line-height: 1.6;
    max-height: 18rem;
    overflow: auto;
    padding-right: .25rem;
}

.profile-about-preview[b-moorbnwg4g]  p:last-child,
.profile-about-preview .muted-line[b-moorbnwg4g] {
    margin-bottom: 0;
}

.profile-about-modal-body[b-moorbnwg4g] {
    min-height: 22rem;
}

.profile-editor-grid[b-moorbnwg4g] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
}

.profile-social-side section[b-moorbnwg4g] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .7rem;
    padding: 1rem;
}

.profile-social-side p[b-moorbnwg4g] {
    color: #334155;
    margin: 0;
}

.profile-social-side span[b-moorbnwg4g] {
    align-items: center;
    color: #64748b;
    display: flex;
    gap: .5rem;
    font-size: .9rem;
}

.side-title[b-moorbnwg4g] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.social-link-grid[b-moorbnwg4g] {
    display: grid;
    gap: .7rem;
}

.social-link-grid label[b-moorbnwg4g],
.social-link-grid label span[b-moorbnwg4g] {
    display: grid;
    gap: .35rem;
}

.social-link-grid label span[b-moorbnwg4g] {
    align-items: center;
    color: #334155;
    font-weight: 700;
    grid-template-columns: auto minmax(0, 1fr);
}

@media (max-width: 760px) {
    .profile-hero[b-moorbnwg4g] {
        grid-template-columns: 1fr;
    }

    .profile-workspace[b-moorbnwg4g] {
        grid-template-columns: 1fr;
    }

    .profile-mobile-tab-toggle[b-moorbnwg4g] {
        align-items: center;
        background: #1f2937;
        border: 1px solid #111827;
        border-radius: 0 999px 999px 0;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .22);
        color: #fff;
        display: inline-flex;
        gap: .45rem;
        left: 0;
        min-height: 2.75rem;
        padding: .55rem .85rem;
        position: fixed;
        top: 45dvh;
        z-index: 1215;
    }

    .profile-tabs-backdrop[b-moorbnwg4g] {
        background: transparent;
        border: 0;
        display: block;
        inset: 0;
        position: fixed;
        z-index: 1210;
    }

    .profile-tabs[b-moorbnwg4g] {
        box-shadow: 0 20px 44px rgba(15, 23, 42, .24);
        left: 0;
        max-height: calc(100dvh - 7rem);
        min-width: min(18rem, calc(100vw - 3.25rem));
        overflow: auto;
        position: fixed;
        top: 34dvh;
        transform: translateX(calc(-100% - .75rem));
        transition: transform .2s ease;
        width: max-content;
        z-index: 1220;
    }

    .profile-tabs.open[b-moorbnwg4g] {
        transform: translateX(.75rem);
    }

    .profile-tabs button[b-moorbnwg4g] {
        min-width: 12rem;
    }

    .verify-input-row[b-moorbnwg4g] {
        grid-template-columns: 1fr;
    }

    .profile-identity-form[b-moorbnwg4g] {
        max-width: none;
    }

    .profile-info-row[b-moorbnwg4g] {
        grid-template-columns: 1fr;
    }

    .profile-info-row > .form-label[b-moorbnwg4g] {
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
        padding: .65rem .8rem;
    }

    .profile-info-field[b-moorbnwg4g] {
        padding: .65rem .8rem;
    }

    .profile-info-field.split[b-moorbnwg4g],
    .verify-input-row.compact[b-moorbnwg4g] {
        grid-template-columns: 1fr;
    }

    .verify-action[b-moorbnwg4g] {
        width: 100%;
    }

    .profile-image-manager[b-moorbnwg4g] {
        justify-items: start;
        grid-template-columns: 1fr;
    }

    .public-profile-layout[b-moorbnwg4g],
    .profile-editor-grid[b-moorbnwg4g] {
        grid-template-columns: 1fr;
    }

    .profile-identity-card[b-moorbnwg4g] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .profile-card-heading[b-moorbnwg4g] {
        align-items: stretch;
    }

    .profile-about-card[b-moorbnwg4g] {
        padding: .9rem;
    }

    .profile-about-preview[b-moorbnwg4g] {
        max-height: 14rem;
    }

    .profile-social-stats[b-moorbnwg4g] {
        justify-content: flex-start;
    }
}
/* /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/BannerList.razor.rz.scp.css */
.banner-item-row[b-w19vp0wlld] {
    grid-template-columns: auto minmax(140px, 220px) 1fr auto;
    align-items: start;
}

.banner-item-preview[b-w19vp0wlld] {
    width: 100%;
    min-width: 140px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--bs-border-color);
    background: #f8fafc;
}

.banner-item-preview img[b-w19vp0wlld] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.banner-item-empty[b-w19vp0wlld] {
    height: 100%;
    display: grid;
    place-items: center;
    color: #64748b;
    font-size: .9rem;
}

@media (max-width: 900px) {
    .banner-item-row[b-w19vp0wlld] {
        grid-template-columns: 1fr;
    }
}
/* /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: 600;
    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/ChatRooms.razor.rz.scp.css */
.chat-rooms-page[b-yf6gdtn3ay] {
    display: grid;
    gap: 1rem;
}

.chat-workspace[b-yf6gdtn3ay] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
}

.chat-sidebar[b-yf6gdtn3ay] {
    display: grid;
    gap: 1rem;
}

.chat-create-card[b-yf6gdtn3ay],
.chat-room-list[b-yf6gdtn3ay] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.chat-create-card .eyebrow[b-yf6gdtn3ay] {
    color: #35527a;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.participant-picker[b-yf6gdtn3ay] {
    border: 1px solid #e4ebf5;
    border-radius: 8px;
    display: grid;
    gap: .35rem;
    max-height: 220px;
    overflow-y: auto;
    padding: .65rem;
}

.participant-picker label[b-yf6gdtn3ay] {
    align-items: center;
    display: flex;
    gap: .5rem;
    margin: 0;
}

.participant-picker span[b-yf6gdtn3ay] {
    color: #0f172a;
    font-size: .88rem;
}

.chat-room-list[b-yf6gdtn3ay] {
    max-height: 68vh;
    overflow-y: auto;
}

.chat-list-empty[b-yf6gdtn3ay] {
    color: #64748b;
    padding: 1rem;
    text-align: center;
}

.chat-room-button[b-yf6gdtn3ay] {
    background: #ffffff;
    border: 1px solid #e4ebf5;
    border-radius: 8px;
    color: inherit;
    display: grid;
    gap: .4rem;
    padding: .8rem;
    text-align: left;
    width: 100%;
}

.chat-room-button.active[b-yf6gdtn3ay],
.chat-room-button:hover[b-yf6gdtn3ay] {
    background: #eff6ff;
    border-color: #93c5fd;
}

.chat-room-button span[b-yf6gdtn3ay] {
    align-items: flex-start;
    display: flex;
    gap: .6rem;
    justify-content: space-between;
}

.chat-room-button strong[b-yf6gdtn3ay] {
    color: #07162f;
    display: block;
    font-size: .95rem;
}

.chat-room-button small[b-yf6gdtn3ay] {
    color: #64748b;
    display: block;
    font-size: .74rem;
    margin-top: .15rem;
}

.chat-room-button b[b-yf6gdtn3ay] {
    background: #0d6efd;
    border-radius: 999px;
    color: #ffffff;
    font-size: .72rem;
    min-width: 1.35rem;
    padding: .18rem .45rem;
    text-align: center;
}

.chat-room-button em[b-yf6gdtn3ay] {
    color: #64748b;
    display: block;
    font-size: .82rem;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-main[b-yf6gdtn3ay] {
    min-width: 0;
}

@media (max-width: 980px) {
    .chat-workspace[b-yf6gdtn3ay] {
        grid-template-columns: 1fr;
    }

    .chat-room-list[b-yf6gdtn3ay] {
        max-height: 420px;
    }
}
/* /Components/Pages/DomainList.razor.rz.scp.css */
.host-logo-picker[b-iremgnbw95] {
    align-items: center;
    border: 1px solid #dde3ef;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    grid-template-columns: 5rem minmax(0, 1fr);
    padding: .75rem;
}

.host-logo-picker img[b-iremgnbw95],
.host-logo-placeholder[b-iremgnbw95] {
    align-items: center;
    align-self: start;
    background: #f8fafc;
    border: 1px solid #d8dced;
    border-radius: 8px;
    color: #010034;
    display: inline-flex;
    font-size: .9rem;
    font-weight: 800;
    height: 3.2rem;
    justify-content: center;
    max-height: 3.2rem;
    max-width: 5rem;
    object-fit: contain;
    padding: .25rem;
    width: 5rem;
}

.host-logo-picker > div:not(.host-logo-placeholder)[b-iremgnbw95] {
    min-width: 0;
}

.host-logo-picker strong[b-iremgnbw95],
.host-logo-picker span[b-iremgnbw95] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.host-logo-picker span[b-iremgnbw95] {
    color: #64748b;
    font-size: .82rem;
}

.host-logo-picker .btn[b-iremgnbw95] {
    justify-self: start;
}

@media (min-width: 768px) {
    .host-logo-picker[b-iremgnbw95] {
        grid-template-columns: 5rem minmax(0, 1fr) auto auto;
    }
}

@media (max-width: 767.98px) {
    .host-logo-picker[b-iremgnbw95] {
        grid-template-columns: 4.5rem minmax(0, 1fr);
    }

    .host-logo-picker img[b-iremgnbw95],
    .host-logo-placeholder[b-iremgnbw95] {
        height: 3rem;
        max-height: 3rem;
        max-width: 4.5rem;
        width: 4.5rem;
    }
}
/* /Components/Pages/ECommerceCoupons.razor.rz.scp.css */
.ecommerce-admin[b-d498bzjzmh] {
    display: grid;
    gap: 1rem;
}

[b-d498bzjzmh] .coupon-edit-modal {
    max-width: 62rem;
    width: min(100%, 62rem);
}

[b-d498bzjzmh] .coupon-edit-modal .edit-modal-body {
    padding: 1.1rem 1.25rem 1.2rem;
}

[b-d498bzjzmh] .coupon-edit-modal .edit-modal-footer {
    padding: 0.9rem 1.25rem;
}

.coupon-editor[b-d498bzjzmh] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.coupon-field[b-d498bzjzmh] {
    display: grid;
    gap: 0.4rem;
    font-weight: 700;
    color: #173b36;
    margin: 0;
    min-width: 0;
}

.coupon-code-field[b-d498bzjzmh] {
    grid-column: span 3;
}

.coupon-name-field[b-d498bzjzmh] {
    grid-column: span 5;
}

.coupon-number-field[b-d498bzjzmh] {
    grid-column: span 2;
}

.coupon-sponsor-field[b-d498bzjzmh] {
    grid-column: span 4;
}

.coupon-message-field[b-d498bzjzmh] {
    grid-column: span 6;
}

.coupon-message-field textarea[b-d498bzjzmh] {
    min-height: 4.3rem;
    resize: vertical;
}

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

.coupon-store-field[b-d498bzjzmh] {
    grid-column: 1 / -1;
}

.coupon-store-field[b-d498bzjzmh] {
    background: #f8fafc;
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    display: grid;
    gap: 0.5rem;
    padding: 0.85rem;
}

.coupon-store-field > span[b-d498bzjzmh] {
    color: #1f2937;
    font-weight: 600;
}

.coupon-store-field > small[b-d498bzjzmh] {
    color: #64748b;
}

.coupon-store-list[b-d498bzjzmh] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.coupon-active-row[b-d498bzjzmh] {
    align-items: center;
    align-self: end;
    background: #f8fafc;
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    color: #173b36;
    display: inline-flex;
    font-weight: 600;
    gap: 0.5rem;
    grid-column: span 2;
    min-height: 2.65rem;
    padding: 0 0.75rem;
}

.editor-actions[b-d498bzjzmh] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
}

@media (max-width: 900px) {
    .coupon-code-field[b-d498bzjzmh],
    .coupon-name-field[b-d498bzjzmh],
    .coupon-number-field[b-d498bzjzmh],
    .coupon-sponsor-field[b-d498bzjzmh],
    .coupon-message-field[b-d498bzjzmh],
    .coupon-active-row[b-d498bzjzmh] {
        grid-column: span 6;
    }
}

@media (max-width: 620px) {
    [b-d498bzjzmh] .coupon-edit-modal {
        width: min(100%, 38rem);
    }

    .coupon-code-field[b-d498bzjzmh],
    .coupon-name-field[b-d498bzjzmh],
    .coupon-number-field[b-d498bzjzmh],
    .coupon-sponsor-field[b-d498bzjzmh],
    .coupon-message-field[b-d498bzjzmh],
    .coupon-active-row[b-d498bzjzmh] {
        grid-column: 1 / -1;
    }
}
/* /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/ECommerceStores.razor.rz.scp.css */
.ecommerce-store-admin[b-ep876mzd68] {
    display: grid;
    gap: 1rem;
}

.store-summary-grid[b-ep876mzd68] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.store-summary-card[b-ep876mzd68] {
    border: 1px solid #dde5f0;
    border-radius: 8px;
    padding: 1rem;
    background: #fff;
}

.store-summary-card span[b-ep876mzd68] {
    display: block;
    color: #5b6475;
    font-size: 0.84rem;
}

.store-summary-card strong[b-ep876mzd68] {
    display: block;
    color: #010034;
    font-size: 1.8rem;
    line-height: 1.1;
    margin-top: 0.35rem;
}

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

.store-editor-grid .full[b-ep876mzd68] {
    grid-column: 1 / -1;
}

.store-active-row[b-ep876mzd68] {
    align-self: end;
    margin: 0;
}

.store-picker-layout[b-ep876mzd68] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.store-picker-panel[b-ep876mzd68] {
    border: 1px solid #dde5f0;
    border-radius: 8px;
    padding: 1rem;
    background: #fff;
}

.store-check-list[b-ep876mzd68] {
    display: grid;
    gap: 0.5rem;
    max-height: 19rem;
    overflow: auto;
    padding-right: 0.25rem;
}

.store-check-row[b-ep876mzd68] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    border: 1px solid #edf1f7;
    border-radius: 8px;
    padding: 0.65rem 0.75rem;
}

.store-check-row input[b-ep876mzd68] {
    margin-top: 0.2rem;
}

.store-check-row span[b-ep876mzd68] {
    display: grid;
    gap: 0.1rem;
}

.store-check-row small[b-ep876mzd68] {
    color: #667085;
}

.status-pill[b-ep876mzd68] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.status-pill.active[b-ep876mzd68] {
    background: #e7f8ef;
    color: #137446;
}

.status-pill.passive[b-ep876mzd68] {
    background: #f1f4f9;
    color: #5b6475;
}

@media (max-width: 900px) {
    .store-summary-grid[b-ep876mzd68],
    .store-editor-grid[b-ep876mzd68],
    .store-picker-layout[b-ep876mzd68] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/FeedManagement.razor.rz.scp.css */
.section-actions[b-bmpwsp4sc5] {
    align-items: center;
    display: flex;
    gap: .6rem;
}

.feed-admin-list[b-bmpwsp4sc5] {
    display: grid;
    gap: .85rem;
}

.feed-admin-row[b-bmpwsp4sc5] {
    align-items: stretch;
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
    display: grid;
    gap: 1rem;
    grid-template-columns: 8.5rem minmax(0, 1fr) auto;
    padding: .85rem;
}

.feed-admin-media[b-bmpwsp4sc5] {
    align-items: center;
    background: #f1f5f9;
    border-radius: 8px;
    color: #010034;
    display: flex;
    justify-content: center;
    min-height: 7rem;
    overflow: hidden;
}

.feed-admin-media img[b-bmpwsp4sc5] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.feed-admin-media i[b-bmpwsp4sc5] {
    font-size: 2rem;
}

.feed-admin-copy[b-bmpwsp4sc5] {
    display: grid;
    gap: .3rem;
    min-width: 0;
}

.feed-admin-category[b-bmpwsp4sc5],
.feed-admin-pin[b-bmpwsp4sc5] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 600;
    padding: .22rem .55rem;
}

.feed-admin-category[b-bmpwsp4sc5] {
    background: #eef2ff;
    color: #3730a3;
}

.feed-admin-pin[b-bmpwsp4sc5] {
    background: #e8fbf7;
    color: #0f766e;
}

.feed-admin-copy h2[b-bmpwsp4sc5] {
    color: #07162f;
    font-size: 1.05rem;
    margin: 0;
}

.feed-admin-copy p[b-bmpwsp4sc5] {
    color: #475569;
    display: -webkit-box;
    line-clamp: 2;
    margin: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.feed-admin-copy small[b-bmpwsp4sc5] {
    color: #64748b;
}

.feed-admin-hosts[b-bmpwsp4sc5] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.feed-admin-hosts span[b-bmpwsp4sc5] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #334155;
    font-size: .75rem;
    padding: .2rem .5rem;
}

.feed-admin-actions[b-bmpwsp4sc5] {
    align-content: center;
    display: grid;
    gap: .45rem;
}

.modal-backdrop-custom[b-bmpwsp4sc5] {
    background: rgba(15, 23, 42, .45);
    inset: 0;
    position: fixed;
    z-index: 1500;
}

.modal-panel[b-bmpwsp4sc5] {
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    bottom: 2vh;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .28);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    left: 50%;
    max-height: 96vh;
    min-height: 0;
    overflow: hidden;
    position: fixed;
    top: 2vh;
    transform: translateX(-50%);
    width: min(1080px, 94vw);
    z-index: 1501;
}

.modal-panel-header[b-bmpwsp4sc5],
.modal-panel-footer[b-bmpwsp4sc5] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.modal-panel-header[b-bmpwsp4sc5] {
    border-bottom: 1px solid #e2e8f0;
}

.modal-panel-header-actions[b-bmpwsp4sc5] {
    align-items: center;
    display: flex;
    gap: .55rem;
}

.modal-panel-header-actions .feed-publish-button[b-bmpwsp4sc5] {
    display: none;
}

.modal-panel-header h2[b-bmpwsp4sc5] {
    color: #07162f;
    font-size: 1.25rem;
    margin: 0;
}

.modal-panel-footer[b-bmpwsp4sc5] {
    background: #fff;
    border-top: 1px solid #e2e8f0;
    justify-content: flex-end;
    z-index: 2;
}

.modal-panel .icon-button[b-bmpwsp4sc5] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    height: 2.2rem;
    justify-content: center;
    width: 2.2rem;
}

.feed-editor-modal[b-bmpwsp4sc5] {
    display: grid;
    height: auto;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

.feed-editor-modal form[b-bmpwsp4sc5] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    height: 100%;
    max-height: none;
    min-height: 0;
    overflow: hidden;
}

.feed-editor-grid[b-bmpwsp4sc5] {
    align-content: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .42fr);
    height: 100%;
    max-height: calc(96vh - 9rem);
    min-height: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 1rem;
}

.feed-editor-main[b-bmpwsp4sc5],
.feed-editor-side[b-bmpwsp4sc5] {
    display: grid;
    align-content: start;
    gap: .45rem;
    min-width: 0;
}

.feed-editor-main > .form-label[b-bmpwsp4sc5],
.feed-editor-side > .form-label[b-bmpwsp4sc5] {
    color: #18243a;
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.feed-editor-main > .form-control[b-bmpwsp4sc5],
.feed-editor-main > .form-select[b-bmpwsp4sc5],
.feed-editor-side > .form-control[b-bmpwsp4sc5],
.feed-editor-side > .form-select[b-bmpwsp4sc5] {
    margin: 0 0 .55rem;
    min-height: 2.45rem;
}

.feed-editor-main > .form-label + .form-control[b-bmpwsp4sc5],
.feed-editor-main > .form-label + .form-select[b-bmpwsp4sc5],
.feed-editor-side > .form-label + .form-control[b-bmpwsp4sc5],
.feed-editor-side > .form-label + .form-select[b-bmpwsp4sc5] {
    margin-top: 0;
}

.feed-editor-main > .ckeditor-wrapper[b-bmpwsp4sc5],
.feed-editor-main > .feed-link-editor[b-bmpwsp4sc5],
.feed-editor-main > .feed-media-picker[b-bmpwsp4sc5],
.feed-editor-side > .feed-check-list[b-bmpwsp4sc5],
.feed-editor-side > .feed-host-picker[b-bmpwsp4sc5] {
    margin-top: .15rem;
    margin-bottom: .55rem;
}

.feed-editor-two[b-bmpwsp4sc5] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.legacy-feed-link-fields[b-bmpwsp4sc5],
.legacy-feed-link-fields + .feed-media-picker[b-bmpwsp4sc5] {
    display: none;
}

.feed-link-editor[b-bmpwsp4sc5] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    padding: .85rem;
}

.feed-link-editor-head[b-bmpwsp4sc5] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.feed-link-editor-head strong[b-bmpwsp4sc5],
.feed-link-editor-head span[b-bmpwsp4sc5] {
    display: block;
}

.feed-link-editor-head span[b-bmpwsp4sc5],
.feed-link-empty[b-bmpwsp4sc5] {
    color: #64748b;
    font-size: .86rem;
}

.feed-link-row[b-bmpwsp4sc5] {
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(0, .6fr) minmax(0, 1fr) auto;
}

.feed-media-picker[b-bmpwsp4sc5] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .85rem;
}

.feed-media-picker strong[b-bmpwsp4sc5],
.feed-media-picker span[b-bmpwsp4sc5] {
    display: block;
}

.feed-media-picker span[b-bmpwsp4sc5] {
    color: #64748b;
    font-size: .86rem;
}

.feed-media-mode[b-bmpwsp4sc5] {
    display: inline-flex;
    gap: .35rem;
}

.feed-media-mode button[b-bmpwsp4sc5] {
    align-items: center;
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    color: #334155;
    display: inline-flex;
    gap: .4rem;
    min-height: 2.25rem;
    padding: .35rem .7rem;
}

.feed-media-mode button.active[b-bmpwsp4sc5] {
    background: #010034;
    border-color: #010034;
    color: #fff;
}

.feed-selected-media[b-bmpwsp4sc5] {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
}

.feed-selected-media img[b-bmpwsp4sc5] {
    aspect-ratio: 1;
    border-radius: 8px;
    object-fit: cover;
    width: 100%;
}

.feed-check-list[b-bmpwsp4sc5],
.feed-host-picker[b-bmpwsp4sc5] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .55rem;
    padding: .85rem;
}

.feed-check-list label[b-bmpwsp4sc5],
.feed-host-picker label[b-bmpwsp4sc5] {
    align-items: center;
    color: #334155;
    display: flex;
    gap: .45rem;
    margin: 0;
}

.feed-host-picker strong[b-bmpwsp4sc5],
.feed-host-picker small[b-bmpwsp4sc5] {
    display: block;
}

.feed-host-picker small[b-bmpwsp4sc5] {
    color: #64748b;
}

.feed-publish-button[b-bmpwsp4sc5] {
    align-items: center;
    display: inline-flex;
    gap: .45rem;
}

.feed-editor-main[b-bmpwsp4sc5]  .ckeditor-wrapper .ck.ck-editor__main > .ck-editor__editable {
    min-height: 14rem;
}

@media (max-width: 900px) {
    .feed-admin-row[b-bmpwsp4sc5],
    .feed-editor-grid[b-bmpwsp4sc5],
    .feed-editor-two[b-bmpwsp4sc5],
    .feed-link-row[b-bmpwsp4sc5] {
        grid-template-columns: 1fr;
    }

    .feed-admin-actions[b-bmpwsp4sc5] {
        display: flex;
        flex-wrap: wrap;
    }
}
/* /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;
    overscroll-behavior: contain;
    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;
}

.panel-modal > .modal-heading[b-4mp2tt73e7] {
    background: #fff;
    position: sticky;
    top: -1.25rem;
    z-index: 4;
    padding-top: 1.25rem;
}

.panel-modal > .button-row[b-4mp2tt73e7] {
    background: #fff;
    border-top: 1px solid #e5e9f2;
    bottom: -1.25rem;
    margin: 1rem -1.25rem 0;
    padding: 1rem 1.25rem;
    position: sticky;
    z-index: 4;
}

.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-security-alert[b-4v08rak1h4] {
    align-items: center;
    background: #f8d7da;
    border: 1px solid #f1aeb5;
    border-radius: 8px;
    color: #58151c;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    text-decoration: none;
}

.dashboard-security-alert:hover[b-4v08rak1h4] {
    background: #f1b0b7;
    color: #58151c;
    text-decoration: none;
}

.dashboard-security-alert span[b-4v08rak1h4] {
    text-align: right;
}

.dashboard-maintenance-alert[b-4v08rak1h4] {
    align-items: center;
    background: #fff7ed;
    border: 1px solid #fdba74;
    border-radius: 8px;
    color: #7c2d12;
    display: flex;
    gap: .85rem;
    margin-bottom: 1rem;
    padding: .9rem 1rem;
    text-decoration: none;
}

.dashboard-maintenance-alert:hover[b-4v08rak1h4] {
    background: #ffedd5;
    color: #7c2d12;
    text-decoration: none;
}

.dashboard-maintenance-alert strong[b-4v08rak1h4],
.dashboard-maintenance-alert small[b-4v08rak1h4] {
    display: block;
}

.maintenance-alert-icon[b-4v08rak1h4] {
    align-items: center;
    background: #ff7a1a;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.4rem;
    justify-content: center;
    width: 2.4rem;
}

.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-panel[b-4v08rak1h4] {
    background: #fff;
    border: 1px solid #e4e0d7;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(20, 32, 28, 0.06);
}

.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] {
    min-height: 100%;
    min-width: 0;
    padding: 1rem;
}

.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] {
    color: #173b36;
    font-size: 1.05rem;
    font-weight: 900;
    margin: 0;
}

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

.dashboard-panel-tools[b-4v08rak1h4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
}

.dashboard-panel-tools[b-4v08rak1h4]  .dashboard-help-button {
    height: 2.05rem;
    width: 2.05rem;
}

.teacher-welcome[b-4v08rak1h4] {
    background: #fff;
    border: 1px solid #d8e2de;
    border-left: 4px solid #010034;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(20, 32, 28, 0.06);
    margin-bottom: 1rem;
    padding: 1rem;
}

.teacher-welcome.is-collapsed[b-4v08rak1h4] {
    padding: 0;
}

.teacher-welcome-head[b-4v08rak1h4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.teacher-welcome-head h2[b-4v08rak1h4] {
    color: #010034;
    font-size: 1.22rem;
    line-height: 1.3;
    margin: 0 0 .45rem;
}

.teacher-welcome-head p:not(.eyebrow)[b-4v08rak1h4] {
    color: #42504a;
    margin: 0;
    max-width: 68rem;
}

.teacher-welcome-close[b-4v08rak1h4] {
    align-items: center;
    background: #fff;
    border: 1px solid #d8e2de;
    border-radius: 8px;
    color: #42504a;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.teacher-welcome-close:hover[b-4v08rak1h4] {
    background: #f5f7fb;
    color: #010034;
}

.teacher-welcome-steps[b-4v08rak1h4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

.teacher-welcome-step[b-4v08rak1h4] {
    background: #fbfcfd;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #17233c;
    display: grid;
    gap: .45rem;
    min-width: 0;
    padding: .85rem;
    text-decoration: none;
}

.teacher-welcome-step:hover[b-4v08rak1h4] {
    border-color: #a9b8c6;
    box-shadow: 0 8px 22px rgba(23, 35, 60, .08);
    color: #010034;
    text-decoration: none;
}

.teacher-welcome-step span[b-4v08rak1h4] {
    align-items: center;
    background: #010034;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-weight: 700;
    height: 1.75rem;
    justify-content: center;
    width: 1.75rem;
}

.teacher-welcome-step strong[b-4v08rak1h4],
.teacher-welcome-step small[b-4v08rak1h4] {
    display: block;
}

.teacher-welcome-step small[b-4v08rak1h4] {
    color: #65746d;
    line-height: 1.4;
}

.teacher-welcome-note[b-4v08rak1h4] {
    align-items: center;
    background: #010034;
    border: 1px solid #010034;
    border-radius: 8px;
    color: #f7f9fc;
    display: flex;
    gap: .65rem;
    margin-top: .85rem;
    padding: .9rem 1rem;
}

.teacher-welcome-note i[b-4v08rak1h4] {
    color: #62d4c2;
    flex: 0 0 auto;
    font-size: 1.35rem;
    line-height: 1;
}

.teacher-welcome-reopen[b-4v08rak1h4] {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 8px;
    color: #010034;
    display: flex;
    gap: .6rem;
    justify-content: flex-start;
    padding: .8rem 1rem;
    width: 100%;
}

.teacher-welcome-reopen:hover[b-4v08rak1h4] {
    background: #f5f7fb;
}

.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] {
    border: 1px solid #eee8dc;
    border-radius: 8px;
    color: #173b36;
    display: grid;
    gap: 0.18rem;
    min-height: 4.25rem;
    padding: 0.75rem 0.7rem;
    text-decoration: none;
}

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

.dashboard-list-row strong[b-4v08rak1h4] {
    color: #173b36;
    font-size: .98rem;
    font-weight: 900;
}

.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;
    }

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

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

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

    .dashboard-security-alert[b-4v08rak1h4] {
        align-items: flex-start;
        display: grid;
    }

    .dashboard-security-alert span[b-4v08rak1h4] {
        text-align: left;
    }

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

    .teacher-welcome-head[b-4v08rak1h4] {
        display: grid;
    }

    .teacher-welcome-close[b-4v08rak1h4] {
        justify-self: end;
    }

    .teacher-welcome-steps[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/MaintenanceStatus.razor.rz.scp.css */
.maintenance-status-page[b-do25qdh7g8] {
    align-items: center;
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 122, 26, .16), transparent 28rem),
        linear-gradient(135deg, #061a2f, #082f49);
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem;
}

.maintenance-card[b-do25qdh7g8] {
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .22);
    max-width: 44rem;
    padding: 2rem;
    width: 100%;
}

.maintenance-card.active[b-do25qdh7g8] {
    background: #fff7ed;
}

.maintenance-card h1[b-do25qdh7g8] {
    color: #111827;
    font-size: clamp(2rem, 5vw, 3rem);
    margin: 0 0 1rem;
}

.maintenance-card p[b-do25qdh7g8] {
    color: #475569;
    font-size: 1.05rem;
    line-height: 1.6;
}

.maintenance-times[b-do25qdh7g8] {
    display: grid;
    gap: .5rem;
    margin: 1.25rem 0;
}

.maintenance-times span[b-do25qdh7g8] {
    background: rgba(15, 23, 42, .06);
    border-radius: 8px;
    padding: .7rem .85rem;
}
/* /Components/Pages/MarketingTools.razor.rz.scp.css */
.marketing-url-cell[b-0pp077etdf] {
    min-width: 24rem;
}

.marketing-url-stack[b-0pp077etdf] {
    display: grid;
    gap: 0.35rem;
}

.marketing-url-row[b-0pp077etdf] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: 4.2rem minmax(0, 1fr);
    padding: 0.42rem 0.55rem;
}

.marketing-url-row.primary[b-0pp077etdf] {
    background: #fff7fb;
    border-color: #fbcfe8;
}

.marketing-url-label[b-0pp077etdf] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.marketing-url-row code[b-0pp077etdf] {
    background: transparent;
    color: #0f172a;
    font-size: 0.82rem;
    overflow-wrap: anywhere;
    padding: 0;
}

.marketing-url-row.primary code[b-0pp077etdf] {
    color: #db2777;
}

.marketing-summary-panel[b-0pp077etdf] {
    max-width: 34rem;
}

.marketing-summary-table[b-0pp077etdf] {
    margin: 0;
}

.marketing-summary-table th:last-child[b-0pp077etdf],
.marketing-summary-table td:last-child[b-0pp077etdf] {
    text-align: right;
    width: 8rem;
}

.marketing-summary-table td[b-0pp077etdf] {
    padding: 0.72rem 0.9rem;
}

.marketing-summary-table td:first-child[b-0pp077etdf] {
    color: #334155;
    font-weight: 500;
}

.marketing-summary-table td strong[b-0pp077etdf] {
    color: #010034;
    font-size: 1rem;
}

@media (max-width: 768px) {
    .marketing-url-cell[b-0pp077etdf] {
        min-width: 18rem;
    }

    .marketing-url-row[b-0pp077etdf] {
        grid-template-columns: 1fr;
    }
}
/* /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-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: 1080px;
    padding: 1rem 1rem calc(6.5rem + env(safe-area-inset-bottom));
    width: min(1080px, calc(100% - 2rem));
}

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

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

.mini-control-card[b-up7rdpvyq3] {
    background: #1f2937;
    border: 1px solid #374151;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: .9rem;
}

.mini-timer[b-up7rdpvyq3] {
    display: grid;
    text-align: center;
}

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

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

.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);
}

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

.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-start-gate[b-up7rdpvyq3] {
    background: #172033;
    border: 1px solid #273449;
    border-radius: 8px;
    padding: .85rem;
}

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

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

.mini-start-gate p[b-up7rdpvyq3] {
    color: #cbd5e1;
    margin-top: .35rem;
}

.mini-start-warning[b-up7rdpvyq3] {
    color: #fecaca !important;
    font-weight: 700;
}

.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-choices button strong :where(p, div)[b-up7rdpvyq3] {
    margin: 0;
}

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

.mini-event-log-list[b-up7rdpvyq3] {
    display: grid;
    gap: .55rem;
}

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

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

.mini-event-log-list.modal-list div[b-up7rdpvyq3] {
    background: #f8fafc;
    border-color: #e2e8f0;
}

.mini-event-log-list.modal-list strong[b-up7rdpvyq3] {
    color: #010034;
}

.mini-event-log-list.modal-list span[b-up7rdpvyq3] {
    color: #334155;
    font-weight: 700;
}

.mini-event-log-list.modal-list small[b-up7rdpvyq3] {
    color: #64748b;
}

.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],
.mini-review-dashboard 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-review-dashboard[b-up7rdpvyq3] {
    display: grid;
    gap: .85rem;
}

.mini-review-verdict[b-up7rdpvyq3] {
    border-color: #38bdf8;
    display: grid;
    gap: .25rem;
}

.mini-review-verdict span[b-up7rdpvyq3],
.mini-review-metrics span[b-up7rdpvyq3],
.mini-review-metrics small[b-up7rdpvyq3],
.mini-review-block small[b-up7rdpvyq3],
.mini-review-block article span[b-up7rdpvyq3] {
    color: #cbd5e1;
}

.mini-review-verdict strong[b-up7rdpvyq3] {
    color: #7dd3fc;
    font-size: 1.45rem;
}

.mini-review-verdict p[b-up7rdpvyq3] {
    color: #e5e7eb;
    margin: 0;
}

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

.mini-review-metrics article[b-up7rdpvyq3] {
    display: grid;
    gap: .25rem;
}

.mini-review-metrics strong[b-up7rdpvyq3] {
    color: #f8fafc;
    font-size: 1.7rem;
    line-height: 1;
}

.mini-review-grid[b-up7rdpvyq3] {
    display: grid;
    gap: .85rem;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
}

.mini-review-block[b-up7rdpvyq3] {
    background: #111827;
    border: 1px solid #334155;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    padding: .85rem;
}

.mini-review-block h3[b-up7rdpvyq3] {
    font-size: 1rem;
    margin: 0;
}

.mini-topic-analysis-list[b-up7rdpvyq3],
.mini-level-analysis-list[b-up7rdpvyq3] {
    display: grid;
    gap: .55rem;
}

.mini-topic-analysis-list article[b-up7rdpvyq3],
.mini-level-analysis-list article[b-up7rdpvyq3] {
    display: grid;
    gap: .45rem;
}

.mini-topic-analysis-list article > div:first-child[b-up7rdpvyq3],
.mini-level-analysis-list article > div:first-child[b-up7rdpvyq3] {
    display: grid;
    gap: .15rem;
}

.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: 600;
    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;
}

@media (max-width: 900px) {
    .mini-focus[b-up7rdpvyq3] {
        min-height: auto;
    }

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

    .mini-focus-body[b-up7rdpvyq3],
    .mini-focus-body.terminal[b-up7rdpvyq3] {
        grid-template-columns: 1fr;
    }

    .mini-control-card[b-up7rdpvyq3] {
        order: -1;
    }

    .mini-focus-actions[b-up7rdpvyq3] {
        justify-content: flex-end;
    }

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

    .mini-start-gate[b-up7rdpvyq3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .mini-focus[b-up7rdpvyq3] {
        margin: 0;
        padding-inline: .75rem;
        width: 100%;
    }

    .mini-control-card[b-up7rdpvyq3] {
        gap: .85rem;
        padding: .8rem;
    }

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

    .mini-question-stage[b-up7rdpvyq3] {
        padding: .7rem;
    }

    .mini-choices button[b-up7rdpvyq3] {
        grid-template-columns: 1.8rem minmax(0, 1fr);
    }
}

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

.mini-answer-list dd :where(p, div)[b-up7rdpvyq3] {
    display: inline;
    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-result-panel[b-up7rdpvyq3] {
        grid-template-columns: 1fr;
    }

    .mini-focus-body[b-up7rdpvyq3],
    .mini-focus-body.terminal[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],
    .mini-review-grid[b-up7rdpvyq3] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 981px) and (max-width: 1180px) {
    .mini-focus-body.terminal[b-up7rdpvyq3] {
        grid-template-columns: 58px minmax(0, 1fr);
    }
}
/* /Components/Pages/OnlineLessonRoom.razor.rz.scp.css */
.lesson-room-shell[b-iss88bl920] {
    display: grid;
    gap: 1rem;
}

.lesson-room-header[b-iss88bl920] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.lesson-room-header h1[b-iss88bl920] {
    font-size: 1.5rem;
    margin: 0;
}

.lesson-room-header span[b-iss88bl920] {
    color: #64748b;
}

.lesson-room-grid[b-iss88bl920] {
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
}

.lesson-room-frame[b-iss88bl920] {
    background: #020617;
    border-radius: 8px;
    min-height: 70vh;
    overflow: hidden;
}

.lesson-room-frame iframe[b-iss88bl920] {
    border: 0;
    display: block;
    height: 78vh;
    width: 100%;
}

@media (max-width: 700px) {
    .lesson-room-header[b-iss88bl920] {
        align-items: flex-start;
        flex-direction: column;
    }

    .lesson-room-grid[b-iss88bl920] {
        grid-template-columns: 1fr;
    }

    .lesson-room-frame iframe[b-iss88bl920] {
        height: 72vh;
    }
}
/* /Components/Pages/OnlineLessons.razor.rz.scp.css */
.online-lessons-shell[b-4npzcly9g3] {
    display: grid;
    gap: 1rem;
}

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

.lesson-info-strip article[b-4npzcly9g3] {
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    padding: 1rem;
}

.lesson-info-strip span[b-4npzcly9g3],
.online-lesson-card dt[b-4npzcly9g3] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.lesson-info-strip strong[b-4npzcly9g3] {
    color: #06123b;
    font-size: 1.25rem;
}

.lesson-create-panel[b-4npzcly9g3] {
    display: grid;
    gap: 1rem;
}

.lesson-create-heading[b-4npzcly9g3] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.lesson-create-heading h2[b-4npzcly9g3] {
    font-size: 1.2rem;
    margin: 0;
}

.lesson-create-modal[b-4npzcly9g3] {
    display: grid;
    gap: 1rem;
}

.lesson-modal-note[b-4npzcly9g3] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .8rem 1rem;
}

.lesson-modal-note p[b-4npzcly9g3] {
    color: #475569;
    margin: 0;
}

.lesson-provider-badge[b-4npzcly9g3],
.lesson-status[b-4npzcly9g3] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 600;
    padding: .25rem .6rem;
}

.lesson-provider-badge[b-4npzcly9g3] {
    background: #eff6ff;
    color: #1d4ed8;
}

.online-lesson-grid[b-4npzcly9g3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.online-lesson-card[b-4npzcly9g3] {
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.online-lesson-card header[b-4npzcly9g3] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.online-lesson-card header i[b-4npzcly9g3] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    color: #010034;
    display: inline-flex;
    height: 2.3rem;
    justify-content: center;
    width: 2.3rem;
}

.online-lesson-card h2[b-4npzcly9g3] {
    font-size: 1.1rem;
    margin: .55rem 0 0;
}

.online-lesson-card dl[b-4npzcly9g3] {
    display: grid;
    gap: .65rem;
    margin: 0;
}

.online-lesson-card dl div[b-4npzcly9g3] {
    display: grid;
    gap: .15rem;
}

.online-lesson-card dd[b-4npzcly9g3] {
    color: #06123b;
    margin: 0;
}

.online-lesson-card footer[b-4npzcly9g3] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.lesson-status.planned[b-4npzcly9g3] {
    background: #eff6ff;
    color: #1d4ed8;
}

.lesson-status.live[b-4npzcly9g3] {
    background: #dcfce7;
    color: #166534;
}

.lesson-status.completed[b-4npzcly9g3] {
    background: #f1f5f9;
    color: #475569;
}

.lesson-status.cancelled[b-4npzcly9g3] {
    background: #fee2e2;
    color: #991b1b;
}

@media (max-width: 1100px) {
    .lesson-info-strip[b-4npzcly9g3],
    .online-lesson-grid[b-4npzcly9g3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .lesson-info-strip[b-4npzcly9g3],
    .online-lesson-grid[b-4npzcly9g3] {
        grid-template-columns: 1fr;
    }
}
/* /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;
}

.cart-single-quantity[b-rx6vrthk9p] {
    background: #eef4ff;
    border-radius: 7px;
    color: #010034 !important;
    display: inline-flex !important;
    font-weight: 600;
    justify-content: center;
    padding: 0.45rem 0.6rem;
}

.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/PanelHelpManagement.razor.rz.scp.css */
.help-content-cell[b-7gtwhbeshy],
.help-date-cell[b-7gtwhbeshy] {
    display: grid;
    gap: .25rem;
}

.help-content-cell strong[b-7gtwhbeshy] {
    color: #06123b;
    font-size: .98rem;
}

.help-content-cell span[b-7gtwhbeshy],
.help-date-cell span[b-7gtwhbeshy],
.help-target-summary[b-7gtwhbeshy] {
    color: #64748b;
    font-size: .82rem;
}

.help-content-cell small[b-7gtwhbeshy] {
    color: #b45309;
    font-weight: 700;
}

.help-edit-grid[b-7gtwhbeshy] {
    display: grid;
    gap: 1rem;
}

.help-active-check[b-7gtwhbeshy] {
    align-items: center;
    display: flex;
    gap: .5rem;
}

.help-editor-field[b-7gtwhbeshy] {
    min-width: 0;
}

.help-target-list[b-7gtwhbeshy] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .85rem;
}

.help-target-list .eyebrow[b-7gtwhbeshy] {
    flex-basis: 100%;
}

.help-target-list span:not(.eyebrow)[b-7gtwhbeshy] {
    background: #fff;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    color: #1e40af;
    font-size: .78rem;
    padding: .25rem .55rem;
}

[b-7gtwhbeshy] .panel-help-management-modal {
    max-width: min(980px, calc(100vw - 2rem));
}
/* /Components/Pages/PanelHostManagement.razor.rz.scp.css */
.host-management-shell[b-ekeb4t5wzh] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
}

.host-list[b-ekeb4t5wzh] {
    display: grid;
    gap: .65rem;
}

.host-list-item[b-ekeb4t5wzh] {
    background: #fff;
    border: 1px solid #dde3ef;
    border-radius: 8px;
    color: #18233f;
    display: grid;
    gap: .2rem;
    padding: .85rem .95rem;
    text-align: left;
}

.host-list-item.active[b-ekeb4t5wzh] {
    border-color: #010034;
    box-shadow: 0 12px 30px rgba(1, 0, 52, .12);
}

.host-list-item span[b-ekeb4t5wzh] {
    color: #385bd8;
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.host-list-item strong[b-ekeb4t5wzh] {
    font-size: .95rem;
}

.host-list-item small[b-ekeb4t5wzh] {
    color: #64748b;
    font-weight: 700;
}

.host-editor[b-ekeb4t5wzh] {
    background: #fff;
    border: 1px solid #dde3ef;
    border-radius: 8px;
    padding: 1rem;
}

.host-preview[b-ekeb4t5wzh] {
    align-items: center;
    background: linear-gradient(135deg, var(--host-preview-primary, #010034), color-mix(in srgb, var(--host-preview-accent, #14b8a6) 35%, var(--host-preview-primary, #010034)));
    border-radius: 8px;
    color: #fff;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin-bottom: 1rem;
    padding: 1rem;
}

.host-preview div[b-ekeb4t5wzh] {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    color: var(--host-preview-primary, #010034);
    display: inline-flex;
    font-weight: 900;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem;
}

.host-preview img[b-ekeb4t5wzh] {
    max-height: 2.3rem;
    max-width: 8rem;
    object-fit: contain;
}

.host-preview h2[b-ekeb4t5wzh] {
    font-size: 1.35rem;
    margin: 0;
}

.host-preview p[b-ekeb4t5wzh],
.host-preview small[b-ekeb4t5wzh] {
    color: rgba(255, 255, 255, .78);
    margin: 0;
}

.host-preview strong[b-ekeb4t5wzh] {
    font-size: 1.45rem;
}

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

.host-editor-tabs[b-ekeb4t5wzh] {
    border-bottom: 1px solid #dde3ef;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin: .25rem 0 1rem;
}

.host-editor-tab[b-ekeb4t5wzh] {
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    color: #64748b;
    font-weight: 900;
    padding: .8rem .95rem;
}

.host-editor-tab.active[b-ekeb4t5wzh] {
    border-color: #010034;
    color: #010034;
}

.host-editor-panel[b-ekeb4t5wzh] {
    min-height: 22rem;
}

.host-editor-wide[b-ekeb4t5wzh],
.host-active-toggle[b-ekeb4t5wzh] {
    grid-column: 1 / -1;
}

.host-color-field[b-ekeb4t5wzh] {
    display: grid;
    gap: .5rem;
    grid-template-columns: 3.2rem minmax(0, 1fr);
}

.host-color-field input[type="color"][b-ekeb4t5wzh] {
    border: 1px solid #d8dced;
    border-radius: 8px;
    height: 2.35rem;
    padding: .15rem;
    width: 100%;
}

.host-logo-picker[b-ekeb4t5wzh] {
    align-items: center;
    border: 1px solid #dde3ef;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    padding: .75rem;
}

.host-logo-picker img[b-ekeb4t5wzh],
.host-logo-placeholder[b-ekeb4t5wzh] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #d8dced;
    border-radius: 8px;
    color: #010034;
    display: inline-flex;
    font-weight: 900;
    height: 3.2rem;
    justify-content: center;
    object-fit: contain;
    padding: .25rem;
    width: 5rem;
}

.host-logo-picker strong[b-ekeb4t5wzh],
.host-logo-picker span[b-ekeb4t5wzh] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.host-logo-picker span[b-ekeb4t5wzh] {
    color: #64748b;
    font-size: .82rem;
}

.host-background-picker img[b-ekeb4t5wzh] {
    object-fit: cover;
}

.host-active-toggle[b-ekeb4t5wzh] {
    align-items: center;
    display: inline-flex;
    gap: .55rem;
    font-weight: 600;
}

.host-contract-layout[b-ekeb4t5wzh] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr);
}

.host-contract-tabs[b-ekeb4t5wzh] {
    display: grid;
    gap: .65rem;
}

.host-contract-tab[b-ekeb4t5wzh] {
    background: #f8fafc;
    border: 1px solid #dde3ef;
    border-radius: 8px;
    color: #18233f;
    display: grid;
    gap: .25rem;
    padding: .85rem;
    text-align: left;
}

.host-contract-tab.active[b-ekeb4t5wzh] {
    background: #fff;
    border-color: #010034;
    box-shadow: 0 10px 24px rgba(1, 0, 52, .1);
}

.host-contract-tab span[b-ekeb4t5wzh] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
}

.host-contract-editor[b-ekeb4t5wzh] {
    min-width: 0;
}

.host-contract-editor[b-ekeb4t5wzh]  .ckeditor-wrapper .ck.ck-editor__main > .ck-editor__editable {
    max-height: 400px;
    overflow-y: auto;
}

.host-contract-editor[b-ekeb4t5wzh]  .rich-source-area {
    height: 400px;
    max-height: 400px;
    overflow-y: auto;
    resize: vertical;
}

@media (max-width: 900px) {
    .host-management-shell[b-ekeb4t5wzh],
    .host-editor-grid[b-ekeb4t5wzh],
    .host-contract-layout[b-ekeb4t5wzh] {
        grid-template-columns: 1fr;
    }

    .host-logo-picker[b-ekeb4t5wzh] {
        grid-template-columns: 1fr;
    }

    .host-preview[b-ekeb4t5wzh] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/PanelMaintenance.razor.rz.scp.css */
.panel-table td[b-bed6dwypsb] {
    vertical-align: middle;
}

.button-row[b-bed6dwypsb] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.status-pill.queued[b-bed6dwypsb] {
    background: #fff7ed;
    color: #c2410c;
}
/* /Components/Pages/PanelStore.razor.rz.scp.css */
.panel-store[b-e6dsl5ltvf] {
    display: grid;
    gap: 1rem;
}

.store-heading[b-e6dsl5ltvf] {
    align-items: flex-start;
}

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

.store-filter-panel[b-e6dsl5ltvf] {
    background: #fff;
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    display: grid;
    max-height: calc(100vh - 7rem);
    overflow: auto;
    position: sticky;
    top: 1rem;
}

.store-filter-section[b-e6dsl5ltvf] {
    border-bottom: 1px solid #e9eef5;
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
}

.store-filter-section:last-child[b-e6dsl5ltvf] {
    border-bottom: 0;
}

.store-filter-heading[b-e6dsl5ltvf] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.store-filter-heading button[b-e6dsl5ltvf] {
    background: transparent;
    border: 0;
    color: #2563eb;
    font-weight: 700;
    padding: 0;
}

.store-filter-label[b-e6dsl5ltvf] {
    color: #1f2937;
    font-weight: 600;
}

.store-category-tree[b-e6dsl5ltvf] {
    display: grid;
    gap: 0.15rem;
}

.store-category-node a[b-e6dsl5ltvf] {
    border-radius: 6px;
    color: #334155;
    display: block;
    font-size: 0.92rem;
    padding: 0.35rem 0.45rem;
    text-decoration: none;
}

.store-category-node a:hover[b-e6dsl5ltvf],
.store-category-node a.active[b-e6dsl5ltvf] {
    background: #eef4ff;
    color: #010034;
    font-weight: 600;
}

.store-category-node.level-1 a[b-e6dsl5ltvf] {
    padding-left: 1.15rem;
}

.store-category-node.level-2 a[b-e6dsl5ltvf] {
    padding-left: 1.85rem;
}

.store-category-node.level-3 a[b-e6dsl5ltvf] {
    padding-left: 2.55rem;
}

.store-category-node.level-4 a[b-e6dsl5ltvf],
.store-category-node.level-5 a[b-e6dsl5ltvf] {
    padding-left: 3.25rem;
}

.store-price-filter[b-e6dsl5ltvf] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 1fr 1fr;
}

.store-results[b-e6dsl5ltvf] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.store-breadcrumbs[b-e6dsl5ltvf] {
    align-items: center;
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    font-size: 0.88rem;
}

.store-breadcrumbs a[b-e6dsl5ltvf] {
    color: #334155;
    font-weight: 700;
    text-decoration: none;
}

.store-result-toolbar[b-e6dsl5ltvf] {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.8rem 1rem;
}

.store-result-toolbar div[b-e6dsl5ltvf] {
    display: grid;
    gap: 0.1rem;
}

.store-result-toolbar span[b-e6dsl5ltvf] {
    color: #64748b;
    font-size: 0.9rem;
}

.store-sort-select[b-e6dsl5ltvf] {
    max-width: 14rem;
}

.store-coupon-strip[b-e6dsl5ltvf] {
    display: grid;
    gap: 0.75rem;
}

.store-coupon-headline[b-e6dsl5ltvf] {
    background: #010034;
    border-radius: 8px;
    color: #fff;
    font-size: clamp(1.15rem, 2vw, 1.75rem);
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1.2;
    padding: 1rem 1.15rem;
    text-align: center;
}

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

.store-coupon-card[b-e6dsl5ltvf] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    display: grid;
    gap: 0.25rem;
    padding: 0.85rem;
}

.store-coupon-brand[b-e6dsl5ltvf] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    min-width: 0;
}

.store-coupon-brand img[b-e6dsl5ltvf],
.store-coupon-brand > span[b-e6dsl5ltvf] {
    align-items: center;
    background: #fff;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    color: #9a3412;
    display: inline-flex;
    flex: 0 0 2.3rem;
    font-size: 0.95rem;
    font-weight: 950;
    height: 2.3rem;
    justify-content: center;
    object-fit: contain;
    width: 2.3rem;
}

.store-coupon-brand small[b-e6dsl5ltvf] {
    color: #7c2d12;
    font-size: 0.8rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.store-coupon-card > span[b-e6dsl5ltvf] {
    color: #9a3412;
    font-size: 0.78rem;
    font-weight: 900;
}

.store-coupon-card strong[b-e6dsl5ltvf] {
    color: #111827;
    font-size: 1rem;
}

.store-coupon-card p[b-e6dsl5ltvf] {
    color: #7c2d12;
    font-size: 0.88rem;
    margin: 0;
}

.store-grid[b-e6dsl5ltvf] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(230px, 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;
    border: 0;
    color: #697886;
    cursor: pointer;
    display: flex;
    height: 170px;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    width: 100%;
}

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

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

.store-title-button[b-e6dsl5ltvf] {
    background: transparent;
    border: 0;
    color: #111827;
    cursor: pointer;
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: left;
}

.store-title-button:hover[b-e6dsl5ltvf] {
    color: #010034;
    text-decoration: underline;
}

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

.store-sponsor-line[b-e6dsl5ltvf] {
    background: #f2f6ff;
    border-radius: 6px;
    color: #010034;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.35rem 0.5rem;
}

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

.store-card-price-block[b-e6dsl5ltvf] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.store-card-price-block strong[b-e6dsl5ltvf] {
    color: #010034;
    font-size: 1.15rem;
    line-height: 1.1;
}

.store-card-price-block small[b-e6dsl5ltvf] {
    color: #137446;
    font-size: 0.82rem;
    font-weight: 600;
}

.store-old-price[b-e6dsl5ltvf] {
    color: #94a3b8;
    font-size: 0.86rem;
    font-weight: 600;
    text-decoration: line-through;
}

.store-free-alert[b-e6dsl5ltvf] {
    background: #dc2626;
    border-radius: 7px;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.2;
    margin-top: 0.25rem;
    padding: 0.45rem 0.55rem;
}

.store-card-actions[b-e6dsl5ltvf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
}

.store-product-modal[b-e6dsl5ltvf] {
    max-width: min(980px, calc(100vw - 2rem));
}

.store-product-detail[b-e6dsl5ltvf] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.store-product-gallery[b-e6dsl5ltvf] {
    display: grid;
    gap: 0.75rem;
}

.store-product-main-image[b-e6dsl5ltvf] {
    align-items: center;
    aspect-ratio: 16 / 10;
    background: #f3f6f8;
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    color: #697886;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.store-product-main-image img[b-e6dsl5ltvf] {
    height: auto;
    max-height: 100%;
    object-fit: contain;
    width: 100%;
}

.store-product-thumbs[b-e6dsl5ltvf] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(4.5rem, 1fr));
}

.store-product-thumbs button[b-e6dsl5ltvf] {
    aspect-ratio: 1 / 1;
    background: #fff;
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
}

.store-product-thumbs button.active[b-e6dsl5ltvf] {
    border-color: #010034;
    box-shadow: 0 0 0 2px rgba(1, 0, 52, 0.12);
}

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

.store-product-info[b-e6dsl5ltvf] {
    align-content: start;
    display: grid;
    gap: 1rem;
}

.store-product-info h3[b-e6dsl5ltvf] {
    color: #111827;
    font-size: 1.45rem;
    font-weight: 900;
    margin: 0;
}

.store-stock-code[b-e6dsl5ltvf] {
    color: #64748b;
    display: block;
    font-size: 0.9rem;
    margin-top: 0.2rem;
}

.store-price-box[b-e6dsl5ltvf] {
    background: #f8fafc;
    border: 1px solid #dfe7ee;
    border-radius: 8px;
    display: grid;
    gap: 0.15rem;
    padding: 0.9rem 1rem;
}

.store-price-box span[b-e6dsl5ltvf] {
    color: #94a3b8;
    font-weight: 700;
    text-decoration: line-through;
}

.store-price-box strong[b-e6dsl5ltvf] {
    color: #010034;
    font-size: 1.75rem;
    line-height: 1.1;
}

.store-price-box em[b-e6dsl5ltvf] {
    color: #137446;
    font-style: normal;
    font-weight: 600;
}

.store-price-box .store-free-alert[b-e6dsl5ltvf] {
    font-size: 0.95rem;
    margin-top: 0.45rem;
}

.store-detail-field[b-e6dsl5ltvf] {
    display: grid;
    gap: 0.35rem;
}

.store-quantity-input[b-e6dsl5ltvf] {
    max-width: 9rem;
}

.store-detail-summary[b-e6dsl5ltvf] {
    color: #475569;
    margin: 0;
}

.store-detail-about[b-e6dsl5ltvf] {
    border-top: 1px solid #e7eef3;
    display: grid;
    gap: 0.55rem;
    padding-top: 1rem;
}

.store-detail-about h4[b-e6dsl5ltvf] {
    color: #111827;
    font-size: 1.05rem;
    font-weight: 900;
    margin: 0;
}

.store-detail-body[b-e6dsl5ltvf] {
    color: #334155;
}

.store-detail-body :first-child[b-e6dsl5ltvf] {
    margin-top: 0;
}

.store-detail-body :last-child[b-e6dsl5ltvf] {
    margin-bottom: 0;
}

@media (max-width: 980px) {
    .store-catalog-layout[b-e6dsl5ltvf] {
        grid-template-columns: 1fr;
    }

    .store-filter-panel[b-e6dsl5ltvf] {
        max-height: none;
        position: static;
    }

    .store-product-detail[b-e6dsl5ltvf] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .store-result-toolbar[b-e6dsl5ltvf] {
        align-items: stretch;
        display: grid;
    }

    .store-sort-select[b-e6dsl5ltvf] {
        max-width: none;
    }
}
/* /Components/Pages/ProfileContentPages.razor.rz.scp.css */
.profile-selector-grid[b-zzi19b4ap1] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) minmax(180px, .8fr) minmax(220px, 1.4fr);
    gap: 14px;
    align-items: stretch;
}

.profile-selector-card[b-zzi19b4ap1] {
    display: grid;
    gap: 6px;
    min-height: 118px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    padding: 14px;
    background: #f8fafc;
}

.profile-selector-card span[b-zzi19b4ap1] {
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.profile-selector-card strong[b-zzi19b4ap1] {
    color: #0f172a;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.profile-selector-card small[b-zzi19b4ap1] {
    color: #64748b;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.profile-selector-card .btn[b-zzi19b4ap1] {
    justify-self: start;
    margin-top: 4px;
}

.profile-page-editor-tabs[b-zzi19b4ap1] {
    display: inline-flex;
    gap: 6px;
    padding: 4px;
    margin-bottom: 16px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #f6f8fb;
}

.profile-page-editor-tabs button[b-zzi19b4ap1] {
    min-height: 34px;
    border: 0;
    border-radius: 6px;
    padding: 7px 14px;
    background: transparent;
    color: #334155;
    font-weight: 800;
}

.profile-page-editor-tabs button.active[b-zzi19b4ap1] {
    background: #010034;
    color: #fff;
    box-shadow: 0 8px 18px rgba(1, 0, 52, .18);
}

.profile-block-designer[b-zzi19b4ap1] {
    display: grid;
    gap: 14px;
    border-top: 1px solid #e5edf6;
    padding-top: 16px;
}

.profile-block-toolbar[b-zzi19b4ap1],
.profile-block-editor header[b-zzi19b4ap1],
.profile-block-items-head[b-zzi19b4ap1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.profile-block-toolbar strong[b-zzi19b4ap1],
.profile-block-editor header strong[b-zzi19b4ap1],
.profile-block-items-head strong[b-zzi19b4ap1] {
    display: block;
    color: #0f172a;
    font-weight: 900;
}

.profile-block-toolbar span[b-zzi19b4ap1],
.profile-block-editor header span[b-zzi19b4ap1] {
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

.profile-block-buttons[b-zzi19b4ap1],
.profile-block-actions[b-zzi19b4ap1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.profile-block-editor[b-zzi19b4ap1] {
    display: grid;
    gap: 14px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    padding: 16px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .06);
}

.profile-block-items[b-zzi19b4ap1] {
    display: grid;
    gap: 10px;
    border-top: 1px dashed #dbe4ee;
    padding-top: 14px;
}

.profile-source-list[b-zzi19b4ap1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 8px;
    max-height: 168px;
    overflow: auto;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    padding: 10px;
    background: #f8fafc;
}

.profile-source-list label[b-zzi19b4ap1],
.profile-display-toggles label[b-zzi19b4ap1] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #334155;
    font-size: 13px;
    font-weight: 800;
}

.profile-display-toggles[b-zzi19b4ap1] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    padding: 10px 12px;
    background: #fff;
}

.profile-block-item-editor[b-zzi19b4ap1] {
    border: 1px solid #e5edf6;
    border-radius: 8px;
    padding: 12px;
    background: #f8fafc;
}

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

    .profile-block-toolbar[b-zzi19b4ap1],
    .profile-block-editor header[b-zzi19b4ap1],
    .profile-block-items-head[b-zzi19b4ap1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-block-buttons[b-zzi19b4ap1],
    .profile-block-actions[b-zzi19b4ap1] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/SliderList.razor.rz.scp.css */
.slider-image-picker[b-u916zv6nqa] {
    width: 100%;
    min-height: 96px;
    display: grid;
    grid-template-columns: 132px 1fr;
    gap: .75rem;
    align-items: center;
    padding: .65rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    background: #f8fafc;
}

.slider-image-picker img[b-u916zv6nqa] {
    width: 132px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 6px;
    background: #fff;
}

.slider-image-picker > div:not(.slider-image-empty)[b-u916zv6nqa] {
    min-width: 0;
    display: grid;
    gap: .25rem;
}

.slider-image-picker .muted-line[b-u916zv6nqa] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.slider-image-empty[b-u916zv6nqa] {
    grid-column: 1 / -1;
    min-height: 78px;
    display: grid;
    place-items: center;
    color: #64748b;
}

@media (max-width: 720px) {
    .slider-image-picker[b-u916zv6nqa] {
        grid-template-columns: 1fr;
    }

    .slider-image-picker img[b-u916zv6nqa] {
        width: 100%;
    }
}
/* /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;
}

.panel-title .card-title-icon + div[b-f7j6url21o] {
    margin-right: auto;
}

.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: 600;
    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: 600;
}

.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: 600;
}

.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: 600;
}

.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: 600;
    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: 600;
    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: 600;
}

.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;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--card-accent, #2563eb) 8%, #ffffff), #ffffff 72%);
}

.summary-card.primary[b-f7j6url21o] {
    grid-row: span 2;
}

.study-card.card-materials[b-f7j6url21o] {
    background:
        linear-gradient(135deg, color-mix(in srgb, #64748b 9%, #ffffff), #ffffff 74%);
}

.card-level[b-f7j6url21o] {
    --card-accent: #2563eb;
}

.card-study[b-f7j6url21o] {
    --card-accent: #0f766e;
}

.card-calendar[b-f7j6url21o] {
    --card-accent: #7c3aed;
}

.card-questions[b-f7j6url21o] {
    --card-accent: #0369a1;
}

.card-status[b-f7j6url21o] {
    --card-accent: #b45309;
}

.card-materials[b-f7j6url21o] {
    --card-accent: #475569;
}

.card-history-distribution[b-f7j6url21o] {
    --card-accent: #111827;
    grid-column: 1 / -1;
}

.card-educators[b-f7j6url21o] {
    --card-accent: #be185d;
    grid-column: 1 / -1;
}

.historical-distribution-scroll[b-f7j6url21o] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
}

.historical-distribution-table[b-f7j6url21o] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
    font-size: .88rem;
}

.historical-distribution-table th[b-f7j6url21o],
.historical-distribution-table td[b-f7j6url21o] {
    padding: .7rem .75rem;
    border-right: 1px solid #e4ebf2;
    border-bottom: 1px solid #e4ebf2;
    text-align: center;
    white-space: nowrap;
}

.historical-distribution-table th:first-child[b-f7j6url21o],
.historical-distribution-table td:first-child[b-f7j6url21o] {
    min-width: 360px;
    text-align: left;
    white-space: normal;
}

.historical-distribution-table thead th[b-f7j6url21o] {
    background: #1f2937;
    color: #fff;
    font-weight: 800;
}

.historical-distribution-table tbody tr:nth-child(even) td[b-f7j6url21o] {
    background: #f8fafc;
}

.historical-distribution-table tfoot td[b-f7j6url21o] {
    background: #eef4f8;
    color: #0f172a;
    font-weight: 900;
}

.card-title-icon[b-f7j6url21o] {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 8px;
    color: color-mix(in srgb, var(--card-accent, #2563eb) 86%, #0f172a);
    background: color-mix(in srgb, var(--card-accent, #2563eb) 14%, #ffffff);
    border: 1px solid color-mix(in srgb, var(--card-accent, #2563eb) 18%, #d9e2ec);
    font-size: 1.05rem;
}

.card-title-inline[b-f7j6url21o] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.card-title-inline .eyebrow[b-f7j6url21o] {
    margin: 0;
}

.summary-card > p:not(.eyebrow)[b-f7j6url21o] {
    margin: 0;
    color: #334155;
}

.study-card .eyebrow[b-f7j6url21o],
.study-tree-panel .eyebrow[b-f7j6url21o],
.dashboard-block .eyebrow[b-f7j6url21o],
.panel-title .eyebrow[b-f7j6url21o] {
    color: color-mix(in srgb, var(--card-accent, #2563eb) 82%, #0f172a);
}

.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;
}

.topic-plan-card .panel-title[b-f7j6url21o] {
    align-items: start;
}

.topic-plan-list[b-f7j6url21o] {
    display: grid;
    gap: .55rem;
}

.topic-plan-row[b-f7j6url21o] {
    align-items: start;
    background: #fbfdff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    color: inherit;
    display: grid;
    gap: .35rem .75rem;
    grid-template-columns: 92px minmax(0, 1fr);
    padding: .72rem;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.topic-plan-row:hover[b-f7j6url21o] {
    border-color: #60a5fa;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

.topic-plan-row time[b-f7j6url21o] {
    color: #2563eb;
    font-weight: 900;
}

.topic-plan-row strong[b-f7j6url21o],
.topic-plan-row small[b-f7j6url21o],
.topic-plan-empty strong[b-f7j6url21o],
.topic-plan-empty span[b-f7j6url21o] {
    display: block;
}

.topic-plan-row strong[b-f7j6url21o] {
    color: #010034;
    overflow-wrap: anywhere;
}

.topic-plan-row small[b-f7j6url21o],
.topic-plan-empty span[b-f7j6url21o] {
    color: #64748b;
}

.topic-plan-empty[b-f7j6url21o] {
    border: 1px dashed #bfdbfe;
    border-radius: 8px;
    display: grid;
    gap: .2rem;
    padding: .85rem;
}

.topic-plan-empty strong[b-f7j6url21o] {
    color: #010034;
}

.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: 600;
    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: 600;
    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;
    width: 168px;
    height: 168px;
    border-radius: 999px;
    margin: .35rem auto .85rem;
    text-align: center;
    background:
        radial-gradient(circle at center, #ffffff 0 57%, transparent 58%),
        conic-gradient(#010034 calc(var(--progress) * 1%), #dbeafe 0);
    box-shadow: 0 16px 34px rgba(15, 23, 42, .08);
    position: relative;
}

.progress-ring[b-f7j6url21o]::after {
    content: "";
    position: absolute;
    inset: 11px;
    border: 1px solid rgba(1, 0, 52, .08);
    border-radius: inherit;
}

.progress-ring-core[b-f7j6url21o] {
    display: grid;
    gap: .1rem;
    place-items: center;
    position: relative;
    z-index: 1;
}

.progress-ring strong[b-f7j6url21o] {
    color: #010034;
    font-size: 2.25rem;
    line-height: 1;
}

.progress-ring span[b-f7j6url21o] {
    color: #475569;
    font-size: .82rem;
    font-weight: 700;
}

.progress-breakdown[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .95rem;
}

.progress-breakdown div[b-f7j6url21o] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    display: grid;
    gap: .1rem;
    min-height: 58px;
    padding: .55rem;
}

.progress-breakdown span[b-f7j6url21o] {
    color: #64748b;
    font-size: .76rem;
}

.progress-breakdown strong[b-f7j6url21o] {
    color: #010034;
    font-size: .94rem;
    line-height: 1.15;
}

.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] {
    --focus-bg: linear-gradient(135deg, rgba(8, 17, 33, .98), rgba(20, 38, 55, .98));
    --focus-command-bg: rgba(2, 6, 23, .72);
    --focus-panel-bg: rgba(15, 23, 42, .72);
    --focus-control-bg: rgba(15, 23, 42, .78);
    --focus-border: rgba(148, 163, 184, .28);
    --focus-text: #e5edf7;
    --focus-heading: #ffffff;
    --focus-muted: #9fb2ca;
    --focus-soft: #cbd5e1;
    --focus-accent: #8bd3ff;
    --focus-shadow: rgba(2, 6, 23, .28);
    position: fixed;
    inset: 0;
    z-index: 1040;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    color: var(--focus-text);
    background: var(--focus-bg);
}

.focus-shell.theme-day[b-f7j6url21o] {
    --focus-bg: linear-gradient(135deg, #f8fbff, #edf7f4);
    --focus-command-bg: rgba(255, 255, 255, .86);
    --focus-panel-bg: rgba(255, 255, 255, .92);
    --focus-control-bg: rgba(248, 250, 252, .92);
    --focus-border: rgba(100, 116, 139, .24);
    --focus-text: #102a43;
    --focus-heading: #010034;
    --focus-muted: #526173;
    --focus-soft: #475569;
    --focus-accent: #0f766e;
    --focus-shadow: rgba(15, 23, 42, .12);
}

.focus-shell.theme-night[b-f7j6url21o] {
    color-scheme: dark;
}

@media (prefers-color-scheme: light) {
    .focus-shell.theme-auto[b-f7j6url21o] {
        --focus-bg: linear-gradient(135deg, #f8fbff, #edf7f4);
        --focus-command-bg: rgba(255, 255, 255, .86);
        --focus-panel-bg: rgba(255, 255, 255, .92);
        --focus-control-bg: rgba(248, 250, 252, .92);
        --focus-border: rgba(100, 116, 139, .24);
        --focus-text: #102a43;
        --focus-heading: #010034;
        --focus-muted: #526173;
        --focus-soft: #475569;
        --focus-accent: #0f766e;
        --focus-shadow: rgba(15, 23, 42, .12);
    }
}

.focus-command[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto minmax(190px, auto) auto auto;
    gap: .75rem;
    align-items: center;
    padding: .9rem 1rem;
    border-bottom: 1px solid var(--focus-border);
    background: var(--focus-command-bg);
    backdrop-filter: blur(14px);
}

.focus-title[b-f7j6url21o] {
    min-width: 0;
}

.focus-title small[b-f7j6url21o] {
    display: block;
    margin-top: .2rem;
    color: var(--focus-accent);
    font-weight: 600;
}

.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: var(--focus-muted);
    font-size: .82rem;
}

.focus-title h2[b-f7j6url21o] {
    margin: .1rem 0 0;
    color: var(--focus-heading);
    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 var(--focus-border);
    border-radius: 999px;
    background: var(--focus-control-bg);
}

.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: 600;
}

.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 var(--focus-border);
    border-radius: 8px;
    background: var(--focus-control-bg);
}

.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: var(--focus-heading);
    font-size: 1.55rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.focus-timer small[b-f7j6url21o] {
    color: var(--focus-soft);
}

.focus-theme-switch[b-f7j6url21o] {
    align-items: center;
    background: var(--focus-control-bg);
    border: 1px solid var(--focus-border);
    border-radius: 999px;
    display: inline-flex;
    gap: .25rem;
    padding: .25rem;
}

.focus-theme-switch button[b-f7j6url21o] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--focus-muted);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 900;
    gap: .28rem;
    min-height: 2.1rem;
    padding: .35rem .65rem;
}

.focus-theme-switch button:hover[b-f7j6url21o],
.focus-theme-switch button.active[b-f7j6url21o] {
    background: var(--focus-accent);
    color: #ffffff;
}

.focus-theme-toggle[b-f7j6url21o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 2.6rem;
    border: 1px solid var(--focus-border);
    border-radius: 999px;
    padding: .45rem .85rem;
    color: #fff;
    background: var(--focus-accent);
    font-size: .82rem;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 10px 26px color-mix(in srgb, var(--focus-accent) 22%, transparent);
}

.focus-theme-toggle:hover[b-f7j6url21o] {
    filter: brightness(1.04);
}

.focus-exit[b-f7j6url21o] {
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--focus-border);
    border-radius: 8px;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    color: var(--focus-text);
    background: var(--focus-control-bg);
}

.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 var(--focus-border);
    border-radius: 8px;
    background: var(--focus-panel-bg);
    box-shadow: 0 16px 50px var(--focus-shadow);
}

.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: var(--focus-heading);
    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: var(--focus-heading);
    font-size: 1rem;
}

.focus-history div[b-f7j6url21o] {
    display: grid;
    gap: .1rem;
    padding: .65rem;
    border-radius: 8px;
    background: var(--focus-control-bg);
}

.focus-history p[b-f7j6url21o] {
    margin: 0;
    color: var(--focus-soft);
}

.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 var(--focus-border);
    border-radius: 8px;
    background: var(--focus-panel-bg);
    padding: .75rem;
    box-shadow: 0 22px 70px var(--focus-shadow);
    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 var(--focus-border);
    border-radius: 8px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--focus-accent) 18%, transparent), var(--focus-control-bg));
}

.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: var(--focus-heading);
    overflow-wrap: anywhere;
}

.focus-menu-profile small[b-f7j6url21o] {
    color: var(--focus-soft);
    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 var(--focus-border);
    border-radius: 7px;
    padding: .7rem .8rem;
    color: var(--focus-soft);
    background: var(--focus-control-bg);
    font-weight: 600;
    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 var(--focus-border);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(14, 165, 233, .18), rgba(20, 184, 166, .12)),
        var(--focus-control-bg);
}

.focus-dashboard-hero span[b-f7j6url21o],
.focus-dashboard-hero small[b-f7j6url21o] {
    color: var(--focus-muted);
}

.focus-dashboard-hero strong[b-f7j6url21o] {
    display: block;
    color: var(--focus-heading);
    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, var(--focus-panel-bg) 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 var(--focus-shadow);
}

.focus-progress-ring span[b-f7j6url21o] {
    color: var(--focus-heading);
    font-weight: 900;
}

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

.focus-summary-layout[b-f7j6url21o],
.focus-dashboard-layout[b-f7j6url21o] {
    display: grid;
    gap: .75rem;
}

.focus-summary-layout.has-intro[b-f7j6url21o] {
    grid-template-columns: minmax(0, .95fr) minmax(320px, .75fr);
    align-items: stretch;
}

.focus-dashboard-layout.has-intro[b-f7j6url21o] {
    grid-template-columns: minmax(340px, .74fr) minmax(0, 1.26fr);
    align-items: start;
}

.focus-dashboard-main[b-f7j6url21o] {
    display: grid;
    gap: .75rem;
    min-width: 0;
}

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

.focus-summary-pane.intro[b-f7j6url21o] {
    display: grid;
    align-content: start;
    gap: .75rem;
    max-height: 22rem;
    overflow: auto;
    padding: .9rem;
    border: 1px solid var(--focus-border);
    border-radius: 8px;
    background: var(--focus-panel-bg);
    box-shadow: 0 16px 50px var(--focus-shadow);
}

.focus-summary-pane.focus-dashboard-intro[b-f7j6url21o] {
    min-height: min(46rem, calc(100dvh - 14rem));
    max-height: calc(100dvh - 12.5rem);
    position: sticky;
    top: .75rem;
}

.focus-summary-tabs[b-f7j6url21o] {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    padding: .35rem;
    border: 1px solid var(--focus-border);
    border-radius: 8px;
    background: var(--focus-control-bg);
}

.focus-summary-tabs button[b-f7j6url21o] {
    border: 0;
    border-radius: 8px;
    padding: .65rem .75rem;
    color: var(--focus-text);
    background: transparent;
    font-weight: 800;
}

.focus-summary-tabs button.active[b-f7j6url21o] {
    color: var(--focus-heading);
    background: var(--focus-panel-bg);
    box-shadow: 0 8px 22px var(--focus-shadow);
}

.topic-exam-intro-content[b-f7j6url21o] {
    display: grid;
    gap: .7rem;
    color: var(--focus-text);
    line-height: 1.58;
    overflow-wrap: anywhere;
}

.topic-exam-intro-content :where(h1, h2, h3, h4, h5, h6)[b-f7j6url21o] {
    margin: .25rem 0 0;
    color: var(--focus-heading);
}

.topic-exam-intro-content :where(p, ul, ol)[b-f7j6url21o] {
    margin: 0;
}

.topic-exam-intro-content :where(ul, ol)[b-f7j6url21o] {
    padding-left: 1.15rem;
}

.topic-exam-intro-content :where(li + li)[b-f7j6url21o] {
    margin-top: .35rem;
}

.topic-exam-intro-content :where(strong, b)[b-f7j6url21o] {
    color: var(--focus-heading);
}

.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-exam-tip-strip[b-f7j6url21o] {
    display: grid;
    gap: .7rem;
    padding: .9rem;
    border: 1px solid rgba(245, 158, 11, .28);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(245, 158, 11, .14), rgba(20, 184, 166, .08)),
        var(--focus-control-bg);
    box-shadow: 0 16px 42px var(--focus-shadow);
}

.focus-exam-tip-list[b-f7j6url21o] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.focus-exam-tip-card[b-f7j6url21o] {
    display: grid;
    gap: .28rem;
    min-height: 7rem;
    width: 100%;
    padding: .78rem;
    border: 1px solid rgba(245, 158, 11, .3);
    border-radius: 8px;
    color: var(--focus-text);
    background:
        radial-gradient(circle at 100% 0, rgba(251, 191, 36, .2), transparent 34%),
        var(--focus-panel-bg);
    text-align: left;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.focus-exam-tip-card:hover:not(:disabled)[b-f7j6url21o] {
    border-color: rgba(245, 158, 11, .7);
    box-shadow: 0 16px 38px rgba(120, 53, 15, .18);
    transform: translateY(-2px);
}

.focus-exam-tip-card:disabled[b-f7j6url21o] {
    cursor: not-allowed;
    opacity: .58;
}

.focus-exam-tip-card span[b-f7j6url21o] {
    color: #b45309;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.focus-exam-tip-card strong[b-f7j6url21o] {
    color: var(--focus-heading);
    font-size: .98rem;
    line-height: 1.25;
}

.focus-exam-tip-card small[b-f7j6url21o] {
    color: var(--focus-muted);
    line-height: 1.35;
}

.focus-topic-plan-strip[b-f7j6url21o] {
    display: grid;
    gap: .65rem;
    padding: .9rem;
    border: 1px solid var(--focus-border);
    border-radius: 8px;
    background: var(--focus-control-bg);
}

.focus-topic-plan-strip.compact[b-f7j6url21o] {
    padding: .75rem;
}

.focus-topic-plan-list[b-f7j6url21o] {
    display: grid;
    gap: .55rem;
}

.focus-section-title.action-title[b-f7j6url21o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
}

.focus-section-title.action-title .btn[b-f7j6url21o] {
    justify-self: end;
    white-space: nowrap;
}

.focus-topic-plan-card[b-f7j6url21o] {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: .5rem .75rem;
    padding: .72rem;
    border: 1px solid var(--focus-border);
    border-radius: 8px;
    color: var(--focus-text);
    background: var(--focus-panel-bg);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
    text-align: left;
    width: 100%;
}

.focus-topic-plan-card:hover[b-f7j6url21o] {
    transform: translateX(3px);
    border-color: color-mix(in srgb, var(--focus-accent) 58%, var(--focus-border));
    background: color-mix(in srgb, var(--focus-accent) 16%, var(--focus-panel-bg));
    color: var(--focus-heading);
}

.focus-topic-plan-card time[b-f7j6url21o] {
    grid-row: span 2;
    color: var(--focus-accent);
    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: var(--focus-soft);
    font-size: .82rem;
}

.focus-topic-plan-empty[b-f7j6url21o] {
    border: 1px dashed var(--focus-border);
    border-radius: 8px;
    display: grid;
    gap: .2rem;
    padding: .75rem;
}

.focus-topic-plan-empty strong[b-f7j6url21o] {
    color: var(--focus-heading);
}

.focus-topic-plan-empty span[b-f7j6url21o] {
    color: var(--focus-soft);
    font-size: .85rem;
}

.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: 600;
}

.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: #f8fafc;
    border: 1px solid #e2e8f0;
    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: #475569;
    display: block;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.mini-exam-material strong[b-f7j6url21o],
.mini-exam-material small[b-f7j6url21o] {
    display: block;
}

.mini-exam-material strong[b-f7j6url21o] {
    color: #010034;
}

.mini-exam-material small[b-f7j6url21o] {
    color: #64748b;
}

.mini-exam-list[b-f7j6url21o] {
    display: grid;
    gap: .65rem;
}

.mini-exam-row[b-f7j6url21o],
.mini-exam-empty[b-f7j6url21o] {
    align-items: center;
    background: #fff;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: flex;
    gap: .85rem;
    justify-content: space-between;
    padding: .9rem 1rem;
}

.mini-exam-row[b-f7j6url21o] {
    color: inherit;
    text-decoration: none;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.mini-exam-row:hover[b-f7j6url21o] {
    border-color: #60a5fa;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

.mini-exam-row strong[b-f7j6url21o],
.mini-exam-row span[b-f7j6url21o],
.mini-exam-empty strong[b-f7j6url21o],
.mini-exam-empty span[b-f7j6url21o] {
    display: block;
}

.mini-exam-row strong[b-f7j6url21o],
.mini-exam-empty strong[b-f7j6url21o] {
    color: #010034;
}

.mini-exam-row span[b-f7j6url21o],
.mini-exam-row small[b-f7j6url21o],
.mini-exam-empty span[b-f7j6url21o] {
    color: #64748b;
}

.mini-exam-row small[b-f7j6url21o] {
    white-space: nowrap;
}

.mini-exam-empty[b-f7j6url21o] {
    border-style: dashed;
}

.mini-exam-modal[b-f7j6url21o] {
    max-width: 760px;
    width: min(100%, 760px);
}

.mini-exam-modal-body[b-f7j6url21o] {
    display: grid;
    gap: .95rem;
}

.mini-exam-modal-topic[b-f7j6url21o] {
    color: #475569;
    font-weight: 700;
    margin: -.2rem 0 .15rem;
}

.mini-exam-error[b-f7j6url21o] {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    color: #be123c;
    font-weight: 600;
    padding: .75rem .85rem;
}

.mini-exam-topic-lock[b-f7j6url21o] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    display: grid;
    gap: .2rem;
    padding: .9rem;
}

.mini-exam-topic-lock span[b-f7j6url21o] {
    color: #0369a1;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.mini-exam-topic-lock strong[b-f7j6url21o] {
    color: #0f172a;
}

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

.mini-exam-form-grid > div[b-f7j6url21o] {
    min-width: 0;
}

.mini-exam-form-grid .form-label[b-f7j6url21o] {
    color: #1f2937;
    font-weight: 600;
    margin-bottom: .35rem;
}

.mini-exam-form-grid .form-control[b-f7j6url21o],
.mini-exam-form-grid .form-select[b-f7j6url21o] {
    min-height: 2.45rem;
}

.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-modal .edit-modal-footer[b-f7j6url21o] {
    gap: .65rem;
}

.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: 600;
    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-quick-actions[b-f7j6url21o] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: .85rem;
}

.material-quick-actions button[b-f7j6url21o] {
    align-items: center;
    background: var(--focus-control-bg);
    border: 1px solid var(--focus-border);
    border-radius: 8px;
    color: var(--focus-text);
    display: grid;
    gap: .35rem;
    justify-items: center;
    min-height: 4.6rem;
    padding: .7rem .45rem;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.material-quick-actions button:hover[b-f7j6url21o] {
    border-color: color-mix(in srgb, var(--focus-accent) 65%, var(--focus-border));
    box-shadow: 0 14px 34px var(--focus-shadow);
    transform: translateY(-1px);
}

.material-quick-actions i[b-f7j6url21o] {
    color: var(--focus-accent);
    font-size: 1.25rem;
}

.material-quick-actions span[b-f7j6url21o] {
    color: var(--focus-heading);
    font-size: .8rem;
    font-weight: 900;
    text-align: center;
}

.material-accordion-item[b-f7j6url21o] {
    border: 1px solid var(--focus-border, rgba(148, 163, 184, .28));
    border-radius: 8px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--focus-accent, #38bdf8) 10%, transparent), var(--focus-control-bg, rgba(15, 23, 42, .72)));
    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: color-mix(in srgb, var(--focus-accent, #7dd3fc) 62%, var(--focus-border, rgba(148, 163, 184, .28)));
    box-shadow: 0 18px 55px var(--focus-shadow, rgba(8, 47, 73, .34));
    transform: translateY(-1px);
}

.material-accordion-trigger[b-f7j6url21o] {
    align-items: center;
    border: 0;
    color: var(--focus-text, #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, color-mix(in srgb, var(--focus-accent, #2dd4bf) 18%, transparent), transparent 34%),
        var(--focus-control-bg, 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: var(--focus-heading, #f8fafc);
    font-size: 1rem;
    font-weight: 900;
}

.material-accordion-trigger strong[b-f7j6url21o] {
    color: var(--focus-accent, #bae6fd);
    font-size: .82rem;
    font-weight: 600;
    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));
}

.exam-tip-card-grid[b-f7j6url21o] {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.learning-card.exam-tip-card[b-f7j6url21o] {
    border-color: rgba(245, 158, 11, .32);
    background:
        radial-gradient(circle at 100% 0, rgba(251, 191, 36, .18), transparent 32%),
        linear-gradient(145deg, rgba(255, 251, 235, .98), rgba(236, 253, 245, .95));
}

.learning-card.exam-tip-card[b-f7j6url21o]::before {
    content: "!";
    position: absolute;
    top: .8rem;
    right: .8rem;
    display: grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    color: #78350f;
    background: #fde68a;
    font-weight: 950;
    box-shadow: 0 10px 22px rgba(245, 158, 11, .22);
}

.learning-card.exam-tip-card:hover[b-f7j6url21o] {
    border-color: rgba(245, 158, 11, .7);
    box-shadow: 0 18px 44px rgba(120, 53, 15, .18);
}

.learning-card.exam-tip-card span[b-f7j6url21o] {
    color: #b45309;
}

.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: 600;
    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: 600;
    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: 600;
}

.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: var(--focus-control-bg);
    border-color: var(--focus-border);
    color: var(--focus-text);
}

.focus-shell .empty-line[b-f7j6url21o] {
    color: var(--focus-soft);
}

.focus-shell .material-row strong[b-f7j6url21o],
.focus-shell .material-row a[b-f7j6url21o],
.focus-shell .question-card strong[b-f7j6url21o] {
    color: var(--focus-heading);
}

.focus-shell .material-row span[b-f7j6url21o],
.focus-shell .material-note-preview[b-f7j6url21o],
.focus-shell .question-card[b-f7j6url21o] {
    color: var(--focus-soft);
}

.focus-shell .material-row small[b-f7j6url21o] {
    background: var(--focus-panel-bg);
    border-color: var(--focus-border);
    color: var(--focus-muted);
}

.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: 600;
}

.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: hidden;
}

.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;
}

.modal-composer .study-modal-footer[b-f7j6url21o],
.feedback-modal-body .study-modal-footer[b-f7j6url21o] {
    bottom: -1rem;
    margin: .75rem -1rem -1rem;
    position: sticky;
    z-index: 5;
}

.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: 600;
}

.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: 600;
}

.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: 600;
}

.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: 600;
}

.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: 600;
}

.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-exam-tip-callout[b-f7j6url21o] {
    display: grid;
    gap: .4rem;
    border: 1px solid #fcd34d;
    border-radius: 8px;
    padding: .9rem;
    background:
        linear-gradient(135deg, #fffbeb, #f0fdf4);
    color: #334155;
}

.question-exam-tip-callout span[b-f7j6url21o] {
    color: #b45309;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.question-exam-tip-callout strong[b-f7j6url21o] {
    color: #0f172a;
    font-size: 1.02rem;
}

.question-exam-tip-callout p[b-f7j6url21o] {
    margin: 0;
}

.question-exam-tip-callout .btn[b-f7j6url21o] {
    justify-self: start;
}

.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: 600;
        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: 600;
        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;
    }

    .study-card.wide[b-f7j6url21o],
    .card-educators[b-f7j6url21o] {
        grid-column: auto;
    }

    .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-summary-layout.has-intro[b-f7j6url21o],
    .focus-dashboard-layout.has-intro[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;
    }

    .material-quick-actions[b-f7j6url21o] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mini-exam-material[b-f7j6url21o],
    .mini-exam-row[b-f7j6url21o],
    .mini-exam-empty[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: var(--focus-bg);
        color: var(--focus-text);
        display: block;
        overflow: hidden;
    }

    .focus-command[b-f7j6url21o] {
        align-items: stretch;
        background: var(--focus-command-bg);
        border-bottom: 1px solid var(--focus-border);
        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-theme-switch[b-f7j6url21o],
    .focus-command.detail-active .focus-theme-toggle[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-exam-tip-list[b-f7j6url21o],
    .exam-tip-card-grid[b-f7j6url21o] {
        grid-template-columns: 1fr;
    }

    .focus-exam-tip-strip[b-f7j6url21o],
    .focus-exam-tip-card[b-f7j6url21o] {
        box-shadow: none;
    }

    .focus-summary-tabs[b-f7j6url21o] {
        display: grid;
    }

    .focus-summary-layout.has-intro .focus-summary-pane[b-f7j6url21o],
    .focus-dashboard-layout.has-intro .focus-summary-pane[b-f7j6url21o] {
        display: none;
    }

    .focus-summary-layout.has-intro .focus-summary-pane.active[b-f7j6url21o],
    .focus-dashboard-layout.has-intro .focus-summary-pane.active[b-f7j6url21o] {
        display: grid;
    }

    .focus-summary-pane.intro[b-f7j6url21o] {
        max-height: none;
        box-shadow: none;
    }

    .focus-summary-pane.focus-dashboard-intro[b-f7j6url21o] {
        min-height: auto;
        max-height: none;
        position: static;
    }

    .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],
    .focus-exam-tip-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],
    .mini-exam-row[b-f7j6url21o],
    .mini-exam-empty[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],
    .mini-exam-row[b-f7j6url21o],
    .mini-exam-empty[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;
    }

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

    .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-form-grid[b-f7j6url21o],
    .mini-exam-preview-card[b-f7j6url21o] {
        grid-template-columns: 1fr;
    }

    .mini-exam-material .btn[b-f7j6url21o],
    .mini-exam-empty .btn[b-f7j6url21o],
    .mini-exam-modal .edit-modal-footer .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: 600;
}

.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/TeacherAvailability.razor.rz.scp.css */
.teacher-availability-shell[b-qtepuih5fs] {
    display: grid;
    gap: 20px;
}

.teacher-availability-board[b-qtepuih5fs] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 18px;
}

.teacher-availability-timezone[b-qtepuih5fs] {
    margin-bottom: 12px;
    color: #6b7280;
    font-size: 13px;
}

.teacher-availability-grid[b-qtepuih5fs] {
    display: grid;
    grid-template-columns: 64px repeat(7, minmax(80px, 1fr));
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: auto;
}

.teacher-availability-head[b-qtepuih5fs],
.teacher-availability-hour[b-qtepuih5fs] {
    padding: 10px 8px;
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    background: #fff;
    color: #111827;
    font-size: 13px;
}

.teacher-availability-head[b-qtepuih5fs] {
    font-weight: 700;
    text-align: center;
}

.teacher-availability-hour[b-qtepuih5fs] {
    color: #4b5563;
}

.availability-cell[b-qtepuih5fs] {
    min-height: 37px;
    margin: 4px;
    border: 0;
    border-radius: 6px;
    background: #f5f5f4;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.availability-cell.available[b-qtepuih5fs] {
    background: #10b981;
}

.availability-cell:focus-visible[b-qtepuih5fs] {
    outline: 3px solid rgba(16, 185, 129, 0.25);
    outline-offset: 1px;
}

.availability-legend[b-qtepuih5fs] {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-top: 12px;
    color: #6b7280;
    font-size: 13px;
}

.availability-legend span[b-qtepuih5fs] {
    display: inline-flex;
    gap: 7px;
    align-items: center;
}

.availability-legend i[b-qtepuih5fs] {
    width: 12px;
    height: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 3px;
    background: #f5f5f4;
}

.availability-legend .available-box[b-qtepuih5fs] {
    border-color: #10b981;
    background: #10b981;
}

@media (max-width: 900px) {
    .teacher-availability-grid[b-qtepuih5fs] {
        grid-template-columns: 58px repeat(7, 92px);
    }
}
/* /Components/Pages/TeacherProducts.razor.rz.scp.css */
.teacher-products-shell[b-n3a0fmmec2] {
    display: block;
}

.teacher-products-board[b-n3a0fmmec2] {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.teacher-product-grid[b-n3a0fmmec2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.teacher-product-card[b-n3a0fmmec2] {
    display: flex;
    min-height: 260px;
    flex-direction: column;
    gap: 0.85rem;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 8px;
    background: #fff;
    padding: 1rem;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}

.teacher-product-card-header[b-n3a0fmmec2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.teacher-product-card-header strong[b-n3a0fmmec2] {
    color: #065f46;
    white-space: nowrap;
}

.teacher-product-card-body[b-n3a0fmmec2] {
    display: grid;
    gap: 0.35rem;
}

.teacher-product-card-body span[b-n3a0fmmec2] {
    color: #64748b;
    font-size: 0.86rem;
}

.teacher-product-card h3[b-n3a0fmmec2] {
    margin: 0;
    color: #020617;
    font-size: 1.1rem;
    line-height: 1.35;
}

.teacher-product-card p[b-n3a0fmmec2] {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #334155;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.teacher-product-card footer[b-n3a0fmmec2] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
}

.status-pill-success[b-n3a0fmmec2] {
    background: #dcfce7;
    color: #166534;
}

.status-pill-muted[b-n3a0fmmec2] {
    background: #f1f5f9;
    color: #64748b;
}

.teacher-product-modal-title[b-n3a0fmmec2] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.75rem;
}

:global(.teacher-product-edit-modal)[b-n3a0fmmec2] {
    width: min(760px, calc(100vw - 2rem));
}

@media (min-width: 1440px) {
    .teacher-product-grid[b-n3a0fmmec2] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .teacher-product-grid[b-n3a0fmmec2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/TeacherSubjects.razor.rz.scp.css */
.teacher-subject-card[b-otrfvnqolp] {
    display: grid;
    gap: 1rem;
    align-items: end;
}

.teacher-subject-card-main header[b-otrfvnqolp] {
    margin-bottom: 0.35rem;
}

.teacher-subject-card-main p[b-otrfvnqolp] {
    margin-bottom: 0;
}

.teacher-subject-title[b-otrfvnqolp] {
    font-size: 1.2rem;
    line-height: 1.35;
    margin: 0.2rem 0 0.35rem;
}

.teacher-subject-card-controls[b-otrfvnqolp] {
    min-width: 0;
}

.teacher-subject-mobile-pricing[b-otrfvnqolp] {
    display: none;
}

@media (min-width: 992px) {
    .teacher-subject-card[b-otrfvnqolp] {
        grid-template-columns: minmax(14rem, 0.9fr) minmax(32rem, 1.4fr);
    }
}

@media (max-width: 900px) {
    .teacher-subjects-shell[b-otrfvnqolp] {
        gap: .75rem;
    }

    .teacher-subjects-shell .management-tree-panel[b-otrfvnqolp] {
        display: grid;
        gap: .8rem;
        padding: .75rem;
    }

    .teacher-subject-mobile-pricing[b-otrfvnqolp] {
        background: #f8fafc;
        border: 1px solid #dbe3ef;
        border-radius: 8px;
        display: grid;
        gap: .7rem;
        max-height: min(44dvh, 24rem);
        overflow: auto;
        padding: .75rem;
        position: sticky;
        top: .5rem;
        z-index: 3;
    }

    .teacher-subject-mobile-pricing-head[b-otrfvnqolp],
    .teacher-subject-mobile-price-row[b-otrfvnqolp] {
        align-items: center;
        display: grid;
        gap: .55rem;
    }

    .teacher-subject-mobile-pricing-head[b-otrfvnqolp] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .teacher-subject-mobile-pricing-head strong[b-otrfvnqolp],
    .teacher-subject-mobile-price-row strong[b-otrfvnqolp],
    .teacher-subject-mobile-price-row span[b-otrfvnqolp] {
        display: block;
    }

    .teacher-subject-mobile-price-list[b-otrfvnqolp] {
        display: grid;
        gap: .55rem;
    }

    .teacher-subject-mobile-price-row[b-otrfvnqolp] {
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        grid-template-columns: minmax(0, 1fr) minmax(6.5rem, .45fr);
        padding: .65rem;
    }

    .teacher-subject-mobile-price-row strong[b-otrfvnqolp] {
        color: #0f172a;
        font-size: .95rem;
        line-height: 1.25;
    }

    .teacher-subject-mobile-price-row span[b-otrfvnqolp] {
        color: #64748b;
        font-size: .78rem;
    }

    .teacher-subject-mobile-store[b-otrfvnqolp] {
        align-items: center;
        display: inline-flex;
        gap: .4rem;
        grid-column: 1 / -1;
        margin: 0;
    }

    .teacher-subject-card[b-otrfvnqolp] {
        gap: .75rem;
    }

    .teacher-subject-card-controls .row[b-otrfvnqolp] {
        gap: .5rem;
    }

    .teacher-subject-card-controls .form-label[b-otrfvnqolp] {
        color: #0f172a !important;
        font-size: .86rem;
        font-weight: 600;
    }

    .teacher-subject-card-controls input[type="number"][b-otrfvnqolp] {
        min-height: 2.8rem;
        font-size: 1rem;
    }
}
/* /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-list .empty-state[b-5yxtq9tds3] {
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    padding: 1rem;
}

.trial-product-row[b-5yxtq9tds3] {
    cursor: pointer;
}

.trial-product-row:hover[b-5yxtq9tds3] {
    background: #eef6ff;
    border-color: #bfdbfe;
}

.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) minmax(260px, 390px);
    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-focus-control[b-5yxtq9tds3] {
    display: grid;
    gap: .85rem;
}

.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: 600;
    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-choices button strong :where(p, div)[b-5yxtq9tds3],
.trial-answer-list strong :where(p, div)[b-5yxtq9tds3] {
    display: inline;
    margin: 0;
}

.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: center;
    background: rgba(15, 23, 42, .56);
    display: grid;
    inset: 0;
    justify-items: center;
    overflow: hidden;
    padding: 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: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: calc(100dvh - 2rem);
    max-width: 720px;
    padding: 1rem;
    overflow: hidden;
    width: min(720px, 100%);
}

.trial-modal.wide[b-5yxtq9tds3] {
    max-width: 1100px;
    width: min(1100px, 100%);
}

.trial-product-detail[b-5yxtq9tds3] {
    display: grid;
    gap: .85rem;
}

.trial-product-detail p[b-5yxtq9tds3] {
    color: #475569;
    margin: 0;
}

.trial-product-price[b-5yxtq9tds3] {
    color: #0f172a;
    font-size: 1.6rem;
    font-weight: 900;
}

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

.trial-modal > :not(header):not(.trial-actions)[b-5yxtq9tds3] {
    min-height: 0;
    overflow: auto;
}

.trial-modal > .trial-actions[b-5yxtq9tds3] {
    flex: 0 0 auto;
    margin-top: auto;
}

.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;
}

.trial-review-dashboard[b-5yxtq9tds3] {
    display: grid;
    gap: .85rem;
}

.trial-review-verdict[b-5yxtq9tds3],
.trial-review-metrics article[b-5yxtq9tds3],
.trial-review-block article[b-5yxtq9tds3] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: .85rem;
}

.trial-review-verdict[b-5yxtq9tds3] {
    border-color: #93c5fd;
    display: grid;
    gap: .25rem;
}

.trial-review-verdict span[b-5yxtq9tds3],
.trial-review-metrics span[b-5yxtq9tds3],
.trial-review-metrics small[b-5yxtq9tds3],
.trial-review-block small[b-5yxtq9tds3],
.trial-review-block article span[b-5yxtq9tds3] {
    color: #64748b;
}

.trial-review-verdict strong[b-5yxtq9tds3] {
    color: #1d4ed8;
    font-size: 1.35rem;
}

.trial-review-verdict p[b-5yxtq9tds3] {
    margin: 0;
}

.trial-review-metrics[b-5yxtq9tds3],
.trial-review-grid[b-5yxtq9tds3] {
    display: grid;
    gap: .75rem;
}

.trial-review-metrics[b-5yxtq9tds3] {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.trial-review-metrics article[b-5yxtq9tds3] {
    display: grid;
    gap: .25rem;
}

.trial-review-metrics strong[b-5yxtq9tds3] {
    color: #0f172a;
    font-size: 1.6rem;
    line-height: 1;
}

.trial-review-grid[b-5yxtq9tds3] {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
}

.trial-review-block[b-5yxtq9tds3] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    padding: .85rem;
}

.trial-review-block h3[b-5yxtq9tds3] {
    font-size: 1rem;
    margin: 0;
}

.trial-analysis-list[b-5yxtq9tds3] {
    display: grid;
    gap: .55rem;
}

.trial-analysis-list article[b-5yxtq9tds3] {
    display: grid;
    gap: .45rem;
}

.trial-analysis-list article > div:first-child[b-5yxtq9tds3] {
    display: grid;
    gap: .15rem;
}

.trial-analysis-bar[b-5yxtq9tds3] {
    background: #e2e8f0;
    border-radius: 999px;
    height: .5rem;
    overflow: hidden;
}

.trial-analysis-bar span[b-5yxtq9tds3] {
    background: #2563eb;
    display: block;
    height: 100%;
    width: calc(var(--score) * 1%);
}

.study-sponsor-note[b-5yxtq9tds3] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    gap: .75rem;
    margin-top: .55rem;
    padding: .65rem;
}

.study-sponsor-note img[b-5yxtq9tds3] {
    border-radius: 6px;
    height: 42px;
    object-fit: contain;
    width: 42px;
}

.study-sponsor-note div[b-5yxtq9tds3] {
    display: grid;
    gap: .1rem;
}

.study-sponsor-note span[b-5yxtq9tds3] {
    color: #475569;
    font-size: .9rem;
}

.study-sponsor-note.large[b-5yxtq9tds3] {
    align-items: flex-start;
    margin: 0;
}

.study-sponsor-note.large img[b-5yxtq9tds3] {
    height: 72px;
    width: 72px;
}

.sponsor-thanks-modal[b-5yxtq9tds3] {
    max-width: 640px;
}

.sponsor-preset-grid[b-5yxtq9tds3] {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.sponsor-rating-picker[b-5yxtq9tds3] {
    border: 0;
    display: grid;
    gap: .35rem;
    margin: 0;
    padding: 0;
}

.sponsor-rating-picker legend[b-5yxtq9tds3] {
    color: #1f2a26;
    float: none;
    font-size: 1rem;
    margin: 0;
}

.sponsor-rating-picker div[b-5yxtq9tds3] {
    display: flex;
    gap: .25rem;
}

.sponsor-rating-star[b-5yxtq9tds3] {
    align-items: center;
    background: #fff;
    border: 1px solid #d18a8a;
    border-radius: 50%;
    color: #c92a2a;
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.sponsor-rating-star:hover[b-5yxtq9tds3],
.sponsor-rating-star.selected[b-5yxtq9tds3] {
    background: #fff1f1;
    border-color: #c92a2a;
    color: #b42323;
}

@media (max-width: 860px) {
    .trial-list article[b-5yxtq9tds3],
    .trial-focus-top[b-5yxtq9tds3],
    .trial-focus-body[b-5yxtq9tds3],
    .trial-review-grid[b-5yxtq9tds3] {
        grid-template-columns: 1fr;
    }

    .trial-question-map[b-5yxtq9tds3] {
        grid-template-columns: repeat(8, 1fr);
    }
}
/* /Components/Pages/UserEdit.razor.rz.scp.css */
.user-profile-summary[b-4rj7pqvak7] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.user-profile-summary h2[b-4rj7pqvak7] {
    color: #111827;
    font-size: 1.35rem;
    margin: 0;
}

.user-profile-summary .lead[b-4rj7pqvak7] {
    margin: .25rem 0 0;
}

.user-profile-images[b-4rj7pqvak7] {
    display: flex;
    gap: .8rem;
}

.user-profile-images div[b-4rj7pqvak7] {
    align-items: center;
    display: grid;
    gap: .35rem;
    justify-items: center;
}

.user-profile-images span[b-4rj7pqvak7] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
}

.user-profile-images img[b-4rj7pqvak7] {
    aspect-ratio: 1;
    border: 2px solid #010034;
    border-radius: 999px;
    display: block;
    height: 74px;
    object-fit: cover;
    width: 74px;
}

.user-info-grid[b-4rj7pqvak7] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.user-info-card[b-4rj7pqvak7] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    padding: .85rem;
}

.user-info-card span[b-4rj7pqvak7] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 600;
    text-transform: uppercase;
}

.user-info-card strong[b-4rj7pqvak7] {
    color: #111827;
    font-size: .98rem;
    overflow-wrap: anywhere;
}

.user-device-list[b-4rj7pqvak7] {
    margin-top: 1rem;
}

@media (max-width: 720px) {
    .user-profile-summary[b-4rj7pqvak7] {
        grid-template-columns: 1fr;
    }

    .user-profile-images[b-4rj7pqvak7] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/WhatsAppAutoReplySettings.razor.rz.scp.css */
[b-0n33g3rza3] .wa-auto-reply-modal {
    width: min(1040px, calc(100vw - 32px));
}

[b-0n33g3rza3] .wa-auto-reply-modal .edit-modal-body {
    max-height: min(74vh, 780px);
}
/* /Components/Pages/WhatsAppBaileysSettings.razor.rz.scp.css */
.wa-settings-layout[b-pela69k71u] {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.wa-card[b-pela69k71u] {
    border: 1px solid #d8e0ea;
    border-radius: 8px;
    background: #fff;
    padding: 1rem;
}

.wa-channel-panel[b-pela69k71u] {
    position: sticky;
    top: 1rem;
}

[b-pela69k71u] .wa-editor-modal {
    width: min(1120px, calc(100vw - 32px));
}

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

.panel-heading.compact[b-pela69k71u] {
    margin-bottom: .75rem;
}

.panel-heading h2[b-pela69k71u],
.qr-panel h3[b-pela69k71u] {
    margin: 0;
}

.eyebrow[b-pela69k71u] {
    margin: 0 0 .25rem;
    color: #667085;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.wa-list[b-pela69k71u] {
    display: grid;
    gap: .5rem;
}

.live-status-note[b-pela69k71u] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-top: .85rem;
    color: #667085;
    font-size: .82rem;
}

.live-dot[b-pela69k71u] {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #12b76a;
    box-shadow: 0 0 0 4px rgba(18, 183, 106, .12);
}

.wa-list-row[b-pela69k71u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    width: 100%;
    min-height: 68px;
    padding: .75rem;
    border: 1px solid #d8e0ea;
    border-radius: 8px;
    background: #fff;
    color: #1f2937;
    text-align: left;
}

.wa-list-row.active[b-pela69k71u] {
    border-color: #1f6feb;
    background: #f5f9ff;
}

.wa-row-main[b-pela69k71u] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.wa-row-main strong[b-pela69k71u],
.wa-row-main small[b-pela69k71u] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wa-row-main small[b-pela69k71u] {
    color: #667085;
}

.connection-chip[b-pela69k71u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    min-height: 28px;
    padding: .25rem .55rem;
    border-radius: 999px;
    background: #eef2f7;
    color: #475467;
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}

.connection-chip.connected[b-pela69k71u] {
    background: #e8f7ee;
    color: #087443;
}

.connection-chip.waiting[b-pela69k71u] {
    background: #fff6db;
    color: #8a5a00;
}

.connection-chip.failed[b-pela69k71u] {
    background: #fdecec;
    color: #b42318;
}

.connection-workspace[b-pela69k71u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    gap: 1rem;
    align-items: start;
}

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

.channel-summary-grid div[b-pela69k71u] {
    display: grid;
    gap: .25rem;
    min-height: 78px;
    padding: .85rem;
    border: 1px solid #d8e0ea;
    border-radius: 8px;
    background: #f8fafc;
}

.channel-summary-grid span[b-pela69k71u] {
    color: #667085;
    font-size: .82rem;
}

.channel-summary-grid strong[b-pela69k71u] {
    color: #1f2937;
    font-size: .98rem;
}

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

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

.toggle-row[b-pela69k71u] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    align-items: center;
    padding: .75rem;
    border: 1px solid #d8e0ea;
    border-radius: 8px;
    background: #f8fafc;
}

.toggle-row label[b-pela69k71u] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
}

.qr-panel[b-pela69k71u] {
    border: 1px solid #d8e0ea;
    border-radius: 8px;
    background: #f8fafc;
    padding: 1rem;
}

.qr-panel-head[b-pela69k71u] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.qr-frame[b-pela69k71u] {
    width: 100%;
    aspect-ratio: 1 / 1.12;
    min-height: 390px;
    border: 1px solid #d8e0ea;
    border-radius: 8px;
    background: #fff;
}

.qr-placeholder[b-pela69k71u],
.connected-state[b-pela69k71u] {
    display: grid;
    place-items: center;
    gap: .35rem;
    min-height: 390px;
    border: 1px dashed #c4ccd8;
    border-radius: 8px;
    background: #fff;
    color: #667085;
    text-align: center;
    padding: 1rem;
}

.qr-placeholder strong[b-pela69k71u],
.connected-state strong[b-pela69k71u] {
    color: #1f2937;
}

.checkmark[b-pela69k71u] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #e8f7ee;
    color: #087443;
    font-size: 2rem;
    font-weight: 600;
}

.empty-mini[b-pela69k71u] {
    padding: .85rem;
    border: 1px dashed #c4ccd8;
    border-radius: 8px;
    color: #667085;
}

@media (max-width: 1100px) {
    .wa-settings-layout[b-pela69k71u],
    .connection-workspace[b-pela69k71u] {
        grid-template-columns: 1fr;
    }

    .wa-channel-panel[b-pela69k71u] {
        position: static;
    }
}

@media (max-width: 700px) {
    .form-grid[b-pela69k71u] {
        grid-template-columns: 1fr;
    }

    .channel-summary-grid[b-pela69k71u] {
        grid-template-columns: 1fr;
    }

    .panel-heading[b-pela69k71u] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /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/Pages/WhatsAppCloudSettings.razor.rz.scp.css */
[b-16f19fdxgn] .wa-editor-modal {
    width: min(980px, calc(100vw - 32px));
}

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

.channel-summary-grid div[b-16f19fdxgn] {
    display: grid;
    gap: .25rem;
    min-height: 78px;
    padding: .85rem;
    border: 1px solid #d8e0ea;
    border-radius: 8px;
    background: #f8fafc;
}

.channel-summary-grid span[b-16f19fdxgn] {
    color: #667085;
    font-size: .82rem;
}

.channel-summary-grid strong[b-16f19fdxgn] {
    color: #1f2937;
    font-size: .98rem;
}

@media (max-width: 700px) {
    .channel-summary-grid[b-16f19fdxgn] {
        grid-template-columns: 1fr;
    }
}
/* /Components/PanelHelpButton.razor.rz.scp.css */
.panel-help-button[b-fxhut5zoil] {
    display: inline-grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #fff;
    color: #0f172a;
    transition: border-color .16s ease, box-shadow .16s ease, color .16s ease;
}

.panel-help-button:hover[b-fxhut5zoil] {
    border-color: #2563eb;
    color: #2563eb;
    box-shadow: 0 8px 22px rgba(37, 99, 235, .14);
}

.panel-help-button.missing-help-content[b-fxhut5zoil] {
    border-color: #f59e0b;
    background: #fffbeb;
    color: #b45309;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .12);
}

.panel-help-button.missing-help-content:hover[b-fxhut5zoil] {
    border-color: #d97706;
    color: #92400e;
    box-shadow: 0 8px 22px rgba(245, 158, 11, .18);
}

.panel-help-button.has-help-content[b-fxhut5zoil] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.panel-help-view[b-fxhut5zoil],
.panel-help-edit[b-fxhut5zoil] {
    display: grid;
    gap: 1rem;
}

.panel-help-link-box[b-fxhut5zoil] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: end;
    padding: .85rem;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: #f8fafc;
}

.panel-help-video[b-fxhut5zoil] {
    overflow: hidden;
    border-radius: 8px;
    background: #020617;
    aspect-ratio: 16 / 9;
}

.panel-help-video iframe[b-fxhut5zoil] {
    width: 100%;
    height: 100%;
    border: 0;
}

.panel-help-content[b-fxhut5zoil] {
    color: #0f172a;
    line-height: 1.65;
}

.panel-help-content :is(p, ul, ol)[b-fxhut5zoil] {
    margin-bottom: .75rem;
}

.panel-help-footer[b-fxhut5zoil] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

:global(.panel-help-modal)[b-fxhut5zoil] {
    width: min(860px, calc(100vw - 2rem));
}

:global(.panel-help-modal .rich-editor-shell .ck.ck-editor__main > .ck-editor__editable)[b-fxhut5zoil] {
    max-height: 360px;
    min-height: 220px;
    overflow-y: auto;
}

@media (max-width: 680px) {
    .panel-help-link-box[b-fxhut5zoil] {
        grid-template-columns: 1fr;
    }
}
/* /Components/PasswordInput.razor.rz.scp.css */
.password-input-wrap[b-oz4eq6darr] {
    position: relative;
}

.password-input-wrap input[b-oz4eq6darr] {
    padding-right: 2.85rem;
}

.password-toggle[b-oz4eq6darr] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: #010034;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: .45rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
}

.password-toggle:hover[b-oz4eq6darr],
.password-toggle:focus-visible[b-oz4eq6darr] {
    background: rgba(1, 0, 52, .08);
    outline: 0;
}

.password-toggle i[b-oz4eq6darr] {
    font-size: 1rem;
    line-height: 1;
}
/* /Components/SocialFeedDrawer.razor.rz.scp.css */
.feed-drawer-backdrop[b-51jt9pzf7b] {
    background: rgba(15, 23, 42, 0.38);
    inset: 0;
    position: fixed;
    z-index: 1320;
}

.feed-drawer[b-51jt9pzf7b] {
    background: #eef2f7;
    border-left: 1px solid #cbd5e1;
    box-shadow: -18px 0 46px rgba(15, 23, 42, 0.22);
    display: block;
    height: 100dvh;
    max-height: 100dvh;
    max-width: 100vw;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform 220ms ease;
    width: min(434px, 78vw);
    z-index: 1321;
}

.feed-drawer.open[b-51jt9pzf7b] {
    transform: translateX(0);
}

.feed-drawer-header[b-51jt9pzf7b] {
    align-items: center;
    background: #07162f;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    color: #fff;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
    position: sticky;
    top: 0;
    z-index: 2;
}

.feed-drawer-header span[b-51jt9pzf7b] {
    color: #62d4c2;
    display: block;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.feed-drawer-header strong[b-51jt9pzf7b] {
    display: block;
    font-size: 1.2rem;
}

.feed-drawer-actions[b-51jt9pzf7b] {
    display: flex;
    gap: .5rem;
}

.feed-drawer .icon-button[b-51jt9pzf7b] {
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.feed-drawer .icon-button:hover[b-51jt9pzf7b] {
    background: #fff;
    color: #07162f;
}

.feed-drawer-body[b-51jt9pzf7b] {
    align-content: start;
    display: grid;
    gap: 1rem;
    min-height: auto;
    overflow: visible;
    overscroll-behavior: contain;
    padding: 1rem;
    position: static;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.feed-empty[b-51jt9pzf7b] {
    align-items: center;
    color: #64748b;
    display: grid;
    gap: .45rem;
    justify-items: center;
    min-height: 18rem;
    text-align: center;
}

.feed-empty i[b-51jt9pzf7b] {
    color: #010034;
    font-size: 2rem;
}

.feed-empty strong[b-51jt9pzf7b] {
    color: #07162f;
}

.feed-post[b-51jt9pzf7b] {
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
    overflow: hidden;
}

.feed-post.pinned[b-51jt9pzf7b] {
    border-color: #62d4c2;
}

.feed-post-author[b-51jt9pzf7b] {
    align-items: center;
    display: flex;
    gap: .75rem;
    padding: .9rem 1rem;
}

.feed-avatar[b-51jt9pzf7b] {
    align-items: center;
    background: #07162f;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 600;
    height: 2.6rem;
    justify-content: center;
    overflow: hidden;
    width: 2.6rem;
}

.feed-avatar img[b-51jt9pzf7b] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.feed-post-author strong[b-51jt9pzf7b],
.feed-post-author span[b-51jt9pzf7b] {
    display: block;
}

.feed-post-author span[b-51jt9pzf7b] {
    color: #64748b;
    font-size: .82rem;
}

.feed-post-author em[b-51jt9pzf7b] {
    align-items: center;
    background: #e8fbf7;
    border-radius: 999px;
    color: #0f766e;
    display: inline-flex;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    gap: .3rem;
    margin-left: auto;
    padding: .28rem .55rem;
}

.feed-media-grid[b-51jt9pzf7b] {
    display: grid;
    gap: 2px;
}

.feed-media-grid.count-1[b-51jt9pzf7b] {
    grid-template-columns: 1fr;
}

.feed-media-grid.count-2[b-51jt9pzf7b],
.feed-media-grid.count-3[b-51jt9pzf7b],
.feed-media-grid.count-4[b-51jt9pzf7b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.feed-media-grid img[b-51jt9pzf7b] {
    aspect-ratio: 16 / 10;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.feed-youtube[b-51jt9pzf7b] {
    background: #020617;
    aspect-ratio: 16 / 9;
}

.feed-youtube iframe[b-51jt9pzf7b] {
    border: 0;
    height: 100%;
    width: 100%;
}

.feed-post-copy[b-51jt9pzf7b] {
    display: grid;
    gap: .55rem;
    padding: 1rem;
}

.feed-post-copy h2[b-51jt9pzf7b] {
    color: #07162f;
    font-size: 1.15rem;
    line-height: 1.3;
    margin: 0;
}

.feed-rich-body[b-51jt9pzf7b] {
    color: #334155;
    line-height: 1.55;
    overflow: hidden;
    white-space: pre-wrap;
}

.feed-rich-body.collapsed[b-51jt9pzf7b] {
    max-height: 4.65em;
}

.feed-rich-body.expanded[b-51jt9pzf7b] {
    max-height: none;
}

.feed-rich-body[b-51jt9pzf7b]  ol,
.feed-rich-body[b-51jt9pzf7b]  ul,
.feed-rich-body[b-51jt9pzf7b]  p {
    margin-bottom: .45rem;
}

.feed-rich-body[b-51jt9pzf7b]  p:last-child {
    margin-bottom: 0;
}

.feed-body-toggle[b-51jt9pzf7b] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #010034;
    display: inline-flex;
    font-weight: 600;
    justify-self: start;
    padding: 0;
}

.feed-body-toggle:hover[b-51jt9pzf7b] {
    color: #2563eb;
    text-decoration: underline;
}

.feed-link-list[b-51jt9pzf7b] {
    display: grid;
    gap: .45rem;
}

.feed-link[b-51jt9pzf7b] {
    align-items: center;
    background: #f1f5f9;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    color: #010034;
    display: flex;
    gap: .45rem;
    padding: .65rem .75rem;
    text-decoration: none;
}

.feed-link:hover[b-51jt9pzf7b] {
    background: #e8fbf7;
    color: #07162f;
}

.feed-actions[b-51jt9pzf7b] {
    align-items: center;
    border-top: 1px solid #edf2f7;
    display: flex;
    gap: .35rem;
    padding: .65rem .8rem;
}

.feed-action[b-51jt9pzf7b] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #334155;
    display: inline-flex;
    gap: .35rem;
    min-height: 2.1rem;
    padding: .35rem .55rem;
}

.feed-action:hover[b-51jt9pzf7b],
.feed-action.active[b-51jt9pzf7b] {
    background: #f1f5f9;
    color: #e11d48;
}

.feed-action.save[b-51jt9pzf7b] {
    margin-left: auto;
}

.feed-action:disabled[b-51jt9pzf7b] {
    color: #94a3b8;
    cursor: not-allowed;
}

.feed-comments[b-51jt9pzf7b] {
    border-top: 1px solid #edf2f7;
    display: grid;
    gap: .35rem;
    padding: .8rem 1rem;
}

.feed-comment[b-51jt9pzf7b] {
    color: #334155;
    font-size: .9rem;
}

.feed-comment strong[b-51jt9pzf7b] {
    color: #07162f;
    margin-right: .35rem;
}

.feed-comment-composer[b-51jt9pzf7b] {
    align-items: center;
    border-top: 1px solid #edf2f7;
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .85rem 1rem 1rem;
}

@media (max-width: 640px) {
    .feed-drawer[b-51jt9pzf7b] {
        width: calc(100vw - 1.25rem);
    }

    .feed-comment-composer[b-51jt9pzf7b] {
        grid-template-columns: 1fr;
    }
}
/* /Components/SocialFeedQuickButton.razor.rz.scp.css */
.feed-quick-button[b-dlaeoa6q7k] {
    align-items: center;
    background: #0f766e;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px 0 0 999px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.24);
    color: #ffffff;
    display: inline-flex;
    height: 3.25rem;
    justify-content: center;
    position: fixed;
    right: 0;
    top: calc(45% + 4rem);
    transform: translateY(-50%);
    transition: background 160ms ease, color 160ms ease, padding-right 160ms ease;
    width: 3.35rem;
    z-index: 1250;
}

.feed-quick-button:hover[b-dlaeoa6q7k],
.feed-quick-button.active[b-dlaeoa6q7k] {
    background: #010034;
    color: #ffffff;
    padding-right: .35rem;
}

.feed-quick-button i[b-dlaeoa6q7k] {
    font-size: 1.22rem;
    line-height: 1;
}

@media (max-width: 640.98px) {
    .feed-quick-button[b-dlaeoa6q7k] {
        bottom: calc(9rem + env(safe-area-inset-bottom));
        top: auto;
        transform: none;
    }
}
/* /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: 600;
}

.study-plan-editor label[b-ri0a7s1x1y] {
    display: grid;
    gap: .35rem;
    color: #334155;
    font-size: .84rem;
    font-weight: 600;
}

.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-help[b-ri0a7s1x1y] {
    background: #eef6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #1e3a8a;
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.4;
    padding: .75rem .85rem;
}

.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/TopInboxActions.razor.rz.scp.css */
.top-inbox-actions[b-9xmml3efe9] {
    align-items: center;
    display: inline-flex;
    gap: .45rem;
    order: 1;
}

.top-inbox-action[b-9xmml3efe9] {
    align-items: center;
    background: #f8faf7;
    border: 1px solid #d8e2dc;
    border-radius: 999px;
    color: #010034;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    position: relative;
    text-decoration: none;
    width: 2.35rem;
}

.top-inbox-action:hover[b-9xmml3efe9] {
    background: #eef7f0;
    text-decoration: none;
}

.top-inbox-action i[b-9xmml3efe9] {
    font-size: 1.12rem;
    line-height: 1;
}

.top-inbox-action.message i[b-9xmml3efe9] {
    color: #0f766e;
}

.top-inbox-action.notification i[b-9xmml3efe9] {
    color: #7c3aed;
}

.top-inbox-badge[b-9xmml3efe9] {
    align-items: center;
    background: #dc3545;
    border: 2px solid #ffffff;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: .64rem;
    font-weight: 900;
    height: 1.12rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.12rem;
    padding: 0 .22rem;
    position: absolute;
    right: -.35rem;
    top: -.38rem;
}

@media (max-width: 640.98px) {
    .top-inbox-actions[b-9xmml3efe9] {
        gap: .35rem;
    }

    .top-inbox-action[b-9xmml3efe9] {
        height: 2.25rem;
        width: 2.25rem;
    }
}
/* /Components/UserMenu.razor.rz.scp.css */
.user-menu[b-xpm0t910bl] {
    position: relative;
}

.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-avatar-image[b-xpm0t910bl] {
    aspect-ratio: 1;
    border: 1px solid #d8d2c5;
    border-radius: 999px;
    display: inline-block;
    height: 1.9rem;
    object-fit: cover;
    width: 1.9rem;
}

.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-backdrop[b-xpm0t910bl] {
    background: transparent;
    border: 0;
    cursor: default;
    inset: 0;
    padding: 0;
    position: fixed;
    z-index: 1270;
}

.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: 1271;
}

.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;
}

.user-menu-language[b-xpm0t910bl] {
    border-bottom: 1px solid #eee8dc;
    border-top: 1px solid #eee8dc;
    margin: .25rem 0;
    padding: .55rem .5rem;
}

.user-menu-language[b-xpm0t910bl]  .language-selector {
    align-items: center;
    display: flex;
    gap: .55rem;
    justify-content: space-between;
    margin: 0;
}

.user-menu-language[b-xpm0t910bl]  .language-label {
    color: #173b36;
    font-weight: 600;
}

.user-menu-language[b-xpm0t910bl]  .language-select {
    background: #f8fafc;
    border: 1px solid #d8d2c5;
    border-radius: 8px;
    color: #010034;
    font-weight: 600;
    min-height: 2rem;
    padding: .2rem .55rem;
}

@media (max-width: 640.98px) {
    .user-menu[b-xpm0t910bl] {
        display: flex;
        align-items: center;
    }

    .user-menu-toggle[b-xpm0t910bl] {
        min-height: 2.35rem;
        padding: .2rem .4rem;
    }

    .user-menu-text[b-xpm0t910bl] {
        display: none;
    }

    .user-menu-panel[b-xpm0t910bl] {
        position: fixed;
        right: 1rem;
        top: 3.25rem;
    }
}
/* /Components/UserPresenceControl.razor.rz.scp.css */
.presence-control[b-08h2uzahnn] {
    position: relative;
    z-index: 1285;
}

.presence-button[b-08h2uzahnn] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d8e2dc;
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
    color: #010034;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 900;
    gap: .42rem;
    min-height: 2.35rem;
    padding: 0 .72rem;
    white-space: nowrap;
}

.presence-button:hover[b-08h2uzahnn],
.presence-button[aria-expanded="true"][b-08h2uzahnn] {
    background: #f8fafc;
    border-color: #b9c8d8;
}

.presence-button i[b-08h2uzahnn] {
    font-size: .72rem;
}

.presence-dot[b-08h2uzahnn] {
    background: #22c55e;
    border-radius: 999px;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .13);
    display: inline-flex;
    flex: 0 0 auto;
    height: .58rem;
    width: .58rem;
}

.presence-button.status-busy .presence-dot[b-08h2uzahnn],
.presence-dot.status-busy[b-08h2uzahnn] {
    background: #f59e0b;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, .16);
}

.presence-button.status-invisible .presence-dot[b-08h2uzahnn],
.presence-button.status-offline .presence-dot[b-08h2uzahnn],
.presence-dot.status-invisible[b-08h2uzahnn],
.presence-dot.status-offline[b-08h2uzahnn] {
    background: #94a3b8;
    box-shadow: 0 0 0 4px rgba(148, 163, 184, .16);
}

.presence-backdrop[b-08h2uzahnn] {
    background: transparent;
    border: 0;
    cursor: default;
    inset: 0;
    padding: 0;
    position: fixed;
    z-index: 1280;
}

.presence-menu[b-08h2uzahnn] {
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .18);
    display: grid;
    min-width: 10.5rem;
    overflow: hidden;
    padding: .3rem;
    position: absolute;
    right: 0;
    top: calc(100% + .45rem);
    z-index: 1286;
}

.presence-menu button[b-08h2uzahnn] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #0f172a;
    display: flex;
    font-weight: 600;
    gap: .55rem;
    min-height: 2.45rem;
    padding: .55rem .65rem;
    text-align: left;
}

.presence-menu button:hover[b-08h2uzahnn],
.presence-menu button.active[b-08h2uzahnn] {
    background: #f1f5f9;
    color: #010034;
}

@media (max-width: 760px) {
    .presence-button[b-08h2uzahnn] {
        min-height: 2.35rem;
        padding: 0 .58rem;
    }

    .presence-button > span:not(.presence-dot)[b-08h2uzahnn] {
        display: none;
    }

    .presence-menu[b-08h2uzahnn] {
        right: -.5rem;
    }
}
/* /Components/UserRoleModeSelector.razor.rz.scp.css */
.user-role-mode-selector[b-o2wos78443] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
}

.user-role-mode-label[b-o2wos78443] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.user-role-mode-select[b-o2wos78443] {
    background-color: #f8fafc;
    border-color: #d8e2dc;
    border-radius: 999px;
    color: #010034;
    font-size: 0.78rem;
    font-weight: 700;
    min-height: 2.35rem;
    min-width: 8.75rem;
    padding-left: 0.85rem;
}

.user-role-mode-select:focus[b-o2wos78443] {
    border-color: #010034;
    box-shadow: 0 0 0 0.14rem rgba(1, 0, 52, 0.13);
}
/* /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;
}