/* /Views/Bases/RichTextEditor.razor.rz.scp.css */
.rich-editor-wrapper[b-2pjednxgp5] {
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-input);
    overflow: hidden;
    background: var(--ofy-surface);
}

    .rich-editor-wrapper .ql-toolbar[b-2pjednxgp5] {
        border: none;
        border-bottom: 1px solid var(--ofy-border);
        background: var(--ofy-brand-light);
    }

    .rich-editor-wrapper .ql-container[b-2pjednxgp5] {
        border: none;
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        color: var(--ofy-text-body);
    }

    .rich-editor-wrapper .ql-editor[b-2pjednxgp5] {
        padding: 12px 16px;
        line-height: 1.7;
    }

        .rich-editor-wrapper .ql-editor.ql-blank[b-2pjednxgp5]::before {
            color: var(--ofy-text-tertiary);
            font-style: normal;
        }
/* /Views/Components/Account/Pages/Billing.razor.rz.scp.css */
.billing-page[b-uitivqe01z] {
    min-height: 100vh;
    padding: 48px 0 80px;
    background: var(--ofy-bg);
}

.billing-container[b-uitivqe01z] {
    max-width: 1040px;
}

.billing-success[b-uitivqe01z] {
    margin-top: 22px;
}

.billing-section[b-uitivqe01z] {
    margin-top: 38px;
}

.billing-heading[b-uitivqe01z] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.billing-heading h2[b-uitivqe01z],
.billing-heading p[b-uitivqe01z] {
    margin: 0;
}

.billing-heading h2[b-uitivqe01z] {
    color: var(--ofy-text-primary);
    font-size: 21px;
}

.billing-heading p[b-uitivqe01z] {
    margin-top: 5px;
    color: var(--ofy-text-secondary);
    font-size: 13px;
}

.billing-subscriptions[b-uitivqe01z] {
    display: grid;
    gap: 12px;
}

.billing-subscription[b-uitivqe01z] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 15px;
    align-items: center;
    padding: 20px 22px;
}

.billing-plan-icon[b-uitivqe01z] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 14px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
}

.billing-subscription-copy[b-uitivqe01z] {
    display: grid;
    gap: 5px;
}

.billing-subscription-copy > div[b-uitivqe01z] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.billing-subscription h3[b-uitivqe01z],
.billing-subscription p[b-uitivqe01z] {
    margin: 0;
}

.billing-subscription h3[b-uitivqe01z] {
    font-size: 16px;
}

.billing-subscription p[b-uitivqe01z] {
    color: var(--ofy-text-primary);
    font-size: 13px;
    font-weight: 600;
}

.billing-subscription-copy > span[b-uitivqe01z] {
    color: var(--ofy-text-secondary);
    font-size: 11px;
}

.billing-cancel-confirm[b-uitivqe01z] {
    display: grid;
    max-width: 270px;
    gap: 7px;
    justify-items: end;
    color: var(--ofy-text-secondary);
    text-align: right;
}

.billing-cancel-confirm > div[b-uitivqe01z] {
    display: flex;
    gap: 5px;
}

.billing-empty[b-uitivqe01z] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 24px;
    color: var(--ofy-text-secondary);
}

.billing-empty > i[b-uitivqe01z] {
    color: var(--ofy-accent);
    font-size: 21px;
}

.billing-empty > div[b-uitivqe01z] {
    display: grid;
    gap: 4px;
}

.billing-empty strong[b-uitivqe01z] {
    color: var(--ofy-text-primary);
}

.billing-payments[b-uitivqe01z] {
    padding: 0;
    overflow: hidden;
}

.billing-table-wrap[b-uitivqe01z] {
    overflow-x: auto;
}

.billing-payments td strong[b-uitivqe01z],
.billing-payments td small[b-uitivqe01z] {
    display: block;
}

.billing-payments td small[b-uitivqe01z] {
    margin-top: 3px;
    color: var(--ofy-text-secondary);
}

.billing-amount[b-uitivqe01z] {
    text-align: right;
}

@media (max-width: 680px) {
    .billing-heading[b-uitivqe01z] {
        align-items: stretch;
        flex-direction: column;
    }

    .billing-subscription[b-uitivqe01z] {
        grid-template-columns: 48px minmax(0, 1fr);
        padding: 18px;
    }

    .billing-subscription > button[b-uitivqe01z] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Views/Components/Account/Pages/Checkout.razor.rz.scp.css */
.checkout-page[b-v762ii1pwa] {
    min-height: 100vh;
    padding: 48px 0 80px;
    background: var(--ofy-bg);
}

.checkout-container[b-v762ii1pwa] {
    max-width: 980px;
}

.checkout-back[b-v762ii1pwa] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 20px;
    color: var(--ofy-text-secondary);
    font-size: 13px;
    text-decoration: none;
}

.checkout-grid[b-v762ii1pwa] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 22px;
    align-items: start;
}

.checkout-summary[b-v762ii1pwa],
.checkout-payment[b-v762ii1pwa] {
    padding: 30px;
}

.checkout-plan-icon[b-v762ii1pwa] {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: 16px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
    font-size: 23px;
}

.checkout-eyebrow[b-v762ii1pwa] {
    display: block;
    margin-top: 24px;
    color: var(--ofy-accent);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.checkout-summary h1[b-v762ii1pwa] {
    margin: 6px 0 10px;
    font-size: 30px;
}

.checkout-summary > p[b-v762ii1pwa] {
    color: var(--ofy-text-body);
    line-height: 1.7;
}

.checkout-options[b-v762ii1pwa] {
    display: grid;
    gap: 10px;
    margin-top: 28px;
}

.checkout-option[b-v762ii1pwa] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-input);
    cursor: pointer;
}

.checkout-option.is-selected[b-v762ii1pwa] {
    border-color: var(--ofy-accent);
    background: var(--ofy-accent-tint);
}

.checkout-option span[b-v762ii1pwa],
.checkout-price[b-v762ii1pwa] {
    display: grid;
    gap: 4px;
}

.checkout-option small[b-v762ii1pwa],
.checkout-price small[b-v762ii1pwa] {
    color: var(--ofy-text-secondary);
}

.checkout-option em[b-v762ii1pwa] {
    color: var(--ofy-accent);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
}

.checkout-price[b-v762ii1pwa] {
    margin-top: 28px;
    padding: 18px;
    border-radius: var(--ofy-radius-input);
    background: var(--ofy-surface-alt);
}

.checkout-price strong[b-v762ii1pwa] {
    font-size: 22px;
}

.checkout-trial-form[b-v762ii1pwa] {
    display: grid;
    gap: 14px;
    margin-top: 28px;
}

.checkout-trial-form .checkout-price[b-v762ii1pwa] {
    margin-top: 0;
}

.checkout-payment > header[b-v762ii1pwa] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.checkout-payment > header > i[b-v762ii1pwa] {
    color: var(--ofy-accent);
}

.checkout-payment h2[b-v762ii1pwa],
.checkout-payment header p[b-v762ii1pwa] {
    margin: 0;
}

.checkout-payment header p[b-v762ii1pwa] {
    margin-top: 3px;
    color: var(--ofy-text-secondary);
    font-size: 11px;
}

.checkout-simulation[b-v762ii1pwa] {
    display: flex;
    gap: 10px;
    margin: 22px 0;
    padding: 13px;
    border-radius: var(--ofy-radius-input);
    background: var(--ofy-info-bg);
    color: var(--ofy-info);
}

.checkout-simulation div[b-v762ii1pwa] {
    display: grid;
    gap: 3px;
    font-size: 11px;
}

.checkout-payment dl[b-v762ii1pwa] {
    display: grid;
    gap: 0;
    margin: 0 0 22px;
}

.checkout-payment dl > div[b-v762ii1pwa] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 11px 0;
    border-bottom: 1px solid var(--ofy-divider);
}

.checkout-payment dt[b-v762ii1pwa] {
    color: var(--ofy-text-secondary);
    font-weight: 500;
}

.checkout-payment dd[b-v762ii1pwa] {
    margin: 0;
    color: var(--ofy-text-primary);
    font-weight: 600;
    text-align: right;
}

.checkout-payment .checkout-total[b-v762ii1pwa] {
    padding-top: 16px;
    border: 0;
    font-size: 17px;
}

.checkout-submit[b-v762ii1pwa] {
    width: 100%;
}

.checkout-terms[b-v762ii1pwa] {
    display: block;
    margin-top: 12px;
    color: var(--ofy-text-tertiary);
    text-align: center;
}

@media (max-width: 760px) {
    .checkout-grid[b-v762ii1pwa] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Components/Account/Pages/Login.razor.rz.scp.css */
/* ── Login Page — Split-Screen Layout ── */

.login-split[b-goh281dx1o] {
    display: flex;
    flex: 1;
    min-height: 0;
}

/* ── Left Panel ── */

.login-left[b-goh281dx1o] {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 40px;
    background: var(--ofy-bg);
}

.login-left-content[b-goh281dx1o] {
    width: 100%;
    max-width: 420px;
}

/* Logo */
.login-logo[b-goh281dx1o] {
    margin-bottom: 36px;
}

.login-logo a[b-goh281dx1o] {
    text-decoration: none;
}

.login-logo .logo-text[b-goh281dx1o] {
    font-family: "Poppins", "Inter", sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--ofy-text-primary);
    letter-spacing: -0.02em;
}

.login-brand-subtitle[b-goh281dx1o] {
    font-size: 13px;
    color: var(--ofy-text-secondary);
    margin: 4px 0 0;
}

/* Heading */
.login-heading[b-goh281dx1o] {
    font-family: "Inter", sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: var(--ofy-text-primary);
    margin-bottom: 8px;
    letter-spacing: -0.01em;
}

.login-description[b-goh281dx1o] {
    font-size: 14px;
    color: var(--ofy-text-secondary);
    line-height: 1.55;
    margin-bottom: 28px;
}

/* Input icon wrapper */
.input-icon-wrapper[b-goh281dx1o] {
    position: relative;
}

.input-icon-wrapper .form-input[b-goh281dx1o] {
    padding-right: 44px;
}

.input-icon-end[b-goh281dx1o] {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ofy-text-tertiary);
    font-size: 14px;
    pointer-events: none;
}

/* Options row */
.login-options-row[b-goh281dx1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.login-forgot-link[b-goh281dx1o] {
    font-size: 13px;
    font-weight: 500;
    color: var(--ofy-accent);
    text-decoration: none;
    transition: opacity 200ms ease;
}

.login-forgot-link:hover[b-goh281dx1o] {
    opacity: 0.8;
}

/* Submit button */
.login-submit-btn[b-goh281dx1o] {
    width: 100%;
    padding: 14px 24px;
    font-size: 15px;
    font-weight: 600;
}

/* Divider */
.login-divider[b-goh281dx1o] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 28px 0;
}

.login-divider[b-goh281dx1o]::before,
.login-divider[b-goh281dx1o]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--ofy-border);
}

.login-divider span[b-goh281dx1o] {
    font-size: 11px;
    font-weight: 600;
    color: var(--ofy-text-tertiary);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Social buttons */
.login-social-buttons[b-goh281dx1o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 24px;
}

.login-social-btn[b-goh281dx1o] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    background: var(--ofy-surface);
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-input);
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--ofy-text-strong-secondary);
    cursor: pointer;
    text-decoration: none;
    transition: background 200ms ease, box-shadow 200ms ease;
}

.login-social-btn:hover:not(:disabled)[b-goh281dx1o] {
    background: var(--ofy-surface-alt);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.login-social-btn:disabled[b-goh281dx1o] {
    opacity: 0.7;
    cursor: not-allowed;
}

.login-social-btn svg[b-goh281dx1o] {
    flex-shrink: 0;
}

/* Security card */
.login-security-card[b-goh281dx1o] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px;
    background: var(--ofy-surface-alt);
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-md);
    margin-bottom: 24px;
}

.login-security-icon[b-goh281dx1o] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ofy-accent-tint);
    border-radius: var(--ofy-radius-input);
    color: var(--ofy-accent);
    font-size: 16px;
    flex-shrink: 0;
}

.login-security-title[b-goh281dx1o] {
    font-size: 13px;
    font-weight: 700;
    color: var(--ofy-text-primary);
    margin: 0 0 4px;
}

.login-security-text[b-goh281dx1o] {
    font-size: 12px;
    color: var(--ofy-text-secondary);
    line-height: 1.5;
    margin: 0;
}

/* Register link */
.login-register-text[b-goh281dx1o] {
    text-align: center;
    font-size: 14px;
    color: var(--ofy-text-secondary);
    margin: 0;
}

.login-register-text a[b-goh281dx1o] {
    color: var(--ofy-accent);
    font-weight: 600;
    text-decoration: none;
}

.login-register-text a:hover[b-goh281dx1o] {
    text-decoration: underline;
}

/* ── Right Panel ── */

.login-right[b-goh281dx1o] {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 40px;
    background: var(--ofy-surface-alt);
    position: relative;
    overflow: hidden;
}

/* Decorative blurred bubbles */
.login-right[b-goh281dx1o]::before,
.login-right[b-goh281dx1o]::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(42px);
    opacity: 0.35;
    pointer-events: none;
}

.login-right[b-goh281dx1o]::before {
    width: 280px;
    height: 280px;
    background: var(--ofy-accent);
    top: -60px;
    right: -40px;
}

.login-right[b-goh281dx1o]::after {
    width: 200px;
    height: 200px;
    background: var(--ofy-text-primary);
    bottom: -40px;
    left: -30px;
    opacity: 0.08;
}

.login-right-content[b-goh281dx1o] {
    width: 100%;
    max-width: 480px;
    position: relative;
    z-index: 1;
}

/* Pill badge */
.login-pill[b-goh281dx1o] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
    border: 1px solid var(--ofy-accent-tint-strong);
    border-radius: var(--ofy-radius-pill);
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 24px;
}

.login-pill i[b-goh281dx1o] {
    font-size: 12px;
}

/* Right heading */
.login-right-heading[b-goh281dx1o] {
    font-family: "Inter", sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: var(--ofy-text-primary);
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin-bottom: 14px;
}

.login-right-description[b-goh281dx1o] {
    font-size: 14px;
    color: var(--ofy-text-secondary);
    line-height: 1.6;
    margin-bottom: 32px;
    max-width: 400px;
}

/* Stats grid */
.login-stats-grid[b-goh281dx1o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 32px;
}

.login-stat-card[b-goh281dx1o] {
    background: var(--ofy-surface);
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-md);
    padding: 18px 20px;
    text-align: center;
    box-shadow: var(--ofy-shadow-subtle);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.login-stat-value[b-goh281dx1o] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--ofy-text-primary);
    margin-bottom: 4px;
}

.login-stat-icon[b-goh281dx1o] {
    font-size: 1.75rem;
    color: var(--ofy-accent);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ofy-accent-tint);
    border-radius: var(--ofy-radius-input);
}

.login-stat-label[b-goh281dx1o] {
    font-size: 12px;
    font-weight: 500;
    color: var(--ofy-text-secondary);
}

/* Feature list */
.login-features-list[b-goh281dx1o] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.login-features-list li[b-goh281dx1o] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--ofy-text-body);
    line-height: 1.43;
}

.login-feature-check[b-goh281dx1o] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
    border-radius: var(--ofy-radius-pill);
    font-size: 11px;
    flex-shrink: 0;
}

/* ── Footer ── */

.login-footer[b-goh281dx1o] {
    background: var(--ofy-brand-light);
    border-top: 1px solid var(--ofy-border);
    padding: 16px 40px;
}

.login-footer-inner[b-goh281dx1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1120px;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 24px;
}

.login-footer-left[b-goh281dx1o],
.login-footer-right[b-goh281dx1o] {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 12px;
    color: var(--ofy-text-secondary);
    flex-wrap: wrap;
}

.login-footer-left a[b-goh281dx1o],
.login-footer-right a[b-goh281dx1o] {
    color: var(--ofy-text-secondary);
    text-decoration: none;
    transition: color 150ms ease;
    font-size: 12px;
}

.login-footer-left a:hover[b-goh281dx1o],
.login-footer-right a:hover[b-goh281dx1o] {
    color: var(--ofy-accent);
}

.login-footer-version[b-goh281dx1o] {
    font-weight: 600;
    color: var(--ofy-text-tertiary);
}

/* ── Responsive ── */

@media (max-width: 980px) {
    .login-split[b-goh281dx1o] {
        flex-direction: column;
    }

    .login-left[b-goh281dx1o],
    .login-right[b-goh281dx1o] {
        flex: none;
        max-width: 100%;
        width: 100%;
    }

    .login-left[b-goh281dx1o] {
        padding: 40px 24px;
    }

    .login-right[b-goh281dx1o] {
        padding: 40px 24px;
    }

    .login-left-content[b-goh281dx1o],
    .login-right-content[b-goh281dx1o] {
        max-width: 520px;
        margin: 0 auto;
    }

    .login-right-heading[b-goh281dx1o] {
        font-size: 24px;
    }
}

@media (max-width: 640px) {
    .login-left[b-goh281dx1o] {
        padding: 32px 20px;
    }

    .login-right[b-goh281dx1o] {
        padding: 32px 20px;
    }

    .login-heading[b-goh281dx1o] {
        font-size: 1.6rem;
    }

    .login-stats-grid[b-goh281dx1o] {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .login-stat-card[b-goh281dx1o] {
        padding: 14px 12px;
    }

    .login-footer[b-goh281dx1o] {
        padding: 16px 20px;
    }

    .login-footer-inner[b-goh281dx1o] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .login-footer-left[b-goh281dx1o],
    .login-footer-right[b-goh281dx1o] {
        flex-wrap: wrap;
        gap: 12px;
    }
}
/* /Views/Components/Account/Pages/MySessions.razor.rz.scp.css */
.my-sessions-page[b-6tr173og7j] {
    min-height: calc(100vh - 72px);
    background:
        radial-gradient(circle at 90% 0, color-mix(in srgb, var(--ofy-primary) 8%, transparent), transparent 28rem),
        var(--ofy-page-bg, #f8fafc);
}

.my-sessions-container[b-6tr173og7j] {
    max-width: 1060px;
    padding: 56px 24px 80px;
}

.my-sessions-hero[b-6tr173og7j] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 30px;
}

.my-sessions-eyebrow[b-6tr173og7j] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--ofy-primary);
    font-size: 13px;
    font-weight: 750;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.my-sessions-hero h1[b-6tr173og7j] {
    margin: 0;
    color: var(--ofy-text-primary, #101828);
    font-size: clamp(32px, 5vw, 46px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.my-sessions-hero p[b-6tr173og7j] {
    max-width: 620px;
    margin: 12px 0 0;
    color: var(--ofy-text-secondary, #667085);
    font-size: 17px;
    line-height: 1.6;
}

.my-sessions-create[b-6tr173og7j] {
    flex: 0 0 auto;
}

.my-sessions-loading[b-6tr173og7j] {
    min-height: 320px;
    display: grid;
    place-items: center;
}

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

.my-sessions-summary-item[b-6tr173og7j] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 17px 18px;
    border: 1px solid var(--ofy-border, #e4e7ec);
    border-radius: 16px;
    background: #fff;
}

.my-sessions-summary-icon[b-6tr173og7j] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--ofy-primary) 11%, white);
    color: var(--ofy-primary);
}

.my-sessions-summary-item div[b-6tr173og7j] {
    display: flex;
    flex-direction: column;
}

.my-sessions-summary-item strong[b-6tr173og7j] {
    color: var(--ofy-text-primary, #101828);
    font-size: 21px;
    line-height: 1.1;
}

.my-sessions-summary-item span:last-child[b-6tr173og7j] {
    margin-top: 3px;
    color: var(--ofy-text-secondary, #667085);
    font-size: 12px;
}

.my-sessions-list[b-6tr173og7j] {
    display: grid;
    gap: 16px;
}

.session-card[b-6tr173og7j] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--ofy-border, #e4e7ec);
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(16, 24, 40, .035);
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.session-card:hover[b-6tr173og7j] {
    border-color: color-mix(in srgb, var(--ofy-primary) 30%, var(--ofy-border));
    box-shadow: 0 10px 28px rgba(16, 24, 40, .07);
    transform: translateY(-1px);
}

.session-card-accent[b-6tr173og7j] {
    display: flex;
    justify-content: center;
    padding-top: 27px;
    background: color-mix(in srgb, var(--ofy-primary) 9%, white);
    color: var(--ofy-primary);
    font-size: 18px;
}

.session-card-content[b-6tr173og7j] {
    min-width: 0;
    padding: 24px 25px 22px;
}

.session-card-heading[b-6tr173og7j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.session-card-heading h2[b-6tr173og7j] {
    margin: 9px 0 0;
    color: var(--ofy-text-primary, #101828);
    font-size: 20px;
    line-height: 1.35;
}

.session-card-badges[b-6tr173og7j] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.session-badge[b-6tr173og7j] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #f2f4f7;
    color: #667085;
    font-size: 11px;
    font-weight: 700;
}

.session-badge-public[b-6tr173og7j] {
    background: color-mix(in srgb, var(--ofy-primary) 11%, white);
    color: color-mix(in srgb, var(--ofy-primary) 76%, #064e3b);
}

.session-badge-proposals[b-6tr173og7j] {
    background: #eef4ff;
    color: #3538cd;
}

.session-card-actions[b-6tr173og7j] {
    display: flex;
    gap: 6px;
}

.session-action[b-6tr173og7j] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease;
}

.session-action-edit[b-6tr173og7j] {
    color: var(--ofy-text-secondary, #667085);
}

.session-action-edit:hover[b-6tr173og7j] {
    background: color-mix(in srgb, var(--ofy-primary) 10%, white);
    color: var(--ofy-primary);
}

.session-action-delete[b-6tr173og7j] {
    color: #d92d20;
}

.session-action-delete:hover[b-6tr173og7j] {
    background: #fef3f2;
}

.session-card-abstract[b-6tr173og7j] {
    display: -webkit-box;
    overflow: hidden;
    margin: 15px 0 0;
    color: var(--ofy-text-secondary, #667085);
    font-size: 14px;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.session-card-meta[b-6tr173og7j] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    margin-top: 19px;
    padding-top: 17px;
    border-top: 1px solid #eaecf0;
}

.session-card-meta span[b-6tr173og7j] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--ofy-text-secondary, #667085);
    font-size: 12px;
}

.session-card-meta i[b-6tr173og7j] {
    color: var(--ofy-primary);
}

.session-card-mobile-actions[b-6tr173og7j] {
    display: none;
}

.my-sessions-empty[b-6tr173og7j] {
    padding: 64px 28px;
    border: 1px dashed color-mix(in srgb, var(--ofy-primary) 28%, var(--ofy-border));
    border-radius: 22px;
    background: #fff;
    text-align: center;
}

.my-sessions-empty-icon[b-6tr173og7j] {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    border-radius: 20px;
    background: color-mix(in srgb, var(--ofy-primary) 11%, white);
    color: var(--ofy-primary);
    font-size: 28px;
}

.my-sessions-empty h2[b-6tr173og7j] {
    margin: 0;
    font-size: 25px;
}

.my-sessions-empty p[b-6tr173og7j] {
    max-width: 520px;
    margin: 10px auto 24px;
    color: var(--ofy-text-secondary, #667085);
    line-height: 1.6;
}

@media (max-width: 720px) {
    .my-sessions-container[b-6tr173og7j] {
        padding: 36px 16px 56px;
    }

    .my-sessions-hero[b-6tr173og7j] {
        align-items: stretch;
        flex-direction: column;
    }

    .my-sessions-create[b-6tr173og7j] {
        align-self: flex-start;
    }

    .my-sessions-summary[b-6tr173og7j] {
        grid-template-columns: 1fr;
    }

    .session-card[b-6tr173og7j] {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .session-card-content[b-6tr173og7j] {
        padding: 20px 18px 18px;
    }

    .session-card-actions[b-6tr173og7j] {
        display: none;
    }

    .session-card-mobile-actions[b-6tr173og7j] {
        display: flex;
        gap: 8px;
        margin-top: 18px;
    }
}
/* /Views/Components/Account/Pages/Plans.razor.rz.scp.css */
.account-plans-page[b-8ax174qgfo] {
    min-height: 100vh;
    padding: 48px 0 72px;
    background: var(--ofy-bg);
}

.account-plans-container[b-8ax174qgfo] {
    max-width: 1120px;
}

.plans-notice[b-8ax174qgfo] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 24px 0 36px;
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--ofy-info) 24%, var(--ofy-border));
    border-radius: var(--ofy-radius-input);
    background: var(--ofy-info-bg);
    color: var(--ofy-info);
    font-size: 13px;
}

.plan-category[b-8ax174qgfo] {
    margin-top: 40px;
}

.plan-category > header[b-8ax174qgfo] {
    margin-bottom: 18px;
}

.plan-category h2[b-8ax174qgfo] {
    margin: 0;
    color: var(--ofy-text-primary);
    font-size: 22px;
}

.plan-category header p[b-8ax174qgfo] {
    margin: 6px 0 0;
    color: var(--ofy-text-secondary);
    font-size: 14px;
}

.plan-grid[b-8ax174qgfo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.plan-card[b-8ax174qgfo] {
    position: relative;
    display: flex;
    min-height: 330px;
    flex-direction: column;
    padding: 24px;
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-card);
    background: var(--ofy-surface);
    box-shadow: var(--ofy-shadow-subtle);
}

.plan-card.is-selected[b-8ax174qgfo] {
    border-color: var(--ofy-accent);
    box-shadow: 0 0 0 3px var(--ofy-accent-tint);
}

.plan-icon[b-8ax174qgfo] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
    font-size: 19px;
}

.plan-selected-badge[b-8ax174qgfo] {
    position: absolute;
    top: 22px;
    right: 22px;
    padding: 5px 9px;
    border-radius: var(--ofy-radius-pill);
    background: var(--ofy-success-bg);
    color: var(--ofy-success);
    font-size: 10px;
    font-weight: 700;
}

.plan-card h3[b-8ax174qgfo] {
    margin: 22px 0 5px;
    color: var(--ofy-text-primary);
    font-size: 20px;
}

.plan-target[b-8ax174qgfo] {
    margin: 0;
    color: var(--ofy-accent);
    font-size: 12px;
    font-weight: 600;
}

.plan-description[b-8ax174qgfo] {
    margin: 16px 0;
    color: var(--ofy-text-body);
    font-size: 13px;
    line-height: 1.6;
}

.plan-price[b-8ax174qgfo] {
    margin-top: auto;
    margin-bottom: 18px;
    color: var(--ofy-text-primary);
    font-size: 17px;
}

.plan-availability[b-8ax174qgfo] {
    display: block;
    margin-top: 9px;
    color: var(--ofy-warning);
    font-size: 11px;
    text-align: center;
}

@media (max-width: 900px) {
    .plan-grid[b-8ax174qgfo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .account-plans-page[b-8ax174qgfo] {
        padding-top: 28px;
    }

    .plan-grid[b-8ax174qgfo] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Components/Account/Pages/Profile.razor.rz.scp.css */
.account-profile-page[b-2b1g4p44wn] {
    min-height: calc(100vh - 72px);
    background: var(--ofy-bg);
}

.account-profile-container[b-2b1g4p44wn] {
    max-width: 1180px;
    padding: 48px 24px 72px;
}

.account-profile-grid[b-2b1g4p44wn] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.account-profile-sidebar[b-2b1g4p44wn] {
    display: grid;
    gap: 18px;
    position: sticky;
    top: 92px;
}

.profile-identity-card[b-2b1g4p44wn],
.profile-shortcuts[b-2b1g4p44wn],
.profile-panel[b-2b1g4p44wn] {
    background: var(--ofy-surface);
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-card);
    box-shadow: var(--ofy-shadow-card);
}

.profile-identity-card[b-2b1g4p44wn] {
    padding: 28px 24px 24px;
    text-align: center;
}

.profile-avatar-wrap[b-2b1g4p44wn] {
    position: relative;
    width: 112px;
    height: 112px;
    margin: 0 auto 16px;
}

.profile-avatar-image[b-2b1g4p44wn],
.profile-avatar-fallback[b-2b1g4p44wn] {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    border: 4px solid var(--ofy-surface);
    box-shadow: 0 0 0 2px var(--ofy-border), 0 10px 24px rgba(17, 24, 39, .12);
}

.profile-avatar-image[b-2b1g4p44wn] {
    object-fit: cover;
}

.profile-avatar-fallback[b-2b1g4p44wn] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, var(--ofy-accent), var(--ofy-success));
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .03em;
}

.profile-avatar-edit[b-2b1g4p44wn] {
    position: absolute;
    right: 0;
    bottom: 4px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--ofy-surface);
    border-radius: 50%;
    background: var(--ofy-accent);
    color: #fff;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
}

.profile-avatar-edit:hover[b-2b1g4p44wn] {
    background: var(--ofy-success);
    transform: translateY(-1px);
}

.profile-avatar-edit[b-2b1g4p44wn]  input,
.profile-photo-actions[b-2b1g4p44wn]  input {
    display: none;
}

.profile-identity-copy h2[b-2b1g4p44wn] {
    margin: 0;
    color: var(--ofy-text-primary);
    font-size: 21px;
    font-weight: 700;
}

.profile-identity-copy > p[b-2b1g4p44wn] {
    margin: 5px 0 10px;
    color: var(--ofy-text-secondary);
    font-size: 14px;
    overflow-wrap: anywhere;
}

.profile-member-meta[b-2b1g4p44wn] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--ofy-text-secondary);
    font-size: 12px;
}

.profile-member-meta i[b-2b1g4p44wn] {
    color: var(--ofy-accent);
}

.profile-photo-actions[b-2b1g4p44wn] {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 20px;
}

.profile-photo-actions label[b-2b1g4p44wn] {
    margin: 0;
    cursor: pointer;
}

.profile-remove-photo[b-2b1g4p44wn] {
    color: var(--ofy-danger);
}

.profile-upload-state[b-2b1g4p44wn],
.profile-photo-error[b-2b1g4p44wn] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    font-size: 13px;
}

.profile-upload-state[b-2b1g4p44wn] {
    color: var(--ofy-accent);
}

.profile-photo-error[b-2b1g4p44wn] {
    color: var(--ofy-danger);
}

.profile-shortcuts[b-2b1g4p44wn] {
    padding: 8px;
}

.profile-shortcut[b-2b1g4p44wn] {
    display: grid;
    grid-template-columns: 38px 1fr auto;
    gap: 11px;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    color: var(--ofy-text-primary);
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}

.profile-shortcut:hover[b-2b1g4p44wn] {
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
}

.profile-shortcut-icon[b-2b1g4p44wn] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
}

.profile-shortcut strong[b-2b1g4p44wn],
.profile-shortcut small[b-2b1g4p44wn] {
    display: block;
}

.profile-shortcut strong[b-2b1g4p44wn] {
    font-size: 14px;
    font-weight: 600;
}

.profile-shortcut small[b-2b1g4p44wn] {
    margin-top: 2px;
    color: var(--ofy-text-secondary);
    font-size: 11px;
}

.profile-shortcut > i[b-2b1g4p44wn] {
    color: var(--ofy-text-tertiary);
    font-size: 11px;
}

.account-profile-content[b-2b1g4p44wn] {
    display: grid;
    gap: 24px;
}

.profile-panel[b-2b1g4p44wn] {
    padding: 26px;
}

.profile-panel-header[b-2b1g4p44wn] {
    display: flex;
    gap: 14px;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--ofy-border);
}

.profile-panel-icon[b-2b1g4p44wn] {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
    font-size: 17px;
}

.profile-panel-header h2[b-2b1g4p44wn] {
    margin: 0;
    color: var(--ofy-text-primary);
    font-size: 18px;
    font-weight: 700;
}

.profile-panel-header p[b-2b1g4p44wn] {
    margin: 4px 0 0;
    color: var(--ofy-text-secondary);
    font-size: 13px;
}

.profile-details-grid[b-2b1g4p44wn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding-top: 20px;
}

.profile-detail[b-2b1g4p44wn] {
    min-width: 0;
    padding: 15px 16px;
    border: 1px solid var(--ofy-border);
    border-radius: 12px;
    background: var(--ofy-bg);
}

.profile-detail span[b-2b1g4p44wn],
.profile-speaker-summary span[b-2b1g4p44wn] {
    display: block;
    margin-bottom: 5px;
    color: var(--ofy-text-secondary);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.profile-detail strong[b-2b1g4p44wn] {
    display: block;
    color: var(--ofy-text-primary);
    font-size: 14px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.profile-setting[b-2b1g4p44wn] {
    padding: 22px 0;
}

.profile-setting + .profile-setting[b-2b1g4p44wn] {
    border-top: 1px solid var(--ofy-border);
}

.profile-setting-copy label[b-2b1g4p44wn] {
    display: block;
    color: var(--ofy-text-primary);
    font-size: 14px;
    font-weight: 600;
}

.profile-setting-copy p[b-2b1g4p44wn] {
    margin: 5px 0 0;
    color: var(--ofy-text-secondary);
    font-size: 13px;
}

.profile-notification-switch[b-2b1g4p44wn] {
    position: relative;
    display: inline-flex;
    width: 48px;
    height: 28px;
    flex: 0 0 auto;
}

.profile-notification-setting[b-2b1g4p44wn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.profile-notification-switch input[b-2b1g4p44wn] {
    width: 0;
    height: 0;
    opacity: 0;
}

.profile-notification-switch-slider[b-2b1g4p44wn] {
    position: absolute;
    inset: 0;
    cursor: pointer;
    border-radius: 999px;
    background: var(--ofy-border);
    transition: 160ms ease;
}

.profile-notification-switch-slider[b-2b1g4p44wn]::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .2);
    transition: 160ms ease;
}

.profile-notification-switch input:checked + .profile-notification-switch-slider[b-2b1g4p44wn] {
    background: var(--ofy-primary, #00d68f);
}

.profile-notification-switch input:checked + .profile-notification-switch-slider[b-2b1g4p44wn]::before {
    transform: translateX(20px);
}

.profile-notification-switch input:focus-visible + .profile-notification-switch-slider[b-2b1g4p44wn] {
    outline: 3px solid color-mix(in srgb, var(--ofy-primary) 25%, transparent);
    outline-offset: 2px;
}

.profile-security-grid[b-2b1g4p44wn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

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

.profile-language-form[b-2b1g4p44wn] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 12px;
}

.profile-language-form .form-input[b-2b1g4p44wn] {
    max-width: 300px;
}

.profile-topic-list[b-2b1g4p44wn] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.profile-topic-chip[b-2b1g4p44wn] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 5px 7px 5px 12px;
    border: 1px solid color-mix(in srgb, var(--ofy-primary) 24%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--ofy-primary) 10%, white);
    color: color-mix(in srgb, var(--ofy-primary) 72%, #101828);
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
}

.profile-topic-remove[b-2b1g4p44wn] {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: currentColor;
    font: inherit;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease;
}

.profile-topic-remove:hover[b-2b1g4p44wn] {
    background: var(--ofy-primary);
    color: #fff;
}

.profile-topic-remove:focus-visible[b-2b1g4p44wn] {
    outline: 2px solid var(--ofy-primary);
    outline-offset: 2px;
}

.profile-topic-input[b-2b1g4p44wn] {
    display: flex;
    gap: 9px;
    margin-top: 14px;
}

.profile-topic-input .form-input[b-2b1g4p44wn] {
    max-width: 380px;
}

.profile-saved-message[b-2b1g4p44wn] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 12px;
    color: var(--ofy-success);
    font-size: 13px;
    font-weight: 600;
}

.profile-speaker-header > div[b-2b1g4p44wn] {
    flex: 1;
}

.profile-empty-speaker[b-2b1g4p44wn] {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-top: 20px;
    padding: 18px;
    border-radius: 12px;
    background: var(--ofy-bg);
}

.profile-empty-speaker > span[b-2b1g4p44wn] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--ofy-surface);
    color: var(--ofy-text-secondary);
}

.profile-empty-speaker strong[b-2b1g4p44wn] {
    color: var(--ofy-text-primary);
    font-size: 14px;
}

.profile-empty-speaker p[b-2b1g4p44wn] {
    margin: 4px 0 0;
    color: var(--ofy-text-secondary);
    font-size: 13px;
}

.profile-speaker-summary[b-2b1g4p44wn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    padding-top: 22px;
}

.profile-speaker-summary strong[b-2b1g4p44wn] {
    color: var(--ofy-text-primary);
    font-size: 14px;
    font-weight: 600;
}

@media (max-width: 900px) {
    .account-profile-grid[b-2b1g4p44wn] {
        grid-template-columns: 1fr;
    }

    .account-profile-sidebar[b-2b1g4p44wn] {
        position: static;
    }

    .profile-identity-card[b-2b1g4p44wn] {
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 20px;
        align-items: center;
        text-align: left;
    }

    .profile-avatar-wrap[b-2b1g4p44wn] {
        margin: 0;
    }

    .profile-photo-actions[b-2b1g4p44wn] {
        margin-top: 0;
    }

    .profile-upload-state[b-2b1g4p44wn],
    .profile-photo-error[b-2b1g4p44wn] {
        grid-column: 1 / -1;
        justify-content: flex-start;
        margin-top: 0;
    }

    .profile-shortcuts[b-2b1g4p44wn] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .account-profile-container[b-2b1g4p44wn] {
        padding: 32px 16px 52px;
    }

    .profile-identity-card[b-2b1g4p44wn] {
        display: block;
        text-align: center;
    }

    .profile-avatar-wrap[b-2b1g4p44wn] {
        margin: 0 auto 16px;
    }

    .profile-photo-actions[b-2b1g4p44wn] {
        margin-top: 18px;
    }

    .profile-upload-state[b-2b1g4p44wn],
    .profile-photo-error[b-2b1g4p44wn] {
        justify-content: center;
        margin-top: 12px;
    }

    .profile-shortcuts[b-2b1g4p44wn],
    .profile-details-grid[b-2b1g4p44wn],
    .profile-speaker-summary[b-2b1g4p44wn] {
        grid-template-columns: 1fr;
    }

    .profile-panel[b-2b1g4p44wn] {
        padding: 20px;
    }

    .profile-panel-header[b-2b1g4p44wn] {
        align-items: flex-start;
    }

    .profile-speaker-header[b-2b1g4p44wn] {
        flex-wrap: wrap;
    }

    .profile-speaker-header .btn[b-2b1g4p44wn] {
        width: 100%;
        margin-top: 4px;
    }

    .profile-language-form[b-2b1g4p44wn],
    .profile-topic-input[b-2b1g4p44wn] {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-language-form .form-input[b-2b1g4p44wn],
    .profile-topic-input .form-input[b-2b1g4p44wn] {
        max-width: none;
    }
}
.profile-signin-methods[b-2b1g4p44wn] {
    margin-bottom: 22px;
    padding: 20px;
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-input);
    background: var(--ofy-surface-alt);
}

.profile-signin-methods > h3[b-2b1g4p44wn],
.profile-signin-methods > p[b-2b1g4p44wn] {
    margin: 0;
}

.profile-signin-methods > p[b-2b1g4p44wn] {
    margin-top: 5px;
    color: var(--ofy-text-secondary);
    font-size: 13px;
}

.profile-signin-method[b-2b1g4p44wn] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-input);
    background: var(--ofy-surface);
}

.profile-signin-provider[b-2b1g4p44wn] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 10px;
}

.profile-signin-provider i[b-2b1g4p44wn] {
    width: 20px;
    color: var(--ofy-text-primary);
    text-align: center;
}
/* /Views/Components/Account/Pages/SessionEdit.razor.rz.scp.css */
.session-editor-page[b-1z3y32dkbd] {
    min-height: calc(100vh - 72px);
    background:
        radial-gradient(circle at 90% 0, color-mix(in srgb, var(--ofy-primary) 8%, transparent), transparent 28rem),
        var(--ofy-page-bg, #f8fafc);
}

.session-editor-container[b-1z3y32dkbd] {
    max-width: 1060px;
    padding: 42px 24px 80px;
}

.session-editor-back[b-1z3y32dkbd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    color: var(--ofy-text-secondary);
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
}

.session-editor-back:hover[b-1z3y32dkbd] {
    color: var(--ofy-primary);
}

.session-editor-header[b-1z3y32dkbd] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 30px;
}

.session-editor-header-icon[b-1z3y32dkbd] {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    flex: 0 0 auto;
    border-radius: 17px;
    background: color-mix(in srgb, var(--ofy-primary) 11%, white);
    color: var(--ofy-primary);
    font-size: 23px;
}

.session-editor-eyebrow[b-1z3y32dkbd] {
    color: var(--ofy-primary);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.session-editor-header h1[b-1z3y32dkbd] {
    margin: 5px 0 8px;
    color: var(--ofy-text-primary);
    font-size: clamp(30px, 4vw, 40px);
    letter-spacing: -.03em;
}

.session-editor-header p[b-1z3y32dkbd] {
    margin: 0;
    color: var(--ofy-text-secondary);
    font-size: 16px;
}

.session-editor-layout[b-1z3y32dkbd] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(280px, .8fr);
    gap: 22px;
    align-items: start;
}

.session-editor-main[b-1z3y32dkbd] {
    display: grid;
    gap: 22px;
}

.session-editor-sidebar[b-1z3y32dkbd] {
    position: sticky;
    top: 92px;
}

.session-editor-card[b-1z3y32dkbd] {
    padding: 26px;
    border: 1px solid var(--ofy-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(16, 24, 40, .035);
}

.session-editor-section-header[b-1z3y32dkbd] {
    display: flex;
    gap: 13px;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eaecf0;
}

.session-editor-section-header > span[b-1z3y32dkbd] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    border-radius: 11px;
    background: color-mix(in srgb, var(--ofy-primary) 10%, white);
    color: var(--ofy-primary);
}

.session-editor-section-header h2[b-1z3y32dkbd],
.session-editor-section-header p[b-1z3y32dkbd] {
    margin: 0;
}

.session-editor-section-header h2[b-1z3y32dkbd] {
    font-size: 18px;
}

.session-editor-section-header p[b-1z3y32dkbd] {
    margin-top: 4px;
    color: var(--ofy-text-secondary);
    font-size: 13px;
    line-height: 1.5;
}

.session-editor-section-header.compact[b-1z3y32dkbd] {
    align-items: center;
}

.session-title-input[b-1z3y32dkbd] {
    font-size: 16px;
    font-weight: 650;
}

.session-duration-input[b-1z3y32dkbd] {
    position: relative;
}

.session-duration-input .form-input[b-1z3y32dkbd] {
    padding-right: 72px;
}

.session-duration-input span[b-1z3y32dkbd] {
    position: absolute;
    right: 14px;
    top: 50%;
    color: var(--ofy-text-secondary);
    font-size: 13px;
    transform: translateY(-50%);
}

.session-editor-tip[b-1z3y32dkbd] {
    display: flex;
    gap: 10px;
    margin-top: 22px;
    padding: 14px;
    border-radius: 13px;
    background: color-mix(in srgb, var(--ofy-primary) 8%, white);
    color: color-mix(in srgb, var(--ofy-primary) 65%, #344054);
}

.session-editor-tip p[b-1z3y32dkbd] {
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
}

.session-editor-actions[b-1z3y32dkbd] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid var(--ofy-border);
}

.session-editor-loading[b-1z3y32dkbd] {
    min-height: 360px;
    display: grid;
    place-items: center;
}

.session-editor-success[b-1z3y32dkbd] {
    padding: 68px 28px;
    border: 1px solid var(--ofy-border);
    border-radius: 22px;
    background: #fff;
    text-align: center;
}

.session-editor-success > span[b-1z3y32dkbd] {
    display: grid;
    place-items: center;
    width: 68px;
    height: 68px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--ofy-primary) 12%, white);
    color: var(--ofy-primary);
    font-size: 26px;
}

.session-editor-success h2[b-1z3y32dkbd] {
    margin: 0;
}

.session-editor-success p[b-1z3y32dkbd] {
    margin: 10px 0 24px;
    color: var(--ofy-text-secondary);
}

.session-editor-success div[b-1z3y32dkbd] {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.session-translations[b-1z3y32dkbd] {
    margin-top: 24px;
}

.session-translations .session-editor-section-header > strong[b-1z3y32dkbd] {
    margin-left: auto;
    color: var(--ofy-primary);
}

.session-translation-create[b-1z3y32dkbd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    margin-bottom: 20px;
}

.session-translation-list[b-1z3y32dkbd] {
    display: grid;
    gap: 12px;
}

.session-translation-item[b-1z3y32dkbd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    border: 1px solid var(--ofy-border);
    border-radius: 15px;
    background: #f9fafb;
}

.session-translation-item span[b-1z3y32dkbd] {
    color: var(--ofy-primary);
    font-size: 12px;
    font-weight: 700;
}

.session-translation-item h3[b-1z3y32dkbd] {
    margin: 6px 0;
    font-size: 17px;
}

.session-translation-item p[b-1z3y32dkbd] {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: var(--ofy-text-secondary);
    font-size: 13px;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.session-translation-rtl[b-1z3y32dkbd] {
    text-align: right;
}

.session-translation-rtl .session-action[b-1z3y32dkbd] {
    margin-right: auto;
    margin-left: 0;
}

.session-translation-item .session-action[b-1z3y32dkbd] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--ofy-danger, #d92d20);
    cursor: pointer;
}

.session-translation-item .session-action:hover[b-1z3y32dkbd] {
    background: #fef3f2;
}

.session-translation-actions[b-1z3y32dkbd] {
    display: flex;
    gap: 5px;
    flex: 0 0 auto;
}

.session-translation-actions .session-action:first-child[b-1z3y32dkbd] {
    color: var(--ofy-text-secondary);
}

.session-translation-actions .session-action:first-child:hover[b-1z3y32dkbd] {
    background: color-mix(in srgb, var(--ofy-primary) 10%, white);
    color: var(--ofy-primary);
}

.session-translation-editor[b-1z3y32dkbd] {
    width: 100%;
    text-align: start;
}

.session-translation-editor-actions[b-1z3y32dkbd] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

@media (max-width: 600px) {
    .session-translation-create[b-1z3y32dkbd] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 850px) {
    .session-editor-layout[b-1z3y32dkbd] {
        grid-template-columns: 1fr;
    }

    .session-editor-sidebar[b-1z3y32dkbd] {
        position: static;
    }
}

@media (max-width: 600px) {
    .session-editor-container[b-1z3y32dkbd] {
        padding: 28px 16px 56px;
    }

    .session-editor-header-icon[b-1z3y32dkbd] {
        width: 48px;
        height: 48px;
    }

    .session-editor-card[b-1z3y32dkbd] {
        padding: 20px 17px;
    }

    .session-editor-actions[b-1z3y32dkbd] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .session-editor-success div[b-1z3y32dkbd] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Views/Components/Account/Pages/SpeakerProfileEdit.razor.rz.scp.css */
.speaker-editor-page[b-d0mt3989qz] {
    min-height: calc(100vh - 72px);
    background: var(--ofy-bg);
}

.speaker-editor-container[b-d0mt3989qz] {
    max-width: 1180px;
    padding: 48px 24px 80px;
}

.speaker-editor-success[b-d0mt3989qz] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    padding: 15px 18px;
    border: 1px solid color-mix(in srgb, var(--ofy-success) 25%, transparent);
    border-radius: var(--ofy-radius-md);
    background: var(--ofy-success-bg);
    color: var(--ofy-success);
}

.speaker-editor-success > span[b-d0mt3989qz] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--ofy-success);
    color: #fff;
}

.speaker-editor-success strong[b-d0mt3989qz],
.speaker-editor-success a[b-d0mt3989qz] {
    display: block;
}

.speaker-editor-success a[b-d0mt3989qz] {
    margin-top: 2px;
    color: inherit;
    font-size: 12px;
}

.speaker-editor-grid[b-d0mt3989qz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 24px;
    align-items: start;
}

.speaker-editor-main[b-d0mt3989qz] {
    display: grid;
    gap: 24px;
}

.speaker-editor-panel[b-d0mt3989qz],
.speaker-preview-card[b-d0mt3989qz],
.speaker-publish-card[b-d0mt3989qz] {
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-card);
    background: var(--ofy-surface);
    box-shadow: var(--ofy-shadow-card);
}

.speaker-editor-panel-header[b-d0mt3989qz] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 21px 24px;
    border-bottom: 1px solid var(--ofy-border);
}

.speaker-editor-panel-header > span[b-d0mt3989qz] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 11px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
}

.speaker-editor-panel-header > div[b-d0mt3989qz] {
    flex: 1;
}

.speaker-editor-panel-header h2[b-d0mt3989qz] {
    margin: 0;
    color: var(--ofy-text-primary);
    font-size: 17px;
    font-weight: 700;
}

.speaker-editor-panel-header p[b-d0mt3989qz] {
    margin: 3px 0 0;
    color: var(--ofy-text-secondary);
    font-size: 12px;
}

.speaker-editor-panel-body[b-d0mt3989qz] {
    padding: 24px;
}

.speaker-editor-panel-body .form-group:last-child[b-d0mt3989qz] {
    margin-bottom: 0;
}

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

.required-mark[b-d0mt3989qz] {
    color: var(--ofy-danger);
}

.speaker-field-hint[b-d0mt3989qz] {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-top: 7px;
    color: var(--ofy-text-tertiary);
    font-size: 11px;
}

.speaker-field-hint i[b-d0mt3989qz] {
    color: var(--ofy-accent);
}

.speaker-slug-control[b-d0mt3989qz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
}

.speaker-slug-control > span[b-d0mt3989qz] {
    align-self: stretch;
    display: flex;
    align-items: center;
    padding: 0 11px;
    border: 1px solid var(--ofy-border);
    border-right: 0;
    border-radius: var(--ofy-radius-input) 0 0 var(--ofy-radius-input);
    background: var(--ofy-surface-alt);
    color: var(--ofy-text-secondary);
    font-size: 11px;
}

.speaker-slug-control[b-d0mt3989qz]  .form-input {
    border-radius: 0;
}

.speaker-slug-control .btn[b-d0mt3989qz] {
    align-self: stretch;
    border-radius: 0 var(--ofy-radius-input) var(--ofy-radius-input) 0;
}

.speaker-slug-message[b-d0mt3989qz] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 7px;
    font-size: 11px;
}

.speaker-slug-message.is-error[b-d0mt3989qz] {
    color: var(--ofy-danger);
}

.speaker-slug-message.is-available[b-d0mt3989qz] {
    color: var(--ofy-success);
}

.speaker-keyword-editor[b-d0mt3989qz] {
    display: grid;
    gap: 26px;
}

.speaker-keyword-group + .speaker-keyword-group[b-d0mt3989qz] {
    padding-top: 24px;
    border-top: 1px solid var(--ofy-border);
}

.speaker-keyword-heading[b-d0mt3989qz] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.speaker-keyword-heading label[b-d0mt3989qz] {
    color: var(--ofy-text-primary);
    font-size: 14px;
    font-weight: 700;
}

.speaker-keyword-heading p[b-d0mt3989qz] {
    margin: 4px 0 0;
    color: var(--ofy-text-secondary);
    font-size: 11px;
}

.speaker-keyword-heading > span[b-d0mt3989qz] {
    padding: 4px 8px;
    border-radius: var(--ofy-radius-pill);
    background: var(--ofy-surface-alt);
    color: var(--ofy-text-secondary);
    font-size: 10px;
    white-space: nowrap;
}

.speaker-keyword-list[b-d0mt3989qz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.speaker-keyword-list > span[b-d0mt3989qz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 8px 7px 10px;
    border: 1px solid var(--ofy-accent-tint-strong);
    border-radius: var(--ofy-radius-pill);
    background: var(--ofy-accent-tint);
    color: var(--ofy-text-strong-secondary);
    font-size: 11px;
    font-weight: 600;
}

.speaker-keyword-list > span > i[b-d0mt3989qz] {
    color: var(--ofy-accent);
    font-size: 9px;
}

.speaker-keyword-list button[b-d0mt3989qz] {
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--ofy-text-secondary);
    cursor: pointer;
    line-height: 1;
}

.speaker-keyword-list button:hover[b-d0mt3989qz] {
    background: var(--ofy-surface);
    color: var(--ofy-danger);
}

.speaker-keyword-input[b-d0mt3989qz] {
    display: flex;
    gap: 9px;
    margin-top: 13px;
}

.speaker-keyword-input .form-input[b-d0mt3989qz] {
    max-width: 390px;
}

.speaker-bio-field textarea[b-d0mt3989qz] {
    min-height: 165px;
    resize: vertical;
}

.speaker-input-with-icon[b-d0mt3989qz] {
    position: relative;
}

.speaker-input-with-icon > i[b-d0mt3989qz] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    color: var(--ofy-text-tertiary);
    transform: translateY(-50%);
    pointer-events: none;
}

.speaker-input-with-icon[b-d0mt3989qz]  .form-input {
    padding-left: 40px;
}

.social-linkedin > i[b-d0mt3989qz] {
    color: #0a66c2;
}

.speaker-editor-sidebar[b-d0mt3989qz] {
    display: grid;
    gap: 18px;
    position: sticky;
    top: 92px;
}

.speaker-preview-card[b-d0mt3989qz] {
    position: relative;
    overflow: hidden;
    padding: 22px;
    text-align: center;
}

.speaker-preview-card[b-d0mt3989qz]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 82px;
    background:
        radial-gradient(circle at 80% 0, var(--ofy-accent-glow), transparent 55%),
        var(--ofy-surface-alt);
}

.speaker-preview-top[b-d0mt3989qz] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.speaker-preview-badge[b-d0mt3989qz],
.speaker-visibility-status[b-d0mt3989qz] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: var(--ofy-radius-pill);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.speaker-preview-badge[b-d0mt3989qz] {
    padding: 5px 8px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
}

.speaker-visibility-status[b-d0mt3989qz] {
    padding: 5px 8px;
}

.speaker-visibility-status.is-public[b-d0mt3989qz] {
    background: var(--ofy-success-bg);
    color: var(--ofy-success);
}

.speaker-visibility-status.is-private[b-d0mt3989qz] {
    background: var(--ofy-surface-alt-hover);
    color: var(--ofy-text-secondary);
}

.speaker-preview-avatar[b-d0mt3989qz] {
    position: relative;
    width: 88px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px auto 14px;
    border: 4px solid var(--ofy-surface);
    border-radius: 50%;
    background: linear-gradient(145deg, var(--ofy-accent), var(--ofy-success));
    box-shadow: 0 0 0 2px var(--ofy-accent-tint-strong), var(--ofy-shadow-card);
    color: #fff;
    font-size: 24px;
    font-weight: 800;
}

.speaker-preview-card h2[b-d0mt3989qz] {
    margin: 0;
    color: var(--ofy-text-primary);
    font-size: 18px;
    overflow-wrap: anywhere;
}

.speaker-preview-tagline[b-d0mt3989qz] {
    margin: 6px 0 12px;
    color: var(--ofy-text-secondary);
    font-size: 12px;
    line-height: 1.5;
}

.speaker-preview-meta[b-d0mt3989qz] {
    margin: 6px 0;
    color: var(--ofy-text-secondary);
    font-size: 11px;
}

.speaker-preview-meta i[b-d0mt3989qz] {
    width: 16px;
    color: var(--ofy-accent);
}

.speaker-preview-socials[b-d0mt3989qz] {
    display: flex;
    justify-content: center;
    gap: 7px;
    min-height: 30px;
    margin-top: 15px;
}

.speaker-preview-socials span[b-d0mt3989qz] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ofy-border);
    border-radius: 50%;
    color: var(--ofy-text-primary);
    font-size: 12px;
}

.speaker-publish-card[b-d0mt3989qz] {
    padding: 20px;
}

.speaker-publish-heading[b-d0mt3989qz] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.speaker-publish-heading > span[b-d0mt3989qz] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
}

.speaker-publish-heading strong[b-d0mt3989qz],
.speaker-publish-heading small[b-d0mt3989qz] {
    display: block;
}

.speaker-publish-heading strong[b-d0mt3989qz] {
    color: var(--ofy-text-primary);
    font-size: 13px;
}

.speaker-publish-heading small[b-d0mt3989qz] {
    margin-top: 2px;
    color: var(--ofy-text-secondary);
    font-size: 10px;
}

.speaker-public-switch[b-d0mt3989qz] {
    justify-content: space-between;
    margin: 18px 0;
    padding: 13px;
    border-radius: 11px;
    background: var(--ofy-surface-alt);
}

.speaker-public-url[b-d0mt3989qz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--ofy-border);
    border-radius: 10px;
    color: var(--ofy-text-secondary);
    font-size: 10px;
    text-decoration: none;
}

.speaker-public-url span[b-d0mt3989qz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.speaker-public-url:hover[b-d0mt3989qz] {
    border-color: var(--ofy-accent-tint-strong);
    color: var(--ofy-accent);
}

.speaker-editor-actions[b-d0mt3989qz] {
    display: grid;
    gap: 9px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--ofy-border);
}

.speaker-editor-actions .btn[b-d0mt3989qz] {
    width: 100%;
}

.speaker-session-count[b-d0mt3989qz] {
    min-width: 28px;
    padding: 4px 9px;
    border-radius: var(--ofy-radius-pill);
    background: var(--ofy-surface-alt);
    color: var(--ofy-text-secondary);
    font-size: 11px;
    text-align: center;
}

.speaker-visibility-list[b-d0mt3989qz] {
    padding: 8px 24px;
}

.speaker-visibility-subsection[b-d0mt3989qz] {
    padding: 20px 24px 10px;
    border-bottom: 1px solid var(--ofy-border);
}

.speaker-visibility-subheading[b-d0mt3989qz] {
    margin-bottom: 10px;
}

.speaker-visibility-subheading strong[b-d0mt3989qz],
.speaker-visibility-subheading span[b-d0mt3989qz] {
    display: block;
}

.speaker-visibility-subheading strong[b-d0mt3989qz] {
    color: var(--ofy-text-primary);
    font-size: 12px;
}

.speaker-visibility-subheading span[b-d0mt3989qz] {
    margin-top: 3px;
    color: var(--ofy-text-secondary);
    font-size: 10px;
}

.speaker-session-visibility-heading[b-d0mt3989qz] {
    margin: 18px 24px 0;
}

.speaker-event-visibility-item[b-d0mt3989qz] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--ofy-border);
}

.speaker-event-visibility-item:last-child[b-d0mt3989qz] {
    border-bottom: 0;
}

.speaker-event-visibility-item strong[b-d0mt3989qz],
.speaker-event-visibility-item small[b-d0mt3989qz] {
    display: block;
}

.speaker-event-visibility-item strong[b-d0mt3989qz] {
    color: var(--ofy-text-primary);
    font-size: 12px;
}

.speaker-event-visibility-item small[b-d0mt3989qz] {
    margin-top: 3px;
    color: var(--ofy-text-secondary);
    font-size: 10px;
}

.speaker-visibility-item[b-d0mt3989qz] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid var(--ofy-border);
}

.speaker-visibility-item:last-child[b-d0mt3989qz] {
    border-bottom: 0;
}

.speaker-visibility-icon[b-d0mt3989qz] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
}

.speaker-visibility-info strong[b-d0mt3989qz],
.speaker-visibility-info span[b-d0mt3989qz] {
    display: block;
}

.speaker-visibility-info strong[b-d0mt3989qz] {
    color: var(--ofy-text-primary);
    font-size: 13px;
}

.speaker-visibility-info span[b-d0mt3989qz] {
    margin-top: 4px;
    color: var(--ofy-text-secondary);
    font-size: 11px;
}

.speaker-visibility-info span i[b-d0mt3989qz] {
    margin-right: 4px;
    color: var(--ofy-accent);
}

@media (max-width: 920px) {
    .speaker-editor-grid[b-d0mt3989qz] {
        grid-template-columns: 1fr;
    }

    .speaker-editor-sidebar[b-d0mt3989qz] {
        grid-row: 1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        position: static;
    }
}

@media (max-width: 640px) {
    .speaker-editor-container[b-d0mt3989qz] {
        padding: 32px 16px 56px;
    }

    .speaker-editor-sidebar[b-d0mt3989qz],
    .speaker-form-grid[b-d0mt3989qz] {
        grid-template-columns: 1fr;
    }

    .speaker-keyword-input[b-d0mt3989qz] {
        align-items: stretch;
        flex-direction: column;
    }

    .speaker-slug-control[b-d0mt3989qz] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .speaker-slug-control .btn[b-d0mt3989qz] {
        grid-column: 1 / -1;
        margin-top: 8px;
        border-radius: var(--ofy-radius-input);
    }

    .speaker-slug-control[b-d0mt3989qz]  .form-input {
        border-radius: 0 var(--ofy-radius-input) var(--ofy-radius-input) 0;
    }

    .speaker-keyword-input .form-input[b-d0mt3989qz] {
        max-width: none;
    }

    .speaker-editor-panel-header[b-d0mt3989qz],
    .speaker-editor-panel-body[b-d0mt3989qz] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .speaker-visibility-list[b-d0mt3989qz] {
        padding: 6px 18px;
    }

    .speaker-visibility-item[b-d0mt3989qz] {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .speaker-event-visibility-item[b-d0mt3989qz] {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .speaker-visibility-switch[b-d0mt3989qz],
    .speaker-event-visibility-item .form-switch[b-d0mt3989qz] {
        grid-column: 2;
    }
}
.speaker-toggle[b-d0mt3989qz] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

.speaker-toggle input[b-d0mt3989qz] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.speaker-toggle-track[b-d0mt3989qz] {
    position: relative;
    flex: 0 0 auto;
    width: 42px;
    height: 24px;
    padding: 3px;
    border: 1px solid var(--ofy-border);
    border-radius: 999px;
    background: var(--ofy-surface-alt);
    transition: background-color 160ms ease, border-color 160ms ease;
}

.speaker-toggle-thumb[b-d0mt3989qz] {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--ofy-surface);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.24);
    transition: transform 160ms ease;
}

.speaker-toggle input:checked + .speaker-toggle-track[b-d0mt3989qz] {
    border-color: var(--ofy-accent);
    background: var(--ofy-accent);
}

.speaker-toggle input:checked + .speaker-toggle-track .speaker-toggle-thumb[b-d0mt3989qz] {
    transform: translateX(18px);
}

.speaker-toggle input:focus-visible + .speaker-toggle-track[b-d0mt3989qz] {
    outline: 3px solid color-mix(in srgb, var(--ofy-accent) 24%, transparent);
    outline-offset: 2px;
}

.speaker-toggle-label[b-d0mt3989qz] {
    min-width: 48px;
    color: var(--ofy-text-secondary);
    font-size: 13px;
    font-weight: 600;
}
.speaker-bio-translations[b-d0mt3989qz] {
    margin-top: 24px;
}

.speaker-bio-translations .speaker-editor-panel-header > strong[b-d0mt3989qz] {
    margin-inline-start: auto;
}

.speaker-bio-translation-create[b-d0mt3989qz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    margin-bottom: 20px;
}

.speaker-bio-translation-list[b-d0mt3989qz] {
    display: grid;
    gap: 14px;
}

.speaker-bio-translation-list article[b-d0mt3989qz] {
    padding: 20px;
    border: 1px solid var(--ofy-border);
    border-radius: 16px;
    background: #f8fafc;
}

.speaker-bio-translation-list article > header[b-d0mt3989qz] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.speaker-bio-translation-list article span[b-d0mt3989qz] {
    color: var(--ofy-text-secondary);
    font-size: 13px;
    font-weight: 750;
}

.speaker-bio-translation-list article p[b-d0mt3989qz] {
    margin: 14px 0 0;
    color: var(--ofy-text-secondary);
    line-height: 1.75;
    white-space: pre-line;
}

.speaker-bio-translation-list article h3[b-d0mt3989qz] {
    margin: 14px 0 4px;
    font-size: 18px;
}

.speaker-bio-translation-list article > strong[b-d0mt3989qz] {
    display: block;
    color: var(--ofy-text-secondary);
    font-size: 14px;
}

.speaker-bio-translation-list article header button[b-d0mt3989qz] {
    border: 0;
    color: var(--ofy-accent);
    background: transparent;
    cursor: pointer;
}

.speaker-bio-translation-list article footer[b-d0mt3989qz] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 14px;
}

@media (max-width: 640px) {
    .speaker-bio-translation-create[b-d0mt3989qz] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Components/Public/Pages/OccasionDetails.razor.rz.scp.css */
.speaker-perks-card[b-igncxl21av] {
    background: linear-gradient(135deg, rgba(0, 227, 140, 0.08), rgba(0, 227, 140, 0.03));
    border: 1px solid rgba(0, 227, 140, 0.2);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 16px;
}

.speaker-perks-header[b-igncxl21av] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 16px;
    color: var(--ofy-text-heading);
}

    .speaker-perks-header > i[b-igncxl21av] {
        color: var(--ofy-accent);
        font-size: 18px;
    }

.speaker-perks-items[b-igncxl21av] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 4px;
}

.speaker-perk-item[b-igncxl21av] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--ofy-surface);
    border: 1px solid var(--ofy-border-default);
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 14px;
    color: var(--ofy-text-body);
    flex: 1 1 180px;
    min-width: 180px;
}

.perk-icon[b-igncxl21av] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(0, 227, 140, 0.12);
    color: var(--ofy-accent);
    font-size: 14px;
    flex-shrink: 0;
}

.speaker-perks-notes[b-igncxl21av] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--ofy-border-default);
    font-size: 13px;
    color: var(--ofy-text-secondary);
    line-height: 1.5;
}

    .speaker-perks-notes > i[b-igncxl21av] {
        margin-top: 2px;
        flex-shrink: 0;
        color: var(--ofy-text-secondary);
    }
/* /Views/Components/Public/Pages/Occasions.razor.rz.scp.css */
/* ── Discover Occasions Page ── */

/* ── Hero Banner ── */
.occ-hero[b-rdbdkqrjeg] {
    position: relative;
    overflow: hidden;
    padding: 72px 24px 56px;
    text-align: center;
}

.occ-hero-bg[b-rdbdkqrjeg] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
    z-index: 0;
}

    .occ-hero-bg[b-rdbdkqrjeg]::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 30% 60%, var(--ofy-accent-glow) 0%, transparent 50%),
            radial-gradient(circle at 75% 25%, rgba(0, 227, 140, 0.08) 0%, transparent 40%);
    }

.occ-hero-content[b-rdbdkqrjeg] {
    position: relative;
    z-index: 1;
    max-width: 640px;
    margin: 0 auto;
}

.occ-hero-title[b-rdbdkqrjeg] {
    font-size: 2.5rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 12px;
    letter-spacing: -0.02em;
}

.occ-hero-subtitle[b-rdbdkqrjeg] {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.65);
    margin: 0;
    line-height: 1.6;
}

/* ── Page Container ── */
.occ-page[b-rdbdkqrjeg] {
    padding: 0 24px 64px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
}

/* ── Filter Bar ── */
.occ-filter-bar[b-rdbdkqrjeg] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    padding: 16px 20px;
    background: var(--ofy-surface);
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-card);
    box-shadow: var(--ofy-shadow-card);
    margin-bottom: 32px;
}

.occ-search-wrap[b-rdbdkqrjeg] {
    position: relative;
    flex: 1;
    min-width: 200px;
    max-width: 400px;
}

.occ-search-icon[b-rdbdkqrjeg] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ofy-text-tertiary);
    font-size: 14px;
    pointer-events: none;
}

.occ-search-input[b-rdbdkqrjeg] {
    width: 100%;
    padding: 10px 14px 10px 38px;
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-pill);
    background: var(--ofy-surface-alt);
    color: var(--ofy-text-primary);
    font-size: 14px;
    outline: none;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

    .occ-search-input:focus[b-rdbdkqrjeg] {
        border-color: var(--ofy-accent);
        box-shadow: 0 0 0 3px var(--ofy-accent-tint);
    }

/* ── Result Count ── */
.occ-result-count[b-rdbdkqrjeg] {
    font-size: 14px;
    color: var(--ofy-text-tertiary);
    font-weight: 500;
    margin-bottom: 20px;
    padding-left: 4px;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .occ-hero[b-rdbdkqrjeg] {
        padding: 56px 20px 44px;
    }

    .occ-hero-title[b-rdbdkqrjeg] {
        font-size: 2rem;
    }
}

@media (max-width: 640px) {
    .occ-hero[b-rdbdkqrjeg] {
        padding: 44px 16px 36px;
    }

    .occ-hero-title[b-rdbdkqrjeg] {
        font-size: 1.6rem;
    }

    .occ-hero-subtitle[b-rdbdkqrjeg] {
        font-size: 0.95rem;
    }

    .occ-page[b-rdbdkqrjeg] {
        padding: 0 16px 48px;
    }

    .occ-filter-bar[b-rdbdkqrjeg] {
        padding: 12px 14px;
        gap: 8px;
    }

    .occ-search-wrap[b-rdbdkqrjeg] {
        max-width: 100%;
        flex-basis: 100%;
    }
}
/* /Views/Components/Public/Pages/SessionDetail.razor.rz.scp.css */
.public-session-state[b-5zrw2t9bno] {
    min-height: 55vh;
    display: grid;
    place-items: center;
}

.public-session-page[b-5zrw2t9bno] {
    color: var(--ofy-text-primary);
    background: #fff;
}

.public-session-container[b-5zrw2t9bno] {
    width: min(1120px, calc(100% - 40px));
    margin-inline: auto;
}

.public-session-hero[b-5zrw2t9bno] {
    padding: 70px 0 64px;
    border-bottom: 1px solid var(--ofy-border);
    background:
        radial-gradient(circle at 85% 0, rgba(0, 216, 151, .14), transparent 30%),
        #f8fafc;
}

.public-session-back[b-5zrw2t9bno] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 38px;
    color: var(--ofy-text-secondary);
    text-decoration: none;
    font-weight: 700;
}

.public-session-badges[b-5zrw2t9bno] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.public-session-badges span[b-5zrw2t9bno] {
    padding: 8px 12px;
    border-radius: 999px;
    color: #007d59;
    background: rgba(0, 216, 151, .12);
    font-size: 13px;
    font-weight: 750;
}

.public-session-hero h1[b-5zrw2t9bno] {
    max-width: 900px;
    margin: 0;
    font-size: clamp(36px, 5vw, 66px);
    line-height: 1.04;
    letter-spacing: -.045em;
}

.public-session-language[b-5zrw2t9bno] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 28px;
    padding: 11px 16px;
    border: 1px solid var(--ofy-accent);
    border-radius: 999px;
    color: var(--ofy-accent);
    background: #fff;
    font-weight: 750;
    cursor: pointer;
}

.public-session-layout[b-5zrw2t9bno] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 64px;
    padding-block: 64px 90px;
}

.public-session-content[b-5zrw2t9bno] {
    display: grid;
    gap: 46px;
}

.public-session-content section[b-5zrw2t9bno] {
    padding-bottom: 42px;
    border-bottom: 1px solid var(--ofy-border);
}

.public-session-content h2[b-5zrw2t9bno],
.public-session-speaker h2[b-5zrw2t9bno] {
    margin: 0 0 16px;
    font-size: 22px;
}

.public-session-prose[b-5zrw2t9bno] {
    margin: 0;
    color: var(--ofy-text-secondary);
    font-size: 17px;
    line-height: 1.85;
    white-space: pre-line;
}

.public-session-speaker[b-5zrw2t9bno] {
    position: sticky;
    top: 100px;
    padding: 28px;
    border: 1px solid var(--ofy-border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .06);
}

.public-session-speaker-icon[b-5zrw2t9bno] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    border-radius: 15px;
    color: var(--ofy-accent);
    background: rgba(0, 216, 151, .12);
}

.public-session-speaker small[b-5zrw2t9bno] {
    color: var(--ofy-text-tertiary);
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.public-session-speaker h2[b-5zrw2t9bno] {
    margin-top: 7px;
}

.public-session-speaker p[b-5zrw2t9bno] {
    color: var(--ofy-text-secondary);
    line-height: 1.6;
}

.public-session-speaker .btn[b-5zrw2t9bno] {
    width: 100%;
    margin-top: 12px;
}

@media (max-width: 800px) {
    .public-session-layout[b-5zrw2t9bno] {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .public-session-speaker[b-5zrw2t9bno] {
        position: static;
    }
}
/* /Views/Components/Public/Pages/SpeakerDetail.razor.rz.scp.css */
.speaker-state[b-6lmsqwbtn1] {
    max-width: 920px;
    min-height: 420px;
    margin: 0 auto;
    padding: 72px 24px;
}

.speaker-profile[b-6lmsqwbtn1] {
    background: var(--ofy-bg);
}

.speaker-container[b-6lmsqwbtn1] {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px;
}

.speaker-cover[b-6lmsqwbtn1] {
    position: relative;
    height: 220px;
    overflow: hidden;
    background:
        linear-gradient(110deg, rgba(10, 10, 10, .82), rgba(15, 23, 42, .62)),
        var(--ofy-sidebar-bg);
}

.speaker-cover-pattern[b-6lmsqwbtn1] {
    position: absolute;
    inset: 0;
    opacity: .55;
    background:
        radial-gradient(circle at 72% 68%, var(--ofy-accent-glow), transparent 18%),
        linear-gradient(35deg, transparent 46%, var(--ofy-sidebar-border) 47%, transparent 49%),
        linear-gradient(-35deg, transparent 46%, var(--ofy-sidebar-border) 47%, transparent 49%);
    background-size: auto, 82px 82px, 82px 82px;
}

.speaker-identity[b-6lmsqwbtn1] {
    border-bottom: 1px solid var(--ofy-border);
    background: var(--ofy-surface);
}

.speaker-identity .speaker-container[b-6lmsqwbtn1] {
    position: relative;
}

.speaker-avatar[b-6lmsqwbtn1] {
    position: absolute;
    top: -82px;
    left: 24px;
    width: 144px;
    height: 144px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 5px solid var(--ofy-surface);
    border-radius: 22px;
    background: linear-gradient(145deg, var(--ofy-accent), var(--ofy-success));
    box-shadow: var(--ofy-shadow-hover);
    color: #fff;
    font-size: 34px;
    font-weight: 800;
}

.speaker-avatar img[b-6lmsqwbtn1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.speaker-identity-row[b-6lmsqwbtn1] {
    min-height: 154px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 26px 0 26px 176px;
}

.speaker-heading[b-6lmsqwbtn1] {
    min-width: 0;
}

.speaker-label[b-6lmsqwbtn1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    color: var(--ofy-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.speaker-heading h1[b-6lmsqwbtn1] {
    margin: 0;
    color: var(--ofy-text-primary);
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.1;
}

.speaker-heading > p[b-6lmsqwbtn1] {
    margin: 7px 0 0;
    color: var(--ofy-text-secondary);
    font-size: 15px;
}

.speaker-inline-meta[b-6lmsqwbtn1] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 13px;
    color: var(--ofy-text-secondary);
    font-size: 11px;
}

.speaker-inline-meta span[b-6lmsqwbtn1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.speaker-inline-meta i[b-6lmsqwbtn1] {
    color: var(--ofy-text-tertiary);
}

.speaker-inline-rating i[b-6lmsqwbtn1] {
    color: #f59e0b;
}

.speaker-inline-rating small[b-6lmsqwbtn1] {
    color: var(--ofy-text-tertiary);
}

.speaker-heading-actions[b-6lmsqwbtn1] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.speaker-social-actions[b-6lmsqwbtn1] {
    display: flex;
    gap: 7px;
}

.speaker-social-actions a[b-6lmsqwbtn1] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ofy-border);
    border-radius: 50%;
    color: var(--ofy-text-primary);
    text-decoration: none;
    transition: border-color .18s ease, color .18s ease, transform .18s ease;
}

.speaker-social-actions a:hover[b-6lmsqwbtn1] {
    border-color: var(--ofy-accent);
    color: var(--ofy-accent);
    transform: translateY(-2px);
}

.speaker-body[b-6lmsqwbtn1] {
    padding: 52px 0 72px;
}

.speaker-layout[b-6lmsqwbtn1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 42px;
    align-items: start;
}

.speaker-main[b-6lmsqwbtn1] {
    min-width: 0;
}

.speaker-section[b-6lmsqwbtn1] {
    margin-bottom: 42px;
}

.speaker-section:last-child[b-6lmsqwbtn1] {
    margin-bottom: 0;
}

.speaker-section h2[b-6lmsqwbtn1],
.speaker-side-card h2[b-6lmsqwbtn1],
.speaker-section-heading h2[b-6lmsqwbtn1] {
    margin: 0;
    color: var(--ofy-text-primary);
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -.02em;
}

.speaker-section > h2[b-6lmsqwbtn1] {
    margin-bottom: 18px;
}

.speaker-bio[b-6lmsqwbtn1] {
    color: var(--ofy-text-body);
    font-size: 14px;
    line-height: 1.8;
    white-space: pre-wrap;
}

.speaker-expertise-grid[b-6lmsqwbtn1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.speaker-expertise-card[b-6lmsqwbtn1] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 78px;
    padding: 16px;
    border-radius: var(--ofy-radius-md);
    background: var(--ofy-surface-alt);
}

.speaker-expertise-card > span[b-6lmsqwbtn1] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 9px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
}

.speaker-expertise-card strong[b-6lmsqwbtn1],
.speaker-expertise-card small[b-6lmsqwbtn1] {
    display: block;
}

.speaker-expertise-card strong[b-6lmsqwbtn1] {
    color: var(--ofy-text-primary);
    font-size: 13px;
}

.speaker-expertise-card small[b-6lmsqwbtn1] {
    margin-top: 3px;
    color: var(--ofy-text-tertiary);
    font-size: 10px;
}

.speaker-topic-list[b-6lmsqwbtn1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.speaker-topic-list span[b-6lmsqwbtn1] {
    padding: 7px 11px;
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-pill);
    background: var(--ofy-surface);
    color: var(--ofy-text-strong-secondary);
    font-size: 11px;
    font-weight: 600;
}

.speaker-section-heading[b-6lmsqwbtn1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.speaker-section-heading > span[b-6lmsqwbtn1] {
    min-width: 28px;
    padding: 4px 9px;
    border-radius: var(--ofy-radius-pill);
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.speaker-section-heading > a[b-6lmsqwbtn1] {
    color: var(--ofy-accent);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.speaker-session-list[b-6lmsqwbtn1] {
    display: grid;
    gap: 14px;
}

.speaker-session[b-6lmsqwbtn1] {
    padding: 22px;
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-md);
    background: var(--ofy-surface-alt);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.speaker-session:hover[b-6lmsqwbtn1] {
    border-color: var(--ofy-accent-tint-strong);
    box-shadow: var(--ofy-shadow-hover);
    transform: translateY(-2px);
}

.speaker-session-top[b-6lmsqwbtn1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.speaker-session h3[b-6lmsqwbtn1] {
    margin: 0;
    color: var(--ofy-text-primary);
    font-size: 15px;
    font-weight: 750;
}

.speaker-session h3 a[b-6lmsqwbtn1] {
    color: inherit;
    text-decoration: none;
}

.speaker-session.is-clickable[b-6lmsqwbtn1] {
    position: relative;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.speaker-session.is-clickable:hover[b-6lmsqwbtn1] {
    border-color: rgba(0, 216, 151, .45);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
    transform: translateY(-2px);
}

.speaker-session.is-clickable h3 a[b-6lmsqwbtn1]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
}

.speaker-session h3 a:hover[b-6lmsqwbtn1] {
    color: var(--ofy-accent);
}

.speaker-session-top p[b-6lmsqwbtn1] {
    display: flex;
    gap: 12px;
    margin: 5px 0 0;
    color: var(--ofy-text-secondary);
    font-size: 10px;
}

.speaker-session-category[b-6lmsqwbtn1] {
    padding: 5px 9px;
    border-radius: var(--ofy-radius-pill);
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
    font-size: 9px;
    font-weight: 700;
}

.speaker-session-abstract[b-6lmsqwbtn1] {
    margin: 13px 0;
    color: var(--ofy-text-secondary);
    font-size: 12px;
    line-height: 1.65;
}

.speaker-session footer[b-6lmsqwbtn1] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    color: var(--ofy-text-tertiary);
    font-size: 10px;
}

.speaker-session footer i[b-6lmsqwbtn1] {
    margin-right: 4px;
    color: var(--ofy-accent);
}

.speaker-session-language-toggle[b-6lmsqwbtn1] {
    position: relative;
    z-index: 1;
    padding: 0;
    border: 0;
    color: var(--ofy-accent);
    background: transparent;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.speaker-session-details-link[b-6lmsqwbtn1] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-inline-start: auto;
    color: var(--ofy-accent);
    text-decoration: none;
    font-weight: 750;
}

.speaker-session-details-link:hover[b-6lmsqwbtn1] {
    text-decoration: underline;
}

.speaker-session[dir="rtl"][b-6lmsqwbtn1] {
    text-align: right;
}

.speaker-event-grid[b-6lmsqwbtn1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.speaker-event[b-6lmsqwbtn1] {
    position: relative;
    min-height: 210px;
    padding: 18px;
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-md);
    background: var(--ofy-surface);
}

.speaker-event-mark[b-6lmsqwbtn1] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 9px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
}

.speaker-event > small[b-6lmsqwbtn1] {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 4px 7px;
    border-radius: var(--ofy-radius-pill);
    background: var(--ofy-success-bg);
    color: var(--ofy-success);
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.speaker-event > small.is-upcoming[b-6lmsqwbtn1],
.speaker-event > small.is-confirmed[b-6lmsqwbtn1] {
    background: var(--ofy-info-bg);
    color: var(--ofy-info);
}

.speaker-event > small.is-live[b-6lmsqwbtn1] {
    background: var(--ofy-success-bg);
    color: var(--ofy-success);
}

.speaker-event > small.is-past[b-6lmsqwbtn1] {
    background: var(--ofy-surface-alt);
    color: var(--ofy-text-secondary);
}

.speaker-event h3[b-6lmsqwbtn1] {
    margin: 0;
    color: var(--ofy-text-primary);
    font-size: 14px;
}

.speaker-event h3 a[b-6lmsqwbtn1] {
    color: inherit;
    text-decoration: none;
}

.speaker-event h3 a:hover[b-6lmsqwbtn1] {
    color: var(--ofy-accent);
}

.speaker-event p[b-6lmsqwbtn1] {
    margin: 9px 0 0;
    color: var(--ofy-text-secondary);
    font-size: 10px;
}

.speaker-event p i[b-6lmsqwbtn1] {
    margin-right: 5px;
    color: var(--ofy-accent);
}

.speaker-event-organizer strong[b-6lmsqwbtn1] {
    color: var(--ofy-text-strong-secondary);
    font-weight: 600;
}

.speaker-event-details[b-6lmsqwbtn1] {
    display: grid;
    gap: 7px;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid var(--ofy-divider);
}

.speaker-event-details span[b-6lmsqwbtn1] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: var(--ofy-text-secondary);
    font-size: 10px;
    line-height: 1.4;
}

.speaker-event-details i[b-6lmsqwbtn1] {
    width: 13px;
    flex: 0 0 13px;
    color: var(--ofy-accent);
    text-align: center;
}

.speaker-event-read-more[b-6lmsqwbtn1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 16px;
    padding: 8px 12px;
    border: 1px solid var(--ofy-accent);
    border-radius: var(--ofy-radius-pill);
    color: var(--ofy-accent);
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 160ms ease, color 160ms ease;
}

.speaker-event-read-more:hover[b-6lmsqwbtn1] {
    background: var(--ofy-accent);
    color: #07130e;
}

.speaker-event-read-more i[b-6lmsqwbtn1] {
    font-size: 9px;
    transition: transform 160ms ease;
}

.speaker-event-read-more:hover i[b-6lmsqwbtn1] {
    transform: translateX(2px);
}

[dir="rtl"] .speaker-event-read-more i[b-6lmsqwbtn1] {
    transform: rotate(180deg);
}

[dir="rtl"] .speaker-event-read-more:hover i[b-6lmsqwbtn1] {
    transform: rotate(180deg) translateX(2px);
}

.speaker-sidebar[b-6lmsqwbtn1] {
    display: grid;
    gap: 18px;
    position: sticky;
    top: 92px;
}

.speaker-side-card[b-6lmsqwbtn1] {
    padding: 20px;
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-md);
    background: var(--ofy-surface);
    box-shadow: var(--ofy-shadow-subtle);
}

.speaker-side-card h2[b-6lmsqwbtn1] {
    margin-bottom: 17px;
    font-size: 15px;
}

.speaker-stat-list[b-6lmsqwbtn1] {
    display: grid;
}

.speaker-stat-list > div[b-6lmsqwbtn1] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 0;
    border-bottom: 1px solid var(--ofy-border);
}

.speaker-stat-list > div:last-child[b-6lmsqwbtn1] {
    padding-bottom: 0;
    border-bottom: 0;
}

.speaker-stat-list span[b-6lmsqwbtn1] {
    color: var(--ofy-text-secondary);
    font-size: 10px;
}

.speaker-stat-list strong[b-6lmsqwbtn1] {
    color: var(--ofy-text-primary);
    font-size: 10px;
    text-align: right;
}

.speaker-connect-list[b-6lmsqwbtn1] {
    display: grid;
    gap: 5px;
}

.speaker-connect-list a[b-6lmsqwbtn1] {
    display: grid;
    grid-template-columns: 20px 1fr auto;
    gap: 9px;
    align-items: center;
    padding: 9px;
    border-radius: 9px;
    color: var(--ofy-text-primary);
    font-size: 11px;
    text-decoration: none;
}

.speaker-connect-list a:hover[b-6lmsqwbtn1] {
    background: var(--ofy-surface-alt);
    color: var(--ofy-accent);
}

.speaker-connect-list a > i:first-child[b-6lmsqwbtn1] {
    color: var(--ofy-accent);
    text-align: center;
}

.speaker-connect-list a > i:last-child[b-6lmsqwbtn1] {
    color: var(--ofy-text-tertiary);
    font-size: 8px;
}

.speaker-rating-card[b-6lmsqwbtn1] {
    border-top: 3px solid var(--ofy-accent);
}

.speaker-rating-overview[b-6lmsqwbtn1] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px;
    border-radius: 12px;
    background: var(--ofy-surface-alt);
}

.speaker-rating-overview > strong[b-6lmsqwbtn1] {
    color: var(--ofy-text-primary);
    font-size: 32px;
    line-height: 1;
}

.speaker-rating-stars[b-6lmsqwbtn1],
.speaker-rating-input[b-6lmsqwbtn1] {
    display: flex;
    gap: 3px;
    color: #f59e0b;
}

.speaker-rating-overview span[b-6lmsqwbtn1] {
    display: block;
    margin-top: 4px;
    color: var(--ofy-text-secondary);
    font-size: 9px;
}

.speaker-rating-form[b-6lmsqwbtn1] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--ofy-border);
}

.speaker-rating-form > label[b-6lmsqwbtn1] {
    display: block;
    margin-bottom: 7px;
    color: var(--ofy-text-primary);
    font-size: 11px;
    font-weight: 700;
}

.speaker-rating-input[b-6lmsqwbtn1] {
    margin-bottom: 10px;
}

.speaker-rating-input button[b-6lmsqwbtn1] {
    padding: 2px;
    border: 0;
    background: none;
    color: var(--ofy-text-tertiary);
    cursor: pointer;
}

.speaker-rating-input button.active[b-6lmsqwbtn1] {
    color: #f59e0b;
}

.speaker-rating-form textarea[b-6lmsqwbtn1] {
    min-height: 72px;
    font-size: 11px;
}

.speaker-rating-form .btn[b-6lmsqwbtn1] {
    width: 100%;
    margin-top: 9px;
}

.speaker-rating-error[b-6lmsqwbtn1],
.speaker-rating-success[b-6lmsqwbtn1],
.speaker-signin-rating[b-6lmsqwbtn1] {
    margin: 8px 0 0;
    font-size: 10px;
}

.speaker-rating-error[b-6lmsqwbtn1] {
    color: var(--ofy-danger);
}

.speaker-rating-success[b-6lmsqwbtn1] {
    color: var(--ofy-success);
}

.speaker-signin-rating[b-6lmsqwbtn1] {
    color: var(--ofy-text-secondary);
    text-align: center;
}

.speaker-signin-rating a[b-6lmsqwbtn1] {
    color: var(--ofy-accent);
    font-weight: 700;
}

.similar-speakers[b-6lmsqwbtn1] {
    padding: 52px 0 68px;
    background: var(--ofy-surface-alt);
}

.similar-speaker-grid[b-6lmsqwbtn1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.similar-speaker-card[b-6lmsqwbtn1] {
    overflow: hidden;
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-card);
    background: var(--ofy-surface);
    color: inherit;
    text-decoration: none;
    transition: box-shadow .18s ease, transform .18s ease;
}

.similar-speaker-card:hover[b-6lmsqwbtn1] {
    box-shadow: var(--ofy-shadow-hover);
    transform: translateY(-3px);
}

.similar-speaker-avatar[b-6lmsqwbtn1] {
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(145deg, var(--ofy-accent-tint), var(--ofy-surface-alt));
    color: var(--ofy-accent);
    font-size: 34px;
    font-weight: 800;
}

.similar-speaker-avatar img[b-6lmsqwbtn1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.similar-speaker-card > div:last-child[b-6lmsqwbtn1] {
    padding: 16px;
}

.similar-speaker-card h3[b-6lmsqwbtn1] {
    margin: 0;
    color: var(--ofy-text-primary);
    font-size: 14px;
}

.similar-speaker-card p[b-6lmsqwbtn1] {
    margin: 5px 0 10px;
    color: var(--ofy-text-secondary);
    font-size: 10px;
}

.similar-speaker-card small[b-6lmsqwbtn1] {
    color: var(--ofy-text-tertiary);
    font-size: 9px;
}

.similar-speaker-card small i[b-6lmsqwbtn1] {
    margin-right: 4px;
    color: var(--ofy-accent);
}

@media (max-width: 900px) {
    .speaker-layout[b-6lmsqwbtn1] {
        grid-template-columns: 1fr;
    }

    .speaker-sidebar[b-6lmsqwbtn1] {
        grid-row: 1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        position: static;
    }
}

@media (max-width: 720px) {
    .speaker-cover[b-6lmsqwbtn1] {
        height: 160px;
    }

    .speaker-avatar[b-6lmsqwbtn1] {
        top: -62px;
        width: 112px;
        height: 112px;
        font-size: 27px;
    }

    .speaker-identity-row[b-6lmsqwbtn1] {
        display: block;
        min-height: 0;
        padding: 66px 0 24px;
    }

    .speaker-heading-actions[b-6lmsqwbtn1] {
        margin-top: 18px;
    }

    .speaker-sidebar[b-6lmsqwbtn1],
    .similar-speaker-grid[b-6lmsqwbtn1] {
        grid-template-columns: 1fr;
    }

    .speaker-expertise-grid[b-6lmsqwbtn1],
    .speaker-event-grid[b-6lmsqwbtn1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .speaker-container[b-6lmsqwbtn1] {
        padding: 0 16px;
    }

    .speaker-body[b-6lmsqwbtn1] {
        padding-top: 36px;
    }

    .speaker-session-top[b-6lmsqwbtn1] {
        flex-direction: column;
    }

    .speaker-heading-actions[b-6lmsqwbtn1] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Views/Components/Public/Pages/Speakers.razor.rz.scp.css */
/* ── Discover Speakers Page ── */

/* ── Hero Banner ── */
.spk-hero[b-zxsiszlvmd] {
    position: relative;
    overflow: hidden;
    padding: 72px 24px 56px;
    text-align: center;
}

.spk-hero-bg[b-zxsiszlvmd] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
    z-index: 0;
}

    .spk-hero-bg[b-zxsiszlvmd]::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 20% 50%, var(--ofy-accent-glow) 0%, transparent 50%),
            radial-gradient(circle at 80% 30%, rgba(0, 227, 140, 0.08) 0%, transparent 40%);
    }

.spk-hero-content[b-zxsiszlvmd] {
    position: relative;
    z-index: 1;
    max-width: 640px;
    margin: 0 auto;
}

.spk-hero-title[b-zxsiszlvmd] {
    font-size: 2.5rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 12px;
    letter-spacing: -0.02em;
}

.spk-hero-subtitle[b-zxsiszlvmd] {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.65);
    margin: 0;
    line-height: 1.6;
}

/* ── Page Container ── */
.spk-page[b-zxsiszlvmd] {
    padding: 0 24px 64px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
}

/* ── Filter Bar ── */
.spk-filter-bar[b-zxsiszlvmd] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    padding: 16px 20px;
    background: var(--ofy-surface);
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-card);
    box-shadow: var(--ofy-shadow-card);
    margin-bottom: 32px;
}

.spk-search-wrap[b-zxsiszlvmd] {
    position: relative;
    flex: 1;
    min-width: 200px;
    max-width: 380px;
}

.spk-search-icon[b-zxsiszlvmd] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ofy-text-tertiary);
    font-size: 14px;
    pointer-events: none;
}

.spk-search-input[b-zxsiszlvmd] {
    width: 100%;
    padding: 10px 14px 10px 38px;
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-pill);
    background: var(--ofy-surface-alt);
    color: var(--ofy-text-primary);
    font-size: 14px;
    outline: none;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

    .spk-search-input:focus[b-zxsiszlvmd] {
        border-color: var(--ofy-accent);
        box-shadow: 0 0 0 3px var(--ofy-accent-tint);
    }

.spk-filter-select[b-zxsiszlvmd] {
    padding: 10px 14px;
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-pill);
    background: var(--ofy-surface-alt);
    color: var(--ofy-text-primary);
    font-size: 14px;
    min-width: 150px;
    outline: none;
    cursor: pointer;
    transition: border-color 180ms ease;
}

    .spk-filter-select:focus[b-zxsiszlvmd] {
        border-color: var(--ofy-accent);
    }

/* ── Result Count ── */
.spk-result-count[b-zxsiszlvmd] {
    font-size: 14px;
    color: var(--ofy-text-tertiary);
    font-weight: 500;
    margin-bottom: 20px;
    padding-left: 4px;
}

/* ── Speaker Grid ── */
.speakers-grid[b-zxsiszlvmd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 24px;
}

/* ── Speaker Card (vertical centered layout) ── */
.spk-card[b-zxsiszlvmd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 24px 24px;
    background: var(--ofy-surface);
    border: 1px solid var(--ofy-border);
    border-radius: var(--ofy-radius-card);
    text-decoration: none;
    color: inherit;
    position: relative;
    overflow: hidden;
    transition: border-color 200ms ease, box-shadow 300ms ease, transform 200ms ease;
}

    .spk-card[b-zxsiszlvmd]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, var(--ofy-accent), rgba(0, 227, 140, 0.3));
        opacity: 0;
        transition: opacity 250ms ease;
    }

    .spk-card:hover[b-zxsiszlvmd] {
        border-color: var(--ofy-accent-tint-strong);
        box-shadow: var(--ofy-shadow-hover);
        transform: translateY(-4px);
    }

    .spk-card:hover[b-zxsiszlvmd]::before {
        opacity: 1;
    }

/* ── Avatar ── */
.spk-card-avatar[b-zxsiszlvmd] {
    flex-shrink: 0;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--ofy-accent-tint);
    margin-bottom: 16px;
    border: 3px solid var(--ofy-surface);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    transition: transform 300ms ease, box-shadow 300ms ease;
}

.spk-card:hover .spk-card-avatar[b-zxsiszlvmd] {
    transform: scale(1.06);
    box-shadow: 0 6px 20px rgba(0, 227, 140, 0.15);
}

    .spk-card-avatar img[b-zxsiszlvmd] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.spk-card-initials[b-zxsiszlvmd] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--ofy-accent-tint), var(--ofy-accent-tint-strong));
    color: var(--ofy-accent);
    font-size: 1.75rem;
    font-weight: 800;
    user-select: none;
}

/* ── Card Body ── */
.spk-card-body[b-zxsiszlvmd] {
    flex: 1;
    min-width: 0;
    width: 100%;
}

.spk-card-name[b-zxsiszlvmd] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ofy-text-primary);
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.spk-card-tagline[b-zxsiszlvmd] {
    font-size: 13px;
    color: var(--ofy-text-secondary);
    margin-bottom: 12px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 39px;
}

.spk-card-meta[b-zxsiszlvmd] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 12px;
    color: var(--ofy-text-tertiary);
    margin-bottom: 10px;
}

    .spk-card-meta span[b-zxsiszlvmd] {
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 4px 10px;
        background: var(--ofy-surface-alt);
        border-radius: var(--ofy-radius-pill);
    }

    .spk-card-meta i[b-zxsiszlvmd] {
        color: var(--ofy-accent);
        font-size: 11px;
    }

/* ── Rating ── */
.spk-card-rating[b-zxsiszlvmd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 14px;
    color: #f59e0b;
    margin-top: 4px;
}

.spk-card-rating-count[b-zxsiszlvmd] {
    color: var(--ofy-text-tertiary);
    font-size: 12px;
    margin-left: 4px;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .spk-hero[b-zxsiszlvmd] {
        padding: 56px 20px 44px;
    }

    .spk-hero-title[b-zxsiszlvmd] {
        font-size: 2rem;
    }
}

@media (max-width: 640px) {
    .spk-hero[b-zxsiszlvmd] {
        padding: 44px 16px 36px;
    }

    .spk-hero-title[b-zxsiszlvmd] {
        font-size: 1.6rem;
    }

    .spk-hero-subtitle[b-zxsiszlvmd] {
        font-size: 0.95rem;
    }

    .spk-page[b-zxsiszlvmd] {
        padding: 0 16px 48px;
    }

    .spk-filter-bar[b-zxsiszlvmd] {
        padding: 12px 14px;
        gap: 8px;
    }

    .spk-search-wrap[b-zxsiszlvmd] {
        max-width: 100%;
        flex-basis: 100%;
    }

    .spk-filter-select[b-zxsiszlvmd] {
        flex: 1;
        min-width: 0;
    }

    .speakers-grid[b-zxsiszlvmd] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 16px;
    }

    .spk-card[b-zxsiszlvmd] {
        padding: 24px 16px 20px;
    }

    .spk-card-avatar[b-zxsiszlvmd] {
        width: 72px;
        height: 72px;
    }

    .spk-card-initials[b-zxsiszlvmd] {
        font-size: 1.4rem;
    }
}
/* /Views/Components/Suite/Shared/TrialModeBanner.razor.rz.scp.css */
.trial-mode-banner[b-8a9djbwjwy] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
    padding: 14px 18px;
    border: 1px solid var(--ofy-info);
    border-radius: var(--ofy-radius-card);
    background: var(--ofy-info-bg);
    color: var(--ofy-text-primary);
}

.trial-mode-banner > i[b-8a9djbwjwy] {
    color: var(--ofy-info);
    font-size: 20px;
}

.trial-mode-banner div[b-8a9djbwjwy] {
    display: grid;
    flex: 1;
    gap: 3px;
}

.trial-mode-banner span[b-8a9djbwjwy] {
    color: var(--ofy-text-secondary);
    font-size: 13px;
}

.trial-mode-banner.is-expired[b-8a9djbwjwy] {
    border-color: var(--ofy-warning);
    background: var(--ofy-warning-bg);
}

@media (max-width: 700px) {
    .trial-mode-banner[b-8a9djbwjwy] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}
/* /Views/Components/SuperAdmin/Pages/BlockedSlugs.razor.rz.scp.css */
.blocked-slug-layout[b-fbczewec57] {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.blocked-slug-editor[b-fbczewec57] {
    position: sticky;
    top: 92px;
    overflow: hidden;
}

.blocked-slug-editor > header[b-fbczewec57] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid var(--ofy-border);
}

.blocked-slug-editor > header > span[b-fbczewec57] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
}

.blocked-slug-editor h2[b-fbczewec57] {
    margin: 0;
    color: var(--ofy-text-primary);
    font-size: 15px;
}

.blocked-slug-editor header p[b-fbczewec57] {
    margin: 3px 0 0;
    color: var(--ofy-text-secondary);
    font-size: 10px;
}

.blocked-slug-form[b-fbczewec57] {
    padding: 20px;
}

.blocked-slug-form-grid[b-fbczewec57] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.blocked-slug-actions[b-fbczewec57] {
    display: flex;
    gap: 8px;
    margin-top: 18px;
}

.blocked-slug-toolbar[b-fbczewec57] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid var(--ofy-border);
}

.blocked-slug-toolbar > span[b-fbczewec57] {
    color: var(--ofy-text-secondary);
    font-size: 11px;
    white-space: nowrap;
}

.blocked-slug-search[b-fbczewec57] {
    position: relative;
    width: min(340px, 100%);
}

.blocked-slug-search > i[b-fbczewec57] {
    position: absolute;
    top: 50%;
    left: 13px;
    color: var(--ofy-text-tertiary);
    transform: translateY(-50%);
}

.blocked-slug-search .form-input[b-fbczewec57] {
    padding-left: 38px;
}

.blocked-slug-table-wrap[b-fbczewec57] {
    overflow-x: auto;
}

.blocked-slug-row-actions[b-fbczewec57] {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
}

.blocked-slug-delete[b-fbczewec57] {
    color: var(--ofy-danger);
}

@media (max-width: 900px) {
    .blocked-slug-layout[b-fbczewec57] {
        grid-template-columns: 1fr;
    }

    .blocked-slug-editor[b-fbczewec57] {
        position: static;
    }
}
/* /Views/Components/SuperAdmin/Pages/Languages.razor.rz.scp.css */
.language-admin-layout[b-xx6dkg25od] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.language-editor[b-xx6dkg25od],
.language-list[b-xx6dkg25od] {
    padding: 24px;
}

.language-section-header[b-xx6dkg25od] {
    display: flex;
    gap: 13px;
    margin-bottom: 22px;
}

.language-section-header > span[b-xx6dkg25od] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--ofy-primary) 11%, white);
    color: var(--ofy-primary);
}

.language-section-header h2[b-xx6dkg25od],
.language-section-header p[b-xx6dkg25od] {
    margin: 0;
}

.language-section-header p[b-xx6dkg25od] {
    margin-top: 4px;
    color: var(--ofy-text-secondary);
    font-size: 13px;
}

.language-editor-actions[b-xx6dkg25od],
.language-row-actions[b-xx6dkg25od] {
    display: flex;
    gap: 8px;
}

.language-editor-actions[b-xx6dkg25od] {
    margin-top: 22px;
}

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

.language-search[b-xx6dkg25od] {
    position: relative;
    flex: 1;
    max-width: 420px;
}

.language-search i[b-xx6dkg25od] {
    position: absolute;
    left: 14px;
    top: 50%;
    color: var(--ofy-text-secondary);
    transform: translateY(-50%);
}

.language-search .form-input[b-xx6dkg25od] {
    padding-left: 40px;
}

.language-table-wrap[b-xx6dkg25od] {
    overflow-x: auto;
}

.language-table-wrap td:first-child strong[b-xx6dkg25od],
.language-table-wrap td:first-child small[b-xx6dkg25od] {
    display: block;
}

.language-table-wrap td:first-child small[b-xx6dkg25od] {
    margin-top: 3px;
    color: var(--ofy-text-secondary);
}

.language-delete[b-xx6dkg25od] {
    color: var(--ofy-danger);
}

@media (max-width: 980px) {
    .language-admin-layout[b-xx6dkg25od] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Components/SuperAdmin/Pages/Plans.razor.rz.scp.css */
.admin-plans-layout[b-suuhw4i04e] {
    display: grid;
    grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1.5fr);
    gap: 20px;
    align-items: start;
}

.admin-plan-list[b-suuhw4i04e] {
    display: grid;
    gap: 8px;
}

.admin-plan-item[b-suuhw4i04e] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    width: 100%;
    padding: 12px;
    border: 1px solid transparent;
    border-radius: var(--ofy-radius-input);
    background: transparent;
    color: var(--ofy-text-primary);
    text-align: left;
}

.admin-plan-item:hover[b-suuhw4i04e],
.admin-plan-item.is-active[b-suuhw4i04e] {
    border-color: var(--ofy-border);
    background: var(--ofy-surface-alt);
}

.admin-plan-item.is-active[b-suuhw4i04e] {
    border-color: var(--ofy-accent);
}

.admin-plan-icon[b-suuhw4i04e],
.admin-plan-editor > header > span[b-suuhw4i04e] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 10px;
    background: var(--ofy-accent-tint);
    color: var(--ofy-accent);
}

.admin-plan-item span:nth-child(2)[b-suuhw4i04e] {
    display: grid;
    gap: 3px;
}

.admin-plan-item small[b-suuhw4i04e] {
    color: var(--ofy-text-secondary);
    font-size: 10px;
}

.admin-plan-editor[b-suuhw4i04e] {
    display: grid;
    gap: 20px;
}

.admin-plan-editor > header[b-suuhw4i04e] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.admin-plan-editor h2[b-suuhw4i04e],
.admin-plan-editor p[b-suuhw4i04e] {
    margin: 0;
}

.admin-plan-editor p[b-suuhw4i04e] {
    margin-top: 4px;
    color: var(--ofy-text-secondary);
    font-size: 12px;
}

.admin-plan-locked[b-suuhw4i04e],
.admin-plan-form-grid[b-suuhw4i04e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.admin-plan-locked > div[b-suuhw4i04e] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-radius: var(--ofy-radius-input);
    background: var(--ofy-surface-alt);
}

.admin-plan-locked span[b-suuhw4i04e] {
    color: var(--ofy-text-secondary);
    font-size: 10px;
}

.admin-plan-active[b-suuhw4i04e] {
    align-self: end;
    min-height: 46px;
}

@media (max-width: 900px) {
    .admin-plans-layout[b-suuhw4i04e] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .admin-plan-form-grid[b-suuhw4i04e],
    .admin-plan-locked[b-suuhw4i04e] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Layouts/LoginLayout.razor.rz.scp.css */
/* LoginLayout scoped styles */
.login-page[b-zqfxs3gd3w] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--ofy-bg);
}
/* /Views/Layouts/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ho6d6m5zcv],
.components-reconnect-repeated-attempt-visible[b-ho6d6m5zcv],
.components-reconnect-failed-visible[b-ho6d6m5zcv],
.components-pause-visible[b-ho6d6m5zcv],
.components-resume-failed-visible[b-ho6d6m5zcv],
.components-rejoining-animation[b-ho6d6m5zcv] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}