@import '_content/Blots.Ui/Blots.Ui.ogs6yjon5v.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ── Main layout ──────────────────────────────────────────────── */

.main-layout[b-0ghvf9clta] {
    max-width: 1200px;
    margin: 0 auto;
}

/* ── Auth bar ─────────────────────────────────────────────────── */

.auth-bar[b-0ghvf9clta] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: var(--space-md);
    gap: var(--space-sm);
    background: var(--color-surface-bar);
    border-bottom: 1px solid var(--color-border);
}

/* ── Nav bar links (app) ──────────────────────────────────────── */

.nav-app-link[b-0ghvf9clta] {
    font-size: var(--font-size-sm);
    color: var(--color-link);
    text-decoration: none;
    padding: var(--space-xs) var(--space-sm);
}

.nav-app-link:hover[b-0ghvf9clta] {
    text-decoration: underline;
}

/* ── User dropdown menu ───────────────────────────────────────── */

.user-menu[b-0ghvf9clta] {
    position: relative;
}

.user-menu-trigger[b-0ghvf9clta] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
}

.user-menu-trigger:hover[b-0ghvf9clta] {
    background: var(--color-border-subtle);
}

.user-menu-chevron[b-0ghvf9clta] {
    font-size: 0.75rem;
    transition: transform 0.15s ease;
}

.user-menu--open .user-menu-chevron[b-0ghvf9clta] {
    transform: rotate(180deg);
}

.user-menu-dropdown[b-0ghvf9clta] {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + var(--space-xs));
    min-width: 10rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-surface);
    z-index: 100;
    overflow: hidden;
}

.user-menu--open .user-menu-dropdown[b-0ghvf9clta] {
    display: flex;
    flex-direction: column;
}

.user-menu-item[b-0ghvf9clta] {
    display: block;
    width: 100%;
    padding: var(--space-sm) var(--space-md);
    font-size: var(--font-size-sm);
    color: var(--color-text);
    text-align: left;
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
}

.user-menu-item:hover[b-0ghvf9clta] {
    background: var(--color-surface-alt);
}

/* ── Backdrop (closes menu when clicking outside) ─────────────── */

.user-menu-backdrop[b-0ghvf9clta] {
    position: fixed;
    inset: 0;
    z-index: 99;
}
/* /Components/OnboardingCard.razor.rz.scp.css */
/* ── Onboarding overlay ───────────────────────────────────────── */

.onboarding-overlay[b-q4y97k4ffa] {
    padding: var(--space-xl) 1.25rem;
    background: var(--color-surface-hero);
    border-bottom: 1px solid var(--color-border-hero);
}

.onboarding-card[b-q4y97k4ffa] {
    max-width: 640px;
    margin: 0 auto;
    background: var(--color-surface);
    border: 1px solid var(--color-border-hero);
    border-radius: var(--radius-md);
    padding: var(--space-xl) 2.25rem;
    box-shadow: var(--shadow-surface);
}

.onboarding-heading[b-q4y97k4ffa] {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    margin: 0 0 var(--space-md);
    color: var(--color-text-heading);
}

.onboarding-body[b-q4y97k4ffa] {
    color: var(--color-text-secondary);
    line-height: var(--line-height-loose);
    margin: 0 0 var(--space-md);
}

.onboarding-tips[b-q4y97k4ffa] {
    margin: 0 0 1.25rem 1.25rem;
    padding: 0;
    color: var(--color-text-muted);
    line-height: 1.7;
}

.onboarding-tips li[b-q4y97k4ffa] {
    margin-bottom: 0.4rem;
}

.onboarding-prompt[b-q4y97k4ffa] {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    margin: 0 0 var(--space-lg);
}

.onboarding-actions[b-q4y97k4ffa] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.onboarding-dont-show-label[b-q4y97k4ffa] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
    cursor: pointer;
}

.onboarding-dont-show-label input[type="checkbox"][b-q4y97k4ffa] {
    accent-color: var(--color-primary);
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

@media (max-width: 480px) {
    .onboarding-card[b-q4y97k4ffa] {
        padding: var(--space-lg) 1.25rem;
    }
}
/* /Components/Pages/AppHome.razor.rz.scp.css */
/* ── App home ─────────────────────────────────────────────────── */

.home-container[b-fypkpfvlkf] {
    padding: var(--space-md);
}
/* /Components/Pages/Authentication/Authentication.razor.rz.scp.css */
/* ── Auth error panel ─────────────────────────────────────────── */

.auth-error-panel[b-boa39qovc4] {
    margin: var(--space-md);
    padding: var(--space-md);
    border: 1px solid var(--color-error-border);
    border-radius: var(--radius-sm);
    background: var(--color-error-bg);
}

.auth-error-title[b-boa39qovc4] {
    margin: 0 0 var(--space-sm) 0;
    font-size: var(--font-size-lg);
}

.auth-error-message[b-boa39qovc4] {
    margin: 0 0 var(--space-md) 0;
    color: var(--color-text-muted);
}

.auth-error-detail[b-boa39qovc4] {
    margin: 0 0 var(--space-md) 0;
    color: var(--color-text-muted);
    font-size: 0.95rem;
}

.auth-error-actions[b-boa39qovc4] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.auth-secondary-link[b-boa39qovc4] {
    color: var(--color-link);
    text-decoration: underline;
}

/* /Components/Pages/Home.razor.rz.scp.css */
/* ── Landing page ─────────────────────────────────────────────── */

/* Shared container */
.lp-container[b-dadt4i7cnq] {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 1.25rem;
}

/* Hero */
.lp-hero[b-dadt4i7cnq] {
    background: var(--color-surface-hero);
    padding: 4rem 0 3.5rem;
    text-align: center;
    border-bottom: 1px solid var(--color-border-hero);
}

.lp-hero-title[b-dadt4i7cnq] {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    margin: 0 0 var(--space-md);
    color: var(--color-text-heading);
}

.lp-hero-sub[b-dadt4i7cnq] {
    font-size: var(--font-size-md);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0 auto var(--space-xl);
    max-width: 560px;
}

/* CTA rows */
.lp-cta-row[b-dadt4i7cnq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    align-items: center;
}

.lp-cta-row-left[b-dadt4i7cnq] {
    justify-content: flex-start;
}

/* Secondary text link button (landing page only) */
.lp-btn-secondary[b-dadt4i7cnq] {
    font-size: 0.95rem;
    color: var(--color-link);
    text-decoration: underline;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

/* Sections */
.lp-section[b-dadt4i7cnq] {
    padding: var(--space-3xl) 0;
}

.lp-section-alt[b-dadt4i7cnq] {
    background: var(--color-surface-alt);
    border-top: 1px solid var(--color-border-subtle);
    border-bottom: 1px solid var(--color-border-subtle);
}

.lp-section-heading[b-dadt4i7cnq] {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-bold);
    margin: 0 0 1.25rem;
    color: var(--color-text-heading);
}

.lp-section-body[b-dadt4i7cnq] {
    color: var(--color-text-secondary);
    line-height: var(--line-height-loose);
    margin: 0 0 var(--space-md);
}

.lp-section-body:last-child[b-dadt4i7cnq] {
    margin-bottom: 0;
}

/* How it works – ordered steps */
.lp-steps[b-dadt4i7cnq] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.lp-step[b-dadt4i7cnq] {
    display: flex;
    gap: var(--space-md);
    align-items: flex-start;
}

.lp-step-num[b-dadt4i7cnq] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    background: var(--color-primary);
    color: var(--color-text-on-primary);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-sm);
    margin-top: 0.1rem;
}

.lp-step strong[b-dadt4i7cnq] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: var(--font-size-base);
}

.lp-step p[b-dadt4i7cnq] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: var(--line-height-normal);
}

/* Benefits */
.lp-benefits[b-dadt4i7cnq] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.75rem;
}

.lp-benefit[b-dadt4i7cnq] {
    display: flex;
    gap: 0.875rem;
    align-items: flex-start;
}

.lp-benefit-icon[b-dadt4i7cnq] {
    font-size: 1.5rem;
    flex-shrink: 0;
    line-height: 1;
    margin-top: 0.15rem;
}

.lp-benefit strong[b-dadt4i7cnq] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: var(--font-size-base);
}

.lp-benefit p[b-dadt4i7cnq] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: var(--line-height-normal);
}

/* Start here */
.lp-start-here[b-dadt4i7cnq] {
    background: var(--color-surface);
}

.lp-faq[b-dadt4i7cnq] {
    margin: var(--space-lg) 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.lp-faq-item[b-dadt4i7cnq] {
    border-left: 3px solid var(--color-primary);
    padding-left: 0.875rem;
}

.lp-faq-item dt[b-dadt4i7cnq] {
    font-weight: var(--font-weight-semibold);
    margin-bottom: 0.2rem;
    color: var(--color-text);
}

.lp-faq-item dd[b-dadt4i7cnq] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: var(--line-height-normal);
}

/* Footer CTA */
.lp-footer-cta[b-dadt4i7cnq] {
    background: var(--color-primary);
    padding: var(--space-2xl) 0;
    text-align: center;
}

.lp-footer-cta-inner[b-dadt4i7cnq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
}

.lp-footer-cta-text[b-dadt4i7cnq] {
    font-size: 1.4rem;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-on-primary);
    margin: 0;
}

/* Responsive tweaks */
@media (max-width: 480px) {
    .lp-hero[b-dadt4i7cnq] {
        padding: 2.5rem 0 2rem;
    }

    .lp-section[b-dadt4i7cnq] {
        padding: 2.5rem 0;
    }

    .lp-benefits[b-dadt4i7cnq] {
        grid-template-columns: 1fr;
    }

    .lp-cta-row-left[b-dadt4i7cnq] {
        justify-content: center;
    }
}
/* /Components/Pages/Preferences.razor.rz.scp.css */
/* ── Preferences page ─────────────────────────────────────────── */

.prefs-container[b-nfin1ahox6] {
    max-width: 560px;
    margin: 0 auto;
    padding: var(--space-xl) var(--space-md);
}

.prefs-heading[b-nfin1ahox6] {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-heading);
    margin: 0 0 var(--space-xl);
}

/* ── Section ──────────────────────────────────────────────────── */

.prefs-section[b-nfin1ahox6] {
    margin-bottom: var(--space-xl);
}

.prefs-section-heading[b-nfin1ahox6] {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    margin: 0 0 var(--space-sm);
    border-bottom: 1px solid var(--color-border-subtle);
    padding-bottom: var(--space-xs);
}

/* ── Theme radio group ────────────────────────────────────────── */

.prefs-label[b-nfin1ahox6] {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
    margin: 0 0 var(--space-xs);
}

.prefs-radio-group[b-nfin1ahox6] {
    display: flex;
    gap: var(--space-lg);
    flex-wrap: wrap;
}

.prefs-radio-label[b-nfin1ahox6] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--font-size-base);
    color: var(--color-text);
    cursor: pointer;
}

.prefs-radio-label input[type="radio"][b-nfin1ahox6] {
    accent-color: var(--color-primary);
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

/* ── Onboarding checkbox ──────────────────────────────────────── */

.prefs-checkbox-label[b-nfin1ahox6] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--font-size-base);
    color: var(--color-text);
    cursor: pointer;
}

.prefs-checkbox-label input[type="checkbox"][b-nfin1ahox6] {
    accent-color: var(--color-primary);
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

/* ── Actions ──────────────────────────────────────────────────── */

.prefs-actions[b-nfin1ahox6] {
    margin-top: var(--space-lg);
}

/* ── Feedback messages ────────────────────────────────────────── */

.prefs-loading[b-nfin1ahox6],
.prefs-saved[b-nfin1ahox6] {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-md);
}

.prefs-saved[b-nfin1ahox6] {
    color: var(--color-primary);
}

.prefs-error[b-nfin1ahox6] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    background: var(--color-error-bg);
    border: 1px solid var(--color-error-border);
    border-radius: var(--radius-sm);
    padding: var(--space-sm) var(--space-md);
    margin-bottom: var(--space-md);
}