/* /Features/Administration/DataManagement/AdministrativeData.razor.rz.scp.css */
.admin-data-page[b-s1coxg08yl] {
    display: grid;
    width: min(1380px, 100%);
    margin: 0 auto;
    gap: 1.5rem;
    color: var(--hi-text);
}

.page-header[b-s1coxg08yl] {
    position: relative;
    padding: 1.75rem 2rem;
    overflow: hidden;
    border: 1px solid var(--hi-border);
    border-radius: 1rem;
    background: linear-gradient( 135deg, var(--hi-surface) 0%, var(--hi-primary-soft) 100%);
    box-shadow: 0 8px 28px rgba(40, 52, 60, 0.07);
}

    .page-header[b-s1coxg08yl]::after {
        position: absolute;
        top: -5rem;
        right: -3rem;
        width: 15rem;
        height: 15rem;
        border: 2.5rem solid rgba(64, 95, 122, 0.06);
        border-radius: 50%;
        content: "";
        pointer-events: none;
    }

    .page-header h1[b-s1coxg08yl],
    .page-header p[b-s1coxg08yl] {
        position: relative;
        z-index: 1;
        margin: 0;
    }

    .page-header h1[b-s1coxg08yl] {
        color: var(--hi-primary-dark);
        font-size: clamp(1.75rem, 3vw, 2.35rem);
        line-height: 1.15;
        letter-spacing: -0.025em;
    }

    .page-header p:not(.eyebrow)[b-s1coxg08yl] {
        max-width: 52rem;
        margin-top: 0.65rem;
        color: var(--hi-text-secondary);
        font-size: 1rem;
        line-height: 1.6;
    }

.eyebrow[b-s1coxg08yl] {
    margin-bottom: 0.55rem !important;
    color: var(--hi-accent);
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.entity-navigation[b-s1coxg08yl] {
    display: flex;
    padding: 0.45rem;
    overflow-x: auto;
    gap: 0.25rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.8rem;
    background: var(--hi-surface);
    box-shadow: 0 3px 14px rgba(40, 52, 60, 0.05);
    scrollbar-width: thin;
}

.entity-navigation[b-s1coxg08yl]  .entity-link {
    display: inline-flex;
    min-height: 2.55rem;
    padding: 0.6rem 0.85rem;
    align-items: center;
    flex: 0 0 auto;
    color: var(--hi-text-secondary);
    border: 1px solid transparent;
    border-radius: 0.55rem;
    font-size: 0.9rem;
    font-weight: 650;
    text-decoration: none;
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

    .entity-navigation[b-s1coxg08yl]  .entity-link:hover {
        color: var(--hi-primary-dark);
        background: var(--hi-primary-soft);
    }

    .entity-navigation[b-s1coxg08yl]  .entity-link.active {
        color: #fff;
        border-color: var(--hi-primary);
        background: var(--hi-primary);
        box-shadow: 0 3px 9px rgba(64, 95, 122, 0.2);
    }

.data-workspace[b-s1coxg08yl] {
    display: grid;
    grid-template-columns: minmax(18rem, 24rem) minmax(28rem, 1fr);
    min-height: 38rem;
    gap: 1.25rem;
}

.record-browser[b-s1coxg08yl],
.record-editor[b-s1coxg08yl],
.empty-state[b-s1coxg08yl] {
    border: 1px solid var(--hi-border);
    border-radius: 1rem;
    background: var(--hi-surface);
    box-shadow: 0 5px 22px rgba(40, 52, 60, 0.06);
}

.record-browser[b-s1coxg08yl],
.record-editor[b-s1coxg08yl] {
    padding: 1.5rem;
}

    .record-browser h2[b-s1coxg08yl],
    .record-editor h2[b-s1coxg08yl],
    .empty-state h2[b-s1coxg08yl] {
        margin: 0;
        color: var(--hi-primary-dark);
        font-size: 1.35rem;
        letter-spacing: -0.015em;
    }

.search-row[b-s1coxg08yl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 1.1rem 0;
    gap: 0.6rem;
}

    .search-row[b-s1coxg08yl]  input,
    .record-editor[b-s1coxg08yl]  input,
    .record-editor[b-s1coxg08yl]  select,
    .record-editor[b-s1coxg08yl]  textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 0.7rem 0.8rem;
        color: var(--hi-text);
        border: 1px solid var(--hi-border-strong);
        border-radius: 0.55rem;
        outline: none;
        background: var(--hi-surface);
        font: inherit;
        transition: border-color 150ms ease, box-shadow 150ms ease;
    }

    .search-row[b-s1coxg08yl]  input {
        min-width: 0;
        height: 2.75rem;
    }

        .search-row[b-s1coxg08yl]  input::placeholder,
        .record-editor[b-s1coxg08yl]  input::placeholder,
        .record-editor[b-s1coxg08yl]  textarea::placeholder {
            color: var(--hi-text-muted);
        }

        .search-row[b-s1coxg08yl]  input:focus,
        .record-editor[b-s1coxg08yl]  input:focus,
        .record-editor[b-s1coxg08yl]  select:focus,
        .record-editor[b-s1coxg08yl]  textarea:focus {
            border-color: var(--hi-primary);
            box-shadow: 0 0 0 3px rgba(64, 95, 122, 0.13);
        }

.record-list[b-s1coxg08yl] {
    display: grid;
    max-height: 60vh;
    padding-right: 0.3rem;
    gap: 0.4rem;
    overflow-y: auto;
    scrollbar-color: var(--hi-border-strong) transparent;
    scrollbar-width: thin;
}

/*
 * Record rows are buttons, but they are navigation-like list entries rather
 * than primary action buttons. Their colors must therefore be explicit.
 */
.record-row[b-s1coxg08yl] {
    display: grid;
    width: 100%;
    min-height: 0;
    padding: 0.8rem 0.9rem;
    gap: 0.2rem;
    color: var(--hi-text);
    border: 1px solid transparent;
    border-radius: 0.65rem;
    background: var(--hi-surface-subtle);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

    .record-row strong[b-s1coxg08yl] {
        overflow: hidden;
        color: var(--hi-text);
        font-size: 0.95rem;
        font-weight: 700;
        line-height: 1.3;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .record-row span[b-s1coxg08yl] {
        overflow: hidden;
        color: var(--hi-text-secondary);
        font-size: 0.8rem;
        font-weight: 550;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .record-row:hover[b-s1coxg08yl] {
        color: var(--hi-primary-dark);
        border-color: var(--hi-border-strong);
        background: var(--hi-primary-soft);
        transform: translateX(2px);
    }

        .record-row:hover strong[b-s1coxg08yl] {
            color: var(--hi-primary-dark);
        }

    .record-row.selected[b-s1coxg08yl] {
        color: var(--hi-primary-dark);
        border-color: var(--hi-primary);
        background: var(--hi-primary-soft);
        box-shadow: inset 3px 0 0 var(--hi-primary);
    }

        .record-row.selected strong[b-s1coxg08yl] {
            color: var(--hi-primary-dark);
        }

.record-editor[b-s1coxg08yl]  form {
    display: grid;
    max-width: 46rem;
    gap: 1rem;
}

    .record-editor[b-s1coxg08yl]  form > h2 {
        margin-bottom: 0.25rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid var(--hi-border);
    }

.record-editor label[b-s1coxg08yl] {
    display: grid;
    gap: 0.4rem;
    color: var(--hi-text);
    font-size: 0.9rem;
    font-weight: 700;
}

.record-editor .field[b-s1coxg08yl] {
    display: grid;
    gap: 0.4rem;
}

    .record-editor .field > span[b-s1coxg08yl] {
        color: var(--hi-text);
        font-size: 0.9rem;
        font-weight: 700;
    }

.record-row .visibility-badge[b-s1coxg08yl],
.visibility-badge[b-s1coxg08yl] {
    width: fit-content;
    padding: 0.1rem 0.5rem;
    color: #7a5520;
    border: 1px solid rgba(176, 125, 48, 0.35);
    border-radius: 999px;
    background: #fbf1df;
    font-size: 0.75rem;
    font-weight: 700;
}

.visibility-notice[b-s1coxg08yl] {
    display: grid;
    margin: 0;
    gap: 0.4rem;
    color: var(--hi-text-secondary);
    font-size: 0.85rem;
    line-height: 1.45;
}

.record-editor[b-s1coxg08yl]  textarea {
    min-height: 6.5rem;
    resize: vertical;
    line-height: 1.45;
}

.record-editor[b-s1coxg08yl]  select {
    min-height: 2.75rem;
}

.checkbox-field[b-s1coxg08yl] {
    display: flex !important;
    padding: 0.8rem;
    align-items: center;
    gap: 0.65rem !important;
    border: 1px solid var(--hi-border);
    border-radius: 0.55rem;
    background: var(--hi-surface-subtle);
    cursor: pointer;
}

    .checkbox-field[b-s1coxg08yl]  input {
        width: 1.1rem;
        height: 1.1rem;
        accent-color: var(--hi-primary);
    }

/* Primary actions only; deliberately does not target record-row buttons. */
.search-row button[b-s1coxg08yl],
.record-editor button[type="submit"][b-s1coxg08yl] {
    display: inline-flex;
    min-height: 2.75rem;
    padding: 0.65rem 1.1rem;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid var(--hi-primary);
    border-radius: 0.55rem;
    background: var(--hi-primary);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

    .search-row button:hover[b-s1coxg08yl],
    .record-editor button[type="submit"]:hover[b-s1coxg08yl] {
        border-color: var(--hi-primary-dark);
        background: var(--hi-primary-dark);
        box-shadow: 0 4px 12px rgba(41, 70, 91, 0.2);
        transform: translateY(-1px);
    }

    .search-row button:focus-visible[b-s1coxg08yl],
    .record-editor button[type="submit"]:focus-visible[b-s1coxg08yl],
    .record-row:focus-visible[b-s1coxg08yl],
    .entity-navigation[b-s1coxg08yl]  .entity-link:focus-visible {
        outline: 3px solid rgba(64, 95, 122, 0.24);
        outline-offset: 2px;
    }

    .search-row button:disabled[b-s1coxg08yl],
    .record-editor button[type="submit"]:disabled[b-s1coxg08yl] {
        opacity: 0.6;
        cursor: wait;
        transform: none;
    }

.record-editor button[type="submit"][b-s1coxg08yl] {
    width: fit-content;
    min-width: 9rem;
    margin-top: 0.25rem;
}

.status-message[b-s1coxg08yl] {
    margin: 0;
    padding: 0.8rem 0.9rem;
    border: 1px solid transparent;
    border-radius: 0.55rem;
    font-size: 0.9rem;
    line-height: 1.45;
}

    .status-message.success[b-s1coxg08yl] {
        color: #425d45;
        border-color: rgba(104, 132, 107, 0.3);
        background: var(--hi-success-soft);
    }

    .status-message.error[b-s1coxg08yl] {
        color: #783b3b;
        border-color: rgba(154, 79, 79, 0.28);
        background: var(--hi-danger-soft);
    }

.empty-state[b-s1coxg08yl] {
    display: grid;
    min-height: 13rem;
    padding: 2rem;
    place-content: center;
    text-align: center;
}

    .empty-state p[b-s1coxg08yl] {
        max-width: 30rem;
        margin: 0.55rem auto 0;
        color: var(--hi-text-secondary);
        line-height: 1.55;
    }

[b-s1coxg08yl] .validation-message,
.record-editor[b-s1coxg08yl]  .validation-errors {
    color: var(--hi-danger);
    font-size: 0.85rem;
}

@media (max-width: 1000px) {
    .data-workspace[b-s1coxg08yl] {
        grid-template-columns: minmax(16rem, 20rem) minmax(24rem, 1fr);
    }
}

@media (max-width: 820px) {
    .page-header[b-s1coxg08yl] {
        padding: 1.4rem;
    }

    .data-workspace[b-s1coxg08yl] {
        grid-template-columns: 1fr;
    }

    .record-list[b-s1coxg08yl] {
        max-height: 22rem;
    }
}

@media (max-width: 520px) {
    .record-browser[b-s1coxg08yl],
    .record-editor[b-s1coxg08yl] {
        padding: 1rem;
    }

    .search-row[b-s1coxg08yl] {
        grid-template-columns: 1fr;
    }

        .search-row button[b-s1coxg08yl],
        .record-editor button[type="submit"][b-s1coxg08yl] {
            width: 100%;
        }

    .entity-navigation[b-s1coxg08yl] {
        flex-wrap: nowrap;
    }
}
/* /Features/Administration/DataManagement/AdministrativeLookupPicker.razor.rz.scp.css */
.lookup-picker[b-s2c2lzo4z2] {
    display: grid;
    gap: 0.45rem;
}

.lookup-selected[b-s2c2lzo4z2] {
    display: flex;
    min-height: 2.75rem;
    padding: 0.55rem 0.8rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    color: var(--hi-text);
    border: 1px solid var(--hi-border);
    border-radius: 0.55rem;
    background: var(--hi-surface-subtle);
    font-weight: 650;
}

.lookup-clear[b-s2c2lzo4z2] {
    padding: 0.25rem 0.6rem;
    color: var(--hi-text-secondary);
    border: 1px solid var(--hi-border-strong);
    border-radius: 0.45rem;
    background: var(--hi-surface);
    font: inherit;
    font-size: 0.8rem;
    cursor: pointer;
}

.lookup-picker input[b-s2c2lzo4z2] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.6rem 0.8rem;
    color: var(--hi-text);
    border: 1px solid var(--hi-border-strong);
    border-radius: 0.55rem;
    background: var(--hi-surface);
    font: inherit;
}

    .lookup-picker input:focus[b-s2c2lzo4z2] {
        border-color: var(--hi-primary);
        outline: none;
        box-shadow: 0 0 0 3px rgba(64, 95, 122, 0.13);
    }

.lookup-results[b-s2c2lzo4z2] {
    display: grid;
    max-height: 16rem;
    margin: 0;
    padding: 0.3rem;
    overflow-y: auto;
    list-style: none;
    border: 1px solid var(--hi-border);
    border-radius: 0.55rem;
    background: var(--hi-surface);
}

    .lookup-results button[b-s2c2lzo4z2] {
        width: 100%;
        padding: 0.5rem 0.6rem;
        color: var(--hi-text);
        border: 0;
        border-radius: 0.4rem;
        background: transparent;
        font: inherit;
        font-weight: 550;
        text-align: left;
        cursor: pointer;
    }

        .lookup-results button:hover[b-s2c2lzo4z2],
        .lookup-results button:focus-visible[b-s2c2lzo4z2] {
            color: var(--hi-primary-dark);
            background: var(--hi-primary-soft);
        }

.lookup-empty[b-s2c2lzo4z2] {
    margin: 0;
    color: var(--hi-text-muted);
    font-size: 0.85rem;
}
/* /Features/Analytics/AnalyticsDashboardPage.razor.rz.scp.css */
.analytics[b-7gbq8nl0zd] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #20342d;
}

header[b-7gbq8nl0zd] {
    margin-bottom: 1.5rem;
}

h1[b-7gbq8nl0zd] {
    margin: 0.25rem 0 0.75rem;
    font-size: clamp(1.8rem, 4vw, 2.4rem);
}

h2[b-7gbq8nl0zd] {
    margin-top: 0;
    font-size: 1.25rem;
}

p[b-7gbq8nl0zd] {
    line-height: 1.6;
}

.eyebrow[b-7gbq8nl0zd] {
    margin: 0;
    color: #537267;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.help[b-7gbq8nl0zd] {
    color: #52665c;
}

.generated[b-7gbq8nl0zd] {
    font-size: 0.85rem;
}

.period[b-7gbq8nl0zd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.card[b-7gbq8nl0zd] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    border: 1px solid #dce5df;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 18px rgb(30 60 45 / 4%);
}

section[b-7gbq8nl0zd] {
    margin-bottom: 1.25rem;
}

/* Headline numbers. */
.tiles[b-7gbq8nl0zd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
    margin: 0;
}

    .tiles div[b-7gbq8nl0zd] {
        padding: 1rem;
        border: 1px solid #dce5df;
        border-radius: 12px;
        background: #fff;
    }

    .tiles dd[b-7gbq8nl0zd] {
        font-size: 1.9rem;
        font-variant-numeric: tabular-nums;
        line-height: 1.2;
    }

.facts[b-7gbq8nl0zd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin: 0;
}

    .facts div[b-7gbq8nl0zd] {
        padding: 0.75rem;
        border-radius: 10px;
        background: #f2f6f3;
    }

    .facts dd[b-7gbq8nl0zd] {
        font-size: 1.25rem;
        font-variant-numeric: tabular-nums;
    }

dt[b-7gbq8nl0zd] {
    margin-bottom: 0.25rem;
    color: #52665c;
    font-size: 0.85rem;
}

dd[b-7gbq8nl0zd] {
    margin: 0;
    font-weight: 700;
    overflow-wrap: anywhere;
}

    .tiles dd.detail[b-7gbq8nl0zd],
    .facts dd.detail[b-7gbq8nl0zd] {
        margin-top: 0.25rem;
        color: #52665c;
        font-size: 0.8rem;
        font-weight: 400;
        line-height: 1.4;
    }

label[b-7gbq8nl0zd] {
    display: block;
    margin: 1rem 0 0.4rem;
    font-weight: 600;
}

.inline[b-7gbq8nl0zd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

input[b-7gbq8nl0zd] {
    box-sizing: border-box;
    width: 100%;
    max-width: 200px;
    padding: 0.6rem 0.75rem;
    border: 1px solid #a9bbb0;
    border-radius: 8px;
    background: #fff;
    color: #20342d;
    font: inherit;
}

button[b-7gbq8nl0zd] {
    padding: 0.6rem 1rem;
    border: 1px solid #245c43;
    border-radius: 8px;
    background: #fff;
    color: #245c43;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

    button[type="submit"][b-7gbq8nl0zd],
    button.selected[b-7gbq8nl0zd] {
        background: #245c43;
        color: #fff;
    }

    button.small[b-7gbq8nl0zd] {
        margin-left: 0.5rem;
        padding: 0.25rem 0.6rem;
        font-size: 0.85rem;
    }

    button:disabled[b-7gbq8nl0zd] {
        opacity: 0.55;
        cursor: not-allowed;
    }

    button:focus-visible[b-7gbq8nl0zd],
    input:focus-visible[b-7gbq8nl0zd] {
        outline: 3px solid #bc8b32;
        outline-offset: 3px;
    }

.notice[b-7gbq8nl0zd] {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 10px;
    line-height: 1.5;
}

.error[b-7gbq8nl0zd] {
    border: 1px solid #dda9a9;
    background: #fff1f1;
    color: #812c2c;
}

.table-wrap[b-7gbq8nl0zd] {
    overflow-x: auto;
}

table[b-7gbq8nl0zd] {
    width: 100%;
    border-collapse: collapse;
}

th[b-7gbq8nl0zd],
td[b-7gbq8nl0zd] {
    padding: 0.6rem 0.5rem;
    border-bottom: 1px solid #e6ece8;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

thead th[b-7gbq8nl0zd] {
    color: #52665c;
    font-size: 0.85rem;
}

tbody th[b-7gbq8nl0zd] {
    font-weight: 600;
}

.number[b-7gbq8nl0zd] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.badge[b-7gbq8nl0zd] {
    display: inline-block;
    margin-left: 0.4rem;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: #f2f6f3;
    color: #52665c;
    font-size: 0.75rem;
    font-weight: 600;
}

.excluded[b-7gbq8nl0zd] {
    padding-left: 1.25rem;
    line-height: 2;
}

code[b-7gbq8nl0zd] {
    font-size: 0.9rem;
}

@media (max-width: 600px) {
    .analytics[b-7gbq8nl0zd] {
        padding: 1rem;
    }

    .card[b-7gbq8nl0zd] {
        padding: 1rem;
    }
}
/* /Features/Billing/AccessBanner.razor.rz.scp.css */
.access-banner[b-m19owyenr9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid #d9c38f;
    border-radius: 10px;
    background: #fdf7e8;
    color: #5a4415;
    line-height: 1.5;
}

    .access-banner.urgent[b-m19owyenr9] {
        border-color: #dda9a9;
        background: #fff1f1;
        color: #812c2c;
    }

    .access-banner a[b-m19owyenr9] {
        color: inherit;
        font-weight: 700;
    }

        .access-banner a:focus-visible[b-m19owyenr9] {
            outline: 3px solid #bc8b32;
            outline-offset: 3px;
        }
/* /Features/Billing/Administration/HouseholdBillingAdministration.razor.rz.scp.css */
.billing-admin[b-jhjfiolfwt] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #20342d;
}

header[b-jhjfiolfwt] {
    margin-bottom: 1.5rem;
}

h1[b-jhjfiolfwt] {
    margin: 0.25rem 0 0.75rem;
    font-size: clamp(1.8rem, 4vw, 2.4rem);
}

h2[b-jhjfiolfwt] {
    margin-top: 0;
    font-size: 1.25rem;
}

p[b-jhjfiolfwt] {
    line-height: 1.6;
}

.eyebrow[b-jhjfiolfwt] {
    margin: 0;
    color: #537267;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.settings-card[b-jhjfiolfwt] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    border: 1px solid #dce5df;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 18px rgb(30 60 45 / 4%);
}

.confirmation[b-jhjfiolfwt] {
    margin-top: 1rem;
    border-color: #bc8b32;
}

.help[b-jhjfiolfwt] {
    color: #52665c;
}

.form-grid[b-jhjfiolfwt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0 1rem;
}

.facts[b-jhjfiolfwt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
    margin: 0;
}

    .facts div[b-jhjfiolfwt] {
        padding: 0.75rem;
        border-radius: 10px;
        background: #f2f6f3;
    }

dt[b-jhjfiolfwt] {
    margin-bottom: 0.25rem;
    color: #52665c;
    font-size: 0.85rem;
}

dd[b-jhjfiolfwt] {
    margin: 0;
    font-weight: 700;
    overflow-wrap: anywhere;
}

fieldset[b-jhjfiolfwt] {
    min-width: 0;
    padding: 0;
    border: 0;
}

label[b-jhjfiolfwt] {
    display: block;
    margin: 1rem 0 0.4rem;
    font-weight: 600;
}

input[b-jhjfiolfwt],
select[b-jhjfiolfwt] {
    box-sizing: border-box;
    width: 100%;
    max-width: 480px;
    padding: 0.75rem;
    border: 1px solid #a9bbb0;
    border-radius: 8px;
    background: #fff;
    color: #20342d;
    font: inherit;
}

button[b-jhjfiolfwt] {
    padding: 0.6rem 1rem;
    border: 1px solid #245c43;
    border-radius: 8px;
    background: #245c43;
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

    button.secondary[b-jhjfiolfwt] {
        background: #fff;
        color: #245c43;
    }

    button:disabled[b-jhjfiolfwt] {
        opacity: 0.55;
        cursor: not-allowed;
    }

    button:focus-visible[b-jhjfiolfwt],
    input:focus-visible[b-jhjfiolfwt],
    select:focus-visible[b-jhjfiolfwt],
    a:focus-visible[b-jhjfiolfwt] {
        outline: 3px solid #bc8b32;
        outline-offset: 3px;
    }

.card-link[b-jhjfiolfwt] {
    display: inline-block;
    padding: 0.6rem 1rem;
    border: 1px solid #245c43;
    border-radius: 8px;
    color: #245c43;
    font-weight: 600;
    text-decoration: none;
}

.actions[b-jhjfiolfwt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.notice[b-jhjfiolfwt] {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 10px;
    line-height: 1.5;
}

.success[b-jhjfiolfwt] {
    border: 1px solid #91c5a2;
    background: #edf8f0;
    color: #205235;
}

.error[b-jhjfiolfwt] {
    border: 1px solid #dda9a9;
    background: #fff1f1;
    color: #812c2c;
}

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

table[b-jhjfiolfwt] {
    width: 100%;
    border-collapse: collapse;
}

th[b-jhjfiolfwt],
td[b-jhjfiolfwt] {
    padding: 0.6rem 0.5rem;
    border-bottom: 1px solid #e6ece8;
    text-align: left;
    vertical-align: top;
}

th[b-jhjfiolfwt] {
    color: #52665c;
    font-size: 0.85rem;
}

tr.inactive td[b-jhjfiolfwt] {
    color: #7b8a83;
}

.results[b-jhjfiolfwt] {
    padding-left: 1.25rem;
    line-height: 1.8;
}

.sr-only[b-jhjfiolfwt] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (max-width: 600px) {
    .billing-admin[b-jhjfiolfwt] {
        padding: 1rem;
    }
}
/* /Features/Billing/Administration/PromotionCodes.razor.rz.scp.css */
.billing-admin[b-zkprzqau0j] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #20342d;
}

header[b-zkprzqau0j] {
    margin-bottom: 1.5rem;
}

h1[b-zkprzqau0j] {
    margin: 0.25rem 0 0.75rem;
    font-size: clamp(1.8rem, 4vw, 2.4rem);
}

h2[b-zkprzqau0j] {
    margin-top: 0;
    font-size: 1.25rem;
}

p[b-zkprzqau0j] {
    line-height: 1.6;
}

.eyebrow[b-zkprzqau0j] {
    margin: 0;
    color: #537267;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.settings-card[b-zkprzqau0j] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    border: 1px solid #dce5df;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 18px rgb(30 60 45 / 4%);
}

.confirmation[b-zkprzqau0j] {
    margin-top: 1rem;
    border-color: #bc8b32;
}

.help[b-zkprzqau0j] {
    color: #52665c;
}

.form-grid[b-zkprzqau0j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0 1rem;
}

.facts[b-zkprzqau0j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
    margin: 0;
}

    .facts div[b-zkprzqau0j] {
        padding: 0.75rem;
        border-radius: 10px;
        background: #f2f6f3;
    }

dt[b-zkprzqau0j] {
    margin-bottom: 0.25rem;
    color: #52665c;
    font-size: 0.85rem;
}

dd[b-zkprzqau0j] {
    margin: 0;
    font-weight: 700;
    overflow-wrap: anywhere;
}

fieldset[b-zkprzqau0j] {
    min-width: 0;
    padding: 0;
    border: 0;
}

label[b-zkprzqau0j] {
    display: block;
    margin: 1rem 0 0.4rem;
    font-weight: 600;
}

input[b-zkprzqau0j],
select[b-zkprzqau0j] {
    box-sizing: border-box;
    width: 100%;
    max-width: 480px;
    padding: 0.75rem;
    border: 1px solid #a9bbb0;
    border-radius: 8px;
    background: #fff;
    color: #20342d;
    font: inherit;
}

button[b-zkprzqau0j] {
    padding: 0.6rem 1rem;
    border: 1px solid #245c43;
    border-radius: 8px;
    background: #245c43;
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

    button.secondary[b-zkprzqau0j] {
        background: #fff;
        color: #245c43;
    }

    button.danger[b-zkprzqau0j] {
        border-color: #9b3030;
        background: #9b3030;
        color: #fff;
    }

    button:disabled[b-zkprzqau0j] {
        opacity: 0.55;
        cursor: not-allowed;
    }

    button:focus-visible[b-zkprzqau0j],
    input:focus-visible[b-zkprzqau0j],
    select:focus-visible[b-zkprzqau0j],
    a:focus-visible[b-zkprzqau0j] {
        outline: 3px solid #bc8b32;
        outline-offset: 3px;
    }

.card-link[b-zkprzqau0j] {
    display: inline-block;
    padding: 0.6rem 1rem;
    border: 1px solid #245c43;
    border-radius: 8px;
    color: #245c43;
    font-weight: 600;
    text-decoration: none;
}

.actions[b-zkprzqau0j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.notice[b-zkprzqau0j] {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 10px;
    line-height: 1.5;
}

.success[b-zkprzqau0j] {
    border: 1px solid #91c5a2;
    background: #edf8f0;
    color: #205235;
}

.error[b-zkprzqau0j] {
    border: 1px solid #dda9a9;
    background: #fff1f1;
    color: #812c2c;
}

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

table[b-zkprzqau0j] {
    width: 100%;
    border-collapse: collapse;
}

th[b-zkprzqau0j],
td[b-zkprzqau0j] {
    padding: 0.6rem 0.5rem;
    border-bottom: 1px solid #e6ece8;
    text-align: left;
    vertical-align: top;
}

th[b-zkprzqau0j] {
    color: #52665c;
    font-size: 0.85rem;
}

tr.inactive td[b-zkprzqau0j] {
    color: #7b8a83;
}

.code-input[b-zkprzqau0j] {
    display: flex;
    gap: 0.5rem;
    max-width: 480px;
}

    .code-input input[b-zkprzqau0j] {
        flex: 1;
        min-width: 0;
    }

.row-actions[b-zkprzqau0j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

label.checkbox[b-zkprzqau0j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 400;
}

    label.checkbox input[b-zkprzqau0j] {
        width: auto;
    }

.results[b-zkprzqau0j] {
    padding-left: 1.25rem;
    line-height: 1.8;
}

.sr-only[b-zkprzqau0j] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (max-width: 600px) {
    .billing-admin[b-zkprzqau0j] {
        padding: 1rem;
    }
}
/* /Features/Billing/HouseholdBillingPage.razor.rz.scp.css */
.household-settings[b-8ulv4rqxc3] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #20342d;
}

header[b-8ulv4rqxc3] {
    margin-bottom: 1.5rem;
}

h1[b-8ulv4rqxc3] {
    margin: 0.25rem 0 0.75rem;
    font-size: clamp(1.8rem, 4vw, 2.4rem);
}

h2[b-8ulv4rqxc3] {
    margin-top: 0;
    font-size: 1.25rem;
}

p[b-8ulv4rqxc3] {
    line-height: 1.6;
}

.eyebrow[b-8ulv4rqxc3] {
    margin: 0;
    color: #537267;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.settings-card[b-8ulv4rqxc3] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    border: 1px solid #dce5df;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 18px rgb(30 60 45 / 4%);
}

.status[b-8ulv4rqxc3],
.help[b-8ulv4rqxc3] {
    color: #52665c;
}

.plan-options[b-8ulv4rqxc3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1.25rem 0;
}

.plan-option[b-8ulv4rqxc3] {
    padding: 1rem;
    border-radius: 10px;
    background: #f2f6f3;
}

.price[b-8ulv4rqxc3] {
    margin: 0.25rem 0 0.75rem;
    font-size: 1.6rem;
    font-weight: 700;
}

    .price span[b-8ulv4rqxc3] {
        color: #52665c;
        font-size: 1rem;
        font-weight: 400;
    }

fieldset[b-8ulv4rqxc3] {
    min-width: 0;
    padding: 0;
    border: 0;
}

label[b-8ulv4rqxc3] {
    display: block;
    margin: 1rem 0 0.4rem;
    font-weight: 600;
}

input[b-8ulv4rqxc3] {
    width: 100%;
    max-width: 480px;
    padding: 0.75rem;
    border: 1px solid #a9bbb0;
    border-radius: 8px;
    background: #fff;
    color: #20342d;
    font: inherit;
}

button[b-8ulv4rqxc3] {
    padding: 0.75rem 1rem;
    border: 1px solid #245c43;
    border-radius: 8px;
    background: #245c43;
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

    button.secondary[b-8ulv4rqxc3] {
        background: #fff;
        color: #245c43;
    }

    button:disabled[b-8ulv4rqxc3] {
        opacity: 0.55;
        cursor: not-allowed;
    }

    button:focus-visible[b-8ulv4rqxc3],
    input:focus-visible[b-8ulv4rqxc3] {
        outline: 3px solid #bc8b32;
        outline-offset: 3px;
    }

.card-link[b-8ulv4rqxc3] {
    display: inline-block;
    padding: 0.75rem 1rem;
    border: 1px solid #245c43;
    border-radius: 8px;
    color: #245c43;
    font-weight: 600;
    text-decoration: none;
}

    .card-link:hover[b-8ulv4rqxc3] {
        background: #edf8f0;
    }

    .card-link:focus-visible[b-8ulv4rqxc3] {
        outline: 3px solid #bc8b32;
        outline-offset: 3px;
    }

.actions[b-8ulv4rqxc3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.notice[b-8ulv4rqxc3] {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 10px;
    line-height: 1.5;
}

.success[b-8ulv4rqxc3] {
    border: 1px solid #91c5a2;
    background: #edf8f0;
    color: #205235;
}

.error[b-8ulv4rqxc3] {
    border: 1px solid #dda9a9;
    background: #fff1f1;
    color: #812c2c;
}

.confirmation[b-8ulv4rqxc3] {
    border-color: #bc8b32;
}

@media (max-width: 600px) {
    .household-settings[b-8ulv4rqxc3] {
        padding: 1rem;
    }

    .plan-options[b-8ulv4rqxc3] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Catalog/Attributes/AttributeSetup.razor.rz.scp.css */
.setup-page[b-qtkancutyr] {
    padding: 1.5rem;
    max-width: 1200px;
}

.page-note[b-qtkancutyr], .note[b-qtkancutyr] {
    color: #475569;
    max-width: 60rem;
}

.error[b-qtkancutyr] {
    color: #b42318;
}

.tabs[b-qtkancutyr] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid #e2e8f0;
    margin: 1rem 0;
}

.tab[b-qtkancutyr] {
    border: 0;
    background: none;
    padding: 0.5rem 0.9rem;
    border-bottom: 2px solid transparent;
}

    .tab.active[b-qtkancutyr] {
        border-bottom-color: #4f46e5;
        font-weight: 600;
    }

.row-fields[b-qtkancutyr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin: 0.5rem 0;
}

.new-attribute[b-qtkancutyr] {
    margin-bottom: 1.5rem;
}

    .new-attribute h2[b-qtkancutyr], .definition-body h3[b-qtkancutyr] {
        font-size: 1rem;
        margin: 0.75rem 0 0.25rem;
    }

.definition[b-qtkancutyr] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin: 0.5rem 0;
    padding: 0.5rem 0.9rem;
}

    .definition summary[b-qtkancutyr] {
        cursor: pointer;
        display: flex;
        gap: 0.6rem;
        align-items: baseline;
    }

    .definition code[b-qtkancutyr] {
        color: #64748b;
    }

.meta[b-qtkancutyr] {
    color: #64748b;
    font-size: 0.85rem;
}

.values[b-qtkancutyr], .defaults[b-qtkancutyr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

    .values th[b-qtkancutyr], .values td[b-qtkancutyr], .defaults th[b-qtkancutyr], .defaults td[b-qtkancutyr] {
        border-bottom: 1px solid #e2e8f0;
        padding: 0.3rem 0.4rem;
        text-align: left;
        vertical-align: middle;
    }

    .defaults input[type=number][b-qtkancutyr] {
        width: 5rem;
    }

.retired[b-qtkancutyr] {
    opacity: 0.55;
}

.actions[b-qtkancutyr] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.categories[b-qtkancutyr] {
    margin: 0.25rem 0;
    padding-left: 1.1rem;
}

    .categories li[b-qtkancutyr] {
        display: flex;
        gap: 0.6rem;
        align-items: center;
    }

.effective[b-qtkancutyr] {
    color: #475569;
}

.group-heading[b-qtkancutyr] {
    font-size: 1rem;
    margin: 1.5rem 0 0.25rem;
}

    .group-heading small[b-qtkancutyr] {
        display: block;
        font-weight: 400;
        color: #64748b;
        font-size: 0.85rem;
    }
/* /Features/Catalog/Attributes/ProductResearchQueue.razor.rz.scp.css */
.research-page[b-ugxi9ywwts] {
    padding: 1.5rem;
    max-width: 1200px;
}

.page-note[b-ugxi9ywwts] {
    color: #475569;
    max-width: 60rem;
}

.filters[b-ugxi9ywwts] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1rem 0;
}

.error[b-ugxi9ywwts] {
    color: #b42318;
}

.research-layout[b-ugxi9ywwts] {
    display: grid;
    grid-template-columns: minmax(16rem, 24rem) 1fr;
    gap: 1.5rem;
    align-items: start;
}

.queue[b-ugxi9ywwts] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 75vh;
    overflow-y: auto;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.queue-entry[b-ugxi9ywwts] {
    display: block;
    width: 100%;
    text-align: left;
    background: white;
    border: 0;
    border-bottom: 1px solid #e2e8f0;
    padding: 0.6rem 0.8rem;
}

    .queue-entry.selected[b-ugxi9ywwts] {
        background: #eef2ff;
    }

.facts[b-ugxi9ywwts] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
}

.tag[b-ugxi9ywwts] {
    background: #f1f5f9;
    border-radius: 999px;
    padding: 0 0.45rem;
}

    .tag.warn[b-ugxi9ywwts] {
        background: #fef3c7;
        color: #92400e;
    }

.households[b-ugxi9ywwts] {
    color: #64748b;
    margin-left: auto;
}

@media (max-width: 800px) {
    .research-layout[b-ugxi9ywwts] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Catalog/Attributes/VariantAttributesPanel.razor.rz.scp.css */
.attributes-panel[b-1oqykpexh8] {
    border: 1px solid #d8dee8;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin: 0.75rem 0 1.25rem;
    background: #f8fafc;
}

    .attributes-panel h3[b-1oqykpexh8] {
        font-size: 1rem;
        margin: 0 0 0.25rem;
    }

        .attributes-panel h3 small[b-1oqykpexh8] {
            font-weight: 400;
            color: #64748b;
        }

    .attributes-panel h4[b-1oqykpexh8] {
        font-size: 0.95rem;
        margin: 1rem 0 0.25rem;
    }

.panel-note[b-1oqykpexh8] {
    color: #475569;
    font-size: 0.875rem;
    margin: 0 0 0.5rem;
}

.panel-error[b-1oqykpexh8] {
    color: #b42318;
    font-size: 0.875rem;
}

.attribute-row[b-1oqykpexh8] {
    display: grid;
    grid-template-columns: 11rem 1fr;
    gap: 0.5rem;
    align-items: center;
    margin: 0.35rem 0;
}

    .attribute-row > label[b-1oqykpexh8] {
        font-weight: 600;
        font-size: 0.875rem;
    }

.attribute-control[b-1oqykpexh8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

    .attribute-control input[type=number][b-1oqykpexh8] {
        width: 6rem;
    }

.choices[b-1oqykpexh8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
}

.choice[b-1oqykpexh8] {
    font-size: 0.875rem;
    display: inline-flex;
    gap: 0.25rem;
    align-items: center;
}

.required[b-1oqykpexh8] {
    font-size: 0.7rem;
    font-weight: 500;
    color: #b45309;
    margin-left: 0.25rem;
}

.badge[b-1oqykpexh8] {
    font-size: 0.75rem;
    border-radius: 999px;
    padding: 0.1rem 0.5rem;
}

    .badge.ai[b-1oqykpexh8] {
        background: #fef3c7;
        color: #92400e;
    }

    .badge.confirmed[b-1oqykpexh8] {
        background: #dcfce7;
        color: #166534;
    }

.panel-actions[b-1oqykpexh8] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

@media (max-width: 640px) {
    .attribute-row[b-1oqykpexh8] {
        grid-template-columns: 1fr;
    }
}

.attribute-group[b-1oqykpexh8] {
    margin-top: 0.75rem;
}

    .attribute-group h4[b-1oqykpexh8] {
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: #334155;
        margin: 0 0 0.25rem;
        border-bottom: 1px solid #e2e8f0;
        padding-bottom: 0.2rem;
    }

.panel-warning[b-1oqykpexh8] {
    background: #fff7e6;
    border: 1px solid #f0d58a;
    border-radius: 6px;
    color: #7a4d00;
    font-size: 0.85rem;
    padding: 0.5rem 0.65rem;
}

.badge.locked[b-1oqykpexh8], .badge.unknown[b-1oqykpexh8] {
    background: #f1f5f9;
    color: #475569;
}
/* /Features/Catalog/Identification/BrandFields.razor.rz.scp.css */
.field[b-15c1rz647n] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-bottom: 1rem;
}

    .field label[b-15c1rz647n] {
        font-weight: 600;
    }

    .field small[b-15c1rz647n] {
        color: var(--manual-muted, #667792);
        line-height: 1.4;
    }

    .field input[b-15c1rz647n],
    .field[b-15c1rz647n]  input {
        width: 100%;
        min-height: 44px;
        padding: 0.65rem 0.8rem;
        border: 1px solid #bcc8d7;
        border-radius: 8px;
        background: #fff;
        color: var(--manual-navy, #10284b);
        font: inherit;
    }

        .field input:focus-visible[b-15c1rz647n],
        .field[b-15c1rz647n]  input:focus-visible {
            outline: 3px solid rgb(55 111 148 / 25%);
            border-color: #376f94;
        }

        .field input[readonly][b-15c1rz647n] {
            background: #f7f9fb;
        }
/* /Features/Catalog/Identification/CatalogAutocomplete.razor.rz.scp.css */
.catalog-autocomplete[b-qa4o2a8701] {
    position: relative;
    width: 100%;
}

    .catalog-autocomplete > input[b-qa4o2a8701] {
        width: 100%;
    }

.catalog-autocomplete-results[b-qa4o2a8701] {
    position: absolute;
    z-index: 100;
    top: calc(100% + 0.3rem);
    right: 0;
    left: 0;
    max-height: 19rem;
    overflow-y: auto;
    border: 1px solid #bcc8d7;
    border-radius: 0.65rem;
    background: #fff;
    box-shadow: 0 12px 32px rgb(16 40 75 / 16%);
}

.catalog-autocomplete-option[b-qa4o2a8701] {
    display: flex;
    width: 100%;
    padding: 0.75rem 0.85rem;
    flex-direction: column;
    gap: 0.2rem;
    border: 0;
    border-bottom: 1px solid #e8ebef;
    background: #fff;
    color: #10284b;
    text-align: left;
    cursor: pointer;
}

    .catalog-autocomplete-option:last-child[b-qa4o2a8701] {
        border-bottom: 0;
    }

    .catalog-autocomplete-option:hover[b-qa4o2a8701],
    .catalog-autocomplete-option.active[b-qa4o2a8701] {
        background: #eef5fa;
    }

.catalog-option-name[b-qa4o2a8701] {
    font-weight: 650;
}

.catalog-option-detail[b-qa4o2a8701] {
    color: #667792;
    font-size: 0.85rem;
}

.catalog-autocomplete-status[b-qa4o2a8701] {
    padding: 0.85rem;
    color: #667792;
    font-size: 0.9rem;
}
/* /Features/Catalog/Identification/Comparison/ResearchComparisonPage.razor.rz.scp.css */
.comparison[b-yr4jg3oap2] {
    display: grid;
    gap: 1.25rem;
    max-width: 80rem;
}

    .comparison h1[b-yr4jg3oap2] {
        margin: 0.25rem 0 0.5rem;
    }

    .comparison header p:last-child[b-yr4jg3oap2] {
        margin: 0;
        max-width: 60rem;
        color: var(--hi-text-secondary);
    }

.card[b-yr4jg3oap2] {
    display: grid;
    gap: 0.9rem;
    padding: 1.25rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.9rem;
    background-color: var(--hi-surface);
}

    .card h2[b-yr4jg3oap2] {
        margin: 0;
        font-size: 1.15rem;
    }

    .card h3[b-yr4jg3oap2] {
        margin: 0.5rem 0 0;
        font-size: 1rem;
    }

.setup-grid[b-yr4jg3oap2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
    align-items: start;
}

    .setup-grid label[b-yr4jg3oap2],
    .block[b-yr4jg3oap2] {
        display: grid;
        gap: 0.3rem;
    }

    .setup-grid input[type=number][b-yr4jg3oap2] {
        max-width: 8rem;
    }

.check[b-yr4jg3oap2] {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
}

fieldset[b-yr4jg3oap2] {
    display: grid;
    gap: 0.4rem;
    margin: 0;
    padding: 0.75rem 1rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.6rem;
}

small[b-yr4jg3oap2] {
    color: var(--hi-text-muted);
}

textarea[b-yr4jg3oap2] {
    width: 100%;
    font-family: inherit;
}

.button[b-yr4jg3oap2],
.secondary[b-yr4jg3oap2] {
    justify-self: start;
    padding: 0.6rem 1.1rem;
    border: 0;
    border-radius: 0.6rem;
    color: #ffffff;
    background-color: var(--hi-primary);
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.secondary[b-yr4jg3oap2] {
    color: var(--hi-text);
    background-color: var(--hi-surface-subtle);
}

.progress progress[b-yr4jg3oap2] {
    width: 100%;
}

.notice[b-yr4jg3oap2] {
    margin: 0;
    font-weight: 600;
}

.summary-header[b-yr4jg3oap2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.field-note[b-yr4jg3oap2] {
    margin: 0;
    color: var(--hi-text-secondary);
}

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

table[b-yr4jg3oap2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

th[b-yr4jg3oap2],
td[b-yr4jg3oap2] {
    padding: 0.5rem;
    border-bottom: 1px solid var(--hi-border);
    text-align: left;
    vertical-align: top;
}

thead th[b-yr4jg3oap2] {
    color: var(--hi-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

td.wrong[b-yr4jg3oap2] {
    color: var(--hi-danger);
    font-weight: 700;
}

.details td small[b-yr4jg3oap2],
.details td strong[b-yr4jg3oap2] {
    display: block;
}

.details td[b-yr4jg3oap2] {
    min-width: 12rem;
}

.verdict[b-yr4jg3oap2] {
    margin-bottom: 0.25rem;
    font-weight: 600;
}

    .verdict.right[b-yr4jg3oap2] {
        color: var(--hi-success);
    }

    .verdict.wrong[b-yr4jg3oap2] {
        color: var(--hi-danger);
    }
/* /Features/Catalog/Identification/ManualProductRegistration.razor.rz.scp.css */
.manual-product[b-dvt9nz9c2w] {
    --manual-navy: #10284b;
    --manual-muted: #667792;
    --manual-border: #dce2e9;
    --manual-orange: #cf7d3c;
    color: var(--manual-navy);
}

.manual-product-header[b-dvt9nz9c2w] {
    margin-bottom: 1.25rem;
}

    .manual-product-header h2[b-dvt9nz9c2w] {
        margin: 0.55rem 0 0.25rem;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(2rem, 4vw, 2.75rem);
        letter-spacing: -0.035em;
    }

    .manual-product-header p[b-dvt9nz9c2w] {
        margin: 0;
        color: var(--manual-muted);
    }

.manual-product-grid[b-dvt9nz9c2w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 1rem;
    align-items: start;
}

.manual-product-card[b-dvt9nz9c2w],
.manual-preview[b-dvt9nz9c2w] {
    padding: 1.4rem;
    border: 1px solid var(--manual-border);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 6px 22px rgb(16 40 75 / 4%);
}

    .manual-product-card + .manual-product-card[b-dvt9nz9c2w] {
        margin-top: 1rem;
    }

    .manual-product-card h3[b-dvt9nz9c2w],
    .manual-preview h3[b-dvt9nz9c2w] {
        margin: 0 0 1.25rem;
        font-size: 1.25rem;
    }

.field[b-dvt9nz9c2w] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-bottom: 1rem;
}

    .field label[b-dvt9nz9c2w] {
        font-weight: 600;
    }

    .field small[b-dvt9nz9c2w] {
        color: var(--manual-muted);
        line-height: 1.4;
    }

    .field input[b-dvt9nz9c2w],
    .field select[b-dvt9nz9c2w],
    .field[b-dvt9nz9c2w]  input {
        width: 100%;
        min-height: 44px;
        padding: 0.65rem 0.8rem;
        border: 1px solid #bcc8d7;
        border-radius: 8px;
        background: #fff;
        color: var(--manual-navy);
        font: inherit;
    }

        .field input:focus-visible[b-dvt9nz9c2w],
        .field select:focus-visible[b-dvt9nz9c2w],
        .field[b-dvt9nz9c2w]  input:focus-visible {
            outline: 3px solid rgb(55 111 148 / 25%);
            border-color: #376f94;
        }

.size-unit[b-dvt9nz9c2w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.75rem;
}

    .size-unit label[b-dvt9nz9c2w] {
        display: grid;
        gap: 0.35rem;
        min-width: 0;
    }

    .size-unit input[b-dvt9nz9c2w],
    .size-unit select[b-dvt9nz9c2w] {
        width: 100%;
        min-width: 0;
    }

.saved-name[b-dvt9nz9c2w] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--manual-border);
    border-radius: 10px;
    background: #f7f9fb;
}

    .saved-name > span[b-dvt9nz9c2w] {
        color: var(--manual-muted);
    }

    .saved-name label[b-dvt9nz9c2w] {
        flex: 1 1 100%;
    }

.filed-as[b-dvt9nz9c2w] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.3rem;
}

    .filed-as strong[b-dvt9nz9c2w] {
        color: var(--manual-navy);
    }

.link-button[b-dvt9nz9c2w] {
    padding: 0;
    border: 0;
    background: none;
    color: #2e739f;
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

.manual-preview-list[b-dvt9nz9c2w] {
    margin: 0;
}

.manual-preview-row[b-dvt9nz9c2w] {
    padding: 0.9rem 0;
    border-bottom: 1px solid #e8ebef;
}

    .manual-preview-row dt[b-dvt9nz9c2w] {
        margin-bottom: 0.2rem;
        color: var(--manual-muted);
        font-size: 0.85rem;
    }

    .manual-preview-row dd[b-dvt9nz9c2w] {
        margin: 0;
        overflow-wrap: anywhere;
    }

.manual-actions[b-dvt9nz9c2w] {
    display: grid;
    grid-template-columns: minmax(160px, 0.7fr) minmax(260px, 1.3fr);
    gap: 0.75rem;
    margin-top: 1rem;
}

.manual-primary[b-dvt9nz9c2w],
.manual-secondary[b-dvt9nz9c2w] {
    min-height: 52px;
    padding: 0.8rem 1rem;
    border-radius: 10px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.manual-primary[b-dvt9nz9c2w] {
    border: 1px solid var(--manual-orange);
    background: linear-gradient(135deg, #be6f34, #da8a49);
    color: #fff;
}

.manual-secondary[b-dvt9nz9c2w] {
    border: 1px solid #cbd3dd;
    background: #f7f8fa;
    color: var(--manual-navy);
}

    .manual-primary:disabled[b-dvt9nz9c2w],
    .manual-secondary:disabled[b-dvt9nz9c2w] {
        cursor: wait;
        opacity: 0.6;
    }

@media (max-width: 900px) {
    .manual-product-grid[b-dvt9nz9c2w] {
        grid-template-columns: 1fr;
    }

    .manual-preview[b-dvt9nz9c2w] {
        order: -1;
    }
}

@media (max-width: 560px) {
    .manual-product-card[b-dvt9nz9c2w],
    .manual-preview[b-dvt9nz9c2w] {
        padding: 1rem;
    }

    .manual-actions[b-dvt9nz9c2w] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Catalog/Identification/ProductRegistration.razor.rz.scp.css */
.product-identification h2[b-ihnbhk97pq] {
    margin-top: 0;
}

.barcode[b-ihnbhk97pq],
.optional-details[b-ihnbhk97pq] {
    color: #53675e;
}

.product-summary[b-ihnbhk97pq] {
    padding: 1.25rem;
    margin: 1rem 0;
    border: 1px solid #d9e3dd;
    border-radius: 12px;
    background: #f7faf8;
}

    .product-summary h3[b-ihnbhk97pq] {
        margin: 0 0 0.75rem;
        font-size: 1.35rem;
    }

    .product-summary p[b-ihnbhk97pq] {
        margin: 0.5rem 0;
    }

.product-actions[b-ihnbhk97pq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1.25rem 0;
}

    .product-actions button[b-ihnbhk97pq],
    .back-button[b-ihnbhk97pq] {
        min-height: 44px;
        padding: 0.7rem 1rem;
        border: 1px solid #25634c;
        border-radius: 8px;
        font: inherit;
        cursor: pointer;
    }

.accept-button[b-ihnbhk97pq] {
    color: white;
    background: #25634c;
}

.retry-button[b-ihnbhk97pq],
.manual-button[b-ihnbhk97pq],
.back-button[b-ihnbhk97pq] {
    color: #25634c;
    background: white;
}

button:disabled[b-ihnbhk97pq] {
    opacity: 0.55;
    cursor: default;
}

.optional-details[b-ihnbhk97pq] {
    margin: 1rem 0;
}

    .optional-details summary[b-ihnbhk97pq] {
        cursor: pointer;
        margin-bottom: 0.75rem;
    }

    .optional-details label[b-ihnbhk97pq] {
        display: block;
        margin-bottom: 0.5rem;
    }

textarea[b-ihnbhk97pq] {
    box-sizing: border-box;
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #aebfb4;
    border-radius: 8px;
    font: inherit;
}

.error-message[b-ihnbhk97pq] {
    color: #892525;
    line-height: 1.5;
}

button:focus-visible[b-ihnbhk97pq],
textarea:focus-visible[b-ihnbhk97pq],
summary:focus-visible[b-ihnbhk97pq],
a:focus-visible[b-ihnbhk97pq] {
    outline: 3px solid #4d9075;
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .product-actions[b-ihnbhk97pq] {
        flex-direction: column;
    }

        .product-actions button[b-ihnbhk97pq] {
            width: 100%;
        }
}
/* /Features/Catalog/Identification/WebSources.razor.rz.scp.css */
.web-sources[b-4oe6hoylpg] {
    margin: 0.25rem 0 0;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--hi-text-muted);
}

.web-sources a[b-4oe6hoylpg] {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
    text-underline-offset: 2px;
}

.web-sources a:hover[b-4oe6hoylpg],
.web-sources a:focus-visible[b-4oe6hoylpg] {
    color: var(--hi-text-secondary);
    text-decoration-color: currentColor;
}
/* /Features/Catalog/Photos/PackageThumb.razor.rz.scp.css */
.package-thumb[b-twcpp7g48l] {
    display: inline-flex;
    width: 48px;
    height: 48px;
    flex: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #dce3e8;
    border-radius: 8px;
    background: #f6f8fa;
}

    .package-thumb img[b-twcpp7g48l] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .package-thumb.missing[b-twcpp7g48l] {
        border: 1px dashed #cb7a38;
        background: #fbf3ea;
    }

.thumb-placeholder[b-twcpp7g48l] {
    color: #8aa0b5;
    font-size: 1.1rem;
    line-height: 1;
}

.package-thumb.missing .thumb-placeholder[b-twcpp7g48l] {
    color: #cb7a38;
    font-size: 1.4rem;
    font-weight: 700;
}
/* /Features/Catalog/Photos/PhoneCameraPage.razor.rz.scp.css */
.phone-camera[b-5h3u5knzzo] {
    display: grid;
    gap: 1rem;
}

.phone-card[b-5h3u5knzzo] {
    padding: 1.25rem;
    background: var(--hi-surface);
    border: 1px solid var(--hi-border);
    border-radius: 16px;
}

    .phone-card h1[b-5h3u5knzzo] {
        margin: 0.25rem 0 0.35rem;
        color: var(--hi-primary-dark);
        font-size: 1.4rem;
        overflow-wrap: anywhere;
    }

    .phone-card p[b-5h3u5knzzo] {
        color: var(--hi-text-secondary);
        line-height: 1.5;
    }

.eyebrow-text[b-5h3u5knzzo] {
    margin: 0;
    color: var(--hi-accent) !important;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.scanned-at[b-5h3u5knzzo] {
    margin-top: 0;
    font-size: 0.9rem;
}

.photo-buttons[b-5h3u5knzzo] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
}

.photo-button[b-5h3u5knzzo] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 76px;
    padding: 0.9rem 1rem;
    border: 2px solid var(--hi-primary);
    border-radius: 14px;
    background: var(--hi-primary);
    color: #fff;
    cursor: pointer;
}

    .photo-button.done[b-5h3u5knzzo] {
        background: var(--hi-success-soft);
        color: var(--hi-text);
        border-color: var(--hi-success);
    }

    .photo-button.disabled[b-5h3u5knzzo] {
        opacity: 0.65;
        cursor: wait;
    }

    .photo-button strong[b-5h3u5knzzo] {
        display: block;
        font-size: 1.1rem;
    }

    .photo-button small[b-5h3u5knzzo] {
        display: block;
        opacity: 0.9;
    }

    .photo-button:focus-within[b-5h3u5knzzo] {
        outline: 3px solid var(--hi-accent);
        outline-offset: 3px;
    }

.photo-icon[b-5h3u5knzzo] {
    font-size: 1.6rem;
    line-height: 1;
}

/* The label is the visible control; the file input stays clickable. */
.photo-button[b-5h3u5knzzo]  .camera-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.phone-message[b-5h3u5knzzo] {
    padding: 0.75rem 0.9rem;
    border: 1px solid;
    border-radius: 10px;
}

    .phone-message.success[b-5h3u5knzzo] {
        color: var(--hi-text) !important;
        background: var(--hi-success-soft);
        border-color: var(--hi-success);
    }

    .phone-message.error[b-5h3u5knzzo] {
        color: var(--hi-danger) !important;
        background: var(--hi-danger-soft);
        border-color: var(--hi-danger);
    }

.done-button[b-5h3u5knzzo],
.queue-button[b-5h3u5knzzo] {
    display: block;
    width: 100%;
    min-height: 52px;
    margin: 0.25rem 0 0.5rem;
    padding: 0.75rem 1rem;
    border: 2px solid var(--hi-primary);
    border-radius: 14px;
    background: var(--hi-surface);
    color: var(--hi-primary-dark);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

    .done-button:disabled[b-5h3u5knzzo] {
        opacity: 0.65;
        cursor: wait;
    }

.queue-button[b-5h3u5knzzo] {
    margin-top: 0.75rem;
}

.skip-button[b-5h3u5knzzo] {
    padding: 0.5rem 0;
    border: 0;
    background: none;
    color: var(--hi-text-secondary);
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.queue-note[b-5h3u5knzzo] {
    margin: 0;
    color: var(--hi-text-secondary);
    text-align: center;
}

.queue-list[b-5h3u5knzzo] {
    display: grid;
    gap: 0.5rem;
    margin: 0.75rem 0 0;
    padding: 0;
    list-style: none;
}

    .queue-list li[b-5h3u5knzzo] {
        padding: 0.6rem 0.75rem;
        border: 1px solid var(--hi-border);
        border-radius: 10px;
        overflow-wrap: anywhere;
    }

    .queue-list strong[b-5h3u5knzzo],
    .queue-list small[b-5h3u5knzzo] {
        display: block;
    }

    .queue-list small[b-5h3u5knzzo] {
        color: var(--hi-text-secondary);
    }
/* /Features/Catalog/Photos/PhoneCameraPanel.razor.rz.scp.css */
.phone-panel[b-70kzc1ibwg] {
    margin-bottom: 1rem;
    padding: 1rem 1.25rem;
    background: var(--hi-surface);
    border: 1px solid var(--hi-border);
    border-radius: 14px;
    color: var(--hi-text);
}

    .phone-panel.connected[b-70kzc1ibwg] {
        background: var(--hi-primary-soft);
        border-color: var(--hi-primary);
    }

    .phone-panel p[b-70kzc1ibwg] {
        margin: 0 0 0.5rem;
        line-height: 1.5;
    }

.phone-status[b-70kzc1ibwg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0 !important;
    color: var(--hi-primary-dark);
}

.phone-dot[b-70kzc1ibwg] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--hi-success);
}

.phone-invite[b-70kzc1ibwg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

    .phone-invite p[b-70kzc1ibwg] {
        flex: 1 1 320px;
        margin: 0;
    }

.phone-pairing[b-70kzc1ibwg] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.phone-qr[b-70kzc1ibwg] {
    width: 200px;
    height: 200px;
    image-rendering: pixelated;
}

.phone-pairing > div[b-70kzc1ibwg] {
    flex: 1 1 260px;
    min-width: 0;
}

.phone-warning[b-70kzc1ibwg] {
    padding: 0.6rem 0.75rem;
    border: 1px solid #e8cf9a;
    border-radius: 8px;
    background: #fff8e8;
    color: #6b4b10;
}

.phone-link[b-70kzc1ibwg] {
    color: var(--hi-text-secondary);
    font-size: 0.8rem;
    overflow-wrap: anywhere;
}

.link-button[b-70kzc1ibwg] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--hi-primary);
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}
/* /Features/Catalog/Photos/PhotoEditor.razor.rz.scp.css */
.editor-backdrop[b-65jlztklmi] {
    position: fixed;
    z-index: 2500;
    inset: 0;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
    background: rgba(7, 52, 90, 0.55);
}

.editor[b-65jlztklmi] {
    display: grid;
    gap: 18px;
    box-sizing: border-box;
    width: min(1040px, 100%);
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
    padding: 24px;
    color: #07345a;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(8, 31, 48, 0.32);
}

    .editor header[b-65jlztklmi] {
        position: relative;
        padding-right: 52px;
    }

    .editor h2[b-65jlztklmi] {
        margin: 0;
        font-size: 1.5rem;
    }

    .editor header p[b-65jlztklmi] {
        margin: 4px 0 0;
        color: #496a8b;
        font-weight: 650;
    }

    .editor h3[b-65jlztklmi] {
        margin: 0;
        font-size: 1.1rem;
    }

    .editor footer[b-65jlztklmi] {
        display: flex;
        justify-content: flex-end;
    }

.editor-close[b-65jlztklmi] {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    color: #07345a;
    border: 1px solid #dce3e8;
    border-radius: 50%;
    background: #ffffff;
    font: inherit;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.editor-body[b-65jlztklmi] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 24px;
    align-items: start;
}

.editor-original[b-65jlztklmi],
.editor-ai[b-65jlztklmi] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.editor-help[b-65jlztklmi] {
    margin: 0;
    color: #496a8b;
    font-size: 0.92rem;
    line-height: 1.45;
}

.editor-message[b-65jlztklmi] {
    margin: 0;
    padding: 11px 13px;
    color: #285c3c;
    border: 1px solid #b9d8c1;
    border-radius: 9px;
    background: #eef7ee;
}

    .editor-message.error[b-65jlztklmi] {
        color: #8c1d1d;
        border-color: #e7a3a3;
        background: #fff0f0;
    }

/* The photo with the box being dragged over it */

.crop-stage[b-65jlztklmi] {
    position: relative;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    touch-action: none;
    cursor: crosshair;
    user-select: none;
}

    .crop-stage img[b-65jlztklmi] {
        display: block;
        max-width: 100%;
        max-height: 60dvh;
        border: 1px solid #dce3e8;
        border-radius: 10px;
        background: #f8fafc;
        pointer-events: none;
    }

.crop-box[b-65jlztklmi] {
    position: absolute;
    border: 2px solid #ffffff;
    outline: 2px dashed #2e739f;
    box-shadow: 0 0 0 9999px rgba(7, 52, 90, 0.45);
    pointer-events: none;
}

    .crop-box[hidden][b-65jlztklmi] {
        display: none;
    }

.editor-actions[b-65jlztklmi] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.editor button.primary[b-65jlztklmi],
.editor button.secondary[b-65jlztklmi] {
    min-height: 44px;
    padding: 9px 18px;
    border-radius: 10px;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.editor button.primary[b-65jlztklmi] {
    color: #ffffff;
    border: 1px solid #2e739f;
    background: #2e739f;
}

    .editor button.primary:hover:not(:disabled)[b-65jlztklmi] {
        background: #1e587f;
    }

.editor button.secondary[b-65jlztklmi] {
    color: #07345a;
    border: 1px solid #dce3e8;
    background: #ffffff;
}

    .editor button.secondary:hover:not(:disabled)[b-65jlztklmi] {
        border-color: #2e739f;
        background: #eef7fd;
    }

.editor button.small[b-65jlztklmi] {
    min-height: 34px;
    padding: 4px 12px;
    font-size: 0.9rem;
}

.editor button:disabled[b-65jlztklmi] {
    cursor: not-allowed;
    opacity: 0.55;
}

.made[b-65jlztklmi] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    /* Large enough to compare with the original beside it. */
    .made li[b-65jlztklmi] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 10px;
        align-items: center;
    }

.made-zoom[b-65jlztklmi] {
    grid-column: 1 / -1;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    cursor: zoom-in;
}

    .made-zoom:focus-visible[b-65jlztklmi] {
        outline: 3px solid rgba(46, 115, 159, 0.3);
        outline-offset: 2px;
        border-radius: 10px;
    }

    .made-zoom img[b-65jlztklmi] {
        display: block;
        width: 100%;
        max-height: 420px;
        object-fit: contain;
        border: 1px solid #dce3e8;
        border-radius: 10px;
        background: #f8fafc;
    }

    .made-zoom:hover img[b-65jlztklmi] {
        border-color: #2e739f;
    }

@media (max-width: 760px) {
    .editor-backdrop[b-65jlztklmi] {
        padding: 0;
        place-items: end center;
    }

    .editor[b-65jlztklmi] {
        max-height: 94dvh;
        padding: 18px 16px;
        border-radius: 18px 18px 0 0;
    }

    .editor-body[b-65jlztklmi] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Catalog/Photos/PhotoLightbox.razor.rz.scp.css */
.lightbox-backdrop[b-ot6jbj4npl] {
    position: fixed;
    z-index: 3000;
    inset: 0;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    padding: 24px;
    background: rgba(4, 20, 36, 0.86);
    cursor: zoom-out;
}

    .lightbox-backdrop:focus[b-ot6jbj4npl] {
        outline: none;
    }

.lightbox-figure[b-ot6jbj4npl] {
    display: grid;
    gap: 10px;
    justify-items: center;
    margin: 0;
    cursor: default;
}

    .lightbox-figure img[b-ot6jbj4npl] {
        display: block;
        max-width: min(1200px, calc(100vw - 48px));
        max-height: calc(100dvh - 110px);
        object-fit: contain;
        border-radius: 10px;
        background: #ffffff;
        box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
    }

    .lightbox-figure figcaption[b-ot6jbj4npl] {
        color: #ffffff;
        font-size: 1rem;
        font-weight: 650;
        text-align: center;
    }

.lightbox-close[b-ot6jbj4npl] {
    position: fixed;
    top: 16px;
    right: 16px;
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    padding: 0;
    color: #07345a;
    border: 0;
    border-radius: 50%;
    background: #ffffff;
    font: inherit;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

    .lightbox-close:focus-visible[b-ot6jbj4npl] {
        outline: 3px solid #8cc4e8;
        outline-offset: 2px;
    }
/* /Features/Catalog/Photos/PhotoPicker.razor.rz.scp.css */
.photo-choice[b-80j0k3ynib] {
    --picker-navy: #07345a;
    --picker-blue: #2e739f;
    --picker-blue-soft: #eef7fd;
    --picker-border: #dce3e8;
    --picker-muted: #496a8b;
    display: grid;
    gap: 12px;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--picker-navy);
    border: 0;
}

    .photo-choice legend[b-80j0k3ynib] {
        margin-bottom: 4px;
        padding: 0;
        font-size: 1.15rem;
        font-weight: 750;
    }

.picker-note[b-80j0k3ynib] {
    margin: 0;
    color: var(--picker-muted);
    font-size: 0.92rem;
    line-height: 1.45;
}

.photo-cards[b-80j0k3ynib] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.wide .photo-cards[b-80j0k3ynib] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

/* The photo, and everything under it, stays inside its column. */
.picker-photo[b-80j0k3ynib] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 8px;
    border: 2px solid var(--picker-border);
    border-radius: 14px;
    background: #ffffff;
}

    .picker-photo.picked[b-80j0k3ynib] {
        border-color: var(--picker-blue);
        background: var(--picker-blue-soft);
        box-shadow: 0 0 0 3px rgba(46, 115, 159, 0.14);
    }

    .picker-photo figcaption[b-80j0k3ynib] {
        display: grid;
        gap: 8px;
        min-width: 0;
    }

.photo-zoom[b-80j0k3ynib] {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    cursor: zoom-in;
}

    .photo-zoom:focus-visible[b-80j0k3ynib] {
        outline: 3px solid rgba(46, 115, 159, 0.3);
        outline-offset: 2px;
        border-radius: 12px;
    }

    .photo-zoom img[b-80j0k3ynib] {
        display: block;
        width: 100%;
        max-height: 320px;
        object-fit: contain;
        border: 1px solid var(--picker-border);
        border-radius: 10px;
        background: #f8fafc;
    }

.wide .photo-zoom img[b-80j0k3ynib] {
    height: 220px;
}

.photo-pick[b-80j0k3ynib] {
    display: flex;
    align-items: center;
    gap: 9px;
    font-weight: 750;
    cursor: pointer;
}

    .photo-pick input[b-80j0k3ynib] {
        width: 18px;
        height: 18px;
        margin: 0;
        accent-color: var(--picker-blue);
    }

    .photo-pick.no-photo[b-80j0k3ynib] {
        padding: 10px 12px;
        border: 2px solid var(--picker-border);
        border-radius: 12px;
    }

        .photo-pick.no-photo.picked[b-80j0k3ynib] {
            border-color: var(--picker-blue);
            background: var(--picker-blue-soft);
        }

.wide .photo-pick.no-photo[b-80j0k3ynib] {
    width: fit-content;
}

.badges[b-80j0k3ynib] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.badge[b-80j0k3ynib] {
    display: inline-flex;
    width: fit-content;
    padding: 2px 8px;
    color: #1e587f;
    border: 1px solid #bfd9e9;
    border-radius: 999px;
    background: #ffffff;
    font-size: 0.75rem;
    font-weight: 750;
}

    .badge.current[b-80j0k3ynib] {
        color: #285c3c;
        border-color: #b9d8c1;
        background: #eef7ee;
    }

    .badge.coming[b-80j0k3ynib] {
        color: #6b4e16;
        border-color: #e6d3a8;
        background: #fdf7e9;
    }

.photo-tools[b-80j0k3ynib] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tool-button[b-80j0k3ynib] {
    min-height: 36px;
    padding: 5px 12px;
    color: var(--picker-navy);
    border: 1px solid var(--picker-border);
    border-radius: 9px;
    background: #ffffff;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 750;
    cursor: pointer;
}

    .tool-button:hover:not(:disabled)[b-80j0k3ynib] {
        border-color: var(--picker-blue);
        background: var(--picker-blue-soft);
    }

    .tool-button:disabled[b-80j0k3ynib] {
        cursor: not-allowed;
        opacity: 0.55;
    }

.photo-reason[b-80j0k3ynib] {
    display: grid;
    gap: 4px;
    min-width: 0;
    max-width: 360px;
    color: var(--picker-muted);
    font-size: 0.9rem;
}

    .photo-reason select[b-80j0k3ynib] {
        width: 100%;
        min-width: 0;
        min-height: 40px;
        padding: 6px 10px;
        color: var(--picker-navy);
        border: 1px solid var(--picker-border);
        border-radius: 9px;
        background: #ffffff;
        font: inherit;
    }
/* /Features/Catalog/Photos/PhotoUploadButton.razor.rz.scp.css */
.photo-upload[b-fmq4k6bz8p] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.upload-button[b-fmq4k6bz8p] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 40px;
    padding: 7px 14px;
    color: #1e587f;
    border: 1px dashed #8fb8d3;
    border-radius: 10px;
    background: #ffffff;
    font-size: 0.92rem;
    font-weight: 750;
    cursor: pointer;
}

    .upload-button:hover:not(.disabled)[b-fmq4k6bz8p],
    .upload-button:focus-within[b-fmq4k6bz8p] {
        border-color: #2e739f;
        background: #eef7fd;
    }

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

    /* The file input is covered by its label, which opens it. */
    .upload-button[b-fmq4k6bz8p]  input[type="file"] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

.upload-choices[b-fmq4k6bz8p] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

button.upload-button[b-fmq4k6bz8p] {
    font: inherit;
    font-size: 0.92rem;
    font-weight: 750;
}

.phone-code[b-fmq4k6bz8p] {
    display: grid;
    justify-items: start;
    gap: 6px;
}

    .phone-code img[b-fmq4k6bz8p] {
        width: 180px;
        height: 180px;
        border: 1px solid #d6e4ee;
        border-radius: 10px;
        image-rendering: pixelated;
    }

    .phone-code small[b-fmq4k6bz8p] {
        color: #496a8b;
        font-size: 0.85rem;
        line-height: 1.4;
    }

.upload-help[b-fmq4k6bz8p] {
    color: #496a8b;
    font-size: 0.85rem;
    line-height: 1.4;
}

.upload-message[b-fmq4k6bz8p] {
    color: #285c3c;
    font-size: 0.88rem;
}

    .upload-message.error[b-fmq4k6bz8p] {
        color: #8c1d1d;
    }
/* /Features/Catalog/Photos/ProductPhotoTile.razor.rz.scp.css */
.photo-tile[b-7h2nzdkxq3] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.photo-placeholder[b-7h2nzdkxq3],
.photo-request[b-7h2nzdkxq3],
.product-picture[b-7h2nzdkxq3] {
    display: grid;
    place-content: center;
    justify-items: center;
    min-height: 285px;
    margin: 0;
    border-radius: 14px;
    text-align: center;
}

.photo-placeholder[b-7h2nzdkxq3],
.photo-request[b-7h2nzdkxq3] {
    gap: 3px;
    padding: 1rem;
    color: #496a8b;
    background: linear-gradient(135deg, #f6f8fa, #fdfdfd);
    border: 2px dashed #c3d7e8;
}

.photo-placeholder[b-7h2nzdkxq3] {
    width: 100%;
    font: inherit;
    cursor: pointer;
}

    .photo-placeholder strong[b-7h2nzdkxq3],
    .photo-request strong[b-7h2nzdkxq3] {
        margin-top: 12px;
        color: #07345a;
        font-size: 1.08rem;
    }

    .photo-placeholder > span:last-child[b-7h2nzdkxq3] {
        margin-top: 3px;
        color: #087aec;
        font-size: 1.08rem;
        font-weight: 700;
    }

.camera-icon[b-7h2nzdkxq3] {
    color: #426b8a;
    font-size: 3.6rem;
    line-height: 1;
}

.product-picture[b-7h2nzdkxq3] {
    gap: 6px;
    background: #fff;
    border: 1px solid #ece9e5;
    overflow: hidden;
}

    .product-picture img[b-7h2nzdkxq3] {
        width: 100%;
        max-height: 285px;
        object-fit: contain;
    }

    .product-picture figcaption[b-7h2nzdkxq3] {
        padding: 0 0.75rem 0.6rem;
        color: #496a8b;
        font-size: 0.82rem;
    }

.product-picture[b-7h2nzdkxq3] {
    position: relative;
}

/* An AI drawing is never passed off as a photo. */
.ai-label[b-7h2nzdkxq3] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: rgba(7, 52, 90, 0.82);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
}

.real-photo-button[b-7h2nzdkxq3] {
    padding: 0;
    border: 0;
    background: none;
    color: #087aec;
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

    .real-photo-button:disabled[b-7h2nzdkxq3] {
        cursor: default;
        opacity: 0.6;
    }

.file-choice[b-7h2nzdkxq3] {
    position: relative;
    margin-top: 0.75rem;
    color: #087aec;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

    .file-choice.busy[b-7h2nzdkxq3] {
        cursor: wait;
        opacity: 0.7;
    }

.photo-sources[b-7h2nzdkxq3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem;
    margin-top: 0.75rem;
}

.photo-source[b-7h2nzdkxq3] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 4px;
    min-width: 7.5rem;
    padding: 0.75rem 1rem;
    border: 1px solid #c3d7e8;
    border-radius: 10px;
    background: #fff;
    color: #07345a;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

    .photo-source:hover:not(:disabled)[b-7h2nzdkxq3] {
        border-color: #087aec;
    }

    .photo-source:disabled[b-7h2nzdkxq3],
    .photo-source.busy[b-7h2nzdkxq3] {
        cursor: wait;
        opacity: 0.7;
    }

    .photo-source > span[b-7h2nzdkxq3] {
        font-size: 1.8rem;
        line-height: 1;
    }

.phone-qr[b-7h2nzdkxq3] {
    width: 160px;
    height: 160px;
    image-rendering: pixelated;
}

.phone-warning[b-7h2nzdkxq3] {
    max-width: 22rem;
    margin-top: 0.5rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid #e8cf9a;
    border-radius: 8px;
    background: #fff8e8;
    color: #6b4b10;
    font-size: 0.85rem;
}

/* The text is the visible control; the file input stays clickable. */
.file-choice[b-7h2nzdkxq3]  .file-input,
.photo-source[b-7h2nzdkxq3]  .file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.cancel-request[b-7h2nzdkxq3] {
    margin-top: 0.5rem;
    padding: 0;
    border: 0;
    background: none;
    color: #496a8b;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.photo-tile.compact .photo-placeholder[b-7h2nzdkxq3],
.photo-tile.compact .photo-request[b-7h2nzdkxq3],
.photo-tile.compact .product-picture[b-7h2nzdkxq3] {
    min-height: 150px;
}

.photo-tile.compact .product-picture img[b-7h2nzdkxq3] {
    max-height: 150px;
}

.photo-tile.compact .camera-icon[b-7h2nzdkxq3] {
    font-size: 2.4rem;
}

.photo-tile.compact .phone-qr[b-7h2nzdkxq3] {
    width: 120px;
    height: 120px;
}

.photo-tile.compact .photo-source[b-7h2nzdkxq3] {
    min-width: 6rem;
    padding: 0.5rem 0.75rem;
}

.photo-error[b-7h2nzdkxq3] {
    color: #892525;
    font-size: 0.9rem;
}
/* /Features/Catalog/Photos/RealPhotoDialog.razor.rz.scp.css */
.real-photo-backdrop[b-hus2v954vf] {
    position: fixed;
    inset: 0;
    z-index: 900;
    background: rgb(23 43 36 / 45%);
}

.real-photo-dialog[b-hus2v954vf] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 901;
    box-sizing: border-box;
    width: min(440px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    padding: 1.5rem;
    overflow-y: auto;
    border-radius: 18px;
    background: #fff;
    color: #172b24;
    box-shadow: 0 24px 60px rgb(23 43 36 / 25%);
    transform: translate(-50%, -50%);
}

    .real-photo-dialog h2[b-hus2v954vf] {
        margin: 0 2rem 0.4rem 0;
        font-size: 1.3rem;
    }

.real-photo-intro[b-hus2v954vf] {
    margin: 0 0 1rem;
    color: #53675e;
}

.close-button[b-hus2v954vf] {
    position: absolute;
    top: 0.6rem;
    right: 0.75rem;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #53675e;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

    .close-button:hover[b-hus2v954vf] {
        background: #f0f6f2;
    }

@media (max-width: 600px) {
    .real-photo-dialog[b-hus2v954vf] {
        top: auto;
        bottom: 0;
        width: 100vw;
        max-height: 92vh;
        padding: 1.25rem 1rem;
        border-radius: 18px 18px 0 0;
        transform: translate(-50%, 0);
    }
}
/* /Features/Catalog/Photos/ReviewPhonePhotoPage.razor.rz.scp.css */
.review-camera[b-sewkwbpmnx] {
    display: grid;
    gap: 1rem;
}

.phone-card[b-sewkwbpmnx] {
    padding: 1.25rem;
    background: var(--hi-surface);
    border: 1px solid var(--hi-border);
    border-radius: 16px;
}

    .phone-card h1[b-sewkwbpmnx] {
        margin: 0.25rem 0 0.35rem;
        color: var(--hi-primary-dark);
        font-size: 1.4rem;
        overflow-wrap: anywhere;
    }

    .phone-card p[b-sewkwbpmnx] {
        color: var(--hi-text-secondary);
        line-height: 1.5;
    }

.eyebrow-text[b-sewkwbpmnx] {
    margin: 0;
    color: var(--hi-accent) !important;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.photo-button[b-sewkwbpmnx] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 76px;
    margin: 1rem 0;
    padding: 0.9rem 1rem;
    border: 2px solid var(--hi-primary);
    border-radius: 14px;
    background: var(--hi-primary);
    color: #fff;
    cursor: pointer;
}

    .photo-button.disabled[b-sewkwbpmnx] {
        opacity: 0.65;
        cursor: wait;
    }

    .photo-button strong[b-sewkwbpmnx] {
        display: block;
        font-size: 1.1rem;
    }

    .photo-button small[b-sewkwbpmnx] {
        display: block;
        opacity: 0.9;
    }

    .photo-button:focus-within[b-sewkwbpmnx] {
        outline: 3px solid var(--hi-accent);
        outline-offset: 3px;
    }

.photo-icon[b-sewkwbpmnx] {
    font-size: 1.6rem;
    line-height: 1;
}

/* The label is the visible control; the file input stays clickable. */
.photo-button[b-sewkwbpmnx]  .camera-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.phone-message[b-sewkwbpmnx] {
    padding: 0.75rem 0.9rem;
    border: 1px solid;
    border-radius: 10px;
}

    .phone-message.success[b-sewkwbpmnx] {
        color: var(--hi-text) !important;
        background: var(--hi-success-soft);
        border-color: var(--hi-success);
    }

    .phone-message.error[b-sewkwbpmnx] {
        color: var(--hi-danger) !important;
        background: var(--hi-danger-soft);
        border-color: var(--hi-danger);
    }
/* /Features/Catalog/Produce/ProducePicker.razor.rz.scp.css */
.produce-search[b-7zegsyupnx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

    .produce-search label[b-7zegsyupnx] {
        font-weight: 600;
    }

    .produce-search input[b-7zegsyupnx] {
        box-sizing: border-box;
        width: 100%;
        min-height: 48px;
        padding: 0.7rem 0.85rem;
        border: 1px solid #aebfb4;
        border-radius: 8px;
        background: #fff;
        color: #172b24;
        font: inherit;
        font-size: 1rem;
    }

.produce-empty[b-7zegsyupnx] {
    color: #53675e;
}

.produce-tiles[b-7zegsyupnx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    gap: 0.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.produce-tile[b-7zegsyupnx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.3rem;
    width: 100%;
    height: 100%;
    min-height: 8rem;
    padding: 0.75rem 0.5rem;
    border: 1px solid #d9e3dd;
    border-radius: 12px;
    background: #fff;
    color: #07345a;
    font: inherit;
    text-align: center;
    cursor: pointer;
}

    .produce-tile:hover:not(:disabled)[b-7zegsyupnx] {
        border-color: #4d9075;
        background: #f3f8f5;
    }

.produce-picture[b-7zegsyupnx] {
    font-size: 2.5rem;
    line-height: 1;
}

    .produce-picture.large[b-7zegsyupnx] {
        font-size: 3.5rem;
    }

.produce-name[b-7zegsyupnx] {
    font-weight: 600;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.produce-plu[b-7zegsyupnx] {
    color: #53675e;
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
}

.produce-chosen[b-7zegsyupnx] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

    .produce-chosen h3[b-7zegsyupnx] {
        margin: 0;
        font-size: 1.25rem;
    }

.produce-count[b-7zegsyupnx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    font-weight: 600;
}

.stepper[b-7zegsyupnx] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

    .stepper button[b-7zegsyupnx] {
        width: 48px;
        height: 48px;
        border: 1px solid #25634c;
        border-radius: 8px;
        background: #fff;
        color: #25634c;
        font-size: 1.5rem;
        line-height: 1;
        cursor: pointer;
    }

        .stepper button:disabled[b-7zegsyupnx] {
            opacity: 0.4;
            cursor: default;
        }

    .stepper output[b-7zegsyupnx] {
        min-width: 3rem;
        font-size: 1.5rem;
        font-weight: 700;
        text-align: center;
        font-variant-numeric: tabular-nums;
    }

.produce-actions[b-7zegsyupnx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.primary-button[b-7zegsyupnx],
.secondary-button[b-7zegsyupnx] {
    min-height: 48px;
    padding: 0.75rem 1.15rem;
    border: 1px solid #25634c;
    border-radius: 8px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.primary-button[b-7zegsyupnx] {
    background: #25634c;
    color: #fff;
}

    .primary-button:hover:not(:disabled)[b-7zegsyupnx] {
        background: #1b4c39;
    }

.secondary-button[b-7zegsyupnx] {
    background: #fff;
    color: #25634c;
}

    .secondary-button:hover:not(:disabled)[b-7zegsyupnx] {
        background: #f0f6f2;
    }

button:focus-visible[b-7zegsyupnx],
input:focus-visible[b-7zegsyupnx] {
    outline: 3px solid #4d9075;
    outline-offset: 3px;
}

@media (max-width: 480px) {
    /* Three across on a phone, like the store's screen. */
    .produce-tiles[b-7zegsyupnx] {
        grid-template-columns: repeat(auto-fill, minmax(5.25rem, 1fr));
        gap: 0.4rem;
    }

    .produce-tile[b-7zegsyupnx] {
        min-height: 6.5rem;
        padding: 0.6rem 0.3rem;
        font-size: 0.9rem;
    }

    .produce-picture[b-7zegsyupnx] {
        font-size: 2rem;
    }

    .produce-actions[b-7zegsyupnx] {
        flex-direction: column;
    }

        .produce-actions button[b-7zegsyupnx] {
            width: 100%;
        }
}
/* /Features/Catalog/Reviews/CatalogReviewDecision.razor.rz.scp.css */
.review-page[b-mz5wz9dhsm] {
    --review-navy: #07345a;
    --review-blue: #2e739f;
    --review-blue-dark: #1e587f;
    --review-blue-soft: #eef7fd;
    --review-green: #43955c;
    --review-green-soft: #eef7ee;
    --review-orange: #cb7a38;
    --review-orange-soft: #fff4e8;
    --review-border: #dce3e8;
    --review-muted: #496a8b;
    display: grid;
    gap: 22px;
    width: min(1180px, 100%);
    margin: 0 auto;
    color: var(--review-navy);
}

.page-header[b-mz5wz9dhsm] {
    display: grid;
    gap: 9px;
}

    .page-header a[b-mz5wz9dhsm] {
        width: fit-content;
        color: var(--review-blue-dark);
        font-size: 1rem;
        font-weight: 700;
        text-decoration: none;
    }

        .page-header a:hover[b-mz5wz9dhsm] {
            text-decoration: underline;
        }

    .page-header h1[b-mz5wz9dhsm] {
        margin: 0;
        color: var(--review-navy);
        font-size: clamp(2rem, 4vw, 2.75rem);
        line-height: 1.1;
    }

.review-card[b-mz5wz9dhsm] {
    display: grid;
    gap: 24px;
    padding: 26px;
    border: 1px solid var(--review-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(7, 52, 90, 0.07);
}

.review-header[b-mz5wz9dhsm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--review-border);
}

    .review-header > div[b-mz5wz9dhsm] {
        min-width: 0;
    }

    .review-header h2[b-mz5wz9dhsm] {
        margin: 0;
        overflow-wrap: anywhere;
        color: var(--review-navy);
        font-size: clamp(1.45rem, 3vw, 2rem);
        line-height: 1.25;
    }

    .review-header p[b-mz5wz9dhsm] {
        margin: 8px 0 0;
        color: var(--review-muted);
        font-size: 1rem;
        font-weight: 650;
    }

.review-type[b-mz5wz9dhsm] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    width: fit-content;
    padding: 7px 12px;
    color: var(--review-blue-dark);
    border: 1px solid #bfd9e9;
    border-radius: 999px;
    background: var(--review-blue-soft);
    font-size: 0.9rem;
    font-weight: 750;
    line-height: 1.2;
}

.review-metadata[b-mz5wz9dhsm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
}

    .review-metadata > div[b-mz5wz9dhsm] {
        display: grid;
        gap: 5px;
        padding: 14px 16px;
        border: 1px solid var(--review-border);
        border-radius: 11px;
        background: #f8fafc;
    }

    .review-metadata dt[b-mz5wz9dhsm] {
        color: var(--review-muted);
        font-size: 0.85rem;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
    }

    .review-metadata dd[b-mz5wz9dhsm] {
        min-width: 0;
        margin: 0;
        overflow-wrap: anywhere;
        color: var(--review-navy);
        font-size: 1rem;
        font-weight: 750;
    }

/* Photo beside the editable details */

.review-body[b-mz5wz9dhsm] {
    display: grid;
    grid-template-columns: minmax(200px, 280px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.photo-panel[b-mz5wz9dhsm],
.fields-panel[b-mz5wz9dhsm] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

    .photo-panel h3[b-mz5wz9dhsm],
    .fields-panel h3[b-mz5wz9dhsm] {
        margin: 0;
        font-size: 1.15rem;
    }

.current-value[b-mz5wz9dhsm] {
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--review-border);
    border-radius: 10px;
    background: #f8fafc;
    line-height: 1.5;
}

/* Fields, including those inside each package editor */

.fields-panel[b-mz5wz9dhsm]  .package-editor {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--review-border);
    border-radius: 14px;
    background: #ffffff;
}

    .fields-panel[b-mz5wz9dhsm]  .package-editor h4 {
        margin: 0;
        font-size: 1.05rem;
    }

.fields-panel[b-mz5wz9dhsm]  .review-field {
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    border-left: 4px solid transparent;
    border-radius: 8px;
}

    .fields-panel[b-mz5wz9dhsm]  .review-field.proposed {
        border-left-color: var(--review-blue);
        background: var(--review-blue-soft);
    }

    .fields-panel[b-mz5wz9dhsm]  .review-field.changed {
        border-left-color: var(--review-orange);
        background: var(--review-orange-soft);
    }

    .fields-panel[b-mz5wz9dhsm]  .review-field > label,
    .fields-panel[b-mz5wz9dhsm]  .field-label {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        color: var(--review-navy);
        font-weight: 750;
    }

.fields-panel[b-mz5wz9dhsm]  input[type="text"],
.fields-panel[b-mz5wz9dhsm]  input[type="number"],
.fields-panel[b-mz5wz9dhsm]  select {
    box-sizing: border-box;
    width: 100%;
    min-height: 42px;
    padding: 8px 11px;
    color: var(--review-navy);
    border: 1px solid var(--review-border);
    border-radius: 9px;
    background: #ffffff;
    font: inherit;
}

    .fields-panel[b-mz5wz9dhsm]  input:focus,
    .fields-panel[b-mz5wz9dhsm]  select:focus {
        border-color: var(--review-blue);
        outline: 3px solid rgba(46, 115, 159, 0.16);
    }

    .fields-panel[b-mz5wz9dhsm]  input:disabled,
    .fields-panel[b-mz5wz9dhsm]  select:disabled {
        color: var(--review-muted);
        background: #f4f7f9;
    }

.fields-panel[b-mz5wz9dhsm]  .filing-fields,
.fields-panel[b-mz5wz9dhsm]  .field-row,
.fields-panel[b-mz5wz9dhsm]  .size-inputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

    .fields-panel[b-mz5wz9dhsm]  .filing-fields label,
    .fields-panel[b-mz5wz9dhsm]  .manufacturer-field,
    .fields-panel[b-mz5wz9dhsm]  .catalog-link {
        display: grid;
        gap: 4px;
        font-size: 0.92rem;
        color: var(--review-muted);
    }

.fields-panel[b-mz5wz9dhsm]  .category-field {
    display: grid;
    gap: 4px;
    margin-top: 4px;
}

    .fields-panel[b-mz5wz9dhsm]  .category-field label {
        font-weight: 750;
    }

.fields-panel[b-mz5wz9dhsm]  .required {
    color: #a0521b;
    font-size: 0.82rem;
    font-weight: 650;
}

.fields-panel[b-mz5wz9dhsm]  .ai-suggested {
    margin-left: 6px;
    padding: 1px 8px;
    color: #5b3f8c;
    border: 1px solid #d8cbef;
    border-radius: 999px;
    background: #f6f2fd;
    font-size: 0.75rem;
    font-weight: 600;
}

.fields-panel[b-mz5wz9dhsm]  .typed-text,
.fields-panel[b-mz5wz9dhsm]  .linked-product {
    margin: 0;
    line-height: 1.45;
}

    .fields-panel[b-mz5wz9dhsm]  .linked-product small {
        color: var(--review-muted);
    }

.fields-panel[b-mz5wz9dhsm]  .similar-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 0.9rem;
    color: var(--review-muted);
}

.fields-panel[b-mz5wz9dhsm]  .chip-button {
    padding: 4px 10px;
    color: var(--review-blue-dark);
    border: 1px solid #bfd9e9;
    border-radius: 999px;
    background: var(--review-blue-soft);
    font: inherit;
    font-size: 0.88rem;
    cursor: pointer;
}

    .fields-panel[b-mz5wz9dhsm]  .chip-button:hover:not(:disabled) {
        border-color: var(--review-blue);
    }

.fields-panel[b-mz5wz9dhsm]  .link-button {
    padding: 0;
    margin-left: 6px;
    color: var(--review-blue-dark);
    border: 0;
    background: none;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.fields-panel[b-mz5wz9dhsm]  .proposed-value {
    color: #714716;
    font-size: 0.9rem;
}

.fields-panel[b-mz5wz9dhsm]  .shared-change {
    color: #8a4b0f;
    font-size: 0.88rem;
    font-weight: 650;
}

.fields-panel[b-mz5wz9dhsm]  .catalog-value {
    color: var(--review-muted);
    font-size: 0.9rem;
}

.fields-panel[b-mz5wz9dhsm]  .read-only-value small {
    color: var(--review-muted);
}

[b-mz5wz9dhsm] .field-note,
.field-note[b-mz5wz9dhsm] {
    margin: 0;
    color: var(--review-muted);
    font-size: 0.92rem;
    line-height: 1.45;
}

[b-mz5wz9dhsm] .link-badges {
    display: inline-flex;
    gap: 6px;
}

[b-mz5wz9dhsm] .link-badge,
.link-badge[b-mz5wz9dhsm] {
    display: inline-flex;
    width: fit-content;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 750;
}

    [b-mz5wz9dhsm] .link-badge.existing,
    .link-badge.existing[b-mz5wz9dhsm] {
        color: #285c3c;
        border: 1px solid #b9d8c1;
        background: var(--review-green-soft);
    }

    [b-mz5wz9dhsm] .link-badge.proposed {
        color: var(--review-blue-dark);
        border: 1px solid #bfd9e9;
        background: #ffffff;
    }

    [b-mz5wz9dhsm] .link-badge.new {
        color: #805019;
        border: 1px solid #ebcfaa;
        background: var(--review-orange-soft);
    }

.contents-table[b-mz5wz9dhsm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

    .contents-table th[b-mz5wz9dhsm],
    .contents-table td[b-mz5wz9dhsm] {
        padding: 8px 10px;
        border-top: 1px solid var(--review-border);
        text-align: left;
        vertical-align: top;
    }

/* Blocking issues and the decision */

.approval-issues[b-mz5wz9dhsm] {
    padding: 16px 18px;
    color: #7a4a00;
    border: 1px solid #f0d49a;
    border-radius: 12px;
    background: #fff6e5;
}

    .approval-issues h3[b-mz5wz9dhsm],
    .approval-issues p[b-mz5wz9dhsm] {
        margin: 0;
    }

    .approval-issues h3[b-mz5wz9dhsm] {
        font-size: 1.1rem;
    }

    .approval-issues p[b-mz5wz9dhsm] {
        margin-top: 6px;
        line-height: 1.5;
    }

    .approval-issues ul[b-mz5wz9dhsm] {
        margin: 10px 0 0;
        padding-left: 22px;
    }

.decision-section[b-mz5wz9dhsm] {
    display: grid;
    gap: 14px;
    padding-top: 22px;
    border-top: 1px solid var(--review-border);
}

.changes-summary[b-mz5wz9dhsm] {
    margin: 0;
    color: #714716;
}

.reason-field[b-mz5wz9dhsm] {
    display: grid;
    gap: 8px;
}

    .reason-field > span[b-mz5wz9dhsm] {
        color: var(--review-navy);
        font-size: 1rem;
        font-weight: 750;
    }

    .reason-field small[b-mz5wz9dhsm] {
        color: var(--review-muted);
    }

    .reason-field textarea[b-mz5wz9dhsm] {
        box-sizing: border-box;
        width: 100%;
        resize: vertical;
        padding: 12px 14px;
        color: var(--review-navy);
        border: 1px solid var(--review-border);
        border-radius: 10px;
        background: #ffffff;
        font: inherit;
        font-size: 1rem;
        line-height: 1.5;
    }

        .reason-field textarea:focus[b-mz5wz9dhsm] {
            border-color: var(--review-blue);
            outline: 3px solid rgba(46, 115, 159, 0.16);
        }

.decision-actions[b-mz5wz9dhsm] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

    .decision-actions .primary-button[b-mz5wz9dhsm] {
        min-width: 170px;
        min-height: 48px;
        padding: 11px 22px;
        color: #ffffff;
        border: 1px solid var(--review-blue);
        border-radius: 10px;
        background: var(--review-blue);
        font: inherit;
        font-size: 1rem;
        font-weight: 750;
        cursor: pointer;
    }

        .decision-actions .primary-button:hover:not(:disabled)[b-mz5wz9dhsm] {
            border-color: var(--review-blue-dark);
            background: var(--review-blue-dark);
        }

        .decision-actions .primary-button:focus-visible[b-mz5wz9dhsm] {
            outline: 3px solid rgba(46, 115, 159, 0.2);
            outline-offset: 2px;
        }

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

.page-state[b-mz5wz9dhsm] {
    padding: 22px;
    border: 1px solid var(--review-border);
    border-radius: 14px;
    background: #ffffff;
}

    .page-state h2[b-mz5wz9dhsm],
    .page-state p[b-mz5wz9dhsm] {
        margin: 0;
    }

    .page-state h2[b-mz5wz9dhsm] {
        font-size: 1.3rem;
    }

    .page-state p[b-mz5wz9dhsm] {
        margin-top: 6px;
        color: var(--review-muted);
        line-height: 1.5;
    }

.error-state[b-mz5wz9dhsm] {
    color: #8c1d1d;
    border-color: #e7a3a3;
    background: #fff8f8;
}

.danger-button[b-mz5wz9dhsm],
.confirm-rejection-button[b-mz5wz9dhsm],
.secondary-button[b-mz5wz9dhsm] {
    min-height: 48px;
    padding: 11px 20px;
    border-radius: 10px;
    font: inherit;
    font-size: 1rem;
    font-weight: 750;
    cursor: pointer;
}

.danger-button[b-mz5wz9dhsm] {
    color: #9a2f2f;
    border: 1px solid #d99a9a;
    background: #ffffff;
}

    .danger-button:hover:not(:disabled)[b-mz5wz9dhsm] {
        color: #7e2020;
        border-color: #b94d4d;
        background: #fff4f4;
    }

.confirm-rejection-button[b-mz5wz9dhsm] {
    color: #ffffff;
    border: 1px solid #a83b3b;
    background: #a83b3b;
}

    .confirm-rejection-button:hover:not(:disabled)[b-mz5wz9dhsm] {
        border-color: #852b2b;
        background: #852b2b;
    }

.secondary-button[b-mz5wz9dhsm] {
    color: var(--review-navy);
    border: 1px solid var(--review-border);
    background: #ffffff;
}

    .secondary-button:hover:not(:disabled)[b-mz5wz9dhsm] {
        border-color: var(--review-blue);
        background: var(--review-blue-soft);
    }

    .danger-button:disabled[b-mz5wz9dhsm],
    .confirm-rejection-button:disabled[b-mz5wz9dhsm],
    .secondary-button:disabled[b-mz5wz9dhsm] {
        cursor: not-allowed;
        opacity: 0.55;
    }

.modal-backdrop[b-mz5wz9dhsm] {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
    background: rgba(7, 52, 90, 0.48);
}

.rejection-dialog[b-mz5wz9dhsm] {
    box-sizing: border-box;
    width: min(560px, 100%);
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
    padding: 26px;
    color: var(--review-navy);
    border: 1px solid var(--review-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(8, 31, 48, 0.32);
}

    .rejection-dialog > header[b-mz5wz9dhsm] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 18px;
    }

        .rejection-dialog > header > div[b-mz5wz9dhsm] {
            min-width: 0;
        }

    .rejection-dialog h2[b-mz5wz9dhsm] {
        margin: 0;
        color: var(--review-navy);
        font-size: 1.55rem;
        line-height: 1.2;
    }

    .rejection-dialog header p[b-mz5wz9dhsm] {
        margin: 8px 0 0;
        color: var(--review-muted);
        font-size: 1rem;
        line-height: 1.5;
    }

.rejection-picks[b-mz5wz9dhsm] {
    display: grid;
    gap: 8px;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
}

    .rejection-picks legend[b-mz5wz9dhsm] {
        margin-bottom: 6px;
        font-weight: 750;
    }

    .rejection-picks label[b-mz5wz9dhsm] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 9px 12px;
        border: 1px solid var(--review-border);
        border-radius: 9px;
        cursor: pointer;
    }

        .rejection-picks label:has(input:checked)[b-mz5wz9dhsm] {
            border-color: #a83b3b;
            background: #fff4f4;
        }

.close-button[b-mz5wz9dhsm] {
    display: grid;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    place-items: center;
    padding: 0;
    color: var(--review-navy);
    border: 1px solid var(--review-border);
    border-radius: 50%;
    background: #ffffff;
    font: inherit;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

    .close-button:hover:not(:disabled)[b-mz5wz9dhsm] {
        border-color: var(--review-blue);
        background: var(--review-blue-soft);
    }

.rejection-reason-field[b-mz5wz9dhsm] {
    display: grid;
    gap: 8px;
}

    .rejection-reason-field > span[b-mz5wz9dhsm] {
        color: var(--review-navy);
        font-size: 1rem;
        font-weight: 750;
    }

    .rejection-reason-field textarea[b-mz5wz9dhsm] {
        box-sizing: border-box;
        width: 100%;
        resize: vertical;
        padding: 12px 14px;
        color: var(--review-navy);
        border: 1px solid var(--review-border);
        border-radius: 10px;
        background: #ffffff;
        font: inherit;
        font-size: 1rem;
        line-height: 1.5;
    }

        .rejection-reason-field textarea:focus[b-mz5wz9dhsm] {
            border-color: #a83b3b;
            outline: 3px solid rgba(168, 59, 59, 0.14);
        }

.dialog-error[b-mz5wz9dhsm] {
    margin: 0;
    padding: 11px 13px;
    color: #8c1d1d;
    border: 1px solid #e7a3a3;
    border-radius: 9px;
    background: #fff0f0;
    font-size: 0.95rem;
}

.rejection-dialog .dialog-error[b-mz5wz9dhsm] {
    margin-bottom: 18px;
}

.rejection-dialog > footer[b-mz5wz9dhsm] {
    display: flex;
    justify-content: flex-end;
    gap: 11px;
    margin-top: 22px;
}

@media (max-width: 900px) {
    .review-metadata[b-mz5wz9dhsm],
    .review-body[b-mz5wz9dhsm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .review-card[b-mz5wz9dhsm] {
        padding: 18px;
    }

    .review-header[b-mz5wz9dhsm] {
        display: grid;
    }

    .fields-panel[b-mz5wz9dhsm]  .filing-fields,
    .fields-panel[b-mz5wz9dhsm]  .field-row {
        grid-template-columns: 1fr;
    }

    .decision-actions[b-mz5wz9dhsm] {
        display: grid;
        grid-template-columns: 1fr;
    }

        .decision-actions button[b-mz5wz9dhsm] {
            width: 100%;
        }

    .modal-backdrop[b-mz5wz9dhsm] {
        place-items: end center;
        padding: 0;
    }

    .rejection-dialog[b-mz5wz9dhsm] {
        width: 100%;
        max-height: 88dvh;
        padding: 22px 18px;
        border-radius: 18px 18px 0 0;
    }

        .rejection-dialog > footer[b-mz5wz9dhsm] {
            display: grid;
            grid-template-columns: 1fr 1fr;
        }
}

/* History for this barcode */

.history-section[b-mz5wz9dhsm] {
    margin-top: 8px;
    padding-top: 20px;
    border-top: 1px solid #e3e6ea;
}

    .history-section header h3[b-mz5wz9dhsm] {
        margin: 0 0 4px;
    }

    .history-section header p[b-mz5wz9dhsm] {
        margin: 0 0 14px;
        color: #52627a;
    }

.history-alerts[b-mz5wz9dhsm] {
    display: grid;
    gap: 8px;
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}

.history-alert[b-mz5wz9dhsm] {
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid;
}

    .history-alert.warning[b-mz5wz9dhsm] {
        color: #7a4a00;
        background: #fff6e5;
        border-color: #f0d49a;
    }

    .history-alert.info[b-mz5wz9dhsm] {
        color: #1f4d6b;
        background: #eef6fb;
        border-color: #c4dcec;
    }

.field-history[b-mz5wz9dhsm] {
    margin-bottom: 10px;
    border: 1px solid #e3e6ea;
    border-radius: 10px;
    background: #fff;
}

    .field-history summary[b-mz5wz9dhsm] {
        display: flex;
        gap: 10px;
        align-items: baseline;
        padding: 10px 14px;
        cursor: pointer;
    }

        .field-history summary span[b-mz5wz9dhsm] {
            color: #52627a;
            font-size: 0.9rem;
        }

    .field-history table[b-mz5wz9dhsm] {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.92rem;
    }

    .field-history th[b-mz5wz9dhsm],
    .field-history td[b-mz5wz9dhsm] {
        padding: 8px 14px;
        border-top: 1px solid #eef0f2;
        text-align: left;
        vertical-align: top;
    }

    .field-history td small[b-mz5wz9dhsm] {
        display: block;
        margin-top: 2px;
        color: #52627a;
    }

    .field-history tr.this-review[b-mz5wz9dhsm] {
        background: #f5f9ff;
    }

@media (max-width: 700px) {
    .field-history table[b-mz5wz9dhsm],
    .field-history thead[b-mz5wz9dhsm],
    .field-history tbody[b-mz5wz9dhsm],
    .field-history tr[b-mz5wz9dhsm],
    .field-history th[b-mz5wz9dhsm],
    .field-history td[b-mz5wz9dhsm] {
        display: block;
    }

    .field-history thead[b-mz5wz9dhsm] {
        display: none;
    }
}
/* /Features/Catalog/Reviews/CatalogReviewQueue.razor.rz.scp.css */
.review-queue-page[b-ui3a6lpq9m] {
    --queue-navy: #07345a;
    --queue-blue: #2e739f;
    --queue-blue-dark: #1e587f;
    --queue-blue-soft: #eef7fd;
    --queue-green: #43955c;
    --queue-green-soft: #eef7ee;
    --queue-orange: #cb7a38;
    --queue-orange-soft: #fff4e8;
    --queue-border: #dce3e8;
    --queue-muted: #496a8b;
    display: grid;
    gap: 22px;
    width: min(1120px, 100%);
    margin: 0 auto;
    color: var(--queue-navy);
}

.page-header[b-ui3a6lpq9m] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

    .page-header > div[b-ui3a6lpq9m] {
        min-width: 0;
    }

.eyebrow[b-ui3a6lpq9m] {
    margin: 0 0 7px;
    color: var(--queue-orange);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.page-header h1[b-ui3a6lpq9m] {
    margin: 0;
    color: var(--queue-navy);
    font-size: clamp(2rem, 4vw, 2.75rem);
    line-height: 1.1;
}

.page-description[b-ui3a6lpq9m] {
    max-width: 650px;
    margin: 10px 0 0;
    color: var(--queue-muted);
    font-size: 1.05rem;
    line-height: 1.5;
}

.pending-count[b-ui3a6lpq9m] {
    flex: 0 0 auto;
    padding: 8px 13px;
    color: var(--queue-blue-dark);
    border: 1px solid #bfd9e9;
    border-radius: 999px;
    background: var(--queue-blue-soft);
    font-size: 0.92rem;
    font-weight: 750;
    white-space: nowrap;
}

.review-list[b-ui3a6lpq9m] {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--queue-border);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(7, 52, 90, 0.06);
}

.review-row[b-ui3a6lpq9m] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 17px;
    min-height: 108px;
    padding: 18px 20px;
    color: var(--queue-navy);
    border-bottom: 1px solid var(--queue-border);
    text-decoration: none;
    transition: background-color 150ms ease, box-shadow 150ms ease;
}

    .review-row:last-child[b-ui3a6lpq9m] {
        border-bottom: 0;
    }

    .review-row:hover[b-ui3a6lpq9m] {
        background: #f8fbfd;
        box-shadow: inset 4px 0 0 var(--queue-blue);
    }

    .review-row:focus-visible[b-ui3a6lpq9m] {
        position: relative;
        z-index: 1;
        outline: 3px solid rgba(46, 115, 159, 0.22);
        outline-offset: -3px;
    }

.review-kind-icon[b-ui3a6lpq9m] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    color: #ffffff;
    border-radius: 50%;
    background: var(--queue-blue);
    font-family: Arial, sans-serif;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1;
}

.review-summary[b-ui3a6lpq9m] {
    display: grid;
    gap: 9px;
    min-width: 0;
}

.review-heading[b-ui3a6lpq9m] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px 12px;
}

    .review-heading strong[b-ui3a6lpq9m] {
        min-width: 0;
        overflow: hidden;
        color: var(--queue-navy);
        font-size: 1.15rem;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.review-kind[b-ui3a6lpq9m] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 750;
    line-height: 1.2;
}

.registration-kind[b-ui3a6lpq9m] {
    color: #2d6840;
    border: 1px solid #b7d8c0;
    background: var(--queue-green-soft);
}

.correction-kind[b-ui3a6lpq9m] {
    color: #805019;
    border: 1px solid #ebcfaa;
    background: var(--queue-orange-soft);
}

.review-metadata[b-ui3a6lpq9m] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 11px;
    color: var(--queue-muted);
    font-size: 0.94rem;
    line-height: 1.35;
}

.photo-kind[b-ui3a6lpq9m] {
    color: var(--queue-blue-dark);
    border: 1px solid #bfd9e9;
    background: var(--queue-blue-soft);
}

/* A package's picture, picked right in the queue */

.photo-row[b-ui3a6lpq9m] {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 14px;
}

    .photo-row:hover[b-ui3a6lpq9m] {
        background: #ffffff;
        box-shadow: none;
    }

.photo-note[b-ui3a6lpq9m] {
    color: var(--queue-muted);
    font-size: 0.88rem;
}

.photo-actions[b-ui3a6lpq9m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.approve-button[b-ui3a6lpq9m] {
    min-height: 44px;
    padding: 8px 18px;
    color: #ffffff;
    border: 1px solid var(--queue-blue);
    border-radius: 9px;
    background: var(--queue-blue);
    font: inherit;
    font-size: 0.95rem;
    font-weight: 750;
    cursor: pointer;
}

    .approve-button:hover:not(:disabled)[b-ui3a6lpq9m] {
        border-color: var(--queue-blue-dark);
        background: var(--queue-blue-dark);
    }

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

.photo-message[b-ui3a6lpq9m] {
    margin: 0;
    padding: 11px 14px;
    color: #1f4d6b;
    border: 1px solid #c4dcec;
    border-radius: 10px;
    background: #eef6fb;
}

.metadata-divider[b-ui3a6lpq9m] {
    width: 1px;
    height: 16px;
    background: var(--queue-border);
}

.review-action[b-ui3a6lpq9m] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--queue-blue-dark);
    font-size: 0.95rem;
    font-weight: 750;
}

.chevron[b-ui3a6lpq9m] {
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 1;
}

.queue-state[b-ui3a6lpq9m] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    min-height: 160px;
    padding: 25px;
    border: 1px solid var(--queue-border);
    border-radius: 16px;
    background: #ffffff;
}

    .queue-state h2[b-ui3a6lpq9m],
    .queue-state p[b-ui3a6lpq9m] {
        margin: 0;
    }

    .queue-state h2[b-ui3a6lpq9m] {
        color: var(--queue-navy);
        font-size: 1.35rem;
    }

    .queue-state p[b-ui3a6lpq9m] {
        margin-top: 6px;
        color: var(--queue-muted);
        font-size: 1rem;
        line-height: 1.45;
    }

.state-icon[b-ui3a6lpq9m] {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    color: #ffffff;
    border-radius: 50%;
    background: var(--queue-blue);
    font-family: Arial, sans-serif;
    font-size: 1.65rem;
    font-weight: 750;
}

.empty-state .state-icon[b-ui3a6lpq9m] {
    background: var(--queue-green);
}

.error-state[b-ui3a6lpq9m] {
    border-color: #e7b5b5;
    background: #fffafa;
}

    .error-state .state-icon[b-ui3a6lpq9m] {
        background: #a83b3b;
    }

.retry-button[b-ui3a6lpq9m] {
    min-height: 42px;
    margin-top: 15px;
    padding: 9px 16px;
    color: #ffffff;
    border: 1px solid var(--queue-blue);
    border-radius: 9px;
    background: var(--queue-blue);
    font: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
}

    .retry-button:hover[b-ui3a6lpq9m] {
        border-color: var(--queue-blue-dark);
        background: var(--queue-blue-dark);
    }

.loading-icon[b-ui3a6lpq9m] {
    animation: queue-spin-b-ui3a6lpq9m 1.1s linear infinite;
}

@keyframes queue-spin-b-ui3a6lpq9m {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 700px) {
    .page-header[b-ui3a6lpq9m] {
        display: grid;
    }

    .pending-count[b-ui3a6lpq9m] {
        width: fit-content;
    }

    .review-row[b-ui3a6lpq9m] {
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 0;
        padding: 17px;
    }

    .review-action[b-ui3a6lpq9m],
    .photo-actions[b-ui3a6lpq9m] {
        grid-column: 2;
        justify-self: start;
    }

    .photo-actions[b-ui3a6lpq9m] {
        justify-content: flex-start;
    }

    .photo-row[b-ui3a6lpq9m] {
        grid-template-columns: minmax(0, 1fr);
    }

        .photo-row .photo-actions[b-ui3a6lpq9m] {
            grid-column: 1;
        }

    .review-heading strong[b-ui3a6lpq9m] {
        white-space: normal;
    }
}

@media (max-width: 480px) {
    .review-kind-icon[b-ui3a6lpq9m] {
        width: 42px;
        height: 42px;
        font-size: 1.35rem;
    }

    .review-row[b-ui3a6lpq9m] {
        align-items: flex-start;
        gap: 13px;
    }

    .review-metadata[b-ui3a6lpq9m] {
        display: grid;
        gap: 4px;
    }

    .metadata-divider[b-ui3a6lpq9m] {
        display: none;
    }

    .queue-state[b-ui3a6lpq9m] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Catalog/Reviews/CategoryPicker.razor.rz.scp.css */
.category-picker[b-iqpqev3x88] {
    position: relative;
    width: 100%;
}

.category-results[b-iqpqev3x88] {
    position: absolute;
    z-index: 100;
    top: calc(100% + 0.3rem);
    right: 0;
    left: 0;
    max-height: 19rem;
    overflow-y: auto;
    border: 1px solid #bcc8d7;
    border-radius: 0.65rem;
    background: #fff;
    box-shadow: 0 12px 32px rgb(16 40 75 / 16%);
}

.category-option[b-iqpqev3x88] {
    display: flex;
    width: 100%;
    padding: 0.6rem 0.85rem;
    flex-direction: column;
    gap: 0.15rem;
    border: 0;
    border-bottom: 1px solid #e8ebef;
    background: #fff;
    color: #10284b;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .category-option:last-child[b-iqpqev3x88] {
        border-bottom: 0;
    }

    .category-option:hover[b-iqpqev3x88],
    .category-option.active[b-iqpqev3x88] {
        background: #eef5fa;
    }

.category-name[b-iqpqev3x88] {
    font-weight: 650;
}

.category-path[b-iqpqev3x88] {
    color: #667792;
    font-size: 0.85rem;
}

.category-status[b-iqpqev3x88] {
    padding: 0.85rem;
    color: #667792;
    font-size: 0.9rem;
}
/* /Features/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard-page[b-8n18bybrty] {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    color: var(--hi-text);
}

/* Header */

.dashboard-header[b-8n18bybrty] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 4px 2px 18px;
    gap: 24px;
}

    .dashboard-header h1[b-8n18bybrty] {
        margin: 0;
        color: var(--hi-primary-dark);
        font-size: clamp(1.85rem, 3vw, 2.4rem);
        font-weight: 800;
        letter-spacing: -0.03em;
    }

    .dashboard-header p[b-8n18bybrty] {
        margin: 4px 0 0;
        color: var(--hi-text-secondary);
        font-size: 1.12rem;
    }

.dashboard-date[b-8n18bybrty] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

    .dashboard-date strong[b-8n18bybrty] {
        color: var(--hi-primary-dark);
        font-size: 1.15rem;
        font-weight: 600;
    }

    .dashboard-time[b-8n18bybrty] {
        color: var(--hi-text-secondary);
        font-size: 0.95rem;
    }

    .dashboard-date a[b-8n18bybrty] {
        margin-top: 2px;
        color: var(--hi-text-secondary);
        font-size: 0.9rem;
        text-decoration: none;
    }

        .dashboard-date a:hover[b-8n18bybrty] {
            color: var(--hi-primary);
            text-decoration: underline;
        }

/* Accent colors */

.blue[b-8n18bybrty] {
    color: var(--hi-primary);
}

.green[b-8n18bybrty] {
    color: var(--hi-success);
}

.orange[b-8n18bybrty] {
    color: #B86A2E;
}

/* Summary stats */

.stat-grid[b-8n18bybrty] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}

.stat-card[b-8n18bybrty] {
    display: flex;
    align-items: center;
    min-height: 104px;
    padding: 18px 22px;
    gap: 20px;
    color: inherit;
    border: 1px solid #EEEAE4;
    border-radius: 14px;
    background: var(--hi-surface);
    box-shadow: 0 4px 16px rgba(40, 52, 60, 0.04);
    text-decoration: none;
    transition: box-shadow 150ms ease, transform 150ms ease;
}

    .stat-card:hover[b-8n18bybrty] {
        color: inherit;
        box-shadow: 0 8px 22px rgba(40, 52, 60, 0.08);
        transform: translateY(-1px);
    }

.stat-icon[b-8n18bybrty] {
    display: inline-flex;
    width: 62px;
    height: 62px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .stat-icon svg[b-8n18bybrty] {
        width: 30px;
        height: 30px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .stat-icon.blue[b-8n18bybrty] {
        background: var(--hi-primary-soft);
    }

    .stat-icon.green[b-8n18bybrty] {
        background: var(--hi-success-soft);
    }

    .stat-icon.orange[b-8n18bybrty] {
        background: #FBEBDD;
    }

.stat-copy[b-8n18bybrty] {
    display: flex;
    flex-direction: column;
}

    .stat-copy strong[b-8n18bybrty] {
        color: var(--hi-primary-dark);
        font-size: 2.1rem;
        font-weight: 800;
        line-height: 1;
    }

        .stat-copy strong.green[b-8n18bybrty] {
            color: var(--hi-success);
        }

        .stat-copy strong.orange[b-8n18bybrty] {
            color: #B86A2E;
        }

    .stat-copy span[b-8n18bybrty] {
        margin-top: 4px;
        font-size: 1.05rem;
    }

    .stat-copy small[b-8n18bybrty] {
        color: var(--hi-text-muted);
        font-size: 0.82rem;
    }

/* Primary actions */

.action-grid[b-8n18bybrty] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.action-card[b-8n18bybrty] {
    display: flex;
    align-items: center;
    min-height: 104px;
    padding: 18px 20px;
    gap: 18px;
    color: #ffffff;
    border-radius: 14px;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(40, 52, 60, 0.1);
    transition: filter 150ms ease, transform 150ms ease;
}

    .action-card:hover[b-8n18bybrty] {
        color: #ffffff;
        filter: brightness(1.04);
        transform: translateY(-1px);
    }

.use-card[b-8n18bybrty] {
    background: linear-gradient(135deg, #46677F, var(--hi-primary-dark));
}

.add-card[b-8n18bybrty] {
    background: linear-gradient(135deg, #D2924F, #B86A2E);
}

.low-card[b-8n18bybrty] {
    background: linear-gradient(135deg, #5E8B6E, #3F6B52);
}

.browse-card[b-8n18bybrty] {
    color: var(--hi-text);
    border: 1px solid #E7DED2;
    background: linear-gradient(135deg, #F6EFE6, #EFE5D8);
}

    .browse-card:hover[b-8n18bybrty] {
        color: var(--hi-text);
    }

.action-icon[b-8n18bybrty] {
    display: inline-flex;
    width: 64px;
    height: 64px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;
}

    .action-icon svg[b-8n18bybrty] {
        width: 30px;
        height: 30px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.browse-card .action-icon[b-8n18bybrty] {
    color: #ffffff;
    border: 0;
    background: #C78952;
}

.action-copy[b-8n18bybrty] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

    .action-copy strong[b-8n18bybrty] {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.015em;
    }

    .action-copy small[b-8n18bybrty] {
        margin-top: 4px;
        font-size: 0.9rem;
        line-height: 1.35;
        opacity: 0.92;
    }

.browse-card .action-copy small[b-8n18bybrty] {
    color: var(--hi-text-secondary);
    opacity: 1;
}

.action-chevron[b-8n18bybrty] {
    flex: 0 0 auto;
    font-size: 2.2rem;
    line-height: 1;
    opacity: 0.85;
}

/* Lists */

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

.list-card[b-8n18bybrty] {
    min-width: 0;
    padding: 16px 22px 8px;
    border: 1px solid #EEEAE4;
    border-radius: 14px;
    background: var(--hi-surface);
    box-shadow: 0 4px 16px rgba(40, 52, 60, 0.04);
}

.card-heading[b-8n18bybrty] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 8px;
    gap: 12px;
    border-bottom: 1px solid #EEEAE4;
}

    .card-heading h2[b-8n18bybrty] {
        display: flex;
        align-items: center;
        margin: 0;
        gap: 10px;
        color: var(--hi-primary-dark);
        font-size: 1.3rem;
        font-weight: 700;
    }

    .card-heading p[b-8n18bybrty] {
        margin: 3px 0 0;
        color: var(--hi-text-muted);
        font-size: 0.85rem;
    }

    .card-heading a[b-8n18bybrty] {
        flex: 0 0 auto;
        padding-top: 4px;
        color: var(--hi-primary);
        font-size: 0.9rem;
        font-weight: 600;
        text-decoration: none;
    }

        .card-heading a:hover[b-8n18bybrty] {
            text-decoration: underline;
        }

.heading-icon[b-8n18bybrty] {
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.item-row[b-8n18bybrty] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 18px;
    align-items: center;
    min-height: 56px;
    padding: 6px 0;
    gap: 14px;
    border-bottom: 1px solid #F0EDE9;
}

    .item-row:last-child[b-8n18bybrty] {
        border-bottom: 0;
    }

    .item-row.activity[b-8n18bybrty] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

a.item-row[b-8n18bybrty] {
    color: inherit;
    text-decoration: none;
}

    a.item-row:hover strong[b-8n18bybrty] {
        text-decoration: underline;
    }

.item-copy[b-8n18bybrty] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

    .item-copy strong[b-8n18bybrty] {
        overflow: hidden;
        color: var(--hi-text);
        font-size: 0.98rem;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .item-copy small[b-8n18bybrty] {
        margin-top: 2px;
        overflow: hidden;
        color: var(--hi-text-secondary);
        font-size: 0.84rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.date-pill[b-8n18bybrty] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 6px 12px;
    color: var(--hi-success);
    border-radius: 999px;
    background: var(--hi-success-soft);
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
}

    .date-pill.soon[b-8n18bybrty] {
        color: #9A5A12;
        background: #FBEBDD;
    }

    .date-pill.past[b-8n18bybrty] {
        color: var(--hi-danger);
        background: var(--hi-danger-soft);
    }

.activity-time[b-8n18bybrty] {
    color: var(--hi-text-muted);
    font-size: 0.84rem;
    white-space: nowrap;
}

.chevron[b-8n18bybrty] {
    color: var(--hi-text-muted);
    font-size: 1.6rem;
    line-height: 1;
}

.list-empty[b-8n18bybrty] {
    margin: 14px 0;
    color: var(--hi-text-secondary);
}

/* Getting started */

.getting-started[b-8n18bybrty] {
    max-width: 760px;
    padding: 26px 30px;
    border: 1px solid #EEEAE4;
    border-radius: 14px;
    background: var(--hi-surface);
}

    .getting-started h2[b-8n18bybrty] {
        margin: 0 0 8px;
        color: var(--hi-primary-dark);
        font-size: 1.6rem;
    }

    .getting-started p[b-8n18bybrty] {
        margin: 0 0 14px;
        color: var(--hi-text-secondary);
    }

    .getting-started ol[b-8n18bybrty] {
        display: grid;
        gap: 10px;
        margin: 0 0 20px;
        padding-left: 1.3rem;
        color: var(--hi-text-secondary);
    }

    .getting-started strong[b-8n18bybrty] {
        color: var(--hi-text);
    }

.getting-started-button[b-8n18bybrty] {
    display: inline-block;
    padding: 12px 22px;
    color: #fff;
    border-radius: 999px;
    background: #B86A2E;
    font-weight: 700;
    text-decoration: none;
}

    .getting-started-button:hover[b-8n18bybrty] {
        color: #fff;
        filter: brightness(1.05);
    }

/* States */

.dashboard-alert[b-8n18bybrty],
.dashboard-loading[b-8n18bybrty] {
    margin: 4rem auto;
    padding: 1.2rem;
    max-width: 700px;
    border-radius: 12px;
    background: white;
    text-align: center;
}

.dashboard-alert[b-8n18bybrty] {
    color: #922d23;
    border: 1px solid #edc3bd;
    background: #fff3f1;
}

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

    .action-card[b-8n18bybrty] {
        padding: 16px;
        gap: 12px;
    }

    .action-copy strong[b-8n18bybrty] {
        font-size: 1.15rem;
    }

    .action-copy small[b-8n18bybrty] {
        font-size: 0.82rem;
    }

    .action-icon[b-8n18bybrty] {
        width: 46px;
        height: 46px;
    }

        .action-icon svg[b-8n18bybrty] {
            width: 24px;
            height: 24px;
        }

    .stat-card[b-8n18bybrty] {
        padding: 16px;
        gap: 14px;
    }

    .stat-icon[b-8n18bybrty] {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 900px) {
    .stat-grid[b-8n18bybrty],
    .action-grid[b-8n18bybrty],
    .lists-grid[b-8n18bybrty] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .dashboard-header[b-8n18bybrty] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .dashboard-date[b-8n18bybrty] {
        align-items: flex-start;
        text-align: left;
    }

    .stat-grid[b-8n18bybrty],
    .action-grid[b-8n18bybrty] {
        gap: 10px;
    }

    .stat-card[b-8n18bybrty],
    .action-card[b-8n18bybrty] {
        min-height: 0;
        padding: 12px 16px;
        gap: 14px;
    }

    .stat-icon[b-8n18bybrty],
    .action-icon[b-8n18bybrty] {
        width: 46px;
        height: 46px;
    }

        .stat-icon svg[b-8n18bybrty],
        .action-icon svg[b-8n18bybrty] {
            width: 24px;
            height: 24px;
        }

    .stat-copy strong[b-8n18bybrty] {
        font-size: 1.6rem;
    }

    .list-card[b-8n18bybrty] {
        padding-inline: 16px;
    }
}

/* Scans waiting to be identified or confirmed. */
.needs-look-card[b-8n18bybrty] {
    display: flex;
    align-items: center;
    min-height: 84px;
    margin-bottom: 14px;
    padding: 14px 20px;
    gap: 18px;
    color: #ffffff;
    border-radius: 14px;
    background: linear-gradient(135deg, #4F7A9E, #355A7C);
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(40, 52, 60, 0.1);
    transition: filter 150ms ease, transform 150ms ease;
}

    .needs-look-card:hover[b-8n18bybrty] {
        color: #ffffff;
        filter: brightness(1.05);
        transform: translateY(-1px);
    }

    .needs-look-card .action-icon[b-8n18bybrty] {
        width: 52px;
        height: 52px;
    }
/* /Features/Households/Membership/InvitationPage.razor.rz.scp.css */
.invitation-actions[b-ghqc8rwz5c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}
/* /Features/Households/Settings/HouseholdSettings.razor.rz.scp.css */
.household-settings[b-5uqltv07wz] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #20342d;
}

header[b-5uqltv07wz] {
    margin-bottom: 1.5rem;
}

h1[b-5uqltv07wz] {
    margin: 0.25rem 0 0.75rem;
    font-size: clamp(1.8rem, 4vw, 2.4rem);
}

h2[b-5uqltv07wz] {
    margin-top: 0;
    font-size: 1.25rem;
}

p[b-5uqltv07wz] {
    line-height: 1.6;
}

.eyebrow[b-5uqltv07wz] {
    margin: 0;
    color: #537267;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.settings-card[b-5uqltv07wz] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    border: 1px solid #dce5df;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 18px rgb(30 60 45 / 4%);
}

.status[b-5uqltv07wz],
.help[b-5uqltv07wz] {
    color: #52665c;
}

.responsibilities[b-5uqltv07wz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1.25rem 0;
}

    .responsibilities div[b-5uqltv07wz] {
        padding: 1rem;
        border-radius: 10px;
        background: #f2f6f3;
    }

dt[b-5uqltv07wz] {
    margin-bottom: 0.4rem;
    color: #52665c;
    font-size: 0.9rem;
}

dd[b-5uqltv07wz] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

fieldset[b-5uqltv07wz] {
    min-width: 0;
    padding: 0;
    border: 0;
}

label[b-5uqltv07wz] {
    display: block;
    margin: 1rem 0 0.4rem;
    font-weight: 600;
}

h3[b-5uqltv07wz] {
    margin: 1.5rem 0 0;
    font-size: 1.05rem;
}

.people[b-5uqltv07wz] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .people li[b-5uqltv07wz] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.25rem 1rem;
        padding: 0.75rem 0;
        border-bottom: 1px solid #edf1ee;
    }

.person-name[b-5uqltv07wz] {
    flex: 1 1 12rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.person-email[b-5uqltv07wz] {
    display: block;
    font-weight: 400;
}

.person-actions[b-5uqltv07wz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

    .person-actions button[b-5uqltv07wz] {
        padding: 0.45rem 0.75rem;
    }

input[b-5uqltv07wz],
select[b-5uqltv07wz] {
    width: 100%;
    max-width: 480px;
    padding: 0.75rem;
    border: 1px solid #a9bbb0;
    border-radius: 8px;
    background: #fff;
    color: #20342d;
    font: inherit;
}

button[b-5uqltv07wz] {
    padding: 0.75rem 1rem;
    border: 1px solid #245c43;
    border-radius: 8px;
    background: #245c43;
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

    button.secondary[b-5uqltv07wz] {
        background: #fff;
        color: #245c43;
    }

    button.danger[b-5uqltv07wz] {
        border-color: #9b2c2c;
        background: #9b2c2c;
    }

    button:disabled[b-5uqltv07wz] {
        opacity: 0.55;
        cursor: not-allowed;
    }

    button:focus-visible[b-5uqltv07wz],
    input:focus-visible[b-5uqltv07wz],
    select:focus-visible[b-5uqltv07wz] {
        outline: 3px solid #bc8b32;
        outline-offset: 3px;
    }

.card-link[b-5uqltv07wz] {
    display: inline-block;
    padding: 0.75rem 1rem;
    border: 1px solid #245c43;
    border-radius: 8px;
    color: #245c43;
    font-weight: 600;
    text-decoration: none;
}

    .card-link:hover[b-5uqltv07wz] {
        background: #edf8f0;
    }

    .card-link:focus-visible[b-5uqltv07wz] {
        outline: 3px solid #bc8b32;
        outline-offset: 3px;
    }

.actions[b-5uqltv07wz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.notice[b-5uqltv07wz] {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 10px;
    line-height: 1.5;
}

.success[b-5uqltv07wz] {
    border: 1px solid #91c5a2;
    background: #edf8f0;
    color: #205235;
}

.error[b-5uqltv07wz] {
    border: 1px solid #dda9a9;
    background: #fff1f1;
    color: #812c2c;
}

.confirmation[b-5uqltv07wz] {
    border-color: #bc8b32;
}

@media (max-width: 600px) {
    .household-settings[b-5uqltv07wz] {
        padding: 1rem;
    }

    .responsibilities[b-5uqltv07wz] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Households/Setup/HouseholdSetup.razor.rz.scp.css */
/* Household setup: one card in the middle of the page, a step at a time. */

.household-setup[b-mhq53u0ade] {
    display: flex;
    justify-content: center;
    min-height: 100%;
    padding: 3rem 1.5rem 4rem;
    background: radial-gradient(circle at 85% 10%, rgba(199, 137, 82, 0.12), transparent 30%), var(--hi-background);
    color: var(--hi-text);
}

.setup-container[b-mhq53u0ade] {
    align-self: start;
    width: min(100%, 620px);
    padding: 2.25rem 2.5rem;
    border: 1px solid var(--hi-border);
    border-radius: 1.25rem;
    background-color: var(--hi-surface);
    box-shadow: 0 24px 60px rgba(40, 52, 60, 0.08);
}

.setup-header[b-mhq53u0ade] {
    margin-bottom: 1.25rem;
}

.setup-step[b-mhq53u0ade] {
    display: inline-block;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    background-color: var(--hi-primary-soft);
    color: var(--hi-primary-dark);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.setup-content h1[b-mhq53u0ade] {
    margin: 0 0 0.5rem;
    color: var(--hi-primary-dark);
    font-size: clamp(1.7rem, 4vw, 2.2rem);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.setup-description[b-mhq53u0ade] {
    margin: 0 0 1.5rem;
    color: var(--hi-text-secondary);
    line-height: 1.6;
}


/* Fields */

.form-field[b-mhq53u0ade] {
    display: grid;
    gap: 0.4rem;
    margin-bottom: 1.1rem;
}

    .form-field label[b-mhq53u0ade] {
        color: var(--hi-text);
        font-size: 0.88rem;
        font-weight: 700;
    }

.household-setup[b-mhq53u0ade]  .form-control {
    width: 100%;
    min-height: 48px;
    box-sizing: border-box;
    padding: 0.65rem 0.85rem;
    color: var(--hi-text);
    border: 1px solid var(--hi-border-strong);
    border-radius: 0.6rem;
    background-color: var(--hi-surface);
    font: inherit;
}

    .household-setup[b-mhq53u0ade]  .form-control:focus {
        border-color: var(--hi-primary);
        outline: 3px solid rgba(64, 95, 122, 0.14);
    }

    .household-setup[b-mhq53u0ade]  .form-control:disabled {
        background-color: var(--hi-surface-subtle);
        color: var(--hi-text-muted);
    }

.household-setup[b-mhq53u0ade]  .validation-message {
    font-size: 0.82rem;
}

.form-actions[b-mhq53u0ade] {
    justify-content: flex-end;
    margin-top: 1.75rem;
}


/* Choices such as "Invite someone" or "Not right now" */

.setup-options[b-mhq53u0ade] {
    display: grid;
    gap: 0.75rem;
}

.setup-option[b-mhq53u0ade] {
    display: grid;
    gap: 0.25rem;
    width: 100%;
    padding: 1rem 1.15rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.85rem;
    background-color: var(--hi-surface);
    color: var(--hi-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

    .setup-option:hover[b-mhq53u0ade] {
        border-color: var(--hi-primary);
        background-color: var(--hi-primary-soft);
    }

    .setup-option:focus-visible[b-mhq53u0ade] {
        outline: 3px solid rgba(64, 95, 122, 0.3);
        outline-offset: 2px;
    }

    .setup-option:disabled[b-mhq53u0ade] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.setup-option-title[b-mhq53u0ade] {
    color: var(--hi-primary-dark);
    font-weight: 700;
}

.setup-option-description[b-mhq53u0ade] {
    color: var(--hi-text-secondary);
    font-size: 0.9rem;
}


/* Review */

.setup-review[b-mhq53u0ade] {
    margin-bottom: 1.5rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.85rem;
    overflow: hidden;
}

.review-section[b-mhq53u0ade] {
    display: grid;
    grid-template-columns: 9rem minmax(0, 1fr);
    gap: 1rem;
    padding: 0.9rem 1.1rem;
    background-color: var(--hi-surface);
}

    .review-section + .review-section[b-mhq53u0ade] {
        border-top: 1px solid var(--hi-border);
    }

.review-label[b-mhq53u0ade] {
    color: var(--hi-text-secondary);
    font-size: 0.88rem;
    font-weight: 700;
}

.review-value[b-mhq53u0ade] {
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.callout[b-mhq53u0ade] {
    margin: 1.25rem 0 0;
}


@media (max-width: 600px) {
    .household-setup[b-mhq53u0ade] {
        padding: 1.25rem 0.75rem 3rem;
    }

    .setup-container[b-mhq53u0ade] {
        padding: 1.5rem 1.25rem;
    }

    .review-section[b-mhq53u0ade] {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }

    .form-actions[b-mhq53u0ade] {
        flex-direction: column-reverse;
    }

        .form-actions button[b-mhq53u0ade] {
            width: 100%;
        }
}
/* /Features/Inventory/Addition/InventoryAdd.razor.rz.scp.css */
.inventory-add-page[b-4g8q7qs83d] {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 0 2rem;
    color: #07345a;
}

.page-header[b-4g8q7qs83d] {
    margin-bottom: 1.5rem;
}

    .page-header a[b-4g8q7qs83d] {
        color: #25634c;
        text-underline-offset: 3px;
    }

    .page-header h1[b-4g8q7qs83d] {
        margin: 1rem 0 0.5rem;
        font-size: clamp(1.8rem, 4vw, 2.5rem);
    }

    .page-header p[b-4g8q7qs83d],
    .help-text[b-4g8q7qs83d],
    .field small[b-4g8q7qs83d] {
        color: #53675e;
        line-height: 1.5;
    }

.inventory-card[b-4g8q7qs83d] {
    padding: 1.75rem;
    background: #fff;
    border: 1px solid #d9e3dd;
    border-radius: 16px;
    box-shadow: 0 6px 24px rgb(23 43 36 / 5%);
}

    .inventory-card h2[b-4g8q7qs83d] {
        margin: 0 0 1.5rem;
        font-size: 1.4rem;
    }

    .inventory-card h3[b-4g8q7qs83d] {
        margin-top: 1.5rem;
        font-size: 1.1rem;
    }

fieldset[b-4g8q7qs83d] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.field[b-4g8q7qs83d] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

    .field label[b-4g8q7qs83d] {
        font-weight: 600;
    }

    .field input[b-4g8q7qs83d],
    .field[b-4g8q7qs83d]  input,
    .field[b-4g8q7qs83d]  select {
        box-sizing: border-box;
        width: 100%;
        min-height: 48px;
        padding: 0.7rem 0.85rem;
        border: 1px solid #aebfb4;
        border-radius: 8px;
        background: #fff;
        color: #172b24;
        font: inherit;
        font-size: 1rem;
    }

.checkbox-field[b-4g8q7qs83d] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    cursor: pointer;
    font-weight: 600;
    line-height: 1.5;
}

    .checkbox-field[b-4g8q7qs83d]  input {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        margin-top: 0.15rem;
        accent-color: #25634c;
    }

.produce-on-hand[b-4g8q7qs83d] {
    margin-bottom: 1.25rem;
}

.help-text[b-4g8q7qs83d] {
    margin: 0.75rem 0 1.25rem;
    font-size: 0.9rem;
}

.primary-button[b-4g8q7qs83d],
.secondary-button[b-4g8q7qs83d] {
    min-height: 48px;
    padding: 0.75rem 1.15rem;
    border: 1px solid #25634c;
    border-radius: 8px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.primary-button[b-4g8q7qs83d] {
    background: #25634c;
    color: #fff;
}

    .primary-button:hover:not(:disabled)[b-4g8q7qs83d] {
        background: #1b4c39;
    }

.secondary-button[b-4g8q7qs83d] {
    background: #fff;
    color: #25634c;
}

    .secondary-button:hover:not(:disabled)[b-4g8q7qs83d] {
        background: #f0f6f2;
    }

button:disabled[b-4g8q7qs83d],
fieldset:disabled[b-4g8q7qs83d] {
    opacity: 0.65;
}

button:disabled[b-4g8q7qs83d] {
    cursor: wait;
}

input:focus-visible[b-4g8q7qs83d],
button:focus-visible[b-4g8q7qs83d],
a:focus-visible[b-4g8q7qs83d],
[b-4g8q7qs83d] input:focus-visible,
[b-4g8q7qs83d] select:focus-visible {
    outline: 3px solid #4d9075;
    outline-offset: 3px;
}

.message[b-4g8q7qs83d] {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid;
    border-radius: 10px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.success-message[b-4g8q7qs83d] {
    color: #195339;
    background: #edf8f0;
    border-color: #acd3b7;
}

.error-message[b-4g8q7qs83d] {
    color: #892525;
    background: #fff2f2;
    border-color: #e5b7b7;
}

[b-4g8q7qs83d] .validation-errors {
    color: #892525;
    padding-left: 1.25rem;
}

[b-4g8q7qs83d] .invalid {
    border-color: #b43a3a;
}

.package-name[b-4g8q7qs83d] {
    font-size: 1.15rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.confirmation-details[b-4g8q7qs83d] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.65rem 1.25rem;
}

    .confirmation-details dt[b-4g8q7qs83d] {
        color: #53675e;
    }

    .confirmation-details dd[b-4g8q7qs83d] {
        margin: 0;
        font-weight: 600;
        overflow-wrap: anywhere;
    }

.contents-list[b-4g8q7qs83d] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .contents-list li[b-4g8q7qs83d] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 0;
        border-bottom: 1px solid #e2e9e5;
    }

        .contents-list li > div[b-4g8q7qs83d] {
            min-width: 0;
            overflow-wrap: anywhere;
        }

    .contents-list small[b-4g8q7qs83d] {
        display: block;
        margin-top: 0.3rem;
        color: #53675e;
    }

.quantity[b-4g8q7qs83d] {
    flex-shrink: 0;
    color: #25634c;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.actions[b-4g8q7qs83d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

@media (max-width: 480px) {
    .inventory-add-page[b-4g8q7qs83d] {
        padding: 1rem 0.75rem 2rem;
    }

    .inventory-card[b-4g8q7qs83d] {
        padding: 1.1rem;
    }

    .confirmation-details[b-4g8q7qs83d] {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

        .confirmation-details dd[b-4g8q7qs83d] {
            margin-bottom: 0.65rem;
        }

    .actions[b-4g8q7qs83d] {
        flex-direction: column;
    }

        .actions button[b-4g8q7qs83d] {
            width: 100%;
        }
}

/* Unknown barcodes being identified in the background. */
.pending-summary[b-4g8q7qs83d] {
    display: inline-block;
    margin: 0.25rem 0 0;
    padding: 0.4rem 0.8rem;
    border: 1px solid #c9dccf;
    border-radius: 999px;
    background: #eef6f1;
    font-weight: 600;
}

    .pending-summary a[b-4g8q7qs83d] {
        text-decoration: none;
    }

.link-button[b-4g8q7qs83d] {
    margin-left: 0.5rem;
    padding: 0;
    border: 0;
    background: none;
    color: #25634c;
    font: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

    .link-button:disabled[b-4g8q7qs83d] {
        opacity: 0.6;
        cursor: wait;
    }
/* /Features/Inventory/Addition/InventoryAdditionConfirmation.razor.rz.scp.css */
.addition-confirmation[b-e4q7bit71a] {
    --add-navy: #07345a;
    --add-blue: #2e739f;
    --add-blue-dark: #1e587f;
    --add-blue-soft: #eef7fd;
    --add-green: #43955c;
    --add-green-soft: #eef7ee;
    --add-orange: #cb7a38;
    --add-border: #dce3e8;
    --add-muted: #496a8b;
    display: grid;
    gap: 12px;
    color: var(--add-navy);
}

    .addition-confirmation button[b-e4q7bit71a],
    .addition-confirmation input[b-e4q7bit71a] {
        font: inherit;
    }

    .addition-confirmation button[b-e4q7bit71a] {
        color: inherit;
    }

.match-banner[b-e4q7bit71a] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    min-height: 104px;
    padding: 10px 14px 10px 22px;
    background: linear-gradient(90deg, #edf6ed, #eff7f1);
    border-radius: 16px;
}

.match-check[b-e4q7bit71a] {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    color: #fff;
    background: var(--add-green);
    border-radius: 50%;
    font-size: 2.3rem;
}

.match-copy h2[b-e4q7bit71a],
.match-copy p[b-e4q7bit71a] {
    margin: 0;
}

.match-copy h2[b-e4q7bit71a] {
    font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.match-copy p[b-e4q7bit71a] {
    margin-top: 4px;
    color: #35634f;
    font-size: 1.08rem;
}

.piece-choice[b-e4q7bit71a] {
    display: grid;
    gap: 10px;
    padding: 14px 18px;
    background: var(--add-blue-soft);
    border: 1px solid #cfe3f2;
    border-radius: 14px;
}

    .piece-choice h2[b-e4q7bit71a] {
        margin: 0;
        font-size: 1.1rem;
    }

.piece-options[b-e4q7bit71a] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.piece-option[b-e4q7bit71a] {
    min-height: 48px;
    padding: 10px 18px;
    background: #fff;
    border: 2px solid var(--add-border);
    border-radius: 12px;
    font-weight: 700;
    cursor: pointer;
}

    .piece-option.selected[b-e4q7bit71a] {
        color: #fff !important;
        background: var(--add-blue);
        border-color: var(--add-blue);
    }
.chevron[b-e4q7bit71a] {
    color: #55748f;
    font-size: 2.1rem;
    line-height: 1;
}

.product-card[b-e4q7bit71a] {
    display: grid;
    grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);
    gap: 22px;
    padding: 12px;
    background: #fff;
    border: 1px solid #e9e8e6;
    border-radius: 17px;
}

.photo-placeholder[b-e4q7bit71a] {
    display: grid;
    place-content: center;
    justify-items: center;
    min-height: 285px;
    color: var(--add-muted);
    background: linear-gradient(135deg, #f6f8fa, #fdfdfd);
    border: 2px dashed #c3d7e8;
    border-radius: 14px;
    cursor: pointer;
}

    .photo-placeholder strong[b-e4q7bit71a] {
        margin-top: 12px;
        font-size: 1.08rem;
    }

    .photo-placeholder > span:last-child[b-e4q7bit71a] {
        margin-top: 3px;
        color: #087aec;
        font-size: 1.08rem;
        font-weight: 700;
    }

.camera-icon[b-e4q7bit71a] {
    color: #426b8a;
    font-size: 3.6rem;
}

.product-information[b-e4q7bit71a] {
    min-width: 0;
}

    .product-information h1[b-e4q7bit71a] {
        margin: 0;
        overflow-wrap: anywhere;
        font-size: clamp(1.8rem, 3vw, 2.4rem);
        line-height: 1.1;
    }

.product-meta[b-e4q7bit71a] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 6px 0 14px;
    color: var(--add-muted);
    font-size: 1.08rem;
    font-weight: 650;
}

.meta-divider[b-e4q7bit71a] {
    width: 1px;
    height: 20px;
    background: var(--add-border);
}

.detail-grid[b-e4q7bit71a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
}

/* An odd last tile takes the whole row rather than leaving a gap. */
.detail-grid > :last-child:nth-child(odd)[b-e4q7bit71a] {
    grid-column: 1 / -1;
}

/* display: grid above would otherwise override the hidden attribute. */
.detail-grid[hidden][b-e4q7bit71a] {
    display: none;
}
.detail-tile[b-e4q7bit71a] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-height: 88px;
    padding: 12px 15px;
    color: var(--add-navy);
    text-align: left;
    background: #fff;
    border: 1px solid var(--add-border);
    border-radius: 13px;
}

.detail-icon[b-e4q7bit71a] {
    color: #55728e;
    font-size: 2rem;
}

.category-icon[b-e4q7bit71a] {
    color: var(--add-orange);
}

.detail-copy[b-e4q7bit71a] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

    .detail-copy small[b-e4q7bit71a] {
        color: var(--add-muted);
    }

    .detail-copy strong[b-e4q7bit71a] {
        overflow: hidden;
        font-size: 1.08rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.configuration-grid[b-e4q7bit71a] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(330px, 2fr);
    gap: 14px;
}

.amount-card[b-e4q7bit71a],
.option-card[b-e4q7bit71a] {
    background: #fff;
    border: 1px solid #ece9e5;
    border-radius: 17px;
}

.amount-card[b-e4q7bit71a] {
    padding: 17px 20px 10px;
}

    .amount-card h2[b-e4q7bit71a],
    .amount-card p[b-e4q7bit71a],
    .option-card h2[b-e4q7bit71a],
    .option-card p[b-e4q7bit71a] {
        margin: 0;
    }

    .amount-card h2[b-e4q7bit71a] {
        font-size: 1.5rem;
    }

    .amount-card header p[b-e4q7bit71a] {
        margin-top: 3px;
        color: var(--add-muted);
        font-size: 1.03rem;
    }

.amount-options[b-e4q7bit71a] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin-top: 14px;
}

.amount-option[b-e4q7bit71a] {
    display: grid;
    justify-items: center;
    min-height: 180px;
    padding: 15px 7px 11px;
    background: #fff;
    border: 1px solid var(--add-border);
    border-radius: 11px;
    cursor: pointer;
}

    .amount-option.selected[b-e4q7bit71a] {
        background: linear-gradient(#fff, var(--add-blue-soft));
        border: 2px solid #087ff4;
    }

    .amount-option strong[b-e4q7bit71a] {
        margin-top: 9px;
    }

    .amount-option small[b-e4q7bit71a] {
        margin-top: 2px;
        color: var(--add-muted);
        text-align: center;
        font-size: 0.93rem;
    }

.amount-gauge[b-e4q7bit71a] {
    --filled: 100%;
    position: relative;
    display: block;
    width: 72px;
    height: 72px;
    overflow: hidden;
    background: #f3f4f5;
    border: 2px solid #c5d0d9;
    border-radius: 50%;
}

    .amount-gauge[b-e4q7bit71a]::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: var(--filled);
        content: "";
        background: linear-gradient(135deg, #4b8dbb, #16567f);
    }

.container-row[b-e4q7bit71a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 78px;
}

.container-counter[b-e4q7bit71a] {
    display: flex;
    align-items: center;
    gap: 38px;
}

    .container-counter button[b-e4q7bit71a] {
        display: grid;
        place-items: center;
        width: 58px;
        height: 58px;
        color: #fff;
        background: linear-gradient(135deg, #4489b8, #17577f);
        border: 0;
        border-radius: 50%;
        font-size: 2rem;
        cursor: pointer;
    }

        .container-counter button:disabled[b-e4q7bit71a] {
            color: #59778e;
            background: #f0f2f3;
        }

    .container-counter output[b-e4q7bit71a] {
        min-width: 34px;
        text-align: center;
        font-size: 2.7rem;
        font-weight: 750;
    }

.quantity-summary[b-e4q7bit71a] {
    padding-top: 9px;
    color: var(--add-muted);
    border-top: 1px solid var(--add-border);
}

    .quantity-summary strong[b-e4q7bit71a] {
        color: var(--add-navy);
    }

.side-options[b-e4q7bit71a] {
    display: grid;
    gap: 12px;
}

.option-card[b-e4q7bit71a] {
    padding: 15px 19px;
}

.option-header[b-e4q7bit71a] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.option-icon[b-e4q7bit71a] {
    font-size: 1.9rem;
}

.option-header h2[b-e4q7bit71a] {
    font-size: 1.18rem;
}

    .option-header h2 small[b-e4q7bit71a] {
        color: var(--add-muted);
        font-size: 0.86rem;
        font-weight: 500;
    }

.option-header p[b-e4q7bit71a] {
    margin-top: 2px;
    color: var(--add-muted);
}

.date-input[b-e4q7bit71a] {
    width: 100%;
    min-height: 50px;
    margin-top: 11px;
    padding: 0 14px;
    color: var(--add-navy);
    background: #fff;
    border: 1px solid var(--add-border);
    border-radius: 11px;
}

.quick-date-buttons[b-e4q7bit71a] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 9px;
}

    .quick-date-buttons button[b-e4q7bit71a] {
        min-height: 40px;
        background: #fff;
        border: 1px solid var(--add-border);
        border-radius: 22px;
        font-weight: 700;
        cursor: pointer;
    }

.placement-field[b-e4q7bit71a] {
    display: grid;
    gap: 5px;
    margin-top: 12px;
}

    .placement-field span[b-e4q7bit71a],
    .placement-label[b-e4q7bit71a] {
        color: var(--add-muted);
        font-size: 0.9rem;
        font-weight: 700;
    }

    .placement-field select[b-e4q7bit71a] {
        min-height: 46px;
        padding: 0 12px;
        color: var(--add-navy);
        background: #fff;
        border: 1px solid var(--add-border);
        border-radius: 11px;
        font: inherit;
    }

.best-by[b-e4q7bit71a] {
    margin-top: 12px;
}

    .best-by small[b-e4q7bit71a] {
        display: block;
        margin-top: 5px;
        color: var(--add-muted);
    }

.best-by-value[b-e4q7bit71a] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    margin-top: 4px !important;
    font-size: 1.1rem;
}

.link-button[b-e4q7bit71a] {
    padding: 0;
    color: var(--add-blue) !important;
    background: none;
    border: 0;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

.quick-date-buttons .link-button[b-e4q7bit71a] {
    border: 0;
}

.stock-toggle[b-e4q7bit71a] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 11px;
    cursor: pointer;
}

    .stock-toggle input[b-e4q7bit71a] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.toggle-track[b-e4q7bit71a] {
    position: relative;
    width: 58px;
    height: 33px;
    flex: 0 0 auto;
    background: #b8c5cf;
    border-radius: 20px;
    transition: background 150ms ease;
}

    .toggle-track[b-e4q7bit71a]::after {
        position: absolute;
        top: 4px;
        left: 4px;
        width: 25px;
        height: 25px;
        content: "";
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
        transition: transform 150ms ease;
    }

.stock-toggle input:checked + .toggle-track[b-e4q7bit71a] {
    background: #347cae;
}

    .stock-toggle input:checked + .toggle-track[b-e4q7bit71a]::after {
        transform: translateX(25px);
    }

.reorder-row[b-e4q7bit71a] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 10px;
    color: var(--add-muted);
}

    .reorder-row input[b-e4q7bit71a] {
        width: 105px;
        min-height: 41px;
        padding: 0 11px;
        color: var(--add-navy);
        background: #fff;
        border: 1px solid var(--add-border);
        border-radius: 10px;
    }

.restock-more[b-e4q7bit71a] {
    display: block;
    margin-top: 10px;
    color: var(--add-muted);
}

.confirmation-actions[b-e4q7bit71a] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(330px, 2fr);
    gap: 14px;
}

    .confirmation-actions button[b-e4q7bit71a] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 17px;
        min-height: 86px;
        padding: 11px 21px;
        text-align: left;
        border-radius: 15px;
        cursor: pointer;
    }

.scan-another-button[b-e4q7bit71a] {
    color: #fff !important;
    background: linear-gradient(110deg, #2d72a0, #215e87);
    border: 0;
}

.finish-button[b-e4q7bit71a] {
    color: var(--add-navy);
    background: #fff;
    border: 1px solid var(--add-border);
}

.barcode-icon[b-e4q7bit71a] {
    font-size: 2.7rem;
}

.finish-icon[b-e4q7bit71a] {
    display: grid;
    place-items: center;
    width: 55px;
    height: 55px;
    color: #fff;
    background: #3e769b;
    border-radius: 50%;
    font-size: 1.75rem;
}

.action-copy[b-e4q7bit71a] {
    display: grid;
    gap: 3px;
}

    .action-copy strong[b-e4q7bit71a] {
        font-size: 1.35rem;
    }

    .action-copy small[b-e4q7bit71a] {
        font-size: 0.93rem;
    }

.addition-confirmation button:focus-visible[b-e4q7bit71a],
.addition-confirmation input:focus-visible[b-e4q7bit71a] {
    outline: 3px solid rgb(8 127 244 / 35%);
    outline-offset: 2px;
}

.addition-confirmation button:disabled[b-e4q7bit71a] {
    opacity: 0.65;
    cursor: wait;
}

@media (max-width: 1100px) {
    .match-banner[b-e4q7bit71a],
    .product-card[b-e4q7bit71a],
    .configuration-grid[b-e4q7bit71a],
    .confirmation-actions[b-e4q7bit71a] {
        grid-template-columns: 1fr;
    }

    .match-banner[b-e4q7bit71a] {
        grid-template-columns: auto 1fr;
    }

    .photo-placeholder[b-e4q7bit71a] {
        min-height: 215px;
    }
}

@media (max-width: 700px) {
    .detail-grid[b-e4q7bit71a],
    .amount-options[b-e4q7bit71a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .amount-card[b-e4q7bit71a],
    .option-card[b-e4q7bit71a] {
        padding: 14px;
    }

    .container-row[b-e4q7bit71a],
    .reorder-row[b-e4q7bit71a] {
        align-items: flex-start;
        flex-direction: column;
    }

    .quick-date-buttons[b-e4q7bit71a] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 430px) {
    .match-banner[b-e4q7bit71a] {
        padding: 16px;
    }

    .match-message[b-e4q7bit71a] {
        align-items: flex-start;
    }

    .match-icon[b-e4q7bit71a] {
        width: 42px;
        height: 42px;
        font-size: 1.75rem;
    }

    .product-header h2[b-e4q7bit71a] {
        font-size: 1.5rem;
    }

    .container-counter[b-e4q7bit71a] {
        grid-template-columns: 1fr auto auto auto;
    }
}

/* Product-detail editing state */

.detail-tile.editable[b-e4q7bit71a] {
    width: 100%;
    appearance: none;
    color: var(--add-navy);
    border: 1px solid var(--add-border);
    background: #ffffff;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .detail-tile.editable:hover:not(:disabled)[b-e4q7bit71a] {
        border-color: var(--add-blue);
        background: var(--add-blue-soft);
        box-shadow: 0 4px 14px rgba(0, 74, 124, 0.08);
    }

    .detail-tile.editable:focus-visible[b-e4q7bit71a] {
        outline: 3px solid rgba(46, 115, 159, 0.2);
        outline-offset: 2px;
    }

    .detail-tile.editable:disabled[b-e4q7bit71a] {
        cursor: wait;
        opacity: 0.7;
    }

/*
 * Override the browser's naturally small <small> text.
 * These sizes match the rest of the addition screen.
 */
.detail-copy small[b-e4q7bit71a] {
    color: var(--add-muted);
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.25;
}

.detail-copy strong[b-e4q7bit71a] {
    overflow: hidden;
    color: var(--add-navy);
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-tile .chevron[b-e4q7bit71a] {
    margin-left: auto;
    color: var(--add-muted);
    font-size: 2rem;
    line-height: 1;
}

.detail-status[b-e4q7bit71a] {
    display: block;
    width: fit-content;
    margin-top: 6px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
}

    .detail-status.pending[b-e4q7bit71a] {
        color: #7a4d00;
        background: #fff2cc;
        border: 1px solid #e8c66d;
    }

.missing-value[b-e4q7bit71a] {
    color: var(--add-muted);
    font-style: italic;
}

/* Detail editor modal */

.modal-backdrop[b-e4q7bit71a] {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
    background: rgba(7, 52, 90, 0.48);
}

.detail-editor[b-e4q7bit71a] {
    box-sizing: border-box;
    width: min(580px, 100%);
    max-height: calc(100dvh - 40px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 28px;
    color: var(--add-navy);
    border: 1px solid var(--add-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(8, 31, 48, 0.32);
    font-size: 1rem;
    line-height: 1.45;
}

    /* Matches the actual <header> inside .detail-editor. */

    .detail-editor > header[b-e4q7bit71a] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 24px;
    }

        .detail-editor > header > div[b-e4q7bit71a] {
            min-width: 0;
        }

        .detail-editor > header h2[b-e4q7bit71a] {
            margin: 0;
            color: var(--add-navy);
            font-size: 1.65rem;
            font-weight: 750;
            line-height: 1.2;
        }

        .detail-editor > header p[b-e4q7bit71a] {
            max-width: 44ch;
            margin: 8px 0 0;
            color: var(--add-muted);
            font-size: 1rem;
            line-height: 1.5;
        }

.close-button[b-e4q7bit71a] {
    display: grid;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    place-items: center;
    padding: 0;
    color: var(--add-navy);
    border: 1px solid var(--add-border);
    border-radius: 50%;
    background: #ffffff;
    font: inherit;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

    .close-button:hover:not(:disabled)[b-e4q7bit71a] {
        color: var(--add-blue-dark);
        border-color: var(--add-blue);
        background: var(--add-blue-soft);
    }

    .close-button:focus-visible[b-e4q7bit71a] {
        outline: 3px solid rgba(46, 115, 159, 0.2);
        outline-offset: 2px;
    }

    .close-button:disabled[b-e4q7bit71a] {
        cursor: wait;
        opacity: 0.65;
    }

/* Loading and error messages */

.editor-loading[b-e4q7bit71a] {
    margin: 0 0 20px;
    padding: 12px 14px;
    color: var(--add-muted);
    border-radius: 10px;
    background: var(--add-blue-soft);
    font-size: 1rem;
    line-height: 1.45;
}

.editor-error[b-e4q7bit71a] {
    margin: 0 0 20px;
    padding: 12px 14px;
    color: #8c1d1d;
    border: 1px solid #e7a3a3;
    border-radius: 10px;
    background: #fff0f0;
    font-size: 1rem;
    line-height: 1.45;
}

/* Field labels and controls */

.editor-field[b-e4q7bit71a] {
    display: grid;
    gap: 8px;
    min-width: 0;
    color: var(--add-navy);
}

    .editor-field > span[b-e4q7bit71a] {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.3;
    }

    .editor-field input[b-e4q7bit71a],
    .editor-field select[b-e4q7bit71a] {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        min-height: 48px;
        padding: 10px 13px;
        color: var(--add-navy);
        border: 1px solid var(--add-border);
        border-radius: 10px;
        background: #ffffff;
        font: inherit;
        font-size: 1rem;
        line-height: 1.3;
    }

        .editor-field input:hover:not(:disabled)[b-e4q7bit71a],
        .editor-field select:hover:not(:disabled)[b-e4q7bit71a] {
            border-color: var(--add-blue);
        }

        .editor-field input:focus[b-e4q7bit71a],
        .editor-field select:focus[b-e4q7bit71a] {
            border-color: var(--add-blue);
            outline: 3px solid rgba(46, 115, 159, 0.16);
        }

        .editor-field input:disabled[b-e4q7bit71a],
        .editor-field select:disabled[b-e4q7bit71a] {
            cursor: wait;
            opacity: 0.7;
        }

/* Quantity and unit are shown together for size corrections. */

.size-fields[b-e4q7bit71a] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 14px;
}

/* Approval explanation */

.approval-notice[b-e4q7bit71a] {
    margin-top: 20px;
    padding: 13px 15px;
    color: #5f4a13;
    border: 1px solid #ead493;
    border-radius: 10px;
    background: #fff8df;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Matches the actual <footer> inside .detail-editor. */

.detail-editor > footer[b-e4q7bit71a] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
}

    .detail-editor > footer button[b-e4q7bit71a] {
        min-height: 48px;
        padding: 11px 20px;
        border-radius: 10px;
        font: inherit;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.2;
        cursor: pointer;
    }

        .detail-editor > footer button:disabled[b-e4q7bit71a] {
            cursor: wait;
            opacity: 0.65;
        }

    .detail-editor > footer .secondary-button[b-e4q7bit71a] {
        color: var(--add-navy);
        border: 1px solid var(--add-border);
        background: #ffffff;
    }

        .detail-editor > footer .secondary-button:hover:not(:disabled)[b-e4q7bit71a] {
            border-color: var(--add-blue);
            background: var(--add-blue-soft);
        }

    .detail-editor > footer .primary-button[b-e4q7bit71a] {
        color: #ffffff;
        border: 1px solid var(--add-blue);
        background: var(--add-blue);
    }

        .detail-editor > footer .primary-button:hover:not(:disabled)[b-e4q7bit71a] {
            border-color: var(--add-blue-dark);
            background: var(--add-blue-dark);
        }

    .detail-editor > footer button:focus-visible[b-e4q7bit71a] {
        outline: 3px solid rgba(46, 115, 159, 0.2);
        outline-offset: 2px;
    }

@media (max-width: 560px) {
    .modal-backdrop[b-e4q7bit71a] {
        place-items: end center;
        padding: 0;
    }

    .detail-editor[b-e4q7bit71a] {
        width: 100%;
        max-height: min(88dvh, 760px);
        padding: 22px 18px;
        border-radius: 18px 18px 0 0;
    }

        .detail-editor > header h2[b-e4q7bit71a] {
            font-size: 1.45rem;
        }

    .detail-editor > footer[b-e4q7bit71a] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

        .detail-editor > footer button[b-e4q7bit71a] {
            width: 100%;
        }
}
/* /Features/Inventory/Addition/PackageQuestion.razor.rz.scp.css */
.package-question[b-udu7syewwz] {
    display: grid;
    gap: 10px;
    padding: 16px 18px;
    border: 1px solid var(--add-border, #dce3e8);
    border-radius: 14px;
    background: #ffffff;
}

    .package-question h2[b-udu7syewwz] {
        margin: 0;
        color: var(--add-navy, #07345a);
        font-size: 1.15rem;
        font-weight: 700;
    }

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

.package-choice[b-udu7syewwz] {
    display: grid;
    justify-items: center;
    gap: 3px;
    min-width: 0;
    padding: 12px 10px;
    color: var(--add-navy, #07345a);
    border: 1px solid var(--add-border, #dce3e8);
    border-radius: 12px;
    background: #ffffff;
    font: inherit;
    text-align: center;
    cursor: pointer;
}

    .package-choice:hover:not(:disabled)[b-udu7syewwz] {
        border-color: var(--add-blue, #2e739f);
    }

    .package-choice:focus-visible[b-udu7syewwz] {
        outline: 3px solid rgba(46, 115, 159, 0.25);
        outline-offset: 2px;
    }

    .package-choice.selected[b-udu7syewwz] {
        border: 2px solid var(--add-blue, #2e739f);
        background: var(--add-blue-soft, #eef7fd);
    }

    .package-choice.locked[b-udu7syewwz] {
        cursor: not-allowed;
        opacity: 0.45;
    }

    .package-choice strong[b-udu7syewwz] {
        font-size: 0.98rem;
    }

    .package-choice small[b-udu7syewwz] {
        color: var(--add-muted, #496a8b);
        font-size: 0.82rem;
    }

.choice-picture[b-udu7syewwz] {
    display: flex;
    height: 46px;
    align-items: center;
    color: var(--add-blue, #2e739f);
}

    .choice-picture[b-udu7syewwz]  svg {
        height: 42px;
        width: auto;
    }

.question-note[b-udu7syewwz] {
    margin: 0;
    color: var(--add-muted, #496a8b);
    font-size: 0.9rem;
}

@media (max-width: 560px) {
    .package-choices[b-udu7syewwz] {
        grid-template-columns: 1fr;
    }

    .package-choice[b-udu7syewwz] {
        grid-template-columns: 70px minmax(0, 1fr);
        justify-items: start;
        text-align: left;
    }

        .package-choice .choice-picture[b-udu7syewwz] {
            grid-row: span 2;
        }
}
/* /Features/Inventory/Addition/PackBuilder.razor.rz.scp.css */
.pack-builder[b-3656165250] {
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--add-border, #dce3e8);
    color: var(--add-navy, #07345a);
}

    .pack-builder button[b-3656165250],
    .pack-builder input[b-3656165250],
    .kind-sheet button[b-3656165250],
    .kind-sheet input[b-3656165250],
    .kind-sheet select[b-3656165250] {
        font: inherit;
    }

.box-count[b-3656165250] {
    display: grid;
    justify-items: start;
    gap: 10px;
}

    .box-count h3[b-3656165250] {
        margin: 0;
        font-size: 1.1rem;
    }

.count-stepper[b-3656165250] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-variant-numeric: tabular-nums;
}

    .count-stepper button[b-3656165250] {
        width: 32px;
        height: 32px;
        border: 1px solid var(--add-border, #dce3e8);
        border-radius: 8px;
        background: #ffffff;
        color: var(--add-navy, #07345a);
        cursor: pointer;
    }

        .count-stepper button:disabled[b-3656165250] {
            cursor: default;
            opacity: 0.45;
        }

    .count-stepper b[b-3656165250] {
        min-width: 28px;
        text-align: center;
    }

    .count-stepper.large button[b-3656165250] {
        width: 44px;
        height: 44px;
        font-size: 1.3rem;
    }

    .count-stepper.large input[b-3656165250] {
        width: 96px;
        height: 44px;
        border: 1px solid var(--add-border, #dce3e8);
        border-radius: 10px;
        text-align: center;
        font-size: 1.4rem;
        font-weight: 700;
    }

.pack-primary[b-3656165250] {
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid var(--add-blue, #2e739f);
    border-radius: 10px;
    background: var(--add-blue, #2e739f);
    color: #ffffff;
    font-weight: 700;
    cursor: pointer;
}

.pack-link[b-3656165250] {
    justify-self: start;
    padding: 0;
    border: 0;
    background: none;
    color: var(--add-blue, #2e739f);
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

.pack-progress[b-3656165250] {
    display: grid;
    gap: 6px;
}

.progress-bar[b-3656165250] {
    height: 8px;
    overflow: hidden;
    border: 1px solid var(--add-border, #dce3e8);
    border-radius: 4px;
    background: #f6f8fa;
}

    .progress-bar > div[b-3656165250] {
        height: 100%;
        background: var(--add-blue, #2e739f);
    }

    .progress-bar.complete > div[b-3656165250] {
        background: var(--add-green, #43955c);
    }

    .progress-bar.over > div[b-3656165250] {
        background: var(--add-orange, #cb7a38);
    }

.progress-line[b-3656165250] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.progress-text[b-3656165250] {
    color: var(--add-muted, #496a8b);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

    .progress-text.complete[b-3656165250] {
        color: var(--add-green, #43955c);
    }

    .progress-text.over[b-3656165250] {
        color: var(--add-orange, #cb7a38);
    }

.pending-chip[b-3656165250] {
    padding: 3px 9px;
    border-radius: 999px;
    background: #fff4dc;
    color: #7a4d00;
    font-size: 0.8rem;
    font-weight: 700;
}

.pack-rows[b-3656165250] {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pack-row[b-3656165250] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    padding: 8px 6px;
    border-bottom: 1px solid var(--add-border, #dce3e8);
    border-radius: 0;
}

    .pack-row.highlight[b-3656165250] {
        border-radius: 10px;
        background: var(--add-blue-soft, #eef7fd);
    }

.thumb-button[b-3656165250] {
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.row-copy[b-3656165250] {
    display: grid;
    min-width: 0;
}

    .row-copy strong[b-3656165250] {
        overflow-wrap: anywhere;
    }

    .row-copy small[b-3656165250] {
        color: var(--add-muted, #496a8b);
        font-size: 0.82rem;
    }

        .row-copy small.row-new[b-3656165250] {
            color: var(--add-orange, #cb7a38);
        }

.row-count[b-3656165250] {
    font-variant-numeric: tabular-nums;
}

.row-remove[b-3656165250] {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: none;
    color: var(--add-muted, #496a8b);
    font-size: 1.2rem;
    cursor: pointer;
}

.pack-scan[b-3656165250] {
    display: grid;
    gap: 8px;
}

    .pack-scan label[b-3656165250] {
        font-weight: 700;
    }

.scan-line[b-3656165250] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

    .scan-line input[b-3656165250] {
        min-height: 44px;
        padding: 8px 12px;
        border: 1px solid var(--add-border, #dce3e8);
        border-radius: 10px;
    }

    .scan-line button[b-3656165250] {
        min-width: 80px;
        border: 1px solid var(--add-blue, #2e739f);
        border-radius: 10px;
        background: #ffffff;
        color: var(--add-blue, #2e739f);
        font-weight: 700;
        cursor: pointer;
    }

.pack-hint[b-3656165250] {
    margin: 0;
    color: var(--add-muted, #496a8b);
    font-size: 0.9rem;
}

.pack-notice[b-3656165250] {
    margin: 0;
    color: var(--add-green, #43955c);
    font-size: 0.92rem;
}

.pack-error[b-3656165250] {
    margin: 0;
    color: #b42318;
    font-size: 0.92rem;
}

/* The new-kind sheet */

.modal-backdrop[b-3656165250] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(7, 26, 43, 0.45);
}

.kind-sheet[b-3656165250] {
    display: grid;
    gap: 14px;
    width: min(460px, 100%);
    max-height: min(90dvh, 760px);
    overflow-y: auto;
    padding: 22px;
    border-radius: 16px;
    background: #ffffff;
    color: var(--add-navy, #07345a);
}

    .kind-sheet > header[b-3656165250] {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 12px;
    }

        .kind-sheet > header h2[b-3656165250] {
            margin: 0;
            font-size: 1.25rem;
        }

.sheet-close[b-3656165250] {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: #f1f4f7;
    color: var(--add-navy, #07345a);
    font-size: 1.3rem;
    cursor: pointer;
}

.photo-pick[b-3656165250] {
    position: relative;
    display: grid;
    place-items: center;
    gap: 4px;
    min-height: 170px;
    padding: 14px;
    overflow: hidden;
    border: 2px dashed #c3d7e8;
    border-radius: 14px;
    background: #f6f8fa;
    color: var(--add-muted, #496a8b);
    text-align: center;
    cursor: pointer;
}

    .photo-pick img[b-3656165250] {
        max-height: 200px;
        border-radius: 10px;
    }

    .photo-pick strong[b-3656165250] {
        color: var(--add-navy, #07345a);
    }

.photo-pick-icon[b-3656165250] {
    font-size: 2.2rem;
}

.photo-pick[b-3656165250]  .photo-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.sheet-field[b-3656165250] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

    .sheet-field span[b-3656165250] {
        font-weight: 700;
    }

    .sheet-field input[b-3656165250],
    .sheet-field select[b-3656165250] {
        min-height: 44px;
        padding: 8px 12px;
        border: 1px solid var(--add-border, #dce3e8);
        border-radius: 10px;
        background: #ffffff;
    }

.same-brand[b-3656165250] {
    display: flex;
    align-items: start;
    gap: 10px;
    font-weight: 700;
    cursor: pointer;
}

    .same-brand input[b-3656165250] {
        width: 18px;
        height: 18px;
        margin-top: 2px;
        flex: none;
    }

    .same-brand small[b-3656165250] {
        color: var(--add-muted, #496a8b);
        font-weight: 400;
    }

.sheet-pair[b-3656165250] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 12px;
}

.more-details[b-3656165250] {
    display: grid;
    gap: 12px;
}

    .more-details summary[b-3656165250] {
        color: var(--add-blue, #2e739f);
        font-weight: 700;
        cursor: pointer;
    }

    .more-details[open][b-3656165250] {
        display: grid;
        gap: 12px;
    }

.kind-sheet > footer[b-3656165250] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 560px) {
    .modal-backdrop[b-3656165250] {
        place-items: end center;
        padding: 0;
    }

    .kind-sheet[b-3656165250] {
        width: 100%;
        border-radius: 18px 18px 0 0;
    }

    .pack-row[b-3656165250] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

        .pack-row .count-stepper[b-3656165250] {
            grid-column: 2 / span 2;
        }
}
/* /Features/Inventory/Discarding/InventoryDiscard.razor.rz.scp.css */
.inventory-discard-page[b-8i2u3tsrnf] {
    max-width: 760px;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
    color: #172b24;
}

.page-header[b-8i2u3tsrnf] {
    margin-bottom: 1.5rem;
}

    .page-header a[b-8i2u3tsrnf] {
        color: #25634c;
        text-underline-offset: 3px;
    }

    .page-header h1[b-8i2u3tsrnf] {
        margin: 1rem 0 0.5rem;
        font-size: clamp(1.8rem, 4vw, 2.5rem);
    }

    .page-header p[b-8i2u3tsrnf],
    .help-text[b-8i2u3tsrnf],
    .field small[b-8i2u3tsrnf] {
        color: #53675e;
        line-height: 1.5;
    }

.inventory-card[b-8i2u3tsrnf] {
    padding: 1.75rem;
    background: #fff;
    border: 1px solid #d9e3dd;
    border-radius: 16px;
    box-shadow: 0 6px 24px rgb(23 43 36 / 5%);
}

    .inventory-card h2[b-8i2u3tsrnf] {
        margin: 0 0 1.5rem;
        font-size: 1.4rem;
    }

fieldset[b-8i2u3tsrnf] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.field[b-8i2u3tsrnf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

    .field label[b-8i2u3tsrnf] {
        font-weight: 600;
    }

    .field input[b-8i2u3tsrnf],
    .field[b-8i2u3tsrnf]  input,
    .field[b-8i2u3tsrnf]  select {
        box-sizing: border-box;
        width: 100%;
        min-height: 48px;
        padding: 0.7rem 0.85rem;
        border: 1px solid #aebfb4;
        border-radius: 8px;
        background: #fff;
        color: #172b24;
        font: inherit;
        font-size: 1rem;
    }

.help-text[b-8i2u3tsrnf] {
    margin: 1.25rem 0 0;
    font-size: 0.9rem;
}

.primary-button[b-8i2u3tsrnf],
.secondary-button[b-8i2u3tsrnf],
.danger-button[b-8i2u3tsrnf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 48px;
    padding: 0.75rem 1.15rem;
    border: 1px solid;
    border-radius: 8px;
    font: inherit;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.primary-button[b-8i2u3tsrnf] {
    border-color: #25634c;
    background: #25634c;
    color: #fff;
}

.secondary-button[b-8i2u3tsrnf] {
    border-color: #25634c;
    background: #fff;
    color: #25634c;
}

.danger-button[b-8i2u3tsrnf] {
    border-color: #9b2c2c;
    background: #9b2c2c;
    color: #fff;
}

    .danger-button:hover:not(:disabled)[b-8i2u3tsrnf] {
        background: #7f2424;
    }

button:disabled[b-8i2u3tsrnf],
fieldset:disabled[b-8i2u3tsrnf] {
    opacity: 0.65;
}

button:disabled[b-8i2u3tsrnf] {
    cursor: wait;
}

.message[b-8i2u3tsrnf] {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid;
    border-radius: 10px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.success-message[b-8i2u3tsrnf] {
    color: #195339;
    background: #edf8f0;
    border-color: #acd3b7;
}

.error-message[b-8i2u3tsrnf] {
    color: #892525;
    background: #fff2f2;
    border-color: #e5b7b7;
}

.confirmation-details[b-8i2u3tsrnf] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.65rem 1.25rem;
    margin-bottom: 1.5rem;
}

    .confirmation-details dt[b-8i2u3tsrnf] {
        color: #53675e;
    }

    .confirmation-details dd[b-8i2u3tsrnf] {
        margin: 0;
        font-weight: 600;
    }

.actions[b-8i2u3tsrnf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

input:focus-visible[b-8i2u3tsrnf],
button:focus-visible[b-8i2u3tsrnf],
a:focus-visible[b-8i2u3tsrnf],
[b-8i2u3tsrnf] input:focus-visible,
[b-8i2u3tsrnf] select:focus-visible {
    outline: 3px solid #4d9075;
    outline-offset: 3px;
}

[b-8i2u3tsrnf] .validation-errors {
    color: #892525;
    padding-left: 1.25rem;
}

[b-8i2u3tsrnf] .invalid {
    border-color: #b43a3a;
}

@media (max-width: 480px) {
    .inventory-discard-page[b-8i2u3tsrnf] {
        padding: 1rem 0.75rem 2rem;
    }

    .inventory-card[b-8i2u3tsrnf] {
        padding: 1.1rem;
    }

    .confirmation-details[b-8i2u3tsrnf] {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

        .confirmation-details dd[b-8i2u3tsrnf] {
            margin-bottom: 0.65rem;
        }

    .actions[b-8i2u3tsrnf] {
        flex-direction: column;
    }

        .actions a[b-8i2u3tsrnf],
        .actions button[b-8i2u3tsrnf] {
            width: 100%;
        }
}
/* /Features/Inventory/Pending/NeedsALook.razor.rz.scp.css */
.needs-a-look-page[b-ajxlha08md] {
    max-width: 860px;
    padding: 0 0 2rem;
    color: #07345a;
}

.page-header[b-ajxlha08md] {
    margin-bottom: 1.25rem;
}

    .page-header a[b-ajxlha08md] {
        color: #25634c;
        text-underline-offset: 3px;
    }

    .page-header h1[b-ajxlha08md] {
        margin: 1rem 0 0.5rem;
        font-size: clamp(1.8rem, 4vw, 2.5rem);
    }

    .page-header p[b-ajxlha08md],
    .card > p[b-ajxlha08md],
    .section-header p[b-ajxlha08md] {
        margin: 0 0 1rem;
        color: #53675e;
        line-height: 1.5;
    }

.card[b-ajxlha08md] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    border: 1px solid #d9e3dd;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 6px 24px rgb(23 43 36 / 5%);
}

    .card h2[b-ajxlha08md] {
        margin: 0 0 0.4rem;
        font-size: 1.3rem;
    }

.section-header[b-ajxlha08md] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.scan-list[b-ajxlha08md] {
    display: grid;
    margin: 0;
    padding: 0;
    gap: 0.6rem;
    list-style: none;
}

.scan-row[b-ajxlha08md] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid #e3ebe6;
    border-radius: 12px;
    background: #f8fbf9;
}

.scan-details[b-ajxlha08md] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
}

    .scan-details strong[b-ajxlha08md] {
        font-size: 1rem;
    }

    .scan-details span[b-ajxlha08md] {
        color: #33493f;
    }

    .scan-details small[b-ajxlha08md] {
        color: #6a7d74;
    }

.scan-actions[b-ajxlha08md] {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.5rem;
}

.primary-button[b-ajxlha08md],
.secondary-button[b-ajxlha08md],
.text-button[b-ajxlha08md],
.primary-link[b-ajxlha08md] {
    min-height: 2.5rem;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.primary-button[b-ajxlha08md],
.primary-link[b-ajxlha08md] {
    display: inline-flex;
    align-items: center;
    border: 1px solid #25634c;
    background: #25634c;
    color: #fff;
    text-decoration: none;
}

.secondary-button[b-ajxlha08md] {
    border: 1px solid #a9bbb0;
    background: #fff;
    color: #25634c;
}

.text-button[b-ajxlha08md] {
    padding: 0.5rem;
    border: 0;
    background: none;
    color: #6a7d74;
    text-decoration: underline;
    text-underline-offset: 3px;
}

    .primary-button:disabled[b-ajxlha08md],
    .secondary-button:disabled[b-ajxlha08md],
    .text-button:disabled[b-ajxlha08md] {
        opacity: 0.6;
        cursor: wait;
    }

.message[b-ajxlha08md] {
    margin-bottom: 1rem;
    padding: 0.8rem 1rem;
    border-radius: 10px;
}

.success-message[b-ajxlha08md] {
    border: 1px solid #b9d8c4;
    background: #eef7f1;
    color: #1f5138;
}

.error-message[b-ajxlha08md] {
    border: 1px solid #e3c0c0;
    background: #fbefef;
    color: #783b3b;
}

.empty p[b-ajxlha08md] {
    margin-bottom: 1rem;
}

@media (max-width: 640px) {
    .scan-row[b-ajxlha08md],
    .section-header[b-ajxlha08md] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/Inventory/Usage/FinishPackPanel.razor.rz.scp.css */
.finish-backdrop[b-ky3vbc5h5n] {
    position: fixed;
    inset: 0;
    z-index: 900;
    background: rgb(23 43 36 / 45%);
}

.finish-dialog[b-ky3vbc5h5n] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 901;
    box-sizing: border-box;
    width: min(500px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    padding: 1.5rem;
    overflow-y: auto;
    border-radius: 18px;
    background: #fff;
    color: #172b24;
    box-shadow: 0 24px 60px rgb(23 43 36 / 25%);
    transform: translate(-50%, -50%);
}

    .finish-dialog h2[b-ky3vbc5h5n] {
        margin: 0 0 0.5rem;
        font-size: 1.3rem;
        line-height: 1.3;
    }

    .finish-dialog p[b-ky3vbc5h5n] {
        margin: 0 0 0.75rem;
        line-height: 1.5;
    }

.finish-lines[b-ky3vbc5h5n] {
    display: grid;
    gap: 0.4rem;
    margin: 0 0 0.75rem;
    padding: 0;
    list-style: none;
}

    .finish-lines li[b-ky3vbc5h5n] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.55rem 0.8rem;
        border: 1px solid #e2e9e5;
        border-radius: 10px;
    }

    .finish-lines.removed strong[b-ky3vbc5h5n] {
        color: #25634c;
        font-variant-numeric: tabular-nums;
    }

.stepper[b-ky3vbc5h5n] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 0.3rem;
}

    .stepper button[b-ky3vbc5h5n] {
        width: 40px;
        height: 40px;
        border: 1px solid #c9d7cf;
        border-radius: 8px;
        background: #fff;
        color: #172b24;
        font: inherit;
        font-size: 1.2rem;
        cursor: pointer;
    }

        .stepper button:hover[b-ky3vbc5h5n] {
            background: #f0f6f2;
        }

    .stepper input[b-ky3vbc5h5n] {
        box-sizing: border-box;
        width: 4rem;
        height: 40px;
        border: 1px solid #aebfb4;
        border-radius: 8px;
        font: inherit;
        text-align: center;
    }

.help-text[b-ky3vbc5h5n] {
    color: #53675e;
    font-size: 0.9rem;
}

.finish-actions[b-ky3vbc5h5n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.primary-button[b-ky3vbc5h5n],
.secondary-button[b-ky3vbc5h5n],
.text-button[b-ky3vbc5h5n] {
    min-height: 50px;
    border-radius: 10px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.primary-button[b-ky3vbc5h5n] {
    border: 0;
    background: #25634c;
    color: #fff;
}

    .primary-button:hover[b-ky3vbc5h5n] {
        background: #1b4c39;
    }

.secondary-button[b-ky3vbc5h5n] {
    border: 1px solid #25634c;
    background: #fff;
    color: #25634c;
}

    .secondary-button:hover[b-ky3vbc5h5n] {
        background: #f0f6f2;
    }

.text-button[b-ky3vbc5h5n] {
    grid-column: 1 / -1;
    min-height: 44px;
    border: 0;
    background: transparent;
    color: #53675e;
}

button:disabled[b-ky3vbc5h5n] {
    opacity: 0.6;
    cursor: not-allowed;
}

button:focus-visible[b-ky3vbc5h5n],
input:focus-visible[b-ky3vbc5h5n] {
    outline: 3px solid #4d9075;
    outline-offset: 2px;
}

.message[b-ky3vbc5h5n] {
    margin: 0 0 0.75rem;
    padding: 0.8rem 1rem;
    border-radius: 10px;
    line-height: 1.5;
}

.error-message[b-ky3vbc5h5n] {
    border: 1px solid #dda9a9;
    background: #fff1f1;
    color: #812c2c;
}

@media (max-width: 600px) {
    .finish-dialog[b-ky3vbc5h5n] {
        top: auto;
        bottom: 0;
        width: 100vw;
        max-height: 92vh;
        padding: 1.25rem 1rem;
        border-radius: 18px 18px 0 0;
        transform: translate(-50%, 0);
    }

    .finish-lines li[b-ky3vbc5h5n] {
        flex-wrap: wrap;
    }
}
/* /Features/Inventory/Viewing/Inventory.razor.rz.scp.css */
.inventory-page[b-kepxnbmrj3] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
    color: #172b24;
}

.page-header[b-kepxnbmrj3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

    .page-header > div > a[b-kepxnbmrj3] {
        color: #25634c;
        text-underline-offset: 3px;
    }

    .page-header h1[b-kepxnbmrj3] {
        margin: 1rem 0 0.5rem;
        font-size: clamp(1.8rem, 4vw, 2.5rem);
    }

    .page-header p[b-kepxnbmrj3] {
        margin: 0;
        color: #53675e;
        line-height: 1.5;
    }

.inventory-panel[b-kepxnbmrj3] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #d9e3dd;
    border-radius: 16px;
    box-shadow: 0 6px 24px rgb(23 43 36 / 5%);
}

/* Search first and largest, like a store's produce lookup. */
.filters[b-kepxnbmrj3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 1.5rem 1.5rem 0.75rem;
}

.search-field[b-kepxnbmrj3] {
    flex: 3 1 320px;
    min-width: 0;
}

.location-field[b-kepxnbmrj3] {
    flex: 1 1 180px;
    min-width: 0;
}

.search-field input[b-kepxnbmrj3],
.location-field select[b-kepxnbmrj3] {
    box-sizing: border-box;
    width: 100%;
    min-height: 52px;
    padding: 0.7rem 0.95rem;
    border: 1px solid #aebfb4;
    border-radius: 10px;
    background: #fff;
    color: #172b24;
    font: inherit;
    font-size: 1rem;
}

.search-field input[b-kepxnbmrj3] {
    font-size: 1.15rem;
}

.area-chips[b-kepxnbmrj3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0 1.5rem 1rem;
}

.chip[b-kepxnbmrj3] {
    padding: 0.45rem 0.9rem;
    border: 1px solid #c9d7cf;
    border-radius: 999px;
    background: #fff;
    color: #172b24;
    font: inherit;
    font-size: 0.92rem;
    cursor: pointer;
}

    .chip:hover[b-kepxnbmrj3] {
        background: #f0f6f2;
    }

    .chip.selected[b-kepxnbmrj3] {
        border-color: #25634c;
        background: #25634c;
        color: #fff;
    }

.primary-button[b-kepxnbmrj3],
.secondary-button[b-kepxnbmrj3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 48px;
    padding: 0.75rem 1.15rem;
    border: 1px solid #25634c;
    border-radius: 8px;
    font: inherit;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
}

.primary-button[b-kepxnbmrj3] {
    background: #25634c;
    color: #fff;
}

    .primary-button:hover[b-kepxnbmrj3] {
        background: #1b4c39;
    }

.secondary-button[b-kepxnbmrj3] {
    background: #fff;
    color: #25634c;
}

    .secondary-button:hover[b-kepxnbmrj3] {
        background: #f0f6f2;
    }

.refresh-button[b-kepxnbmrj3] {
    flex-shrink: 0;
}

input:focus-visible[b-kepxnbmrj3],
select:focus-visible[b-kepxnbmrj3],
button:focus-visible[b-kepxnbmrj3],
a:focus-visible[b-kepxnbmrj3] {
    outline: 3px solid #4d9075;
    outline-offset: 3px;
}

/* The tiles. */
.tiles[b-kepxnbmrj3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
    gap: 1rem;
    margin: 0;
    padding: 0.5rem 1.5rem 1.5rem;
    list-style: none;
}

.tile[b-kepxnbmrj3] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    border: 1px solid #d9e3dd;
    border-radius: 14px;
    background: #fff;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

    .tile:hover[b-kepxnbmrj3] {
        border-color: #25634c;
        box-shadow: 0 6px 18px rgb(23 43 36 / 10%);
        transform: translateY(-1px);
    }

.tile-picture[b-kepxnbmrj3] {
    position: relative;
    display: grid;
    place-items: center;
    height: var(--tile-picture-height, 130px);
    overflow: hidden;
    background: #f3f7f4;
}

    .tile-picture img[b-kepxnbmrj3] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.initial[b-kepxnbmrj3] {
    color: #25634c;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
}

.tile-slot[b-kepxnbmrj3] {
    position: relative;
}

/* An AI drawing is never passed off as a photo. */
.ai-chip[b-kepxnbmrj3] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: rgba(7, 52, 90, 0.82);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
}

/* Sits over the bottom of the tile's picture, beside the tile button. */
.real-photo-link[b-kepxnbmrj3] {
    position: absolute;
    top: calc(var(--tile-picture-height, 130px) - 2rem);
    left: 0.5rem;
    padding: 0.2rem 0.55rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #087aec;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

    .real-photo-link:hover:not(:disabled)[b-kepxnbmrj3] {
        text-decoration: underline;
    }

    .real-photo-link:disabled[b-kepxnbmrj3] {
        cursor: default;
        opacity: 0.6;
    }

.add-photo[b-kepxnbmrj3] {
    position: absolute;
    bottom: 0.45rem;
    left: 0.6rem;
    color: #53675e;
    font-size: 0.8rem;
}

.badge[b-kepxnbmrj3] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: #fff2f2;
    color: #a3262a;
    font-size: 0.78rem;
    font-weight: 700;
}

.tile-name[b-kepxnbmrj3] {
    display: -webkit-box;
    min-height: 2.7em;
    margin: 0.7rem 0.8rem 0.4rem;
    overflow: hidden;
    font-weight: 600;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.tile-amount[b-kepxnbmrj3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: auto 0.8rem 0.8rem;
}

    .tile-amount strong[b-kepxnbmrj3] {
        color: #25634c;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
    }

.bar[b-kepxnbmrj3] {
    flex: 1;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e9e5;
}

    .bar > span[b-kepxnbmrj3] {
        display: block;
        height: 100%;
        border-radius: 999px;
        background: #e07b2e;
    }

/* A variety pack's kinds together, across the whole row. */
.pack-group[b-kepxnbmrj3] {
    grid-column: 1 / -1;
    padding: 1rem;
    border: 1px solid #d9e3dd;
    border-radius: 14px;
    background: #f8fbf9;
}

.pack-header[b-kepxnbmrj3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 0.75rem;
}

    .pack-header > div[b-kepxnbmrj3] {
        flex: 1 1 260px;
        min-width: 0;
    }

    .pack-header h2[b-kepxnbmrj3] {
        margin: 0 0 0.4rem;
        font-size: 1.1rem;
        line-height: 1.35;
    }

    .pack-header .tile-amount[b-kepxnbmrj3] {
        margin: 0;
        max-width: 420px;
    }

.pack-contents[b-kepxnbmrj3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .pack-contents li[b-kepxnbmrj3] {
        display: flex;
        gap: 0.4rem;
    }

.pack-item[b-kepxnbmrj3] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
    min-height: 48px;
    padding: 0.5rem 0.8rem;
    border: 1px solid #d9e3dd;
    border-radius: 10px;
    background: #fff;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .pack-item:hover[b-kepxnbmrj3] {
        border-color: #25634c;
    }

    .pack-item span[b-kepxnbmrj3] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pack-item strong[b-kepxnbmrj3] {
        color: #25634c;
        font-variant-numeric: tabular-nums;
    }

.take-one[b-kepxnbmrj3] {
    flex-shrink: 0;
    width: 52px;
    min-height: 48px;
    border: 1px solid #25634c;
    border-radius: 10px;
    background: #fff;
    color: #25634c;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

    .take-one:hover[b-kepxnbmrj3] {
        background: #f0f6f2;
    }

.pack-group button:disabled[b-kepxnbmrj3] {
    opacity: 0.6;
    cursor: not-allowed;
}

.inventory-note[b-kepxnbmrj3] {
    margin: 0;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid #e2e9e5;
    color: #53675e;
    font-size: 0.9rem;
    line-height: 1.5;
}

.empty-state[b-kepxnbmrj3] {
    padding: 3rem 1.5rem;
    text-align: center;
}

    .empty-state h2[b-kepxnbmrj3] {
        margin: 0 0 0.75rem;
        font-size: 1.35rem;
    }

    .empty-state p[b-kepxnbmrj3] {
        margin: 0 auto 1.5rem;
        max-width: 440px;
        color: #53675e;
        line-height: 1.5;
    }

.error-message[b-kepxnbmrj3],
.success-message[b-kepxnbmrj3] {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 10px;
    line-height: 1.5;
}

.error-message[b-kepxnbmrj3] {
    border: 1px solid #e5b7b7;
    color: #892525;
    background: #fff2f2;
}

.success-message[b-kepxnbmrj3] {
    border: 1px solid #91c5a2;
    color: #205235;
    background: #edf8f0;
}

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

@media (max-width: 600px) {
    .inventory-page[b-kepxnbmrj3] {
        padding: 1rem 0.75rem 2rem;
    }

    .page-header > .primary-button[b-kepxnbmrj3] {
        width: 100%;
    }

    .filters[b-kepxnbmrj3] {
        padding: 1rem 1rem 0.75rem;
    }

    .search-field[b-kepxnbmrj3],
    .location-field[b-kepxnbmrj3] {
        flex-basis: 100%;
    }

    .refresh-button[b-kepxnbmrj3] {
        width: 100%;
    }

    .area-chips[b-kepxnbmrj3] {
        padding: 0 1rem 0.75rem;
    }

    .tiles[b-kepxnbmrj3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
        padding: 0.5rem 1rem 1rem;
    }

    .tiles[b-kepxnbmrj3] {
        --tile-picture-height: 110px;
    }

    .pack-group[b-kepxnbmrj3] {
        padding: 0.75rem;
    }

    .pack-header .secondary-button[b-kepxnbmrj3] {
        width: 100%;
    }

    .pack-contents[b-kepxnbmrj3] {
        grid-template-columns: 1fr;
    }

    .inventory-note[b-kepxnbmrj3] {
        padding: 1rem;
    }
}

/* Unknown barcodes scanned but not yet identified. */
.pending-panel[b-kepxnbmrj3] {
    margin-bottom: 1.25rem;
    padding: 1rem 1.25rem;
    border: 1px dashed #9db7c9;
    border-radius: 14px;
    background: #f3f8fb;
}

    .pending-panel header[b-kepxnbmrj3] {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: space-between;
        gap: 0.5rem;
    }

    .pending-panel h2[b-kepxnbmrj3] {
        margin: 0;
        font-size: 1.05rem;
    }

    .pending-panel ul[b-kepxnbmrj3] {
        display: grid;
        margin: 0.75rem 0 0;
        padding: 0;
        gap: 0.35rem;
        list-style: none;
    }

    .pending-panel li[b-kepxnbmrj3] {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto;
        gap: 0.75rem;
    }

.pending-status[b-kepxnbmrj3] {
    color: #4f6b80;
    font-style: italic;
}

@media (max-width: 640px) {
    .pending-panel li[b-kepxnbmrj3] {
        grid-template-columns: 1fr;
        gap: 0.1rem;
        padding-bottom: 0.4rem;
        border-bottom: 1px solid #dde8ef;
    }
}
/* /Features/Inventory/Viewing/InventoryItemPanel.razor.rz.scp.css */
.item-backdrop[b-qy5i66vk8x] {
    position: fixed;
    inset: 0;
    z-index: 900;
    background: rgb(23 43 36 / 45%);
}

.item-dialog[b-qy5i66vk8x] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 901;
    box-sizing: border-box;
    width: min(560px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    padding: 1.5rem;
    overflow-y: auto;
    border-radius: 18px;
    background: #fff;
    color: #172b24;
    box-shadow: 0 24px 60px rgb(23 43 36 / 25%);
    transform: translate(-50%, -50%);
}

.close-button[b-qy5i66vk8x] {
    position: absolute;
    top: 0.6rem;
    right: 0.75rem;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #53675e;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

    .close-button:hover[b-qy5i66vk8x] {
        background: #f0f6f2;
    }

.item-summary[b-qy5i66vk8x] {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    align-items: center;
    gap: 1.1rem;
    margin-bottom: 1rem;
    padding-right: 2rem;
}

    .item-summary h2[b-qy5i66vk8x] {
        margin: 0 0 0.3rem;
        font-size: 1.35rem;
        line-height: 1.3;
    }

.item-detail[b-qy5i66vk8x] {
    margin: 0 0 0.4rem;
    color: #53675e;
}

.item-amount[b-qy5i66vk8x] {
    margin: 0;
    color: #25634c;
    font-weight: 700;
}

.mode-tabs[b-qy5i66vk8x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: 0.5rem 0 1rem;
    padding: 0.25rem;
    border-radius: 12px;
    background: #f0f4f1;
}

    .mode-tabs button[b-qy5i66vk8x] {
        flex: 1 1 auto;
        padding: 0.6rem 0.5rem;
        border: 0;
        border-radius: 9px;
        background: transparent;
        color: #33483f;
        font: inherit;
        font-weight: 600;
        cursor: pointer;
    }

        .mode-tabs button.selected[b-qy5i66vk8x] {
            background: #fff;
            color: #172b24;
            box-shadow: 0 1px 4px rgb(23 43 36 / 12%);
        }

.choices[b-qy5i66vk8x] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
}

    .choices.two[b-qy5i66vk8x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .choices.five[b-qy5i66vk8x] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .choices legend[b-qy5i66vk8x] {
        grid-column: 1 / -1;
        margin-bottom: 0.5rem;
        padding: 0;
        font-weight: 600;
    }

.option[b-qy5i66vk8x] {
    display: grid;
    gap: 0.1rem;
    justify-items: center;
    padding: 0.7rem 0.3rem;
    border: 1px solid #c9d7cf;
    border-radius: 10px;
    background: #fff;
    color: #172b24;
    font: inherit;
    cursor: pointer;
}

    .option small[b-qy5i66vk8x] {
        color: #53675e;
        font-size: 0.8rem;
    }

    .option:hover[b-qy5i66vk8x] {
        background: #f0f6f2;
    }

    .option.selected[b-qy5i66vk8x] {
        border-color: #25634c;
        background: #25634c;
        color: #fff;
    }

        .option.selected small[b-qy5i66vk8x] {
            color: #e3efe8;
        }

.primary-button[b-qy5i66vk8x] {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 10px;
    background: #25634c;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

    .primary-button:hover[b-qy5i66vk8x] {
        background: #1b4c39;
    }

button:disabled[b-qy5i66vk8x],
fieldset:disabled .option[b-qy5i66vk8x] {
    opacity: 0.6;
    cursor: not-allowed;
}

button:focus-visible[b-qy5i66vk8x],
a:focus-visible[b-qy5i66vk8x] {
    outline: 3px solid #4d9075;
    outline-offset: 2px;
}

.photo-placeholder[b-qy5i66vk8x] {
    aspect-ratio: 1;
    border-radius: 12px;
    background: #f0f4f1;
}

.detail-section[b-qy5i66vk8x] {
    margin-top: 1.5rem;
    padding-top: 1.1rem;
    border-top: 1px solid #e2e9e5;
}

.section-header[b-qy5i66vk8x] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.section-heading[b-qy5i66vk8x] {
    margin: 0 0 0.6rem;
    color: #33483f;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.link-button[b-qy5i66vk8x] {
    padding: 0.25rem 0.5rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #25634c;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

    .link-button:hover[b-qy5i66vk8x] {
        background: #f0f6f2;
    }

.restock-summary[b-qy5i66vk8x] {
    display: grid;
    gap: 0.3rem;
    margin: 0;
    padding: 0.75rem 0.9rem;
    border-radius: 10px;
    background: #f6f9f7;
    list-style: none;
}

    .restock-summary li:first-child[b-qy5i66vk8x] {
        font-weight: 600;
    }

    .restock-summary li + li[b-qy5i66vk8x] {
        color: #53675e;
        font-size: 0.92rem;
    }

/* Saving over another member's settings asks first. */
.keep-both[b-qy5i66vk8x] {
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid #f0d58a;
    border-radius: 10px;
    background: #fff9e8;
}

    .keep-both p[b-qy5i66vk8x] {
        margin: 0 0 0.75rem;
    }

.keep-both-actions[b-qy5i66vk8x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.6rem;
}

/* Save stays in reach however long the editor gets. */
.sticky-actions[b-qy5i66vk8x] {
    position: sticky;
    bottom: -1.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 0.6rem;
    margin: 1.25rem -1.5rem -1.5rem;
    padding: 0.9rem 1.5rem 1.5rem;
    border-top: 1px solid #e2e9e5;
    background: #fff;
}

.secondary-button[b-qy5i66vk8x] {
    min-height: 50px;
    border: 1px solid #c9d7cf;
    border-radius: 10px;
    background: #fff;
    color: #172b24;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

    .secondary-button:hover[b-qy5i66vk8x] {
        background: #f0f6f2;
    }

.batches[b-qy5i66vk8x] {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .batches li[b-qy5i66vk8x] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.75rem 0.9rem;
        border: 1px solid #e2e9e5;
        border-radius: 10px;
    }

        .batches li div[b-qy5i66vk8x] {
            display: grid;
            gap: 0.15rem;
        }

        .batches li span[b-qy5i66vk8x] {
            color: #53675e;
            font-size: 0.88rem;
        }

        .batches li a[b-qy5i66vk8x] {
            color: #892525;
            font-weight: 600;
        }

.help-text[b-qy5i66vk8x] {
    color: #53675e;
    font-size: 0.9rem;
}

.message[b-qy5i66vk8x] {
    margin: 0 0 1rem;
    padding: 0.8rem 1rem;
    border-radius: 10px;
    line-height: 1.5;
}

.success-message[b-qy5i66vk8x] {
    border: 1px solid #91c5a2;
    background: #edf8f0;
    color: #205235;
}

.error-message[b-qy5i66vk8x] {
    border: 1px solid #dda9a9;
    background: #fff1f1;
    color: #812c2c;
}

.brand-question h3[b-qy5i66vk8x] {
    margin: 0 0 0.4rem;
    font-size: 1.1rem;
}

.question-item[b-qy5i66vk8x] {
    margin: 0 0 0.85rem;
    font-weight: 600;
}

.choice-grid[b-qy5i66vk8x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.6rem;
}

.choice[b-qy5i66vk8x] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #25634c;
    border-radius: 12px;
    background: #fff;
    color: #172b24;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .choice:hover[b-qy5i66vk8x] {
        background: #edf8f0;
    }

    .choice small[b-qy5i66vk8x] {
        color: #53675e;
    }

@media (max-width: 600px) {
    .item-dialog[b-qy5i66vk8x] {
        top: auto;
        bottom: 0;
        width: 100vw;
        max-height: 92vh;
        padding: 1.25rem 1rem;
        border-radius: 18px 18px 0 0;
        transform: translate(-50%, 0);
    }

    .item-summary[b-qy5i66vk8x] {
        grid-template-columns: 110px minmax(0, 1fr);
    }

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

    .mode-tabs button[b-qy5i66vk8x] {
        font-size: 0.88rem;
    }

    .sticky-actions[b-qy5i66vk8x] {
        bottom: -1.25rem;
        margin: 1.25rem -1rem -1.25rem;
        padding: 0.9rem 1rem 1.25rem;
    }
}
/* /Features/Notifications/Notifications.razor.rz.scp.css */
.notifications-page[b-mfwagsfcto] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #20342d;
}

header[b-mfwagsfcto] {
    margin-bottom: 1.5rem;
}

h1[b-mfwagsfcto] {
    margin-bottom: 0.5rem;
}

.actions[b-mfwagsfcto] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

button[b-mfwagsfcto] {
    padding: 0.6rem 0.9rem;
    border: 1px solid #245c43;
    border-radius: 8px;
    background: #fff;
    color: #245c43;
    font: inherit;
    cursor: pointer;
}

    button:disabled[b-mfwagsfcto] {
        opacity: 0.55;
        cursor: not-allowed;
    }

    button:focus-visible[b-mfwagsfcto] {
        outline: 3px solid #bc8b32;
        outline-offset: 3px;
    }

.notification-list[b-mfwagsfcto] {
    display: grid;
    gap: 0.75rem;
    padding: 0;
    list-style: none;
}

    .notification-list li[b-mfwagsfcto] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1.25rem;
        border: 1px solid #dce5df;
        border-radius: 12px;
        background: #fff;
    }

        .notification-list li.unread[b-mfwagsfcto] {
            border-left: 4px solid #245c43;
            background: #f4f9f5;
        }

.message[b-mfwagsfcto] {
    margin: 0.4rem 0;
    font-weight: 600;
}

.metadata[b-mfwagsfcto] {
    margin: 0;
    color: #52665c;
    font-size: 0.85rem;
}

.unread-label[b-mfwagsfcto] {
    color: #245c43;
    font-size: 0.8rem;
    font-weight: 700;
}

.empty-state[b-mfwagsfcto] {
    padding: 2rem;
    border: 1px solid #dce5df;
    border-radius: 12px;
    background: #fff;
}

.error[b-mfwagsfcto] {
    padding: 1rem;
    border-radius: 8px;
    background: #fff1f1;
    color: #812c2c;
}

@media (max-width: 600px) {
    .notification-list li[b-mfwagsfcto] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Features/Purchasing/Preferences/RestockPreferencesEditor.razor.rz.scp.css */
.restock-editor[b-m2rslxj9oy] {
    --restock-navy: #07345a;
    --restock-blue: #2e739f;
    --restock-blue-soft: #eef7fd;
    --restock-border: #dce3e8;
    --restock-muted: #496a8b;
    display: grid;
    gap: 12px;
    margin-top: 11px;
    color: var(--restock-navy);
}

.choice-group[b-m2rslxj9oy] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

    .choice-group legend[b-m2rslxj9oy],
    .field > span[b-m2rslxj9oy] {
        margin-bottom: 6px;
        padding: 0;
        color: var(--restock-muted);
        font-size: 0.9rem;
        font-weight: 700;
    }

.chips[b-m2rslxj9oy] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.chip[b-m2rslxj9oy] {
    min-height: 38px;
    max-width: 100%;
    padding: 6px 13px;
    overflow-wrap: anywhere;
    color: var(--restock-navy);
    background: #fff;
    border: 1px solid var(--restock-border);
    border-radius: 20px;
    font: inherit;
    font-weight: 650;
    text-align: left;
    cursor: pointer;
}

    .chip:hover:not(:disabled)[b-m2rslxj9oy] {
        border-color: var(--restock-blue);
    }

    .chip.selected[b-m2rslxj9oy] {
        color: #fff;
        background: var(--restock-blue);
        border-color: var(--restock-blue);
    }

.field[b-m2rslxj9oy] {
    display: grid;
    min-width: 0;
}

    .field select[b-m2rslxj9oy],
    .text-input[b-m2rslxj9oy] {
        box-sizing: border-box;
        width: 100%;
        min-height: 44px;
        padding: 0 12px;
        color: var(--restock-navy);
        background: #fff;
        border: 1px solid var(--restock-border);
        border-radius: 11px;
        font: inherit;
    }

.choice-group .text-input[b-m2rslxj9oy] {
    margin-top: 9px;
}

.stepper[b-m2rslxj9oy] {
    display: flex;
    align-items: center;
    gap: 14px;
}

    .stepper button[b-m2rslxj9oy] {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        color: var(--restock-navy);
        background: #fff;
        border: 1px solid var(--restock-border);
        border-radius: 50%;
        font: inherit;
        font-size: 1.3rem;
        cursor: pointer;
    }

    .stepper output[b-m2rslxj9oy] {
        min-width: 28px;
        font-size: 1.3rem;
        font-weight: 750;
        text-align: center;
    }

.suggestions[b-m2rslxj9oy] {
    display: grid;
    gap: 4px;
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
}

    .suggestions button[b-m2rslxj9oy] {
        width: 100%;
        min-height: 40px;
        padding: 6px 12px;
        color: var(--restock-navy);
        text-align: left;
        background: var(--restock-blue-soft);
        border: 1px solid transparent;
        border-radius: 9px;
        font: inherit;
        cursor: pointer;
    }

        .suggestions button:hover[b-m2rslxj9oy] {
            border-color: var(--restock-blue);
        }

.backup-chosen[b-m2rslxj9oy] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    margin: 9px 0 0;
}

.kinds-summary[b-m2rslxj9oy] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin: 0;
    font-weight: 650;
}

.kinds-picker[b-m2rslxj9oy] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    background: var(--restock-blue-soft);
    border-radius: 11px;
}

    .kinds-picker .link-button[b-m2rslxj9oy] {
        justify-self: start;
    }

.kind-list[b-m2rslxj9oy] {
    display: grid;
    gap: 2px;
    max-height: 260px;
    overflow-y: auto;
}

.kind-row[b-m2rslxj9oy] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    cursor: pointer;
}

    .kind-row input[b-m2rslxj9oy] {
        width: 20px;
        height: 20px;
        accent-color: var(--restock-blue);
    }

    .kind-row small[b-m2rslxj9oy] {
        margin-left: 6px;
        color: var(--restock-muted);
    }

    .kind-row.any-kind[b-m2rslxj9oy] {
        padding-bottom: 6px;
        border-bottom: 1px solid var(--restock-border);
        font-weight: 650;
    }

.link-button[b-m2rslxj9oy] {
    padding: 0;
    color: var(--restock-blue);
    background: none;
    border: 0;
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

.hint[b-m2rslxj9oy] {
    display: block;
    margin-top: 5px;
    color: var(--restock-muted);
}

.restock-editor button:focus-visible[b-m2rslxj9oy],
.restock-editor input:focus-visible[b-m2rslxj9oy],
.restock-editor select:focus-visible[b-m2rslxj9oy] {
    outline: 3px solid rgb(8 127 244 / 35%);
    outline-offset: 2px;
}

.restock-editor button:disabled[b-m2rslxj9oy],
.restock-editor select:disabled[b-m2rslxj9oy],
.restock-editor input:disabled[b-m2rslxj9oy] {
    opacity: 0.65;
    cursor: wait;
}

.setting-status[b-m2rslxj9oy] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    align-items: center;
    padding: 8px 11px;
    color: var(--restock-muted);
    background: var(--restock-blue-soft);
    border-radius: 8px;
    font-size: 0.9rem;
}

    .setting-status.locked[b-m2rslxj9oy] {
        background: #fff7e6;
        color: #8a5a00;
    }

    .setting-status .text-input[b-m2rslxj9oy] {
        flex: 1 1 14rem;
    }

.lock-row[b-m2rslxj9oy] {
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--restock-muted);
    font-size: 0.9rem;
}

.inline-number[b-m2rslxj9oy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 8px;
    font-size: 0.9rem;
}

    .inline-number input[b-m2rslxj9oy] {
        width: 5.5rem;
        min-height: 36px;
        padding: 4px 8px;
        border: 1px solid var(--restock-border);
        border-radius: 8px;
        font: inherit;
    }

.rule-builder[b-m2rslxj9oy] {
    display: grid;
    gap: 10px;
    padding: 10px;
    border: 1px dashed var(--restock-border);
    border-radius: 8px;
}

.rule-attribute[b-m2rslxj9oy] {
    display: grid;
    gap: 5px;
}

    .rule-attribute > span[b-m2rslxj9oy] {
        font-size: 0.85rem;
        font-weight: 700;
        color: var(--restock-muted);
    }

.rule-group[b-m2rslxj9oy] {
    display: grid;
    gap: 8px;
}

    .rule-group h4[b-m2rslxj9oy] {
        margin: 2px 0 0;
        color: var(--restock-navy);
        font-size: 0.85rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }
/* /Features/Purchasing/Stores/PreferredStores.razor.rz.scp.css */
.preferred-stores[b-d3o3yqcym9] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #20342d;
}

header[b-d3o3yqcym9] {
    margin-bottom: 1.5rem;
}

h1[b-d3o3yqcym9] {
    margin: 0.5rem 0 0.75rem;
    font-size: clamp(1.8rem, 4vw, 2.4rem);
}

h2[b-d3o3yqcym9] {
    margin-top: 0;
    font-size: 1.25rem;
}

p[b-d3o3yqcym9] {
    line-height: 1.6;
}

.back-link[b-d3o3yqcym9] {
    color: #245c43;
    font-weight: 600;
}

.settings-card[b-d3o3yqcym9] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    border: 1px solid #dce5df;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 18px rgb(30 60 45 / 4%);
}

.help[b-d3o3yqcym9],
.selection-count[b-d3o3yqcym9] {
    color: #52665c;
}

label[b-d3o3yqcym9] {
    display: block;
    margin: 1rem 0 0.4rem;
    font-weight: 600;
}

.preferred-stores[b-d3o3yqcym9]  form input[type="text"],
.preferred-stores[b-d3o3yqcym9]  form input:not([type]),
.preferred-stores[b-d3o3yqcym9]  form select {
    width: 100%;
    max-width: 480px;
    padding: 0.75rem;
    border: 1px solid #a9bbb0;
    border-radius: 8px;
    background: #fff;
    color: #20342d;
    font: inherit;
}

.field-row[b-d3o3yqcym9] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 1rem;
    max-width: 640px;
}

button[b-d3o3yqcym9] {
    padding: 0.75rem 1rem;
    border: 1px solid #245c43;
    border-radius: 8px;
    background: #245c43;
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

    button.secondary[b-d3o3yqcym9] {
        background: #fff;
        color: #245c43;
    }

    button:disabled[b-d3o3yqcym9] {
        opacity: 0.55;
        cursor: not-allowed;
    }

    button:focus-visible[b-d3o3yqcym9] {
        outline: 3px solid #bc8b32;
        outline-offset: 3px;
    }

.actions[b-d3o3yqcym9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.selection-count[b-d3o3yqcym9] {
    margin-right: auto;
}

.notice[b-d3o3yqcym9] {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 10px;
    line-height: 1.5;
}

.success[b-d3o3yqcym9] {
    border: 1px solid #91c5a2;
    background: #edf8f0;
    color: #205235;
}

.error[b-d3o3yqcym9] {
    border: 1px solid #dda9a9;
    background: #fff1f1;
    color: #812c2c;
}

@media (max-width: 600px) {
    .preferred-stores[b-d3o3yqcym9] {
        padding: 1rem;
    }

    .settings-card[b-d3o3yqcym9] {
        padding: 1.1rem;
    }

    .field-row[b-d3o3yqcym9] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Purchasing/Stores/StorePicker.razor.rz.scp.css */
.store-picker[b-u7tpuz2fri] {
    display: grid;
    gap: 1.25rem;
    color: #20342d;
}

.store-search input[b-u7tpuz2fri] {
    box-sizing: border-box;
    width: 100%;
    padding: 0.75rem 0.9rem;
    border: 1px solid #a9bbb0;
    border-radius: 10px;
    background: #fff;
    color: #20342d;
    font: inherit;
}

    .store-search input:focus-visible[b-u7tpuz2fri] {
        outline: 3px solid #bc8b32;
        outline-offset: 2px;
    }

.visually-hidden[b-u7tpuz2fri] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

h3[b-u7tpuz2fri] {
    margin: 0 0 0.6rem;
    font-size: 1rem;
}

.picker-note[b-u7tpuz2fri] {
    margin: 0;
    color: #52665c;
    line-height: 1.5;
}

.store-list[b-u7tpuz2fri],
.online-list[b-u7tpuz2fri] {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.online-list[b-u7tpuz2fri] {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}

.store-option[b-u7tpuz2fri] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 3rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid #dce5df;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
}

    .store-option.compact[b-u7tpuz2fri] {
        padding: 0.55rem 0.8rem;
    }

    .store-option.selected[b-u7tpuz2fri] {
        border-color: #245c43;
        background: #edf8f0;
    }

    .store-option input[b-u7tpuz2fri] {
        width: 1.15rem;
        height: 1.15rem;
        flex: none;
        accent-color: #245c43;
    }

.store-copy[b-u7tpuz2fri] {
    display: grid;
    min-width: 0;
    flex: 1;
}

    .store-copy small[b-u7tpuz2fri] {
        overflow: hidden;
        color: #52665c;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.store-distance[b-u7tpuz2fri] {
    flex: none;
    color: #52665c;
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
}

.picker-tools[b-u7tpuz2fri] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-top: 0.75rem;
}

.inline-check[b-u7tpuz2fri] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
}

.link-button[b-u7tpuz2fri] {
    padding: 0;
    border: 0;
    background: none;
    color: #245c43;
    font: inherit;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

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

.store-option:focus-within[b-u7tpuz2fri],
.link-button:focus-visible[b-u7tpuz2fri] {
    outline: 3px solid #bc8b32;
    outline-offset: 2px;
}
/* /Features/Shopping/GettingLow.razor.rz.scp.css */
.getting-low-page[b-i0tdqczmqz] {
    max-width: 760px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #20342d;
}

.page-header[b-i0tdqczmqz] {
    margin-bottom: 1.25rem;
}

    .page-header a[b-i0tdqczmqz],
    .list-link a[b-i0tdqczmqz] {
        color: #245c43;
        font-weight: 600;
    }

h1[b-i0tdqczmqz] {
    margin: 0.5rem 0;
    font-size: clamp(1.8rem, 4vw, 2.4rem);
}

h2[b-i0tdqczmqz] {
    margin: 0 0 0.75rem;
    font-size: 1.2rem;
}

.card[b-i0tdqczmqz] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    border: 1px solid #dce5df;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 18px rgb(30 60 45 / 4%);
}

form[b-i0tdqczmqz] {
    display: grid;
    gap: 0.5rem;
}

label[b-i0tdqczmqz] {
    font-weight: 600;
}

input[b-i0tdqczmqz] {
    box-sizing: border-box;
    width: 100%;
    padding: 0.85rem;
    border: 1px solid #a9bbb0;
    border-radius: 10px;
    font: inherit;
    font-size: 1.1rem;
    letter-spacing: 0.04em;
}

small[b-i0tdqczmqz],
.help-text[b-i0tdqczmqz] {
    color: #52665c;
}

.primary-button[b-i0tdqczmqz] {
    justify-self: start;
    margin-top: 0.5rem;
    padding: 0.8rem 1.2rem;
    border: 0;
    border-radius: 10px;
    background: #245c43;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

button:disabled[b-i0tdqczmqz] {
    opacity: 0.55;
    cursor: not-allowed;
}

input:focus-visible[b-i0tdqczmqz],
button:focus-visible[b-i0tdqczmqz] {
    outline: 3px solid #bc8b32;
    outline-offset: 2px;
}

.brand-question[b-i0tdqczmqz] {
    border-color: #bc8b32;
    background: #fffaf2;
}

.question-item[b-i0tdqczmqz] {
    margin: -0.25rem 0 1rem;
    font-size: 1.1rem;
    font-weight: 600;
}

.choice-grid[b-i0tdqczmqz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 0.75rem;
}

.choice[b-i0tdqczmqz] {
    display: grid;
    gap: 0.2rem;
    min-height: 4.25rem;
    padding: 0.85rem 1rem;
    border: 1px solid #245c43;
    border-radius: 12px;
    background: #fff;
    color: #20342d;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .choice:hover[b-i0tdqczmqz] {
        background: #edf8f0;
    }

    .choice small[b-i0tdqczmqz] {
        font-size: 0.85rem;
    }

.message[b-i0tdqczmqz] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 10px;
    line-height: 1.5;
}

.success-message[b-i0tdqczmqz] {
    border: 1px solid #91c5a2;
    background: #edf8f0;
    color: #205235;
}

.info-message[b-i0tdqczmqz] {
    border: 1px solid #b9c9d6;
    background: #f1f6fa;
    color: #29445a;
}

.error-message[b-i0tdqczmqz] {
    border: 1px solid #dda9a9;
    background: #fff1f1;
    color: #812c2c;
}

@media (max-width: 600px) {
    .getting-low-page[b-i0tdqczmqz] {
        padding: 1rem;
    }

    .card[b-i0tdqczmqz] {
        padding: 1.1rem;
    }

    .primary-button[b-i0tdqczmqz] {
        justify-self: stretch;
    }
}
/* /Features/Shopping/ShoppingList.razor.rz.scp.css */
.shopping-list-page[b-xi6ubht2ul] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #20342d;
}

.page-header[b-xi6ubht2ul] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 1.25rem;
}

    .page-header p[b-xi6ubht2ul] {
        margin: 0;
        color: #52665c;
    }

h1[b-xi6ubht2ul] {
    margin: 0 0 0.25rem;
    font-size: clamp(1.8rem, 4vw, 2.4rem);
}

h2[b-xi6ubht2ul] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.75rem;
    font-size: 1.15rem;
}

.count[b-xi6ubht2ul] {
    min-width: 1.5rem;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    background: #edf3ef;
    color: #52665c;
    font-size: 0.85rem;
    text-align: center;
}

.card[b-xi6ubht2ul] {
    margin-bottom: 1rem;
    padding: 1.25rem;
    border: 1px solid #dce5df;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 18px rgb(30 60 45 / 4%);
}

.secondary-link[b-xi6ubht2ul] {
    padding: 0.65rem 0.9rem;
    border: 1px solid #245c43;
    border-radius: 10px;
    color: #245c43;
    font-weight: 600;
    text-decoration: none;
}

    .secondary-link:hover[b-xi6ubht2ul] {
        background: #edf8f0;
    }

.add-form[b-xi6ubht2ul] {
    display: flex;
    gap: 0.5rem;
}

    .add-form input[b-xi6ubht2ul] {
        min-width: 0;
        flex: 1;
        padding: 0.8rem 0.9rem;
        border: 1px solid #a9bbb0;
        border-radius: 10px;
        font: inherit;
    }

button[b-xi6ubht2ul] {
    font: inherit;
    cursor: pointer;
}

    button:disabled[b-xi6ubht2ul],
    select:disabled[b-xi6ubht2ul] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.add-form button[b-xi6ubht2ul],
.secondary-button[b-xi6ubht2ul] {
    padding: 0.7rem 1.1rem;
    border: 1px solid #245c43;
    border-radius: 10px;
    background: #245c43;
    color: #fff;
    font-weight: 700;
}

.secondary-button[b-xi6ubht2ul] {
    flex: none;
    background: #fff;
    color: #245c43;
    font-weight: 600;
}

.suggestions[b-xi6ubht2ul] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.75rem 0 0;
    padding: 0;
    list-style: none;
}

    .suggestions button[b-xi6ubht2ul] {
        padding: 0.4rem 0.75rem;
        border: 1px solid #c9d6ce;
        border-radius: 999px;
        background: #f6faf7;
        color: #20342d;
    }

        .suggestions button:hover[b-xi6ubht2ul] {
            border-color: #245c43;
        }

.shop-bar[b-xi6ubht2ul] {
    margin-bottom: 1rem;
}

.shop-buttons[b-xi6ubht2ul] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.6rem;
}

.shop-button[b-xi6ubht2ul] {
    display: grid;
    gap: 0.15rem;
    padding: 0.8rem 1rem;
    border-radius: 12px;
    background: linear-gradient(135deg, #3f6b52, #2d5240);
    color: #fff;
    text-decoration: none;
}

    .shop-button:hover[b-xi6ubht2ul] {
        color: #fff;
        filter: brightness(1.06);
    }

    .shop-button small[b-xi6ubht2ul] {
        opacity: 0.9;
    }

.lines[b-xi6ubht2ul] {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.line[b-xi6ubht2ul] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    padding: 0.75rem 0;
    border-top: 1px solid #edf1ee;
}

    .line:first-child[b-xi6ubht2ul] {
        border-top: 0;
    }

.line-copy[b-xi6ubht2ul] {
    display: grid;
    min-width: 0;
    flex: 1 1 220px;
}

    .line-copy small[b-xi6ubht2ul] {
        color: #52665c;
    }

.real-photo-link[b-xi6ubht2ul] {
    justify-self: start;
    margin-top: 0.2rem;
    padding: 0;
    border: 0;
    background: none;
    color: #087aec;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

    .real-photo-link:hover[b-xi6ubht2ul] {
        text-decoration: underline;
        text-underline-offset: 3px;
    }

.line-actions[b-xi6ubht2ul] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.stepper[b-xi6ubht2ul] {
    display: inline-flex;
    align-items: center;
    border: 1px solid #c9d6ce;
    border-radius: 10px;
}

    .stepper button[b-xi6ubht2ul] {
        width: 2.25rem;
        height: 2.25rem;
        border: 0;
        background: none;
        color: #245c43;
        font-size: 1.2rem;
    }

    .stepper span[b-xi6ubht2ul] {
        min-width: 1.75rem;
        font-variant-numeric: tabular-nums;
        text-align: center;
    }

select[b-xi6ubht2ul] {
    max-width: 14rem;
    padding: 0.5rem;
    border: 1px solid #c9d6ce;
    border-radius: 10px;
    background: #fff;
    color: #20342d;
    font: inherit;
    font-size: 0.9rem;
}

.remove-button[b-xi6ubht2ul] {
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid #e3cfcf;
    border-radius: 10px;
    background: #fff;
    color: #812c2c;
    font-size: 1.3rem;
    line-height: 1;
}

    .remove-button:hover[b-xi6ubht2ul] {
        background: #fff1f1;
    }

.history summary[b-xi6ubht2ul] {
    font-weight: 700;
    cursor: pointer;
}

.history .lines[b-xi6ubht2ul] {
    margin-top: 0.75rem;
}

.empty p[b-xi6ubht2ul],
.help-text[b-xi6ubht2ul] {
    margin: 0;
    color: #52665c;
}

.help-text[b-xi6ubht2ul] {
    margin-top: 0.5rem;
}

    .help-text a[b-xi6ubht2ul] {
        color: #245c43;
        font-weight: 600;
    }

.message[b-xi6ubht2ul] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
}

.success-message[b-xi6ubht2ul] {
    border: 1px solid #91c5a2;
    background: #edf8f0;
    color: #205235;
}

.info-message[b-xi6ubht2ul] {
    border: 1px solid #b9c9d6;
    background: #f1f6fa;
    color: #29445a;
}

.error-message[b-xi6ubht2ul] {
    border: 1px solid #dda9a9;
    background: #fff1f1;
    color: #812c2c;
}

.link-button[b-xi6ubht2ul] {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
}

input:focus-visible[b-xi6ubht2ul],
button:focus-visible[b-xi6ubht2ul],
select:focus-visible[b-xi6ubht2ul],
a:focus-visible[b-xi6ubht2ul],
summary:focus-visible[b-xi6ubht2ul] {
    outline: 3px solid #bc8b32;
    outline-offset: 2px;
}

.visually-hidden[b-xi6ubht2ul] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (max-width: 600px) {
    .shopping-list-page[b-xi6ubht2ul] {
        padding: 1rem;
    }

    .card[b-xi6ubht2ul] {
        padding: 1rem;
    }

    .line-actions[b-xi6ubht2ul] {
        width: 100%;
    }

    select[b-xi6ubht2ul] {
        min-width: 0;
        flex: 1;
    }
}
/* /Features/Shopping/ShoppingTripPage.razor.rz.scp.css */
.shopping-trip-page[b-ck9pie7ddo] {
    max-width: 680px;
    margin: 0 auto;
    padding: 1.25rem;
    color: #20342d;
}

.page-header[b-ck9pie7ddo] {
    margin-bottom: 1rem;
}

    .page-header p[b-ck9pie7ddo] {
        margin: 0;
        color: #52665c;
    }

h1[b-ck9pie7ddo] {
    margin: 0.6rem 0 0.25rem;
    font-size: clamp(1.5rem, 4vw, 2.1rem);
}

h2[b-ck9pie7ddo] {
    margin: 0 0 0.6rem;
    font-size: 1.1rem;
}

.done-link[b-ck9pie7ddo] {
    display: inline-block;
    padding: 0.55rem 0.9rem;
    border-radius: 10px;
    background: #245c43;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.trip-list[b-ck9pie7ddo] {
    display: grid;
    gap: 0.5rem;
    margin: 0 0 1.5rem;
    padding: 0;
    list-style: none;
}

.trip-item[b-ck9pie7ddo],
.cart-item[b-ck9pie7ddo] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    width: 100%;
    min-height: 3.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid #dce5df;
    border-radius: 14px;
    background: #fff;
    color: #20342d;
    font: inherit;
    text-align: left;
}

.trip-item[b-ck9pie7ddo] {
    cursor: pointer;
}

    .trip-item:hover[b-ck9pie7ddo] {
        border-color: #245c43;
    }

    .trip-item:disabled[b-ck9pie7ddo] {
        opacity: 0.6;
        cursor: wait;
    }

.cart-item[b-ck9pie7ddo] {
    background: #f4f8f5;
    color: #52665c;
}

    .cart-item strong[b-ck9pie7ddo] {
        text-decoration: line-through;
    }

.tick[b-ck9pie7ddo] {
    width: 1.6rem;
    height: 1.6rem;
    flex: none;
    border: 2px solid #245c43;
    border-radius: 50%;
}

    .tick.done[b-ck9pie7ddo] {
        border-color: #91c5a2;
        background: #91c5a2;
    }

.trip-copy[b-ck9pie7ddo] {
    display: grid;
    min-width: 0;
    flex: 1;
}

    .trip-copy strong[b-ck9pie7ddo] {
        font-size: 1.05rem;
    }

    .trip-copy small[b-ck9pie7ddo] {
        color: #52665c;
    }

.quantity[b-ck9pie7ddo] {
    margin-left: 0.35rem;
    color: #245c43;
}

.undo-button[b-ck9pie7ddo] {
    flex: none;
    padding: 0.45rem 0.8rem;
    border: 1px solid #245c43;
    border-radius: 10px;
    background: #fff;
    color: #245c43;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.all-done[b-ck9pie7ddo] {
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    border: 1px solid #91c5a2;
    border-radius: 14px;
    background: #edf8f0;
}

    .all-done p[b-ck9pie7ddo] {
        margin: 0;
    }

.message[b-ck9pie7ddo] {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
}

.error-message[b-ck9pie7ddo] {
    border: 1px solid #dda9a9;
    background: #fff1f1;
    color: #812c2c;
}

.trip-item:focus-visible[b-ck9pie7ddo],
.undo-button:focus-visible[b-ck9pie7ddo],
.done-link:focus-visible[b-ck9pie7ddo] {
    outline: 3px solid #bc8b32;
    outline-offset: 2px;
}

.visually-hidden[b-ck9pie7ddo] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
/* /Features/Waitlist/WaitlistAdministration.razor.rz.scp.css */
.waitlist-admin[b-4u2tq9exk8] {
    display: grid;
    gap: 1.25rem;
    max-width: 60rem;
}

    .waitlist-admin h1[b-4u2tq9exk8] {
        margin: 0.25rem 0 0.5rem;
    }

    .waitlist-admin header p:last-child[b-4u2tq9exk8] {
        margin: 0;
        color: var(--hi-text-secondary);
    }

.counts[b-4u2tq9exk8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

    .counts div[b-4u2tq9exk8] {
        display: grid;
        min-width: 8rem;
        padding: 0.9rem 1.1rem;
        border: 1px solid var(--hi-border);
        border-radius: 0.75rem;
        background-color: var(--hi-surface);
    }

    .counts strong[b-4u2tq9exk8] {
        font-size: 1.6rem;
    }

    .counts span[b-4u2tq9exk8] {
        color: var(--hi-text-muted);
        font-size: 0.85rem;
    }

.button[b-4u2tq9exk8] {
    padding: 0.6rem 1rem;
    border-radius: 0.6rem;
    color: #ffffff;
    background-color: var(--hi-primary);
    font-weight: 700;
    text-decoration: none;
}

    .button:hover[b-4u2tq9exk8] {
        color: #ffffff;
        background-color: var(--hi-primary-dark);
    }

.card[b-4u2tq9exk8] {
    padding: 1.25rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.9rem;
    background-color: var(--hi-surface);
}

    .card h2[b-4u2tq9exk8] {
        margin: 0 0 0.5rem;
        font-size: 1.1rem;
    }

.notice[b-4u2tq9exk8] {
    margin: 0.75rem 0 0;
    font-weight: 600;
}

.table-wrap[b-4u2tq9exk8] {
    overflow-x: auto;
}

table[b-4u2tq9exk8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

th[b-4u2tq9exk8],
td[b-4u2tq9exk8] {
    padding: 0.55rem 0.5rem;
    border-bottom: 1px solid var(--hi-border);
    text-align: left;
    white-space: nowrap;
}

th[b-4u2tq9exk8] {
    color: var(--hi-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

.unsubscribed td[b-4u2tq9exk8] {
    color: var(--hi-text-muted);
}

.tag[b-4u2tq9exk8] {
    margin-left: 0.4rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background-color: var(--hi-surface-subtle);
    font-size: 0.75rem;
}
/* /Identity/Components/ExternalLoginPicker.razor.rz.scp.css */
.external-login[b-39d86m7img] {
    display: grid;
    gap: 0.75rem;
}

.external-login-button[b-39d86m7img] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    width: 100%;
    min-height: 48px;
    padding: 0.7rem 1.25rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.65rem;
    background-color: var(--hi-surface);
    color: var(--hi-text);
    font-weight: 600;
    cursor: pointer;
    transition: transform 150ms ease, background-color 150ms ease;
}

    .external-login-button:hover[b-39d86m7img] {
        transform: translateY(-1px);
    }

    .external-login-button:focus-visible[b-39d86m7img] {
        outline: 3px solid rgba(64, 95, 122, 0.25);
        outline-offset: 2px;
    }

    .external-login-button svg[b-39d86m7img] {
        flex: none;
        width: 1.15rem;
        height: 1.15rem;
    }

.external-login-google[b-39d86m7img] {
    background-color: #ffffff;
    color: #1f1f1f;
    border-color: #747775;
}

    .external-login-google:hover[b-39d86m7img] {
        background-color: #f7f8f8;
    }

/* Apple's guidelines call for a black button with white text. */
.external-login-apple[b-39d86m7img] {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}

    .external-login-apple:hover[b-39d86m7img] {
        background-color: #1d1d1f;
    }

.external-login-divider[b-39d86m7img] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin: 0.5rem 0 0.25rem;
    color: var(--hi-text-muted);
    font-size: 0.82rem;
}

    .external-login-divider[b-39d86m7img]::before,
    .external-login-divider[b-39d86m7img]::after {
        content: "";
        flex: 1;
        height: 1px;
        background-color: var(--hi-border);
    }
/* /Identity/Pages/ExternalLogin.razor.rz.scp.css */
.external-page[b-m3qccerguk] {
    min-height: calc(100vh - 72px);
    padding: 4rem 2rem;
    background: radial-gradient( circle at 85% 15%, rgba(199, 137, 82, 0.14), transparent 28% ), var(--hi-background);
}

.external-card[b-m3qccerguk] {
    width: 100%;
    max-width: 520px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 2.5rem;
    border: 1px solid var(--hi-border);
    border-radius: 1.25rem;
    background-color: var(--hi-surface);
    box-shadow: 0 24px 60px rgba(40, 52, 60, 0.1);
}

.external-heading[b-m3qccerguk] {
    margin-bottom: 2rem;
}

    .external-heading h1[b-m3qccerguk] {
        margin: 0;
        color: var(--hi-primary-dark);
        font-size: clamp(1.75rem, 4vw, 2.4rem);
        font-weight: 750;
        line-height: 1.1;
        letter-spacing: -0.035em;
    }

    .external-heading > p:last-child[b-m3qccerguk] {
        margin: 1rem 0 0;
        color: var(--hi-text-secondary);
        line-height: 1.65;
    }

.external-card[b-m3qccerguk]  .external-form {
    display: grid;
    gap: 1.25rem;
}

.external-name-fields[b-m3qccerguk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.external-field[b-m3qccerguk] {
    display: grid;
    gap: 0.45rem;
}

    .external-field label[b-m3qccerguk] {
        color: var(--hi-text);
        font-size: 0.88rem;
        font-weight: 700;
    }

    .external-field[b-m3qccerguk]  .validation-message {
        color: var(--hi-danger);
        font-size: 0.82rem;
    }

.external-card[b-m3qccerguk]  .external-validation-summary {
    margin: 0;
    color: var(--hi-danger);
    font-size: 0.88rem;
}

    .external-card[b-m3qccerguk]  .external-validation-summary:empty {
        display: none;
    }

.external-email[b-m3qccerguk] {
    margin: 0;
    color: var(--hi-text-secondary);
    font-size: 0.92rem;
    overflow-wrap: anywhere;
}

.external-button[b-m3qccerguk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    margin-top: 0.25rem;
    padding: 0.8rem 1.25rem;
    color: #ffffff;
    border: 0;
    border-radius: 0.65rem;
    background-color: var(--hi-primary);
    font-weight: 700;
    cursor: pointer;
    transition: transform 150ms ease, background-color 150ms ease;
}

    .external-button:hover[b-m3qccerguk] {
        background-color: var(--hi-primary-dark);
        transform: translateY(-1px);
    }

    .external-button:focus-visible[b-m3qccerguk] {
        outline: 3px solid rgba(64, 95, 122, 0.25);
        outline-offset: 2px;
    }

.external-terms[b-m3qccerguk]  .validation-message {
    color: var(--hi-danger);
    font-size: 0.82rem;
}

.external-terms-check[b-m3qccerguk] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    color: var(--hi-text-secondary);
    font-size: 0.86rem;
    line-height: 1.45;
    cursor: pointer;
}

    .external-terms-check[b-m3qccerguk]  input[type="checkbox"] {
        flex: none;
        width: 1.1rem;
        height: 1.1rem;
        margin-top: 0.1rem;
        accent-color: var(--hi-primary);
    }

    .external-terms a[b-m3qccerguk] {
        color: var(--hi-primary);
        font-weight: 700;
        text-decoration: none;
    }

@media (max-width: 600px) {
    .external-page[b-m3qccerguk] {
        min-height: auto;
        padding: 2rem 1rem 4rem;
    }

    .external-card[b-m3qccerguk] {
        padding: 1.5rem;
    }

    .external-name-fields[b-m3qccerguk] {
        grid-template-columns: 1fr;
    }
}
/* /Identity/Pages/Login.razor.rz.scp.css */
.login-page[b-hx8q2d0e57] {
    min-height: calc(100vh - 72px);
    padding: 4rem 2rem;
    background: radial-gradient( circle at 85% 15%, rgba(199, 137, 82, 0.14), transparent 28% ), var(--hi-background);
}

.login-layout[b-hx8q2d0e57] {
    display: grid;
    grid-template-columns: minmax(0, 480px) minmax(0, 440px);
    justify-content: center;
    align-items: start;
    gap: 4rem;
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
}

.login-card[b-hx8q2d0e57] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 2.5rem;
    border: 1px solid var(--hi-border);
    border-radius: 1.25rem;
    background-color: var(--hi-surface);
    box-shadow: 0 24px 60px rgba(40, 52, 60, 0.1);
}

.login-heading[b-hx8q2d0e57] {
    margin-bottom: 2rem;
}

    .login-heading h1[b-hx8q2d0e57] {
        margin: 0;
        color: var(--hi-primary-dark);
        font-size: clamp(2rem, 4vw, 2.75rem);
        font-weight: 750;
        line-height: 1.1;
        letter-spacing: -0.035em;
    }

    .login-heading > p:last-child[b-hx8q2d0e57] {
        margin: 1rem 0 0;
        color: var(--hi-text-secondary);
        line-height: 1.65;
    }

.login-external:not(:empty)[b-hx8q2d0e57] {
    margin-bottom: 1.25rem;
}

.login-card[b-hx8q2d0e57]  .login-form {
    display: grid;
    gap: 1.25rem;
}

.login-field[b-hx8q2d0e57] {
    display: grid;
    gap: 0.45rem;
}

    .login-field label[b-hx8q2d0e57] {
        color: var(--hi-text);
        font-size: 0.88rem;
        font-weight: 700;
    }

    .login-field[b-hx8q2d0e57]  .form-control {
        width: 100%;
    }

    .login-field[b-hx8q2d0e57]  .validation-message {
        color: var(--hi-danger);
        font-size: 0.82rem;
    }

.login-field-header[b-hx8q2d0e57] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

    .login-field-header a[b-hx8q2d0e57] {
        font-size: 0.82rem;
    }

.login-card[b-hx8q2d0e57]  .login-validation-summary {
    margin: 0;
    color: var(--hi-danger);
    font-size: 0.88rem;
}

    .login-card[b-hx8q2d0e57]  .login-validation-summary:empty {
        display: none;
    }

.login-remember[b-hx8q2d0e57] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--hi-text-secondary);
    font-size: 0.9rem;
    cursor: pointer;
}

    .login-remember[b-hx8q2d0e57]  input {
        width: 1rem;
        height: 1rem;
        accent-color: var(--hi-primary);
    }

.login-button[b-hx8q2d0e57] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    margin-top: 0.25rem;
    padding: 0.8rem 1.25rem;
    color: #ffffff;
    border: 0;
    border-radius: 0.65rem;
    background-color: var(--hi-primary);
    font-weight: 700;
    cursor: pointer;
    transition: transform 150ms ease, background-color 150ms ease;
}

    .login-button:hover[b-hx8q2d0e57] {
        background-color: var(--hi-primary-dark);
        transform: translateY(-1px);
    }

    .login-button:focus-visible[b-hx8q2d0e57],
    .login-passkey[b-hx8q2d0e57]  .login-passkey-button:focus-visible {
        outline: 3px solid rgba(64, 95, 122, 0.25);
        outline-offset: 2px;
    }

.login-passkey[b-hx8q2d0e57] {
    display: flex;
    justify-content: center;
}

    .login-passkey[b-hx8q2d0e57]  .login-passkey-button {
        padding: 0.25rem 0.5rem;
        border: 0;
        background: none;
        color: var(--hi-primary);
        font-size: 0.9rem;
        font-weight: 700;
        cursor: pointer;
    }

        .login-passkey[b-hx8q2d0e57]  .login-passkey-button:hover {
            color: var(--hi-primary-dark);
            text-decoration: underline;
        }

.login-register-prompt[b-hx8q2d0e57] {
    margin: 1.75rem 0 0;
    color: var(--hi-text-secondary);
    font-size: 0.9rem;
    text-align: center;
}

.login-help[b-hx8q2d0e57] {
    margin: 0.9rem 0 0;
    color: var(--hi-text-muted);
    font-size: 0.76rem;
    line-height: 1.5;
    text-align: center;
}

    .login-field-header a[b-hx8q2d0e57],
    .login-register-prompt a[b-hx8q2d0e57],
    .login-help a[b-hx8q2d0e57] {
        color: var(--hi-primary);
        font-weight: 700;
        text-decoration: none;
    }

        .login-field-header a:hover[b-hx8q2d0e57],
        .login-register-prompt a:hover[b-hx8q2d0e57],
        .login-help a:hover[b-hx8q2d0e57] {
            color: var(--hi-primary-dark);
            text-decoration: underline;
        }

.login-aside[b-hx8q2d0e57] {
    min-width: 0;
    align-self: center;
}

    .login-aside h2[b-hx8q2d0e57] {
        max-width: 420px;
        margin: 0;
        color: var(--hi-primary-dark);
        font-size: clamp(2rem, 4vw, 3rem);
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: -0.035em;
    }

    .login-aside > p:last-child[b-hx8q2d0e57] {
        max-width: 400px;
        margin: 1.25rem 0 0;
        color: var(--hi-text-secondary);
        line-height: 1.65;
    }

@media (max-width: 900px) {
    .login-page[b-hx8q2d0e57] {
        padding-top: 3rem;
    }

    .login-layout[b-hx8q2d0e57] {
        grid-template-columns: minmax(0, 520px);
        gap: 3rem;
    }

    .login-aside[b-hx8q2d0e57] {
        display: none;
    }
}

@media (max-width: 600px) {
    .login-page[b-hx8q2d0e57] {
        min-height: auto;
        padding: 2rem 1rem 4rem;
    }

    .login-card[b-hx8q2d0e57] {
        padding: 1.5rem;
    }
}
/* /Identity/Pages/Register.razor.rz.scp.css */
.register-page[b-ld8iei14j9] {
    min-height: calc(100vh - 72px);
    padding: 4rem 2rem;
    background: radial-gradient( circle at 85% 15%, rgba(199, 137, 82, 0.14), transparent 28% ), var(--hi-background);
}
.register-layout[b-ld8iei14j9] {
    display: grid;
    grid-template-columns: minmax(0, 520px) minmax(0, 440px);
    justify-content: center;
    align-items: start;
    gap: 4rem;
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
}

.register-card[b-ld8iei14j9] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 2.5rem;
    border: 1px solid var(--hi-border);
    border-radius: 1.25rem;
    background-color: var(--hi-surface);
    box-shadow: 0 24px 60px rgba(40, 52, 60, 0.1);
}

.register-benefits[b-ld8iei14j9] {
    min-width: 0;
    align-self: center;
}

.register-heading[b-ld8iei14j9] {
    margin-bottom: 2rem;
}

    .register-heading h1[b-ld8iei14j9] {
        margin: 0;
        color: var(--hi-primary-dark);
        font-size: clamp(2rem, 4vw, 2.75rem);
        font-weight: 750;
        line-height: 1.1;
        letter-spacing: -0.035em;
    }

    .register-heading > p:last-child[b-ld8iei14j9] {
        margin: 1rem 0 0;
        color: var(--hi-text-secondary);
        line-height: 1.65;
    }

.register-external:not(:empty)[b-ld8iei14j9] {
    margin-bottom: 1.25rem;
}

.register-form[b-ld8iei14j9] {
    display: grid;
    gap: 1.25rem;
}

.register-field[b-ld8iei14j9] {
    display: grid;
    gap: 0.45rem;
}

    .register-field label[b-ld8iei14j9] {
        color: var(--hi-text);
        font-size: 0.88rem;
        font-weight: 700;
    }
   .register-field[b-ld8iei14j9]  .form-control {
        width: 100%;
    }

.register-validation-summary[b-ld8iei14j9] {
    margin: 0;
    color: var(--hi-danger);
    font-size: 0.88rem;
}

    .register-validation-summary:empty[b-ld8iei14j9] {
        display: none;
    }

.register-field[b-ld8iei14j9]  .validation-message {
    color: var(--hi-danger);
    font-size: 0.82rem;
}

.register-button[b-ld8iei14j9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    margin-top: 0.25rem;
    padding: 0.8rem 1.25rem;
    color: #ffffff;
    border: 0;
    border-radius: 0.65rem;
    background-color: var(--hi-primary);
    font-weight: 700;
    cursor: pointer;
    transition: transform 150ms ease, background-color 150ms ease;
}

    .register-button:hover[b-ld8iei14j9] {
        background-color: var(--hi-primary-dark);
        transform: translateY(-1px);
    }

    .register-button:focus-visible[b-ld8iei14j9] {
        outline: 3px solid rgba(64, 95, 122, 0.25);
        outline-offset: 2px;
    }



.register-login-prompt[b-ld8iei14j9] {
    margin: 1.75rem 0 0;
    color: var(--hi-text-secondary);
    font-size: 0.9rem;
    text-align: center;
}

    .register-login-prompt a[b-ld8iei14j9],
    .register-terms a[b-ld8iei14j9] {
        color: var(--hi-primary);
        font-weight: 700;
        text-decoration: none;
    }

        .register-login-prompt a:hover[b-ld8iei14j9],
        .register-terms a:hover[b-ld8iei14j9] {
            color: var(--hi-primary-dark);
            text-decoration: underline;
        }

.register-terms[b-ld8iei14j9] {
    margin: 0.25rem 0 0.9rem;
}

    .register-terms[b-ld8iei14j9]  .validation-message {
        color: var(--hi-danger);
        font-size: 0.82rem;
    }

.register-terms-check[b-ld8iei14j9] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    color: var(--hi-text-secondary);
    font-size: 0.86rem;
    line-height: 1.45;
    cursor: pointer;
}

    .register-terms-check[b-ld8iei14j9]  input[type="checkbox"] {
        flex: none;
        width: 1.1rem;
        height: 1.1rem;
        margin-top: 0.1rem;
        accent-color: var(--hi-primary);
    }

.register-benefits[b-ld8iei14j9] {
    align-self: center;
}

    .register-benefits h2[b-ld8iei14j9] {
        max-width: 420px;
        margin: 0;
        color: var(--hi-primary-dark);
        font-size: clamp(2rem, 4vw, 3rem);
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: -0.035em;
    }

.register-benefit-list[b-ld8iei14j9] {
    display: grid;
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.register-benefit[b-ld8iei14j9] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: start;
}

    .register-benefit > span[b-ld8iei14j9] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        color: #ffffff;
        border-radius: 50%;
        background-color: var(--hi-primary);
        font-size: 0.75rem;
        font-weight: 700;
    }

    .register-benefit strong[b-ld8iei14j9] {
        color: var(--hi-text);
        font-size: 1rem;
    }

    .register-benefit p[b-ld8iei14j9] {
        margin: 0.3rem 0 0;
        color: var(--hi-text-secondary);
        font-size: 0.9rem;
        line-height: 1.55;
    }

@media (max-width: 900px) {
    .register-page[b-ld8iei14j9] {
        padding-top: 3rem;
    }

    .register-layout[b-ld8iei14j9] {
        grid-template-columns: minmax(0, 560px);
        gap: 3rem;
    }

    .register-benefits[b-ld8iei14j9] {
        order: -1;
    }

        .register-benefits h2[b-ld8iei14j9] {
            max-width: 560px;
        }
}

@media (max-width: 600px) {
    .register-page[b-ld8iei14j9] {
        min-height: auto;
        padding: 2rem 1rem 4rem;
    }

    .register-card[b-ld8iei14j9] {
        padding: 1.5rem;
    }

    .register-benefits[b-ld8iei14j9] {
        display: none;
    }
}
/* /Identity/Pages/RegisterConfirmation.razor.rz.scp.css */
.register-confirmation-page[b-qgg1cucso7] {
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 72px);
    padding: 5rem 2rem;
    background: radial-gradient( circle at 85% 15%, rgba(199, 137, 82, 0.14), transparent 28% ), var(--hi-background);
}

.register-confirmation-card[b-qgg1cucso7] {
    align-self: flex-start;
    width: min(100%, 560px);
    padding: 3rem;
    border: 1px solid var(--hi-border);
    border-radius: 1.25rem;
    background-color: var(--hi-surface);
    box-shadow: 0 24px 60px rgba(40, 52, 60, 0.1);
}

.register-confirmation-icon[b-qgg1cucso7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1.75rem;
    color: #ffffff;
    border-radius: 50%;
    background-color: var(--hi-primary);
    font-size: 1.35rem;
}

.register-confirmation-heading[b-qgg1cucso7] {
    margin-bottom: 2rem;
}

    .register-confirmation-heading h1[b-qgg1cucso7] {
        margin: 0;
        color: var(--hi-primary-dark);
        font-size: clamp(2rem, 5vw, 2.75rem);
        font-weight: 750;
        line-height: 1.1;
        letter-spacing: -0.035em;
    }

    .register-confirmation-heading > p:last-child[b-qgg1cucso7] {
        margin: 1rem 0 0;
        color: var(--hi-text-secondary);
        line-height: 1.65;
    }

    .register-confirmation-heading strong[b-qgg1cucso7] {
        color: var(--hi-text);
    }

.register-confirmation-development[b-qgg1cucso7],
.register-confirmation-help[b-qgg1cucso7] {
    margin-top: 1.75rem;
    padding: 1.5rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.8rem;
    background-color: var(--hi-surface-subtle);
}

    .register-confirmation-development strong[b-qgg1cucso7] {
        color: var(--hi-text);
    }

    .register-confirmation-development p[b-qgg1cucso7],
    .register-confirmation-help p[b-qgg1cucso7] {
        margin: 0.5rem 0 1.25rem;
        color: var(--hi-text-secondary);
        font-size: 0.9rem;
        line-height: 1.55;
    }

    .register-confirmation-help p[b-qgg1cucso7] {
        margin-top: 0;
    }

.register-confirmation-primary-button[b-qgg1cucso7],
.register-confirmation-secondary-button[b-qgg1cucso7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.7rem 1.15rem;
    border-radius: 0.65rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.register-confirmation-primary-button[b-qgg1cucso7] {
    color: #ffffff;
    background-color: var(--hi-primary);
}

    .register-confirmation-primary-button:hover[b-qgg1cucso7] {
        color: #ffffff;
        background-color: var(--hi-primary-dark);
        transform: translateY(-1px);
    }

.register-confirmation-secondary-button[b-qgg1cucso7] {
    color: var(--hi-primary-dark);
    border: 1px solid var(--hi-border-strong);
    background-color: var(--hi-surface);
}

    .register-confirmation-secondary-button:hover[b-qgg1cucso7] {
        color: var(--hi-primary-dark);
        border-color: var(--hi-primary);
        background-color: var(--hi-primary-soft);
    }

.register-confirmation-footer[b-qgg1cucso7] {
    margin: 2rem 0 0;
    color: var(--hi-text-muted);
    font-size: 0.85rem;
    text-align: center;
}

    .register-confirmation-footer a[b-qgg1cucso7] {
        color: var(--hi-primary);
        font-weight: 700;
        text-decoration: none;
    }

        .register-confirmation-footer a:hover[b-qgg1cucso7] {
            color: var(--hi-primary-dark);
            text-decoration: underline;
        }

@media (max-width: 600px) {
    .register-confirmation-page[b-qgg1cucso7] {
        min-height: auto;
        padding: 2rem 1rem 4rem;
    }

    .register-confirmation-card[b-qgg1cucso7] {
        padding: 1.5rem;
    }
}
/* /Identity/Pages/ResendEmailConfirmation.razor.rz.scp.css */
.resend-email-page[b-7ijgkpnjs2] {
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 72px);
    padding: 5rem 2rem;
    background: radial-gradient( circle at 85% 15%, rgba(199, 137, 82, 0.14), transparent 28% ), var(--hi-background);
}

.resend-email-card[b-7ijgkpnjs2] {
    align-self: flex-start;
    width: min(100%, 520px);
    padding: 2.5rem;
    border: 1px solid var(--hi-border);
    border-radius: 1.25rem;
    background-color: var(--hi-surface);
    box-shadow: 0 24px 60px rgba(40, 52, 60, 0.1);
}

.resend-email-heading[b-7ijgkpnjs2] {
    margin-bottom: 2rem;
}

    .resend-email-heading h1[b-7ijgkpnjs2] {
        margin: 0;
        color: var(--hi-primary-dark);
        font-size: clamp(2rem, 5vw, 2.6rem);
        font-weight: 750;
        line-height: 1.1;
        letter-spacing: -0.035em;
    }

    .resend-email-heading > p:last-child[b-7ijgkpnjs2] {
        margin: 1rem 0 0;
        color: var(--hi-text-secondary);
        line-height: 1.65;
    }

.resend-email-form[b-7ijgkpnjs2] {
    display: grid;
    gap: 1.25rem;
}

.resend-email-field[b-7ijgkpnjs2] {
    display: grid;
    gap: 0.45rem;
}

    .resend-email-field label[b-7ijgkpnjs2] {
        color: var(--hi-text);
        font-size: 0.88rem;
        font-weight: 700;
    }

    .resend-email-field .form-control[b-7ijgkpnjs2] {
        min-height: 50px;
        padding: 0.75rem 0.9rem;
        color: var(--hi-text);
        border: 1px solid var(--hi-border-strong);
        border-radius: 0.65rem;
        background-color: var(--hi-surface);
    }

        .resend-email-field .form-control[b-7ijgkpnjs2]::placeholder {
            color: var(--hi-text-muted);
        }

        .resend-email-field .form-control:focus[b-7ijgkpnjs2] {
            border-color: var(--hi-primary);
            outline: 3px solid rgba(64, 95, 122, 0.12);
            box-shadow: none;
        }

.resend-email-validation-summary[b-7ijgkpnjs2] {
    margin: 0;
    color: var(--hi-danger);
    font-size: 0.88rem;
}

    .resend-email-validation-summary:empty[b-7ijgkpnjs2] {
        display: none;
    }

.validation-message[b-7ijgkpnjs2] {
    color: var(--hi-danger);
    font-size: 0.82rem;
}

.resend-email-button[b-7ijgkpnjs2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    margin-top: 0.25rem;
    padding: 0.8rem 1.25rem;
    color: #ffffff;
    border: 0;
    border-radius: 0.65rem;
    background-color: var(--hi-primary);
    font-weight: 700;
    cursor: pointer;
    transition: transform 150ms ease, background-color 150ms ease;
}

    .resend-email-button:hover[b-7ijgkpnjs2] {
        background-color: var(--hi-primary-dark);
        transform: translateY(-1px);
    }

    .resend-email-button:focus-visible[b-7ijgkpnjs2] {
        outline: 3px solid rgba(64, 95, 122, 0.25);
        outline-offset: 2px;
    }

.resend-email-footer[b-7ijgkpnjs2] {
    margin: 1.75rem 0 0;
    text-align: center;
}

    .resend-email-footer a[b-7ijgkpnjs2] {
        color: var(--hi-primary);
        font-size: 0.88rem;
        font-weight: 700;
        text-decoration: none;
    }

        .resend-email-footer a:hover[b-7ijgkpnjs2] {
            color: var(--hi-primary-dark);
            text-decoration: underline;
        }

@media (max-width: 600px) {
    .resend-email-page[b-7ijgkpnjs2] {
        min-height: auto;
        padding: 2rem 1rem 4rem;
    }

    .resend-email-card[b-7ijgkpnjs2] {
        padding: 1.5rem;
    }
}
/* /Identity/SignUp/SignUpInvitations.razor.rz.scp.css */
.invitations-admin[b-nvfhjh3bo7] {
    display: grid;
    gap: 1.25rem;
    max-width: 60rem;
}

    .invitations-admin h1[b-nvfhjh3bo7] {
        margin: 0.25rem 0 0.5rem;
    }

    .invitations-admin header p:last-child[b-nvfhjh3bo7] {
        margin: 0;
        color: var(--hi-text-secondary);
    }

.card[b-nvfhjh3bo7] {
    padding: 1.25rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.9rem;
    background-color: var(--hi-surface);
}

    .card h2[b-nvfhjh3bo7] {
        margin: 0 0 0.75rem;
        font-size: 1.1rem;
    }

.invite-form[b-nvfhjh3bo7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
}

    .invite-form label[b-nvfhjh3bo7] {
        font-weight: 600;
    }

    .invite-form input[b-nvfhjh3bo7] {
        flex: 1 1 18rem;
        min-width: 0;
        padding: 0.55rem 0.7rem;
        border: 1px solid var(--hi-border);
        border-radius: 0.6rem;
        background-color: var(--hi-surface);
        color: inherit;
        font: inherit;
    }

.button[b-nvfhjh3bo7] {
    padding: 0.6rem 1rem;
    border: 0;
    border-radius: 0.6rem;
    color: #ffffff;
    background-color: var(--hi-primary);
    font-weight: 700;
    cursor: pointer;
}

    .button:hover:not(:disabled)[b-nvfhjh3bo7] {
        background-color: var(--hi-primary-dark);
    }

    .button:disabled[b-nvfhjh3bo7] {
        opacity: 0.6;
        cursor: default;
    }

.notice[b-nvfhjh3bo7] {
    margin: 0.75rem 0 0;
    font-weight: 600;
}

    .notice.problem[b-nvfhjh3bo7] {
        color: var(--hi-danger, #b42318);
    }

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

table[b-nvfhjh3bo7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

th[b-nvfhjh3bo7],
td[b-nvfhjh3bo7] {
    padding: 0.55rem 0.5rem;
    border-bottom: 1px solid var(--hi-border);
    text-align: left;
    white-space: nowrap;
}

th[b-nvfhjh3bo7] {
    color: var(--hi-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

.tag[b-nvfhjh3bo7] {
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    background-color: var(--hi-surface-subtle);
    font-size: 0.78rem;
}

    .tag.joined[b-nvfhjh3bo7] {
        color: #ffffff;
        background-color: var(--hi-primary);
    }

.actions[b-nvfhjh3bo7] {
    text-align: right;
}

.link-button[b-nvfhjh3bo7] {
    padding: 0.2rem 0.4rem;
    border: 0;
    background: none;
    color: var(--hi-primary);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

    .link-button:disabled[b-nvfhjh3bo7] {
        opacity: 0.6;
        cursor: default;
    }

.visually-hidden[b-nvfhjh3bo7] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
/* /Layout/AccountNavigation.razor.rz.scp.css */
.account-navigation[b-x6y6wk4rb0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.account-link[b-x6y6wk4rb0],
.login-link[b-x6y6wk4rb0],
.logout-button[b-x6y6wk4rb0] {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0.65rem 0.85rem;
    color: inherit;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

    .account-link:hover[b-x6y6wk4rb0],
    .login-link:hover[b-x6y6wk4rb0],
    .logout-button:hover[b-x6y6wk4rb0] {
        color: #376f94;
    }

.logout-form[b-x6y6wk4rb0] {
    display: inline;
    margin: 0;
}

.logout-button[b-x6y6wk4rb0] {
    cursor: pointer;
}

.register-link[b-x6y6wk4rb0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.65rem 1rem;
    color: #ffffff;
    border-radius: 0.55rem;
    background-color: #376f94;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
}

    .register-link:hover[b-x6y6wk4rb0] {
        color: #ffffff;
        background-color: #0a2942;
    }

@media (max-width: 520px) {
    .account-navigation[b-x6y6wk4rb0] {
        gap: 0.25rem;
    }

    .account-link[b-x6y6wk4rb0],
    .logout-button[b-x6y6wk4rb0] {
        padding-inline: 0.55rem;
        font-size: 0.85rem;
    }

    .register-link[b-x6y6wk4rb0] {
        padding: 0.55rem 0.75rem;
        font-size: 0.82rem;
    }
}
/* /Layout/Application/ApplicationLayout.razor.rz.scp.css */
:root[b-ff9nijiedl] {
    --pl-navy: #0a2942;
    --pl-blue: #376f94;
    --pl-blue-soft: #e5eff7;
    --pl-orange: #d7853f;
    --pl-green: #648b69;
    --pl-red: #d15131;
    --pl-gold: #e4a628;
    --pl-text-muted: #69788f;
    --pl-border: #e5e2de;
    --pl-background: #fbfaf8;
    --pl-surface: #ffffff;
}

*[b-ff9nijiedl] {
    box-sizing: border-box;
}

.app-shell[b-ff9nijiedl] {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    min-height: 100vh;
    color: var(--pl-navy);
    background: radial-gradient(circle at 70% 0%, rgba(231, 217, 198, 0.18), transparent 35%), var(--pl-background);
}

.skip-link[b-ff9nijiedl] {
    position: fixed;
    top: -100px;
    left: 1rem;
    z-index: 2000;
    padding: 0.75rem 1rem;
    color: #fff;
    background: var(--pl-navy);
    border-radius: 0.5rem;
}

    .skip-link:focus[b-ff9nijiedl] {
        top: 1rem;
    }

.app-sidebar[b-ff9nijiedl] {
    position: sticky;
    top: 0;
    display: flex;
    height: 100vh;
    padding: 22px 16px;
    flex-direction: column;
    color: #E6EDF3;
    background: linear-gradient(180deg, #213A4F, #182B3B);
}

.brand[b-ff9nijiedl] {
    display: flex;
    align-items: center;
    padding: 0 10px 28px;
    font-size: 1rem;
    text-decoration: none;
}

    .brand[b-ff9nijiedl]  .brand-logo {
        color: #FFFFFF;
    }

    .brand[b-ff9nijiedl]  .brand-logo-tagline {
        color: #A9BBCB;
    }

.sidebar-navigation[b-ff9nijiedl] {
    flex: 1;
}

.app-version[b-ff9nijiedl] {
    margin: 12px 10px 0;
    color: #A9BBCB;
    font-size: 0.75rem;
}

.app-workspace[b-ff9nijiedl] {
    display: flex;
    min-width: 0;
    min-height: 100vh;
    flex-direction: column;
}

.app-account-bar[b-ff9nijiedl] {
    position: sticky;
    top: 0;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 72px;
    padding: 12px 26px 12px 4px;
    gap: 20px;
    background: rgba(251, 250, 248, 0.94);
    backdrop-filter: blur(12px);
}

    .app-account-bar[b-ff9nijiedl]  .account-navigation {
        margin-left: auto;
        color: var(--pl-navy);
    }

.app-search[b-ff9nijiedl] {
    display: flex;
    align-items: center;
    width: min(620px, 100%);
    height: 48px;
    padding: 0 18px;
    gap: 12px;
    border: 1px solid var(--pl-border);
    border-radius: 12px;
    background: var(--pl-surface);
    box-shadow: 0 2px 8px rgba(10, 41, 66, 0.04);
}

    .app-search:focus-within[b-ff9nijiedl] {
        border-color: var(--pl-blue);
        box-shadow: 0 0 0 3px rgba(55, 111, 148, 0.14);
    }

    .app-search svg[b-ff9nijiedl] {
        width: 20px;
        height: 20px;
        flex: 0 0 auto;
        fill: none;
        stroke: #52657d;
        stroke-width: 2;
        stroke-linecap: round;
    }

    .app-search input[b-ff9nijiedl] {
        width: 100%;
        min-width: 0;
        color: var(--pl-navy);
        border: 0;
        outline: 0;
        background: transparent;
        font: inherit;
        font-size: 0.98rem;
    }

        .app-search input[b-ff9nijiedl]::placeholder {
            color: var(--pl-text-muted);
        }

.sr-only[b-ff9nijiedl] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.app-content[b-ff9nijiedl] {
    width: 100%;
    flex: 1;
    padding: 18px 26px 24px 4px;
}

@media (max-width: 980px) {
    .app-shell[b-ff9nijiedl] {
        grid-template-columns: 1fr;
    }

    .app-sidebar[b-ff9nijiedl] {
        position: static;
        display: block;
        height: auto;
        padding: 14px 18px 8px;
    }

    .brand[b-ff9nijiedl] {
        padding-bottom: 14px;
        font-size: 0.85rem;
    }

    .app-account-bar[b-ff9nijiedl] {
        min-height: 56px;
        padding: 7px 18px;
        gap: 10px;
    }

    .app-content[b-ff9nijiedl] {
        padding: 12px 18px 24px;
    }
}

@media (max-width: 560px) {

    .app-account-bar[b-ff9nijiedl] {
        flex-wrap: wrap;
        padding-inline: 10px;
    }

    .app-search[b-ff9nijiedl] {
        order: 2;
        width: 100%;
    }

    .app-content[b-ff9nijiedl] {
        padding: 10px;
    }
}
/* /Layout/Application/ApplicationNavigation.razor.rz.scp.css */
.app-navigation[b-6amnsvxjho] {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 8px;
}

    .app-navigation[b-6amnsvxjho]  .app-nav-link {
        display: flex;
        align-items: center;
        min-height: 52px;
        padding: 0 17px;
        gap: 15px;
        color: #D5DFE8;
        border-radius: 12px;
        font-size: 1.02rem;
        font-weight: 550;
        text-decoration: none;
        transition: color 150ms ease, background-color 150ms ease, transform 150ms ease;
    }

        .app-navigation[b-6amnsvxjho]  .app-nav-link:hover {
            color: #FFFFFF;
            background: rgba(255, 255, 255, 0.07);
            transform: translateX(2px);
        }

        .app-navigation[b-6amnsvxjho]  .app-nav-link.active {
            color: #FFFFFF;
            background: linear-gradient(135deg, #4C6F8C, #3E5F7A);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22);
            font-weight: 650;
        }

            .app-navigation[b-6amnsvxjho]  .app-nav-link.active:hover {
                transform: none;
            }

.nav-icon[b-6amnsvxjho] {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.settings-link[b-6amnsvxjho] {
    margin-top: 11px;
}

@media (max-width: 980px) {
    .app-navigation[b-6amnsvxjho] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 5px;
    }

        .app-navigation[b-6amnsvxjho]  .app-nav-link {
            justify-content: center;
            min-height: 48px;
            padding: 8px;
            gap: 7px;
            font-size: 0.75rem;
        }

    .nav-icon[b-6amnsvxjho] {
        width: 19px;
        height: 19px;
    }

    .settings-link[b-6amnsvxjho],
    .administration-link[b-6amnsvxjho] {
        margin-top: 0;
    }

    .administration-link[b-6amnsvxjho] {
        margin-top: 0;
    }
}

@media (max-width: 650px) {
    .app-navigation[b-6amnsvxjho] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
        gap: 5px;
    }
}
/* /Layout/BrandLogo.razor.rz.scp.css */
.brand-logo[b-5c9saakls5] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--hi-primary-dark);
}

.brand-logo-mark[b-5c9saakls5] {
    width: 2.6em;
    height: 2.6em;
    flex: 0 0 auto;
}

.brand-logo-copy[b-5c9saakls5] {
    display: flex;
    flex-direction: column;
}

.brand-logo-name[b-5c9saakls5] {
    font-size: 2em;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.035em;
}

.brand-logo-tagline[b-5c9saakls5] {
    margin-top: 0.45rem;
    color: var(--hi-text-secondary);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Compact variant for the marketing header. */
.brand-logo.compact[b-5c9saakls5] {
    font-size: 0.82rem;
}
/* /Layout/Marketing/MarketingLayout.razor.rz.scp.css */
.marketing-layout[b-7l7iwavv2r] {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    color: var(--hi-text);
    background-color: var(--hi-background);
}

.marketing-content[b-7l7iwavv2r] {
    flex: 1;
}

.site-footer[b-7l7iwavv2r] {
    padding: 2rem 0;
    color: #F7F4EF;
    background-color: var(--hi-primary-dark);
}

.footer-content[b-7l7iwavv2r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

    .footer-content p[b-7l7iwavv2r] {
        margin: 0;
        color: #E8E3DC;
        font-size: 0.9rem;
    }

    .footer-content nav[b-7l7iwavv2r] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem 1.25rem;
    }

    .footer-content a[b-7l7iwavv2r] {
        color: #F7F4EF;
        font-size: 0.9rem;
        font-weight: 600;
        text-decoration: none;
    }

        .footer-content a:hover[b-7l7iwavv2r] {
            color: #FFFFFF;
            text-decoration: underline;
        }

@media (max-width: 900px) {
    .footer-content[b-7l7iwavv2r] {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Page buttons are links that stretch to full width on phones; without
   this their padding pushes them past the edge of the screen. */
.marketing-content[b-7l7iwavv2r]  a {
    box-sizing: border-box;
}

/* Plain links in page text, rather than the browser's default blue. */
.marketing-content[b-7l7iwavv2r]  a:not([class]) {
    color: var(--hi-primary);
}
/* /Layout/Marketing/SiteHeader.razor.rz.scp.css */
.site-header[b-c1h2v0exww] {
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid var(--hi-border);
    background-color: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(12px);
}

.header-content[b-c1h2v0exww] {
    display: flex;
    align-items: center;
    min-height: 72px;
    gap: 2rem;
}

.brand[b-c1h2v0exww] {
    flex-shrink: 0;
    color: var(--hi-primary-dark);
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-decoration: none;
}

    .brand:hover[b-c1h2v0exww] {
        color: var(--hi-primary);
    }

.site-navigation[b-c1h2v0exww] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

    .site-navigation a[b-c1h2v0exww] {
        color: var(--hi-text-secondary);
        font-size: 0.95rem;
        font-weight: 600;
        text-decoration: none;
    }

        .site-navigation a:hover[b-c1h2v0exww] {
            color: var(--hi-primary);
        }

.header-content[b-c1h2v0exww]  .account-navigation {
    margin-left: auto;
}




.login-link[b-c1h2v0exww],
.account-link[b-c1h2v0exww],
.logout-button[b-c1h2v0exww] {
    padding: 0.65rem 0.85rem;
    color: var(--hi-primary-dark);
    border: 0;
    background: transparent;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
}

    .login-link:hover[b-c1h2v0exww],
    .account-link:hover[b-c1h2v0exww],
    .logout-button:hover[b-c1h2v0exww] {
        color: var(--hi-primary);
    }

.register-link[b-c1h2v0exww] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.65rem 1rem;
    color: #ffffff;
    border-radius: 0.55rem;
    background-color: var(--hi-primary);
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
}

    .register-link:hover[b-c1h2v0exww] {
        color: #ffffff;
        background-color: var(--hi-primary-dark);
    }

.logout-form[b-c1h2v0exww] {
    display: inline;
    margin: 0;
}

.logout-button[b-c1h2v0exww] {
    cursor: pointer;
}

@media (max-width: 850px) {
    .header-content[b-c1h2v0exww] {
        flex-wrap: wrap;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        gap: 0.75rem 1rem;
    }

    .site-navigation[b-c1h2v0exww] {
        order: 3;
        width: 100%;
        padding-top: 0.75rem;
        border-top: 1px solid var(--hi-border);
        overflow-x: auto;
    }
}

@media (max-width: 520px) {
    .brand[b-c1h2v0exww] {
        font-size: 1rem;
    }

    .login-link[b-c1h2v0exww] {
        display: none;
    }

    .register-link[b-c1h2v0exww] {
        padding: 0.55rem 0.75rem;
        font-size: 0.82rem;
    }

    .site-navigation[b-c1h2v0exww] {
        justify-content: space-between;
        gap: 1rem;
    }

        .site-navigation a[b-c1h2v0exww] {
            font-size: 0.85rem;
        }
}
/* /Layout/Phone/PhoneLayout.razor.rz.scp.css */
.phone-layout[b-iyhd7d7sn0] {
    min-height: 100vh;
    background: var(--hi-background);
    color: var(--hi-text);
}

/* The app sidebar's navy, with the logo in white as it is there. */
.phone-brand[b-iyhd7d7sn0] {
    padding: 0.7rem 1rem;
    background: linear-gradient(180deg, #213A4F, #182B3B);
}

    .phone-brand[b-iyhd7d7sn0]  .brand-logo {
        color: #FFFFFF;
    }

.phone-content[b-iyhd7d7sn0] {
    width: min(560px, 100%);
    margin: 0 auto;
    padding: 1rem;
    box-sizing: border-box;
}
/* /Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-o88b1sfoq0],
.components-reconnect-repeated-attempt-visible[b-o88b1sfoq0],
.components-reconnect-failed-visible[b-o88b1sfoq0],
.components-pause-visible[b-o88b1sfoq0],
.components-resume-failed-visible[b-o88b1sfoq0],
.components-rejoining-animation[b-o88b1sfoq0] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Marketing/About.razor.rz.scp.css */
.about-hero[b-xeqxs94ymj] {
    padding: 7rem 0;
    color: #ffffff;
    background: radial-gradient( circle at top right, rgba(199, 137, 82, 0.22), transparent 35% ), linear-gradient( 135deg, var(--hi-primary-dark), var(--hi-primary) );
}

.about-hero-content[b-xeqxs94ymj] {
    max-width: 900px;
    text-align: center;
}

.about-hero .eyebrow[b-xeqxs94ymj],
.about-cta .eyebrow[b-xeqxs94ymj] {
    color: #E5C6A8;
}

.about-hero h1[b-xeqxs94ymj] {
    max-width: 850px;
    margin: 0 auto;
    font-size: clamp(2.5rem, 6vw, 4.75rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.hero-description[b-xeqxs94ymj] {
    max-width: 720px;
    margin: 1.5rem auto 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1.2rem;
    line-height: 1.7;
}

.mission-section[b-xeqxs94ymj],
.purpose-section[b-xeqxs94ymj],
.principles-section[b-xeqxs94ymj],
.process-section[b-xeqxs94ymj] {
    padding: 6rem 0;
}

.mission-layout[b-xeqxs94ymj] {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 5rem;
}

    .mission-layout h2[b-xeqxs94ymj],
    .section-heading h2[b-xeqxs94ymj],
    .process-heading h2[b-xeqxs94ymj],
    .about-cta h2[b-xeqxs94ymj] {
        margin: 0;
        color: var(--hi-primary-dark);
        font-size: clamp(2rem, 4vw, 3rem);
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: -0.025em;
    }

.mission-copy[b-xeqxs94ymj] {
    color: var(--hi-text-secondary);
    font-size: 1.08rem;
    line-height: 1.8;
}

    .mission-copy p:first-child[b-xeqxs94ymj] {
        margin-top: 0;
    }

    .mission-copy p:last-child[b-xeqxs94ymj] {
        margin-bottom: 0;
    }

.purpose-section[b-xeqxs94ymj],
.process-section[b-xeqxs94ymj] {
    background-color: var(--hi-background);
}

.section-heading[b-xeqxs94ymj] {
    max-width: 720px;
    margin-bottom: 3rem;
}

    .section-heading > p:last-child[b-xeqxs94ymj] {
        margin-top: 1rem;
        color: var(--hi-text-secondary);
        font-size: 1.08rem;
        line-height: 1.7;
    }

.purpose-grid[b-xeqxs94ymj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

    .purpose-grid article[b-xeqxs94ymj] {
        padding: 2rem;
        border: 1px solid var(--hi-border);
        border-radius: 1rem;
        background-color: var(--hi-surface);
    }

    .purpose-grid span[b-xeqxs94ymj] {
        display: block;
        margin-bottom: 2.5rem;
        color: var(--hi-accent);
        font-size: 0.8rem;
        font-weight: 700;
    }

    .purpose-grid h3[b-xeqxs94ymj],
    .principle-card h3[b-xeqxs94ymj],
    .process-list h3[b-xeqxs94ymj] {
        margin-bottom: 0.65rem;
        color: var(--hi-text);
        font-size: 1.2rem;
        font-weight: 700;
    }

    .purpose-grid p[b-xeqxs94ymj],
    .principle-card p[b-xeqxs94ymj],
    .process-list p[b-xeqxs94ymj] {
        margin: 0;
        color: var(--hi-text-secondary);
        line-height: 1.65;
    }

.principles-grid[b-xeqxs94ymj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.principle-card[b-xeqxs94ymj] {
    min-height: 220px;
    padding: 1.75rem;
    border: 1px solid var(--hi-border);
    border-top: 4px solid var(--hi-accent);
    border-radius: 0.75rem;
    background-color: var(--hi-surface-subtle);
}

.process-layout[b-xeqxs94ymj] {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 5rem;
}

.process-list[b-xeqxs94ymj] {
    display: grid;
    gap: 1rem;
}

    .process-list article[b-xeqxs94ymj] {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 1.25rem;
        padding: 1.5rem;
        border: 1px solid var(--hi-border);
        border-radius: 1rem;
        background-color: var(--hi-surface);
    }

        .process-list article > span[b-xeqxs94ymj] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2.5rem;
            height: 2.5rem;
            color: #ffffff;
            border-radius: 50%;
            background-color: var(--hi-primary);
            font-weight: 700;
        }

.about-cta[b-xeqxs94ymj] {
    padding: 5rem 0;
    color: #ffffff;
    background: radial-gradient( circle at top right, rgba(199, 137, 82, 0.16), transparent 38% ), var(--hi-primary-dark);
}

.about-cta-content[b-xeqxs94ymj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

    .about-cta-content > div:first-child[b-xeqxs94ymj] {
        max-width: 650px;
    }

.about-cta h2[b-xeqxs94ymj] {
    color: #ffffff;
}

.about-cta p:last-child[b-xeqxs94ymj] {
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, 0.78);
}

.cta-actions[b-xeqxs94ymj] {
    display: flex;
    flex-shrink: 0;
    gap: 0.75rem;
}

.primary-cta-button[b-xeqxs94ymj],
.secondary-cta-button[b-xeqxs94ymj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0.65rem;
    font-weight: 700;
    text-decoration: none;
}

.primary-cta-button[b-xeqxs94ymj] {
    color: var(--hi-primary-dark);
    background-color: var(--hi-background);
}

    .primary-cta-button:hover[b-xeqxs94ymj] {
        color: var(--hi-primary-dark);
        background-color: #EEE7DE;
    }

.secondary-cta-button[b-xeqxs94ymj] {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.45);
    background-color: transparent;
}

    .secondary-cta-button:hover[b-xeqxs94ymj] {
        color: #ffffff;
        border-color: #ffffff;
        background-color: rgba(255, 255, 255, 0.08);
    }

@media (max-width: 850px) {
    .mission-layout[b-xeqxs94ymj],
    .process-layout[b-xeqxs94ymj] {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .purpose-grid[b-xeqxs94ymj],
    .principles-grid[b-xeqxs94ymj] {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-cta-content[b-xeqxs94ymj] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .about-hero[b-xeqxs94ymj],
    .mission-section[b-xeqxs94ymj],
    .purpose-section[b-xeqxs94ymj],
    .principles-section[b-xeqxs94ymj],
    .process-section[b-xeqxs94ymj],
    .about-cta[b-xeqxs94ymj] {
        padding: 4rem 0;
    }

    .purpose-grid[b-xeqxs94ymj],
    .principles-grid[b-xeqxs94ymj] {
        grid-template-columns: 1fr;
    }

    .cta-actions[b-xeqxs94ymj] {
        width: 100%;
        flex-direction: column;
    }

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

.about-cta p a:not([class])[b-xeqxs94ymj] {
    color: #ffffff;
}
/* /Marketing/Features.razor.rz.scp.css */
.features-hero[b-sffcv3d5ae] {
    padding: 7rem 0;
    color: #ffffff;
    background: radial-gradient( circle at top right, rgba(199, 137, 82, 0.22), transparent 35% ), linear-gradient( 135deg, var(--hi-primary-dark), var(--hi-primary) );
}

.hero-content[b-sffcv3d5ae] {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.features-hero .eyebrow[b-sffcv3d5ae],
.cta-section .eyebrow[b-sffcv3d5ae] {
    color: #E5C6A8;
}

h1[b-sffcv3d5ae] {
    max-width: 850px;
    margin: 0 auto;
    font-size: clamp(2.5rem, 6vw, 4.75rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.hero-description[b-sffcv3d5ae] {
    max-width: 720px;
    margin: 1.5rem auto 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1.2rem;
    line-height: 1.7;
}

.hero-actions[b-sffcv3d5ae] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2.25rem;
}

.primary-button:hover[b-sffcv3d5ae] {
    color: #ffffff;
    background-color: var(--hi-primary-dark);
    transform: translateY(-2px);
}

.secondary-button[b-sffcv3d5ae] {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.45);
    background-color: rgba(255, 255, 255, 0.08);
}

    .secondary-button:hover[b-sffcv3d5ae] {
        color: #ffffff;
        border-color: #ffffff;
        background-color: rgba(255, 255, 255, 0.15);
    }

.feature-section[b-sffcv3d5ae],
.benefit-section[b-sffcv3d5ae] {
    padding: 6rem 0;
}

.section-heading[b-sffcv3d5ae] {
    max-width: 720px;
    margin-bottom: 3rem;
}

    .section-heading h2[b-sffcv3d5ae],
    .workflow-introduction h2[b-sffcv3d5ae],
    .cta-content h2[b-sffcv3d5ae] {
        margin-bottom: 1rem;
        color: var(--hi-primary-dark);
        font-size: clamp(2rem, 4vw, 3rem);
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: -0.025em;
    }

    .section-heading > p:last-child[b-sffcv3d5ae],
    .workflow-introduction > p:last-child[b-sffcv3d5ae] {
        color: var(--hi-text-secondary);
        font-size: 1.08rem;
        line-height: 1.75;
    }

.feature-grid[b-sffcv3d5ae] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.feature-card[b-sffcv3d5ae] {
    min-height: 260px;
    padding: 1.75rem;
    border: 1px solid var(--hi-border);
    border-radius: 1rem;
    background-color: var(--hi-surface);
    box-shadow: 0 12px 35px rgba(40, 52, 60, 0.06);
}

.feature-number[b-sffcv3d5ae] {
    display: block;
    margin-bottom: 2.5rem;
    color: var(--hi-accent);
    font-size: 0.8rem;
    font-weight: 700;
}

.feature-card h3[b-sffcv3d5ae],
.benefit-grid h3[b-sffcv3d5ae],
.workflow-list h3[b-sffcv3d5ae] {
    margin-bottom: 0.65rem;
    color: var(--hi-text);
    font-size: 1.2rem;
    font-weight: 700;
}

.feature-card p[b-sffcv3d5ae],
.benefit-grid p[b-sffcv3d5ae],
.workflow-list p[b-sffcv3d5ae] {
    margin: 0;
    color: var(--hi-text-secondary);
    line-height: 1.65;
}

.workflow-section[b-sffcv3d5ae] {
    padding: 6rem 0;
    background-color: var(--hi-background);
}

.workflow-layout[b-sffcv3d5ae] {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 5rem;
    align-items: start;
}

.workflow-list[b-sffcv3d5ae] {
    display: grid;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .workflow-list li[b-sffcv3d5ae] {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 1.25rem;
        padding: 1.5rem;
        border: 1px solid var(--hi-border);
        border-radius: 1rem;
        background-color: var(--hi-surface);
    }

        .workflow-list li > span[b-sffcv3d5ae] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2.5rem;
            height: 2.5rem;
            color: #ffffff;
            border-radius: 50%;
            background-color: var(--hi-primary);
            font-weight: 700;
        }

.benefit-grid[b-sffcv3d5ae] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem 3rem;
}

    .benefit-grid article[b-sffcv3d5ae] {
        padding-top: 1.25rem;
        border-top: 3px solid var(--hi-accent);
    }

.cta-section[b-sffcv3d5ae] {
    padding: 5rem 0;
    color: #ffffff;
    background: radial-gradient( circle at top right, rgba(199, 137, 82, 0.16), transparent 38% ), var(--hi-primary-dark);
}

.cta-content[b-sffcv3d5ae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

    .cta-content > div[b-sffcv3d5ae] {
        max-width: 700px;
    }

    .cta-content h2[b-sffcv3d5ae] {
        color: #ffffff;
    }

    .cta-content p:last-child[b-sffcv3d5ae] {
        margin: 0;
        color: rgba(255, 255, 255, 0.78);
        font-size: 1.05rem;
    }

.light-button[b-sffcv3d5ae] {
    flex-shrink: 0;
    color: var(--hi-primary-dark);
    background-color: var(--hi-background);
}

    .light-button:hover[b-sffcv3d5ae] {
        color: var(--hi-primary-dark);
        background-color: #EEE7DE;
    }

@media (max-width: 900px) {
    .feature-grid[b-sffcv3d5ae],
    .benefit-grid[b-sffcv3d5ae] {
        grid-template-columns: repeat(2, 1fr);
    }

    .workflow-layout[b-sffcv3d5ae] {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .cta-content[b-sffcv3d5ae] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .features-hero[b-sffcv3d5ae],
    .feature-section[b-sffcv3d5ae],
    .workflow-section[b-sffcv3d5ae],
    .benefit-section[b-sffcv3d5ae] {
        padding: 4rem 0;
    }

    .feature-grid[b-sffcv3d5ae],
    .benefit-grid[b-sffcv3d5ae] {
        grid-template-columns: 1fr;
    }

    .hero-actions[b-sffcv3d5ae] {
        align-items: stretch;
        flex-direction: column;
    }

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

    .feature-card[b-sffcv3d5ae] {
        min-height: auto;
    }
}
/* /Marketing/Home.razor.rz.scp.css */
.home-hero[b-hj8yibfeay] {
    padding: 6rem 0;
    overflow: hidden;
    background: radial-gradient( circle at 90% 10%, rgba(199, 137, 82, 0.16), transparent 32% ), linear-gradient( 145deg, var(--hi-background), var(--hi-surface) 65% );
}

.hero-layout[b-hj8yibfeay] {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 5rem;
    align-items: center;
}

.hero-copy h1[b-hj8yibfeay] {
    max-width: 650px;
    margin: 0;
    color: var(--hi-primary-dark);
    font-size: clamp(3rem, 6vw, 5.25rem);
    font-weight: 750;
    line-height: 0.98;
    letter-spacing: -0.05em;
}

.hero-description[b-hj8yibfeay] {
    max-width: 610px;
    margin: 1.5rem 0 0;
    color: var(--hi-text-secondary);
    font-size: 1.18rem;
    line-height: 1.7;
}

.hero-actions[b-hj8yibfeay] {
    display: flex;
    gap: 0.85rem;
    margin-top: 2rem;
}

.primary-hero-button[b-hj8yibfeay],
.secondary-hero-button[b-hj8yibfeay] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0.75rem 1.3rem;
    border: 1px solid transparent;
    border-radius: 0.65rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.primary-hero-button[b-hj8yibfeay] {
    color: #ffffff;
    background-color: var(--hi-primary);
}

    .primary-hero-button:hover[b-hj8yibfeay] {
        color: #ffffff;
        background-color: var(--hi-primary-dark);
        transform: translateY(-2px);
    }

.secondary-hero-button[b-hj8yibfeay] {
    color: var(--hi-primary-dark);
    border-color: var(--hi-border-strong);
    background-color: var(--hi-surface);
}

    .secondary-hero-button:hover[b-hj8yibfeay] {
        color: var(--hi-primary-dark);
        border-color: var(--hi-primary);
        background-color: var(--hi-primary-soft);
        transform: translateY(-2px);
    }

.trial-note[b-hj8yibfeay] {
    margin: 1rem 0 0;
    color: var(--hi-text-muted);
    font-size: 0.87rem;
}

.inventory-preview[b-hj8yibfeay] {
    padding: 1.25rem;
    border: 1px solid var(--hi-border);
    border-radius: 1.25rem;
    background-color: var(--hi-surface);
    box-shadow: 0 30px 80px rgba(40, 52, 60, 0.16);
    transform: rotate(1deg);
}

.preview-toolbar[b-hj8yibfeay] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.5rem 1.25rem;
}

.preview-label[b-hj8yibfeay] {
    margin: 0 0 0.25rem;
    color: var(--hi-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.preview-toolbar h2[b-hj8yibfeay] {
    margin: 0;
    color: var(--hi-primary-dark);
    font-size: 1.35rem;
    font-weight: 700;
}

.location-pill[b-hj8yibfeay] {
    padding: 0.45rem 0.75rem;
    color: var(--hi-primary-dark);
    border-radius: 999px;
    background-color: var(--hi-primary-soft);
    font-size: 0.78rem;
    font-weight: 700;
}

.summary-grid[b-hj8yibfeay] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.summary-card[b-hj8yibfeay] {
    padding: 1rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.75rem;
    background-color: var(--hi-surface-subtle);
}

.primary-summary[b-hj8yibfeay] {
    color: #ffffff;
    border-color: var(--hi-primary);
    background-color: var(--hi-primary);
}

.summary-card span[b-hj8yibfeay],
.summary-card small[b-hj8yibfeay] {
    display: block;
}

.summary-card span[b-hj8yibfeay] {
    font-size: 0.75rem;
    font-weight: 700;
}

.summary-card strong[b-hj8yibfeay] {
    display: block;
    margin: 0.35rem 0;
    color: var(--hi-text);
    font-size: 1.8rem;
}

.summary-card small[b-hj8yibfeay] {
    color: var(--hi-text-muted);
    font-size: 0.67rem;
    line-height: 1.4;
}

.primary-summary strong[b-hj8yibfeay],
.primary-summary small[b-hj8yibfeay] {
    color: #ffffff;
}

.primary-summary small[b-hj8yibfeay] {
    opacity: 0.8;
}

.preview-panel[b-hj8yibfeay] {
    margin-top: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.75rem;
}

.preview-panel-heading[b-hj8yibfeay] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .preview-panel-heading h3[b-hj8yibfeay] {
        margin: 0;
        color: var(--hi-text);
        font-size: 1rem;
    }

    .preview-panel-heading a[b-hj8yibfeay] {
        color: var(--hi-primary);
        font-size: 0.75rem;
        font-weight: 700;
        text-decoration: none;
    }

        .preview-panel-heading a:hover[b-hj8yibfeay] {
            color: var(--hi-primary-dark);
        }

.suggestion-list[b-hj8yibfeay] {
    display: grid;
}

.suggestion[b-hj8yibfeay] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.8rem 0;
    border-top: 1px solid var(--hi-border);
}

.suggestion-marker[b-hj8yibfeay] {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
}

.use-soon-marker[b-hj8yibfeay] {
    background-color: var(--hi-accent);
}

.low-stock-marker[b-hj8yibfeay] {
    background-color: var(--hi-danger);
}

.stocked-marker[b-hj8yibfeay] {
    background-color: var(--hi-success);
}

.suggestion strong[b-hj8yibfeay],
.suggestion small[b-hj8yibfeay] {
    display: block;
}

.suggestion strong[b-hj8yibfeay] {
    color: var(--hi-text);
    font-size: 0.82rem;
}

.suggestion small[b-hj8yibfeay] {
    margin-top: 0.15rem;
    color: var(--hi-text-muted);
    font-size: 0.68rem;
}

.quantity[b-hj8yibfeay] {
    color: var(--hi-text-secondary);
    font-size: 0.72rem;
    font-weight: 700;
}

.value-section[b-hj8yibfeay] {
    border-top: 1px solid var(--hi-border);
    border-bottom: 1px solid var(--hi-border);
    background-color: var(--hi-surface);
}

.value-grid[b-hj8yibfeay] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

    .value-grid article[b-hj8yibfeay] {
        padding: 2rem;
        border-right: 1px solid var(--hi-border);
    }

        .value-grid article:last-child[b-hj8yibfeay] {
            border-right: 0;
        }

    .value-grid strong[b-hj8yibfeay] {
        color: var(--hi-text);
        font-size: 1rem;
    }

    .value-grid p[b-hj8yibfeay] {
        margin: 0.45rem 0 0;
        color: var(--hi-text-secondary);
        font-size: 0.9rem;
        line-height: 1.55;
    }

.problem-section[b-hj8yibfeay],
.workflow-section[b-hj8yibfeay],
.features-preview-section[b-hj8yibfeay],
.locations-section[b-hj8yibfeay],
.pricing-preview-section[b-hj8yibfeay] {
    padding: 6rem 0;
}

.problem-layout[b-hj8yibfeay] {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 5rem;
}

.problem-heading h2[b-hj8yibfeay],
.section-heading h2[b-hj8yibfeay],
.features-heading h2[b-hj8yibfeay],
.locations-copy h2[b-hj8yibfeay],
.pricing-copy h2[b-hj8yibfeay],
.final-cta h2[b-hj8yibfeay] {
    margin: 0;
    color: var(--hi-primary-dark);
    font-size: clamp(2rem, 4vw, 3.15rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.problem-copy[b-hj8yibfeay] {
    color: var(--hi-text-secondary);
    font-size: 1.08rem;
    line-height: 1.8;
}

    .problem-copy p:first-child[b-hj8yibfeay] {
        margin-top: 0;
    }

    .problem-copy p:last-child[b-hj8yibfeay] {
        margin-bottom: 0;
    }

.workflow-section[b-hj8yibfeay] {
    background-color: var(--hi-background);
}

.section-heading[b-hj8yibfeay] {
    max-width: 740px;
    margin-bottom: 3rem;
}

    .section-heading > p:last-child[b-hj8yibfeay] {
        margin: 1rem 0 0;
        color: var(--hi-text-secondary);
        font-size: 1.05rem;
        line-height: 1.7;
    }

.workflow-grid[b-hj8yibfeay] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.workflow-card[b-hj8yibfeay] {
    min-height: 260px;
    padding: 1.75rem;
    border: 1px solid var(--hi-border);
    border-radius: 1rem;
    background-color: var(--hi-surface);
}

.step-number[b-hj8yibfeay] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 2.5rem;
    color: #ffffff;
    border-radius: 50%;
    background-color: var(--hi-primary);
    font-weight: 700;
}

.workflow-card h3[b-hj8yibfeay],
.feature-card h3[b-hj8yibfeay] {
    margin-bottom: 0.65rem;
    color: var(--hi-text);
    font-size: 1.2rem;
    font-weight: 700;
}

.workflow-card p[b-hj8yibfeay],
.feature-card p[b-hj8yibfeay] {
    margin: 0;
    color: var(--hi-text-secondary);
    line-height: 1.65;
}

.features-heading[b-hj8yibfeay] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 3rem;
}

    .features-heading > div[b-hj8yibfeay] {
        max-width: 700px;
    }

.text-link[b-hj8yibfeay],
.pricing-link[b-hj8yibfeay] {
    flex-shrink: 0;
    color: var(--hi-primary);
    font-weight: 700;
    text-decoration: none;
}

    .text-link:hover[b-hj8yibfeay],
    .pricing-link:hover[b-hj8yibfeay] {
        color: var(--hi-primary-dark);
        text-decoration: underline;
    }

.features-grid[b-hj8yibfeay] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

.feature-card[b-hj8yibfeay] {
    min-height: 250px;
    padding: 2rem;
    border: 1px solid var(--hi-border);
    border-radius: 1rem;
    background-color: var(--hi-surface);
    box-shadow: 0 12px 35px rgba(40, 52, 60, 0.05);
}

.featured-card[b-hj8yibfeay] {
    color: #ffffff;
    border-color: var(--hi-primary-dark);
    background-color: var(--hi-primary-dark);
}

    .featured-card h3[b-hj8yibfeay],
    .featured-card p[b-hj8yibfeay],
    .featured-card .feature-category[b-hj8yibfeay] {
        color: #ffffff;
    }

    .featured-card p[b-hj8yibfeay] {
        opacity: 0.82;
    }

.feature-category[b-hj8yibfeay] {
    display: block;
    margin-bottom: 2.75rem;
    color: var(--hi-accent);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.locations-section[b-hj8yibfeay] {
    background-color: var(--hi-background);
}

.locations-layout[b-hj8yibfeay] {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 5rem;
    align-items: center;
}

.locations-copy > p:not(.eyebrow)[b-hj8yibfeay] {
    margin: 1.25rem 0;
    color: var(--hi-text-secondary);
    font-size: 1.05rem;
    line-height: 1.7;
}

.locations-copy ul[b-hj8yibfeay] {
    display: grid;
    gap: 0.75rem;
    margin: 1.5rem 0 0;
    padding: 0;
    list-style: none;
}

.locations-copy li[b-hj8yibfeay] {
    position: relative;
    padding-left: 1.75rem;
    color: var(--hi-text);
}

    .locations-copy li[b-hj8yibfeay]::before {
        position: absolute;
        left: 0;
        color: var(--hi-success);
        content: "✓";
        font-weight: 800;
    }

.locations-preview[b-hj8yibfeay] {
    display: grid;
    gap: 0.8rem;
    padding: 1.25rem;
    border: 1px solid var(--hi-border);
    border-radius: 1rem;
    background-color: var(--hi-surface);
    box-shadow: 0 20px 55px rgba(40, 52, 60, 0.1);
}

.location-card[b-hj8yibfeay] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.75rem;
}

.selected-location[b-hj8yibfeay] {
    border-color: var(--hi-primary);
    background-color: var(--hi-primary-soft);
}

.location-card > div[b-hj8yibfeay] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.location-icon[b-hj8yibfeay] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    color: var(--hi-primary-dark);
    border-radius: 0.65rem;
    background-color: var(--hi-primary-soft);
    font-size: 0.78rem;
    font-weight: 800;
}

.location-card strong[b-hj8yibfeay],
.location-card small[b-hj8yibfeay] {
    display: block;
}

.location-card strong[b-hj8yibfeay] {
    color: var(--hi-text);
}

.location-card small[b-hj8yibfeay] {
    margin-top: 0.2rem;
    color: var(--hi-text-muted);
    font-size: 0.78rem;
}

.status[b-hj8yibfeay] {
    color: var(--hi-success);
    font-size: 0.75rem;
    font-weight: 700;
}

.pricing-preview[b-hj8yibfeay] {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    overflow: hidden;
    padding: 0;
    border: 1px solid var(--hi-border);
    border-radius: 1.25rem;
    background-color: var(--hi-surface);
    box-shadow: 0 20px 60px rgba(40, 52, 60, 0.08);
}

.pricing-copy[b-hj8yibfeay] {
    padding: 3.5rem;
}

    .pricing-copy > p:not(.eyebrow)[b-hj8yibfeay] {
        margin: 1.25rem 0;
        color: var(--hi-text-secondary);
        line-height: 1.7;
    }

.price-summary[b-hj8yibfeay] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 3.5rem;
    color: #ffffff;
    flex-direction: column;
    background-color: var(--hi-primary-dark);
}

    .price-summary > p:first-child[b-hj8yibfeay] {
        margin: 0 0 1rem;
        color: #E7DED4;
        font-size: 0.8rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

.price[b-hj8yibfeay] {
    display: flex;
    align-items: baseline;
}

    .price > span[b-hj8yibfeay] {
        font-size: 1.5rem;
        font-weight: 700;
    }

    .price strong[b-hj8yibfeay] {
        font-size: 4rem;
        line-height: 1;
        letter-spacing: -0.05em;
    }

    .price small[b-hj8yibfeay] {
        margin-left: 0.4rem;
        color: rgba(255, 255, 255, 0.75);
    }

    .price strong.price-pending[b-hj8yibfeay] {
        font-size: 2.5rem;
        letter-spacing: -0.02em;
    }

.annual-price[b-hj8yibfeay] {
    margin: 1rem 0 1.5rem;
    color: rgba(255, 255, 255, 0.8);
}

.price-button[b-hj8yibfeay] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.75rem 1.25rem;
    color: var(--hi-primary-dark);
    border-radius: 0.65rem;
    background-color: var(--hi-background);
    font-weight: 700;
    text-decoration: none;
}

    .price-button:hover[b-hj8yibfeay] {
        color: var(--hi-primary-dark);
        background-color: #EEE7DE;
    }

.final-cta[b-hj8yibfeay] {
    padding: 6rem 0;
    color: #ffffff;
    text-align: center;
    background: radial-gradient( circle at center top, rgba(199, 137, 82, 0.2), transparent 40% ), var(--hi-primary-dark);
}

.final-cta-content[b-hj8yibfeay] {
    max-width: 800px;
}

.final-cta .eyebrow[b-hj8yibfeay] {
    color: #E5C6A8;
}

.final-cta h2[b-hj8yibfeay] {
    color: #ffffff;
}

.final-cta-content > p:not(.eyebrow)[b-hj8yibfeay] {
    max-width: 650px;
    margin: 1.25rem auto 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.08rem;
    line-height: 1.7;
}

.final-actions[b-hj8yibfeay] {
    display: flex;
    justify-content: center;
    gap: 0.85rem;
    margin-top: 2rem;
}

.final-primary-button[b-hj8yibfeay],
.final-secondary-button[b-hj8yibfeay] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0.65rem;
    font-weight: 700;
    text-decoration: none;
}

.final-primary-button[b-hj8yibfeay] {
    color: var(--hi-primary-dark);
    background-color: var(--hi-background);
}

    .final-primary-button:hover[b-hj8yibfeay] {
        color: var(--hi-primary-dark);
        background-color: #EEE7DE;
    }

.final-secondary-button[b-hj8yibfeay] {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.45);
}

    .final-secondary-button:hover[b-hj8yibfeay] {
        color: #ffffff;
        border-color: #ffffff;
        background-color: rgba(255, 255, 255, 0.08);
    }

@media (max-width: 950px) {
    .hero-layout[b-hj8yibfeay],
    .problem-layout[b-hj8yibfeay],
    .locations-layout[b-hj8yibfeay] {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .hero-copy[b-hj8yibfeay] {
        max-width: 750px;
    }

    .inventory-preview[b-hj8yibfeay] {
        transform: none;
    }

    .workflow-grid[b-hj8yibfeay] {
        grid-template-columns: 1fr;
    }

    .workflow-card[b-hj8yibfeay] {
        display: grid;
        grid-template-columns: auto 1fr;
        min-height: auto;
        gap: 1.25rem;
    }

    .step-number[b-hj8yibfeay] {
        margin-bottom: 0;
    }
}

@media (max-width: 750px) {
    .home-hero[b-hj8yibfeay],
    .problem-section[b-hj8yibfeay],
    .workflow-section[b-hj8yibfeay],
    .features-preview-section[b-hj8yibfeay],
    .locations-section[b-hj8yibfeay],
    .pricing-preview-section[b-hj8yibfeay],
    .final-cta[b-hj8yibfeay] {
        padding: 4rem 0;
    }

    .value-grid[b-hj8yibfeay],
    .features-grid[b-hj8yibfeay],
    .pricing-preview[b-hj8yibfeay] {
        grid-template-columns: 1fr;
    }

        .value-grid article[b-hj8yibfeay] {
            border-right: 0;
            border-bottom: 1px solid var(--hi-border);
        }

            .value-grid article:last-child[b-hj8yibfeay] {
                border-bottom: 0;
            }

    .features-heading[b-hj8yibfeay] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pricing-preview-section[b-hj8yibfeay] {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .pricing-copy[b-hj8yibfeay],
    .price-summary[b-hj8yibfeay] {
        padding: 2.25rem;
    }
}

@media (max-width: 560px) {
    .hero-actions[b-hj8yibfeay],
    .final-actions[b-hj8yibfeay] {
        align-items: stretch;
        flex-direction: column;
    }

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

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

    .preview-toolbar[b-hj8yibfeay] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.75rem;
    }

    .inventory-preview[b-hj8yibfeay] {
        padding: 0.75rem;
    }

    .suggestion[b-hj8yibfeay] {
        grid-template-columns: auto 1fr;
    }

        .suggestion .quantity[b-hj8yibfeay] {
            display: none;
        }

    .workflow-card[b-hj8yibfeay] {
        grid-template-columns: 1fr;
    }

    .price strong[b-hj8yibfeay] {
        font-size: 3.25rem;
    }
}
/* /Marketing/Pricing.razor.rz.scp.css */
.pricing-hero[b-1zbbotl3uq] {
    padding: 6.5rem 0 11rem;
    color: #ffffff;
    background: radial-gradient( circle at top right, rgba(199, 137, 82, 0.22), transparent 35% ), linear-gradient( 135deg, var(--hi-primary-dark), var(--hi-primary) );
}

.pricing-hero-content[b-1zbbotl3uq] {
    max-width: 850px;
    text-align: center;
}

.pricing-hero .eyebrow[b-1zbbotl3uq],
.pricing-cta .eyebrow[b-1zbbotl3uq] {
    color: #E5C6A8;
}

.pricing-hero h1[b-1zbbotl3uq] {
    margin: 0;
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.hero-description[b-1zbbotl3uq] {
    max-width: 680px;
    margin: 1.5rem auto 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1.2rem;
    line-height: 1.7;
}

.trial-highlight[b-1zbbotl3uq] {
    display: inline-flex;
    margin-top: 2rem;
    padding: 0.65rem 1.1rem;
    color: var(--hi-primary-dark);
    border-radius: 999px;
    background-color: #F0E3D6;
    font-size: 0.9rem;
    font-weight: 700;
}

.pricing-section[b-1zbbotl3uq] {
    margin-top: -6rem;
    padding-bottom: 6rem;
}

.pricing-card[b-1zbbotl3uq] {
    max-width: 970px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid var(--hi-border);
    border-radius: 1.25rem;
    background-color: var(--hi-surface);
    box-shadow: 0 25px 70px rgba(40, 52, 60, 0.15);
}

.plan-heading[b-1zbbotl3uq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    padding: 2.5rem;
    border-bottom: 1px solid var(--hi-border);
}

.plan-label[b-1zbbotl3uq],
.billing-label[b-1zbbotl3uq] {
    margin-bottom: 0.5rem;
    color: var(--hi-accent);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.plan-heading h2[b-1zbbotl3uq] {
    margin-bottom: 0.75rem;
    color: var(--hi-primary-dark);
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 700;
}

.plan-heading p:last-child[b-1zbbotl3uq] {
    max-width: 600px;
    margin: 0;
    color: var(--hi-text-secondary);
    line-height: 1.65;
}

.trial-badge[b-1zbbotl3uq] {
    flex-shrink: 0;
    padding: 0.55rem 0.85rem;
    color: var(--hi-primary-dark);
    border-radius: 999px;
    background-color: var(--hi-primary-soft);
    font-size: 0.85rem;
    font-weight: 700;
}

.billing-options[b-1zbbotl3uq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    padding: 2.5rem;
}

.billing-option[b-1zbbotl3uq] {
    position: relative;
    display: flex;
    min-height: 300px;
    padding: 2rem;
    border: 1px solid var(--hi-border);
    border-radius: 1rem;
    flex-direction: column;
    background-color: var(--hi-surface);
}

.preferred-option[b-1zbbotl3uq] {
    border: 2px solid var(--hi-primary);
    background-color: var(--hi-primary-soft);
}

.best-value-label[b-1zbbotl3uq] {
    position: absolute;
    top: -0.85rem;
    right: 1.25rem;
    padding: 0.4rem 0.8rem;
    color: #ffffff;
    border-radius: 999px;
    background-color: var(--hi-primary);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.price[b-1zbbotl3uq] {
    display: flex;
    align-items: baseline;
    margin: 0;
    color: var(--hi-primary-dark);
}

.currency[b-1zbbotl3uq] {
    margin-right: 0.2rem;
    font-size: 1.5rem;
    font-weight: 700;
}

.amount[b-1zbbotl3uq] {
    font-size: clamp(2.75rem, 6vw, 4rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.04em;
}

.period[b-1zbbotl3uq] {
    margin-left: 0.4rem;
    color: var(--hi-text-secondary);
    font-size: 1rem;
}

.billing-description[b-1zbbotl3uq] {
    margin: 1.25rem 0 2rem;
    color: var(--hi-text-secondary);
    line-height: 1.6;
}

.primary-pricing-button[b-1zbbotl3uq],
.secondary-pricing-button[b-1zbbotl3uq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    margin-top: auto;
    padding: 0.75rem 1.25rem;
    border-radius: 0.65rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.primary-pricing-button[b-1zbbotl3uq] {
    color: #ffffff;
    background-color: var(--hi-primary);
}

    .primary-pricing-button:hover[b-1zbbotl3uq] {
        color: #ffffff;
        background-color: var(--hi-primary-dark);
        transform: translateY(-2px);
    }

.secondary-pricing-button[b-1zbbotl3uq] {
    color: var(--hi-primary-dark);
    border: 1px solid var(--hi-border-strong);
    background-color: var(--hi-surface);
}

    .secondary-pricing-button:hover[b-1zbbotl3uq] {
        color: var(--hi-primary-dark);
        border-color: var(--hi-primary);
        background-color: var(--hi-primary-soft);
        transform: translateY(-2px);
    }

.launch-note[b-1zbbotl3uq] {
    margin: 0 2.5rem 2.5rem;
    padding: 1rem 1.25rem;
    color: var(--hi-primary-dark);
    border-radius: 0.75rem;
    background-color: #F0E3D6;
    line-height: 1.6;
}

.launch-actions[b-1zbbotl3uq] {
    margin: -1rem 2.5rem 2.5rem;
}

.included-section[b-1zbbotl3uq],
.trial-details[b-1zbbotl3uq] {
    padding: 2.5rem;
    border-top: 1px solid var(--hi-border);
}

    .included-section h3[b-1zbbotl3uq],
    .trial-details h3[b-1zbbotl3uq] {
        margin-bottom: 1.5rem;
        color: var(--hi-primary-dark);
        font-size: 1.35rem;
        font-weight: 700;
    }

.included-list[b-1zbbotl3uq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 2rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .included-list li[b-1zbbotl3uq] {
        position: relative;
        padding-left: 1.75rem;
        color: var(--hi-text);
        line-height: 1.5;
    }

        .included-list li[b-1zbbotl3uq]::before {
            position: absolute;
            top: 0;
            left: 0;
            color: var(--hi-success);
            content: "✓";
            font-weight: 800;
        }

.trial-details[b-1zbbotl3uq] {
    background-color: var(--hi-background);
}

.trial-steps[b-1zbbotl3uq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.trial-step[b-1zbbotl3uq] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
}

    .trial-step > span[b-1zbbotl3uq] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.25rem;
        height: 2.25rem;
        color: #ffffff;
        border-radius: 50%;
        background-color: var(--hi-primary);
        font-size: 0.9rem;
        font-weight: 700;
    }

    .trial-step h4[b-1zbbotl3uq] {
        margin: 0 0 0.4rem;
        color: var(--hi-text);
        font-size: 1rem;
        font-weight: 700;
    }

    .trial-step p[b-1zbbotl3uq] {
        margin: 0;
        color: var(--hi-text-secondary);
        font-size: 0.92rem;
        line-height: 1.55;
    }

.pricing-faq[b-1zbbotl3uq] {
    padding: 6rem 0;
    background-color: var(--hi-surface-subtle);
}

.section-heading[b-1zbbotl3uq] {
    max-width: 720px;
    margin-bottom: 3rem;
}

    .section-heading h2[b-1zbbotl3uq] {
        margin: 0;
        color: var(--hi-primary-dark);
        font-size: clamp(2rem, 4vw, 3rem);
        font-weight: 700;
        letter-spacing: -0.025em;
    }

.faq-grid[b-1zbbotl3uq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

.faq-item[b-1zbbotl3uq] {
    padding: 1.75rem;
    border: 1px solid var(--hi-border);
    border-radius: 1rem;
    background-color: var(--hi-surface);
}

    .faq-item h3[b-1zbbotl3uq] {
        margin-bottom: 0.65rem;
        color: var(--hi-text);
        font-size: 1.1rem;
        font-weight: 700;
    }

    .faq-item p[b-1zbbotl3uq] {
        margin: 0;
        color: var(--hi-text-secondary);
        line-height: 1.65;
    }

.faq-contact[b-1zbbotl3uq] {
    margin: 2rem 0 0;
    color: var(--hi-text-secondary);
}

.pricing-cta[b-1zbbotl3uq] {
    padding: 5rem 0;
    color: #ffffff;
    background: radial-gradient( circle at top right, rgba(199, 137, 82, 0.16), transparent 38% ), var(--hi-primary-dark);
}

.pricing-cta-content[b-1zbbotl3uq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

    .pricing-cta-content > div[b-1zbbotl3uq] {
        max-width: 700px;
    }

.pricing-cta h2[b-1zbbotl3uq] {
    margin-bottom: 1rem;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    letter-spacing: -0.025em;
}

.pricing-cta p:last-child[b-1zbbotl3uq] {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.65;
}

.cta-button[b-1zbbotl3uq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-height: 50px;
    padding: 0.8rem 1.5rem;
    color: var(--hi-primary-dark);
    border-radius: 0.65rem;
    background-color: var(--hi-background);
    font-weight: 700;
    text-decoration: none;
}

    .cta-button:hover[b-1zbbotl3uq] {
        color: var(--hi-primary-dark);
        background-color: #EEE7DE;
    }

@media (max-width: 800px) {
    .billing-options[b-1zbbotl3uq],
    .faq-grid[b-1zbbotl3uq],
    .included-list[b-1zbbotl3uq],
    .trial-steps[b-1zbbotl3uq] {
        grid-template-columns: 1fr;
    }

    .plan-heading[b-1zbbotl3uq],
    .pricing-cta-content[b-1zbbotl3uq] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .pricing-hero[b-1zbbotl3uq] {
        padding: 4.5rem 0 9rem;
    }

    .pricing-section[b-1zbbotl3uq] {
        padding-bottom: 4rem;
    }

    .plan-heading[b-1zbbotl3uq],
    .billing-options[b-1zbbotl3uq],
    .included-section[b-1zbbotl3uq],
    .trial-details[b-1zbbotl3uq] {
        padding: 1.5rem;
    }

    .launch-note[b-1zbbotl3uq] {
        margin: 0 1.5rem 1.5rem;
    }

    .launch-actions[b-1zbbotl3uq] {
        margin: -0.5rem 1.5rem 1.5rem;
    }

    .pricing-faq[b-1zbbotl3uq],
    .pricing-cta[b-1zbbotl3uq] {
        padding: 4rem 0;
    }

    .trial-badge[b-1zbbotl3uq] {
        align-self: flex-start;
    }
}
/* /Marketing/Privacy.razor.rz.scp.css */
.privacy-hero[b-cjq22mtplv] {
    padding: 6rem 0;
    color: #ffffff;
    background: radial-gradient( circle at top right, rgba(199, 137, 82, 0.18), transparent 35% ), linear-gradient( 135deg, var(--hi-primary-dark), var(--hi-primary) );
}

.privacy-hero-content[b-cjq22mtplv] {
    max-width: 850px;
}

.privacy-hero .eyebrow[b-cjq22mtplv] {
    color: #E5C6A8;
}

.privacy-hero h1[b-cjq22mtplv] {
    max-width: 800px;
    margin: 0;
    font-size: clamp(2.5rem, 6vw, 4.25rem);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.privacy-hero-content > p:not(.eyebrow, .effective-date)[b-cjq22mtplv] {
    max-width: 700px;
    margin: 1.5rem 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1.15rem;
    line-height: 1.7;
}

.effective-date[b-cjq22mtplv] {
    margin: 1.5rem 0 0;
    color: #E5C6A8;
    font-size: 0.9rem;
    font-weight: 700;
}

.privacy-content[b-cjq22mtplv] {
    padding: 5rem 0 7rem;
}

.privacy-layout[b-cjq22mtplv] {
    display: grid;
    grid-template-columns: 240px minmax(0, 760px);
    justify-content: center;
    gap: 4rem;
}

.privacy-navigation[b-cjq22mtplv] {
    position: sticky;
    top: 2rem;
    display: flex;
    align-self: start;
    padding: 1.25rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.75rem;
    flex-direction: column;
    background-color: var(--hi-surface-subtle);
}

    .privacy-navigation p[b-cjq22mtplv] {
        margin: 0 0 0.75rem;
        color: var(--hi-primary-dark);
        font-size: 0.85rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .privacy-navigation a[b-cjq22mtplv] {
        padding: 0.4rem 0;
        color: var(--hi-text-secondary);
        font-size: 0.87rem;
        line-height: 1.3;
        text-decoration: none;
    }

        .privacy-navigation a:hover[b-cjq22mtplv] {
            color: var(--hi-primary);
            text-decoration: underline;
        }

.policy[b-cjq22mtplv] {
    color: var(--hi-text);
    line-height: 1.75;
}

.policy-introduction[b-cjq22mtplv] {
    margin-bottom: 3rem;
    padding: 1.5rem;
    border-left: 4px solid var(--hi-accent);
    background-color: var(--hi-background);
}

    .policy-introduction p:first-child[b-cjq22mtplv] {
        margin-top: 0;
    }

    .policy-introduction p:last-child[b-cjq22mtplv] {
        margin-bottom: 0;
    }

/* The policy is rendered from Markdown, so their elements need ::deep. */
.policy[b-cjq22mtplv]  h2 {
    margin: 3rem 0 1.25rem;
    padding-top: 1rem;
    color: var(--hi-primary-dark);
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    scroll-margin-top: 2rem;
}

.policy[b-cjq22mtplv]  h3 {
    margin: 1.75rem 0 0.6rem;
    color: var(--hi-text);
    font-size: 1.1rem;
    font-weight: 700;
}

.policy[b-cjq22mtplv]  p {
    margin: 0 0 1rem;
}

.policy[b-cjq22mtplv]  ul {
    margin: 1rem 0 1.5rem;
    padding-left: 1.4rem;
}

.policy[b-cjq22mtplv]  li {
    margin-bottom: 0.5rem;
    padding-left: 0.35rem;
}

.policy[b-cjq22mtplv]  a {
    color: var(--hi-primary);
    font-weight: 600;
}

    .policy[b-cjq22mtplv]  a:hover {
        color: var(--hi-primary-dark);
    }

/* A Markdown quote (">") is a highlighted callout. */
.policy[b-cjq22mtplv]  blockquote {
    margin: 2rem 0;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--hi-border-strong);
    border-radius: 0.75rem;
    background-color: var(--hi-primary-soft);
}

    .policy[b-cjq22mtplv]  blockquote p {
        margin: 0;
        color: var(--hi-primary-dark);
        font-weight: 700;
    }

@media (max-width: 900px) {
    .privacy-layout[b-cjq22mtplv] {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .privacy-navigation[b-cjq22mtplv] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 1.5rem;
    }

        .privacy-navigation p[b-cjq22mtplv] {
            grid-column: 1 / -1;
        }
}

@media (max-width: 600px) {
    .privacy-hero[b-cjq22mtplv] {
        padding: 4rem 0;
    }

    .privacy-content[b-cjq22mtplv] {
        padding: 3rem 0 5rem;
    }

    .privacy-navigation[b-cjq22mtplv] {
        grid-template-columns: 1fr;
    }

    .policy[b-cjq22mtplv]  h2 {
        margin-top: 2rem;
    }
}
/* /Marketing/Terms.razor.rz.scp.css */
.privacy-hero[b-08urbdyrao] {
    padding: 6rem 0;
    color: #ffffff;
    background: radial-gradient( circle at top right, rgba(199, 137, 82, 0.18), transparent 35% ), linear-gradient( 135deg, var(--hi-primary-dark), var(--hi-primary) );
}

.privacy-hero-content[b-08urbdyrao] {
    max-width: 850px;
}

.privacy-hero .eyebrow[b-08urbdyrao] {
    color: #E5C6A8;
}

.privacy-hero h1[b-08urbdyrao] {
    max-width: 800px;
    margin: 0;
    font-size: clamp(2.5rem, 6vw, 4.25rem);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.privacy-hero-content > p:not(.eyebrow, .effective-date)[b-08urbdyrao] {
    max-width: 700px;
    margin: 1.5rem 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1.15rem;
    line-height: 1.7;
}

.effective-date[b-08urbdyrao] {
    margin: 1.5rem 0 0;
    color: #E5C6A8;
    font-size: 0.9rem;
    font-weight: 700;
}

.privacy-content[b-08urbdyrao] {
    padding: 5rem 0 7rem;
}

.privacy-layout[b-08urbdyrao] {
    display: grid;
    grid-template-columns: 240px minmax(0, 760px);
    justify-content: center;
    gap: 4rem;
}

.privacy-navigation[b-08urbdyrao] {
    position: sticky;
    top: 2rem;
    display: flex;
    align-self: start;
    padding: 1.25rem;
    border: 1px solid var(--hi-border);
    border-radius: 0.75rem;
    flex-direction: column;
    background-color: var(--hi-surface-subtle);
}

    .privacy-navigation p[b-08urbdyrao] {
        margin: 0 0 0.75rem;
        color: var(--hi-primary-dark);
        font-size: 0.85rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .privacy-navigation a[b-08urbdyrao] {
        padding: 0.4rem 0;
        color: var(--hi-text-secondary);
        font-size: 0.87rem;
        line-height: 1.3;
        text-decoration: none;
    }

        .privacy-navigation a:hover[b-08urbdyrao] {
            color: var(--hi-primary);
            text-decoration: underline;
        }

.policy[b-08urbdyrao] {
    color: var(--hi-text);
    line-height: 1.75;
}

.policy-introduction[b-08urbdyrao] {
    margin-bottom: 3rem;
    padding: 1.5rem;
    border-left: 4px solid var(--hi-accent);
    background-color: var(--hi-background);
}

    .policy-introduction p:first-child[b-08urbdyrao] {
        margin-top: 0;
    }

    .policy-introduction p:last-child[b-08urbdyrao] {
        margin-bottom: 0;
    }

/* The terms are rendered from Markdown, so their elements need ::deep. */
.policy[b-08urbdyrao]  h2 {
    margin: 3rem 0 1.25rem;
    padding-top: 1rem;
    color: var(--hi-primary-dark);
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    scroll-margin-top: 2rem;
}

.policy[b-08urbdyrao]  h3 {
    margin: 1.75rem 0 0.6rem;
    color: var(--hi-text);
    font-size: 1.1rem;
    font-weight: 700;
}

.policy[b-08urbdyrao]  p {
    margin: 0 0 1rem;
}

.policy[b-08urbdyrao]  ul {
    margin: 1rem 0 1.5rem;
    padding-left: 1.4rem;
}

.policy[b-08urbdyrao]  li {
    margin-bottom: 0.5rem;
    padding-left: 0.35rem;
}

.policy[b-08urbdyrao]  a {
    color: var(--hi-primary);
    font-weight: 600;
}

    .policy[b-08urbdyrao]  a:hover {
        color: var(--hi-primary-dark);
    }

/* A Markdown quote (">") is a highlighted callout. */
.policy[b-08urbdyrao]  blockquote {
    margin: 2rem 0;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--hi-border-strong);
    border-radius: 0.75rem;
    background-color: var(--hi-primary-soft);
}

    .policy[b-08urbdyrao]  blockquote p {
        margin: 0;
        color: var(--hi-primary-dark);
        font-weight: 700;
    }

@media (max-width: 900px) {
    .privacy-layout[b-08urbdyrao] {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .privacy-navigation[b-08urbdyrao] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 1.5rem;
    }

        .privacy-navigation p[b-08urbdyrao] {
            grid-column: 1 / -1;
        }
}

@media (max-width: 600px) {
    .privacy-hero[b-08urbdyrao] {
        padding: 4rem 0;
    }

    .privacy-content[b-08urbdyrao] {
        padding: 3rem 0 5rem;
    }

    .privacy-navigation[b-08urbdyrao] {
        grid-template-columns: 1fr;
    }

    .policy[b-08urbdyrao]  h2 {
        margin-top: 2rem;
    }
}
/* /Marketing/WaitlistForm.razor.rz.scp.css */
.waitlist[b-k18iwl8ye9] {
    max-width: 34rem;
    margin-top: 2rem;
    scroll-margin-top: 6rem;
}

.waitlist-fields[b-k18iwl8ye9] {
    display: flex;
    gap: 0.6rem;
}

.waitlist[b-k18iwl8ye9]  .waitlist-input {
    flex: 1;
    min-width: 0;
    min-height: 50px;
    padding: 0.7rem 1rem;
    border: 1px solid var(--hi-border-strong);
    border-radius: 0.65rem;
    color: var(--hi-text);
    background-color: var(--hi-surface);
    font: inherit;
}

    .waitlist[b-k18iwl8ye9]  .waitlist-input:focus {
        border-color: var(--hi-primary);
        outline: 3px solid var(--hi-primary-soft);
    }

.waitlist-submit[b-k18iwl8ye9] {
    min-height: 50px;
    padding: 0.75rem 1.3rem;
    border: 0;
    border-radius: 0.65rem;
    color: #ffffff;
    background-color: var(--hi-primary);
    font: inherit;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 150ms ease;
}

    .waitlist-submit:hover[b-k18iwl8ye9] {
        background-color: var(--hi-primary-dark);
    }

.waitlist-consent[b-k18iwl8ye9] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 0.85rem;
    color: var(--hi-text-muted);
    font-size: 0.87rem;
    line-height: 1.45;
}

    .waitlist-consent[b-k18iwl8ye9]  input {
        flex: none;
        width: 1rem;
        height: 1rem;
        margin-top: 0.15rem;
        accent-color: var(--hi-primary);
    }

.waitlist[b-k18iwl8ye9]  .waitlist-errors {
    margin: 0.75rem 0 0;
    padding: 0;
    color: var(--hi-danger);
    font-size: 0.9rem;
    list-style: none;
}

.waitlist-joined[b-k18iwl8ye9] {
    margin: 0;
    padding: 1rem 1.15rem;
    border-radius: 0.65rem;
    color: var(--hi-text);
    background-color: var(--hi-success-soft);
    font-weight: 600;
}

.waitlist-honeypot[b-k18iwl8ye9],
.visually-hidden[b-k18iwl8ye9] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (max-width: 600px) {
    .waitlist-fields[b-k18iwl8ye9] {
        flex-direction: column;
    }
}