/* /Components/DesignSystem/AppButton.razor.rz.scp.css */
.app-button[b-wjl415qb3t] {
    min-height: 44px;
    padding-inline: var(--space-4);
    border-radius: var(--radius-md);
    font-weight: 650;
    text-transform: none;
    letter-spacing: 0;
    box-shadow: none;
    transition: background-color 160ms ease-out, border-color 160ms ease-out, color 160ms ease-out, box-shadow 160ms ease-out;
}

.app-button:focus-visible[b-wjl415qb3t] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

/* Filled actions get a single soft lift; outlined ones stay flat on the backdrop. */
.app-button.mud-button-filled[b-wjl415qb3t] {
    box-shadow: var(--shadow-xs);
}

.app-button.mud-button-filled:hover[b-wjl415qb3t] {
    box-shadow: var(--shadow-sm);
}

.app-button.mud-button-outlined[b-wjl415qb3t] {
    background: var(--color-surface-raised);
}

.app-button__content[b-wjl415qb3t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-width: 0;
}

.app-button__label[b-wjl415qb3t] {
    overflow-wrap: anywhere;
}

.app-button__progress[b-wjl415qb3t] {
    flex: 0 0 auto;
}
/* /Components/DesignSystem/AppCard.razor.rz.scp.css */
/*
 * Cards float just above the app backdrop: a translucent surface plus a soft
 * shadow instead of a hard grey box, so the pattern behind stays perceptible.
 */
.app-card[b-fstknh1grn] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface-raised);
    backdrop-filter: blur(6px);
    color: var(--color-text);
    box-shadow: var(--shadow-sm);
    overflow: clip;
    transition: border-color 160ms ease-out, box-shadow 160ms ease-out;
}

.app-card:hover[b-fstknh1grn] {
    border-color: var(--color-border-strong);
    box-shadow: var(--shadow-md);
}
/* /Components/DesignSystem/AppCategoryTabs.razor.rz.scp.css */
/*
 * Mobile-first category rail: a round icon badge with the caption underneath,
 * so the category rail stays visible without boxed chips crowding the feed.
 * Deliberately a wrapping grid (never a sideways scroller) so nothing hides off-screen.
 */
.app-category-tabs[b-26etme3rqv] {
    width: 100%;
    min-width: 0;
}

/*
 * Column counts are driven by the longest Portuguese caption: three columns is the
 * widest cell that keeps `Alimentação` on one line on a 360 px phone.
 */
.app-category-tabs__grid[b-26etme3rqv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2) var(--space-1);
    width: 100%;
}

.app-category-tabs__tab[b-26etme3rqv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-1);
    min-height: 44px;
    min-width: 0;
    padding: var(--space-1) 0.125rem;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-text-muted);
    font: inherit;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    appearance: none;
    transition: color 160ms ease-out;
}

.app-category-tabs__badge[b-26etme3rqv] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.875rem;
    height: 2.875rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    background: var(--color-surface);
    color: var(--color-primary);
    box-shadow: var(--shadow-xs);
    transition: background-color 160ms ease-out, border-color 160ms ease-out, color 160ms ease-out, box-shadow 160ms ease-out;
}

/* Break on word boundaries first so captions never split mid-word when they fit. */
.app-category-tabs__label[b-26etme3rqv] {
    display: block;
    width: 100%;
    min-width: 0;
    overflow-wrap: break-word;
    hyphens: auto;
}

.app-category-tabs__tab:hover:not(.app-category-tabs__tab--active) .app-category-tabs__badge[b-26etme3rqv] {
    border-color: var(--color-border-strong);
    background: var(--color-primary-soft);
}

.app-category-tabs__tab--active[b-26etme3rqv] {
    color: var(--color-primary);
    font-weight: 700;
}

.app-category-tabs__tab--active .app-category-tabs__badge[b-26etme3rqv] {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: #fff;
    box-shadow: 0 0 0 4px var(--color-primary-ring);
}

.app-category-tabs__tab:active .app-category-tabs__badge[b-26etme3rqv] {
    transform: scale(0.96);
}

.app-category-tabs__tab:focus-visible[b-26etme3rqv] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

@media (min-width: 400px) {
    .app-category-tabs__grid[b-26etme3rqv] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 480px) {
    .app-category-tabs__grid[b-26etme3rqv] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (min-width: 600px) {
    .app-category-tabs__grid[b-26etme3rqv] {
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: var(--space-2);
    }

    .app-category-tabs__tab[b-26etme3rqv] {
        font-size: 0.75rem;
    }

    .app-category-tabs__badge[b-26etme3rqv] {
        width: 3.25rem;
        height: 3.25rem;
    }
}
/* /Components/DesignSystem/AppEmptyState.razor.rz.scp.css */
.app-empty-state[b-7t4tuzky5p] {
    display: flex;
    gap: var(--space-3);
    align-items: flex-start;
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface-raised);
    backdrop-filter: blur(6px);
    box-shadow: var(--shadow-xs);
}

/* Round badge keeps the icon from reading as a stray glyph next to the copy. */
.app-empty-state__icon[b-7t4tuzky5p] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-pill);
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

.app-empty-state__content[b-7t4tuzky5p] {
    min-width: 0;
}

.app-empty-state h2[b-7t4tuzky5p] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.app-empty-state p[b-7t4tuzky5p] {
    margin: var(--space-1) 0 0;
    color: var(--color-text-muted);
    line-height: 1.5;
}

.app-empty-state__action[b-7t4tuzky5p] {
    margin-top: var(--space-3);
}
/* /Components/DesignSystem/AppIconButton.razor.rz.scp.css */
.app-icon-button[b-0e5z101a6s] {
    min-width: 44px;
    min-height: 44px;
    border-radius: var(--radius-sm);
}

.app-icon-button:focus-visible[b-0e5z101a6s] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}
/* /Components/DesignSystem/AppLoadingState.razor.rz.scp.css */
.app-loading-state[b-0w7yryfk20] {
    display: grid;
    gap: var(--space-3);
}

.app-loading-state__label[b-0w7yryfk20] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Skeleton rows mirror the real listing card so nothing shifts when data lands. */
.app-loading-state__row[b-0w7yryfk20] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: var(--space-3);
    min-height: 7rem;
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface-raised);
    box-shadow: var(--shadow-xs);
}

.app-loading-state__media[b-0w7yryfk20] {
    border-radius: var(--radius-md);
}

.app-loading-state__body[b-0w7yryfk20] {
    display: grid;
    align-content: center;
    gap: var(--space-2);
    min-width: 0;
}
/* /Components/DesignSystem/AppPageHeader.razor.rz.scp.css */
.app-page-header[b-thln0aupbz] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
}

/* The eyebrow reads as a small pill so page identity survives the busier backdrop. */
.app-page-header__eyebrow[b-thln0aupbz] {
    justify-self: start;
    max-width: 100%;
    margin: 0;
    padding: 0.2rem 0.55rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
    border-radius: var(--radius-pill);
    background: var(--color-primary-soft);
    color: var(--color-primary);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.app-page-header h1[b-thln0aupbz] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.app-page-header__subtitle[b-thln0aupbz] {
    margin: 0;
    max-width: 46ch;
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

@media (min-width: 600px) {
    .app-page-header h1[b-thln0aupbz] {
        font-size: 1.875rem;
        line-height: 1.15;
    }
}
/* /Components/DesignSystem/AppValidationSummary.razor.rz.scp.css */
.app-validation-summary[b-hmx72zzge0] {
    padding: var(--space-3);
    border: 1px solid color-mix(in srgb, var(--color-error) 45%, var(--color-border));
    border-left: 4px solid var(--color-error);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-error) 7%, var(--color-surface));
    color: var(--color-text);
    box-shadow: var(--shadow-xs);
    scroll-margin-block: var(--space-6);
}

.app-validation-summary:focus[b-hmx72zzge0] {
    outline: none;
}

.app-validation-summary:focus-visible[b-hmx72zzge0] {
    outline: 3px solid var(--color-focus, #99f6e4);
    outline-offset: 2px;
}

.app-validation-summary h2[b-hmx72zzge0] {
    margin: 0;
    color: var(--color-error);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.app-validation-summary ul[b-hmx72zzge0] {
    margin: var(--space-2) 0 0;
    padding-left: var(--space-4);
    color: var(--color-text);
    font-size: 0.9375rem;
}
/* /Components/DesignSystem/TutorialCarousel.razor.rz.scp.css */
.nomural-carousel[b-k5ooictx76] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    position: relative;
    user-select: none;
    outline: none;
    box-sizing: border-box;
}

.nomural-carousel:focus-visible[b-k5ooictx76] {
    outline: 2px solid var(--color-primary);
    border-radius: var(--radius-lg);
    outline-offset: 4px;
}

.nomural-carousel__header[b-k5ooictx76] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
    text-align: center;
}

.nomural-carousel__step-badge[b-k5ooictx76] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.7rem;
    border-radius: var(--radius-pill);
    background: var(--color-primary-soft);
    color: var(--color-primary);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.nomural-carousel__progress[b-k5ooictx76] {
    width: 100%;
    max-width: 260px;
    height: 4px;
    background: var(--color-border);
    border-radius: var(--radius-pill);
    overflow: hidden;
    margin: 0 auto;
}

.nomural-carousel__progress-fill[b-k5ooictx76] {
    width: 33.33%;
    height: 100%;
    background: var(--color-primary);
    border-radius: var(--radius-pill);
    transition: width 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

.nomural-carousel__viewport[b-k5ooictx76] {
    overflow: hidden;
    width: 100%;
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    touch-action: pan-y;
}

.nomural-carousel__track[b-k5ooictx76] {
    display: flex;
    width: 100%;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform;
}

.nomural-carousel__slide[b-k5ooictx76] {
    flex: 0 0 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.nomural-carousel__content[b-k5ooictx76] {
    width: 100%;
    max-width: 320px;
    margin: 0 auto var(--space-2);
    padding: var(--space-1) var(--space-1) 0;
    text-align: center;
}

.nomural-carousel__step-title[b-k5ooictx76] {
    margin: 0 0 var(--space-1);
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-text);
    letter-spacing: -0.01em;
    line-height: 1.35;
}

.nomural-carousel__step-desc[b-k5ooictx76] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--color-text-muted);
    line-height: 1.45;
}

.nomural-carousel__device[b-k5ooictx76] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-1) 0;
}

.nomural-carousel__device-screen[b-k5ooictx76] {
    width: 100%;
    max-width: 270px;
    margin: 0 auto;
    border-radius: 22px;
    overflow: hidden;
    border: 2px solid var(--color-border-strong);
    box-shadow: 0 8px 24px rgba(15, 118, 110, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
    background: #111827;
}

.nomural-carousel__image[b-k5ooictx76] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 472 / 1024;
    object-fit: cover;
}

/* 
 * Controls bar: centered under device screen,
 * Buttons reduced by 25% with nowrap to prevent text wrapping.
 */
.nomural-carousel__controls[b-k5ooictx76] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 300px;
    margin: var(--space-3) auto 0;
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-border);
    box-sizing: border-box;
}

.nomural-carousel__btn[b-k5ooictx76] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: 30px;
    padding: 0.35rem 0.65rem;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-pill);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
    transition: all 0.2s ease;
}

.nomural-carousel__btn:hover:not(:disabled)[b-k5ooictx76] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: var(--color-primary-soft);
}

.nomural-carousel__btn:focus-visible[b-k5ooictx76] {
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
}

.nomural-carousel__btn:disabled[b-k5ooictx76] {
    opacity: 0.35;
    cursor: not-allowed;
    border-color: var(--color-border);
    color: var(--color-disabled-text);
}

.nomural-carousel__dots[b-k5ooictx76] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

.nomural-carousel__dot[b-k5ooictx76] {
    height: 3px;
    width: 6px;
    border: none;
    border-radius: var(--radius-pill);
    background: var(--color-border-strong);
    padding: 0;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.nomural-carousel__dot:hover[b-k5ooictx76] {
    background: var(--color-primary);
    opacity: 0.7;
}

.nomural-carousel__dot--active[b-k5ooictx76] {
    width: 18px;
    height: 3px;
    background: var(--color-primary);
}

.nomural-carousel__dot:focus-visible[b-k5ooictx76] {
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
}

@media (max-width: 480px) {
    .nomural-carousel[b-k5ooictx76] {
        max-width: 100%;
        padding: 0 var(--space-1);
    }

    .nomural-carousel__device-screen[b-k5ooictx76] {
        max-width: 250px;
        border-radius: 18px;
    }

    .nomural-carousel__content[b-k5ooictx76] {
        max-width: 270px;
    }

    .nomural-carousel__step-title[b-k5ooictx76] {
        font-size: 0.95rem;
    }

    .nomural-carousel__step-desc[b-k5ooictx76] {
        font-size: 0.8125rem;
    }

    .nomural-carousel__controls[b-k5ooictx76] {
        max-width: 270px;
        gap: var(--space-1);
    }

    .nomural-carousel__btn[b-k5ooictx76] {
        min-height: 28px;
        padding: 0.28rem 0.55rem;
        font-size: 0.725rem;
    }
}
/* /Components/Layout/AdminLayout.razor.rz.scp.css */
/* Transparent so the app backdrop defined in app.css reads through the admin shell. */
.admin-layout[b-brk2d9dq4m] {
    width: 100%;
    min-height: 100dvh;
    background: transparent;
}

.admin-layout__content[b-brk2d9dq4m] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: var(--space-4);
    width: min(100%, 40rem);
    min-width: 0;
    min-height: 100dvh;
    margin-inline: auto;
    padding: var(--space-3);
    box-sizing: border-box;
}

/* Sticky translucent brand bar gives the dense admin views a stable anchor. */
.admin-layout__bar[b-brk2d9dq4m] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface-raised);
    backdrop-filter: blur(10px);
    box-shadow: var(--shadow-xs);
}

.admin-layout__brand[b-brk2d9dq4m] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
    color: var(--color-text);
    text-decoration: none;
}

.admin-layout__brand-mark[b-brk2d9dq4m] {
    display: block;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.admin-layout__brand-text[b-brk2d9dq4m] {
    display: grid;
    min-width: 0;
}

.admin-layout__brand-name[b-brk2d9dq4m] {
    color: var(--color-text);
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.2;
}

.admin-layout__brand-scope[b-brk2d9dq4m] {
    color: var(--color-text-muted);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.2;
    text-transform: uppercase;
}

.admin-layout__brand:focus-visible[b-brk2d9dq4m] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
    border-radius: var(--radius-md);
}

.admin-layout__logout-form[b-brk2d9dq4m] {
    margin: 0;
}

.admin-layout__logout[b-brk2d9dq4m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 5.5rem;
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-primary);
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 650;
    line-height: 1.2;
    cursor: pointer;
    appearance: none;
    box-sizing: border-box;
    transition: background-color 160ms ease-out, border-color 160ms ease-out, color 160ms ease-out;
}

.admin-layout__logout:hover[b-brk2d9dq4m] {
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
    color: var(--color-primary-hover);
}

.admin-layout__logout:focus-visible[b-brk2d9dq4m] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

@media (min-width: 600px) {
    .admin-layout__content[b-brk2d9dq4m] {
        width: min(100%, 48rem);
        padding: var(--space-5);
        gap: var(--space-5);
    }
}

@media (min-width: 960px) {
    .admin-layout__content[b-brk2d9dq4m] {
        width: min(100%, 56rem);
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Transparent so the app backdrop defined in app.css reads through the shell. */
.app-shell[b-yhq7jicbgu] {
    min-height: 100dvh;
    background: transparent;
    color: var(--color-text);
}

.app-shell__content[b-yhq7jicbgu] {
    min-height: 100dvh;
}

#blazor-error-ui[b-yhq7jicbgu] {
    color-scheme: light;
    background: var(--color-warning);
    bottom: 0;
    box-shadow: 0 -2px 12px rgba(16, 40, 38, 0.18);
    box-sizing: border-box;
    color: #111827;
    display: none;
    left: 0;
    min-height: 44px;
    padding: 0.75rem 3rem 0.75rem 1rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .reload[b-yhq7jicbgu] {
    color: #111827;
    font-weight: 700;
}

#blazor-error-ui .dismiss[b-yhq7jicbgu] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/PublicFeedLayout.razor.rz.scp.css */
/* Transparent so the app backdrop defined in app.css reads through the buyer shell. */
.public-feed-layout[b-dvzdzhjvwt] {
    min-height: 100dvh;
    background: transparent;
}

.public-feed-layout__content[b-dvzdzhjvwt] {
    min-height: 100dvh;
}

.skip-link[b-dvzdzhjvwt] {
    position: fixed;
    top: var(--space-2);
    left: var(--space-2);
    z-index: 1100;
    transform: translateY(-150%);
    min-height: 44px;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    background: var(--color-primary);
    color: #fff;
    font-weight: 700;
    box-shadow: var(--shadow-md);
}

.skip-link:focus[b-dvzdzhjvwt] {
    transform: translateY(0);
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-a3ip3mk3e5] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
/* /Components/Layout/SellerLayout.razor.rz.scp.css */
/* Transparent so the app backdrop defined in app.css reads through the seller shell. */
.work-area-layout[b-h5nd254otd] {
    width: 100%;
    min-height: 100dvh;
    background: transparent;
}

.work-area-layout__content[b-h5nd254otd] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: var(--space-4);
    width: min(100%, 40rem);
    min-width: 0;
    min-height: 100dvh;
    margin-inline: auto;
    padding: var(--space-3);
    box-sizing: border-box;
}

.work-area-layout__bar[b-h5nd254otd] {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface-raised);
    backdrop-filter: blur(10px);
    box-shadow: var(--shadow-xs);
}

.work-area-layout__brand[b-h5nd254otd] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
}

.work-area-layout__brand-mark[b-h5nd254otd] {
    display: block;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.work-area-layout__brand-text[b-h5nd254otd] {
    display: grid;
    min-width: 0;
}

.work-area-layout__brand-name[b-h5nd254otd] {
    color: var(--color-text);
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.2;
}

.work-area-layout__brand-scope[b-h5nd254otd] {
    color: var(--color-text-muted);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (min-width: 600px) {
    .work-area-layout__content[b-h5nd254otd] {
        width: min(100%, 48rem);
        padding: var(--space-5);
        gap: var(--space-5);
    }
}

@media (min-width: 960px) {
    .work-area-layout__content[b-h5nd254otd] {
        width: min(100%, 56rem);
    }
}
/* /Components/Pages/Admin/AdminBuildingListingsPage.razor.rz.scp.css */
.admin-shell[b-35vv8a23pb] {
    display: grid;
    align-content: start;
    gap: var(--space-4);
    width: 100%;
    min-width: 0;
}

.admin-shell__back[b-35vv8a23pb] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    width: fit-content;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
    color: var(--color-primary);
    font-weight: 650;
    text-decoration: none;
}

.admin-shell__back:hover[b-35vv8a23pb] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

.admin-listing-filters[b-35vv8a23pb] {
    width: 100%;
    min-width: 0;
    padding: var(--space-1);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface-raised);
    box-shadow: var(--shadow-xs);
}

.admin-listing-filters__grid[b-35vv8a23pb] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-1);
    width: 100%;
}

@media (max-width: 640px) {
    .admin-listing-filters__grid[b-35vv8a23pb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.admin-listing-filters__tab[b-35vv8a23pb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    width: 100%;
    padding: 0.55rem 0.75rem;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-text-muted);
    font: inherit;
    font-size: 0.875rem;
    font-weight: 650;
    line-height: 1.2;
    cursor: pointer;
    appearance: none;
    transition: background-color 160ms ease-out, color 160ms ease-out;
}

.admin-listing-filters__tab--active[b-35vv8a23pb] {
    background: var(--color-primary);
    color: #fff;
    box-shadow: var(--shadow-xs);
}

.admin-listing-filters__tab:hover:not(:disabled):not(.admin-listing-filters__tab--active)[b-35vv8a23pb] {
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

.admin-listing-filters__tab:disabled[b-35vv8a23pb] {
    opacity: 0.55;
    cursor: not-allowed;
}

.admin-listing-list[b-35vv8a23pb] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
}

.admin-listing-card[b-35vv8a23pb] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-left: 4px solid var(--color-primary);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
    box-shadow: var(--shadow-xs);
}

.admin-listing-card--published[b-35vv8a23pb] {
    border-left-color: #059669;
}

.admin-listing-card--removed[b-35vv8a23pb] {
    border-left-color: #e11d48;
    background: #fffbfa;
}

.admin-listing-card--other[b-35vv8a23pb] {
    border-left-color: #94a3b8;
}

.admin-listing-card__header[b-35vv8a23pb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.admin-listing-card__main-info[b-35vv8a23pb] {
    display: grid;
    gap: var(--space-1);
}

.admin-listing-card__category[b-35vv8a23pb] {
    font-size: 0.75rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

.admin-listing-card__title[b-35vv8a23pb] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--color-text);
}

.admin-listing-card__price[b-35vv8a23pb] {
    font-size: 1rem;
    font-weight: 650;
    color: #059669;
}

.admin-listing-status[b-35vv8a23pb] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.admin-listing-status--published[b-35vv8a23pb] {
    background: #ecfdf5;
    color: #047857;
}

.admin-listing-status--removed[b-35vv8a23pb] {
    background: #fff1f2;
    color: #be123c;
}

.admin-listing-status--other[b-35vv8a23pb] {
    background: #f1f5f9;
    color: #475569;
}

.admin-listing-card__details[b-35vv8a23pb] {
    display: grid;
    gap: 0.35rem;
    font-size: 0.9rem;
    color: var(--color-text-muted);
}

.admin-listing-card__details p[b-35vv8a23pb] {
    margin: 0;
}

.admin-listing-card__seller[b-35vv8a23pb] {
    color: var(--color-text);
}

.admin-listing-card__residence[b-35vv8a23pb] {
    color: var(--color-text-muted);
    font-weight: normal;
}

.admin-listing-card__contact[b-35vv8a23pb] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.admin-listing-card__dates[b-35vv8a23pb] {
    font-size: 0.8rem;
    color: #94a3b8;
}

.admin-listing-card__reason-callout[b-35vv8a23pb] {
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: #fef2f2;
    border-left: 3px solid #e11d48;
    color: #991b1b;
    font-size: 0.875rem;
}

.admin-listing-card__reason-callout p[b-35vv8a23pb] {
    margin: 0.25rem 0 0 0;
    color: #7f1d1d;
}

.admin-listing-card__actions[b-35vv8a23pb] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
    flex-wrap: wrap;
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-border);
}

.admin-action[b-35vv8a23pb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.5rem 1rem;
    border-radius: var(--radius-md);
    font-size: 0.875rem;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 150ms ease-in-out;
}

.admin-action--primary[b-35vv8a23pb] {
    background: var(--color-primary);
    color: #fff;
    border: none;
}

.admin-action--primary:hover[b-35vv8a23pb] {
    background: var(--color-primary-hover);
}

.admin-action--secondary[b-35vv8a23pb] {
    background: var(--color-surface);
    color: var(--color-text);
    border: 1px solid var(--color-border);
}

.admin-action--secondary:hover[b-35vv8a23pb] {
    background: var(--color-surface-hover);
}

.admin-action--danger[b-35vv8a23pb] {
    background: #e11d48;
    color: #fff;
    border: none;
}

.admin-action--danger:hover[b-35vv8a23pb] {
    background: #be123c;
}

.admin-action--danger-outline[b-35vv8a23pb] {
    background: transparent;
    color: #e11d48;
    border: 1px solid #fecdd3;
}

.admin-action--danger-outline:hover[b-35vv8a23pb] {
    background: #fff1f2;
    border-color: #fda4af;
}

.admin-listing-card__removal-panel[b-35vv8a23pb] {
    display: grid;
    gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    background: #fff1f2;
    border: 1px solid #fecdd3;
}

.admin-listing-card__removal-label[b-35vv8a23pb] {
    font-weight: 700;
    color: #9f1239;
    font-size: 0.95rem;
}

.admin-listing-card__removal-hint[b-35vv8a23pb] {
    margin: 0;
    font-size: 0.85rem;
    color: #881337;
}

.admin-listing-card__removal-error[b-35vv8a23pb] {
    margin: 0;
    color: #be123c;
    font-weight: 600;
    font-size: 0.85rem;
}

.admin-listing-card__removal-actions[b-35vv8a23pb] {
    display: flex;
    gap: var(--space-2);
    margin-top: var(--space-2);
}
/* /Components/Pages/Admin/AdminHomePage.razor.rz.scp.css */
.admin-create-building[b-ecyyevu11n] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
}

.admin-create-building h2[b-ecyyevu11n] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.125rem;
    font-weight: 700;
}

.admin-create-building p[b-ecyyevu11n] {
    margin: 0;
    color: var(--color-text-muted);
}

.admin-shell[b-ecyyevu11n] {
    display: grid;
    align-content: start;
    gap: var(--space-4);
    width: 100%;
    min-width: 0;
}

.admin-shell__poster-note[b-ecyyevu11n] {
    width: 100%;
    margin: 0;
    border-radius: var(--radius-md);
    background: var(--color-surface-raised);
}

/* Outlined Mud inputs are transparent by default, which reads as unfinished over the
   backdrop pattern. Give the search field an opaque surface like the feed search. */
.admin-shell[b-ecyyevu11n]  .mud-input.mud-input-outlined {
    background: var(--color-surface);
    border-radius: var(--radius-md);
}

.admin-building-list[b-ecyyevu11n] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
}

/* Building rows read as light floating cards instead of flat grey boxes. */
.admin-building-card[b-ecyyevu11n] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
    backdrop-filter: blur(8px);
    box-shadow: var(--shadow-xs);
    transition: border-color 160ms ease-out, box-shadow 160ms ease-out;
}

.admin-building-card:hover[b-ecyyevu11n] {
    border-color: var(--color-border-strong);
    box-shadow: var(--shadow-sm);
}

.admin-building-card__header[b-ecyyevu11n] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
}

.admin-building-card__avatar[b-ecyyevu11n] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-md);
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

.admin-building-card__titles[b-ecyyevu11n] {
    display: grid;
    gap: var(--space-1);
    flex: 1 1 auto;
    min-width: 0;
}

.admin-building-card__titles h2[b-ecyyevu11n] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.admin-building-card__titles p[b-ecyyevu11n] {
    margin: 0;
    color: var(--color-text-muted);
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: 0.75rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.admin-building-card__badge[b-ecyyevu11n] {
    flex: 0 0 auto;
    padding: 0.2rem 0.55rem;
    border: 1px solid var(--color-warning);
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--color-warning) 12%, var(--color-surface));
    color: var(--color-warning);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-building-card__actions[b-ecyyevu11n] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-2);
    width: 100%;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

.admin-building-card__poster-form[b-ecyyevu11n] {
    display: grid;
    width: 100%;
    margin: 0;
    min-width: 0;
}

.admin-action[b-ecyyevu11n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0.625rem 1rem;
    border-radius: var(--radius-md);
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 650;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 160ms ease-out, border-color 160ms ease-out, color 160ms ease-out, box-shadow 160ms ease-out;
}

.admin-action--primary[b-ecyyevu11n] {
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
    color: #fff;
    box-shadow: var(--shadow-xs);
}

.admin-action--primary:hover[b-ecyyevu11n] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: #fff;
    box-shadow: var(--shadow-sm);
}

.admin-action--secondary[b-ecyyevu11n] {
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-primary);
}

.admin-action--secondary:hover[b-ecyyevu11n] {
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
    color: var(--color-primary-hover);
}

.admin-action:focus-visible[b-ecyyevu11n] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

button.admin-action[b-ecyyevu11n] {
    appearance: none;
    font-family: inherit;
}

.admin-action:disabled[b-ecyyevu11n],
button.admin-action:disabled[b-ecyyevu11n] {
    cursor: not-allowed;
    border-color: var(--color-border);
    background: var(--color-disabled-bg);
    color: var(--color-disabled-text);
    box-shadow: none;
    opacity: 0.65;
    pointer-events: none;
}

@media (min-width: 600px) {
    .admin-building-card__actions[b-ecyyevu11n] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/Pages/Admin/AdminListingEditPage.razor.rz.scp.css */
.admin-shell[b-q9mt2mcp6i] {
    display: grid;
    align-content: start;
    gap: var(--space-4);
    width: 100%;
    min-width: 0;
}

.admin-shell__back[b-q9mt2mcp6i] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    width: fit-content;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
    color: var(--color-primary);
    font-weight: 650;
    text-decoration: none;
}

.admin-shell__back:hover[b-q9mt2mcp6i] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

.admin-listing-edit__seller-card[b-q9mt2mcp6i] {
    display: grid;
    gap: var(--space-2);
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border);
    border-left: 4px solid var(--color-primary);
}

.admin-listing-edit__seller-title[b-q9mt2mcp6i] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-text);
}

.admin-listing-edit__seller-grid[b-q9mt2mcp6i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-2);
    font-size: 0.875rem;
}

.admin-listing-edit__label[b-q9mt2mcp6i] {
    display: block;
    color: var(--color-text-muted);
    font-size: 0.75rem;
}

.admin-listing-edit__badge[b-q9mt2mcp6i] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: var(--radius-full);
    background: #f1f5f9;
    color: #334155;
    font-weight: 650;
    font-size: 0.75rem;
}

.admin-listing-edit__form[b-q9mt2mcp6i] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
}

.admin-listing-edit__error-list[b-q9mt2mcp6i] {
    margin: 0;
    padding-left: 1.25rem;
}

.admin-listing-edit__description-field[b-q9mt2mcp6i] {
    display: grid;
    gap: var(--space-1);
}

.admin-listing-edit__field-label[b-q9mt2mcp6i] {
    font-weight: 650;
    font-size: 0.9rem;
    color: var(--color-text);
}

.admin-listing-edit__editor[b-q9mt2mcp6i] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: #ffffff;
}

.admin-listing-edit__helper-text[b-q9mt2mcp6i] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--color-text-muted);
}

.admin-listing-edit__moderation-box[b-q9mt2mcp6i] {
    display: grid;
    gap: var(--space-2);
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-left: 4px solid #0284c7;
}

.admin-listing-edit__moderation-label[b-q9mt2mcp6i] {
    font-weight: 700;
    color: #0369a1;
    font-size: 0.95rem;
}

.admin-listing-edit__moderation-hint[b-q9mt2mcp6i] {
    margin: 0;
    font-size: 0.85rem;
    color: #0c4a6e;
}

.admin-listing-edit__actions[b-q9mt2mcp6i] {
    display: flex;
    gap: var(--space-3);
    align-items: center;
    margin-top: var(--space-2);
    flex-wrap: wrap;
}

.admin-action[b-q9mt2mcp6i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1.25rem;
    border-radius: var(--radius-md);
    font-size: 0.9rem;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 150ms ease-in-out;
}

.admin-action--primary[b-q9mt2mcp6i] {
    background: var(--color-primary);
    color: #fff;
    border: none;
}

.admin-action--primary:hover:not(:disabled)[b-q9mt2mcp6i] {
    background: var(--color-primary-hover);
}

.admin-action--primary:disabled[b-q9mt2mcp6i] {
    opacity: 0.65;
    cursor: not-allowed;
}

.admin-action--secondary[b-q9mt2mcp6i] {
    background: var(--color-surface);
    color: var(--color-text);
    border: 1px solid var(--color-border);
}

.admin-action--secondary:hover[b-q9mt2mcp6i] {
    background: var(--color-surface-hover);
}
/* /Components/Pages/Admin/AdminModerationPage.razor.rz.scp.css */
.admin-shell[b-9jotqil2gj] {
    display: grid;
    align-content: start;
    gap: var(--space-4);
    width: 100%;
    min-width: 0;
}

.admin-shell__back[b-9jotqil2gj] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    width: fit-content;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
    color: var(--color-primary);
    font-weight: 650;
    text-decoration: none;
}

.admin-shell__back:hover[b-9jotqil2gj] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

/* Segmented status filter sits on its own tray so the queue below stays scannable. */
.admin-review-filters[b-9jotqil2gj] {
    width: 100%;
    min-width: 0;
    padding: var(--space-1);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface-raised);
    box-shadow: var(--shadow-xs);
}

.admin-review-filters__grid[b-9jotqil2gj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-1);
    width: 100%;
}

.admin-review-filters__tab[b-9jotqil2gj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    width: 100%;
    padding: 0.55rem 0.75rem;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-text-muted);
    font: inherit;
    font-size: 0.875rem;
    font-weight: 650;
    line-height: 1.2;
    cursor: pointer;
    appearance: none;
    transition: background-color 160ms ease-out, color 160ms ease-out;
}

.admin-review-filters__tab--active[b-9jotqil2gj] {
    background: var(--color-primary);
    color: #fff;
    box-shadow: var(--shadow-xs);
}

.admin-review-filters__tab:hover:not(:disabled):not(.admin-review-filters__tab--active)[b-9jotqil2gj] {
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

.admin-review-filters__tab:disabled[b-9jotqil2gj] {
    opacity: 0.55;
    cursor: not-allowed;
}

.admin-review-filters__tab:focus-visible[b-9jotqil2gj] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

.admin-review-list[b-9jotqil2gj] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
}

.admin-review-card[b-9jotqil2gj] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-left: 4px solid var(--color-primary);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
    backdrop-filter: blur(8px);
    box-shadow: var(--shadow-xs);
}

.admin-review-card--refused[b-9jotqil2gj] {
    border-color: color-mix(in srgb, var(--color-error) 35%, var(--color-border));
    border-left-color: var(--color-error);
    background: color-mix(in srgb, var(--color-error) 4%, var(--color-surface));
}

.admin-review-card--approved[b-9jotqil2gj] {
    border-color: color-mix(in srgb, var(--color-success) 35%, var(--color-border));
    border-left-color: var(--color-success);
    background: color-mix(in srgb, var(--color-success) 5%, var(--color-surface));
}

.admin-review-card__body[b-9jotqil2gj] {
    display: grid;
    gap: var(--space-1);
    min-width: 0;
}

.admin-review-card__meta[b-9jotqil2gj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
}

.admin-review-card__body h2[b-9jotqil2gj] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.admin-review-card__body p[b-9jotqil2gj] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.875rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

/* Scoped past the generic body rule instead of using !important. */
.admin-review-card__body p.admin-review-card__hint[b-9jotqil2gj] {
    color: var(--color-error);
    font-weight: 600;
}

.admin-review-card__body p.admin-review-card__hint--approved[b-9jotqil2gj] {
    color: var(--color-success);
}

.admin-review-status[b-9jotqil2gj] {
    display: inline-flex;
    align-items: center;
    min-height: 1.5rem;
    padding: 0.15rem 0.55rem;
    border-radius: var(--radius-pill);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.admin-review-status--pending[b-9jotqil2gj] {
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
    color: var(--color-primary);
}

.admin-review-status--refused[b-9jotqil2gj] {
    background: color-mix(in srgb, var(--color-error) 14%, var(--color-surface));
    color: var(--color-error);
}

.admin-review-status--approved[b-9jotqil2gj] {
    background: color-mix(in srgb, var(--color-success) 14%, var(--color-surface));
    color: var(--color-success);
}

.admin-review-card__refusal[b-9jotqil2gj] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    padding-top: var(--space-3);
    border-top: 1px solid color-mix(in srgb, var(--color-error) 30%, var(--color-border));
}

.admin-review-card__refusal-label[b-9jotqil2gj] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-text);
}

.admin-review-card__refusal-hint[b-9jotqil2gj] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--color-text-muted);
    line-height: 1.4;
}

.admin-review-card__refusal-error[b-9jotqil2gj] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-error);
}

.admin-review-card__refusal-actions[b-9jotqil2gj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-2);
    padding-top: var(--space-2);
}

.admin-review-card__actions[b-9jotqil2gj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-2);
    width: 100%;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

.admin-action[b-9jotqil2gj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0.625rem 1rem;
    border-radius: var(--radius-md);
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 650;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 160ms ease-out, border-color 160ms ease-out, color 160ms ease-out, opacity 160ms ease-out, box-shadow 160ms ease-out;
}

.admin-action:disabled[b-9jotqil2gj],
.admin-action--disabled[b-9jotqil2gj] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

.admin-action--secondary[b-9jotqil2gj] {
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-primary);
}

.admin-action--secondary:hover:not(:disabled)[b-9jotqil2gj] {
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}

.admin-action--success[b-9jotqil2gj] {
    border: 1px solid var(--color-success);
    background: var(--color-success);
    color: #fff;
    box-shadow: var(--shadow-xs);
}

.admin-action--success:hover:not(:disabled)[b-9jotqil2gj] {
    filter: brightness(0.95);
    box-shadow: var(--shadow-sm);
}

.admin-action--danger[b-9jotqil2gj] {
    border: 1px solid color-mix(in srgb, var(--color-error) 45%, var(--color-border));
    background: var(--color-surface);
    color: var(--color-error);
}

.admin-action--danger:hover:not(:disabled)[b-9jotqil2gj] {
    border-color: var(--color-error);
    background: color-mix(in srgb, var(--color-error) 8%, var(--color-surface));
}

.admin-action:focus-visible[b-9jotqil2gj] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

button.admin-action[b-9jotqil2gj] {
    appearance: none;
    font-family: inherit;
}

@media (min-width: 600px) {
    .admin-review-card__actions[b-9jotqil2gj] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/Pages/Admin/AdminPilotMetricsPage.razor.rz.scp.css */
.admin-shell[b-db2wft4y57] {
    display: grid;
    align-content: start;
    gap: var(--space-4);
    width: 100%;
    min-width: 0;
}

.admin-shell__back[b-db2wft4y57] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    width: fit-content;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
    color: var(--color-primary);
    font-weight: 650;
    text-decoration: none;
}

.admin-shell__back:hover[b-db2wft4y57] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

.pilot-metrics__summary[b-db2wft4y57] {
    display: grid;
    gap: var(--space-3);
    grid-template-columns: 1fr;
    width: 100%;
}

/* KPI tiles: quiet uppercase caption over a single large figure. */
.pilot-metrics__summary[b-db2wft4y57]  .mud-paper {
    display: grid;
    align-content: start;
    gap: var(--space-1);
    border: 1px solid var(--color-border);
    border-top: 3px solid var(--color-primary);
    border-radius: var(--radius-lg);
    background: var(--color-surface-raised);
    box-shadow: var(--shadow-xs);
}

.pilot-metrics__summary[b-db2wft4y57]  .mud-typography-overline {
    color: var(--color-text-muted);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.3;
}

.pilot-metrics__summary[b-db2wft4y57]  .mud-typography-h4 {
    color: var(--color-primary-active);
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.pilot-metrics__series[b-db2wft4y57] {
    display: grid;
    gap: var(--space-2);
    margin-top: 0;
}

.pilot-metrics__series h2[b-db2wft4y57] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.pilot-metrics__day[b-db2wft4y57] {
    display: grid;
    gap: var(--space-1);
    grid-template-columns: 1fr;
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface-raised);
    color: var(--color-text-muted);
    font-size: 0.875rem;
    box-shadow: var(--shadow-xs);
}

.pilot-metrics__day span:first-child[b-db2wft4y57] {
    color: var(--color-text);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

@media (min-width: 600px) {
    .pilot-metrics__summary[b-db2wft4y57] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pilot-metrics__day[b-db2wft4y57] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: center;
        gap: var(--space-2);
    }
}

@media (min-width: 960px) {
    .pilot-metrics__summary[b-db2wft4y57] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-page[b-6toe69g61y] {
    display: grid;
    min-height: 100dvh;
    place-items: center;
    padding: var(--space-4);
}

.error-page[b-6toe69g61y]  .app-empty-state {
    width: min(100%, 30rem);
}

.error-page__reference[b-6toe69g61y] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.875rem;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-state[b-60lpj6iuak] {
    display: grid;
    min-height: 100dvh;
    place-items: center;
    align-content: center;
    gap: var(--space-4);
    padding: var(--space-4);
}

.home-state__brand[b-60lpj6iuak] {
    display: flex;
    justify-content: center;
}

.home-state__logo[b-60lpj6iuak] {
    height: 3.5rem;
    width: auto;
    object-fit: contain;
}

.home-state[b-60lpj6iuak]  .app-empty-state {
    width: min(100%, 30rem);
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.not-found-page[b-loweefbdmn] {
    display: grid;
    min-height: 100dvh;
    place-items: center;
    padding: var(--space-4);
}

.not-found-page[b-loweefbdmn]  .app-empty-state {
    width: min(100%, 30rem);
}
/* /Components/Pages/PublicFeed/BuildingFeedPage.razor.rz.scp.css */
.building-feed[b-2tlnr2n80c] {
    display: grid;
    gap: var(--space-4);
    width: min(100%, 40rem);
    margin: 0 auto;
    padding: var(--space-4) var(--space-3) var(--space-6);
    min-width: 0;
    overflow-x: clip;
}

/* Building identity sits on a slim navigation panel, conserving vertical space. */
.building-feed__header[b-2tlnr2n80c] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
    backdrop-filter: blur(8px);
    box-shadow: var(--shadow-xs);
}

.building-feed__header-bar[b-2tlnr2n80c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
}

.building-feed__header-identity[b-2tlnr2n80c] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex: 1 1 auto;
    min-width: 0;
}

.building-feed__brand-logo[b-2tlnr2n80c] {
    display: block;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

/* Mobile slim header: keeps the bar compact (under 52px) by deferring full details to the drawer. */
.building-feed__header-identity[b-2tlnr2n80c]  .app-page-header {
    flex: 1 1 auto;
    min-width: 0;
    gap: 0;
}

.building-feed__header-identity[b-2tlnr2n80c]  .app-page-header__eyebrow {
    display: none;
}

.building-feed__header-identity[b-2tlnr2n80c]  .app-page-header h1 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.building-feed__header-identity[b-2tlnr2n80c]  .app-page-header__subtitle {
    display: none;
}

.building-feed__hamburger-wrapper[b-2tlnr2n80c] {
    flex-shrink: 0;
}

.building-feed__hamburger-button[b-2tlnr2n80c] {
    flex-shrink: 0;
}

.building-feed__privacy[b-2tlnr2n80c] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.8125rem;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.building-feed__privacy--desktop[b-2tlnr2n80c] {
    display: none;
}

.building-feed__seller-entry[b-2tlnr2n80c] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
}

.building-feed__seller-entry--desktop[b-2tlnr2n80c] {
    display: none;
}

.building-feed__seller-entry[b-2tlnr2n80c]  .building-feed__seller-login,
.building-feed__seller-entry[b-2tlnr2n80c]  .building-feed__seller-register {
    width: 100%;
    min-height: 44px;
}

/* Mobile drawer / sheet navigation */
.building-feed__drawer-backdrop[b-2tlnr2n80c] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(10, 15, 28, 0.45);
    backdrop-filter: blur(2px);
    transition: opacity 200ms ease-out;
}

.building-feed__drawer[b-2tlnr2n80c] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1201;
    width: min(88vw, 24rem);
    height: 100%;
    height: 100dvh;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
    background: var(--color-surface);
    border-left: 1px solid var(--color-border);
    box-shadow: var(--shadow-md);
    transform: translateX(100%);
    transition: transform 220ms ease-out;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.building-feed__drawer--open[b-2tlnr2n80c] {
    transform: translateX(0);
}

.building-feed__drawer-header[b-2tlnr2n80c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-4) var(--space-3);
    border-bottom: 1px solid var(--color-border);
}

.building-feed__drawer-brand[b-2tlnr2n80c] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    flex: 1 1 auto;
    min-width: 0;
}

.building-feed__drawer-logo[b-2tlnr2n80c] {
    display: block;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    margin-top: 0.125rem;
}

.building-feed__drawer-brand[b-2tlnr2n80c]  .app-page-header {
    flex: 1 1 auto;
    min-width: 0;
    gap: var(--space-1);
}

.building-feed__drawer-brand[b-2tlnr2n80c]  .app-page-header h1 {
    font-size: 1.25rem;
    line-height: 1.25;
}

.building-feed__drawer-brand[b-2tlnr2n80c]  .app-page-header__subtitle {
    font-size: 0.8125rem;
    line-height: 1.4;
}

.building-feed__drawer-close[b-2tlnr2n80c] {
    flex-shrink: 0;
    margin-top: -0.25rem;
    margin-right: -0.25rem;
}

.building-feed__drawer-body[b-2tlnr2n80c] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
}

.building-feed__drawer-divider[b-2tlnr2n80c] {
    height: 1px;
    background: var(--color-border);
    margin: 0;
}

.building-feed__seller-entry--drawer[b-2tlnr2n80c] {
    padding: var(--space-3);
    border: 1px solid color-mix(in srgb, var(--color-secondary) 18%, var(--color-border));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface) 90%, var(--color-secondary) 10%);
}

.building-feed__drawer-links[b-2tlnr2n80c] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.building-feed__drawer-link[b-2tlnr2n80c] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-1);
    color: var(--color-text-muted);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: color 150ms ease-out, background-color 150ms ease-out;
}

.building-feed__drawer-link:hover[b-2tlnr2n80c] {
    color: var(--color-primary);
    background: var(--color-surface-subtle);
}

/* Search gets the same floating panel treatment so it is anchored, not loose on the backdrop. */
.building-feed__search[b-2tlnr2n80c] {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: var(--space-2);
    margin: 0;
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
    backdrop-filter: blur(8px);
    box-shadow: var(--shadow-xs);
}

.building-feed__search[b-2tlnr2n80c]  .mud-input-control {
    margin-top: 0;
    margin-bottom: 0;
}

.building-feed__search[b-2tlnr2n80c]  .mud-input.mud-input-outlined {
    background: var(--color-surface);
    border-radius: var(--radius-md);
}

.building-feed__search[b-2tlnr2n80c]  .building-feed__search-button {
    width: 100%;
}

/* Filters panel keeps the category rail and page-size pills visually grouped. */
.building-feed__filters[b-2tlnr2n80c] {
    display: grid;
    gap: var(--space-3);
    min-width: 0;
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
    backdrop-filter: blur(8px);
    box-shadow: var(--shadow-xs);
}

.building-feed__filters-label[b-2tlnr2n80c] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.building-feed__page-size[b-2tlnr2n80c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-border);
}

.building-feed__page-size-label[b-2tlnr2n80c] {
    color: var(--color-text-muted);
    font-size: 0.8125rem;
    font-weight: 600;
}

.building-feed__page-size-option[b-2tlnr2n80c] {
    min-height: 2.25rem;
    min-width: 2.5rem;
    padding-inline: var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-weight: 650;
    cursor: pointer;
    transition: background-color 160ms ease-out, border-color 160ms ease-out, color 160ms ease-out;
}

.building-feed__page-size-option:hover[b-2tlnr2n80c] {
    border-color: var(--color-border-strong);
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

.building-feed__page-size-option--active[b-2tlnr2n80c] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.building-feed__list[b-2tlnr2n80c] {
    display: grid;
    gap: var(--space-3);
}

.building-feed__pagination[b-2tlnr2n80c] {
    display: grid;
    min-height: 4rem;
    align-items: center;
}

.building-feed__interest-alert[b-2tlnr2n80c] {
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    color: var(--color-text);
    box-shadow: var(--shadow-xs);
}

.listing-card__article[b-2tlnr2n80c] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-3);
    padding: var(--space-3);
}

.listing-card__image[b-2tlnr2n80c] {
    aspect-ratio: 4 / 3;
    width: 100%;
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    color: var(--color-primary);
}

/*
 * `height: auto` is required. The width/height attributes on the img also map to
 * presentational height hints, so without it the definite 360px height wins and the
 * declared aspect-ratio is ignored — which stretched cards to 136x360 on desktop.
 * The ratio stays definite, so reserved space and CLS behavior are unchanged.
 */
img.listing-card__image[b-2tlnr2n80c] {
    display: block;
    height: auto;
    object-fit: cover;
}

/* Fallback tile centers a placeholder icon and needs a floor to stay tappable. */
div.listing-card__image[b-2tlnr2n80c] {
    display: grid;
    min-height: 8rem;
    place-items: center;
}

.listing-card__body[b-2tlnr2n80c] {
    display: grid;
    gap: var(--space-2);
    min-width: 0;
}

/* Category and residence read as quiet chips instead of loose grey text. */
.listing-card__meta[b-2tlnr2n80c] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-2);
    color: var(--color-text-muted);
    font-size: 0.6875rem;
    font-weight: 650;
}

.listing-card__meta span[b-2tlnr2n80c] {
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-surface-subtle);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.listing-card h2[b-2tlnr2n80c] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.listing-card p[b-2tlnr2n80c] {
    margin: 0;
    color: var(--color-text-muted);
    overflow-wrap: anywhere;
}

.listing-card__published-at[b-2tlnr2n80c] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
}

.listing-card__footer[b-2tlnr2n80c] {
    display: grid;
    gap: var(--space-2);
    margin-top: var(--space-1);
}

.listing-card__footer[b-2tlnr2n80c]  .listing-card__cta {
    width: 100%;
}

.listing-card__price[b-2tlnr2n80c] {
    color: var(--color-primary-active);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.listing-card__handoff-state[b-2tlnr2n80c] {
    color: var(--color-text-muted);
    font-size: 0.75rem;
    font-weight: 600;
}

@media (min-width: 480px) {
    .building-feed[b-2tlnr2n80c] {
        padding: var(--space-5) var(--space-4) var(--space-6);
        width: min(100%, 48rem);
    }

    .building-feed__seller-entry[b-2tlnr2n80c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .building-feed__search[b-2tlnr2n80c] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .building-feed__search[b-2tlnr2n80c]  .building-feed__search-button {
        width: auto;
        min-width: 7.5rem;
    }

    .listing-card__article[b-2tlnr2n80c] {
        grid-template-columns: 8.5rem minmax(0, 1fr);
        align-items: start;
        padding: var(--space-4);
    }

    div.listing-card__image[b-2tlnr2n80c] {
        min-height: 6.375rem;
    }

    .listing-card__footer[b-2tlnr2n80c] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: var(--space-2);
    }

    .listing-card__footer[b-2tlnr2n80c]  .listing-card__cta {
        width: auto;
        min-width: 8.5rem;
    }
}

@media (min-width: 600px) {
    .building-feed__header[b-2tlnr2n80c] {
        padding: var(--space-3) var(--space-4);
        gap: var(--space-2);
    }

    .building-feed__brand-logo[b-2tlnr2n80c] {
        width: 2.25rem;
        height: 2.25rem;
    }

    .building-feed__header-identity[b-2tlnr2n80c]  .app-page-header {
        gap: var(--space-1);
    }

    .building-feed__header-identity[b-2tlnr2n80c]  .app-page-header__eyebrow {
        display: inline-block;
        padding: 0.15rem 0.5rem;
        font-size: 0.6875rem;
    }

    .building-feed__header-identity[b-2tlnr2n80c]  .app-page-header h1 {
        font-size: 1.375rem;
        line-height: 1.2;
        white-space: normal;
    }

    .building-feed__header-identity[b-2tlnr2n80c]  .app-page-header__subtitle {
        display: block;
        font-size: 0.8125rem;
        line-height: 1.35;
        max-width: 48ch;
    }

    .building-feed__hamburger-wrapper[b-2tlnr2n80c] {
        display: none;
    }

    .building-feed__seller-entry--desktop[b-2tlnr2n80c] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: var(--space-2);
        width: auto;
        padding: 0;
        border: none;
        background: transparent;
    }

    .building-feed__seller-entry--desktop[b-2tlnr2n80c]  .building-feed__seller-login,
    .building-feed__seller-entry--desktop[b-2tlnr2n80c]  .building-feed__seller-register {
        width: auto;
        min-height: 38px;
    }

    .building-feed__privacy--desktop[b-2tlnr2n80c] {
        display: flex;
        font-size: 0.75rem;
    }

    .building-feed__drawer[b-2tlnr2n80c],
    .building-feed__drawer-backdrop[b-2tlnr2n80c] {
        display: none !important;
    }
}

@media (min-width: 960px) {
    .building-feed[b-2tlnr2n80c] {
        width: min(100%, 64rem);
        padding: var(--space-6) var(--space-5);
        gap: var(--space-5);
    }

    .building-feed__list[b-2tlnr2n80c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.building-feed__footer[b-2tlnr2n80c] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-2);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
    margin-top: var(--space-4);
}

.building-feed__footer-separator[b-2tlnr2n80c] {
    color: var(--color-border-strong);
    font-size: 0.8125rem;
}

.building-feed__footer-link[b-2tlnr2n80c] {
    color: var(--color-secondary);
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: underline;
    transition: color 150ms ease-out;
}

.building-feed__footer-link:hover[b-2tlnr2n80c] {
    color: var(--color-primary);
}
/* /Components/Pages/PublicFeed/FaqPage.razor.rz.scp.css */
.building-feed[b-96olzbkvjq] {
    display: grid;
    gap: var(--space-4);
    width: min(100%, 40rem);
    margin: 0 auto;
    padding: var(--space-4) var(--space-3) var(--space-6);
    min-width: 0;
    overflow-x: clip;
}

.faq-card__body[b-96olzbkvjq] {
    display: grid;
    gap: var(--space-3);
    padding: var(--space-4);
    min-width: 0;
}

.faq-card__section-title[b-96olzbkvjq] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin: var(--space-3) 0 0 0;
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--color-text);
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.faq-card__section-title:first-child[b-96olzbkvjq] {
    margin-top: 0;
}

.faq-card__section-icon[b-96olzbkvjq] {
    color: var(--color-primary);
}

.faq-card__panels[b-96olzbkvjq] {
    margin: 0;
}

.faq-card__panels[b-96olzbkvjq]  .mud-expand-panel {
    border-bottom: 1px solid var(--color-border);
    box-shadow: none;
    background: transparent;
}

.faq-card__panels[b-96olzbkvjq]  .mud-expand-panel:last-child {
    border-bottom: none;
}

.faq-card__panels[b-96olzbkvjq]  .mud-expand-panel::before {
    box-shadow: none;
}

.faq-card__panels[b-96olzbkvjq]  .mud-expand-panel-header {
    padding: var(--space-3) 0;
}

.faq-card__question[b-96olzbkvjq] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-text);
    line-height: 1.4;
}

.faq-card__answer[b-96olzbkvjq] {
    margin: 0;
    padding: 0 0 var(--space-3) 0;
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.faq-card__answer strong[b-96olzbkvjq] {
    color: var(--color-text);
    font-weight: 700;
}

.faq-card__link[b-96olzbkvjq] {
    color: var(--color-primary);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.15s ease;
}

.faq-card__link:hover[b-96olzbkvjq] {
    color: var(--color-primary-hover);
}

.faq-card__cta[b-96olzbkvjq] {
    display: grid;
    gap: var(--space-3);
    margin-top: var(--space-5);
    padding: var(--space-4);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    text-align: center;
}

.faq-card__cta-text[b-96olzbkvjq] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-text);
}

.faq-card__actions[b-96olzbkvjq] {
    margin-top: var(--space-4);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}
/* /Components/Pages/PublicFeed/HowToSellPage.razor.rz.scp.css */
.how-to-sell-card__body[b-ckko6309n1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-3);
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.how-to-sell-card__cta[b-ckko6309n1] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    max-width: 340px;
    margin: var(--space-2) auto 0;
    padding: var(--space-4);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    text-align: center;
    box-sizing: border-box;
}

.how-to-sell-card__cta-text[b-ckko6309n1] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-text);
}

.how-to-sell-card__actions[b-ckko6309n1] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    max-width: 340px;
    margin: var(--space-2) auto 0;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
    box-sizing: border-box;
}
/* /Components/Pages/PublicFeed/PublicListingDetailPage.razor.rz.scp.css */
.building-feed[b-zta592iu0q] {
    display: grid;
    gap: var(--space-4);
    width: min(100%, 40rem);
    margin: 0 auto;
    padding: var(--space-4) var(--space-3) var(--space-6);
    min-width: 0;
}

.listing-card__body[b-zta592iu0q] {
    display: grid;
    gap: var(--space-3);
    min-width: 0;
    padding: var(--space-3);
}

.listing-card__image[b-zta592iu0q] {
    aspect-ratio: 4 / 3;
    border-radius: var(--radius-md);
    display: block;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}

.listing-card__published-at[b-zta592iu0q] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.3;
}

/* Price is the anchor on the detail screen, so it outranks body copy. */
.listing-card__body > strong[b-zta592iu0q] {
    color: var(--color-primary-active);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.listing-card__description[b-zta592iu0q] {
    margin: 0;
    color: var(--color-text);
    font-size: 1rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.listing-card__description[b-zta592iu0q]  p {
    margin: 0 0 var(--space-2) 0;
}

.listing-card__description[b-zta592iu0q]  p:last-child {
    margin-bottom: 0;
}

.listing-card__description[b-zta592iu0q]  div {
    min-height: 1.5em;
}

.listing-card__description[b-zta592iu0q]  ul {
    list-style-type: disc;
    margin: var(--space-2) 0;
    padding-left: var(--space-5);
}

.listing-card__description[b-zta592iu0q]  ol {
    list-style-type: decimal;
    margin: var(--space-2) 0;
    padding-left: var(--space-5);
}

.listing-card__description[b-zta592iu0q]  li {
    display: list-item;
    margin-bottom: var(--space-1);
}

.listing-card__description[b-zta592iu0q]  li:last-child {
    margin-bottom: 0;
}

.listing-card__description[b-zta592iu0q]  strong,
.listing-card__description[b-zta592iu0q]  b {
    font-weight: 700;
}

.listing-card__description[b-zta592iu0q]  em,
.listing-card__description[b-zta592iu0q]  i {
    font-style: italic;
}

.listing-card__description[b-zta592iu0q]  u {
    text-decoration: underline;
}

.listing-card__description[b-zta592iu0q]  s,
.listing-card__description[b-zta592iu0q]  strike,
.listing-card__description[b-zta592iu0q]  del {
    text-decoration: line-through;
}

.listing-card__description[b-zta592iu0q]  blockquote {
    margin: var(--space-2) 0;
    padding-left: var(--space-3);
    border-left: 3px solid var(--color-border);
    color: var(--color-text-muted);
}

.item-selector[b-zta592iu0q] {
    display: grid;
    gap: var(--space-3);
    margin-top: var(--space-1);
}

.item-selector__row[b-zta592iu0q] {
    align-items: start;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--space-2);
    grid-template-columns: 1fr;
    padding: var(--space-3);
    background: var(--color-surface-subtle);
}

.item-selector__row span[b-zta592iu0q],
.item-selector__summary span[b-zta592iu0q] {
    display: block;
}

.item-selector__summary[b-zta592iu0q] {
    background: var(--color-surface-subtle);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--space-2);
    padding: var(--space-3);
}

@media (min-width: 480px) {
    .building-feed[b-zta592iu0q] {
        width: min(100%, 48rem);
        padding: var(--space-5) var(--space-4) var(--space-6);
    }

    .listing-card__body[b-zta592iu0q] {
        padding: var(--space-4);
        gap: var(--space-4);
    }

    .item-selector__row[b-zta592iu0q] {
        grid-template-columns: minmax(0, 1fr) minmax(8rem, 10rem);
        align-items: center;
    }
}

@media (min-width: 960px) {
    .building-feed[b-zta592iu0q] {
        width: min(100%, 56rem);
        padding: var(--space-6) var(--space-5);
    }
}
/* /Components/Pages/PublicFeed/SupportPage.razor.rz.scp.css */
.building-feed[b-b8k0zpw6wg] {
    display: grid;
    gap: var(--space-4);
    width: min(100%, 40rem);
    margin: 0 auto;
    padding: var(--space-4) var(--space-3) var(--space-6);
    min-width: 0;
    overflow-x: clip;
}

.support-header[b-b8k0zpw6wg] {
    text-align: center;
    padding: var(--space-4) 0 var(--space-6) 0;
}

.support-header h1[b-b8k0zpw6wg] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--color-text);
    margin: 0 0 var(--space-2) 0;
    letter-spacing: -0.02em;
}

.support-header p[b-b8k0zpw6wg] {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--color-text-muted);
    margin: 0;
}

.support-card__body[b-b8k0zpw6wg] {
    padding: var(--space-5);
}

.support-card__feedback[b-b8k0zpw6wg] {
    margin: 0 0 var(--space-4);
    color: var(--color-text);
    font-weight: 500;
}

.support-card__fields[b-b8k0zpw6wg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.support-card__file-field[b-b8k0zpw6wg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.support-card__file-label[b-b8k0zpw6wg] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text-muted);
}

.support-card__file-input[b-b8k0zpw6wg] {
    font-size: 0.875rem;
    color: var(--color-text-muted);
}

.support-card__file-input[b-b8k0zpw6wg]::file-selector-button {
    background: var(--color-surface-subtle);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: var(--space-2) var(--space-3);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    margin-right: var(--space-2);
    transition: background 150ms ease-out;
}

.support-card__file-input[b-b8k0zpw6wg]::file-selector-button:hover {
    background: var(--color-border);
}

.support-card__file-list[b-b8k0zpw6wg] {
    margin: var(--space-2) 0 0;
    padding-left: var(--space-4);
    font-size: 0.8125rem;
    color: var(--color-text-muted);
}

.support-card__field-error[b-b8k0zpw6wg] {
    margin: var(--space-1) 0 0;
    font-size: 0.8125rem;
    color: var(--color-danger);
    font-weight: 500;
}

.support-card__actions[b-b8k0zpw6wg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
}
/* /Components/Pages/PublicFeed/TermsOfUsePage.razor.rz.scp.css */
.building-feed[b-jug31fbl3m] {
    display: grid;
    gap: var(--space-4);
    width: min(100%, 40rem);
    margin: 0 auto;
    padding: var(--space-4) var(--space-3) var(--space-6);
    min-width: 0;
    overflow-x: clip;
}

.terms-card__update-date[b-jug31fbl3m] {
    display: inline-block;
    background: var(--color-surface-subtle);
    color: var(--color-text-muted);
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: var(--radius-pill);
    margin-bottom: var(--space-4);
}

.terms-card__body[b-jug31fbl3m] {
    display: grid;
    gap: var(--space-3);
    padding: var(--space-4);
    min-width: 0;
}

.terms-card__body h2[b-jug31fbl3m] {
    margin: var(--space-2) 0 0 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-text);
    padding-bottom: var(--space-1);
    border-bottom: 1px solid var(--color-border);
    letter-spacing: -0.01em;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.terms-card__body h2:first-child[b-jug31fbl3m] {
    margin-top: 0;
}

.terms-card__body p[b-jug31fbl3m] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.terms-card__body strong[b-jug31fbl3m] {
    color: var(--color-text);
    font-weight: 700;
}

.terms-card__actions[b-jug31fbl3m] {
    margin-top: var(--space-4);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}
/* /Components/Pages/Seller/SellerEmailConfirmationPage.razor.rz.scp.css */
.seller-auth-page[b-hcw3yeesei] {
    display: grid;
    align-content: center;
    justify-items: center;
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding: var(--space-3) 0;
}

.seller-auth-page__card[b-hcw3yeesei] {
    display: grid;
    gap: var(--space-4);
    width: min(100%, 23rem);
    padding: var(--space-5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
    backdrop-filter: blur(6px);
    box-shadow: var(--shadow-md);
}

.seller-auth-page__header[b-hcw3yeesei] {
    display: grid;
    gap: var(--space-2);
    min-width: 0;
}

.seller-auth-page__eyebrow[b-hcw3yeesei] {
    justify-self: start;
    margin: 0;
    padding: 0.2rem 0.55rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
    border-radius: var(--radius-pill);
    background: var(--color-primary-soft);
    color: var(--color-primary);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.seller-auth-page__header h1[b-hcw3yeesei] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.seller-auth-page__subtitle[b-hcw3yeesei] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.seller-auth-page__feedback[b-hcw3yeesei] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
    padding: var(--space-3);
    border: 1px solid color-mix(in srgb, var(--color-info) 35%, var(--color-border));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-info) 8%, var(--color-surface));
}

.seller-auth-page__feedback--success[b-hcw3yeesei] {
    border-color: color-mix(in srgb, #059669 35%, var(--color-border));
    background: color-mix(in srgb, #059669 10%, var(--color-surface));
}

.seller-auth-page__feedback--warning[b-hcw3yeesei] {
    border-color: color-mix(in srgb, #d97706 35%, var(--color-border));
    background: color-mix(in srgb, #d97706 10%, var(--color-surface));
}

.seller-auth-page__feedback-title[b-hcw3yeesei] {
    margin: 0;
    color: var(--color-text);
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.35;
}

.seller-auth-page__feedback-body[b-hcw3yeesei] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    line-height: 1.45;
}

.seller-auth-page__submit[b-hcw3yeesei] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin: var(--space-1) 0 0;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: var(--radius-md);
    background: var(--color-primary);
    color: #fff;
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    box-shadow: var(--shadow-xs);
    transition: background-color 160ms ease-out, box-shadow 160ms ease-out;
}

.seller-auth-page__submit:hover[b-hcw3yeesei] {
    background: var(--color-primary-hover);
    box-shadow: var(--shadow-sm);
    color: #fff;
}

.seller-auth-page__submit:disabled[b-hcw3yeesei] {
    opacity: 0.6;
    cursor: not-allowed;
}

.seller-auth-page__form[b-hcw3yeesei] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    margin-top: var(--space-2);
}

.seller-auth-page__field[b-hcw3yeesei] {
    display: grid;
    gap: var(--space-1);
}

.seller-auth-page__field label[b-hcw3yeesei] {
    color: var(--color-text);
    font-size: 0.875rem;
    font-weight: 600;
}

.seller-auth-page__field input[b-hcw3yeesei] {
    width: 100%;
    min-height: 48px;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
}

.seller-auth-page__error[b-hcw3yeesei] {
    margin: 0;
    color: var(--color-error);
    font-size: 0.875rem;
}

.seller-auth-page__local-delivery[b-hcw3yeesei] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
    padding: var(--space-3);
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
}

.seller-auth-page__local-delivery p[b-hcw3yeesei] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.875rem;
    line-height: 1.45;
}

.seller-auth-page__local-delivery a[b-hcw3yeesei] {
    color: var(--color-primary);
    font-size: 0.875rem;
    font-weight: 650;
    text-decoration: none;
}

.seller-auth-page__local-delivery a:hover[b-hcw3yeesei] {
    text-decoration: underline;
}

.seller-auth-page__alternatives[b-hcw3yeesei] {
    display: grid;
    gap: var(--space-2);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
    text-align: center;
}

.seller-auth-page__alternatives a[b-hcw3yeesei] {
    color: var(--color-primary);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
}

.seller-auth-page__alternatives a:hover[b-hcw3yeesei] {
    text-decoration: underline;
}

@media (min-width: 480px) {
    .seller-auth-page[b-hcw3yeesei] {
        padding: var(--space-4) 0;
    }

    .seller-auth-page__card[b-hcw3yeesei] {
        width: min(100%, 24.5rem);
        gap: var(--space-5);
    }

    .seller-auth-page__header h1[b-hcw3yeesei] {
        font-size: 1.625rem;
    }
}
/* /Components/Pages/Seller/SellerHomePage.razor.rz.scp.css */
.seller-shell[b-jpcsni3hc2] {
    display: grid;
    align-content: start;
    gap: var(--space-4);
    width: 100%;
    min-width: 0;
}

.seller-home__feed-back[b-jpcsni3hc2] {
    width: fit-content;
    color: var(--color-primary);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
}

.seller-home__feed-back:hover[b-jpcsni3hc2] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

/* State accent lives on a left rail so status never depends on color alone.
   Only the two-colon ::deep combinator is rewritten by CSS isolation; the
   single-colon functional form is left untouched and silently does nothing. */
.seller-shell[b-jpcsni3hc2]  .seller-status-card {
    border-left: 4px solid var(--color-border-strong);
}

.seller-shell[b-jpcsni3hc2]  .seller-status-card--pending {
    border-left-color: var(--color-warning);
}

.seller-shell[b-jpcsni3hc2]  .seller-status-card--approved {
    border-left-color: var(--color-success);
}

.seller-shell[b-jpcsni3hc2]  .seller-status-card--refused {
    border-left-color: var(--color-error);
}

.seller-status[b-jpcsni3hc2] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-4);
    min-width: 0;
}

.seller-status__badge[b-jpcsni3hc2] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-pill);
    background: var(--color-surface-subtle);
    color: var(--color-text-muted);
}

.seller-shell[b-jpcsni3hc2]  .seller-status-card--pending .seller-status__badge {
    background: color-mix(in srgb, var(--color-warning) 14%, var(--color-surface));
    color: var(--color-warning);
}

.seller-shell[b-jpcsni3hc2]  .seller-status-card--approved .seller-status__badge {
    background: color-mix(in srgb, var(--color-success) 14%, var(--color-surface));
    color: var(--color-success);
}

.seller-shell[b-jpcsni3hc2]  .seller-status-card--refused .seller-status__badge {
    background: color-mix(in srgb, var(--color-error) 14%, var(--color-surface));
    color: var(--color-error);
}

.seller-status__content[b-jpcsni3hc2] {
    display: grid;
    gap: var(--space-1);
    min-width: 0;
}

.seller-status__label[b-jpcsni3hc2] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.seller-status h2[b-jpcsni3hc2] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.seller-status__message[b-jpcsni3hc2] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.seller-shell__actions[b-jpcsni3hc2] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
}

.seller-shell__signout[b-jpcsni3hc2] {
    margin: 0;
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-border);
}

@media (min-width: 600px) {
    .seller-shell__actions[b-jpcsni3hc2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.seller-status__refusal-box[b-jpcsni3hc2] {
    margin-top: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    border-left: 3px solid var(--color-error);
    background: color-mix(in srgb, var(--color-error) 8%, var(--color-surface));
    display: grid;
    gap: var(--space-1);
}

.seller-status__refusal-box strong[b-jpcsni3hc2] {
    font-size: 0.8125rem;
    color: var(--color-error);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.seller-status__refusal-box p[b-jpcsni3hc2] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--color-text);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

/* /Components/Pages/Seller/SellerListingForm.razor.rz.scp.css */
.seller-listings__form[b-tn74np8oq4] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: var(--space-4);
    box-sizing: border-box;
}

/* MudForm is a component host; let its children participate in the page grid. */
.seller-listings__form[b-tn74np8oq4]  .mud-form {
    display: contents;
}

/* Outlined Mud inputs are transparent by default; keep them opaque over the backdrop. */
.seller-listings__form[b-tn74np8oq4]  .mud-input.mud-input-outlined {
    background: var(--color-surface);
    border-radius: var(--radius-md);
}

/* Allow multiline description textarea to be vertically adjustable and auto-expand as text is entered. */
.seller-listings__form[b-tn74np8oq4]  textarea.mud-input-root {
    resize: vertical;
    field-sizing: content;
    min-height: 5.5rem;
}

.seller-listings__description-field[b-tn74np8oq4] {
    display: grid;
    gap: var(--space-1);
    width: 100%;
    min-width: 0;
}

.seller-listings__description-label[b-tn74np8oq4] {
    display: block;
    color: var(--color-text);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.35;
}

.seller-listings__description-helper[b-tn74np8oq4] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.75rem;
    line-height: 1.4;
}

.seller-listings__description-editor[b-tn74np8oq4] {
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    overflow: hidden;
}

.seller-listings__description-editor:focus-within[b-tn74np8oq4] {
    border-color: var(--color-primary);
    outline: 2px solid var(--color-primary-ring);
}

.seller-listings__description-editor[b-tn74np8oq4]  .rz-html-editor-toolbar {
    background: var(--color-surface-subtle);
    border-bottom: 1px solid var(--color-border);
    padding: var(--space-1) var(--space-2);
}

.seller-listings__description-editor[b-tn74np8oq4]  .rz-html-editor-content {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.55;
    color: var(--color-text);
    padding: var(--space-3);
    background: var(--color-surface);
}

.seller-listings__description-editor[b-tn74np8oq4]  .rz-html-editor-content ul {
    list-style-type: disc;
    margin: var(--space-2) 0;
    padding-left: var(--space-5);
}

.seller-listings__description-editor[b-tn74np8oq4]  .rz-html-editor-content ol {
    list-style-type: decimal;
    margin: var(--space-2) 0;
    padding-left: var(--space-5);
}

.seller-listings__description-editor[b-tn74np8oq4]  .rz-html-editor-content li {
    display: list-item;
    margin-bottom: var(--space-1);
}

.seller-listings__description-editor[b-tn74np8oq4]  .rz-html-editor-content p {
    margin: 0 0 var(--space-2) 0;
}

.seller-listings__description-editor[b-tn74np8oq4]  .rz-html-editor-content p:last-child {
    margin-bottom: 0;
}

.seller-listings__image[b-tn74np8oq4] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
    padding: var(--space-3);
    border: 1px dashed var(--color-border-strong);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    box-sizing: border-box;
}

.seller-listings__image h2[b-tn74np8oq4],
.seller-listings__image p[b-tn74np8oq4],
.seller-listings__image label[b-tn74np8oq4] {
    margin: 0;
}

.seller-listings__image h2[b-tn74np8oq4] {
    color: var(--color-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

/* The bare paragraph in this section is a helper hint, not a validation error, so it must
   not borrow the error color. Only the explicit error/status classes carry state color. */
.seller-listings__image p[b-tn74np8oq4] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.45;
}

.seller-listings__image p.seller-listings__field-error[b-tn74np8oq4],
.seller-listings__field-error[b-tn74np8oq4] {
    margin: 0;
    color: var(--color-error, #dc2626);
    font-size: 0.875rem;
    font-weight: 600;
}

.seller-listings__image p.seller-listings__image-status[b-tn74np8oq4],
.seller-listings__image-status[b-tn74np8oq4] {
    color: var(--color-text-muted);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.seller-listings__image label[b-tn74np8oq4] {
    color: var(--color-text);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.35;
}

.seller-listings__image input[type="file"][b-tn74np8oq4] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    font: inherit;
    font-size: 0.875rem;
}

.seller-listings__form-actions[b-tn74np8oq4] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
    margin-top: var(--space-1);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

/* `height: auto` is required so the declared aspect-ratio wins over the presentational
   height hint that the img width/height attributes contribute. */
.seller-listings__preview[b-tn74np8oq4] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
}

@media (max-width: 599px) {
    .seller-listings__form[b-tn74np8oq4] {
        padding: var(--space-3);
    }
}
/* /Components/Pages/Seller/SellerListingFormPage.razor.rz.scp.css */
.seller-listing-form-page[b-mzjuf0ejs5] {
    display: grid;
    align-content: start;
    gap: var(--space-4);
    width: 100%;
    min-width: 0;
    justify-items: stretch;
}

/* Back navigation sits after the primary form actions on long mobile forms (DESIGN.md). */
.seller-listing-form-page__back[b-mzjuf0ejs5] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    min-height: 44px;
    width: fit-content;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
    color: var(--color-primary);
    font-weight: 650;
    text-decoration: none;
}

.seller-listing-form-page__back:hover[b-mzjuf0ejs5] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}
/* /Components/Pages/Seller/SellerListingManagementPage.razor.rz.scp.css */
.seller-listings[b-o691tjdhd9] {
    display: grid;
    align-content: start;
    gap: var(--space-4);
    width: 100%;
    min-width: 0;
    justify-items: stretch;
}

.seller-listings__feed-back[b-o691tjdhd9],
.seller-listings__back[b-o691tjdhd9] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    min-height: 44px;
    width: fit-content;
    color: var(--color-primary);
    font-weight: 650;
    text-decoration: none;
}

.seller-listings__back[b-o691tjdhd9] {
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

.seller-listings__toolbar[b-o691tjdhd9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    align-items: center;
    min-width: 0;
}

.seller-listings__feed-back:hover[b-o691tjdhd9],
.seller-listings__back:hover[b-o691tjdhd9] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

.seller-listings__section-title[b-o691tjdhd9],
.seller-listings__item-title[b-o691tjdhd9] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.seller-listings__list[b-o691tjdhd9] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
}

.seller-listings__list--archived[b-o691tjdhd9] {
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

.seller-listings__item[b-o691tjdhd9] {
    display: grid;
    gap: var(--space-3);
    grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    align-items: start;
    padding: var(--space-4);
    box-sizing: border-box;
}

/* `height: auto` is required so the declared aspect-ratio wins over the presentational
   height hint that the img width/height attributes contribute. */
.seller-listings__thumbnail[b-o691tjdhd9] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
}

.seller-listings__item-body[b-o691tjdhd9] {
    display: grid;
    gap: var(--space-2);
    min-width: 0;
}

.seller-listings__item-meta[b-o691tjdhd9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-2);
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.875rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.seller-listings__item-description[b-o691tjdhd9] {
    margin: 0;
    color: var(--color-text);
    font-size: 0.9375rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.seller-listings__item-description[b-o691tjdhd9]  p {
    margin: 0 0 var(--space-2) 0;
}

.seller-listings__item-description[b-o691tjdhd9]  p:last-child {
    margin-bottom: 0;
}

.seller-listings__item-description[b-o691tjdhd9]  div {
    min-height: 1.5em;
}

.seller-listings__item-description[b-o691tjdhd9]  ul {
    list-style-type: disc;
    margin: var(--space-2) 0;
    padding-left: var(--space-5);
}

.seller-listings__item-description[b-o691tjdhd9]  ol {
    list-style-type: decimal;
    margin: var(--space-2) 0;
    padding-left: var(--space-5);
}

.seller-listings__item-description[b-o691tjdhd9]  li {
    display: list-item;
    margin-bottom: var(--space-1);
}

.seller-listings__item-description[b-o691tjdhd9]  li:last-child {
    margin-bottom: 0;
}

.seller-listings__item-description[b-o691tjdhd9]  strong,
.seller-listings__item-description[b-o691tjdhd9]  b {
    font-weight: 700;
}

.seller-listings__item-description[b-o691tjdhd9]  em,
.seller-listings__item-description[b-o691tjdhd9]  i {
    font-style: italic;
}

.seller-listings__item-description[b-o691tjdhd9]  u {
    text-decoration: underline;
}

.seller-listings__item-description[b-o691tjdhd9]  s,
.seller-listings__item-description[b-o691tjdhd9]  strike,
.seller-listings__item-description[b-o691tjdhd9]  del {
    text-decoration: line-through;
}

.seller-listings__item-description[b-o691tjdhd9]  blockquote {
    margin: var(--space-2) 0;
    padding-left: var(--space-3);
    border-left: 3px solid var(--color-border);
    color: var(--color-text-muted);
}

.seller-listings__item-actions[b-o691tjdhd9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    align-items: center;
    min-width: 0;
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-border);
}

.seller-listings__item-actions[b-o691tjdhd9]  .mud-button-root {
    min-height: 44px;
}

@media (max-width: 599px) {
    .seller-listings__item[b-o691tjdhd9] {
        grid-template-columns: 1fr;
    }

    .seller-listings__thumbnail[b-o691tjdhd9] {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .seller-listings__item[b-o691tjdhd9] {
        padding: var(--space-3);
    }
}
/* /Components/Pages/Seller/SellerPasswordResetPage.razor.rz.scp.css */
/* Fills the seller layout's flexible row; the layout brand bar owns the top strip. */
.seller-auth-page[b-0azrzpsvn4] {
    display: grid;
    align-content: center;
    justify-items: center;
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding: var(--space-3) 0;
}

.seller-auth-page__card[b-0azrzpsvn4] {
    display: grid;
    gap: var(--space-4);
    width: min(100%, 23rem);
    padding: var(--space-5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
    backdrop-filter: blur(6px);
    box-shadow: var(--shadow-md);
}

.seller-auth-page__header[b-0azrzpsvn4] {
    display: grid;
    gap: var(--space-2);
    min-width: 0;
}

.seller-auth-page__eyebrow[b-0azrzpsvn4] {
    justify-self: start;
    margin: 0;
    padding: 0.2rem 0.55rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
    border-radius: var(--radius-pill);
    background: var(--color-primary-soft);
    color: var(--color-primary);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.seller-auth-page__header h1[b-0azrzpsvn4] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.seller-auth-page__subtitle[b-0azrzpsvn4] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.seller-auth-page__form[b-0azrzpsvn4] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
    margin: 0;
}

.seller-auth-page__field[b-0azrzpsvn4] {
    display: grid;
    gap: var(--space-1);
    width: 100%;
    min-width: 0;
}

.seller-auth-page__field label[b-0azrzpsvn4] {
    color: var(--color-text);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.35;
}

.seller-auth-page__field input[b-0azrzpsvn4] {
    display: block;
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    line-height: 1.25;
    transition: border-color 160ms ease-out, box-shadow 160ms ease-out;
}

.seller-auth-page__field input:hover[b-0azrzpsvn4] {
    border-color: var(--color-border-strong);
}

.seller-auth-page__field input:focus[b-0azrzpsvn4] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-ring);
}

.seller-auth-page__field input:focus-visible[b-0azrzpsvn4] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
    border-color: var(--color-primary);
}

.seller-auth-page__password-row[b-0azrzpsvn4] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
}

.seller-auth-page__password-toggle[b-0azrzpsvn4] {
    justify-self: start;
    min-height: 44px;
    margin: 0;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    background: var(--color-surface-subtle);
    color: var(--color-text-muted);
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 160ms ease-out, color 160ms ease-out;
}

.seller-auth-page__password-toggle:hover[b-0azrzpsvn4] {
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

.seller-auth-page__password-toggle:focus-visible[b-0azrzpsvn4] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

.seller-auth-page__submit[b-0azrzpsvn4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin: var(--space-1) 0 0;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: var(--radius-md);
    background: var(--color-primary);
    color: #fff;
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 650;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: var(--shadow-xs);
    transition: background-color 160ms ease-out, box-shadow 160ms ease-out;
}

.seller-auth-page__submit:hover[b-0azrzpsvn4] {
    background: var(--color-primary-hover);
    box-shadow: var(--shadow-sm);
}

.seller-auth-page__submit:active[b-0azrzpsvn4] {
    background: var(--color-primary-active);
}

.seller-auth-page__submit:focus-visible[b-0azrzpsvn4] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

.seller-auth-page[b-0azrzpsvn4]  .app-validation-summary,
.seller-auth-page[b-0azrzpsvn4]  .app-empty-state {
    width: 100%;
    margin: 0;
}

.seller-auth-page__feedback[b-0azrzpsvn4] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
    padding: var(--space-3);
    border: 1px solid color-mix(in srgb, var(--color-info) 35%, var(--color-border));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-info) 8%, var(--color-surface));
}

.seller-auth-page__feedback-title[b-0azrzpsvn4] {
    margin: 0;
    color: var(--color-text);
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.35;
}

.seller-auth-page__feedback-body[b-0azrzpsvn4] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    line-height: 1.45;
}

.seller-auth-page__local-delivery[b-0azrzpsvn4] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
    padding: var(--space-3);
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
}

.seller-auth-page__local-delivery p[b-0azrzpsvn4] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.875rem;
    line-height: 1.45;
}

.seller-auth-page__local-delivery a[b-0azrzpsvn4] {
    color: var(--color-primary);
    font-size: 0.875rem;
    font-weight: 650;
    text-decoration: none;
}

.seller-auth-page__local-delivery a:hover[b-0azrzpsvn4] {
    text-decoration: underline;
}

.seller-auth-page__local-delivery a:focus-visible[b-0azrzpsvn4] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

.seller-auth-page__alternatives[b-0azrzpsvn4] {
    display: grid;
    gap: var(--space-2);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
    text-align: center;
}

.seller-auth-page__alternatives a[b-0azrzpsvn4] {
    color: var(--color-primary);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
}

.seller-auth-page__alternatives a:hover[b-0azrzpsvn4] {
    text-decoration: underline;
}

.seller-auth-page__back-feed[b-0azrzpsvn4] {
    color: var(--color-text-muted) !important;
}

.seller-auth-page__alternatives a:focus-visible[b-0azrzpsvn4] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

@media (min-width: 480px) {
    .seller-auth-page[b-0azrzpsvn4] {
        padding: var(--space-4) 0;
    }

    .seller-auth-page__card[b-0azrzpsvn4] {
        width: min(100%, 24.5rem);
        gap: var(--space-5);
    }

    .seller-auth-page__header h1[b-0azrzpsvn4] {
        font-size: 1.625rem;
    }
}
/* /Components/Pages/Seller/SellerPhoneSignInPage.razor.rz.scp.css */
/* Fills the seller layout's flexible row; the layout brand bar owns the top strip. */
.seller-phone-auth[b-n2gwvegrt2] {
    display: grid;
    align-content: center;
    justify-items: center;
    min-height: 100%;
    padding: var(--space-3) 0;
}

.seller-phone-auth__card[b-n2gwvegrt2] {
    display: grid;
    gap: var(--space-4);
    width: min(100%, 24rem);
    padding: var(--space-5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
    backdrop-filter: blur(6px);
    box-shadow: var(--shadow-md);
}

.seller-phone-auth__header[b-n2gwvegrt2],
.seller-phone-auth__form[b-n2gwvegrt2] {
    display: grid;
    gap: var(--space-2);
}

.seller-phone-auth__header p[b-n2gwvegrt2],
.seller-phone-auth__header h1[b-n2gwvegrt2],
.seller-phone-auth__header span[b-n2gwvegrt2] {
    margin: 0;
}

.seller-phone-auth__header p[b-n2gwvegrt2] {
    color: var(--color-primary);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.seller-phone-auth__header h1[b-n2gwvegrt2] {
    font-size: 1.5rem;
}

.seller-phone-auth__header span[b-n2gwvegrt2] {
    color: var(--color-text-muted);
}

.seller-phone-auth__form label[b-n2gwvegrt2] {
    font-size: 0.875rem;
    font-weight: 600;
}

.seller-phone-auth__form input[b-n2gwvegrt2] {
    width: 100%;
    min-height: 48px;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
}

.seller-phone-auth__form button[b-n2gwvegrt2] {
    min-height: 48px;
    border: 0;
    border-radius: var(--radius-sm);
    background: var(--color-primary);
    color: #fff;
    font: inherit;
    font-weight: 650;
}

.seller-phone-auth__form input:focus-visible[b-n2gwvegrt2],
.seller-phone-auth__form button:focus-visible[b-n2gwvegrt2],
.seller-phone-auth__card > a:focus-visible[b-n2gwvegrt2] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

.seller-phone-auth__card > a[b-n2gwvegrt2] {
    color: var(--color-primary);
    text-align: center;
}
/* /Components/Pages/Seller/SellerReanalysisPage.razor.rz.scp.css */
/* The page owns the vertical stack; the seller layout already centers the column. */
.seller-auth-page[b-l17a6ni7xr] {
    display: grid;
    align-content: start;
    justify-items: stretch;
    gap: var(--space-4);
    width: 100%;
    min-width: 0;
}

.seller-reanalysis__refusal-card[b-l17a6ni7xr] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    max-width: 34rem;
    min-width: 0;
    justify-self: center;
    margin-inline: auto;
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-left: 4px solid var(--color-error);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--color-error) 8%, var(--color-surface-raised));
    box-sizing: border-box;
}

.seller-reanalysis__refusal-title[b-l17a6ni7xr] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-error);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.seller-reanalysis__refusal-text[b-l17a6ni7xr] {
    margin: 0;
    font-size: 0.9375rem;
    color: var(--color-text);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.seller-auth-page__form[b-l17a6ni7xr] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    max-width: 34rem;
    min-width: 0;
    justify-self: center;
    margin-inline: auto;
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
    backdrop-filter: blur(6px);
    box-shadow: var(--shadow-sm);
    box-sizing: border-box;
}

.seller-auth-page__form[b-l17a6ni7xr]  .mud-form {
    display: contents;
}

.seller-auth-page[b-l17a6ni7xr]  .mud-input.mud-input-outlined {
    background: var(--color-surface);
    border-radius: var(--radius-md);
}

.seller-auth-page__proof[b-l17a6ni7xr] {
    display: grid;
    gap: var(--space-2);
    padding: var(--space-3);
    border: 1px dashed var(--color-border-strong);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
}

.seller-auth-page__proof h2[b-l17a6ni7xr],
.seller-auth-page__proof p[b-l17a6ni7xr] {
    margin: 0;
}

.seller-auth-page__proof h2[b-l17a6ni7xr] {
    color: var(--color-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.seller-auth-page__field-error[b-l17a6ni7xr] {
    margin: 0;
    color: var(--color-error, #dc2626);
    font-size: 0.875rem;
    font-weight: 600;
}

.seller-auth-page__proof-status[b-l17a6ni7xr] {
    margin: 0;
    color: var(--color-text-muted, #64748b);
    font-size: 0.875rem;
    font-weight: 500;
}

.seller-auth-page__form-back[b-l17a6ni7xr] {
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

@media (max-width: 599px) {
    .seller-auth-page__form[b-l17a6ni7xr],
    .seller-reanalysis__refusal-card[b-l17a6ni7xr] {
        padding: var(--space-3);
    }
}
/* /Components/Pages/Seller/SellerRegistrationPage.razor.rz.scp.css */
/* The page owns the vertical stack; the seller layout already centers the column. */
.seller-auth-page[b-xz2n4k6fsw] {
    display: grid;
    align-content: start;
    justify-items: stretch;
    gap: var(--space-4);
    width: 100%;
    min-width: 0;
}

.seller-auth-page__form[b-xz2n4k6fsw] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    max-width: 34rem;
    min-width: 0;
    justify-self: center;
    margin-inline: auto;
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
    backdrop-filter: blur(6px);
    box-shadow: var(--shadow-sm);
    box-sizing: border-box;
}

/* MudForm is a component host; let its children participate in the page grid. */
.seller-auth-page__form[b-xz2n4k6fsw]  .mud-form {
    display: contents;
}

/* Outlined Mud inputs are transparent by default; keep them opaque over the backdrop. */
.seller-auth-page[b-xz2n4k6fsw]  .mud-input.mud-input-outlined {
    background: var(--color-surface);
    border-radius: var(--radius-md);
}

/* Privacy-sensitive proof upload gets a dashed frame so it reads as a distinct step. */
.seller-auth-page__proof[b-xz2n4k6fsw] {
    display: grid;
    gap: var(--space-2);
    padding: var(--space-3);
    border: 1px dashed var(--color-border-strong);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
}

.seller-auth-page__proof h2[b-xz2n4k6fsw],
.seller-auth-page__proof p[b-xz2n4k6fsw] {
    margin: 0;
}

.seller-auth-page__proof h2[b-xz2n4k6fsw] {
    color: var(--color-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.seller-auth-page__field[b-xz2n4k6fsw] {
    display: grid;
    gap: var(--space-1);
    font-size: 0.875rem;
    font-weight: 600;
}

.seller-auth-page__field input[b-xz2n4k6fsw] {
    min-height: 44px;
    padding: var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    font: inherit;
    font-weight: 400;
    transition: border-color 160ms ease-out, box-shadow 160ms ease-out;
}

.seller-auth-page__field input:hover[b-xz2n4k6fsw] {
    border-color: var(--color-border-strong);
}

.seller-auth-page__field input:focus[b-xz2n4k6fsw] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-ring);
}

.seller-auth-page__password-row[b-xz2n4k6fsw] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
}

.seller-auth-page__password-toggle[b-xz2n4k6fsw] {
    justify-self: start;
    min-height: 44px;
    margin: 0;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    background: var(--color-surface-subtle);
    color: var(--color-text-muted);
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 160ms ease-out, color 160ms ease-out;
}

.seller-auth-page__password-toggle:hover[b-xz2n4k6fsw] {
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

.seller-auth-page__password-toggle:focus-visible[b-xz2n4k6fsw] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

.seller-auth-page__field-error[b-xz2n4k6fsw] {
    margin: 0;
    color: var(--color-error, #dc2626);
    font-size: 0.875rem;
    font-weight: 600;
}

.seller-auth-page__proof-status[b-xz2n4k6fsw] {
    margin: 0;
    color: var(--color-text-muted, #64748b);
    font-size: 0.875rem;
    font-weight: 500;
}

.seller-auth-page__form-back[b-xz2n4k6fsw] {
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

@media (max-width: 599px) {
    .seller-auth-page__form[b-xz2n4k6fsw] {
        padding: var(--space-3);
    }
}
/* /Components/Pages/Seller/SellerSignInPage.razor.rz.scp.css */
/* Fills the seller layout's flexible row; the layout brand bar owns the top strip. */
.seller-auth-page[b-2grz23c4r8] {
    display: grid;
    align-content: center;
    justify-items: center;
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding: var(--space-3) 0;
}

.seller-auth-page__card[b-2grz23c4r8] {
    display: grid;
    gap: var(--space-4);
    width: min(100%, 23rem);
    padding: var(--space-5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface-raised);
    backdrop-filter: blur(6px);
    color: var(--color-text);
    box-shadow: var(--shadow-md);
}

.seller-auth-page__header[b-2grz23c4r8] {
    display: grid;
    gap: var(--space-2);
    min-width: 0;
}

.seller-auth-page__eyebrow[b-2grz23c4r8] {
    justify-self: start;
    margin: 0;
    padding: 0.2rem 0.55rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
    border-radius: var(--radius-pill);
    background: var(--color-primary-soft);
    color: var(--color-primary);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.seller-auth-page__header h1[b-2grz23c4r8] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.seller-auth-page__subtitle[b-2grz23c4r8] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.seller-auth-page__form[b-2grz23c4r8] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
    margin: 0;
}

.seller-auth-page__field[b-2grz23c4r8] {
    display: grid;
    gap: var(--space-1);
    width: 100%;
    min-width: 0;
}

.seller-auth-page__field label[b-2grz23c4r8] {
    color: var(--color-text);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.35;
}

.seller-auth-page__field input[b-2grz23c4r8] {
    display: block;
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    line-height: 1.25;
    transition: border-color 160ms ease-out, box-shadow 160ms ease-out;
}

.seller-auth-page__field input:hover[b-2grz23c4r8] {
    border-color: var(--color-border-strong);
}

.seller-auth-page__field input:focus[b-2grz23c4r8] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-ring);
}

.seller-auth-page__field input:focus-visible[b-2grz23c4r8] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
    border-color: var(--color-primary);
}

.seller-auth-page__password-row[b-2grz23c4r8] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
}

.seller-auth-page__password-toggle[b-2grz23c4r8] {
    justify-self: start;
    min-height: 44px;
    margin: 0;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    background: var(--color-surface-subtle);
    color: var(--color-text-muted);
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 160ms ease-out, color 160ms ease-out;
}

.seller-auth-page__password-toggle:hover[b-2grz23c4r8] {
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

.seller-auth-page__password-toggle:focus-visible[b-2grz23c4r8] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

.seller-auth-page__submit[b-2grz23c4r8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin: var(--space-1) 0 0;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: var(--radius-md);
    background: var(--color-primary);
    color: #fff;
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 650;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: var(--shadow-xs);
    transition: background-color 160ms ease-out, box-shadow 160ms ease-out;
}

.seller-auth-page__submit:hover[b-2grz23c4r8] {
    background: var(--color-primary-hover);
    box-shadow: var(--shadow-sm);
}

.seller-auth-page__submit:active[b-2grz23c4r8] {
    background: var(--color-primary-active);
}

.seller-auth-page__submit:focus-visible[b-2grz23c4r8] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

.seller-auth-page[b-2grz23c4r8]  .app-validation-summary {
    width: 100%;
    margin: 0;
}

.seller-auth-page__feedback[b-2grz23c4r8] {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.seller-auth-page__feedback--success[b-2grz23c4r8] {
    border-color: color-mix(in srgb, var(--color-success) 35%, var(--color-border));
    background: color-mix(in srgb, var(--color-success) 8%, var(--color-surface));
}

.seller-auth-page__feedback-title[b-2grz23c4r8] {
    margin: 0;
    color: var(--color-text);
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.35;
}

.seller-auth-page__feedback-body[b-2grz23c4r8] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    line-height: 1.45;
}

.seller-auth-page__feedback-action[b-2grz23c4r8] {
    margin: var(--space-1) 0 0;
}

.seller-auth-page__feedback-action a[b-2grz23c4r8] {
    color: var(--color-primary);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: underline;
}

.seller-auth-page__feedback-action a:hover[b-2grz23c4r8] {
    color: var(--color-primary-hover);
}

.seller-auth-page__alternatives[b-2grz23c4r8] {
    display: grid;
    gap: var(--space-2);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
    text-align: center;
}

.seller-auth-page__alternatives a[b-2grz23c4r8] {
    color: var(--color-primary);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
}

.seller-auth-page__alternatives a:hover[b-2grz23c4r8] {
    text-decoration: underline;
}

.seller-auth-page__back-feed[b-2grz23c4r8] {
    color: var(--color-text-muted) !important;
    font-weight: 500 !important;
}

.seller-auth-page__google[b-2grz23c4r8] {
    width: 100%;
    min-height: 48px;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-weight: 650;
    cursor: pointer;
    transition: border-color 160ms ease-out, background-color 160ms ease-out;
}

.seller-auth-page__google:hover[b-2grz23c4r8] {
    border-color: var(--color-border-strong);
    background: var(--color-surface-subtle);
}

.seller-auth-page__alternatives a:focus-visible[b-2grz23c4r8],
.seller-auth-page__google:focus-visible[b-2grz23c4r8] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

@media (min-width: 480px) {
    .seller-auth-page[b-2grz23c4r8] {
        padding: var(--space-4) 0;
    }

    .seller-auth-page__card[b-2grz23c4r8] {
        width: min(100%, 24.5rem);
        gap: var(--space-5);
    }

    .seller-auth-page__header h1[b-2grz23c4r8] {
        font-size: 1.625rem;
    }
}