/* /Components/Layout/MainLayout.razor.rz.scp.css */
.frl-app[b-7oyqtt1u49] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color: var(--frl-color-text);
    background-color: var(--frl-color-background);
}

.frl-main[b-7oyqtt1u49] {
    flex: 1;
    width: 100%;
    background-color: var(--frl-color-background);
}

.frl-footer[b-7oyqtt1u49] {
    width: 100%;
    color: var(--frl-color-text-muted);
    background-color: var(--frl-color-surface);
    border-top: 1px solid var(--frl-color-border);
}

.frl-footer__inner[b-7oyqtt1u49] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 82px;
    padding-block: 22px;
}

    .frl-footer__inner p[b-7oyqtt1u49] {
        margin: 0;
        font-size: var(--frl-font-size-sm);
    }

.frl-footer__links[b-7oyqtt1u49] {
    display: flex;
    align-items: center;
    gap: 24px;
}

    .frl-footer__links a[b-7oyqtt1u49] {
        color: var(--frl-color-text-muted);
        font-size: var(--frl-font-size-sm);
        text-decoration: none;
        transition: color 160ms ease, transform 160ms ease;
    }

        .frl-footer__links a:hover[b-7oyqtt1u49] {
            color: var(--frl-color-text);
            transform: translateY(-1px);
        }

.frl-social-actions[b-7oyqtt1u49] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 90;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.frl-social-action[b-7oyqtt1u49] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    color: #ffffff;
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 50%;
    box-shadow: 0 8px 22px rgb(0 0 0 / 30%);
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

    .frl-social-action:hover[b-7oyqtt1u49] {
        color: #ffffff;
        filter: brightness(1.08);
        transform: translateY(-3px);
        box-shadow: 0 12px 28px rgb(0 0 0 / 40%);
    }

    .frl-social-action:focus-visible[b-7oyqtt1u49] {
        outline: 3px solid #ffffff;
        outline-offset: 3px;
    }

    .frl-social-action svg[b-7oyqtt1u49] {
        width: 28px;
        height: 28px;
        fill: currentColor;
    }

.frl-social-action--whatsapp[b-7oyqtt1u49] {
    background-color: #25d366;
}

.frl-social-action--instagram[b-7oyqtt1u49] {
    background: radial-gradient( circle at 30% 105%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.frl-visually-hidden[b-7oyqtt1u49] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0, 0, 0, 0);
}

#blazor-error-ui[b-7oyqtt1u49] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    padding: 12px 24px;
    color: #191919;
    background-color: #fff3cd;
    border-top: 1px solid #ffe69c;
}

    #blazor-error-ui .reload[b-7oyqtt1u49] {
        margin-left: 12px;
        font-weight: 600;
        text-decoration: underline;
    }

    #blazor-error-ui .dismiss[b-7oyqtt1u49] {
        position: absolute;
        top: 8px;
        right: 16px;
        cursor: pointer;
        font-size: 1.25rem;
    }

@media (max-width: 700px) {
    .frl-footer__inner[b-7oyqtt1u49] {
        flex-direction: column;
        justify-content: center;
        gap: 12px;
        padding: 24px 18px;
        text-align: center;
    }

    .frl-social-actions[b-7oyqtt1u49] {
        right: 14px;
        bottom: 14px;
        gap: 10px;
    }

    .frl-social-action[b-7oyqtt1u49] {
        width: 48px;
        height: 48px;
    }

        .frl-social-action svg[b-7oyqtt1u49] {
            width: 25px;
            height: 25px;
        }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.frl-header[b-ti7xkhb8m6] {
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
    min-height: var(--frl-header-height);
    background-color: var(--frl-color-surface);
    border-bottom: 1px solid var(--frl-color-border);
}

.frl-header__inner[b-ti7xkhb8m6] {
    display: flex;
    align-items: center;
    gap: 32px;
    width: 100%;
    max-width: 1440px;
    min-height: var(--frl-header-height);
    margin-inline: auto;
    padding: 15px 24px;
}

    .frl-header__inner[b-ti7xkhb8m6]  .frl-brand {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        width: 132px;
        height: 58px;
    }

.frl-brand__image[b-ti7xkhb8m6] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.frl-header__content[b-ti7xkhb8m6] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 32px;
}

.frl-navigation[b-ti7xkhb8m6] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

    .frl-navigation[b-ti7xkhb8m6]  .frl-navigation__link {
        position: relative;
        padding-block: 8px;
        color: var(--frl-color-text);
        font-size: var(--frl-font-size-sm);
        font-weight: 400;
        text-decoration: none;
        white-space: nowrap;
    }

        .frl-navigation[b-ti7xkhb8m6]  .frl-navigation__link:hover {
            color: var(--frl-color-text-muted);
        }

        .frl-navigation[b-ti7xkhb8m6]  .frl-navigation__link.active {
            color: var(--frl-color-text);
            font-weight: 600;
        }

.frl-header__actions[b-ti7xkhb8m6] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 16px;
}

.frl-user[b-ti7xkhb8m6] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--frl-color-text);
    font-size: var(--frl-font-size-sm);
}

.frl-user__avatar[b-ti7xkhb8m6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: var(--frl-color-primary);
    border-radius: 50%;
    font-weight: 700;
}

.frl-user__name[b-ti7xkhb8m6] {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.frl-logout-form[b-ti7xkhb8m6] {
    margin: 0;
}

.frl-menu-toggle[b-ti7xkhb8m6] {
    display: none;
    margin-left: auto;
    padding: 6px 10px;
    color: var(--frl-color-text);
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 1.75rem;
    line-height: 1;
}

.frl-header__content[b-ti7xkhb8m6] {
    min-width: 0;
}

.frl-navigation[b-ti7xkhb8m6] {
    min-width: 0;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 4px;
}

@media (max-width: 1000px) {
    .frl-header__content[b-ti7xkhb8m6] {
        max-height: calc(100dvh - 72px);
        overflow-y: auto;
    }

    .frl-navigation[b-ti7xkhb8m6]  .frl-navigation__link {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        min-height: 44px;
        margin: 0;
        padding: 12px;
        border-radius: var(--frl-radius-sm);
        text-align: left;
        white-space: normal;
    }

        .frl-navigation[b-ti7xkhb8m6]  .frl-navigation__link:hover,
        .frl-navigation[b-ti7xkhb8m6]  .frl-navigation__link.active {
            background-color: var(--frl-color-border);
        }

    .frl-header__actions[b-ti7xkhb8m6]  .frl-button {
        box-sizing: border-box;
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 1000px) {
    .frl-header__inner[b-ti7xkhb8m6] {
        position: relative;
        min-height: 72px;
        padding: 7px 18px;
    }

        .frl-header__inner[b-ti7xkhb8m6]  .frl-brand {
            width: 132px;
            height: 58px;
        }

    .frl-menu-toggle[b-ti7xkhb8m6] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .frl-header__content[b-ti7xkhb8m6] {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 24px;
        padding: 20px;
        background-color: var(--frl-color-surface);
        border-top: 1px solid var(--frl-color-border);
        box-shadow: 0 12px 24px rgb(0 0 0 / 25%);
    }

    .frl-header__content--open[b-ti7xkhb8m6] {
        display: flex;
    }

    .frl-navigation[b-ti7xkhb8m6] {
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
    }

    .frl-navigation__link[b-ti7xkhb8m6] {
        width: 100%;
        padding: 12px;
        border-radius: var(--frl-radius-sm);
    }

        .frl-navigation__link:hover[b-ti7xkhb8m6],
        .frl-navigation__link.active[b-ti7xkhb8m6] {
            background-color: var(--frl-color-border);
        }

    .frl-header__actions[b-ti7xkhb8m6] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .frl-button[b-ti7xkhb8m6] {
        width: 100%;
    }

    .frl-user[b-ti7xkhb8m6] {
        justify-content: center;
        padding: 8px;
    }

    .frl-brand__image[b-ti7xkhb8m6] {
        display: block;
        width: 58px;
        height: 58px;
        object-fit: contain;
        object-position: center;
    }
}
/* /Components/Pages/Account/Logout.razor.rz.scp.css */
.logout-page[b-16eyg47x16] {
    display: grid;
    place-items: center;
    min-height: calc(100vh - var(--frl-header-height));
    padding: 48px var(--frl-page-padding);
}

.logout-card[b-16eyg47x16] {
    width: min(100%, 540px);
    padding: 48px;
    color: var(--frl-color-text);
    background-color: var(--frl-color-surface-dark);
    border: 1px solid var(--frl-color-border);
    border-radius: 16px;
    box-shadow: 0 24px 60px rgb(0 0 0 / 25%);
    text-align: center;
}

.logout-card__eyebrow[b-16eyg47x16] {
    display: block;
    margin-bottom: 12px;
    color: var(--frl-color-primary);
    font-size: var(--frl-font-size-xs);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.logout-card h1[b-16eyg47x16] {
    margin: 0;
    color: var(--frl-color-text);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.logout-card p[b-16eyg47x16] {
    max-width: 430px;
    margin: 16px auto 0;
    color: var(--frl-color-text-muted);
    font-size: var(--frl-font-size-sm);
    line-height: 1.6;
}

.logout-form[b-16eyg47x16] {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 32px;
}

.logout-action[b-16eyg47x16] {
    min-width: 170px;
}

.logout-action--danger[b-16eyg47x16] {
    color: var(--frl-color-text);
    background-color: var(--frl-color-danger);
    border-color: var(--frl-color-danger);
}

    .logout-action--danger:hover[b-16eyg47x16] {
        color: var(--frl-color-text);
        filter: brightness(1.1);
    }

@media (max-width: 600px) {
    .logout-page[b-16eyg47x16] {
        padding: 24px 16px;
    }

    .logout-card[b-16eyg47x16] {
        padding: 36px 24px;
        border-radius: var(--frl-radius-lg);
    }

        .logout-card h1[b-16eyg47x16] {
            font-size: 1.75rem;
        }

    .logout-form[b-16eyg47x16] {
        flex-direction: column;
    }

    .logout-action[b-16eyg47x16] {
        width: 100%;
    }
}
/* /Components/Pages/Account/Register.razor.rz.scp.css */
.register-container[b-7n6005dzc9] {
    width: min(calc(100% - 32px), 1040px);
    margin: 48px auto 64px;
    padding: 40px;
    color: var(--frl-color-text, #ffffff);
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.22);
}

.auth-intro[b-7n6005dzc9] {
    margin-bottom: 32px;
}

    .auth-intro h1[b-7n6005dzc9] {
        display: block;
        margin: 0 0 8px;
        color: var(--frl-color-text, #ffffff);
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.2;
    }

    .auth-intro p[b-7n6005dzc9] {
        margin: 0;
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 1rem;
    }

.register-container[b-7n6005dzc9]  form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

.form-section[b-7n6005dzc9] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
    margin: 0;
    padding: 24px;
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-md, 12px);
}

    .form-section legend[b-7n6005dzc9] {
        float: none;
        width: auto;
        margin: 0;
        padding: 0 8px;
        color: var(--frl-color-text, #ffffff);
        font-size: 1.125rem;
        font-weight: 700;
    }

.form-field[b-7n6005dzc9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .form-field label[b-7n6005dzc9] {
        color: var(--frl-color-text, #ffffff);
        font-size: 0.875rem;
        font-weight: 600;
    }

    .form-field[b-7n6005dzc9]  .form-control {
        width: 100%;
        min-height: 48px;
        padding: 11px 14px;
        color: #191919;
        background-color: #ffffff;
        border: 1px solid #d5d5d5;
        border-radius: 8px;
        outline: none;
        transition: border-color 160ms ease, box-shadow 160ms ease;
    }

        .form-field[b-7n6005dzc9]  .form-control:focus {
            border-color: #8c877d;
            box-shadow: 0 0 0 3px rgba(140, 135, 125, 0.25);
        }

        .form-field[b-7n6005dzc9]  .form-control::placeholder {
            color: #777777;
        }

    .form-field[b-7n6005dzc9]  .validation-message {
        color: #ffaaaa;
        font-size: 0.8rem;
    }

.remember-field[b-7n6005dzc9] {
    grid-column: 1 / -1;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 16px 18px;
    background-color: rgba(140, 135, 125, 0.12);
    border: 1px solid rgba(140, 135, 125, 0.35);
    border-radius: 10px;
}

    .remember-field[b-7n6005dzc9]  input {
        width: 18px;
        height: 18px;
        margin-top: 2px;
        accent-color: #8c877d;
    }

    .remember-field label[b-7n6005dzc9] {
        color: var(--frl-color-text, #ffffff);
        line-height: 1.5;
        cursor: pointer;
    }

.error-message[b-7n6005dzc9] {
    grid-column: 1 / -1;
    padding: 16px 18px;
    color: #ffd4d4;
    background-color: rgba(180, 45, 45, 0.2);
    border: 1px solid rgba(255, 105, 105, 0.45);
    border-radius: 10px;
}

    .error-message ul[b-7n6005dzc9] {
        margin: 0;
        padding-left: 20px;
    }

.register-container button[type="submit"][b-7n6005dzc9] {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 50px;
    padding: 12px 20px;
    color: #ffffff;
    font-weight: 700;
    background-color: #8c877d;
    border: 1px solid #8c877d;
    border-radius: 9px;
    transition: background-color 160ms ease, transform 160ms ease;
}

    .register-container button[type="submit"]:hover:not(:disabled)[b-7n6005dzc9] {
        background-color: #777269;
        transform: translateY(-1px);
    }

    .register-container button[type="submit"]:disabled[b-7n6005dzc9] {
        cursor: not-allowed;
        opacity: 0.65;
    }

.auth-footer[b-7n6005dzc9] {
    margin: 28px 0 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    text-align: center;
}

    .auth-footer a[b-7n6005dzc9],
    .success-message a[b-7n6005dzc9] {
        color: #ffffff;
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 3px;
    }

.success-message[b-7n6005dzc9] {
    padding: 32px;
    text-align: center;
    background-color: rgba(69, 151, 105, 0.16);
    border: 1px solid rgba(86, 198, 135, 0.4);
    border-radius: var(--frl-radius-md, 12px);
}

    .success-message h1[b-7n6005dzc9] {
        margin: 0 0 16px;
    }

    .success-message p[b-7n6005dzc9] {
        color: var(--frl-color-text-muted, #c7c7c7);
    }

@media (max-width: 760px) {
    .register-container[b-7n6005dzc9] {
        width: min(calc(100% - 24px), 600px);
        margin-block: 24px 40px;
        padding: 24px;
    }

        .register-container[b-7n6005dzc9]  form {
            grid-template-columns: 1fr;
            gap: 20px;
        }

    .form-section[b-7n6005dzc9] {
        padding: 20px;
    }

    .auth-intro h1[b-7n6005dzc9] {
        font-size: 1.65rem;
    }
}

@media (max-width: 420px) {
    .register-container[b-7n6005dzc9] {
        width: calc(100% - 16px);
        padding: 18px;
    }

    .form-section[b-7n6005dzc9] {
        padding: 16px;
    }
}
/* /Components/Pages/Admin/AdminInstructors.razor.rz.scp.css */
.instructors-page[b-7rfpo71mp2] {
    --instructors-background: #2b2b2b;
    --instructors-surface: #555555;
    --instructors-surface-soft: #4b4b4b;
    --instructors-border: #6a6a6a;
    --instructors-text: #ffffff;
    --instructors-muted: #dedede;
    --instructors-eyebrow: #b8afa1;
    --instructors-input-bg: #dedede;
    --instructors-input-text: #2b2b2b;
    --instructors-input-border: #b5b5b5;
    --instructors-button: #292929;
    --instructors-button-hover: #383838;
    box-sizing: border-box;
    max-width: 1440px;
    margin: 0 auto;
    padding: 32px 24px 48px;
    background: var(--instructors-background);
    color: var(--instructors-text);
    color-scheme: dark;
}

/* Cabeçalho */

.page-heading[b-7rfpo71mp2] {
    margin-bottom: 24px;
}

.eyebrow[b-7rfpo71mp2] {
    margin: 0 0 8px;
    color: var(--instructors-eyebrow);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.page-heading h1[b-7rfpo71mp2] {
    margin: 0;
    color: var(--instructors-text);
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 500;
    line-height: 1.2;
}

.page-description[b-7rfpo71mp2] {
    margin: 12px 0 0;
    color: var(--instructors-muted);
    font-size: 14px;
    line-height: 1.6;
}

/* Indicadores */

.stats-grid[b-7rfpo71mp2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.stat-card[b-7rfpo71mp2] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 24px;
    border: 1px solid var(--instructors-border);
    border-radius: 9px;
    background: var(--instructors-surface);
    box-shadow: 0 8px 20px rgb(0 0 0 / 12%);
}

    .stat-card span[b-7rfpo71mp2] {
        color: var(--instructors-muted);
        font-size: 14px;
    }

    .stat-card strong[b-7rfpo71mp2] {
        color: var(--instructors-text);
        font-size: 30px;
        font-weight: 700;
        line-height: 1;
    }

/* Painéis */

.page-layout[b-7rfpo71mp2] {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.panel[b-7rfpo71mp2] {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--instructors-border);
    border-radius: 9px;
    background: var(--instructors-surface);
    box-shadow: 0 12px 28px rgb(0 0 0 / 15%);
}

.panel-heading[b-7rfpo71mp2] {
    margin-bottom: 22px;
}

    .panel-heading h2[b-7rfpo71mp2] {
        margin: 0;
        color: var(--instructors-text);
        font-size: 20px;
        font-weight: 600;
        line-height: 1.3;
    }

    .panel-heading p[b-7rfpo71mp2] {
        margin: 8px 0 0;
        color: var(--instructors-muted);
        font-size: 14px;
        line-height: 1.5;
    }

/* Formulário */

.form-fields[b-7rfpo71mp2] {
    display: grid;
    gap: 18px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.field[b-7rfpo71mp2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

    .field label[b-7rfpo71mp2] {
        color: var(--instructors-text);
        font-size: 14px;
        font-weight: 500;
    }

.optional[b-7rfpo71mp2] {
    color: var(--instructors-muted);
    font-size: 12px;
    font-weight: 400;
}

.instructors-page[b-7rfpo71mp2]  .instructor-control {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--instructors-input-border);
    border-radius: 6px;
    background: var(--instructors-input-bg);
    color: var(--instructors-input-text);
    caret-color: var(--instructors-input-text);
    color-scheme: light;
    font: inherit;
    font-size: 14px;
}

    .instructors-page[b-7rfpo71mp2]  .instructor-control::placeholder {
        color: #626262;
        opacity: 1;
    }

    .instructors-page[b-7rfpo71mp2]  .instructor-control:focus {
        border-color: #ffffff;
        outline: 2px solid rgb(255 255 255 / 35%);
        outline-offset: 2px;
    }

    .instructors-page[b-7rfpo71mp2]  .instructor-control:disabled {
        border-color: #999999;
        background: #c4c4c4;
        color: #555555;
        cursor: not-allowed;
    }

    .instructors-page[b-7rfpo71mp2]  .instructor-control.invalid {
        border-color: #e5aaaa;
        outline: 1px solid #e5aaaa;
    }

.instructors-page[b-7rfpo71mp2]  select.instructor-control {
    border-color: #808080;
    background: var(--instructors-surface);
    color: var(--instructors-text);
    color-scheme: dark;
}

    .instructors-page[b-7rfpo71mp2]  select.instructor-control option {
        background: var(--instructors-surface);
        color: var(--instructors-text);
    }

    .instructors-page[b-7rfpo71mp2]  select.instructor-control:disabled {
        background: var(--instructors-surface-soft);
        color: #cccccc;
    }

.instructors-page[b-7rfpo71mp2]  input.instructor-control:-webkit-autofill,
.instructors-page[b-7rfpo71mp2]  input.instructor-control:-webkit-autofill:hover,
.instructors-page[b-7rfpo71mp2]  input.instructor-control:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--instructors-input-text);
    -webkit-box-shadow: 0 0 0 1000px var(--instructors-input-bg) inset;
    caret-color: var(--instructors-input-text);
}

.field[b-7rfpo71mp2]  .validation-message {
    color: #ffe0e0;
    font-size: 12px;
    line-height: 1.4;
}

/* Botões */

.primary-button[b-7rfpo71mp2],
.secondary-button[b-7rfpo71mp2],
.row-button[b-7rfpo71mp2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: var(--instructors-button);
    color: var(--instructors-text);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

    .primary-button:hover:not(:disabled)[b-7rfpo71mp2],
    .secondary-button:hover:not(:disabled)[b-7rfpo71mp2],
    .row-button:hover:not(:disabled)[b-7rfpo71mp2] {
        background: var(--instructors-button-hover);
    }

.form-submit[b-7rfpo71mp2] {
    width: 100%;
    margin-top: 4px;
}

.secondary-button[b-7rfpo71mp2] {
    border-color: #777777;
    white-space: nowrap;
}

    .primary-button:focus-visible[b-7rfpo71mp2],
    .secondary-button:focus-visible[b-7rfpo71mp2],
    .row-button:focus-visible[b-7rfpo71mp2] {
        outline: 2px solid #ffffff;
        outline-offset: 3px;
    }

    .primary-button:disabled[b-7rfpo71mp2],
    .secondary-button:disabled[b-7rfpo71mp2],
    .row-button:disabled[b-7rfpo71mp2] {
        background: #414141;
        color: #bcbcbc;
        cursor: not-allowed;
    }

/* Busca e filtros */

.list-heading[b-7rfpo71mp2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.filters[b-7rfpo71mp2] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 22px;
}

.search-field[b-7rfpo71mp2] {
    flex: 1;
}

.status-field[b-7rfpo71mp2] {
    width: 150px;
}

/* Tabela */

.table-scroll[b-7rfpo71mp2] {
    width: 100%;
    overflow-x: auto;
}

.instructors-table[b-7rfpo71mp2] {
    width: 100%;
    min-width: 650px;
    border-collapse: collapse;
    color: var(--instructors-text);
    font-size: 14px;
}

    .instructors-table th[b-7rfpo71mp2],
    .instructors-table td[b-7rfpo71mp2] {
        padding: 15px 12px;
        border-bottom: 1px solid var(--instructors-border);
        text-align: left;
        vertical-align: middle;
    }

    .instructors-table thead th[b-7rfpo71mp2] {
        background: #464646;
        color: var(--instructors-muted);
        font-size: 12px;
        font-weight: 600;
    }

    .instructors-table tbody th[b-7rfpo71mp2],
    .instructors-table tbody td[b-7rfpo71mp2] {
        background: transparent;
        color: var(--instructors-text);
    }

    .instructors-table tbody th[b-7rfpo71mp2] {
        min-width: 150px;
        font-weight: 600;
    }

    .instructors-table tbody tr:hover > *[b-7rfpo71mp2] {
        background: #5d5d5d;
    }

    .instructors-table tbody tr:last-child > *[b-7rfpo71mp2] {
        border-bottom: 0;
    }

.email-cell[b-7rfpo71mp2] {
    word-break: break-word;
}

.instructors-table .actions-cell[b-7rfpo71mp2] {
    text-align: right;
    white-space: nowrap;
}

.status-badge[b-7rfpo71mp2] {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid #858585;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.status-active[b-7rfpo71mp2] {
    background: #353535;
    color: #ffffff;
}

.status-inactive[b-7rfpo71mp2] {
    background: #606060;
    color: #dedede;
}

.row-button[b-7rfpo71mp2] {
    min-height: 34px;
    padding: 8px 12px;
    font-size: 12px;
}

.button-deactivate[b-7rfpo71mp2],
.button-activate[b-7rfpo71mp2] {
    border-color: #808080;
}

.instructors-table .empty-state[b-7rfpo71mp2] {
    padding: 36px 16px;
    color: var(--instructors-muted);
    text-align: center;
    line-height: 1.6;
}

/* Mensagens */

.notice[b-7rfpo71mp2] {
    margin-bottom: 20px;
    padding: 14px 18px;
    border: 1px solid #808080;
    border-radius: 8px;
    background: #414141;
    color: var(--instructors-text);
    font-size: 14px;
    line-height: 1.5;
}

.notice-success[b-7rfpo71mp2] {
    border-color: #a3b2a5;
}

.notice-error[b-7rfpo71mp2] {
    border-color: #d5aaaa;
    color: #ffe0e0;
}

.notice ul[b-7rfpo71mp2] {
    margin: 0;
    padding-left: 20px;
}

.notice li[b-7rfpo71mp2] {
    color: inherit;
}

/* Responsividade */

@media (max-width: 1100px) {
    .page-layout[b-7rfpo71mp2] {
        grid-template-columns: 1fr;
    }

    .form-fields[b-7rfpo71mp2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-submit[b-7rfpo71mp2] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .instructors-page[b-7rfpo71mp2] {
        padding: 24px 16px 36px;
    }

    .stats-grid[b-7rfpo71mp2] {
        gap: 10px;
    }

    .stat-card[b-7rfpo71mp2] {
        padding: 16px 12px;
    }

        .stat-card span[b-7rfpo71mp2] {
            font-size: 12px;
        }

        .stat-card strong[b-7rfpo71mp2] {
            font-size: 26px;
        }

    .panel[b-7rfpo71mp2] {
        padding: 20px 16px;
    }

    .form-fields[b-7rfpo71mp2] {
        grid-template-columns: 1fr;
    }

    .list-heading[b-7rfpo71mp2],
    .filters[b-7rfpo71mp2] {
        flex-direction: column;
        align-items: stretch;
    }

    .status-field[b-7rfpo71mp2] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AdminLayout.razor.rz.scp.css */
.layout-page[b-oev3f2staw] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 24px 48px;
    color: #ffffff;
}

.layout-heading[b-oev3f2staw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 24px;
}

    .layout-heading h1[b-oev3f2staw] {
        margin: 8px 0 12px;
    }

    .layout-heading p[b-oev3f2staw] {
        margin: 0;
        color: #dedede;
    }

.layout-eyebrow[b-oev3f2staw] {
    color: #bdb7ab;
    font-size: 12px;
    letter-spacing: .12em;
}

.layout-fields[b-oev3f2staw] {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.layout-card[b-oev3f2staw] {
    padding: 24px;
    margin-bottom: 20px;
    border: 1px solid #6a6a6a;
    border-radius: 12px;
    background: #555555;
}

    .layout-card h2[b-oev3f2staw] {
        margin: 0 0 20px;
        font-size: 21px;
    }

.layout-grid[b-oev3f2staw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.layout-field[b-oev3f2staw] {
    min-width: 0;
}

.layout-field--wide[b-oev3f2staw] {
    grid-column: 1 / -1;
}

.layout-field label[b-oev3f2staw],
.layout-label[b-oev3f2staw] {
    display: block;
    margin-bottom: 8px;
}

.layout-field[b-oev3f2staw]  .layout-input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid #8d8d8d;
    border-radius: 6px;
    background: #dedede;
    color: #202020;
    font: inherit;
}

.layout-field[b-oev3f2staw]  textarea.layout-input {
    resize: vertical;
}

.layout-field[b-oev3f2staw]  .layout-input:focus {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

.layout-page[b-oev3f2staw]  .validation-message,
.layout-page[b-oev3f2staw]  .validation-errors {
    color: #ffe0e0;
}

.layout-preview[b-oev3f2staw] {
    display: block;
    width: 100%;
    max-height: 280px;
    margin-bottom: 20px;
    border-radius: 8px;
    object-fit: cover;
}

.layout-help[b-oev3f2staw] {
    color: #dedede;
    font-size: 13px;
    line-height: 1.5;
}

.layout-button[b-oev3f2staw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid #777777;
    border-radius: 6px;
    background: #292929;
    color: #ffffff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

    .layout-button:hover:not(:disabled)[b-oev3f2staw] {
        background: #383838;
    }

    .layout-button:focus-visible[b-oev3f2staw] {
        outline: 2px solid #dedede;
        outline-offset: 3px;
    }

    .layout-button:disabled[b-oev3f2staw] {
        opacity: .55;
        cursor: not-allowed;
    }

.layout-footer[b-oev3f2staw] {
    display: flex;
    justify-content: flex-end;
    padding: 4px 0;
}

.layout-message[b-oev3f2staw] {
    padding: 16px;
    margin-bottom: 20px;
    border: 1px solid #777777;
    border-radius: 8px;
    background: #444444;
}

.layout-message--error[b-oev3f2staw] {
    background: #593737;
    border-color: #b98080;
}

@media (max-width: 700px) {
    .layout-page[b-oev3f2staw] {
        padding: 24px 16px 40px;
    }

    .layout-heading[b-oev3f2staw] {
        flex-direction: column;
    }

    .layout-grid[b-oev3f2staw] {
        grid-template-columns: 1fr;
    }

    .layout-card[b-oev3f2staw] {
        padding: 20px 16px;
    }

    .layout-heading .layout-button[b-oev3f2staw],
    .layout-footer .layout-button[b-oev3f2staw] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/Categories.razor.rz.scp.css */
.categories-page[b-koofzporzg] {
    width: min(calc(100% - 32px), 920px);
    margin: 40px auto 64px;
}

.categories-page__header[b-koofzporzg] {
    margin-bottom: 28px;
}

.categories-page__eyebrow[b-koofzporzg] {
    display: block;
    margin-bottom: 8px;
    color: #a8a39a;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.categories-page__header h1[b-koofzporzg] {
    margin: 0 0 8px;
    color: var(--frl-color-text, #ffffff);
    font-size: 2rem;
}

.categories-page__header p[b-koofzporzg],
.category-card__header p[b-koofzporzg],
.category-list-card__header p[b-koofzporzg] {
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
}

.category-card[b-koofzporzg],
.category-list-card[b-koofzporzg] {
    padding: 32px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.category-list-card[b-koofzporzg] {
    margin-top: 28px;
}

.category-card__header[b-koofzporzg],
.category-list-card__header[b-koofzporzg] {
    margin-bottom: 24px;
}

    .category-card__header h2[b-koofzporzg],
    .category-list-card__header h2[b-koofzporzg] {
        margin: 0 0 6px;
        color: #ffffff;
        font-size: 1.35rem;
    }

.category-card[b-koofzporzg]  form {
    display: grid;
    gap: 20px;
}

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

    .form-field label[b-koofzporzg] {
        color: #ffffff;
        font-size: 0.875rem;
        font-weight: 600;
    }

    .form-field[b-koofzporzg]  .form-control {
        width: 100%;
        min-height: 48px;
        padding: 11px 14px;
        color: #191919;
        background-color: #ffffff;
        border: 1px solid #d5d5d5;
        border-radius: 8px;
        outline: none;
    }

    .form-field[b-koofzporzg]  .form-control--textarea {
        min-height: 110px;
        resize: vertical;
    }

    .form-field[b-koofzporzg]  .form-control:focus {
        border-color: #8c877d;
        box-shadow: 0 0 0 3px rgba(140, 135, 125, 0.25);
    }

    .form-field[b-koofzporzg]  .validation-message {
        color: #ffaaaa;
        font-size: 0.8rem;
    }

.submit-button[b-koofzporzg] {
    min-height: 50px;
    font-weight: 700;
}

.message[b-koofzporzg] {
    padding: 14px 16px;
    border-radius: 9px;
}

    .message ul[b-koofzporzg] {
        margin: 0;
        padding-left: 20px;
    }

.message--success[b-koofzporzg] {
    color: #d4ffe5;
    background-color: rgba(69, 151, 105, 0.2);
    border: 1px solid rgba(86, 198, 135, 0.4);
}

.message--error[b-koofzporzg] {
    color: #ffd4d4;
    background-color: rgba(180, 45, 45, 0.2);
    border: 1px solid rgba(255, 105, 105, 0.4);
}

.category-list-card__header[b-koofzporzg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.category-count[b-koofzporzg] {
    flex-shrink: 0;
    padding: 7px 12px;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.25);
    border: 1px solid rgba(140, 135, 125, 0.45);
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.list-state[b-koofzporzg] {
    padding: 36px 20px;
    color: var(--frl-color-text-muted, #c7c7c7);
    text-align: center;
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}

.category-table-wrapper[b-koofzporzg] {
    width: 100%;
    overflow-x: auto;
}

.category-table[b-koofzporzg] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

    .category-table th[b-koofzporzg] {
        padding: 12px 14px;
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 0.75rem;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .category-table td[b-koofzporzg] {
        padding: 16px 14px;
        color: #ffffff;
        vertical-align: middle;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .category-table tbody tr:last-child td[b-koofzporzg] {
        border-bottom: 0;
    }

    .category-table strong[b-koofzporzg],
    .category-table small[b-koofzporzg] {
        display: block;
    }

    .category-table small[b-koofzporzg] {
        max-width: 260px;
        margin-top: 4px;
        color: var(--frl-color-text-muted, #c7c7c7);
    }

.status-badge[b-koofzporzg] {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.status-badge--active[b-koofzporzg] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
}

.status-badge--inactive[b-koofzporzg] {
    color: #ffd0d0;
    background-color: rgba(188, 69, 69, 0.2);
}

.action-cell[b-koofzporzg] {
    text-align: right;
}

.status-button[b-koofzporzg] {
    min-width: 82px;
    padding: 7px 12px;
    font-size: 0.8rem;
    font-weight: 700;
    background-color: transparent;
    border-radius: 7px;
    cursor: pointer;
}

.status-button--activate[b-koofzporzg] {
    color: #bfffd8;
    border: 1px solid rgba(86, 198, 135, 0.55);
}

.status-button--deactivate[b-koofzporzg] {
    color: #ffd0d0;
    border: 1px solid rgba(255, 105, 105, 0.5);
}

.status-button:disabled[b-koofzporzg] {
    cursor: wait;
    opacity: 0.6;
}

@media (max-width: 680px) {
    .categories-page[b-koofzporzg] {
        width: min(calc(100% - 24px), 560px);
        margin-top: 24px;
    }

    .category-card[b-koofzporzg],
    .category-list-card[b-koofzporzg] {
        padding: 22px;
    }

    .category-list-card__header[b-koofzporzg] {
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/Companies.razor.rz.scp.css */
.companies-page[b-5qhgu347j5] {
    width: min(calc(100% - 32px), 1180px);
    margin: 40px auto 64px;
}

.companies-header[b-5qhgu347j5],
.company-card__header[b-5qhgu347j5],
.subscription-panel__header[b-5qhgu347j5] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.companies-header[b-5qhgu347j5] {
    align-items: flex-start;
    margin-bottom: 28px;
}

.companies-header__eyebrow[b-5qhgu347j5] {
    color: #a8a39a;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.companies-header h1[b-5qhgu347j5] {
    margin: 6px 0;
    color: #fff;
}

.companies-header p[b-5qhgu347j5],
.company-card__header span[b-5qhgu347j5],
.subscription-panel__header span[b-5qhgu347j5] {
    color: #c7c7c7;
}

.companies-count[b-5qhgu347j5],
.status-badge[b-5qhgu347j5] {
    padding: 6px 11px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
}

.companies-count[b-5qhgu347j5] {
    color: #fff;
    background: rgba(140, 135, 125, .25);
}

.companies-grid[b-5qhgu347j5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.company-card[b-5qhgu347j5],
.subscription-panel[b-5qhgu347j5] {
    padding: 28px;
    background: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 16px;
}

    .company-card h2[b-5qhgu347j5],
    .subscription-panel h2[b-5qhgu347j5],
    .subscription-panel h3[b-5qhgu347j5] {
        margin: 0;
        color: #fff;
    }

.company-details[b-5qhgu347j5],
.subscription-item dl[b-5qhgu347j5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 24px 0;
}

    .company-details dt[b-5qhgu347j5],
    .subscription-item dt[b-5qhgu347j5] {
        color: #aaa;
        font-size: .72rem;
        text-transform: uppercase;
    }

    .company-details dd[b-5qhgu347j5],
    .subscription-item dd[b-5qhgu347j5] {
        margin: 4px 0 0;
        color: #fff;
    }

.subscription-summary[b-5qhgu347j5] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
    color: #c7c7c7;
}

.subscription-summary__active[b-5qhgu347j5] {
    color: #bfffd8;
}

.subscription-summary__none[b-5qhgu347j5] {
    color: #ffd0d0;
}

.manage-button[b-5qhgu347j5],
.grant-button[b-5qhgu347j5] {
    width: 100%;
    min-height: 46px;
    color: #fff;
    font-weight: 700;
    background: #8c877d;
    border: 0;
    border-radius: 8px;
}

.subscription-panel[b-5qhgu347j5] {
    margin-top: 28px;
}

.close-button[b-5qhgu347j5] {
    color: #fff;
    font-size: 1.8rem;
    background: transparent;
    border: 0;
}

.subscription-panel__content[b-5qhgu347j5] {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: 32px;
    margin-top: 28px;
}

.subscription-form[b-5qhgu347j5]  form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.form-field[b-5qhgu347j5] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .form-field label[b-5qhgu347j5] {
        color: #fff;
        font-weight: 600;
    }

    .form-field[b-5qhgu347j5]  .form-control {
        min-height: 46px;
        padding: 10px 12px;
        color: #191919;
        background: #fff;
        border: 1px solid #d5d5d5;
        border-radius: 8px;
    }

.form-control--textarea[b-5qhgu347j5] {
    min-height: 110px !important;
    resize: vertical;
}

.subscription-list[b-5qhgu347j5] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.subscription-item[b-5qhgu347j5] {
    padding: 18px;
    background: rgba(0, 0, 0, .15);
    border-radius: 10px;
}

    .subscription-item header[b-5qhgu347j5] {
        display: flex;
        justify-content: space-between;
    }

.status-badge--active[b-5qhgu347j5] {
    color: #bfffd8;
    background: rgba(52, 168, 101, .2);
}

.status-badge--inactive[b-5qhgu347j5] {
    color: #ffd0d0;
    background: rgba(188, 69, 69, .2);
}

.status-badge--scheduled[b-5qhgu347j5] {
    color: #ffe8aa;
    background: rgba(190, 148, 42, .2);
}

.cancel-button[b-5qhgu347j5] {
    color: #ffd0d0;
    background: transparent;
    border: 1px solid rgba(255, 105, 105, .5);
    border-radius: 7px;
    padding: 7px 12px;
}

.message[b-5qhgu347j5],
.empty-state[b-5qhgu347j5],
.history-state[b-5qhgu347j5] {
    padding: 16px;
    margin-bottom: 20px;
    border-radius: 9px;
}

.message--success[b-5qhgu347j5] {
    color: #d4ffe5;
    background: rgba(69, 151, 105, .2);
}

.message--error[b-5qhgu347j5] {
    color: #ffd4d4;
    background: rgba(180, 45, 45, .2);
}

.empty-state[b-5qhgu347j5],
.history-state[b-5qhgu347j5] {
    color: #c7c7c7;
    background: rgba(0, 0, 0, .12);
}

@media (max-width: 820px) {
    .companies-grid[b-5qhgu347j5],
    .subscription-panel__content[b-5qhgu347j5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .companies-page[b-5qhgu347j5] {
        width: calc(100% - 20px);
    }

    .company-details[b-5qhgu347j5],
    .subscription-item dl[b-5qhgu347j5] {
        grid-template-columns: 1fr;
    }
}

.company-card__header .status-badge[b-5qhgu347j5] {
    display: inline-flex;
    flex: 0 0 auto;
    align-self: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 6px 11px;
    line-height: 1;
    white-space: nowrap;
}

.company-details dd[b-5qhgu347j5] {
    overflow-wrap: anywhere;
}

    .company-details dd:first-of-type[b-5qhgu347j5] {
        white-space: nowrap;
    }
/* /Components/Pages/Admin/CourseContent.razor.rz.scp.css */
.course-content-page[b-u571euuf0a] {
    width: min(calc(100% - 32px), 1080px);
    margin: 36px auto 72px;
}

.back-link[b-u571euuf0a] {
    display: inline-flex;
    margin-bottom: 24px;
    color: #d7d3cc;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
}

    .back-link:hover[b-u571euuf0a] {
        color: #ffffff;
    }

.course-content-page__header[b-u571euuf0a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.course-content-page__eyebrow[b-u571euuf0a] {
    display: block;
    margin-bottom: 8px;
    color: #a8a39a;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.course-content-page__header h1[b-u571euuf0a] {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 2rem;
}

.course-content-page__header p[b-u571euuf0a],
.card-header p[b-u571euuf0a] {
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
}

.status-badge[b-u571euuf0a] {
    flex-shrink: 0;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.status-badge--draft[b-u571euuf0a] {
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.22);
    border: 1px solid rgba(225, 181, 67, 0.35);
}

.status-badge--published[b-u571euuf0a] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
    border: 1px solid rgba(86, 198, 135, 0.35);
}

.status-badge--archived[b-u571euuf0a] {
    color: #d1d1d1;
    background-color: rgba(120, 120, 120, 0.25);
    border: 1px solid rgba(180, 180, 180, 0.25);
}

.message[b-u571euuf0a] {
    margin-bottom: 20px;
    padding: 14px 16px;
    border-radius: 9px;
}

    .message a[b-u571euuf0a] {
        margin-left: 4px;
        color: inherit;
        font-weight: 700;
    }

.message--success[b-u571euuf0a] {
    color: #d4ffe5;
    background-color: rgba(69, 151, 105, 0.2);
    border: 1px solid rgba(86, 198, 135, 0.4);
}

.message--error[b-u571euuf0a] {
    color: #ffd4d4;
    background-color: rgba(180, 45, 45, 0.2);
    border: 1px solid rgba(255, 105, 105, 0.4);
}

.message--warning[b-u571euuf0a] {
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.18);
    border: 1px solid rgba(225, 181, 67, 0.38);
}

.module-form-card[b-u571euuf0a],
.modules-card[b-u571euuf0a] {
    padding: 30px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.modules-card[b-u571euuf0a] {
    margin-top: 28px;
}

.card-header[b-u571euuf0a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

    .card-header h2[b-u571euuf0a] {
        margin: 0 0 6px;
        color: #ffffff;
        font-size: 1.35rem;
    }

.module-form-card[b-u571euuf0a]  form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 20px;
}

.form-field[b-u571euuf0a] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.form-field--full[b-u571euuf0a] {
    grid-column: 1 / -1;
}

.form-field label[b-u571euuf0a] {
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 700;
}

.form-field[b-u571euuf0a]  .form-control {
    width: 100%;
    min-height: 47px;
    padding: 11px 14px;
    color: #191919;
    background-color: #e3e3e3;
    border: 1px solid #bcbcbc;
    border-radius: 8px;
    outline: none;
}

.form-field[b-u571euuf0a]  textarea.form-control {
    min-height: 100px;
    resize: vertical;
}

.form-field[b-u571euuf0a]  .form-control:focus {
    background-color: #f0f0f0;
    border-color: #8c877d;
    box-shadow: 0 0 0 3px rgba(140, 135, 125, 0.25);
}

.form-field[b-u571euuf0a]  .form-control:disabled {
    color: #777777;
    background-color: #c9c9c9;
    cursor: not-allowed;
}

.form-field[b-u571euuf0a]  .validation-message {
    color: #ffaaaa;
    font-size: 0.8rem;
}

.form-field[b-u571euuf0a]  .lesson-content-input {
    min-height: 260px;
    line-height: 1.65;
    resize: vertical;
}

.form-field[b-u571euuf0a]  .question-input {
    min-height: 110px;
    line-height: 1.5;
    resize: vertical;
}

.primary-button[b-u571euuf0a],
.secondary-button[b-u571euuf0a],
.add-lesson-button[b-u571euuf0a],
.add-question-button[b-u571euuf0a],
.add-option-button[b-u571euuf0a],
.item-actions button[b-u571euuf0a] {
    font: inherit;
}

.primary-button[b-u571euuf0a] {
    min-height: 48px;
    padding: 11px 18px;
    color: #191919;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-weight: 800;
    cursor: pointer;
}

    .primary-button:hover:not(:disabled)[b-u571euuf0a] {
        background-color: #dedbd5;
    }

.module-form-card .primary-button[b-u571euuf0a] {
    grid-column: 1 / -1;
}

.secondary-button[b-u571euuf0a] {
    flex-shrink: 0;
    padding: 8px 13px;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

    .secondary-button:hover:not(:disabled)[b-u571euuf0a] {
        background-color: rgba(255, 255, 255, 0.08);
    }

    .primary-button:disabled[b-u571euuf0a],
    .secondary-button:disabled[b-u571euuf0a],
    .add-lesson-button:disabled[b-u571euuf0a],
    .add-question-button:disabled[b-u571euuf0a],
    .add-option-button:disabled[b-u571euuf0a],
    .item-actions button:disabled[b-u571euuf0a] {
        cursor: not-allowed;
        opacity: 0.5;
    }

.content-state[b-u571euuf0a] {
    padding: 38px 22px;
    color: var(--frl-color-text-muted, #c7c7c7);
    background-color: rgba(0, 0, 0, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 11px;
    text-align: center;
}

    .content-state h1[b-u571euuf0a],
    .content-state h3[b-u571euuf0a] {
        margin: 0 0 8px;
        color: #ffffff;
    }

    .content-state p[b-u571euuf0a] {
        margin: 0;
    }

.module-list[b-u571euuf0a] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.module-card[b-u571euuf0a] {
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
}

.module-card__header[b-u571euuf0a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
}

.module-card__header--collapsible[b-u571euuf0a] {
    cursor: pointer;
    transition: background-color 160ms ease, border-color 160ms ease;
}

    .module-card__header--collapsible:hover[b-u571euuf0a] {
        background-color: rgba(255, 255, 255, 0.035);
    }

.module-card__identification[b-u571euuf0a] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.module-card__text[b-u571euuf0a] {
    min-width: 0;
}

.collapse-toggle[b-u571euuf0a] {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background-color 150ms ease, border-color 150ms ease;
}

    .collapse-toggle:hover[b-u571euuf0a] {
        background-color: rgba(255, 255, 255, 0.12);
        border-color: rgba(255, 255, 255, 0.38);
    }

    .collapse-toggle:focus-visible[b-u571euuf0a],
    .lesson-collapse-toggle:focus-visible[b-u571euuf0a] {
        outline: 2px solid #d7d3cc;
        outline-offset: 2px;
    }

.order-badge[b-u571euuf0a] {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.35);
    border: 1px solid rgba(140, 135, 125, 0.55);
    border-radius: 50%;
    font-size: 0.82rem;
    font-weight: 800;
}

.module-card h3[b-u571euuf0a] {
    margin: 3px 0 0;
    color: #ffffff;
    font-size: 1.1rem;
}

.module-card__header p[b-u571euuf0a] {
    margin: 7px 0 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.5;
}

.module-content-count[b-u571euuf0a] {
    display: inline-flex;
    margin-top: 8px;
    padding: 4px 8px;
    color: #d7d3cc;
    background-color: rgba(140, 135, 125, 0.16);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}

.item-actions[b-u571euuf0a] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

    .item-actions button[b-u571euuf0a] {
        min-height: 32px;
        padding: 6px 10px;
        color: #ffffff;
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 7px;
        font-size: 0.78rem;
        font-weight: 700;
        cursor: pointer;
    }

        .item-actions button:hover:not(:disabled)[b-u571euuf0a] {
            background-color: rgba(255, 255, 255, 0.08);
        }

    .item-actions .danger-button[b-u571euuf0a] {
        color: #ffd0d0;
        border-color: rgba(255, 105, 105, 0.5);
    }

.lesson-section[b-u571euuf0a] {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.035);
    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.lesson-editor-fields[b-u571euuf0a] {
    display: contents;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.lesson-section__header[b-u571euuf0a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

    .lesson-section__header > div[b-u571euuf0a] {
        display: flex;
        align-items: baseline;
        gap: 10px;
    }

    .lesson-section__header h4[b-u571euuf0a] {
        margin: 0;
        color: #ffffff;
        font-size: 1rem;
    }

    .lesson-section__header span[b-u571euuf0a] {
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 0.78rem;
    }

.add-lesson-button[b-u571euuf0a],
.add-question-button[b-u571euuf0a],
.add-option-button[b-u571euuf0a] {
    padding: 8px 12px;
    color: #d4ffe5;
    background-color: rgba(69, 151, 105, 0.12);
    border: 1px solid rgba(86, 198, 135, 0.42);
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

    .add-lesson-button:hover:not(:disabled)[b-u571euuf0a],
    .add-question-button:hover:not(:disabled)[b-u571euuf0a],
    .add-option-button:hover:not(:disabled)[b-u571euuf0a] {
        background-color: rgba(69, 151, 105, 0.22);
    }

.empty-lessons[b-u571euuf0a],
.empty-questions[b-u571euuf0a],
.empty-options[b-u571euuf0a] {
    padding: 20px;
    color: var(--frl-color-text-muted, #c7c7c7);
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 9px;
    text-align: center;
}

.lesson-list[b-u571euuf0a] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lesson-entry[b-u571euuf0a] {
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}

.lesson-item[b-u571euuf0a] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    transition: background-color 150ms ease;
}

.lesson-item--collapsible[b-u571euuf0a] {
    cursor: pointer;
}

    .lesson-item--collapsible:hover[b-u571euuf0a] {
        background-color: rgba(255, 255, 255, 0.055);
    }

.lesson-order[b-u571euuf0a] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    color: #d9d5ce;
    background-color: rgba(140, 135, 125, 0.2);
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 800;
}

.lesson-details[b-u571euuf0a] {
    min-width: 0;
}

    .lesson-details > div[b-u571euuf0a] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    .lesson-details strong[b-u571euuf0a] {
        color: #ffffff;
        font-size: 0.9rem;
    }

    .lesson-details small[b-u571euuf0a] {
        display: block;
        margin-top: 4px;
        color: var(--frl-color-text-muted, #c7c7c7);
    }

.lesson-collapse-toggle[b-u571euuf0a] {
    display: grid;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    padding: 0;
    place-items: center;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.18);
    border: 1px solid rgba(140, 135, 125, 0.35);
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: background-color 150ms ease, border-color 150ms ease;
}

    .lesson-collapse-toggle:hover[b-u571euuf0a] {
        background-color: rgba(140, 135, 125, 0.32);
        border-color: rgba(140, 135, 125, 0.55);
    }

.preview-badge[b-u571euuf0a] {
    padding: 3px 7px;
    color: #dcd8ff;
    background-color: rgba(132, 111, 209, 0.18);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
}

.lesson-form[b-u571euuf0a] {
    margin-top: 18px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 11px;
}

.lesson-form__header[b-u571euuf0a],
.nested-form-header[b-u571euuf0a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

    .lesson-form__header h4[b-u571euuf0a],
    .nested-form-header h5[b-u571euuf0a],
    .nested-form-header h6[b-u571euuf0a] {
        margin: 0;
        color: #ffffff;
        font-size: 1.05rem;
    }

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

.preview-field[b-u571euuf0a] {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
    color: #ffffff;
    font-size: 0.875rem;
    cursor: pointer;
}

    .preview-field[b-u571euuf0a]  input {
        width: 18px;
        height: 18px;
        accent-color: #8c877d;
    }

/* Questionários */

.quiz-management[b-u571euuf0a] {
    padding: 18px;
    background-color: rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.quiz-management__header[b-u571euuf0a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

    .quiz-management__header > div[b-u571euuf0a] {
        display: flex;
        align-items: baseline;
        gap: 10px;
    }

    .quiz-management__header h5[b-u571euuf0a] {
        margin: 0;
        color: #ffffff;
        font-size: 0.95rem;
    }

    .quiz-management__header span[b-u571euuf0a] {
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 0.76rem;
    }

.question-list[b-u571euuf0a] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.question-card[b-u571euuf0a] {
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.question-card__header[b-u571euuf0a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 14px;
}

.question-identification[b-u571euuf0a] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-width: 0;
}

    .question-identification strong[b-u571euuf0a] {
        padding-top: 4px;
        color: #ffffff;
        font-size: 0.88rem;
        line-height: 1.5;
    }

.question-order[b-u571euuf0a],
.option-order[b-u571euuf0a] {
    display: grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    place-items: center;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.28);
    border: 1px solid rgba(140, 135, 125, 0.38);
    border-radius: 7px;
    font-size: 0.72rem;
    font-weight: 800;
}

.option-section[b-u571euuf0a] {
    padding: 14px;
    background-color: rgba(0, 0, 0, 0.13);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.option-section__header[b-u571euuf0a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

    .option-section__header > span[b-u571euuf0a] {
        color: #ffffff;
        font-size: 0.82rem;
        font-weight: 800;
    }

.add-option-button[b-u571euuf0a] {
    padding: 6px 10px;
    font-size: 0.74rem;
}

.option-list[b-u571euuf0a] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.quiz-option[b-u571euuf0a] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
}

.quiz-option--correct[b-u571euuf0a] {
    background-color: rgba(69, 151, 105, 0.12);
    border-color: rgba(86, 198, 135, 0.32);
}

.option-text[b-u571euuf0a] {
    min-width: 0;
    color: #e4e1dc;
    font-size: 0.84rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.correct-badge[b-u571euuf0a] {
    padding: 4px 8px;
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.22);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
}

.question-form[b-u571euuf0a],
.option-form[b-u571euuf0a] {
    margin-top: 14px;
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9px;
}

    .question-form[b-u571euuf0a]  form,
    .option-form[b-u571euuf0a]  form {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .question-form .primary-button[b-u571euuf0a],
    .option-form .primary-button[b-u571euuf0a] {
        width: 100%;
    }

.correct-option-field[b-u571euuf0a] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
}

    .correct-option-field[b-u571euuf0a]  input {
        width: 18px;
        height: 18px;
        accent-color: #459769;
    }

.form-help[b-u571euuf0a] {
    display: block;
    color: var(--frl-color-text-muted, #c7c7c7);
    font-size: 0.76rem;
    line-height: 1.45;
}

@media (max-width: 760px) {
    .course-content-page[b-u571euuf0a] {
        width: min(calc(100% - 24px), 620px);
        margin-top: 24px;
    }

    .course-content-page__header[b-u571euuf0a],
    .card-header[b-u571euuf0a],
    .module-card__header[b-u571euuf0a],
    .question-card__header[b-u571euuf0a] {
        flex-direction: column;
    }

    .module-form-card[b-u571euuf0a],
    .modules-card[b-u571euuf0a] {
        padding: 22px;
    }

        .module-form-card[b-u571euuf0a]  form,
        .lesson-form[b-u571euuf0a]  form {
            grid-template-columns: 1fr;
        }

        .form-field--full[b-u571euuf0a],
        .module-form-card .primary-button[b-u571euuf0a] {
            grid-column: auto;
        }

    .item-actions[b-u571euuf0a] {
        justify-content: flex-start;
    }

    .lesson-item[b-u571euuf0a] {
        grid-template-columns: 32px minmax(0, 1fr);
    }

        .lesson-item .item-actions[b-u571euuf0a] {
            grid-column: 1 / -1;
            padding-left: 44px;
        }

    .quiz-option[b-u571euuf0a] {
        grid-template-columns: 28px minmax(0, 1fr) auto;
    }

        .quiz-option .item-actions[b-u571euuf0a] {
            grid-column: 1 / -1;
            padding-left: 38px;
        }
}

@media (max-width: 560px) {
    .lesson-section__header[b-u571euuf0a],
    .lesson-form__header[b-u571euuf0a],
    .quiz-management__header[b-u571euuf0a],
    .option-section__header[b-u571euuf0a],
    .nested-form-header[b-u571euuf0a] {
        align-items: flex-start;
        flex-direction: column;
    }

    .add-lesson-button[b-u571euuf0a],
    .add-question-button[b-u571euuf0a],
    .add-option-button[b-u571euuf0a] {
        width: 100%;
    }

    .module-card__identification[b-u571euuf0a] {
        flex-wrap: wrap;
    }

    .module-card__text[b-u571euuf0a] {
        flex: 1 1 calc(100% - 92px);
    }

    .question-identification[b-u571euuf0a] {
        width: 100%;
    }

    .quiz-option[b-u571euuf0a] {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .correct-badge[b-u571euuf0a] {
        grid-column: 2;
        justify-self: start;
    }

    .quiz-option .item-actions[b-u571euuf0a] {
        grid-column: 1 / -1;
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    .course-content-page__header h1[b-u571euuf0a] {
        font-size: 1.65rem;
    }

    .module-form-card[b-u571euuf0a],
    .modules-card[b-u571euuf0a] {
        padding: 18px;
    }

    .module-card__header[b-u571euuf0a],
    .lesson-section[b-u571euuf0a],
    .lesson-form[b-u571euuf0a],
    .quiz-management[b-u571euuf0a] {
        padding: 16px;
    }

    .lesson-item .item-actions[b-u571euuf0a] {
        padding-left: 0;
    }
}
/* /Components/Pages/Admin/Courses.razor.rz.scp.css */
.courses-admin-page[b-7zd9y4pvbd] {
    width: min(calc(100% - 32px), 1080px);
    margin: 40px auto 64px;
}

.courses-admin-page__header[b-7zd9y4pvbd] {
    margin-bottom: 28px;
}

.courses-admin-page__eyebrow[b-7zd9y4pvbd] {
    display: block;
    margin-bottom: 8px;
    color: #a8a39a;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.courses-admin-page__header h1[b-7zd9y4pvbd] {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 2rem;
}

.courses-admin-page__header p[b-7zd9y4pvbd],
.course-form-card__header p[b-7zd9y4pvbd],
.course-list-card__header p[b-7zd9y4pvbd] {
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
}

.course-form-card[b-7zd9y4pvbd],
.course-list-card[b-7zd9y4pvbd] {
    padding: 32px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.course-list-card[b-7zd9y4pvbd] {
    margin-top: 28px;
}

.course-form-card__header[b-7zd9y4pvbd],
.course-list-card__header[b-7zd9y4pvbd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

    .course-form-card__header h2[b-7zd9y4pvbd],
    .course-list-card__header h2[b-7zd9y4pvbd] {
        margin: 0 0 6px;
        color: #ffffff;
        font-size: 1.35rem;
    }

.course-form-card[b-7zd9y4pvbd]  form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.form-field[b-7zd9y4pvbd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.form-field--full[b-7zd9y4pvbd] {
    grid-column: 1 / -1;
}

.form-field label[b-7zd9y4pvbd] {
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
}

.form-field small[b-7zd9y4pvbd] {
    color: var(--frl-color-text-muted, #c7c7c7);
}

.form-field[b-7zd9y4pvbd]  .form-control {
    width: 100%;
    min-height: 48px;
    padding: 11px 14px;
    color: #191919;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
    outline: none;
}

    .form-field[b-7zd9y4pvbd]  .form-control:disabled {
        color: #777777;
        background-color: #dddddd;
    }

.form-field[b-7zd9y4pvbd]  .form-control--short-textarea {
    min-height: 90px;
    resize: vertical;
}

.form-field[b-7zd9y4pvbd]  .form-control--textarea {
    min-height: 150px;
    resize: vertical;
}

.form-field[b-7zd9y4pvbd]  .form-control:focus {
    border-color: #8c877d;
    box-shadow: 0 0 0 3px rgba(140, 135, 125, 0.25);
}

.form-field[b-7zd9y4pvbd]  .validation-message {
    color: #ffaaaa;
    font-size: 0.8rem;
}

.form-message[b-7zd9y4pvbd],
.submit-button[b-7zd9y4pvbd] {
    grid-column: 1 / -1;
}

.submit-button[b-7zd9y4pvbd] {
    min-height: 50px;
    font-weight: 700;
}

.secondary-button[b-7zd9y4pvbd] {
    padding: 8px 13px;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
}

.message[b-7zd9y4pvbd] {
    padding: 14px 16px;
    border-radius: 9px;
}

    .message ul[b-7zd9y4pvbd] {
        margin: 0;
        padding-left: 20px;
    }

    .message a[b-7zd9y4pvbd] {
        color: inherit;
        font-weight: 700;
    }

.message--success[b-7zd9y4pvbd] {
    color: #d4ffe5;
    background-color: rgba(69, 151, 105, 0.2);
    border: 1px solid rgba(86, 198, 135, 0.4);
}

.message--error[b-7zd9y4pvbd] {
    color: #ffd4d4;
    background-color: rgba(180, 45, 45, 0.2);
    border: 1px solid rgba(255, 105, 105, 0.4);
}

.message--warning[b-7zd9y4pvbd] {
    margin-bottom: 20px;
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.18);
    border: 1px solid rgba(225, 181, 67, 0.38);
}

.course-count[b-7zd9y4pvbd] {
    flex-shrink: 0;
    padding: 7px 12px;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.25);
    border: 1px solid rgba(140, 135, 125, 0.45);
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.list-state[b-7zd9y4pvbd] {
    padding: 36px 20px;
    color: var(--frl-color-text-muted, #c7c7c7);
    text-align: center;
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}

.admin-course-list[b-7zd9y4pvbd] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.admin-course[b-7zd9y4pvbd] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 20px;
    padding: 18px;
    background-color: rgba(0, 0, 0, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
}

.admin-course__image[b-7zd9y4pvbd],
.admin-course__placeholder[b-7zd9y4pvbd] {
    width: 100%;
    height: 140px;
    border-radius: 10px;
}

.admin-course__image[b-7zd9y4pvbd] {
    object-fit: cover;
}

.admin-course__placeholder[b-7zd9y4pvbd] {
    display: grid;
    place-items: center;
    color: #d9d5ce;
    background: linear-gradient( 135deg, rgba(140, 135, 125, 0.3), rgba(25, 25, 25, 0.8));
    font-weight: 800;
    letter-spacing: 0.12em;
}

.admin-course__content[b-7zd9y4pvbd] {
    min-width: 0;
}

.admin-course__heading[b-7zd9y4pvbd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.course-category[b-7zd9y4pvbd] {
    color: #aaa59d;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.admin-course h3[b-7zd9y4pvbd] {
    margin: 4px 0 0;
    color: #ffffff;
    font-size: 1.15rem;
}

.admin-course p[b-7zd9y4pvbd] {
    margin: 11px 0;
    color: var(--frl-color-text-muted, #c7c7c7);
}

.course-metadata[b-7zd9y4pvbd] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

    .course-metadata span[b-7zd9y4pvbd] {
        padding: 5px 9px;
        color: #d7d3cc;
        background-color: rgba(140, 135, 125, 0.16);
        border-radius: 999px;
        font-size: 0.75rem;
    }

.status-badge[b-7zd9y4pvbd] {
    flex-shrink: 0;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.status-badge--draft[b-7zd9y4pvbd] {
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.22);
}

.status-badge--published[b-7zd9y4pvbd] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
}

.status-badge--archived[b-7zd9y4pvbd] {
    color: #d1d1d1;
    background-color: rgba(120, 120, 120, 0.25);
}

.course-actions[b-7zd9y4pvbd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}

.course-action[b-7zd9y4pvbd] {
    padding: 7px 11px;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 7px;
    font-size: 0.8rem;
    font-weight: 700;
}

.course-action--edit[b-7zd9y4pvbd] {
    border-color: rgba(140, 135, 125, 0.7);
}

.course-action--publish[b-7zd9y4pvbd] {
    color: #bfffd8;
    border-color: rgba(86, 198, 135, 0.55);
}

.course-action--archive[b-7zd9y4pvbd] {
    color: #ffd0d0;
    border-color: rgba(255, 105, 105, 0.5);
}

.course-action:disabled[b-7zd9y4pvbd] {
    cursor: wait;
    opacity: 0.55;
}

@media (max-width: 720px) {
    .courses-admin-page[b-7zd9y4pvbd] {
        width: min(calc(100% - 24px), 560px);
        margin-top: 24px;
    }

    .course-form-card[b-7zd9y4pvbd],
    .course-list-card[b-7zd9y4pvbd] {
        padding: 22px;
    }

        .course-form-card[b-7zd9y4pvbd]  form {
            grid-template-columns: 1fr;
        }

    .form-field--full[b-7zd9y4pvbd],
    .form-message[b-7zd9y4pvbd],
    .submit-button[b-7zd9y4pvbd] {
        grid-column: auto;
    }

    .course-form-card__header[b-7zd9y4pvbd],
    .course-list-card__header[b-7zd9y4pvbd],
    .admin-course__heading[b-7zd9y4pvbd] {
        flex-direction: column;
    }

    .admin-course[b-7zd9y4pvbd] {
        grid-template-columns: 1fr;
    }

    .admin-course__image[b-7zd9y4pvbd],
    .admin-course__placeholder[b-7zd9y4pvbd] {
        height: 190px;
    }
}
/* /Components/Pages/Admin/FinalExamManagement.razor.rz.scp.css */
.final-exam-card[b-ug6gjj0kcv] {
    margin-top: 28px;
    padding: 30px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.final-exam-card__header[b-ug6gjj0kcv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.final-exam-card__eyebrow[b-ug6gjj0kcv] {
    display: block;
    margin-bottom: 7px;
    color: #a8a39a;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.final-exam-card__header h2[b-ug6gjj0kcv],
.final-exam-settings h3[b-ug6gjj0kcv],
.questions-header h3[b-ug6gjj0kcv] {
    margin: 0;
    color: #ffffff;
}

.final-exam-card__header h2[b-ug6gjj0kcv] {
    margin-bottom: 6px;
    font-size: 1.35rem;
}

.final-exam-card__header p[b-ug6gjj0kcv],
.final-exam-settings p[b-ug6gjj0kcv] {
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
}

.final-exam-card__actions[b-ug6gjj0kcv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.final-exam-readiness[b-ug6gjj0kcv] {
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.final-exam-readiness--ready[b-ug6gjj0kcv] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
    border: 1px solid rgba(86, 198, 135, 0.35);
}

.final-exam-readiness--pending[b-ug6gjj0kcv] {
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.18);
    border: 1px solid rgba(225, 181, 67, 0.38);
}

.final-exam-toggle[b-ug6gjj0kcv],
.secondary-button[b-ug6gjj0kcv],
.primary-button[b-ug6gjj0kcv],
.add-button[b-ug6gjj0kcv],
.item-actions button[b-ug6gjj0kcv] {
    font: inherit;
}

.final-exam-toggle[b-ug6gjj0kcv],
.secondary-button[b-ug6gjj0kcv] {
    padding: 8px 13px;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

    .final-exam-toggle:hover[b-ug6gjj0kcv],
    .secondary-button:hover:not(:disabled)[b-ug6gjj0kcv] {
        background-color: rgba(255, 255, 255, 0.08);
    }

.final-exam-summary[b-ug6gjj0kcv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 160px));
    gap: 12px;
    margin-top: 22px;
}

    .final-exam-summary > div[b-ug6gjj0kcv] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 12px 14px;
        background-color: rgba(0, 0, 0, 0.14);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 9px;
    }

    .final-exam-summary span[b-ug6gjj0kcv] {
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 0.72rem;
    }

    .final-exam-summary strong[b-ug6gjj0kcv] {
        color: #ffffff;
        font-size: 1.05rem;
    }

.final-exam-content[b-ug6gjj0kcv] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.message[b-ug6gjj0kcv] {
    padding: 14px 16px;
    border-radius: 9px;
}

.message--success[b-ug6gjj0kcv] {
    color: #d4ffe5;
    background-color: rgba(69, 151, 105, 0.2);
    border: 1px solid rgba(86, 198, 135, 0.4);
}

.message--error[b-ug6gjj0kcv] {
    color: #ffd4d4;
    background-color: rgba(180, 45, 45, 0.2);
    border: 1px solid rgba(255, 105, 105, 0.4);
}

.final-exam-settings[b-ug6gjj0kcv],
.final-exam-questions[b-ug6gjj0kcv] {
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 11px;
}

    .final-exam-settings h3[b-ug6gjj0kcv],
    .questions-header h3[b-ug6gjj0kcv] {
        font-size: 1rem;
    }

    .final-exam-settings header[b-ug6gjj0kcv] {
        margin-bottom: 17px;
    }

        .final-exam-settings header p[b-ug6gjj0kcv] {
            margin-top: 5px;
            font-size: 0.84rem;
        }

.settings-row[b-ug6gjj0kcv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 16px;
}

.form-field[b-ug6gjj0kcv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

    .form-field label[b-ug6gjj0kcv] {
        color: #ffffff;
        font-size: 0.875rem;
        font-weight: 700;
    }

    .form-field[b-ug6gjj0kcv]  .form-control {
        width: 100%;
        min-height: 47px;
        padding: 11px 14px;
        color: #191919;
        background-color: #e3e3e3;
        border: 1px solid #bcbcbc;
        border-radius: 8px;
        outline: none;
    }

    .form-field[b-ug6gjj0kcv]  textarea.form-control {
        min-height: 110px;
        line-height: 1.5;
        resize: vertical;
    }

    .form-field[b-ug6gjj0kcv]  .form-control:focus {
        background-color: #f0f0f0;
        border-color: #8c877d;
        box-shadow: 0 0 0 3px rgba(140, 135, 125, 0.25);
    }

    .form-field[b-ug6gjj0kcv]  .form-control:disabled {
        color: #777777;
        background-color: #c9c9c9;
        cursor: not-allowed;
    }

    .form-field[b-ug6gjj0kcv]  .validation-message {
        color: #ffaaaa;
        font-size: 0.8rem;
    }

.percentage-input[b-ug6gjj0kcv] {
    position: relative;
    max-width: 240px;
}

    .percentage-input[b-ug6gjj0kcv]  .form-control {
        padding-right: 42px;
    }

    .percentage-input > span[b-ug6gjj0kcv] {
        position: absolute;
        top: 50%;
        right: 15px;
        color: #555555;
        font-weight: 800;
        transform: translateY(-50%);
        pointer-events: none;
    }

.primary-button[b-ug6gjj0kcv] {
    min-height: 47px;
    padding: 11px 18px;
    color: #191919;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-weight: 800;
    cursor: pointer;
}

    .primary-button:hover:not(:disabled)[b-ug6gjj0kcv] {
        background-color: #dedbd5;
    }

    .primary-button:disabled[b-ug6gjj0kcv],
    .secondary-button:disabled[b-ug6gjj0kcv],
    .add-button:disabled[b-ug6gjj0kcv],
    .item-actions button:disabled[b-ug6gjj0kcv] {
        cursor: not-allowed;
        opacity: 0.5;
    }

.questions-header[b-ug6gjj0kcv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

    .questions-header > div[b-ug6gjj0kcv] {
        display: flex;
        align-items: baseline;
        gap: 10px;
    }

    .questions-header span[b-ug6gjj0kcv] {
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 0.76rem;
    }

.add-button[b-ug6gjj0kcv] {
    padding: 8px 12px;
    color: #d4ffe5;
    background-color: rgba(69, 151, 105, 0.12);
    border: 1px solid rgba(86, 198, 135, 0.42);
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

    .add-button:hover:not(:disabled)[b-ug6gjj0kcv] {
        background-color: rgba(69, 151, 105, 0.22);
    }

.add-button--small[b-ug6gjj0kcv] {
    padding: 6px 10px;
    font-size: 0.74rem;
}

.empty-state[b-ug6gjj0kcv],
.empty-options[b-ug6gjj0kcv] {
    padding: 20px;
    color: var(--frl-color-text-muted, #c7c7c7);
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 9px;
    text-align: center;
}

.empty-state[b-ug6gjj0kcv] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .empty-state strong[b-ug6gjj0kcv] {
        color: #ffffff;
    }

    .empty-state span[b-ug6gjj0kcv] {
        font-size: 0.82rem;
    }

.question-list[b-ug6gjj0kcv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.question-card[b-ug6gjj0kcv] {
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.question-card__header[b-ug6gjj0kcv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 14px;
}

.question-identification[b-ug6gjj0kcv] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-width: 0;
}

    .question-identification strong[b-ug6gjj0kcv] {
        padding-top: 4px;
        color: #ffffff;
        font-size: 0.88rem;
        line-height: 1.5;
    }

.order-badge[b-ug6gjj0kcv] {
    display: grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    place-items: center;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.28);
    border: 1px solid rgba(140, 135, 125, 0.38);
    border-radius: 7px;
    font-size: 0.72rem;
    font-weight: 800;
}

.item-actions[b-ug6gjj0kcv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 7px;
}

    .item-actions button[b-ug6gjj0kcv] {
        padding: 6px 9px;
        color: #e8e5df;
        background-color: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.13);
        border-radius: 7px;
        font-size: 0.74rem;
        font-weight: 700;
        cursor: pointer;
    }

        .item-actions button:hover:not(:disabled)[b-ug6gjj0kcv] {
            background-color: rgba(255, 255, 255, 0.11);
        }

    .item-actions .danger-button[b-ug6gjj0kcv] {
        color: #ffd4d4;
        border-color: rgba(255, 105, 105, 0.28);
    }

.option-section[b-ug6gjj0kcv] {
    padding: 14px;
    background-color: rgba(0, 0, 0, 0.13);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.option-section__header[b-ug6gjj0kcv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

    .option-section__header > span[b-ug6gjj0kcv] {
        color: #ffffff;
        font-size: 0.82rem;
        font-weight: 800;
    }

.option-list[b-ug6gjj0kcv] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.exam-option[b-ug6gjj0kcv] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
}

.exam-option--correct[b-ug6gjj0kcv] {
    background-color: rgba(69, 151, 105, 0.12);
    border-color: rgba(86, 198, 135, 0.32);
}

.option-text[b-ug6gjj0kcv] {
    min-width: 0;
    color: #e4e1dc;
    font-size: 0.84rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.correct-badge[b-ug6gjj0kcv] {
    padding: 4px 8px;
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.22);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
}

.nested-form[b-ug6gjj0kcv] {
    margin-top: 14px;
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9px;
}

.nested-form__header[b-ug6gjj0kcv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

    .nested-form__header h4[b-ug6gjj0kcv] {
        margin: 0;
        color: #ffffff;
        font-size: 1rem;
    }

.nested-form[b-ug6gjj0kcv]  form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.nested-form .primary-button[b-ug6gjj0kcv] {
    width: 100%;
}

.correct-option-field[b-ug6gjj0kcv] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
}

    .correct-option-field[b-ug6gjj0kcv]  input {
        width: 18px;
        height: 18px;
        accent-color: #459769;
    }

.form-help[b-ug6gjj0kcv] {
    display: block;
    color: var(--frl-color-text-muted, #c7c7c7);
    font-size: 0.76rem;
    line-height: 1.45;
}

@media (max-width: 760px) {
    .final-exam-card[b-ug6gjj0kcv] {
        padding: 22px;
    }

    .final-exam-card__header[b-ug6gjj0kcv],
    .question-card__header[b-ug6gjj0kcv] {
        flex-direction: column;
    }

    .final-exam-card__actions[b-ug6gjj0kcv] {
        justify-content: flex-start;
    }

    .settings-row[b-ug6gjj0kcv] {
        grid-template-columns: 1fr;
    }

    .percentage-input[b-ug6gjj0kcv] {
        max-width: none;
    }

    .exam-option[b-ug6gjj0kcv] {
        grid-template-columns: 28px minmax(0, 1fr) auto;
    }

        .exam-option .item-actions[b-ug6gjj0kcv] {
            grid-column: 1 / -1;
            padding-left: 38px;
        }
}

@media (max-width: 560px) {
    .questions-header[b-ug6gjj0kcv],
    .option-section__header[b-ug6gjj0kcv],
    .nested-form__header[b-ug6gjj0kcv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .add-button[b-ug6gjj0kcv] {
        width: 100%;
    }

    .final-exam-summary[b-ug6gjj0kcv] {
        grid-template-columns: 1fr 1fr;
    }

    .question-identification[b-ug6gjj0kcv] {
        width: 100%;
    }

    .exam-option[b-ug6gjj0kcv] {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .correct-badge[b-ug6gjj0kcv] {
        grid-column: 2;
        justify-self: start;
    }

    .exam-option .item-actions[b-ug6gjj0kcv] {
        grid-column: 1 / -1;
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    .final-exam-card[b-ug6gjj0kcv] {
        padding: 18px;
    }

    .final-exam-settings[b-ug6gjj0kcv],
    .final-exam-questions[b-ug6gjj0kcv] {
        padding: 16px;
    }
}
/* /Components/Pages/Admin/RegulatoryStandards.razor.rz.scp.css */
.standards-page[b-uu6zwxdjxc] {
    width: min(calc(100% - 32px), 1080px);
    margin: 36px auto 72px;
}

.back-link[b-uu6zwxdjxc] {
    display: inline-flex;
    margin-bottom: 24px;
    color: #d7d3cc;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
}

    .back-link:hover[b-uu6zwxdjxc] {
        color: #ffffff;
    }

.standards-page__header[b-uu6zwxdjxc] {
    margin-bottom: 28px;
}

.standards-page__eyebrow[b-uu6zwxdjxc] {
    display: block;
    margin-bottom: 8px;
    color: #a8a39a;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.standards-page__header h1[b-uu6zwxdjxc] {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 2rem;
}

.standards-page__header p[b-uu6zwxdjxc],
.card-header p[b-uu6zwxdjxc] {
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
}

.standard-form-card[b-uu6zwxdjxc],
.standard-list-card[b-uu6zwxdjxc] {
    padding: 30px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.standard-list-card[b-uu6zwxdjxc] {
    margin-top: 28px;
}

.card-header[b-uu6zwxdjxc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

    .card-header h2[b-uu6zwxdjxc] {
        margin: 0 0 6px;
        color: #ffffff;
        font-size: 1.35rem;
    }

.standard-form-card[b-uu6zwxdjxc]  form {
    display: grid;
    grid-template-columns: minmax(170px, 0.45fr) minmax(0, 1.55fr);
    gap: 20px;
}

.form-field[b-uu6zwxdjxc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.form-field--full[b-uu6zwxdjxc] {
    grid-column: 1 / -1;
}

.form-field label[b-uu6zwxdjxc] {
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 700;
}

.form-field small[b-uu6zwxdjxc] {
    color: var(--frl-color-text-muted, #c7c7c7);
    font-size: 0.78rem;
    line-height: 1.5;
}

.form-field[b-uu6zwxdjxc]  .form-control {
    width: 100%;
    min-height: 47px;
    padding: 11px 14px;
    color: #191919;
    background-color: #e3e3e3;
    border: 1px solid #bcbcbc;
    border-radius: 8px;
    outline: none;
}

    .form-field[b-uu6zwxdjxc]  .form-control:focus {
        background-color: #f0f0f0;
        border-color: #8c877d;
        box-shadow: 0 0 0 3px rgba(140, 135, 125, 0.25);
    }

.form-field[b-uu6zwxdjxc]  .certificate-textarea {
    min-height: 190px;
    line-height: 1.6;
    resize: vertical;
}

.form-field[b-uu6zwxdjxc]  .validation-message {
    color: #ffaaaa;
    font-size: 0.8rem;
}

.primary-button[b-uu6zwxdjxc],
.secondary-button[b-uu6zwxdjxc],
.status-button[b-uu6zwxdjxc] {
    font: inherit;
}

.primary-button[b-uu6zwxdjxc] {
    min-height: 48px;
    padding: 11px 18px;
    color: #191919;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-weight: 800;
    cursor: pointer;
}

    .primary-button:hover:not(:disabled)[b-uu6zwxdjxc] {
        background-color: #dedbd5;
    }

.secondary-button[b-uu6zwxdjxc] {
    flex-shrink: 0;
    padding: 8px 13px;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

    .secondary-button:hover:not(:disabled)[b-uu6zwxdjxc] {
        background-color: rgba(255, 255, 255, 0.08);
    }

    .primary-button:disabled[b-uu6zwxdjxc],
    .secondary-button:disabled[b-uu6zwxdjxc],
    .status-button:disabled[b-uu6zwxdjxc] {
        cursor: not-allowed;
        opacity: 0.5;
    }

.message[b-uu6zwxdjxc] {
    margin-bottom: 20px;
    padding: 14px 16px;
    border-radius: 9px;
}

    .message ul[b-uu6zwxdjxc] {
        margin: 0;
        padding-left: 20px;
    }

.message--success[b-uu6zwxdjxc] {
    color: #d4ffe5;
    background-color: rgba(69, 151, 105, 0.2);
    border: 1px solid rgba(86, 198, 135, 0.4);
}

.message--error[b-uu6zwxdjxc] {
    color: #ffd4d4;
    background-color: rgba(180, 45, 45, 0.2);
    border: 1px solid rgba(255, 105, 105, 0.4);
}

.standard-count[b-uu6zwxdjxc] {
    flex-shrink: 0;
    padding: 7px 11px;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.25);
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.list-state[b-uu6zwxdjxc] {
    padding: 38px 22px;
    color: var(--frl-color-text-muted, #c7c7c7);
    background-color: rgba(0, 0, 0, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 11px;
    text-align: center;
}

    .list-state h3[b-uu6zwxdjxc] {
        margin: 0 0 8px;
        color: #ffffff;
    }

    .list-state p[b-uu6zwxdjxc] {
        margin: 0;
    }

.standard-list[b-uu6zwxdjxc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.standard-card[b-uu6zwxdjxc] {
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
}

.standard-card__header[b-uu6zwxdjxc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.standard-identification[b-uu6zwxdjxc] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.standard-code[b-uu6zwxdjxc] {
    flex-shrink: 0;
    padding: 7px 10px;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.32);
    border: 1px solid rgba(140, 135, 125, 0.55);
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 800;
}

.standard-card h3[b-uu6zwxdjxc] {
    margin: 2px 0 6px;
    color: #ffffff;
    font-size: 1.05rem;
}

.standard-metadata[b-uu6zwxdjxc] {
    color: var(--frl-color-text-muted, #c7c7c7);
    font-size: 0.78rem;
}

.status-badge[b-uu6zwxdjxc] {
    flex-shrink: 0;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 800;
}

.status-badge--active[b-uu6zwxdjxc] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
    border: 1px solid rgba(86, 198, 135, 0.35);
}

.status-badge--inactive[b-uu6zwxdjxc] {
    color: #d1d1d1;
    background-color: rgba(120, 120, 120, 0.25);
    border: 1px solid rgba(180, 180, 180, 0.25);
}

.standard-text[b-uu6zwxdjxc] {
    margin-top: 18px;
    padding: 16px;
    color: #dedede;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 9px;
    line-height: 1.65;
    white-space: pre-wrap;
}

.standard-actions[b-uu6zwxdjxc] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

.status-button[b-uu6zwxdjxc] {
    padding: 8px 13px;
    background-color: transparent;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.status-button--activate[b-uu6zwxdjxc] {
    color: #d4ffe5;
    border: 1px solid rgba(86, 198, 135, 0.5);
}

.status-button--deactivate[b-uu6zwxdjxc] {
    color: #ffd0d0;
    border: 1px solid rgba(255, 105, 105, 0.5);
}

.status-button:hover:not(:disabled)[b-uu6zwxdjxc] {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (max-width: 760px) {
    .standards-page[b-uu6zwxdjxc] {
        width: min(calc(100% - 24px), 620px);
        margin-top: 24px;
    }

    .standard-form-card[b-uu6zwxdjxc],
    .standard-list-card[b-uu6zwxdjxc] {
        padding: 22px;
    }

    .card-header[b-uu6zwxdjxc],
    .standard-card__header[b-uu6zwxdjxc] {
        flex-direction: column;
    }

    .standard-form-card[b-uu6zwxdjxc]  form {
        grid-template-columns: 1fr;
    }

    .form-field--full[b-uu6zwxdjxc] {
        grid-column: auto;
    }

    .standard-actions[b-uu6zwxdjxc] {
        justify-content: flex-start;
    }
}

@media (max-width: 480px) {
    .standards-page__header h1[b-uu6zwxdjxc] {
        font-size: 1.65rem;
    }

    .standard-form-card[b-uu6zwxdjxc],
    .standard-list-card[b-uu6zwxdjxc],
    .standard-card[b-uu6zwxdjxc] {
        padding: 18px;
    }

    .standard-identification[b-uu6zwxdjxc] {
        flex-direction: column;
    }

    .standard-actions[b-uu6zwxdjxc] {
        flex-direction: column;
    }

        .standard-actions button[b-uu6zwxdjxc] {
            width: 100%;
        }
}
/* /Components/Pages/Certificates/CertificateDetails.razor.rz.scp.css */
.certificate-details-page[b-rohdykwh7r] {
    width: min(calc(100% - 32px), 1040px);
    margin: 36px auto 72px;
}

.back-link[b-rohdykwh7r] {
    display: inline-flex;
    margin-bottom: 24px;
    color: #d7d3cc;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
}

    .back-link:hover[b-rohdykwh7r] {
        color: #ffffff;
    }

.certificate-hero[b-rohdykwh7r] {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    align-items: center;
    gap: 24px;
    padding: 34px;
    background: linear-gradient( 135deg, rgba(140, 135, 125, 0.24), rgba(32, 37, 40, 0.97));
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.certificate-hero__symbol[b-rohdykwh7r] {
    display: grid;
    width: 76px;
    height: 76px;
    place-items: center;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.24);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    font-size: 0.9rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.certificate-hero__eyebrow[b-rohdykwh7r],
.section-eyebrow[b-rohdykwh7r] {
    display: block;
    margin-bottom: 7px;
    color: #aaa59d;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.certificate-hero h1[b-rohdykwh7r] {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: clamp(1.8rem, 5vw, 2.55rem);
}

.certificate-hero p[b-rohdykwh7r] {
    margin: 0 0 15px;
    color: var(--frl-color-text-muted, #c7c7c7);
}

.certificate-status[b-rohdykwh7r] {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 850;
}

.certificate-status--available[b-rohdykwh7r] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
}

.certificate-status--pending[b-rohdykwh7r] {
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.22);
}

.certificate-status--processing[b-rohdykwh7r] {
    color: #dcd8ff;
    background-color: rgba(132, 111, 209, 0.2);
}

.certificate-status--expired[b-rohdykwh7r] {
    color: #d1d1d1;
    background-color: rgba(120, 120, 120, 0.25);
}

.certificate-status--revoked[b-rohdykwh7r] {
    color: #ffd0d0;
    background-color: rgba(180, 45, 45, 0.22);
}

.certificate-alert[b-rohdykwh7r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 22px;
    padding: 19px 21px;
    border-radius: 11px;
}

    .certificate-alert strong[b-rohdykwh7r] {
        color: #ffffff;
    }

    .certificate-alert p[b-rohdykwh7r] {
        margin: 5px 0 0;
        color: #d7d3cc;
        line-height: 1.5;
    }

        .certificate-alert p span[b-rohdykwh7r] {
            display: block;
            margin-top: 5px;
        }

.certificate-alert--signature[b-rohdykwh7r],
.certificate-alert--warning[b-rohdykwh7r] {
    background-color: rgba(171, 129, 26, 0.13);
    border: 1px solid rgba(216, 170, 58, 0.28);
}

.certificate-alert--processing[b-rohdykwh7r] {
    background-color: rgba(132, 111, 209, 0.13);
    border: 1px solid rgba(132, 111, 209, 0.3);
}

.certificate-alert--success[b-rohdykwh7r] {
    background-color: rgba(52, 168, 101, 0.13);
    border: 1px solid rgba(86, 198, 135, 0.27);
}

.certificate-alert--error[b-rohdykwh7r] {
    background-color: rgba(180, 45, 45, 0.14);
    border: 1px solid rgba(220, 70, 70, 0.28);
}

.details-grid[b-rohdykwh7r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px;
}

.details-card[b-rohdykwh7r] {
    padding: 25px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
}

.details-card--full[b-rohdykwh7r] {
    margin-top: 18px;
}

.details-card__header[b-rohdykwh7r] {
    margin-bottom: 20px;
}

    .details-card__header h2[b-rohdykwh7r] {
        margin: 0;
        color: #ffffff;
        font-size: 1.25rem;
    }

.information-list[b-rohdykwh7r] {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin: 0;
}

    .information-list > div[b-rohdykwh7r] {
        padding-bottom: 13px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    }

        .information-list > div:last-child[b-rohdykwh7r] {
            padding-bottom: 0;
            border-bottom: 0;
        }

    .information-list dt[b-rohdykwh7r] {
        margin-bottom: 4px;
        color: #aaa59d;
        font-size: 0.7rem;
        font-weight: 750;
        text-transform: uppercase;
    }

    .information-list dd[b-rohdykwh7r] {
        margin: 0;
        color: #ffffff;
        line-height: 1.45;
    }

    .information-list code[b-rohdykwh7r] {
        overflow-wrap: anywhere;
        color: #d9d5ce;
        font-size: 0.78rem;
    }

.program-list[b-rohdykwh7r] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .program-list li[b-rohdykwh7r] {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        align-items: center;
        gap: 11px;
        padding: 12px;
        background-color: rgba(255, 255, 255, 0.035);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 8px;
    }

        .program-list li span[b-rohdykwh7r] {
            display: grid;
            width: 28px;
            height: 28px;
            place-items: center;
            color: #ffffff;
            background-color: rgba(140, 135, 125, 0.25);
            border-radius: 7px;
            font-size: 0.74rem;
        }

        .program-list li strong[b-rohdykwh7r] {
            color: #ffffff;
            font-size: 0.88rem;
        }

.certificate-download-button[b-rohdykwh7r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 7px;
    padding: 10px 16px;
    color: #191919;
    background-color: #ffffff;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
}

    .certificate-download-button:hover[b-rohdykwh7r] {
        color: #191919;
        background-color: #dedbd5;
    }

.regulatory-text[b-rohdykwh7r] {
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.7;
    white-space: pre-line;
}

.primary-link[b-rohdykwh7r],
.primary-button[b-rohdykwh7r] {
    display: inline-flex;
    min-height: 41px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    color: #191919;
    background-color: #ffffff;
    border: 0;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

    .primary-link:hover[b-rohdykwh7r],
    .primary-button:hover[b-rohdykwh7r] {
        color: #191919;
        background-color: #dedbd5;
    }

    .primary-button:disabled[b-rohdykwh7r] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.details-state[b-rohdykwh7r] {
    padding: 44px 24px;
    color: var(--frl-color-text-muted, #c7c7c7);
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    text-align: center;
}

    .details-state h1[b-rohdykwh7r] {
        margin: 0 0 9px;
        color: #ffffff;
    }

    .details-state p[b-rohdykwh7r] {
        margin: 0;
    }

.certificate-detail-item[b-rohdykwh7r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

    .certificate-detail-item[b-rohdykwh7r]  .certificate-download-button {
        margin-top: 0;
    }

@media (max-width: 720px) {
    .certificate-details-page[b-rohdykwh7r] {
        width: min(calc(100% - 24px), 620px);
        margin-top: 24px;
    }

    .certificate-hero[b-rohdykwh7r] {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .details-grid[b-rohdykwh7r] {
        grid-template-columns: 1fr;
    }

    .certificate-alert[b-rohdykwh7r] {
        align-items: stretch;
        flex-direction: column;
    }

        .certificate-alert .primary-link[b-rohdykwh7r],
        .certificate-alert .primary-button[b-rohdykwh7r] {
            width: 100%;
        }
}
/* /Components/Pages/Certificates/CertificateSignature.razor.rz.scp.css */
.signature-page[b-rs8fmo9g4s] {
    width: min(calc(100% - 32px), 900px);
    margin: 36px auto 72px;
}

.back-link[b-rs8fmo9g4s] {
    display: inline-flex;
    margin-bottom: 24px;
    color: #d7d3cc;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
}

    .back-link:hover[b-rs8fmo9g4s] {
        color: #ffffff;
    }

.signature-header[b-rs8fmo9g4s],
.certificate-summary[b-rs8fmo9g4s],
.signature-card[b-rs8fmo9g4s],
.signature-state[b-rs8fmo9g4s],
.signature-success[b-rs8fmo9g4s] {
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
}

.signature-header[b-rs8fmo9g4s] {
    padding: 32px;
}

.signature-header__eyebrow[b-rs8fmo9g4s],
.section-eyebrow[b-rs8fmo9g4s] {
    display: block;
    margin-bottom: 8px;
    color: #aaa59d;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.signature-header h1[b-rs8fmo9g4s] {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 2.7rem);
}

.signature-header p[b-rs8fmo9g4s] {
    max-width: 650px;
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.65;
}

.certificate-summary[b-rs8fmo9g4s] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: 20px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.08);
}

    .certificate-summary > div[b-rs8fmo9g4s] {
        min-width: 0;
        padding: 17px;
        background-color: var(--frl-color-surface, #202528);
    }

    .certificate-summary span[b-rs8fmo9g4s] {
        display: block;
        margin-bottom: 5px;
        color: #aaa59d;
        font-size: 0.68rem;
        font-weight: 750;
        text-transform: uppercase;
    }

    .certificate-summary strong[b-rs8fmo9g4s],
    .certificate-summary code[b-rs8fmo9g4s] {
        color: #ffffff;
        overflow-wrap: anywhere;
    }

    .certificate-summary code[b-rs8fmo9g4s] {
        font-size: 0.76rem;
    }

.signature-card[b-rs8fmo9g4s] {
    margin-top: 20px;
    padding: 28px;
}

.signature-card__header[b-rs8fmo9g4s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

    .signature-card__header h2[b-rs8fmo9g4s] {
        margin: 0;
        color: #ffffff;
        font-size: 1.3rem;
    }

.signature-canvas-container[b-rs8fmo9g4s] {
    position: relative;
    padding: 16px 16px 44px;
    overflow: hidden;
    background-color: #ffffff;
    border: 2px solid rgba(140, 135, 125, 0.75);
    border-radius: 11px;
}

.signature-canvas[b-rs8fmo9g4s] {
    display: block;
    width: 100%;
    height: 260px;
    background-color: transparent;
    cursor: crosshair;
    touch-action: none;
}

.signature-line[b-rs8fmo9g4s] {
    position: absolute;
    right: 50px;
    bottom: 41px;
    left: 50px;
    height: 1px;
    background-color: #686868;
}

.signature-canvas-container small[b-rs8fmo9g4s] {
    position: absolute;
    right: 0;
    bottom: 17px;
    left: 0;
    color: #5f5f5f;
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-align: center;
    text-transform: uppercase;
}

.signature-confirmation[b-rs8fmo9g4s] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 20px;
    padding: 15px;
    color: #d7d3cc;
    background-color: rgba(171, 129, 26, 0.1);
    border: 1px solid rgba(216, 170, 58, 0.23);
    border-radius: 9px;
    font-size: 0.84rem;
    line-height: 1.55;
    cursor: pointer;
}

    .signature-confirmation input[b-rs8fmo9g4s] {
        flex-shrink: 0;
        width: 17px;
        height: 17px;
        margin-top: 2px;
        accent-color: #8c877d;
    }

.signature-card__footer[b-rs8fmo9g4s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

    .signature-card__footer p[b-rs8fmo9g4s] {
        margin: 0;
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 0.8rem;
    }

.primary-button[b-rs8fmo9g4s],
.primary-link[b-rs8fmo9g4s],
.secondary-button[b-rs8fmo9g4s] {
    display: inline-flex;
    min-height: 41px;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.primary-button[b-rs8fmo9g4s],
.primary-link[b-rs8fmo9g4s] {
    color: #191919;
    background-color: #ffffff;
    border: 0;
}

    .primary-button:hover[b-rs8fmo9g4s],
    .primary-link:hover[b-rs8fmo9g4s] {
        color: #191919;
        background-color: #dedbd5;
    }

    .primary-button:disabled[b-rs8fmo9g4s] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.secondary-button[b-rs8fmo9g4s] {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

    .secondary-button:hover[b-rs8fmo9g4s] {
        background-color: rgba(255, 255, 255, 0.07);
    }

    .secondary-button:disabled[b-rs8fmo9g4s] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.message[b-rs8fmo9g4s] {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 8px;
}

    .message ul[b-rs8fmo9g4s] {
        margin: 0;
        padding-left: 18px;
    }

.message--error[b-rs8fmo9g4s] {
    color: #ffd0d0;
    background-color: rgba(180, 45, 45, 0.15);
    border: 1px solid rgba(220, 70, 70, 0.28);
}

.signature-state[b-rs8fmo9g4s],
.signature-success[b-rs8fmo9g4s] {
    padding: 48px 26px;
    color: var(--frl-color-text-muted, #c7c7c7);
    text-align: center;
}

    .signature-state h1[b-rs8fmo9g4s],
    .signature-success h1[b-rs8fmo9g4s] {
        margin: 0 0 9px;
        color: #ffffff;
    }

    .signature-state p[b-rs8fmo9g4s],
    .signature-success p[b-rs8fmo9g4s] {
        margin: 0 0 20px;
    }

.signature-state__icon[b-rs8fmo9g4s],
.signature-success__icon[b-rs8fmo9g4s] {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    margin: 0 auto 16px;
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 900;
}

@media (max-width: 650px) {
    .signature-page[b-rs8fmo9g4s] {
        width: min(calc(100% - 24px), 580px);
        margin-top: 24px;
    }

    .signature-header[b-rs8fmo9g4s],
    .signature-card[b-rs8fmo9g4s] {
        padding: 22px;
    }

    .certificate-summary[b-rs8fmo9g4s] {
        grid-template-columns: 1fr;
    }

    .signature-card__header[b-rs8fmo9g4s],
    .signature-card__footer[b-rs8fmo9g4s] {
        align-items: stretch;
        flex-direction: column;
    }

    .primary-button[b-rs8fmo9g4s],
    .secondary-button[b-rs8fmo9g4s] {
        width: 100%;
    }

    .signature-canvas[b-rs8fmo9g4s] {
        height: 210px;
    }
}
/* /Components/Pages/Certificates/MyCertificates.razor.rz.scp.css */
.certificates-page[b-njubo36adp] {
    width: min(calc(100% - 32px), 1120px);
    margin: 38px auto 72px;
}

.certificates-page__header[b-njubo36adp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.certificates-page__eyebrow[b-njubo36adp],
.certificate-card__eyebrow[b-njubo36adp] {
    display: block;
    margin-bottom: 8px;
    color: #aaa59d;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.certificates-page__header h1[b-njubo36adp] {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 2.8rem);
}

.certificates-page__header p[b-njubo36adp] {
    max-width: 640px;
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.6;
}

.certificate-summary[b-njubo36adp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 24px;
}

.summary-item[b-njubo36adp] {
    padding: 18px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 11px;
}

    .summary-item span[b-njubo36adp] {
        display: block;
        margin-bottom: 7px;
        color: #aaa59d;
        font-size: 0.76rem;
    }

    .summary-item strong[b-njubo36adp] {
        color: #ffffff;
        font-size: 1.45rem;
    }

.certificate-list[b-njubo36adp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.certificate-card[b-njubo36adp] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.17);
}

.certificate-card__header[b-njubo36adp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 20px;
    background: linear-gradient( 135deg, rgba(140, 135, 125, 0.2), rgba(25, 25, 25, 0.2));
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.certificate-symbol[b-njubo36adp] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.23);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.certificate-status[b-njubo36adp] {
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 850;
}

.certificate-status--available[b-njubo36adp] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
}

.certificate-status--pending[b-njubo36adp] {
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.22);
}

.certificate-status--processing[b-njubo36adp] {
    color: #dcd8ff;
    background-color: rgba(132, 111, 209, 0.2);
}

.certificate-status--expired[b-njubo36adp] {
    color: #d1d1d1;
    background-color: rgba(120, 120, 120, 0.25);
}

.certificate-status--revoked[b-njubo36adp] {
    color: #ffd0d0;
    background-color: rgba(180, 45, 45, 0.22);
}

.certificate-card__content[b-njubo36adp] {
    flex: 1;
    padding: 22px;
}

    .certificate-card__content h2[b-njubo36adp] {
        margin: 0 0 20px;
        color: #ffffff;
        font-size: 1.3rem;
        line-height: 1.35;
    }

.certificate-information[b-njubo36adp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

    .certificate-information > div[b-njubo36adp] {
        padding: 11px;
        background-color: rgba(255, 255, 255, 0.035);
        border: 1px solid rgba(255, 255, 255, 0.065);
        border-radius: 8px;
    }

    .certificate-information span[b-njubo36adp],
    .certificate-period span[b-njubo36adp],
    .verification-code span[b-njubo36adp] {
        display: block;
        margin-bottom: 5px;
        color: #aaa59d;
        font-size: 0.68rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .certificate-information strong[b-njubo36adp],
    .certificate-period strong[b-njubo36adp] {
        color: #ffffff;
        font-size: 0.82rem;
    }

.certificate-period[b-njubo36adp],
.verification-code[b-njubo36adp] {
    margin-top: 14px;
    padding: 13px;
    background-color: rgba(0, 0, 0, 0.14);
    border-radius: 8px;
}

    .verification-code code[b-njubo36adp] {
        display: block;
        overflow-wrap: anywhere;
        color: #d9d5ce;
        font-size: 0.75rem;
    }

.certificate-card__footer[b-njubo36adp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 17px 20px;
    background-color: rgba(0, 0, 0, 0.13);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

    .certificate-card__footer > span[b-njubo36adp] {
        color: #aaa59d;
        font-size: 0.72rem;
    }

.certificate-action[b-njubo36adp],
.primary-link[b-njubo36adp],
.primary-button[b-njubo36adp] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 9px 13px;
    color: #191919;
    background-color: #ffffff;
    border: 0;
    border-radius: 7px;
    font-size: 0.76rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

    .certificate-action:hover[b-njubo36adp],
    .primary-link:hover[b-njubo36adp],
    .primary-button:hover[b-njubo36adp] {
        color: #191919;
        background-color: #dedbd5;
    }

.certificates-state[b-njubo36adp] {
    padding: 48px 24px;
    color: var(--frl-color-text-muted, #c7c7c7);
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    text-align: center;
}

.certificates-state__icon[b-njubo36adp] {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    margin: 0 auto 16px;
    color: #d9d5ce;
    background-color: rgba(140, 135, 125, 0.2);
    border-radius: 50%;
    font-size: 1.6rem;
}

.certificates-state h2[b-njubo36adp] {
    margin: 0 0 9px;
    color: #ffffff;
}

.certificates-state p[b-njubo36adp] {
    margin: 0 0 20px;
}

.certificates-state--error[b-njubo36adp] {
    border-color: rgba(220, 70, 70, 0.25);
}

@media (max-width: 820px) {
    .certificate-list[b-njubo36adp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .certificates-page[b-njubo36adp] {
        width: min(calc(100% - 24px), 560px);
        margin-top: 24px;
    }

    .certificate-summary[b-njubo36adp] {
        grid-template-columns: 1fr;
    }

    .certificate-information[b-njubo36adp] {
        grid-template-columns: 1fr;
    }

    .certificate-card__footer[b-njubo36adp] {
        align-items: stretch;
        flex-direction: column;
    }

    .certificate-action[b-njubo36adp] {
        width: 100%;
    }
}
/* /Components/Pages/Certificates/VerifyCertificate.razor.rz.scp.css */
.certificate-verification-page[b-myy7nmgga4] {
    width: min(calc(100% - 32px), 980px);
    margin: 36px auto 72px;
}

.verification-back-link[b-myy7nmgga4] {
    display: inline-flex;
    margin-bottom: 24px;
    color: #d7d3cc;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
}

    .verification-back-link:hover[b-myy7nmgga4] {
        color: #ffffff;
    }

.verification-state[b-myy7nmgga4],
.verification-header[b-myy7nmgga4],
.certificate-verification-card[b-myy7nmgga4] {
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.verification-state[b-myy7nmgga4] {
    padding: 56px 28px;
    color: var(--frl-color-text-muted, #c7c7c7);
    text-align: center;
}

    .verification-state h1[b-myy7nmgga4] {
        margin: 14px 0 8px;
        color: #ffffff;
    }

    .verification-state p[b-myy7nmgga4] {
        margin: 0;
    }

.verification-state__icon[b-myy7nmgga4],
.verification-header__icon[b-myy7nmgga4] {
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-weight: 900;
}

.verification-state__icon[b-myy7nmgga4] {
    width: 54px;
    height: 54px;
    margin: 0 auto;
    color: #ffd0d0;
    background-color: rgba(180, 45, 45, 0.22);
    font-size: 1.8rem;
}

.verification-code-box[b-myy7nmgga4] {
    width: min(100%, 480px);
    margin: 24px auto 0;
    padding: 14px;
    background-color: rgba(0, 0, 0, 0.18);
    border-radius: 9px;
}

    .verification-code-box span[b-myy7nmgga4],
    .verification-code-box strong[b-myy7nmgga4] {
        display: block;
    }

    .verification-code-box span[b-myy7nmgga4] {
        margin-bottom: 5px;
        color: #aaa59d;
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .verification-code-box strong[b-myy7nmgga4] {
        color: #ffffff;
        overflow-wrap: anywhere;
    }

.verification-header[b-myy7nmgga4] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 26px;
}

.verification-header--valid[b-myy7nmgga4] {
    border-color: rgba(52, 168, 101, 0.5);
}

.verification-header--expired[b-myy7nmgga4] {
    border-color: rgba(196, 148, 35, 0.55);
}

.verification-header--invalid[b-myy7nmgga4] {
    border-color: rgba(180, 45, 45, 0.55);
}

.verification-header__icon[b-myy7nmgga4] {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    color: #ffffff;
    font-size: 1.35rem;
}

.verification-header--valid .verification-header__icon[b-myy7nmgga4] {
    background-color: #348c58;
}

.verification-header--expired .verification-header__icon[b-myy7nmgga4] {
    background-color: #a67f27;
}

.verification-header--invalid .verification-header__icon[b-myy7nmgga4] {
    background-color: #a83d3d;
}

.verification-eyebrow[b-myy7nmgga4] {
    display: block;
    margin-bottom: 6px;
    color: #aaa59d;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.verification-header h1[b-myy7nmgga4] {
    margin: 0 0 5px;
    color: #ffffff;
    font-size: 1.45rem;
}

.verification-header p[b-myy7nmgga4] {
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.5;
}

.certificate-verification-card[b-myy7nmgga4] {
    margin-top: 20px;
    padding: 30px;
}

.certificate-verification-card__header[b-myy7nmgga4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

    .certificate-verification-card__header h2[b-myy7nmgga4] {
        margin: 0;
        color: #ffffff;
        font-size: 1.5rem;
    }

.certificate-status[b-myy7nmgga4] {
    flex-shrink: 0;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
}

.certificate-status--valid[b-myy7nmgga4] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
}

.certificate-status--expired[b-myy7nmgga4] {
    color: #ffe1a1;
    background-color: rgba(196, 148, 35, 0.2);
}

.certificate-status--invalid[b-myy7nmgga4] {
    color: #ffd0d0;
    background-color: rgba(180, 45, 45, 0.22);
}

.verification-grid[b-myy7nmgga4],
.verification-secondary-grid[b-myy7nmgga4] {
    display: grid;
    gap: 12px;
}

.verification-grid[b-myy7nmgga4] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.verification-secondary-grid[b-myy7nmgga4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
}

.verification-information[b-myy7nmgga4],
.verification-section[b-myy7nmgga4],
.verification-standard[b-myy7nmgga4] {
    padding: 16px;
    background-color: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}

    .verification-information span[b-myy7nmgga4],
    .verification-standard > span[b-myy7nmgga4] {
        display: block;
        margin-bottom: 6px;
        color: #aaa59d;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .verification-information strong[b-myy7nmgga4],
    .verification-standard strong[b-myy7nmgga4] {
        color: #ffffff;
        font-size: 0.9rem;
    }

.verification-standard[b-myy7nmgga4] {
    margin-top: 14px;
}

.verification-section h3[b-myy7nmgga4] {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 1rem;
}

.verification-section p[b-myy7nmgga4] {
    margin: 3px 0 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    font-size: 0.86rem;
}

.integrity-item[b-myy7nmgga4] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 8px 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    font-size: 0.84rem;
}

    .integrity-item + .integrity-item[b-myy7nmgga4] {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

.integrity-valid[b-myy7nmgga4] {
    color: #8de6b1;
}

.integrity-invalid[b-myy7nmgga4] {
    color: #ffaaaa;
}

.revocation-notice[b-myy7nmgga4] {
    margin-top: 16px;
    padding: 16px;
    color: #ffd0d0;
    background-color: rgba(180, 45, 45, 0.16);
    border: 1px solid rgba(180, 45, 45, 0.38);
    border-radius: 10px;
}

    .revocation-notice strong[b-myy7nmgga4] {
        display: block;
        margin-bottom: 6px;
    }

    .revocation-notice p[b-myy7nmgga4] {
        margin: 4px 0 0;
    }

.verification-footer[b-myy7nmgga4] {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

    .verification-footer span[b-myy7nmgga4],
    .verification-footer strong[b-myy7nmgga4] {
        display: block;
    }

    .verification-footer span[b-myy7nmgga4] {
        margin-bottom: 5px;
        color: #aaa59d;
        font-size: 0.68rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .verification-footer strong[b-myy7nmgga4] {
        color: #ffffff;
        overflow-wrap: anywhere;
    }

@media (max-width: 760px) {
    .certificate-verification-page[b-myy7nmgga4] {
        width: min(calc(100% - 24px), 620px);
        margin-top: 24px;
    }

    .verification-grid[b-myy7nmgga4],
    .verification-secondary-grid[b-myy7nmgga4] {
        grid-template-columns: 1fr;
    }

    .certificate-verification-card[b-myy7nmgga4] {
        padding: 22px;
    }

    .certificate-verification-card__header[b-myy7nmgga4] {
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .verification-header[b-myy7nmgga4] {
        align-items: flex-start;
        padding: 20px;
    }

    .verification-header__icon[b-myy7nmgga4] {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }

    .verification-header h1[b-myy7nmgga4] {
        font-size: 1.15rem;
    }
}
/* /Components/Pages/Company/Collaborators.razor.rz.scp.css */
.collaborators-page[b-m1ktn6ky3e] {
    width: min(calc(100% - 32px), 920px);
    margin: 40px auto 64px;
}

.collaborators-page__header[b-m1ktn6ky3e] {
    margin-bottom: 28px;
}

.collaborators-page__eyebrow[b-m1ktn6ky3e] {
    display: block;
    margin-bottom: 8px;
    color: #a8a39a;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.collaborators-page__header h1[b-m1ktn6ky3e] {
    margin: 0 0 8px;
    color: var(--frl-color-text, #ffffff);
    font-size: 2rem;
}

.collaborators-page__header p[b-m1ktn6ky3e] {
    max-width: 650px;
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
}

.collaborator-card[b-m1ktn6ky3e] {
    padding: 32px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.collaborator-card__header[b-m1ktn6ky3e] {
    margin-bottom: 28px;
}

    .collaborator-card__header h2[b-m1ktn6ky3e] {
        margin: 0 0 6px;
        color: var(--frl-color-text, #ffffff);
        font-size: 1.35rem;
    }

    .collaborator-card__header p[b-m1ktn6ky3e] {
        margin: 0;
        color: var(--frl-color-text-muted, #c7c7c7);
    }

.collaborator-card[b-m1ktn6ky3e]  form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.form-field[b-m1ktn6ky3e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.form-field--full[b-m1ktn6ky3e] {
    grid-column: 1 / -1;
}

.form-field label[b-m1ktn6ky3e] {
    color: var(--frl-color-text, #ffffff);
    font-size: 0.875rem;
    font-weight: 600;
}

.form-field[b-m1ktn6ky3e]  .form-control {
    width: 100%;
    min-height: 48px;
    padding: 11px 14px;
    color: #191919;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
    outline: none;
}

    .form-field[b-m1ktn6ky3e]  .form-control:focus {
        border-color: #8c877d;
        box-shadow: 0 0 0 3px rgba(140, 135, 125, 0.25);
    }

.form-field[b-m1ktn6ky3e]  .validation-message {
    color: #ffaaaa;
    font-size: 0.8rem;
}

.success-message[b-m1ktn6ky3e],
.error-message[b-m1ktn6ky3e],
.submit-button[b-m1ktn6ky3e] {
    grid-column: 1 / -1;
}

.success-message[b-m1ktn6ky3e] {
    padding: 14px 16px;
    color: #d4ffe5;
    background-color: rgba(69, 151, 105, 0.2);
    border: 1px solid rgba(86, 198, 135, 0.4);
    border-radius: 9px;
}

.error-message[b-m1ktn6ky3e] {
    padding: 14px 16px;
    color: #ffd4d4;
    background-color: rgba(180, 45, 45, 0.2);
    border: 1px solid rgba(255, 105, 105, 0.4);
    border-radius: 9px;
}

    .error-message ul[b-m1ktn6ky3e] {
        margin: 0;
        padding-left: 20px;
    }

.submit-button[b-m1ktn6ky3e] {
    min-height: 50px;
    font-weight: 700;
}

@media (max-width: 680px) {
    .collaborators-page[b-m1ktn6ky3e] {
        width: min(calc(100% - 24px), 560px);
        margin-top: 24px;
    }

    .collaborator-card[b-m1ktn6ky3e] {
        padding: 22px;
    }

        .collaborator-card[b-m1ktn6ky3e]  form {
            grid-template-columns: 1fr;
        }

    .form-field--full[b-m1ktn6ky3e] {
        grid-column: auto;
    }

    .success-message[b-m1ktn6ky3e],
    .error-message[b-m1ktn6ky3e],
    .submit-button[b-m1ktn6ky3e] {
        grid-column: auto;
    }
}
.collaborator-list-card[b-m1ktn6ky3e] {
    margin-top: 28px;
    padding: 32px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.collaborator-list-card__header[b-m1ktn6ky3e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

    .collaborator-list-card__header h2[b-m1ktn6ky3e] {
        margin: 0 0 6px;
        color: var(--frl-color-text, #ffffff);
        font-size: 1.35rem;
    }

    .collaborator-list-card__header p[b-m1ktn6ky3e] {
        margin: 0;
        color: var(--frl-color-text-muted, #c7c7c7);
    }

.collaborator-count[b-m1ktn6ky3e] {
    flex-shrink: 0;
    padding: 7px 12px;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.25);
    border: 1px solid rgba(140, 135, 125, 0.45);
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.list-message[b-m1ktn6ky3e] {
    margin-bottom: 20px;
}

.list-state[b-m1ktn6ky3e] {
    padding: 36px 20px;
    color: var(--frl-color-text-muted, #c7c7c7);
    text-align: center;
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}

.collaborator-table-wrapper[b-m1ktn6ky3e] {
    width: 100%;
    overflow-x: auto;
}

.collaborator-table[b-m1ktn6ky3e] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

    .collaborator-table th[b-m1ktn6ky3e] {
        padding: 12px 14px;
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 0.75rem;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .collaborator-table td[b-m1ktn6ky3e] {
        padding: 16px 14px;
        color: var(--frl-color-text, #ffffff);
        vertical-align: middle;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .collaborator-table tbody tr:last-child td[b-m1ktn6ky3e] {
        border-bottom: 0;
    }

    .contact-email[b-m1ktn6ky3e],
    .collaborator-table small[b-m1ktn6ky3e] {
        display: block;
    }

    .collaborator-table small[b-m1ktn6ky3e] {
        margin-top: 3px;
        color: var(--frl-color-text-muted, #c7c7c7);
    }

.status-badge[b-m1ktn6ky3e] {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.status-badge--active[b-m1ktn6ky3e] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
}

.status-badge--inactive[b-m1ktn6ky3e] {
    color: #ffd0d0;
    background-color: rgba(188, 69, 69, 0.2);
}

.action-cell[b-m1ktn6ky3e] {
    text-align: right;
}

.status-button[b-m1ktn6ky3e] {
    min-width: 82px;
    padding: 7px 12px;
    font-size: 0.8rem;
    font-weight: 700;
    background-color: transparent;
    border-radius: 7px;
    cursor: pointer;
}

.status-button--activate[b-m1ktn6ky3e] {
    color: #bfffd8;
    border: 1px solid rgba(86, 198, 135, 0.55);
}

.status-button--deactivate[b-m1ktn6ky3e] {
    color: #ffd0d0;
    border: 1px solid rgba(255, 105, 105, 0.5);
}

.status-button:disabled[b-m1ktn6ky3e] {
    cursor: wait;
    opacity: 0.6;
}

@media (max-width: 680px) {
    .collaborator-list-card[b-m1ktn6ky3e] {
        padding: 22px;
    }

    .collaborator-list-card__header[b-m1ktn6ky3e] {
        flex-direction: column;
    }
}
/* /Components/Pages/Company/CompanyOrders.razor.rz.scp.css */
.company-orders-page[b-7bnnsy63gg] {
    width: min(calc(100% - 32px), 1080px);
    margin: 42px auto 72px;
}

.orders-heading[b-7bnnsy63gg] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.orders-eyebrow[b-7bnnsy63gg] {
    display: block;
    margin-bottom: 7px;
    color: #aaa59d;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.orders-heading h1[b-7bnnsy63gg] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 2.8rem);
}

.orders-heading p[b-7bnnsy63gg] {
    margin: 8px 0 0;
    color: var(--frl-color-text-muted, #c7c7c7);
}

.orders-heading__actions[b-7bnnsy63gg] {
    display: flex;
    flex-shrink: 0;
    gap: 10px;
}

.primary-action[b-7bnnsy63gg],
.secondary-action[b-7bnnsy63gg],
.details-action[b-7bnnsy63gg],
.payment-action[b-7bnnsy63gg] {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    border-radius: 8px;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.primary-action[b-7bnnsy63gg],
.payment-action[b-7bnnsy63gg] {
    color: #191919;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

    .primary-action:hover[b-7bnnsy63gg],
    .payment-action:hover[b-7bnnsy63gg] {
        color: #191919;
        background-color: #dedbd5;
    }

.secondary-action[b-7bnnsy63gg],
.details-action[b-7bnnsy63gg] {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

    .secondary-action:hover[b-7bnnsy63gg],
    .details-action:hover[b-7bnnsy63gg] {
        background-color: rgba(255, 255, 255, 0.07);
    }

    .secondary-action:disabled[b-7bnnsy63gg],
    .payment-action:disabled[b-7bnnsy63gg] {
        opacity: 0.55;
        cursor: wait;
    }

.orders-summary[b-7bnnsy63gg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 24px;
}

.summary-card[b-7bnnsy63gg] {
    padding: 18px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 11px;
}

    .summary-card span[b-7bnnsy63gg] {
        display: block;
        color: #aaa59d;
        font-size: 0.75rem;
    }

    .summary-card strong[b-7bnnsy63gg] {
        display: block;
        margin-top: 7px;
        color: #ffffff;
        font-size: 1.5rem;
    }

.orders-list[b-7bnnsy63gg] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.order-card[b-7bnnsy63gg] {
    overflow: hidden;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 13px;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18);
}

.order-card__header[b-7bnnsy63gg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
}

.order-identification span[b-7bnnsy63gg],
.order-summary-item span[b-7bnnsy63gg] {
    display: block;
    margin-bottom: 4px;
    color: #aaa59d;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.order-identification strong[b-7bnnsy63gg] {
    display: block;
    color: #ffffff;
    font-size: 1rem;
}

.order-identification small[b-7bnnsy63gg] {
    display: block;
    margin-top: 5px;
    color: #aaa59d;
    font-size: 0.75rem;
}

.order-status[b-7bnnsy63gg] {
    flex-shrink: 0;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
}

.order-status--pending[b-7bnnsy63gg] {
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.22);
}

.order-status--paid[b-7bnnsy63gg] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
}

.order-status--cancelled[b-7bnnsy63gg],
.order-status--expired[b-7bnnsy63gg] {
    color: #ffd0d0;
    background-color: rgba(180, 45, 45, 0.22);
}

.order-status--refunded[b-7bnnsy63gg] {
    color: #dcd8ff;
    background-color: rgba(132, 111, 209, 0.2);
}

.order-card__summary[b-7bnnsy63gg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background-color: rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.order-summary-item[b-7bnnsy63gg] {
    padding: 15px 20px;
    background-color: #252a2d;
}

    .order-summary-item strong[b-7bnnsy63gg] {
        color: #ffffff;
        font-size: 0.88rem;
    }

.order-paid-information[b-7bnnsy63gg],
.order-processing-information[b-7bnnsy63gg] {
    margin: 16px 20px 0;
    padding: 11px 13px;
    border-radius: 8px;
    font-size: 0.78rem;
}

.order-paid-information[b-7bnnsy63gg] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.12);
    border: 1px solid rgba(86, 198, 135, 0.2);
}

.order-processing-information[b-7bnnsy63gg] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.12);
    border: 1px solid rgba(209, 167, 62, 0.2);
}

    .order-processing-information > span[b-7bnnsy63gg] {
        width: 8px;
        height: 8px;
        flex-shrink: 0;
        background-color: #d1a73e;
        border-radius: 50%;
        animation: processing-pulse-b-7bnnsy63gg 1.2s ease-in-out infinite;
    }

.order-card__actions[b-7bnnsy63gg] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding: 17px 20px;
}

.order-details[b-7bnnsy63gg] {
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.order-details__heading[b-7bnnsy63gg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    color: #ffffff;
}

    .order-details__heading span[b-7bnnsy63gg] {
        color: #aaa59d;
        font-size: 0.75rem;
    }

.order-item[b-7bnnsy63gg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.order-item__description strong[b-7bnnsy63gg] {
    display: block;
    color: #ffffff;
    font-size: 0.86rem;
}

.order-item__description small[b-7bnnsy63gg] {
    display: block;
    margin-top: 4px;
    color: #aaa59d;
    font-size: 0.73rem;
}

.order-item__total[b-7bnnsy63gg] {
    flex-shrink: 0;
    color: #ffffff;
    font-size: 0.85rem;
}

.order-totals[b-7bnnsy63gg] {
    width: min(100%, 310px);
    margin: 18px 0 0 auto;
}

    .order-totals > div[b-7bnnsy63gg] {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        padding: 6px 0;
        color: #c7c7c7;
        font-size: 0.8rem;
    }

.order-totals__final[b-7bnnsy63gg] {
    margin-top: 5px;
    padding-top: 11px !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 0.95rem !important;
}

.orders-state[b-7bnnsy63gg],
.orders-alert[b-7bnnsy63gg] {
    padding: 36px 22px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 13px;
    text-align: center;
}

.orders-state[b-7bnnsy63gg] {
    color: #c7c7c7;
}

    .orders-state h2[b-7bnnsy63gg] {
        margin: 0 0 8px;
        color: #ffffff;
    }

    .orders-state p[b-7bnnsy63gg] {
        margin: 0 0 20px;
    }

.orders-alert[b-7bnnsy63gg] {
    margin-bottom: 18px;
}

.orders-alert--error[b-7bnnsy63gg] {
    color: #ffd0d0;
    background-color: rgba(180, 45, 45, 0.12);
    border-color: rgba(215, 78, 78, 0.25);
}

.orders-alert p[b-7bnnsy63gg] {
    margin: 0;
}

    .orders-alert p + p[b-7bnnsy63gg] {
        margin-top: 5px;
    }

@keyframes processing-pulse-b-7bnnsy63gg {
    0%, 100% {
        opacity: 0.4;
        transform: scale(0.85);
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
    }
}

@media (max-width: 760px) {
    .company-orders-page[b-7bnnsy63gg] {
        width: min(calc(100% - 24px), 620px);
        margin-top: 28px;
    }

    .orders-heading[b-7bnnsy63gg] {
        align-items: stretch;
        flex-direction: column;
    }

    .orders-heading__actions[b-7bnnsy63gg] {
        flex-wrap: wrap;
    }

    .orders-summary[b-7bnnsy63gg] {
        grid-template-columns: 1fr;
    }

    .order-card__summary[b-7bnnsy63gg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .orders-heading__actions[b-7bnnsy63gg] {
        flex-direction: column;
    }

    .primary-action[b-7bnnsy63gg],
    .secondary-action[b-7bnnsy63gg] {
        width: 100%;
    }

    .order-card__header[b-7bnnsy63gg] {
        flex-direction: column;
    }

    .order-card__summary[b-7bnnsy63gg] {
        grid-template-columns: 1fr;
    }

    .order-card__actions[b-7bnnsy63gg] {
        align-items: stretch;
        flex-direction: column;
    }

    .details-action[b-7bnnsy63gg],
    .payment-action[b-7bnnsy63gg] {
        width: 100%;
    }

    .order-item[b-7bnnsy63gg] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Company/PurchaseCourses.razor.rz.scp.css */
.purchase-page[b-7vo5a1ol6z] {
    width: min(calc(100% - 32px), 1180px);
    margin: 40px auto 64px;
}

.purchase-page__header[b-7vo5a1ol6z] {
    margin-bottom: 28px;
}

.purchase-page__eyebrow[b-7vo5a1ol6z],
.order-summary__eyebrow[b-7vo5a1ol6z] {
    display: block;
    margin-bottom: 8px;
    color: #a8a39a;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.purchase-page__header h1[b-7vo5a1ol6z] {
    margin: 0 0 8px;
    color: var(--frl-color-text, #ffffff);
    font-size: 2rem;
}

.purchase-page__header p[b-7vo5a1ol6z] {
    max-width: 680px;
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
}

.purchase-layout[b-7vo5a1ol6z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    align-items: start;
    gap: 28px;
}

.course-list[b-7vo5a1ol6z] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}



.purchase-course[b-7vo5a1ol6z] {
    overflow: hidden;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
    transition: border-color 160ms ease, transform 160ms ease;
}

.purchase-course--selected[b-7vo5a1ol6z] {
    border-color: rgba(140, 135, 125, 0.75);
}

.purchase-course__main[b-7vo5a1ol6z] {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 22px;
    padding: 22px;
}

.purchase-course__image[b-7vo5a1ol6z],
.purchase-course__placeholder[b-7vo5a1ol6z] {
    width: 100%;
    height: 150px;
    border-radius: 12px;
}

.purchase-course__image[b-7vo5a1ol6z] {
    object-fit: cover;
}

.purchase-course__placeholder[b-7vo5a1ol6z] {
    display: grid;
    place-items: center;
    color: #d9d5ce;
    background: linear-gradient( 135deg, rgba(140, 135, 125, 0.3), rgba(25, 25, 25, 0.8));
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.purchase-course__content[b-7vo5a1ol6z] {
    min-width: 0;
}

.purchase-course__heading[b-7vo5a1ol6z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.course-category[b-7vo5a1ol6z] {
    display: block;
    margin-bottom: 5px;
    color: #aaa59d;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.purchase-course h3[b-7vo5a1ol6z] {
    margin: 0;
    color: var(--frl-color-text, #ffffff);
    font-size: 1.2rem;
}

.course-price[b-7vo5a1ol6z] {
    flex-shrink: 0;
    color: #ffffff;
    font-size: 1.05rem;
}

.purchase-course__content > p[b-7vo5a1ol6z] {
    margin: 12px 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.55;
}

.course-metadata[b-7vo5a1ol6z] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

    .course-metadata span[b-7vo5a1ol6z] {
        padding: 5px 9px;
        color: #d7d3cc;
        background-color: rgba(140, 135, 125, 0.16);
        border-radius: 999px;
        font-size: 0.75rem;
    }

.course-selector[b-7vo5a1ol6z] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
}

    .course-selector input[b-7vo5a1ol6z],
    .collaborator-option input[b-7vo5a1ol6z] {
        width: 18px;
        height: 18px;
        accent-color: #8c877d;
    }

        .course-selector input:disabled[b-7vo5a1ol6z],
        .collaborator-option input:disabled[b-7vo5a1ol6z] {
            cursor: not-allowed;
        }

.license-selection[b-7vo5a1ol6z] {
    padding: 22px;
    background-color: rgba(0, 0, 0, 0.14);
    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

    .license-selection > header[b-7vo5a1ol6z] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 16px;
    }

    .license-selection h4[b-7vo5a1ol6z] {
        margin: 0 0 4px;
        color: #ffffff;
        font-size: 1rem;
    }

    .license-selection p[b-7vo5a1ol6z] {
        margin: 0;
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 0.85rem;
    }

.license-count[b-7vo5a1ol6z] {
    flex-shrink: 0;
    padding: 6px 10px;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.24);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.collaborator-options[b-7vo5a1ol6z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.collaborator-option[b-7vo5a1ol6z] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 10px;
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 9px;
    cursor: pointer;
}

.collaborator-option--selected[b-7vo5a1ol6z] {
    background-color: rgba(140, 135, 125, 0.2);
    border-color: rgba(140, 135, 125, 0.6);
}

.collaborator-option__name[b-7vo5a1ol6z] {
    overflow: hidden;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.collaborator-option small[b-7vo5a1ol6z] {
    grid-column: 2;
    color: var(--frl-color-text-muted, #c7c7c7);
    font-size: 0.75rem;
}

.order-summary[b-7vo5a1ol6z] {
    position: sticky;
    top: 24px;
}

.order-summary__card[b-7vo5a1ol6z] {
    padding: 24px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.order-summary h2[b-7vo5a1ol6z] {
    margin: 0;
    color: #ffffff;
    font-size: 1.35rem;
}

.empty-summary[b-7vo5a1ol6z] {
    margin: 22px 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.5;
}

.summary-items[b-7vo5a1ol6z] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 22px 0;
}

.summary-item[b-7vo5a1ol6z] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

    .summary-item div[b-7vo5a1ol6z] {
        min-width: 0;
    }

    .summary-item strong[b-7vo5a1ol6z],
    .summary-item span[b-7vo5a1ol6z] {
        color: #ffffff;
    }

    .summary-item div > strong[b-7vo5a1ol6z],
    .summary-item div > span[b-7vo5a1ol6z] {
        display: block;
    }

    .summary-item div > strong[b-7vo5a1ol6z] {
        overflow: hidden;
        font-size: 0.875rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .summary-item div > span[b-7vo5a1ol6z] {
        margin-top: 3px;
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 0.75rem;
    }

    .summary-item > span[b-7vo5a1ol6z] {
        flex-shrink: 0;
        font-size: 0.875rem;
    }

.summary-total[b-7vo5a1ol6z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-top: 18px;
    color: #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

    .summary-total strong[b-7vo5a1ol6z] {
        font-size: 1.25rem;
    }

.created-order[b-7vo5a1ol6z] {
    margin-bottom: 16px;
    padding: 11px 12px;
    color: #d8d4cc;
    background-color: rgba(140, 135, 125, 0.14);
    border-radius: 8px;
    font-size: 0.8rem;
}

.checkout-button[b-7vo5a1ol6z] {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 11px 16px;
    color: #191919;
    background-color: #ffffff;
    border: 0;
    border-radius: 8px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

    .checkout-button:hover[b-7vo5a1ol6z] {
        color: #191919;
        background-color: #dedbd5;
    }

    .checkout-button:disabled[b-7vo5a1ol6z] {
        cursor: not-allowed;
        opacity: 0.55;
    }

.checkout-help[b-7vo5a1ol6z] {
    display: block;
    margin-top: 9px;
    color: var(--frl-color-text-muted, #c7c7c7);
    text-align: center;
}

.purchase-state[b-7vo5a1ol6z] {
    padding: 42px 24px;
    color: var(--frl-color-text-muted, #c7c7c7);
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    text-align: center;
}

    .purchase-state h2[b-7vo5a1ol6z] {
        margin: 0 0 8px;
        color: #ffffff;
    }

    .purchase-state p[b-7vo5a1ol6z] {
        margin: 0 0 20px;
    }

.message[b-7vo5a1ol6z] {
    margin-bottom: 20px;
    padding: 14px 16px;
    border-radius: 9px;
}

    .message ul[b-7vo5a1ol6z] {
        margin: 0;
        padding-left: 20px;
    }

.message--error[b-7vo5a1ol6z] {
    color: #ffd4d4;
    background-color: rgba(180, 45, 45, 0.2);
    border: 1px solid rgba(255, 105, 105, 0.4);
}

.message--success[b-7vo5a1ol6z] {
    color: #d4ffe5;
    background-color: rgba(69, 151, 105, 0.2);
    border: 1px solid rgba(86, 198, 135, 0.4);
}

@media (max-width: 920px) {
    .purchase-layout[b-7vo5a1ol6z] {
        grid-template-columns: 1fr;
    }

    .order-summary[b-7vo5a1ol6z] {
        position: static;
    }
}

@media (max-width: 680px) {
    .purchase-page[b-7vo5a1ol6z] {
        width: min(calc(100% - 24px), 560px);
        margin-top: 24px;
    }

    .purchase-course__main[b-7vo5a1ol6z] {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .purchase-course__image[b-7vo5a1ol6z],
    .purchase-course__placeholder[b-7vo5a1ol6z] {
        height: 190px;
    }

    .purchase-course__heading[b-7vo5a1ol6z],
    .license-selection > header[b-7vo5a1ol6z] {
        flex-direction: column;
    }

    .collaborator-options[b-7vo5a1ol6z] {
        grid-template-columns: 1fr;
    }

    .license-selection[b-7vo5a1ol6z],
    .order-summary__card[b-7vo5a1ol6z] {
        padding: 18px;
    }
}
/* /Components/Pages/Courses/CourseDetails.razor.rz.scp.css */
.course-details-page[b-wfnmschoge] {
    width: min(calc(100% - 32px), 1180px);
    margin: 36px auto 72px;
}

.course-details-back[b-wfnmschoge] {
    display: inline-flex;
    margin-bottom: 22px;
    color: #c7c7c7;
    font-size: 0.9rem;
    text-decoration: none;
}

    .course-details-back:hover[b-wfnmschoge] {
        color: #ffffff;
    }

.course-details-hero[b-wfnmschoge] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.85fr);
    overflow: hidden;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.course-details-hero__content[b-wfnmschoge] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 48px;
}

.course-details-category[b-wfnmschoge],
.course-details-eyebrow[b-wfnmschoge] {
    display: block;
    margin-bottom: 10px;
    color: #aaa59d;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.course-details-hero h1[b-wfnmschoge] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 3.25rem);
    line-height: 1.12;
}

.course-details-summary[b-wfnmschoge] {
    margin: 20px 0 24px;
    color: var(--frl-color-text-muted, #c7c7c7);
    font-size: 1.05rem;
    line-height: 1.65;
}

.course-details-metadata[b-wfnmschoge] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

    .course-details-metadata span[b-wfnmschoge] {
        padding: 7px 11px;
        color: #e5e1db;
        background-color: rgba(140, 135, 125, 0.18);
        border-radius: 999px;
        font-size: 0.78rem;
    }

.course-details-hero__media[b-wfnmschoge] {
    min-height: 390px;
}

    .course-details-hero__media img[b-wfnmschoge],
    .course-details-placeholder[b-wfnmschoge] {
        width: 100%;
        height: 100%;
    }

    .course-details-hero__media img[b-wfnmschoge] {
        display: block;
        object-fit: cover;
    }

.course-details-placeholder[b-wfnmschoge] {
    display: grid;
    place-items: center;
    color: #ffffff;
    background: linear-gradient( 135deg, rgba(140, 135, 125, 0.65), rgba(25, 25, 25, 0.95) );
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 0.15em;
}

.course-details-layout[b-wfnmschoge] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    align-items: start;
    gap: 28px;
    margin-top: 28px;
}

.course-details-description[b-wfnmschoge],
.course-details-purchase[b-wfnmschoge] {
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.course-details-description[b-wfnmschoge] {
    padding: 34px;
}

    .course-details-description h2[b-wfnmschoge] {
        margin: 0 0 20px;
        color: #ffffff;
        font-size: 1.55rem;
    }

.course-details-description__text[b-wfnmschoge] {
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.75;
    white-space: pre-line;
}

.course-details-purchase[b-wfnmschoge] {
    position: sticky;
    top: 24px;
    padding: 28px;
}

.course-details-purchase__label[b-wfnmschoge] {
    display: block;
    margin-bottom: 7px;
    color: #aaa59d;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.course-details-price[b-wfnmschoge] {
    display: block;
    color: #ffffff;
    font-size: 1.7rem;
}

.course-details-purchase p[b-wfnmschoge] {
    margin: 16px 0 22px;
    color: var(--frl-color-text-muted, #c7c7c7);
    font-size: 0.9rem;
    line-height: 1.55;
}

.course-details-button[b-wfnmschoge] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 18px;
    color: #191919;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

    .course-details-button:hover[b-wfnmschoge] {
        color: #191919;
        background-color: #dedbd5;
        border-color: #dedbd5;
    }

.course-details-button--primary[b-wfnmschoge],
.course-details-button--outline[b-wfnmschoge] {
    width: 100%;
    box-sizing: border-box;
}

.course-details-button--outline[b-wfnmschoge] {
    color: #ffffff;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.4);
}

    .course-details-button--outline:hover[b-wfnmschoge] {
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.6);
    }

.course-details-state[b-wfnmschoge] {
    padding: 64px 28px;
    color: var(--frl-color-text-muted, #c7c7c7);
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    text-align: center;
}

    .course-details-state h1[b-wfnmschoge] {
        margin: 0 0 10px;
        color: #ffffff;
    }

    .course-details-state p[b-wfnmschoge] {
        margin: 0 0 24px;
    }

.course-details-state--error[b-wfnmschoge] {
    border-color: rgba(255, 105, 105, 0.4);
}

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

    .course-details-hero__media[b-wfnmschoge] {
        min-height: 300px;
        order: -1;
    }

    .course-details-purchase[b-wfnmschoge] {
        position: static;
    }
}

@media (max-width: 560px) {
    .course-details-page[b-wfnmschoge] {
        width: min(calc(100% - 24px), 480px);
        margin-top: 24px;
    }

    .course-details-hero__content[b-wfnmschoge] {
        padding: 26px 22px;
    }

    .course-details-hero__media[b-wfnmschoge] {
        min-height: 220px;
    }

    .course-details-description[b-wfnmschoge],
    .course-details-purchase[b-wfnmschoge] {
        padding: 22px;
    }
}
/* /Components/Pages/Courses/Courses.razor.rz.scp.css */
.courses-page[b-skqlsn5xbl] {
    width: min(calc(100% - 32px), 1320px);
    margin: 42px auto 72px;
}

.courses-page__header[b-skqlsn5xbl] {
    max-width: 760px;
    margin-bottom: 28px;
}

.courses-page__eyebrow[b-skqlsn5xbl] {
    display: block;
    margin-bottom: 8px;
    color: #aaa59d;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.courses-page__header h1[b-skqlsn5xbl] {
    margin: 0 0 8px;
    color: var(--frl-color-text, #ffffff);
    font-size: clamp(2rem, 5vw, 2.75rem);
}

.courses-page__header p[b-skqlsn5xbl] {
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    font-size: 1rem;
    line-height: 1.6;
}

/* Pesquisa */

.courses-search[b-skqlsn5xbl] {
    position: relative;
    margin-bottom: 24px;
}

.courses-search__icon[b-skqlsn5xbl] {
    position: absolute;
    top: 50%;
    left: 16px;
    color: #696969;
    font-size: 1.15rem;
    pointer-events: none;
    transform: translateY(-50%);
}

.courses-search input[b-skqlsn5xbl] {
    width: 100%;
    min-height: 50px;
    padding: 12px 18px 12px 46px;
    color: #252525;
    background-color: #dedede;
    border: 1px solid #b8b8b8;
    border-radius: 8px;
    font: inherit;
    outline: none;
}

    .courses-search input[b-skqlsn5xbl]::placeholder {
        color: #666666;
    }

    .courses-search input:focus[b-skqlsn5xbl] {
        background-color: #e8e8e8;
        border-color: #8c877d;
        box-shadow: 0 0 0 3px rgba(140, 135, 125, 0.28);
    }

/* Estrutura do catálogo */

.courses-catalog[b-skqlsn5xbl] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    align-items: start;
    gap: 24px;
}

/* Filtros */

.courses-filters[b-skqlsn5xbl] {
    position: sticky;
    top: 24px;
    padding: 22px;
    background-color: #555555;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 10px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.18);
}

.courses-filters__header[b-skqlsn5xbl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

    .courses-filters__header h2[b-skqlsn5xbl] {
        margin: 0;
        color: #ffffff;
        font-size: 1.05rem;
    }

    .courses-filters__header span[b-skqlsn5xbl] {
        padding: 4px 8px;
        color: #ffffff;
        background-color: rgba(140, 135, 125, 0.55);
        border-radius: 999px;
        font-size: 0.67rem;
        font-weight: 700;
        text-transform: uppercase;
    }

.filter-group[b-skqlsn5xbl] {
    padding: 18px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

    .filter-group h3[b-skqlsn5xbl] {
        margin: 0 0 12px;
        color: #ffffff;
        font-size: 0.82rem;
        font-weight: 700;
    }

.filter-option[b-skqlsn5xbl] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 10px;
    color: #eeeeee;
    font-size: 0.78rem;
    line-height: 1.35;
    cursor: pointer;
}

    .filter-option:last-child[b-skqlsn5xbl] {
        margin-bottom: 0;
    }

    .filter-option input[b-skqlsn5xbl] {
        width: 15px;
        height: 15px;
        margin: 1px 0 0;
        flex-shrink: 0;
        accent-color: #8c877d;
        cursor: pointer;
    }

    .filter-option:hover span[b-skqlsn5xbl] {
        color: #ffffff;
    }

.courses-filters__clear[b-skqlsn5xbl] {
    width: 100%;
    min-height: 40px;
    padding: 9px 13px;
    color: #ffffff;
    background-color: #292929;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 7px;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

    .courses-filters__clear:hover:not(:disabled)[b-skqlsn5xbl] {
        background-color: #1f1f1f;
        border-color: rgba(255, 255, 255, 0.35);
    }

    .courses-filters__clear:disabled[b-skqlsn5xbl] {
        cursor: not-allowed;
        opacity: 0.45;
    }

/* Resultados */

.courses-results[b-skqlsn5xbl] {
    min-width: 0;
}

.courses-results__toolbar[b-skqlsn5xbl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

    .courses-results__toolbar strong[b-skqlsn5xbl] {
        color: #ffffff;
        font-size: 0.88rem;
    }

.courses-sort select[b-skqlsn5xbl] {
    min-width: 225px;
    min-height: 42px;
    padding: 9px 36px 9px 13px;
    color: #ffffff;
    background-color: #555555;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 7px;
    font: inherit;
    font-size: 0.78rem;
    outline: none;
    cursor: pointer;
}

    .courses-sort select:focus[b-skqlsn5xbl] {
        border-color: #aaa59d;
        box-shadow: 0 0 0 3px rgba(140, 135, 125, 0.25);
    }

/* Grade */

.courses-grid[b-skqlsn5xbl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

/* Card */

.course-card[b-skqlsn5xbl] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    background-color: #555555;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18);
    transition: transform 170ms ease, border-color 170ms ease, box-shadow 170ms ease;
}

    .course-card:hover[b-skqlsn5xbl] {
        transform: translateY(-3px);
        border-color: rgba(140, 135, 125, 0.65);
        box-shadow: 0 20px 42px rgba(0, 0, 0, 0.25);
    }

.course-card__media[b-skqlsn5xbl] {
    display: block;
    height: 170px;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
}

    .course-card__media img[b-skqlsn5xbl],
    .course-card__placeholder[b-skqlsn5xbl] {
        width: 100%;
        height: 100%;
    }

    .course-card__media img[b-skqlsn5xbl] {
        display: block;
        object-fit: cover;
        transition: transform 220ms ease;
    }

.course-card:hover .course-card__media img[b-skqlsn5xbl] {
    transform: scale(1.035);
}

.course-card__placeholder[b-skqlsn5xbl] {
    display: grid;
    place-items: center;
    color: #ffffff;
    background: linear-gradient( 135deg, rgba(140, 135, 125, 0.65), rgba(25, 25, 25, 0.95) );
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.course-card__content[b-skqlsn5xbl] {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 18px;
}

.course-card__category[b-skqlsn5xbl] {
    display: block;
    margin-bottom: 7px;
    color: #d0cbc3;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.course-card h2[b-skqlsn5xbl] {
    margin: 0;
    font-size: 1.03rem;
    line-height: 1.35;
}

    .course-card h2 a[b-skqlsn5xbl] {
        color: #ffffff;
        text-decoration: none;
    }

        .course-card h2 a:hover[b-skqlsn5xbl] {
            color: #e4e0d9;
            text-decoration: underline;
            text-underline-offset: 3px;
        }

.course-card__description[b-skqlsn5xbl] {
    display: -webkit-box;
    min-height: 42px;
    margin: 10px 0 14px;
    overflow: hidden;
    color: #dddddd;
    font-size: 0.8rem;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.course-action--content[b-skqlsn5xbl] {
    color: #dcd8ff;
    border-color: rgba(166, 157, 230, 0.65);
    text-decoration: none;
}

.course-card__metadata[b-skqlsn5xbl] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 13px;
}

    .course-card__metadata span[b-skqlsn5xbl] {
        padding: 5px 8px;
        color: #eeeeee;
        background-color: rgba(25, 25, 25, 0.25);
        border-radius: 999px;
        font-size: 0.68rem;
    }

.course-card__certificate[b-skqlsn5xbl] {
    margin: 0 0 16px;
    color: #d5d5d5;
    font-size: 0.72rem;
    line-height: 1.45;
}

.course-card__bottom[b-skqlsn5xbl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

    .course-card__bottom strong[b-skqlsn5xbl] {
        color: #ffffff;
        font-size: 1rem;
    }

.course-card__button[b-skqlsn5xbl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 39px;
    box-sizing: border-box;
    padding: 9px 14px;
    color: #ffffff;
    background-color: #292929;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease;
}

    .course-card__button:hover[b-skqlsn5xbl] {
        color: #ffffff;
        background-color: #202020;
        border-color: rgba(255, 255, 255, 0.35);
    }

/* Nenhum resultado */

.courses-empty[b-skqlsn5xbl] {
    padding: 56px 24px;
    color: #c7c7c7;
    background-color: #555555;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    text-align: center;
}

    .courses-empty h2[b-skqlsn5xbl] {
        margin: 0 0 8px;
        color: #ffffff;
    }

    .courses-empty p[b-skqlsn5xbl] {
        margin: 0 0 22px;
    }

    .courses-empty button[b-skqlsn5xbl] {
        min-height: 40px;
        padding: 9px 18px;
        color: #191919;
        background-color: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 7px;
        font-weight: 700;
        cursor: pointer;
    }

        .courses-empty button:hover[b-skqlsn5xbl] {
            background-color: #dedbd5;
            border-color: #dedbd5;
        }

/* Paginação */

.courses-pagination[b-skqlsn5xbl] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 30px;
}

    .courses-pagination button[b-skqlsn5xbl] {
        min-width: 36px;
        height: 36px;
        padding: 0 9px;
        color: #ffffff;
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 6px;
        font-size: 0.78rem;
        cursor: pointer;
    }

        .courses-pagination button:hover:not(:disabled)[b-skqlsn5xbl] {
            background-color: rgba(255, 255, 255, 0.09);
            border-color: rgba(255, 255, 255, 0.4);
        }

        .courses-pagination button:disabled[b-skqlsn5xbl] {
            cursor: not-allowed;
            opacity: 0.35;
        }

    .courses-pagination
    .courses-pagination__button--active[b-skqlsn5xbl] {
        color: #191919;
        background-color: #ffffff;
        border-color: #ffffff;
        font-weight: 800;
    }

/* Estados da página */

.courses-state[b-skqlsn5xbl] {
    padding: 58px 24px;
    color: var(--frl-color-text-muted, #c7c7c7);
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    text-align: center;
}

    .courses-state h2[b-skqlsn5xbl] {
        margin: 0 0 8px;
        color: #ffffff;
    }

    .courses-state p[b-skqlsn5xbl] {
        margin: 0;
    }

.courses-state--error[b-skqlsn5xbl] {
    border-color: rgba(255, 105, 105, 0.4);
}

.visually-hidden[b-skqlsn5xbl] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Responsividade */

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

@media (max-width: 850px) {
    .courses-catalog[b-skqlsn5xbl] {
        grid-template-columns: 1fr;
    }

    .courses-filters[b-skqlsn5xbl] {
        position: static;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0 24px;
    }

    .courses-filters__header[b-skqlsn5xbl],
    .courses-filters__clear[b-skqlsn5xbl] {
        grid-column: 1 / -1;
    }

    .filter-group[b-skqlsn5xbl] {
        min-width: 0;
    }
}

@media (max-width: 680px) {
    .courses-page[b-skqlsn5xbl] {
        width: min(calc(100% - 24px), 560px);
        margin-top: 28px;
    }

    .courses-results__toolbar[b-skqlsn5xbl] {
        align-items: stretch;
        flex-direction: column;
    }

    .courses-sort select[b-skqlsn5xbl] {
        width: 100%;
    }

    .courses-grid[b-skqlsn5xbl] {
        grid-template-columns: 1fr;
    }

    .courses-filters[b-skqlsn5xbl] {
        grid-template-columns: 1fr;
    }

    .courses-filters__header[b-skqlsn5xbl],
    .courses-filters__clear[b-skqlsn5xbl] {
        grid-column: auto;
    }

    .course-card__media[b-skqlsn5xbl] {
        height: 210px;
    }
}

@media (max-width: 420px) {
    .courses-page[b-skqlsn5xbl] {
        width: min(calc(100% - 20px), 400px);
    }

    .courses-page__header h1[b-skqlsn5xbl] {
        font-size: 2rem;
    }

    .courses-search input[b-skqlsn5xbl] {
        font-size: 0.85rem;
    }

    .courses-filters[b-skqlsn5xbl],
    .course-card__content[b-skqlsn5xbl] {
        padding: 18px;
    }

    .course-card__media[b-skqlsn5xbl] {
        height: 180px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home[b-onou4m1iwl] {
    padding-block: 32px 48px;
}

.home-hero[b-onou4m1iwl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(440px, 650px);
    min-height: 360px;
    overflow: hidden;
    background-color: var(--frl-color-surface);
    border-radius: var(--frl-radius-lg);
}

.home-hero__content[b-onou4m1iwl] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    padding: 52px 48px;
}

.home-hero__title[b-onou4m1iwl] {
    margin: 0;
    color: var(--frl-color-text);
    font-size: var(--frl-font-size-hero);
    font-weight: 700;
    line-height: 1.12;
}

    .home-hero__title span[b-onou4m1iwl] {
        display: block;
    }

.home-hero__description[b-onou4m1iwl] {
    margin: 0;
    color: var(--frl-color-text-muted);
    font-size: var(--frl-font-size-lg);
}

.home-hero__actions[b-onou4m1iwl] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.home-hero__visual[b-onou4m1iwl] {
    min-height: 360px;
    overflow: hidden;
}

    .home-hero__visual img[b-onou4m1iwl] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.home-learning[b-onou4m1iwl] {
    margin-top: 24px;
    padding: 34px;
    background-color: var(--frl-color-surface);
    border-radius: var(--frl-radius-lg);
}

.home-learning__heading[b-onou4m1iwl] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

    .home-learning__heading h2[b-onou4m1iwl] {
        margin: 0;
        color: var(--frl-color-text);
        font-size: clamp(1.5rem, 2.5vw, 2rem);
    }

    .home-learning__heading p[b-onou4m1iwl] {
        margin: 8px 0 0;
        color: var(--frl-color-text-muted);
    }

.home-learning__view-all[b-onou4m1iwl] {
    flex-shrink: 0;
}

.home-learning__grid[b-onou4m1iwl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.home-course-card[b-onou4m1iwl] {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    background-color: var(--frl-color-background);
    border: 1px solid var(--frl-color-border);
    border-radius: var(--frl-radius-md);
    transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

    .home-course-card:hover[b-onou4m1iwl] {
        border-color: var(--frl-color-primary);
        transform: translateY(-3px);
        box-shadow: 0 12px 26px rgb(0 0 0 / 18%);
    }

.home-course-card__image[b-onou4m1iwl] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 165px;
    overflow: hidden;
    color: var(--frl-color-text);
    background: linear-gradient( 135deg, var(--frl-color-surface), var(--frl-color-background));
    text-decoration: none;
}

    .home-course-card__image img[b-onou4m1iwl] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 200ms ease;
    }

.home-course-card:hover .home-course-card__image img[b-onou4m1iwl] {
    transform: scale(1.03);
}

.home-course-card__image > span:not(.home-course-card__status)[b-onou4m1iwl] {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.home-course-card__status[b-onou4m1iwl] {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 6px 9px;
    color: #ffffff;
    background-color: #8c6f27;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
}

.home-course-card__status--completed[b-onou4m1iwl] {
    background-color: #287d4f;
}

.home-course-card__body[b-onou4m1iwl] {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 20px;
}

.home-course-card__category[b-onou4m1iwl] {
    color: var(--frl-color-primary);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-course-card__body h3[b-onou4m1iwl] {
    margin: 8px 0 18px;
    font-size: 1.125rem;
    line-height: 1.35;
}

    .home-course-card__body h3 a[b-onou4m1iwl] {
        color: var(--frl-color-text);
        text-decoration: none;
    }

        .home-course-card__body h3 a:hover[b-onou4m1iwl] {
            color: var(--frl-color-primary);
        }

.home-course-card__progress[b-onou4m1iwl] {
    margin-top: auto;
}

.home-course-card__progress-header[b-onou4m1iwl] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 7px;
    color: var(--frl-color-text-muted);
    font-size: 0.75rem;
}

    .home-course-card__progress-header strong[b-onou4m1iwl] {
        color: var(--frl-color-text);
    }

.home-course-card__progress-track[b-onou4m1iwl] {
    width: 100%;
    height: 7px;
    overflow: hidden;
    background-color: var(--frl-color-border);
    border-radius: 999px;
}

    .home-course-card__progress-track span[b-onou4m1iwl] {
        display: block;
        height: 100%;
        background-color: var(--frl-color-primary);
        border-radius: inherit;
    }

.home-course-card__footer[b-onou4m1iwl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid var(--frl-color-border);
}

    .home-course-card__footer > span[b-onou4m1iwl] {
        color: var(--frl-color-text-muted);
        font-size: 0.6875rem;
    }

.home-course-card__action[b-onou4m1iwl] {
    flex-shrink: 0;
    color: var(--frl-color-text);
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: none;
}

    .home-course-card__action:hover[b-onou4m1iwl] {
        color: var(--frl-color-primary);
    }

.home-learning__loading[b-onou4m1iwl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

    .home-learning__loading span[b-onou4m1iwl] {
        min-height: 280px;
        background: linear-gradient( 90deg, var(--frl-color-background) 25%, var(--frl-color-border) 50%, var(--frl-color-background) 75%);
        background-size: 200% 100%;
        border-radius: var(--frl-radius-md);
        animation: home-loading-b-onou4m1iwl 1.4s infinite linear;
    }

.home-learning__message[b-onou4m1iwl] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

    .home-learning__message span[b-onou4m1iwl] {
        color: var(--frl-color-text-muted);
    }

    .home-learning__message .frl-button[b-onou4m1iwl] {
        margin-top: 8px;
    }

@keyframes home-loading-b-onou4m1iwl {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

.home-stats[b-onou4m1iwl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 52px;
    margin-top: 24px;
    padding: 23px 24px;
    background-color: var(--frl-color-surface);
    border-radius: var(--frl-radius-md);
}

.home-stats__item[b-onou4m1iwl] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-height: 58px;
}

    .home-stats__item strong[b-onou4m1iwl] {
        color: var(--frl-color-text);
        font-size: 1.375rem;
        font-weight: 700;
    }

    .home-stats__item span[b-onou4m1iwl] {
        color: var(--frl-color-text-muted);
        font-size: var(--frl-font-size-xs);
    }

#sobre[b-onou4m1iwl],
#contato[b-onou4m1iwl] {
    scroll-margin-top: calc(var(--frl-header-height) + 24px);
}

.home-about[b-onou4m1iwl] {
    margin-top: 24px;
    padding: 48px;
    background-color: var(--frl-color-surface);
    border-radius: var(--frl-radius-lg);
}

.home-section-heading[b-onou4m1iwl] {
    max-width: 760px;
}

.home-section-heading__eyebrow[b-onou4m1iwl] {
    display: block;
    margin-bottom: 10px;
    color: var(--frl-color-primary);
    font-size: var(--frl-font-size-xs);
    font-weight: 700;
    letter-spacing: 0.12em;
}

.home-section-heading h2[b-onou4m1iwl] {
    margin: 0;
    color: var(--frl-color-text);
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.2;
}

.home-section-heading p[b-onou4m1iwl] {
    margin: 18px 0 0;
    color: var(--frl-color-text-muted);
    font-size: var(--frl-font-size-md);
    line-height: 1.7;
}

.home-about__grid[b-onou4m1iwl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 36px;
}

.home-about__card[b-onou4m1iwl] {
    min-height: 220px;
    padding: 26px;
    background-color: var(--frl-color-background);
    border: 1px solid var(--frl-color-border);
    border-radius: var(--frl-radius-md);
    transition: transform 160ms ease, border-color 160ms ease;
}

    .home-about__card:hover[b-onou4m1iwl] {
        border-color: var(--frl-color-primary);
        transform: translateY(-3px);
    }

.home-about__number[b-onou4m1iwl] {
    color: var(--frl-color-primary);
    font-size: var(--frl-font-size-sm);
    font-weight: 700;
}

.home-about__card h3[b-onou4m1iwl] {
    margin: 28px 0 10px;
    color: var(--frl-color-text);
    font-size: 1.25rem;
}

.home-about__card p[b-onou4m1iwl] {
    margin: 0;
    color: var(--frl-color-text-muted);
    font-size: var(--frl-font-size-sm);
    line-height: 1.65;
}

.home-contact[b-onou4m1iwl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-top: 24px;
    padding: 40px 48px;
    background-color: var(--frl-color-surface);
    border: 1px solid var(--frl-color-border);
    border-radius: var(--frl-radius-lg);
}

.home-contact__content[b-onou4m1iwl] {
    max-width: 670px;
}

    .home-contact__content h2[b-onou4m1iwl] {
        margin: 0;
        color: var(--frl-color-text);
        font-size: clamp(1.5rem, 2.5vw, 2rem);
        line-height: 1.25;
    }

    .home-contact__content p[b-onou4m1iwl] {
        margin: 12px 0 0;
        color: var(--frl-color-text-muted);
        line-height: 1.6;
    }

.home-contact__actions[b-onou4m1iwl] {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 12px;
}

@media (max-width: 900px) {
    .home[b-onou4m1iwl] {
        padding-top: 18px;
    }

    .home-hero[b-onou4m1iwl] {
        display: block;
        min-height: 390px;
    }

    .home-hero__content[b-onou4m1iwl] {
        min-height: 390px;
        justify-content: flex-start;
        padding: 24px;
    }

    .home-hero__title[b-onou4m1iwl] {
        font-size: var(--frl-font-size-hero);
        line-height: 1.35;
    }

    .home-hero__description[b-onou4m1iwl] {
        font-size: var(--frl-font-size-md);
    }

    .home-hero__actions[b-onou4m1iwl] {
        flex-direction: column;
        width: 100%;
    }

        .home-hero__actions .frl-button[b-onou4m1iwl] {
            width: 100%;
        }

    .home-hero__visual[b-onou4m1iwl] {
        display: none;
    }

    .home-learning[b-onou4m1iwl] {
        margin-top: 18px;
        padding: 26px 20px;
    }

    .home-learning__heading[b-onou4m1iwl] {
        align-items: flex-start;
        flex-direction: column;
    }


    .home-learning__grid[b-onou4m1iwl],
    .home-learning__loading[b-onou4m1iwl] {
        grid-template-columns: 1fr;
    }

        .home-learning__loading span[b-onou4m1iwl] {
            min-height: 220px;
        }

    .home-stats[b-onou4m1iwl] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 18px;
        padding: 16px;
    }

    .home-stats__item:last-child[b-onou4m1iwl] {
        display: none;
    }

    .home-stats__item strong[b-onou4m1iwl] {
        font-size: 1.125rem;
    }

    .home-about[b-onou4m1iwl] {
        margin-top: 18px;
        padding: 30px 24px;
    }

    .home-about__grid[b-onou4m1iwl] {
        grid-template-columns: 1fr;
        margin-top: 26px;
    }

    .home-about__card[b-onou4m1iwl] {
        min-height: auto;
    }

        .home-about__card h3[b-onou4m1iwl] {
            margin-top: 18px;
        }

    .home-contact[b-onou4m1iwl] {
        flex-direction: column;
        align-items: stretch;
        gap: 26px;
        margin-top: 18px;
        padding: 30px 24px;
    }

    .home-contact__actions[b-onou4m1iwl] {
        flex-direction: column;
    }

        .home-contact__actions .frl-button[b-onou4m1iwl] {
            width: 100%;
        }
}

@media (max-width: 420px) {
    .home-hero__content[b-onou4m1iwl] {
        padding-inline: 20px;
    }

    .home-stats[b-onou4m1iwl] {
        gap: 8px;
    }

    .home-stats__item span[b-onou4m1iwl] {
        font-size: 0.6875rem;
    }

    .home-about[b-onou4m1iwl],
    .home-contact[b-onou4m1iwl] {
        padding-inline: 20px;
    }

    .home-course-card__footer[b-onou4m1iwl] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Instructors/CourseMaterials.razor.rz.scp.css */
.materials-page[b-6c0j404kod] {
    max-width: 1320px;
    margin: 0 auto;
    padding: 32px 24px 48px;
    background: #2b2b2b;
    color: #ffffff;
    color-scheme: dark;
}

.materials-heading[b-6c0j404kod] {
    margin-bottom: 26px;
}

.materials-eyebrow[b-6c0j404kod] {
    color: #b8afa1;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.materials-heading h1[b-6c0j404kod] {
    margin: 10px 0;
    color: #ffffff;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 500;
}

.materials-heading p[b-6c0j404kod],
.materials-panel p[b-6c0j404kod] {
    color: #dedede;
    line-height: 1.6;
}

.materials-panel[b-6c0j404kod] {
    min-width: 0;
    padding: 24px;
    border: 1px solid #6a6a6a;
    border-radius: 9px;
    background: #555555;
    box-shadow: 0 10px 24px rgb(0 0 0 / 12%);
}

    .materials-panel h2[b-6c0j404kod] {
        margin: 0 0 10px;
        color: #ffffff;
        font-size: 20px;
        overflow-wrap: anywhere;
    }

.materials-upload[b-6c0j404kod] {
    margin-bottom: 24px;
}

.materials-upload__fields[b-6c0j404kod] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 20px 0;
}

.materials-field[b-6c0j404kod] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

    .materials-field label[b-6c0j404kod] {
        color: #ffffff;
        font-size: 14px;
    }

.materials-page[b-6c0j404kod]  .material-control {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #b5b5b5;
    border-radius: 6px;
    background: #dedede;
    color: #2b2b2b;
    color-scheme: light;
    font: inherit;
    font-size: 14px;
}

    .materials-page[b-6c0j404kod]  .material-control::placeholder {
        color: #626262;
    }

    .materials-page[b-6c0j404kod]  .material-control:focus {
        outline: 2px solid rgb(255 255 255 / 45%);
        outline-offset: 2px;
    }

    .materials-page[b-6c0j404kod]  .material-control:disabled {
        opacity: .65;
        cursor: not-allowed;
    }

.materials-hint[b-6c0j404kod],
.materials-count[b-6c0j404kod] {
    font-size: 13px;
}

.materials-toolbar[b-6c0j404kod] {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

    .materials-toolbar > input[b-6c0j404kod] {
        flex: 1;
    }

.material-button[b-6c0j404kod] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid #737373;
    border-radius: 6px;
    background: #292929;
    color: #ffffff;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

    .material-button:hover:not(:disabled)[b-6c0j404kod] {
        background: #383838;
        color: #ffffff;
    }

    .material-button:focus-visible[b-6c0j404kod] {
        outline: 2px solid #ffffff;
        outline-offset: 3px;
    }

    .material-button:disabled[b-6c0j404kod] {
        background: #414141;
        color: #bcbcbc;
        cursor: not-allowed;
    }

.materials-grid[b-6c0j404kod] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.materials-list[b-6c0j404kod] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .materials-list li[b-6c0j404kod] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 18px 0;
        border-top: 1px solid #6a6a6a;
    }

.materials-item__text[b-6c0j404kod] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

    .materials-item__text span[b-6c0j404kod] {
        color: #dedede;
        font-size: 12px;
    }

    .materials-item__text strong[b-6c0j404kod] {
        color: #ffffff;
        font-size: 14px;
        overflow-wrap: anywhere;
    }

.materials-empty[b-6c0j404kod] {
    padding: 20px 0;
    text-align: center;
}

.materials-notice[b-6c0j404kod] {
    margin-bottom: 20px;
    padding: 14px 18px;
    border: 1px solid #a3b2a5;
    border-radius: 8px;
    background: #414141;
    color: #ffffff;
    line-height: 1.5;
}

.materials-notice--error[b-6c0j404kod] {
    border-color: #d5aaaa;
    color: #ffe0e0;
}

@media (max-width: 900px) {
    .materials-upload__fields[b-6c0j404kod],
    .materials-grid[b-6c0j404kod] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .materials-page[b-6c0j404kod] {
        padding: 24px 16px 36px;
    }

    .materials-panel[b-6c0j404kod] {
        padding: 20px 16px;
    }

    .materials-toolbar[b-6c0j404kod] {
        flex-direction: column;
    }

    .materials-list li[b-6c0j404kod] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/Learning/CourseOverview.razor.rz.scp.css */
.course-overview-page[b-v0bkzzl225] {
    width: min(calc(100% - 32px), 1080px);
    margin: 36px auto 72px;
}

.back-link[b-v0bkzzl225] {
    display: inline-flex;
    margin-bottom: 24px;
    color: #d7d3cc;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
}

    .back-link:hover[b-v0bkzzl225] {
        color: #ffffff;
    }

.course-hero[b-v0bkzzl225] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    overflow: hidden;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.course-hero__content[b-v0bkzzl225] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 42px;
}

.course-hero__eyebrow[b-v0bkzzl225],
.section-eyebrow[b-v0bkzzl225] {
    display: block;
    margin-bottom: 8px;
    color: #aaa59d;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.course-hero h1[b-v0bkzzl225] {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 2.8rem);
    line-height: 1.15;
}

.course-hero__content > p[b-v0bkzzl225] {
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.6;
}

.course-hero__image[b-v0bkzzl225],
.course-hero__placeholder[b-v0bkzzl225] {
    width: 100%;
    min-height: 340px;
}

.course-hero__image[b-v0bkzzl225] {
    object-fit: cover;
}

.course-hero__placeholder[b-v0bkzzl225] {
    display: grid;
    place-items: center;
    color: #d9d5ce;
    background: linear-gradient( 135deg, rgba(140, 135, 125, 0.3), rgba(25, 25, 25, 0.8));
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.course-progress[b-v0bkzzl225] {
    margin-top: 28px;
}

.course-progress__heading[b-v0bkzzl225] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
    color: #d7d3cc;
    font-size: 0.85rem;
}

    .course-progress__heading strong[b-v0bkzzl225] {
        color: #ffffff;
    }

.course-progress small[b-v0bkzzl225] {
    display: block;
    margin-top: 8px;
    color: var(--frl-color-text-muted, #c7c7c7);
}

.progress-bar[b-v0bkzzl225] {
    width: 100%;
    height: 9px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.11);
    border-radius: 999px;
}

.progress-bar__value[b-v0bkzzl225] {
    height: 100%;
    background: linear-gradient( 90deg, #8c877d, #c2bbae);
    border-radius: inherit;
    transition: width 220ms ease;
}

.course-content-card[b-v0bkzzl225] {
    margin-top: 28px;
    padding: 30px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.course-content-card__header[b-v0bkzzl225] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

    .course-content-card__header h2[b-v0bkzzl225] {
        margin: 0 0 7px;
        color: #ffffff;
        font-size: 1.4rem;
    }

    .course-content-card__header p[b-v0bkzzl225] {
        margin: 0;
        color: var(--frl-color-text-muted, #c7c7c7);
    }

.enrollment-status[b-v0bkzzl225] {
    flex-shrink: 0;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 800;
}

.enrollment-status--active[b-v0bkzzl225] {
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.22);
}

.enrollment-status--completed[b-v0bkzzl225] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
}

.enrollment-status--cancelled[b-v0bkzzl225] {
    color: #ffd0d0;
    background-color: rgba(180, 45, 45, 0.22);
}

.module-list[b-v0bkzzl225] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.learning-module[b-v0bkzzl225] {
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 11px;
}

.learning-module__header[b-v0bkzzl225] {
    display: grid;
    width: 100%;
    grid-template-columns: 36px minmax(0, 1fr) auto 28px;
    align-items: center;
    gap: 13px;
    padding: 17px;
    color: inherit;
    background-color: transparent;
    border: 0;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .learning-module__header:hover[b-v0bkzzl225] {
        background-color: rgba(255, 255, 255, 0.035);
    }

.module-order[b-v0bkzzl225] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.3);
    border-radius: 50%;
    font-size: 0.8rem;
    font-weight: 800;
}

.module-identification[b-v0bkzzl225] {
    min-width: 0;
}

    .module-identification strong[b-v0bkzzl225] {
        display: block;
        color: #ffffff;
    }

    .module-identification small[b-v0bkzzl225] {
        display: block;
        margin-top: 4px;
        color: var(--frl-color-text-muted, #c7c7c7);
    }

.module-summary[b-v0bkzzl225] {
    color: #d7d3cc;
    font-size: 0.8rem;
    font-weight: 700;
}

.module-toggle[b-v0bkzzl225] {
    color: #ffffff;
    font-size: 1.25rem;
    text-align: center;
}

.lesson-list[b-v0bkzzl225] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background-color: rgba(255, 255, 255, 0.025);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.lesson-row[b-v0bkzzl225] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 13px;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 9px;
}

.lesson-row--locked[b-v0bkzzl225] {
    opacity: 0.62;
}

.lesson-row--completed[b-v0bkzzl225] {
    border-color: rgba(86, 198, 135, 0.22);
}

.lesson-row--available[b-v0bkzzl225] {
    border-color: rgba(140, 135, 125, 0.42);
}

.lesson-position[b-v0bkzzl225] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    color: #d9d5ce;
    background-color: rgba(140, 135, 125, 0.2);
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 800;
}

.lesson-information[b-v0bkzzl225] {
    min-width: 0;
}

    .lesson-information > div[b-v0bkzzl225] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    .lesson-information strong[b-v0bkzzl225] {
        color: #ffffff;
        font-size: 0.9rem;
    }

    .lesson-information small[b-v0bkzzl225] {
        display: block;
        margin-top: 4px;
        color: var(--frl-color-text-muted, #c7c7c7);
    }

.lesson-badge[b-v0bkzzl225] {
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 800;
}

.lesson-badge--completed[b-v0bkzzl225] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
}

.lesson-badge--locked[b-v0bkzzl225] {
    color: #d1d1d1;
    background-color: rgba(120, 120, 120, 0.25);
}

.lesson-badge--available[b-v0bkzzl225] {
    color: #dcd8ff;
    background-color: rgba(132, 111, 209, 0.2);
}

.lesson-action[b-v0bkzzl225] {
    padding: 7px 11px;
    color: #191919;
    background-color: #ffffff;
    border-radius: 7px;
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
}

    .lesson-action:hover[b-v0bkzzl225] {
        color: #191919;
        background-color: #dedbd5;
    }

.locked-action[b-v0bkzzl225] {
    padding: 6px;
    font-size: 0.9rem;
}

.empty-module[b-v0bkzzl225],
.overview-state[b-v0bkzzl225] {
    padding: 36px 22px;
    color: var(--frl-color-text-muted, #c7c7c7);
    text-align: center;
}

.overview-state[b-v0bkzzl225] {
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
}

    .overview-state h1[b-v0bkzzl225] {
        margin: 0 0 8px;
        color: #ffffff;
    }

    .overview-state p[b-v0bkzzl225] {
        margin: 0;
    }

.final-exam-card[b-v0bkzzl225] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    margin-top: 28px;
    padding: 28px 30px;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.final-exam-card--locked[b-v0bkzzl225],
.final-exam-card--unavailable[b-v0bkzzl225] {
    border-color: rgba(255, 255, 255, 0.1);
}

.final-exam-card--available[b-v0bkzzl225] {
    border-color: rgba(140, 135, 125, 0.55);
}

.final-exam-card--passed[b-v0bkzzl225] {
    border-color: rgba(52, 168, 101, 0.4);
}

.final-exam-card__icon[b-v0bkzzl225] {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    font-size: 1.35rem;
    font-weight: 900;
}

.final-exam-card--available .final-exam-card__icon[b-v0bkzzl225] {
    color: #191919;
    background-color: #d9d5ce;
}

.final-exam-card--passed .final-exam-card__icon[b-v0bkzzl225] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
    border-color: rgba(52, 168, 101, 0.35);
}

.final-exam-card__content[b-v0bkzzl225] {
    min-width: 0;
}

.final-exam-card__heading[b-v0bkzzl225] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

    .final-exam-card__heading h2[b-v0bkzzl225] {
        margin: 0;
        color: #ffffff;
        font-size: 1.4rem;
    }

.final-exam-description[b-v0bkzzl225] {
    margin: 10px 0 20px;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.55;
}

.final-exam-status[b-v0bkzzl225] {
    flex-shrink: 0;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
}

.final-exam-status--locked[b-v0bkzzl225],
.final-exam-status--unavailable[b-v0bkzzl225] {
    color: #d1d1d1;
    background-color: rgba(120, 120, 120, 0.25);
}

.final-exam-status--available[b-v0bkzzl225] {
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.22);
}

.final-exam-status--passed[b-v0bkzzl225] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
}

.final-exam-metadata[b-v0bkzzl225] {
    display: grid;
    grid-template-columns: repeat(4, minmax(90px, 1fr));
    gap: 10px;
}

.final-exam-metadata__item[b-v0bkzzl225] {
    padding: 11px 12px;
    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 9px;
}

    .final-exam-metadata__item span[b-v0bkzzl225] {
        display: block;
        margin-bottom: 4px;
        color: #aaa59d;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
    }

    .final-exam-metadata__item strong[b-v0bkzzl225] {
        color: #ffffff;
        font-size: 0.84rem;
    }

.final-exam-card__action[b-v0bkzzl225] {
    display: flex;
    min-width: 160px;
    justify-content: flex-end;
}

.final-exam-action[b-v0bkzzl225],
.final-exam-result[b-v0bkzzl225] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

.final-exam-action[b-v0bkzzl225] {
    color: #191919;
    background-color: #ffffff;
}

    .final-exam-action:hover[b-v0bkzzl225] {
        color: #191919;
        background-color: #dedbd5;
    }

.final-exam-result--disabled[b-v0bkzzl225] {
    color: #b8b8b8;
    background-color: rgba(255, 255, 255, 0.07);
    cursor: not-allowed;
}

.final-exam-result--passed[b-v0bkzzl225] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.18);
}

@media (max-width: 760px) {
    .course-overview-page[b-v0bkzzl225] {
        width: min(calc(100% - 24px), 620px);
        margin-top: 24px;
    }

    .course-hero[b-v0bkzzl225] {
        grid-template-columns: 1fr;
    }

    .course-hero__content[b-v0bkzzl225] {
        padding: 28px;
    }

    .course-hero__image[b-v0bkzzl225],
    .course-hero__placeholder[b-v0bkzzl225] {
        min-height: 230px;
        order: -1;
    }

    .course-content-card[b-v0bkzzl225] {
        padding: 22px;
    }

    .course-content-card__header[b-v0bkzzl225] {
        flex-direction: column;
    }

    .final-exam-card[b-v0bkzzl225] {
        grid-template-columns: 50px minmax(0, 1fr);
        padding: 22px;
    }

    .final-exam-card__icon[b-v0bkzzl225] {
        width: 48px;
        height: 48px;
    }

    .final-exam-card__action[b-v0bkzzl225] {
        grid-column: 1 / -1;
        min-width: 0;
        justify-content: stretch;
    }

    .final-exam-action[b-v0bkzzl225],
    .final-exam-result[b-v0bkzzl225] {
        width: 100%;
    }

    .final-exam-metadata[b-v0bkzzl225] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .learning-module__header[b-v0bkzzl225] {
        grid-template-columns: 34px minmax(0, 1fr) 24px;
    }

    .module-summary[b-v0bkzzl225] {
        display: none;
    }

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

    .lesson-action[b-v0bkzzl225],
    .locked-action[b-v0bkzzl225] {
        grid-column: 1 / -1;
        text-align: center;
    }

    .final-exam-card[b-v0bkzzl225] {
        grid-template-columns: 1fr;
    }

    .final-exam-card__icon[b-v0bkzzl225] {
        display: none;
    }

    .final-exam-card__heading[b-v0bkzzl225] {
        flex-direction: column;
    }

    .final-exam-metadata[b-v0bkzzl225] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Learning/FinalExamRoom.razor.rz.scp.css */
.final-exam-page[b-nti32ygzio] {
    width: min(calc(100% - 32px), 960px);
    margin: 36px auto 72px;
}

.back-link[b-nti32ygzio] {
    display: inline-flex;
    margin-bottom: 24px;
    color: #d7d3cc;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
}

    .back-link:hover[b-nti32ygzio] {
        color: #ffffff;
    }

.exam-hero[b-nti32ygzio],
.period-card[b-nti32ygzio],
.questions-card[b-nti32ygzio],
.exam-state[b-nti32ygzio],
.exam-result[b-nti32ygzio] {
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.exam-hero[b-nti32ygzio] {
    padding: 38px;
}

.exam-hero__eyebrow[b-nti32ygzio],
.section-eyebrow[b-nti32ygzio],
.exam-result__eyebrow[b-nti32ygzio] {
    display: block;
    margin-bottom: 8px;
    color: #aaa59d;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.exam-hero h1[b-nti32ygzio] {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 2.8rem);
    line-height: 1.15;
}

.exam-hero > p[b-nti32ygzio] {
    max-width: 680px;
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.65;
}

.exam-statistics[b-nti32ygzio] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
}

    .exam-statistics > div[b-nti32ygzio] {
        padding: 16px;
        background-color: rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 255, 255, 0.075);
        border-radius: 10px;
    }

    .exam-statistics span[b-nti32ygzio] {
        display: block;
        margin-bottom: 6px;
        color: #aaa59d;
        font-size: 0.75rem;
    }

    .exam-statistics strong[b-nti32ygzio] {
        color: #ffffff;
        font-size: 1.05rem;
    }

.period-card[b-nti32ygzio],
.questions-card[b-nti32ygzio],
.exam-result[b-nti32ygzio] {
    margin-top: 24px;
    padding: 30px;
}

.period-card__header[b-nti32ygzio],
.questions-card__header[b-nti32ygzio] {
    margin-bottom: 24px;
}

    .period-card__header h2[b-nti32ygzio],
    .questions-card__header h2[b-nti32ygzio] {
        margin: 0 0 8px;
        color: #ffffff;
        font-size: 1.4rem;
    }

    .period-card__header p[b-nti32ygzio],
    .questions-card__header p[b-nti32ygzio] {
        margin: 0;
        color: var(--frl-color-text-muted, #c7c7c7);
        line-height: 1.55;
    }

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

.form-field[b-nti32ygzio] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .form-field label[b-nti32ygzio] {
        color: #ffffff;
        font-size: 0.86rem;
        font-weight: 750;
    }

.form-control[b-nti32ygzio] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    color: #ffffff;
    color-scheme: dark;
    background-color: rgba(0, 0, 0, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    outline: none;
}

    .form-control:focus[b-nti32ygzio] {
        border-color: #8c877d;
        box-shadow: 0 0 0 3px rgba(140, 135, 125, 0.18);
    }

.confirmation-field[b-nti32ygzio] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 22px 0;
    padding: 15px;
    color: #d7d3cc;
    background-color: rgba(171, 129, 26, 0.1);
    border: 1px solid rgba(216, 170, 58, 0.24);
    border-radius: 9px;
    font-size: 0.85rem;
    line-height: 1.5;
    cursor: pointer;
}

    .confirmation-field input[b-nti32ygzio] {
        flex-shrink: 0;
        width: 17px;
        height: 17px;
        margin-top: 2px;
        accent-color: #8c877d;
    }

.declared-period[b-nti32ygzio] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
    padding: 18px;
    background-color: rgba(52, 168, 101, 0.09);
    border: 1px solid rgba(86, 198, 135, 0.24);
    border-radius: 11px;
}

    .declared-period > div[b-nti32ygzio] {
        padding: 10px;
    }

    .declared-period span[b-nti32ygzio] {
        display: block;
        margin-bottom: 5px;
        color: #a9c9b6;
        font-size: 0.72rem;
        font-weight: 750;
        text-transform: uppercase;
    }

    .declared-period strong[b-nti32ygzio] {
        color: #ffffff;
    }

    .declared-period small[b-nti32ygzio] {
        grid-column: 1 / -1;
        color: #a9c9b6;
    }

.declared-period--compact[b-nti32ygzio] {
    max-width: 520px;
    margin: 20px 0;
}

.questions-card__header[b-nti32ygzio] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.answer-progress[b-nti32ygzio] {
    flex-shrink: 0;
    padding: 7px 11px;
    color: #d7d3cc;
    background-color: rgba(255, 255, 255, 0.06);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 800;
}

.question-list[b-nti32ygzio] {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.question-card[b-nti32ygzio] {
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 11px;
}

.question-card--answered[b-nti32ygzio] {
    border-color: rgba(140, 135, 125, 0.48);
}

.question-card__header[b-nti32ygzio] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

    .question-card__header h3[b-nti32ygzio] {
        margin: 4px 0 0;
        color: #ffffff;
        font-size: 1rem;
        line-height: 1.5;
    }

.question-order[b-nti32ygzio] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.3);
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 800;
}

.option-list[b-nti32ygzio] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.exam-option[b-nti32ygzio] {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    padding: 13px;
    color: #d7d3cc;
    background-color: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    cursor: pointer;
}

    .exam-option:hover[b-nti32ygzio] {
        background-color: rgba(255, 255, 255, 0.06);
    }

.exam-option--selected[b-nti32ygzio] {
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.17);
    border-color: rgba(194, 187, 174, 0.58);
}

.exam-option input[b-nti32ygzio] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.option-marker[b-nti32ygzio] {
    display: block;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.32);
    border-radius: 50%;
}

.exam-option--selected .option-marker[b-nti32ygzio] {
    border: 5px solid #c2bbae;
}

.option-text[b-nti32ygzio] {
    line-height: 1.45;
}

.questions-card__footer[b-nti32ygzio] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

    .questions-card__footer > span[b-nti32ygzio] {
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 0.82rem;
    }

.primary-button[b-nti32ygzio],
.primary-link[b-nti32ygzio] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    color: #191919;
    background-color: #ffffff;
    border: 0;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

    .primary-button:hover[b-nti32ygzio],
    .primary-link:hover[b-nti32ygzio] {
        color: #191919;
        background-color: #dedbd5;
    }

    .primary-button:disabled[b-nti32ygzio] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.exam-result[b-nti32ygzio] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 20px;
}

.exam-result__icon[b-nti32ygzio] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 50%;
    font-size: 1.45rem;
    font-weight: 900;
}

.exam-result h2[b-nti32ygzio] {
    margin: 0 0 9px;
    color: #ffffff;
}

.exam-result p[b-nti32ygzio] {
    margin: 0 0 12px;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.55;
}

.exam-result--approved[b-nti32ygzio] {
    border-color: rgba(86, 198, 135, 0.28);
}

    .exam-result--approved .exam-result__icon[b-nti32ygzio] {
        color: #bfffd8;
        background-color: rgba(52, 168, 101, 0.2);
    }

.exam-result--failed[b-nti32ygzio] {
    border-color: rgba(216, 170, 58, 0.3);
}

    .exam-result--failed .exam-result__icon[b-nti32ygzio] {
        color: #fff0bd;
        background-color: rgba(171, 129, 26, 0.22);
    }

.message[b-nti32ygzio] {
    margin: 20px 0;
    padding: 14px 16px;
    border-radius: 8px;
}

    .message ul[b-nti32ygzio] {
        margin: 0;
        padding-left: 18px;
    }

.message--error[b-nti32ygzio] {
    color: #ffd0d0;
    background-color: rgba(180, 45, 45, 0.15);
    border: 1px solid rgba(220, 70, 70, 0.28);
}

.exam-state[b-nti32ygzio] {
    padding: 38px 24px;
    color: var(--frl-color-text-muted, #c7c7c7);
    text-align: center;
}

    .exam-state h1[b-nti32ygzio] {
        margin: 0 0 9px;
        color: #ffffff;
    }

    .exam-state p[b-nti32ygzio] {
        margin: 0;
    }

.validation-message[b-nti32ygzio] {
    color: #ffb7b7;
    font-size: 0.78rem;
}

@media (max-width: 700px) {
    .final-exam-page[b-nti32ygzio] {
        width: min(calc(100% - 24px), 620px);
        margin-top: 24px;
    }

    .exam-hero[b-nti32ygzio],
    .period-card[b-nti32ygzio],
    .questions-card[b-nti32ygzio],
    .exam-result[b-nti32ygzio] {
        padding: 23px;
    }

    .exam-statistics[b-nti32ygzio],
    .period-fields[b-nti32ygzio],
    .declared-period[b-nti32ygzio] {
        grid-template-columns: 1fr;
    }

        .declared-period small[b-nti32ygzio] {
            grid-column: auto;
        }

    .questions-card__header[b-nti32ygzio],
    .questions-card__footer[b-nti32ygzio] {
        flex-direction: column;
    }

    .answer-progress[b-nti32ygzio] {
        align-self: flex-start;
    }

    .questions-card__footer .primary-button[b-nti32ygzio] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .exam-statistics[b-nti32ygzio] {
        grid-template-columns: 1fr;
    }

    .exam-result[b-nti32ygzio] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Learning/LessonRoom.razor.rz.scp.css */
.lesson-room-page[b-1vaumfkqux] {
    width: min(calc(100% - 32px), 920px);
    margin: 36px auto 72px;
}

.back-link[b-1vaumfkqux] {
    display: inline-flex;
    margin-bottom: 24px;
    color: #d7d3cc;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
}

    .back-link:hover[b-1vaumfkqux] {
        color: #ffffff;
    }

.lesson-header[b-1vaumfkqux],
.text-content-card[b-1vaumfkqux],
.quiz-card[b-1vaumfkqux] {
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}

.lesson-header[b-1vaumfkqux] {
    margin-bottom: 24px;
    padding: 32px;
}

.lesson-header__eyebrow[b-1vaumfkqux] {
    display: block;
    margin-bottom: 8px;
    color: #aaa59d;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lesson-header h1[b-1vaumfkqux] {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
}

.lesson-header p[b-1vaumfkqux],
.quiz-card__header p[b-1vaumfkqux] {
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.6;
}

.lesson-metadata[b-1vaumfkqux] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

    .lesson-metadata span[b-1vaumfkqux] {
        padding: 5px 9px;
        color: #d7d3cc;
        background-color: rgba(140, 135, 125, 0.16);
        border-radius: 999px;
        font-size: 0.75rem;
    }

    .lesson-metadata .completed-badge[b-1vaumfkqux] {
        color: #bfffd8;
        background-color: rgba(52, 168, 101, 0.2);
    }

.message[b-1vaumfkqux] {
    margin-bottom: 20px;
    padding: 14px 16px;
    border-radius: 9px;
}

.message--error[b-1vaumfkqux] {
    color: #ffd4d4;
    background-color: rgba(180, 45, 45, 0.2);
    border: 1px solid rgba(255, 105, 105, 0.4);
}

.message--success[b-1vaumfkqux] {
    color: #d4ffe5;
    background-color: rgba(69, 151, 105, 0.2);
    border: 1px solid rgba(86, 198, 135, 0.4);
}

.text-content-card[b-1vaumfkqux] {
    padding: 38px;
}

.lesson-text[b-1vaumfkqux] {
    color: #e2dfd9;
    font-size: 1.02rem;
    line-height: 1.8;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.lesson-footer[b-1vaumfkqux],
.quiz-footer[b-1vaumfkqux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 22px;
    padding: 20px;
    background-color: rgba(32, 37, 40, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
}

.primary-button[b-1vaumfkqux] {
    min-height: 46px;
    padding: 11px 18px;
    color: #191919;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    cursor: pointer;
}

    .primary-button:hover:not(:disabled)[b-1vaumfkqux] {
        background-color: #dedbd5;
    }

    .primary-button:disabled[b-1vaumfkqux] {
        cursor: wait;
        opacity: 0.6;
    }

.completion-information[b-1vaumfkqux] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .completion-information strong[b-1vaumfkqux] {
        color: #bfffd8;
    }

    .completion-information span[b-1vaumfkqux] {
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 0.82rem;
    }

.quiz-card[b-1vaumfkqux] {
    padding: 30px;
}

.quiz-card__header[b-1vaumfkqux] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

    .quiz-card__header h2[b-1vaumfkqux] {
        margin: 0 0 8px;
        color: #ffffff;
        font-size: 1.4rem;
    }

.question-count[b-1vaumfkqux] {
    flex-shrink: 0;
    padding: 7px 11px;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.24);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 800;
}

.quiz-score[b-1vaumfkqux] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 5px 20px;
    margin-bottom: 22px;
    padding: 16px;
    border-radius: 10px;
}

    .quiz-score span[b-1vaumfkqux],
    .quiz-score small[b-1vaumfkqux] {
        grid-column: 1;
    }

    .quiz-score strong[b-1vaumfkqux] {
        grid-column: 2;
        grid-row: 1 / span 2;
        font-size: 1.45rem;
    }

.quiz-score--passed[b-1vaumfkqux] {
    color: #d4ffe5;
    background-color: rgba(69, 151, 105, 0.18);
    border: 1px solid rgba(86, 198, 135, 0.35);
}

.quiz-score--failed[b-1vaumfkqux] {
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.18);
    border: 1px solid rgba(225, 181, 67, 0.35);
}

.question-list[b-1vaumfkqux] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.question-card[b-1vaumfkqux] {
    min-width: 0;
    margin: 0;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 11px;
}

    .question-card legend[b-1vaumfkqux] {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
        padding: 0 0 14px;
        color: #ffffff;
        font-weight: 700;
        line-height: 1.45;
    }

.question-order[b-1vaumfkqux] {
    display: grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    place-items: center;
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.3);
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 800;
}

.option-list[b-1vaumfkqux] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.quiz-option[b-1vaumfkqux] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 13px;
    color: #d7d3cc;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9px;
    cursor: pointer;
    transition: background-color 140ms ease, border-color 140ms ease;
}

    .quiz-option:hover[b-1vaumfkqux] {
        background-color: rgba(255, 255, 255, 0.07);
    }

.quiz-option--selected[b-1vaumfkqux] {
    color: #ffffff;
    background-color: rgba(140, 135, 125, 0.18);
    border-color: rgba(194, 187, 174, 0.5);
}

.quiz-option input[b-1vaumfkqux] {
    width: 17px;
    height: 17px;
    margin-top: 2px;
    accent-color: #8c877d;
}

.lesson-state[b-1vaumfkqux] {
    padding: 44px 24px;
    color: var(--frl-color-text-muted, #c7c7c7);
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    text-align: center;
}

    .lesson-state h1[b-1vaumfkqux] {
        margin: 0 0 8px;
        color: #ffffff;
    }

    .lesson-state p[b-1vaumfkqux] {
        margin: 0;
    }

@media (max-width: 680px) {
    .lesson-room-page[b-1vaumfkqux] {
        width: min(calc(100% - 24px), 560px);
        margin-top: 24px;
    }

    .lesson-header[b-1vaumfkqux],
    .text-content-card[b-1vaumfkqux],
    .quiz-card[b-1vaumfkqux] {
        padding: 22px;
    }

    .quiz-card__header[b-1vaumfkqux],
    .lesson-footer[b-1vaumfkqux],
    .quiz-footer[b-1vaumfkqux] {
        align-items: stretch;
        flex-direction: column;
    }

    .primary-button[b-1vaumfkqux] {
        width: 100%;
    }
}
/* /Components/Pages/Learning/MyCourses.razor.rz.scp.css */
.my-courses-page[b-u2ndt24qrl] {
    width: min(calc(100% - 32px), 1120px);
    margin: 44px auto 72px;
}

.my-courses-page__header[b-u2ndt24qrl] {
    max-width: 720px;
    margin-bottom: 32px;
}

.my-courses-page__eyebrow[b-u2ndt24qrl] {
    display: block;
    margin-bottom: 8px;
    color: #a8a39a;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.my-courses-page__header h1[b-u2ndt24qrl] {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 2.8rem);
}

.my-courses-page__header p[b-u2ndt24qrl] {
    margin: 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    font-size: 1rem;
    line-height: 1.6;
}

.message[b-u2ndt24qrl] {
    margin-bottom: 24px;
    padding: 14px 16px;
    border-radius: 9px;
}

.message--error[b-u2ndt24qrl] {
    color: #ffd4d4;
    background-color: rgba(180, 45, 45, 0.2);
    border: 1px solid rgba(255, 105, 105, 0.4);
}

.courses-state[b-u2ndt24qrl] {
    padding: 52px 24px;
    color: var(--frl-color-text-muted, #c7c7c7);
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    text-align: center;
}

    .courses-state h2[b-u2ndt24qrl] {
        margin: 0 0 8px;
        color: #ffffff;
    }

    .courses-state p[b-u2ndt24qrl] {
        margin: 0;
    }

.my-courses-grid[b-u2ndt24qrl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}

.learning-card[b-u2ndt24qrl] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
    transition: transform 160ms ease, border-color 160ms ease;
}

    .learning-card:hover[b-u2ndt24qrl] {
        transform: translateY(-3px);
        border-color: rgba(140, 135, 125, 0.55);
    }

.learning-card__image[b-u2ndt24qrl],
.learning-card__placeholder[b-u2ndt24qrl] {
    width: 100%;
    height: 190px;
}

.learning-card__image[b-u2ndt24qrl] {
    object-fit: cover;
}

.learning-card__placeholder[b-u2ndt24qrl] {
    display: grid;
    place-items: center;
    color: #d9d5ce;
    background: linear-gradient( 135deg, rgba(140, 135, 125, 0.3), rgba(25, 25, 25, 0.8));
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.learning-card__content[b-u2ndt24qrl] {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 22px;
}

.learning-card__heading[b-u2ndt24qrl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.course-category[b-u2ndt24qrl] {
    color: #aaa59d;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.status-badge[b-u2ndt24qrl] {
    flex-shrink: 0;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
}

.status-badge--available[b-u2ndt24qrl] {
    color: #dcd8ff;
    background-color: rgba(132, 111, 209, 0.2);
}

.status-badge--progress[b-u2ndt24qrl] {
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.22);
}

.status-badge--completed[b-u2ndt24qrl] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
}

.learning-card h2[b-u2ndt24qrl] {
    margin: 13px 0 16px;
    color: #ffffff;
    font-size: 1.18rem;
    line-height: 1.35;
}

.course-information[b-u2ndt24qrl] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 22px;
}

    .course-information span[b-u2ndt24qrl] {
        padding: 5px 9px;
        color: #d7d3cc;
        background-color: rgba(140, 135, 125, 0.16);
        border-radius: 999px;
        font-size: 0.75rem;
    }

.progress-information[b-u2ndt24qrl] {
    margin-top: auto;
}

    .progress-information > div:first-child[b-u2ndt24qrl] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 8px;
        color: var(--frl-color-text-muted, #c7c7c7);
        font-size: 0.8rem;
    }

    .progress-information strong[b-u2ndt24qrl] {
        color: #ffffff;
    }

.progress-bar[b-u2ndt24qrl] {
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 999px;
}

.progress-bar__value[b-u2ndt24qrl] {
    height: 100%;
    background: linear-gradient( 90deg, #8c877d, #c2bbae);
    border-radius: inherit;
    transition: width 220ms ease;
}

.learning-card__footer[b-u2ndt24qrl] {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.course-button[b-u2ndt24qrl] {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    color: #191919;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

    .course-button:hover:not(:disabled)[b-u2ndt24qrl] {
        color: #191919;
        background-color: #dedbd5;
    }

    .course-button:disabled[b-u2ndt24qrl] {
        cursor: wait;
        opacity: 0.6;
    }

.course-unavailable[b-u2ndt24qrl] {
    display: block;
    color: var(--frl-color-text-muted, #c7c7c7);
    font-size: 0.82rem;
    text-align: center;
}

@media (max-width: 640px) {
    .my-courses-page[b-u2ndt24qrl] {
        width: min(calc(100% - 24px), 480px);
        margin-top: 28px;
    }

    .my-courses-grid[b-u2ndt24qrl] {
        grid-template-columns: 1fr;
    }

    .learning-card__image[b-u2ndt24qrl],
    .learning-card__placeholder[b-u2ndt24qrl] {
        height: 180px;
    }
}
/* /Components/Pages/Payments/PaymentReturn.razor.rz.scp.css */
.payment-return-page[b-7m7h7b1laa] {
    display: grid;
    width: min(calc(100% - 32px), 720px);
    min-height: calc(100vh - 170px);
    margin: 0 auto;
    padding: 64px 0;
    place-items: center;
}

.payment-return-card[b-7m7h7b1laa] {
    width: 100%;
    padding: 42px;
    color: #ffffff;
    background-color: var(--frl-color-surface, #202528);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--frl-radius-lg, 16px);
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.25);
    text-align: center;
}

.payment-status-icon[b-7m7h7b1laa] {
    display: grid;
    width: 68px;
    height: 68px;
    margin: 0 auto 22px;
    place-items: center;
    border-radius: 50%;
    font-size: 2rem;
    font-weight: 900;
}

.payment-status-icon--success[b-7m7h7b1laa] {
    color: #bfffd8;
    background-color: rgba(52, 168, 101, 0.2);
    border: 1px solid rgba(86, 198, 135, 0.42);
}

.payment-status-icon--pending[b-7m7h7b1laa] {
    color: #fff0bd;
    background-color: rgba(171, 129, 26, 0.22);
    border: 1px solid rgba(209, 167, 62, 0.38);
}

.payment-status-icon--failed[b-7m7h7b1laa] {
    color: #ffd0d0;
    background-color: rgba(180, 45, 45, 0.22);
    border: 1px solid rgba(215, 78, 78, 0.4);
}

.payment-eyebrow[b-7m7h7b1laa] {
    display: block;
    margin-bottom: 8px;
    color: #aaa59d;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.payment-return-card h1[b-7m7h7b1laa] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.8rem, 5vw, 2.5rem);
}

.payment-description[b-7m7h7b1laa],
.payment-return-card > p[b-7m7h7b1laa] {
    max-width: 560px;
    margin: 14px auto 0;
    color: var(--frl-color-text-muted, #c7c7c7);
    line-height: 1.6;
}

.payment-order[b-7m7h7b1laa] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 30px;
    text-align: left;
}

.payment-order__item[b-7m7h7b1laa] {
    padding: 16px;
    background-color: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9px;
}

    .payment-order__item span[b-7m7h7b1laa] {
        display: block;
        margin-bottom: 5px;
        color: #aaa59d;
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .payment-order__item strong[b-7m7h7b1laa] {
        color: #ffffff;
        font-size: 0.92rem;
    }

.payment-processing-message[b-7m7h7b1laa] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 22px;
    padding: 13px;
    color: #e8dec2;
    background-color: rgba(171, 129, 26, 0.12);
    border: 1px solid rgba(209, 167, 62, 0.2);
    border-radius: 9px;
    font-size: 0.82rem;
    line-height: 1.5;
}

.payment-processing-dot[b-7m7h7b1laa] {
    width: 9px;
    height: 9px;
    flex-shrink: 0;
    background-color: #d1a73e;
    border-radius: 50%;
    animation: payment-pulse-b-7m7h7b1laa 1.2s ease-in-out infinite;
}

.payment-actions[b-7m7h7b1laa] {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}

.payment-primary-action[b-7m7h7b1laa] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    color: #191919;
    background-color: #ffffff;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 800;
    text-decoration: none;
}

    .payment-primary-action:hover[b-7m7h7b1laa] {
        color: #191919;
        background-color: #dedbd5;
    }

@keyframes payment-pulse-b-7m7h7b1laa {
    0%, 100% {
        opacity: 0.45;
        transform: scale(0.85);
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
    }
}

@media (max-width: 600px) {
    .payment-return-page[b-7m7h7b1laa] {
        width: min(calc(100% - 24px), 720px);
        padding: 32px 0;
    }

    .payment-return-card[b-7m7h7b1laa] {
        padding: 30px 20px;
    }

    .payment-order[b-7m7h7b1laa] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/CourseCard.razor.rz.scp.css */
body[b-fe1922iw3z] {
    .course-card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        min-height: 320px;
        overflow: hidden;
        background-color: var(--frl-color-surface);
        border: 1px solid var(--frl-color-border);
        border-radius: var(--frl-radius-md);
    }

    .course-card__thumbnail[b-fe1922iw3z] {
        display: block;
        width: 100%;
        height: 130px;
        flex-shrink: 0;
        overflow: hidden;
    }

        .course-card__thumbnail img[b-fe1922iw3z] {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform var(--frl-transition);
        }

    .course-card:hover .course-card__thumbnail img[b-fe1922iw3z] {
        transform: scale(1.03);
    }

    .course-card__body[b-fe1922iw3z] {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        min-width: 0;
        padding: 18px;
    }

    .course-card__title[b-fe1922iw3z] {
        margin: 0;
        color: var(--frl-color-text);
        font-size: 1.0625rem;
        font-weight: 600;
        line-height: 1.35;
    }

        .course-card__title a:hover[b-fe1922iw3z] {
            color: var(--frl-color-text-muted);
        }

    .course-card__metadata[b-fe1922iw3z] {
        display: flex;
        gap: 8px;
        margin: 0;
        color: var(--frl-color-text-muted);
        font-size: var(--frl-font-size-xs);
    }

    .course-card__description[b-fe1922iw3z] {
        margin: 0;
        color: var(--frl-color-text-muted);
        font-size: 0.8125rem;
    }

    .course-card__link[b-fe1922iw3z] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-top: auto;
        color: var(--frl-color-primary);
        font-size: var(--frl-font-size-sm);
        font-weight: 600;
    }

        .course-card__link:hover[b-fe1922iw3z] {
            color: var(--frl-color-text);
        }

    @media (max-width: 768px) {
        .course-card[b-fe1922iw3z] {
            display: grid;
            grid-template-columns: 128px minmax(0, 1fr);
            min-height: 154px;
            height: 154px;
        }

        .course-card__thumbnail[b-fe1922iw3z] {
            width: 128px;
            height: 154px;
        }

        .course-card__body[b-fe1922iw3z] {
            padding: 18px 16px;
        }

        .course-card__title[b-fe1922iw3z] {
            font-size: var(--frl-font-size-sm);
        }

        .course-card__description[b-fe1922iw3z] {
            display: none;
        }
    }
/* /Components/Shared/CourseLessonPdfUpload.razor.rz.scp.css */
.lesson-pdf-upload[b-41kaeoiyjk] {
    display: grid;
    gap: 10px;
    padding: 18px;
    border: 1px solid #6a6a6a;
    border-radius: 8px;
    background: #4b4b4b;
    color: #ffffff;
}

    .lesson-pdf-upload label[b-41kaeoiyjk] {
        color: #ffffff;
        font-weight: 600;
    }

    .lesson-pdf-upload p[b-41kaeoiyjk] {
        margin: 0;
        overflow-wrap: anywhere;
    }

    .lesson-pdf-upload small[b-41kaeoiyjk] {
        color: #dedede;
        line-height: 1.5;
    }

    .lesson-pdf-upload[b-41kaeoiyjk]  .lesson-pdf-file {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        padding: 10px;
        border: 1px solid #b5b5b5;
        border-radius: 6px;
        background: #dedede;
        color: #2b2b2b;
        color-scheme: light;
        font: inherit;
    }

.lesson-pdf-remove[b-41kaeoiyjk] {
    justify-self: start;
    padding: 8px 12px;
    border: 1px solid #808080;
    border-radius: 6px;
    background: #292929;
    color: #ffffff;
    cursor: pointer;
}

    .lesson-pdf-remove:disabled[b-41kaeoiyjk] {
        opacity: .6;
        cursor: not-allowed;
    }

.lesson-pdf-upload .lesson-pdf-error[b-41kaeoiyjk] {
    color: #ffe0e0;
}
/* /Components/Shared/LessonPdfViewer.razor.rz.scp.css */
.lesson-pdf-viewer[b-zmrsykcire] {
    margin-top: 24px;
    border: 1px solid #6a6a6a;
    border-radius: 9px;
    overflow: hidden;
    background: #555555;
}

.lesson-pdf-viewer__heading[b-zmrsykcire] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
}

    .lesson-pdf-viewer__heading h2[b-zmrsykcire] {
        margin: 0;
        color: #ffffff;
        font-size: 18px;
    }

    .lesson-pdf-viewer__heading a[b-zmrsykcire] {
        color: #ffffff;
        text-decoration: underline;
        font-size: 13px;
    }

.lesson-pdf-viewer iframe[b-zmrsykcire] {
    display: block;
    width: 100%;
    height: 75vh;
    min-height: 480px;
    border: 0;
    background: #ffffff;
}

@media (max-width: 640px) {
    .lesson-pdf-viewer__heading[b-zmrsykcire] {
        flex-direction: column;
        align-items: flex-start;
    }

    .lesson-pdf-viewer iframe[b-zmrsykcire] {
        height: 65vh;
        min-height: 360px;
    }
}