/* /Components/AreaChoiceGrid.razor.rz.scp.css */
.area-choice-grid[b-eyy4vvmqc0] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
}

.area-choice[b-eyy4vvmqc0] {
    align-items: center;
    background: #f3f8f3;
    border: 1px solid #dce9df;
    border-radius: .9rem;
    color: var(--color-ink);
    display: flex;
    gap: .9rem;
    min-width: 0;
    padding: 1rem 1.1rem;
    text-decoration: none;
    transition: background .15s, border-color .15s, transform .15s;
}

.area-choice:hover[b-eyy4vvmqc0] {
    background: #e9f3eb;
    border-color: var(--color-primary);
    transform: translateY(-2px);
}

.area-choice:focus-visible[b-eyy4vvmqc0] {
    outline: 3px solid #7ec89b;
    outline-offset: 3px;
}

.area-choice-marker[b-eyy4vvmqc0] {
    align-items: center;
    background: var(--color-primary);
    border-radius: .7rem;
    color: white;
    display: flex;
    flex: none;
    font-size: 1.2rem;
    font-weight: 800;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.area-choice strong[b-eyy4vvmqc0],
.area-choice small[b-eyy4vvmqc0] {
    display: block;
}

.area-choice small[b-eyy4vvmqc0] {
    color: var(--color-muted);
    margin-top: .25rem;
}

.area-choice-arrow[b-eyy4vvmqc0] {
    color: var(--color-primary);
    font-size: 1.3rem;
    margin-left: auto;
}
/* /Components/CatalogPicker.razor.rz.scp.css */
.catalog-picker[b-jq9x5tm1lr] {
    display: block !important;
    margin: 0 !important;
    max-width: none !important;
}

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

/* ---- Sticky top bar (title + save) ---- */
.catalog-topbar[b-jq9x5tm1lr] {
    align-items: center;
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-line);
    display: flex;
    gap: 1rem 1.5rem;
    justify-content: space-between;
    margin: 0 0 1rem;
    padding: .85rem 0;
    position: sticky;
    top: var(--sticky-offset, 7.25rem);
    z-index: 5;
}

.catalog-topbar-title[b-jq9x5tm1lr] {
    min-width: 0;
}

.catalog-kicker[b-jq9x5tm1lr] {
    color: var(--color-primary);
    display: block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.catalog-topbar h2[b-jq9x5tm1lr] {
    font-size: clamp(1.4rem, 3vw, 1.9rem);
    letter-spacing: -.03em;
    line-height: 1.1;
    margin: .15rem 0 .2rem;
}

.catalog-topbar p[b-jq9x5tm1lr] {
    color: var(--color-muted);
    font-size: .88rem;
    margin: 0;
}

.catalog-topbar-actions[b-jq9x5tm1lr] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: .6rem 1rem;
    justify-content: flex-end;
}

.catalog-dirty[b-jq9x5tm1lr],
.catalog-footer-dirty[b-jq9x5tm1lr] {
    align-items: center;
    color: var(--color-accent-dark);
    display: inline-flex;
    font-size: .85rem;
    font-style: normal;
    font-weight: 700;
    gap: .45rem;
}

.catalog-dirty i[b-jq9x5tm1lr] {
    background: var(--color-accent);
    border-radius: 50%;
    display: inline-block;
    height: .6rem;
    width: .6rem;
}

.catalog-dirty[hidden][b-jq9x5tm1lr],
.catalog-footer-dirty[hidden][b-jq9x5tm1lr],
.catalog-undo[hidden][b-jq9x5tm1lr] {
    display: none;
}

.catalog-undo[b-jq9x5tm1lr] {
    background: transparent;
    border: 0;
    color: var(--color-primary);
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    padding: .5rem .25rem;
    text-decoration: underline;
}

.catalog-save[b-jq9x5tm1lr] {
    background: var(--color-primary);
    border: 0;
    border-radius: .6rem;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    min-height: 2.75rem;
    padding: .65rem 1.25rem;
}

.catalog-save:hover[b-jq9x5tm1lr] {
    background: var(--color-primary-dark);
}

/* Nothing changed yet: the button keeps working but reads as inactive. */
.catalog-picker:not(.has-changes) .catalog-save[b-jq9x5tm1lr] {
    background: var(--color-line);
    color: var(--color-muted);
}

.catalog-picker.has-changes .catalog-save[b-jq9x5tm1lr] {
    box-shadow: 0 0 0 3px rgba(23, 98, 79, .22);
}

/* ---- Toolbar ---- */
.catalog-toolbar[b-jq9x5tm1lr] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--color-line);
    border-radius: .8rem .8rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    padding: .85rem 1rem;
}

.catalog-search[b-jq9x5tm1lr] {
    align-items: center;
    flex: 1 1 18rem;
    min-width: 0;
    position: relative;
}

.catalog-search svg[b-jq9x5tm1lr] {
    fill: none;
    height: 1.15rem;
    left: .8rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    stroke: var(--color-muted);
    stroke-linecap: round;
    stroke-width: 2;
    width: 1.15rem;
}

/* More specific than the global ".management-page input" rule, which would reset the padding. */
.catalog-picker .catalog-search input[type="search"][b-jq9x5tm1lr] {
    background: #fff;
    border: 1px solid var(--color-line);
    border-radius: .6rem;
    color: var(--color-ink);
    font: inherit;
    min-height: 2.75rem;
    padding: .55rem .8rem .55rem 2.5rem;
    width: 100%;
}

.catalog-view[b-jq9x5tm1lr] {
    border: 1px solid var(--color-line);
    border-radius: .6rem;
    display: inline-flex;
    overflow: hidden;
}

.catalog-view button[b-jq9x5tm1lr] {
    background: #fff;
    border: 0;
    color: var(--color-ink);
    cursor: pointer;
    font: inherit;
    font-size: .88rem;
    font-weight: 700;
    min-height: 2.75rem;
    padding: 0 1rem;
}

.catalog-view button + button[b-jq9x5tm1lr] {
    border-left: 1px solid var(--color-line);
}

.catalog-view button[aria-pressed="true"][b-jq9x5tm1lr] {
    background: var(--color-primary);
    color: #fff;
}

.catalog-clear-all[b-jq9x5tm1lr] {
    background: transparent;
    border: 0;
    color: var(--color-muted);
    cursor: pointer;
    font: inherit;
    font-size: .88rem;
    font-weight: 600;
    min-height: 2.75rem;
    padding: 0 .25rem;
    text-decoration: underline;
}

.catalog-clear-all:hover[b-jq9x5tm1lr] {
    color: var(--color-ink);
}

.catalog-status[b-jq9x5tm1lr] {
    background: var(--color-surface);
    border-left: 1px solid var(--color-line);
    border-right: 1px solid var(--color-line);
    color: var(--color-muted);
    font-size: .8rem;
    margin: 0;
    padding: .5rem 1rem;
}

/* ---- Option list ---- */
.catalog-options[b-jq9x5tm1lr] {
    background: #fff;
    border: 1px solid var(--color-line);
    border-radius: 0 0 .8rem .8rem;
    border-top: 0;
}

.catalog-options > p[b-jq9x5tm1lr] {
    color: var(--color-muted);
    font-size: .9rem;
    margin: 0;
    padding: 1.25rem 1rem;
}

.catalog-options > p[hidden][b-jq9x5tm1lr],
.catalog-group[hidden][b-jq9x5tm1lr],
.catalog-group-items[hidden][b-jq9x5tm1lr],
.catalog-group-items li[hidden][b-jq9x5tm1lr],
.catalog-option[hidden][b-jq9x5tm1lr] {
    display: none;
}

.catalog-group[b-jq9x5tm1lr] {
    border-top: 1px solid var(--color-line);
}

.catalog-group:first-of-type[b-jq9x5tm1lr] {
    border-top: 0;
}

.catalog-group-head[b-jq9x5tm1lr] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .25rem 1rem;
}

.catalog-group-toggle[b-jq9x5tm1lr] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--color-ink);
    cursor: pointer;
    display: flex;
    flex: 1 1 auto;
    font: inherit;
    gap: .6rem;
    justify-content: flex-start;
    min-height: 2.9rem;
    min-width: 0;
    padding: 0;
    text-align: left;
}

.catalog-group-toggle svg[b-jq9x5tm1lr] {
    fill: none;
    flex: 0 0 auto;
    height: 1.1rem;
    stroke: var(--color-ink);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
    transition: transform .15s;
    width: 1.1rem;
}

.catalog-group.is-open .catalog-group-toggle svg[b-jq9x5tm1lr] {
    transform: rotate(90deg);
}

.catalog-group-count[b-jq9x5tm1lr] {
    background: var(--color-surface);
    border-radius: 2rem;
    color: var(--color-muted);
    font-size: .76rem;
    font-weight: 700;
    padding: .12rem .55rem;
}

.catalog-group-count.has-selection[b-jq9x5tm1lr] {
    background: var(--color-primary);
    color: #fff;
}

.catalog-group-all[b-jq9x5tm1lr] {
    background: transparent;
    border: 0;
    color: var(--color-primary);
    cursor: pointer;
    font: inherit;
    font-size: .85rem;
    font-weight: 700;
    min-height: 2.75rem;
    padding: 0 .25rem;
    text-decoration: underline;
    white-space: nowrap;
}

.catalog-group-items[b-jq9x5tm1lr] {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: .25rem 1rem 1rem;
}

.catalog-group-items.catalog-flat[b-jq9x5tm1lr] {
    padding-top: 1rem;
}

.catalog-group-items li[b-jq9x5tm1lr] {
    display: contents;
}

.catalog-option[b-jq9x5tm1lr] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--color-line);
    border-radius: .6rem;
    cursor: pointer;
    display: flex;
    gap: .7rem;
    min-height: 3rem;
    min-width: 0;
    padding: .55rem .8rem;
}

.catalog-option:hover[b-jq9x5tm1lr] {
    border-color: var(--color-primary);
}

.catalog-option.is-selected[b-jq9x5tm1lr] {
    background: color-mix(in srgb, var(--color-primary) 10%, white);
    border-color: var(--color-primary);
}

.catalog-option input[b-jq9x5tm1lr] {
    accent-color: var(--color-primary);
    flex: 0 0 auto;
    height: 1.25rem;
    margin: 0;
    width: 1.25rem;
}

.catalog-option span[b-jq9x5tm1lr] {
    font-size: .9rem;
    overflow-wrap: anywhere;
}

.catalog-option small[b-jq9x5tm1lr] {
    color: var(--color-muted);
}

.catalog-option .catalog-option-path[b-jq9x5tm1lr] {
    margin-right: .15rem;
}

.catalog-option.is-selected span[b-jq9x5tm1lr] {
    font-weight: 600;
}

.catalog-picker button:focus-visible[b-jq9x5tm1lr],
.catalog-picker input:focus-visible[b-jq9x5tm1lr],
.catalog-option:focus-within[b-jq9x5tm1lr] {
    outline: 3px solid var(--color-accent);
    outline-offset: 2px;
}

/* ---- Bottom bar (mobile only) ---- */
.catalog-footer[b-jq9x5tm1lr] {
    display: none;
}

@media (max-width: 1000px) {
    .catalog-group-items[b-jq9x5tm1lr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .catalog-topbar[b-jq9x5tm1lr] {
        position: static;
    }

    .catalog-topbar-actions[b-jq9x5tm1lr] {
        justify-content: flex-start;
    }

    .catalog-topbar .catalog-save[b-jq9x5tm1lr],
    .catalog-topbar .catalog-dirty[b-jq9x5tm1lr] {
        display: none;
    }

    .catalog-group-items[b-jq9x5tm1lr] {
        grid-template-columns: minmax(0, 1fr);
    }

    .catalog-toolbar[b-jq9x5tm1lr] {
        padding: .75rem;
    }

    .catalog-footer[b-jq9x5tm1lr] {
        align-items: center;
        background: #fff;
        bottom: 0;
        box-shadow: 0 -.4rem 1rem rgba(21, 61, 52, .12);
        display: grid;
        gap: .6rem;
        margin: 1rem -1.25rem 0;
        padding: .75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom));
        position: sticky;
        z-index: 5;
    }

    .catalog-footer-status[b-jq9x5tm1lr] {
        color: var(--color-muted);
        font-size: .85rem;
    }

    .catalog-footer .catalog-save[b-jq9x5tm1lr] {
        width: 100%;
    }
}
/* /Components/CatalogShortcutCards.razor.rz.scp.css */
.shortcut-notice[b-pj7sc5aqzi] {
    background: #fff;
    border-left: 4px solid var(--color-accent);
    border-radius: .4rem;
    color: var(--color-accent-dark);
    font-size: .9rem;
    font-weight: 700;
    margin: 1.25rem 0 0;
    padding: .75rem 1rem;
}

.shortcut-notice[hidden][b-pj7sc5aqzi] {
    display: none;
}

.shortcut-cards[b-pj7sc5aqzi] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1.25rem;
}

.shortcut-card[b-pj7sc5aqzi] {
    background: #fff;
    border: 1px solid var(--color-line);
    border-radius: .8rem;
    color: var(--color-ink);
    display: grid;
    gap: .5rem;
    padding: 1rem 1.1rem;
    text-decoration: none;
}

.shortcut-card:hover[b-pj7sc5aqzi] {
    border-color: var(--color-primary);
    box-shadow: 0 .4rem 1.2rem rgba(21, 61, 52, .08);
}

.shortcut-card:focus-visible[b-pj7sc5aqzi] {
    outline: 3px solid var(--color-accent);
    outline-offset: 2px;
}

.shortcut-head[b-pj7sc5aqzi] {
    align-items: baseline;
    display: flex;
    gap: .6rem;
    justify-content: space-between;
}

.shortcut-head strong[b-pj7sc5aqzi] {
    font-size: 1.05rem;
}

.shortcut-count[b-pj7sc5aqzi] {
    color: var(--color-muted);
    font-size: .82rem;
    font-weight: 700;
}

.shortcut-text[b-pj7sc5aqzi] {
    color: var(--color-muted);
    font-size: .88rem;
}

.shortcut-chips[b-pj7sc5aqzi] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.shortcut-chip[b-pj7sc5aqzi] {
    background: var(--color-surface);
    border-radius: 2rem;
    font-size: .8rem;
    font-weight: 600;
    padding: .2rem .65rem;
}

.shortcut-more[b-pj7sc5aqzi] {
    align-self: center;
    color: var(--color-muted);
    font-size: .8rem;
}

.shortcut-edit[b-pj7sc5aqzi] {
    color: var(--color-primary);
    font-size: .88rem;
    font-weight: 700;
}

@media (max-width: 760px) {
    .shortcut-cards[b-pj7sc5aqzi] {
        gap: .6rem;
        grid-template-columns: minmax(0, 1fr);
    }

    /* Compact row links: "Brands · 4 valgt" */
    .shortcut-card[b-pj7sc5aqzi] {
        align-items: center;
        gap: 0;
        grid-template-columns: 1fr auto;
        min-height: 3.25rem;
        padding: .6rem 1rem;
    }

    .shortcut-text[b-pj7sc5aqzi],
    .shortcut-chips[b-pj7sc5aqzi] {
        display: none;
    }
}
/* /Components/FacetFilter.razor.rz.scp.css */
.facet[b-nhvliyh6y4] {
    min-width: 0;
    position: relative;
}

.facet-title[b-nhvliyh6y4] {
    color: var(--color-ink);
    display: block;
    font-size: .8125rem;
    font-weight: 700;
    margin-bottom: .4rem;
}

.facet-trigger[b-nhvliyh6y4] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--dir-input-border, #c5d8ce);
    border-radius: 12px;
    color: var(--color-ink);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: .9375rem;
    gap: .6rem;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 .9rem;
    text-align: left;
    width: 100%;
}

.facet-trigger:hover[b-nhvliyh6y4],
.facet-trigger[aria-expanded="true"][b-nhvliyh6y4] {
    border-color: var(--color-primary);
}

.facet-trigger:focus-visible[b-nhvliyh6y4],
.facet-search:focus-visible[b-nhvliyh6y4],
.facet-clear:focus-visible[b-nhvliyh6y4],
.facet-done:focus-visible[b-nhvliyh6y4] {
    outline: 2px solid var(--color-primary);
    outline-offset: 1px;
}

.facet-value[b-nhvliyh6y4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.facet-trigger svg[b-nhvliyh6y4] {
    fill: none;
    flex: 0 0 auto;
    height: 1.1rem;
    stroke: var(--color-ink);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    transition: transform .15s;
    width: 1.1rem;
}

.facet-trigger[aria-expanded="true"] svg[b-nhvliyh6y4] {
    transform: rotate(180deg);
}

.facet-popover[b-nhvliyh6y4] {
    background: #fff;
    border: 1px solid var(--dir-input-border, #c5d8ce);
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(15, 60, 48, .16);
    display: grid;
    gap: .5rem;
    left: 0;
    min-width: min(260px, 100%);
    padding: 10px;
    position: absolute;
    top: calc(100% + 6px);
    width: 100%;
    z-index: 20;
}

.facet-popover[hidden][b-nhvliyh6y4],
.facet-empty[hidden][b-nhvliyh6y4] {
    display: none;
}

.facet-search[b-nhvliyh6y4] {
    border: 1px solid var(--dir-input-border, #c5d8ce);
    border-radius: 10px;
    color: var(--color-ink);
    font: inherit;
    font-size: .9375rem;
    min-height: 42px;
    padding: 0 .75rem;
    width: 100%;
}

.facet-options[b-nhvliyh6y4] {
    list-style: none;
    margin: 0;
    max-height: 260px;
    overflow-y: auto;
    padding: 0;
}

/* Options are created by script, so they don't carry this component's scope attribute. */
.facet-options[b-nhvliyh6y4]  li {
    margin: 0;
}

.facet-options[b-nhvliyh6y4]  .facet-option {
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    gap: .65rem;
    min-height: 44px;
    padding: 0 .55rem;
}

.facet-options[b-nhvliyh6y4]  .facet-option:hover {
    background: var(--dir-hover, #e9f3ee);
}

.facet-options[b-nhvliyh6y4]  .facet-option input {
    accent-color: var(--color-primary);
    flex: 0 0 auto;
    height: 18px;
    margin: 0;
    width: 18px;
}

.facet-options[b-nhvliyh6y4]  .facet-option:focus-within {
    outline: 2px solid var(--color-primary);
    outline-offset: -2px;
}

.facet-options[b-nhvliyh6y4]  .facet-option-name {
    flex: 1 1 auto;
    font-size: .9375rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.facet-options[b-nhvliyh6y4]  .facet-option-count {
    color: var(--color-muted);
    flex: 0 0 auto;
    font-size: .8125rem;
}

.facet-empty[b-nhvliyh6y4] {
    color: var(--color-muted);
    font-size: .9rem;
    margin: 0;
    padding: .6rem .55rem;
}

.facet-footer[b-nhvliyh6y4] {
    align-items: center;
    border-top: 1px solid var(--dir-divider, #e3ede7);
    display: flex;
    justify-content: space-between;
    padding-top: .55rem;
}

.facet-clear[b-nhvliyh6y4] {
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: var(--color-muted);
    cursor: pointer;
    font: inherit;
    font-size: .9rem;
    font-weight: 700;
    min-height: 44px;
    padding: 0 .5rem;
    text-decoration: underline;
}

.facet-done[b-nhvliyh6y4] {
    background: var(--color-primary);
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: .9rem;
    font-weight: 700;
    min-height: 44px;
    padding: 0 1.25rem;
}

.facet-done:hover[b-nhvliyh6y4] {
    background: var(--color-primary-dark);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.skip-link[b-afcsp1pzg4] {
    background: var(--color-ink);
    color: white;
    left: 1rem;
    padding: .75rem 1rem;
    position: fixed;
    top: -5rem;
    z-index: 1001;
}

.skip-link:focus[b-afcsp1pzg4] {
    top: 1rem;
}

.site-header[b-afcsp1pzg4] {
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid var(--color-line);
    position: sticky;
    top: 0;
    z-index: 10;
}

.impersonation-banner[b-afcsp1pzg4] {
    background: #fff3d9;
    border-bottom: 2px solid #b68320;
    color: #453617;
    position: sticky;
    top: 7.25rem;
    z-index: 9;
}

.impersonation-banner-inner[b-afcsp1pzg4] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    padding-block: .65rem;
}

.impersonation-banner-inner span[b-afcsp1pzg4] {
    flex: 1 1 18rem;
    font-size: .83rem;
}

.impersonation-banner form[b-afcsp1pzg4] {
    margin: 0;
}

.impersonation-banner button[b-afcsp1pzg4] {
    background: #453617;
    border: 0;
    border-radius: .4rem;
    color: white;
    cursor: pointer;
    font: inherit;
    font-size: .83rem;
    font-weight: 700;
    padding: .6rem .85rem;
}

.header-inner[b-afcsp1pzg4],
.footer-inner[b-afcsp1pzg4] {
    align-items: center;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}

.header-inner[b-afcsp1pzg4] {
    min-height: 7.25rem;
    padding-block: .5rem;
}

.brand[b-afcsp1pzg4] {
    align-items: center;
    color: var(--color-ink);
    display: inline-flex;
    font-size: 1.12rem;
    font-weight: 800;
    letter-spacing: -.02em;
    text-decoration: none;
}

.header-inner > .brand[b-afcsp1pzg4] {
    flex: 0 1 22rem;
    min-width: 0;
}

.header-logo[b-afcsp1pzg4] {
    display: block;
    height: auto;
    max-width: 100%;
}

nav[b-afcsp1pzg4] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1.5rem;
    justify-content: flex-end;
}

nav a[b-afcsp1pzg4] {
    color: var(--color-ink);
    font-size: .92rem;
    font-weight: 650;
    padding: .65rem 0;
    text-decoration: none;
}

.nav-form[b-afcsp1pzg4] {
    margin: 0;
}

.nav-form button[b-afcsp1pzg4] {
    background: transparent;
    border: 0;
    color: var(--color-ink);
    cursor: pointer;
    font: inherit;
    font-size: .92rem;
    font-weight: 650;
    padding: .65rem 0;
}

.nav-form button:hover[b-afcsp1pzg4] {
    color: var(--color-primary);
}

nav a:hover[b-afcsp1pzg4] {
    color: var(--color-primary);
}

nav .nav-admin[b-afcsp1pzg4] {
    border: 1px solid var(--color-primary);
    border-radius: 999px;
    color: var(--color-primary);
    padding: .55rem 1rem;
}

.nav-admin-menu[b-afcsp1pzg4] {
    position: relative;
}

.nav-admin-menu summary[b-afcsp1pzg4] {
    border: 1px solid var(--color-primary);
    border-radius: 999px;
    color: var(--color-primary);
    cursor: pointer;
    font-size: .92rem;
    font-weight: 650;
    list-style: none;
    padding: .55rem 1rem;
}

.nav-admin-menu summary[b-afcsp1pzg4]::-webkit-details-marker { display: none; }
.nav-admin-menu summary[b-afcsp1pzg4]::after { content: " ▾"; }
.nav-admin-menu[open] summary[b-afcsp1pzg4]::after { content: " ▴"; }
.nav-admin-menu summary:focus-visible[b-afcsp1pzg4],
.nav-admin-links a:focus-visible[b-afcsp1pzg4] {
    outline: 2px solid var(--color-primary);
    outline-offset: 3px;
}

.nav-admin-links[b-afcsp1pzg4] {
    background: white;
    border: 1px solid var(--color-line);
    border-radius: .6rem;
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .12);
    display: grid;
    min-width: 12rem;
    padding: .4rem;
    position: absolute;
    right: 0;
    top: calc(100% + .35rem);
    z-index: 11;
}

.nav-admin-links a[b-afcsp1pzg4] {
    border-radius: .4rem;
    padding: .6rem .8rem;
}

.nav-admin-links a:hover[b-afcsp1pzg4],
.nav-admin-links a:focus-visible[b-afcsp1pzg4] {
    background: var(--color-surface);
}

/* Administration pages sit on the surface colour so their white cards stand out. */
main.admin-area[b-afcsp1pzg4] {
    background: var(--color-surface);
}

.site-footer[b-afcsp1pzg4] {
    background: var(--color-ink);
    color: #dbe7e3;
    padding: 3.5rem 0;
}

.footer-inner[b-afcsp1pzg4] {
    align-items: flex-start;
}

.footer-inner > div:first-child[b-afcsp1pzg4] {
    max-width: 28rem;
}

.footer-inner strong[b-afcsp1pzg4] {
    color: white;
}

.footer-inner p[b-afcsp1pzg4] {
    margin: .55rem 0 0;
}

.footer-inner a[b-afcsp1pzg4] {
    color: white;
}

.footer-brand[b-afcsp1pzg4] {
    color: white;
}

#blazor-error-ui[b-afcsp1pzg4] {
    background: #8a1c1c;
    bottom: 0;
    box-shadow: 0 -1px 8px rgba(0, 0, 0, .25);
    box-sizing: border-box;
    color: white;
    display: none;
    left: 0;
    padding: .85rem 3.5rem .85rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui a[b-afcsp1pzg4] {
    color: white;
    font-weight: 700;
}

#blazor-error-ui .dismiss[b-afcsp1pzg4] {
    background: transparent;
    border: 0;
    color: white;
    cursor: pointer;
    font-size: 1.5rem;
    position: absolute;
    right: .75rem;
    top: .35rem;
}

@media (max-width: 760px) {
    /* The stacked mobile header is too tall to stay pinned to the top. */
    .site-header[b-afcsp1pzg4] {
        position: static;
    }

    .impersonation-banner[b-afcsp1pzg4] {
        top: 0;
    }

    .header-inner[b-afcsp1pzg4] {
        align-items: flex-start;
        flex-direction: column;
        gap: .4rem;
        padding-bottom: .85rem;
        padding-top: .85rem;
    }

    .header-inner > .brand[b-afcsp1pzg4] {
        flex: 0 1 auto;
        max-width: 19rem;
    }

    nav[b-afcsp1pzg4] {
        justify-content: flex-start;
        width: 100%;
    }

    .nav-admin-menu[b-afcsp1pzg4] { width: 100%; }
    .nav-admin-links[b-afcsp1pzg4] {
        box-shadow: none;
        margin-top: .35rem;
        position: static;
    }

    .footer-inner[b-afcsp1pzg4] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-txp9tdb7i7],
.components-reconnect-repeated-attempt-visible[b-txp9tdb7i7],
.components-reconnect-failed-visible[b-txp9tdb7i7],
.components-pause-visible[b-txp9tdb7i7],
.components-resume-failed-visible[b-txp9tdb7i7],
.components-rejoining-animation[b-txp9tdb7i7] {
    display: none;
}

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


#components-reconnect-modal[b-txp9tdb7i7] {
    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-txp9tdb7i7 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-txp9tdb7i7 {
    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;
    }
}
/* /Components/Pages/Account.razor.rz.scp.css */
.account-page[b-g7b0bq14r5] {
    min-height: 62vh;
    padding-bottom: 7rem;
    padding-top: 7rem;
}

.eyebrow[b-g7b0bq14r5] {
    color: var(--color-primary);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

h1[b-g7b0bq14r5] {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
}

dl[b-g7b0bq14r5] {
    background: var(--color-surface);
    display: grid;
    gap: .35rem;
    grid-template-columns: 10rem 1fr;
    margin-top: 2rem;
    max-width: 42rem;
    padding: 1.5rem;
}

dt[b-g7b0bq14r5] {
    font-weight: 750;
}

dd[b-g7b0bq14r5] {
    margin: 0;
}
/* /Components/Pages/Administration.razor.rz.scp.css */
.admin-page[b-msm64o3mq2] {
    max-width: 92rem;
    min-height: 62vh;
    padding-block: clamp(3rem, 7vw, 6rem);
}

.eyebrow[b-msm64o3mq2] {
    color: var(--color-primary);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

h1[b-msm64o3mq2] {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    letter-spacing: -.05em;
    line-height: 1;
    max-width: 20ch;
}

.admin-page > p:not(.eyebrow)[b-msm64o3mq2] {
    color: var(--color-muted);
    font-size: 1.15rem;
    line-height: 1.7;
    max-width: 45rem;
}

.notice[b-msm64o3mq2] {
    background: #fff;
    border-left: 4px solid var(--color-accent-dark);
    display: grid;
    gap: .4rem;
    margin: 2rem 0;
    max-width: 45rem;
    padding: 1.3rem 1.5rem;
}

.notice span[b-msm64o3mq2] {
    color: var(--color-muted);
    line-height: 1.55;
}

.admin-cards[b-msm64o3mq2] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
    margin-block: 2rem;
}

.admin-card[b-msm64o3mq2] {
    border: 1px solid var(--color-line);
    border-radius: .6rem;
    padding: 1.5rem;
}

.admin-card h2[b-msm64o3mq2] { margin-top: 0; }
.admin-card p[b-msm64o3mq2] { color: var(--color-muted); line-height: 1.6; }

a[b-msm64o3mq2] {
    color: var(--color-primary);
    font-weight: 750;
    text-underline-offset: .25rem;
}
/* /Components/Pages/AreaDetail.razor.rz.scp.css */
.area-header[b-ge5xuursw0] {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.4rem;
}

.area-header h1[b-ge5xuursw0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
    margin: .4rem 0 .35rem;
}

.area-header h1 .management-status[b-ge5xuursw0] {
    font-size: .75rem;
    letter-spacing: 0;
}

.area-header p[b-ge5xuursw0] {
    color: #65756f;
    margin: 0;
}

.area-header-action[b-ge5xuursw0] {
    align-items: center;
    background: #fff;
    border: 1px solid #cddbd2;
    border-radius: .5rem;
    display: inline-flex;
    font-size: .83rem;
    gap: .45rem;
    padding: .65rem .9rem;
    text-decoration: none;
}

.area-header-action:hover[b-ge5xuursw0] {
    background: #eaf4ee;
}

.area-tabs[b-ge5xuursw0] {
    border-bottom: 1px solid #dfe8e2;
    display: flex;
    gap: .15rem;
    margin-bottom: 1.2rem;
    overflow-x: auto;
}

.area-tabs a[b-ge5xuursw0] {
    border-bottom: 2px solid transparent;
    color: #566860;
    font-size: .84rem;
    padding: .75rem .9rem;
    text-decoration: none;
    white-space: nowrap;
}

.area-tabs a:hover[b-ge5xuursw0],
.area-tabs a:focus-visible[b-ge5xuursw0] {
    border-bottom-color: var(--color-primary);
    color: var(--color-primary-dark);
}

.area-summary[b-ge5xuursw0] {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    margin-bottom: 1.2rem;
    scroll-margin-top: 1.5rem;
}

.area-stat[b-ge5xuursw0] {
    align-items: center;
    background: #fff;
    border: 1px solid #e1e9e4;
    border-radius: .75rem;
    display: flex;
    gap: .9rem;
    min-width: 0;
    padding: 1rem;
}

.area-stat[b-ge5xuursw0]  .mud-icon-root {
    background: #e4f3ea;
    border-radius: 50%;
    box-sizing: content-box;
    color: var(--color-primary);
    flex-shrink: 0;
    padding: .7rem;
}

.area-stat > div[b-ge5xuursw0] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.area-stat strong[b-ge5xuursw0] {
    color: #1b302b;
    font-size: 1.5rem;
    line-height: 1.1;
}

.area-stat span[b-ge5xuursw0] {
    color: #65756f;
    font-size: .78rem;
}

.management-detail-grid[b-ge5xuursw0] {
    grid-template-columns: minmax(0, 1.6fr) minmax(20rem, 1fr);
}

.area-main[b-ge5xuursw0],
.area-side[b-ge5xuursw0] {
    display: grid;
    gap: 1.2rem;
    min-width: 0;
}

.area-section-heading[b-ge5xuursw0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.area-section-heading h2[b-ge5xuursw0] {
    margin: 0;
}

.area-section-heading a[b-ge5xuursw0] {
    font-size: .82rem;
    text-decoration: none;
}

.area-section-heading a:hover[b-ge5xuursw0] {
    text-decoration: underline;
}

.area-postal-list[b-ge5xuursw0] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
}

.area-postal-list li[b-ge5xuursw0] {
    background: #eaf4ee;
    border-radius: .5rem;
    color: var(--color-primary-dark);
    font-size: .9rem;
    font-weight: 700;
    padding: .45rem .7rem;
}

.area-admin[b-ge5xuursw0]  .area-search {
    margin: .5rem 0 .85rem;
    max-width: 26rem;
}

.area-admin[b-ge5xuursw0]  .area-table {
    border: 1px solid #e4ebe6;
    border-radius: .65rem;
    overflow-x: auto;
}

.area-admin[b-ge5xuursw0]  .area-table .mud-table-cell {
    border-bottom-color: #edf1ee;
    padding: .55rem;
}

.area-business-name[b-ge5xuursw0] {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.area-business-name strong[b-ge5xuursw0] {
    color: #20302a;
    font-size: .86rem;
}

.area-business-name span[b-ge5xuursw0] {
    color: #65756f;
    font-size: .76rem;
    overflow-wrap: anywhere;
}

.area-table a[b-ge5xuursw0] {
    font-size: .82rem;
    white-space: nowrap;
}

.area-role[b-ge5xuursw0] {
    background: #edf2f8;
    border-radius: .35rem;
    color: #295376;
    display: inline-block;
    font-size: .73rem;
    padding: .25rem .4rem;
}

.area-role.is-admin[b-ge5xuursw0] {
    background: #e4f3ea;
    color: var(--color-primary-dark);
}

.area-admin form > button[type=submit].area-remove[b-ge5xuursw0] {
    background: transparent;
    color: #963c38;
    font-size: .8rem;
    padding: .35rem;
}

.area-admin form > button[type=submit].area-remove:hover[b-ge5xuursw0] {
    background: #fae9e8;
}

.area-admin .area-table form[b-ge5xuursw0] {
    display: inline-flex;
    margin: 0;
}

.area-admin .area-side details[b-ge5xuursw0] {
    margin-bottom: .75rem;
}

.area-admin .management-danger > button:disabled[b-ge5xuursw0] {
    background: #f0f2f1;
    border: 1px solid #e1e9e4;
    border-radius: .5rem;
    color: #65756f;
    cursor: not-allowed;
    padding: .65rem .9rem;
}

@media (max-width: 950px) {
    .management-detail-grid[b-ge5xuursw0] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 560px) {
    .area-summary[b-ge5xuursw0] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Bootstrap.razor.rz.scp.css */
.bootstrap-page[b-uf1a5006qp] {
    min-height: 62vh;
    padding-bottom: 7rem;
    padding-top: 7rem;
}

.eyebrow[b-uf1a5006qp] {
    color: var(--color-primary);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

h1[b-uf1a5006qp] {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    max-width: 16ch;
}

.notice[b-uf1a5006qp] {
    background: var(--color-surface);
    border-left: 4px solid var(--color-accent-dark);
    display: grid;
    gap: .4rem;
    max-width: 42rem;
    padding: 1.3rem 1.5rem;
}

button[b-uf1a5006qp] {
    background: #8a1c1c;
    border: 0;
    border-radius: .4rem;
    color: white;
    cursor: pointer;
    font: inherit;
    font-weight: 750;
    padding: .9rem 1.3rem;
}

.result[b-uf1a5006qp] {
    font-weight: 700;
    margin-top: 2rem;
}
/* /Components/Pages/Brands.razor.rz.scp.css */
.brand-admin[b-kdcxpoz2y7] {
    color: #1b302b;
    max-width: 92rem;
    padding-bottom: 5rem;
    padding-top: 1.75rem;
}

.brand-breadcrumb[b-kdcxpoz2y7] {
    align-items: center;
    color: #63756e;
    display: flex;
    font-size: .85rem;
    gap: .6rem;
    margin-bottom: 1.25rem;
}

.brand-breadcrumb a[b-kdcxpoz2y7] {
    color: var(--color-primary);
    font-weight: 700;
    text-decoration: none;
}

.brand-workspace[b-kdcxpoz2y7] {
    background: #fff;
    border: 1px solid #e1e9e4;
    border-radius: 1rem;
    box-shadow: 0 18px 60px rgb(21 61 52 / 6%);
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(21rem, 1fr);
    min-height: 42rem;
    overflow: clip;
}

.brand-list[b-kdcxpoz2y7],
.brand-editor[b-kdcxpoz2y7] {
    min-width: 0;
    padding: clamp(1.25rem, 2.5vw, 2.5rem);
}

.brand-editor[b-kdcxpoz2y7] {
    background: #fbfcfb;
    border-left: 1px solid #e1e9e4;
}

.brand-intro[b-kdcxpoz2y7],
.brand-editor-heading[b-kdcxpoz2y7] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.brand-intro h1[b-kdcxpoz2y7] {
    font-size: clamp(2rem, 3.2vw, 2.8rem);
    letter-spacing: -.04em;
    line-height: 1.1;
    margin: .4rem 0 .65rem;
}

.brand-intro p[b-kdcxpoz2y7],
.brand-editor .hint[b-kdcxpoz2y7] {
    color: #65756f;
    line-height: 1.55;
}

.brand-intro p[b-kdcxpoz2y7] {
    margin: 0;
    max-width: 34rem;
}

.brand-intro[b-kdcxpoz2y7] >  .mud-button-root {
    flex-shrink: 0;
    margin-top: .2rem;
    text-transform: none;
}

.brand-kicker[b-kdcxpoz2y7] {
    color: var(--color-primary);
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.brand-summary[b-kdcxpoz2y7] {
    background: #f5f9f6;
    border: 1px solid #e2eee7;
    border-radius: .75rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 2rem 0 1.7rem;
}

.brand-summary > div[b-kdcxpoz2y7] {
    display: grid;
    gap: .15rem;
    padding: .85rem 1.15rem;
}

.brand-summary > div + div[b-kdcxpoz2y7] {
    border-left: 1px solid #dce9e0;
}

.brand-summary strong[b-kdcxpoz2y7] {
    color: var(--color-primary-dark);
    font-size: 1.35rem;
    line-height: 1.2;
}

.brand-summary span[b-kdcxpoz2y7] {
    color: #65756f;
    font-size: .78rem;
}

.brand-toolbar[b-kdcxpoz2y7] {
    align-items: end;
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.brand-tabs[b-kdcxpoz2y7],
.brand-editor-tabs[b-kdcxpoz2y7] {
    border-bottom: 1px solid #dfe8e2;
    display: flex;
    gap: .1rem;
    overflow-x: auto;
}

.brand-tabs button[b-kdcxpoz2y7],
.brand-editor-tabs button[b-kdcxpoz2y7] {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #566860;
    cursor: pointer;
    font: inherit;
    font-size: .83rem;
    font-weight: 600;
    padding: .7rem .8rem;
    white-space: nowrap;
}

.brand-tabs button.is-selected[b-kdcxpoz2y7],
.brand-editor-tabs button.is-selected[b-kdcxpoz2y7] {
    border-bottom-color: var(--color-primary);
    color: var(--color-primary-dark);
}

.brand-list[b-kdcxpoz2y7]  .brand-search {
    min-width: min(100%, 15rem);
    width: 17rem;
}

.brand-list[b-kdcxpoz2y7]  .brand-table {
    border: 1px solid #e4ebe6;
    border-radius: .75rem;
    overflow: hidden;
}

.brand-list[b-kdcxpoz2y7]  .brand-table .mud-table-cell {
    border-bottom-color: #edf1ee;
}

.brand-list[b-kdcxpoz2y7]  .brand-table tr.brand-row-selected {
    background: #edf7f1;
}

.brand-name[b-kdcxpoz2y7] {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
    padding-block: .3rem;
}

.brand-monogram[b-kdcxpoz2y7] {
    align-items: center;
    background: #e4f3ea;
    border-radius: .5rem;
    color: #17624f;
    display: inline-flex;
    flex: 0 0 2.2rem;
    font-size: 1rem;
    font-weight: 800;
    height: 2.2rem;
    justify-content: center;
    text-transform: uppercase;
}

.brand-name > div[b-kdcxpoz2y7] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.brand-name strong[b-kdcxpoz2y7] {
    color: #20302a;
    font-size: .9rem;
}

.brand-name > div > span[b-kdcxpoz2y7] {
    color: #6a7b73;
    font-size: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brand-status[b-kdcxpoz2y7] {
    background: #f0f2f1;
    border-radius: 2rem;
    color: #5e6c66;
    display: inline-block;
    font-size: .75rem;
    font-weight: 700;
    padding: .27rem .65rem;
    white-space: nowrap;
}

.brand-status.is-approved[b-kdcxpoz2y7] {
    background: #e4f3ea;
    color: #17624f;
}

.brand-status.is-pending[b-kdcxpoz2y7] {
    background: #fff3d9;
    color: #80570b;
}

.brand-status.is-rejected[b-kdcxpoz2y7] {
    background: #fae9e8;
    color: #963c38;
}

.brand-editor-heading[b-kdcxpoz2y7] {
    align-items: center;
    margin-bottom: 1rem;
}

.brand-editor-heading h2[b-kdcxpoz2y7] {
    font-size: 1.35rem;
    letter-spacing: -.02em;
    margin: .4rem 0 0;
}

.brand-close[b-kdcxpoz2y7] {
    background: transparent;
    border: 0;
    border-radius: .4rem;
    color: #61746a;
    cursor: pointer;
    padding: .55rem;
}

.brand-close:hover[b-kdcxpoz2y7] {
    background: #eaf4ee;
}

.brand-context[b-kdcxpoz2y7] {
    align-items: center;
    background: #eaf4ee;
    border-radius: .4rem;
    color: var(--color-primary-dark);
    display: flex;
    flex-wrap: wrap;
    font-size: .8rem;
    gap: .7rem;
    margin-bottom: 1.25rem;
    padding: .55rem .7rem;
}

.brand-proposer[b-kdcxpoz2y7] {
    font-size: .86rem;
}

.brand-review-actions[b-kdcxpoz2y7] {
    display: flex;
    gap: .8rem;
}

.brand-editor > form[b-kdcxpoz2y7] {
    display: grid;
    gap: .65rem;
}

.brand-editor label[b-kdcxpoz2y7] {
    font-size: .86rem;
    font-weight: 700;
}

.brand-editor input:not([type=hidden]):not([type=checkbox])[b-kdcxpoz2y7],
.brand-editor textarea[b-kdcxpoz2y7] {
    background: white;
    border: 1px solid #cddbd2;
    border-radius: .5rem;
    box-sizing: border-box;
    color: #1b302b;
    font: inherit;
    padding: .75rem;
    width: 100%;
}

.brand-editor input:focus-visible[b-kdcxpoz2y7],
.brand-editor textarea:focus-visible[b-kdcxpoz2y7] {
    border-color: var(--color-primary);
}

.brand-editor-tabs[b-kdcxpoz2y7] {
    margin-top: .8rem;
}

.brand-fields[b-kdcxpoz2y7] {
    display: grid;
    gap: .65rem;
    padding-top: .8rem;
}

.brand-fields[hidden][b-kdcxpoz2y7] {
    display: none;
}

.brand-editor .hint[b-kdcxpoz2y7] {
    font-size: .77rem;
    margin: 0 0 .5rem;
}

.brand-visibility[b-kdcxpoz2y7] {
    align-items: center;
    border-top: 1px solid #e1e9e4;
    display: flex;
    gap: .8rem;
    justify-content: space-between;
    margin-top: .5rem;
    padding-top: 1.1rem;
}

.brand-visibility p[b-kdcxpoz2y7] {
    color: #65756f;
    font-size: .77rem;
    line-height: 1.5;
    margin: .2rem 0 0;
}

.brand-category-options[b-kdcxpoz2y7] {
    border: 1px solid #e1e9e4;
    border-radius: .5rem;
    max-height: 16rem;
    overflow: auto;
}

.brand-category-option[b-kdcxpoz2y7] {
    align-items: start;
    cursor: pointer;
    display: flex;
    gap: .6rem;
    padding: .65rem;
}

.brand-category-option + .brand-category-option[b-kdcxpoz2y7] {
    border-top: 1px solid #edf1ee;
}

.brand-category-option input[b-kdcxpoz2y7] {
    accent-color: var(--color-primary);
    margin-top: .2rem;
}

.brand-category-option span[b-kdcxpoz2y7] {
    font-size: .8rem;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.brand-editor-actions[b-kdcxpoz2y7] {
    border-top: 1px solid #e1e9e4;
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    padding-top: 1.25rem;
}

.brand-editor[b-kdcxpoz2y7]  .mud-button-root {
    text-transform: none;
}

@media (max-width: 1050px) {
    .brand-workspace[b-kdcxpoz2y7] {
        grid-template-columns: minmax(0, 1.35fr) minmax(19rem, 1fr);
    }

    .brand-intro[b-kdcxpoz2y7] {
        flex-wrap: wrap;
    }
}

@media (max-width: 760px) {
    .brand-workspace[b-kdcxpoz2y7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .brand-editor[b-kdcxpoz2y7] {
        border-left: 0;
        border-top: 1px solid #e1e9e4;
    }

    .brand-summary > div[b-kdcxpoz2y7] {
        padding: .7rem;
    }
}
/* /Components/Pages/BusinessDetail.razor.rz.scp.css */
.business-inquiries[b-r5ogiwdffw] {
    background: #f3f8f4;
    border: 1px solid #dbe6dd;
    border-radius: .9rem;
    margin-bottom: 1.5rem;
    padding: clamp(1rem, 2vw, 1.5rem);
}

.business-inquiries-heading[b-r5ogiwdffw] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    justify-content: space-between;
    margin-bottom: .9rem;
}

.business-inquiries-heading h2[b-r5ogiwdffw] {
    margin: .25rem 0 0;
}

.business-inquiry-list[b-r5ogiwdffw] {
    display: grid;
    gap: .5rem;
}

.business-inquiry-list a[b-r5ogiwdffw] {
    align-items: center;
    background: white;
    border: 1px solid #dbe6dd;
    border-radius: .7rem;
    color: #17624f;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    overflow-wrap: anywhere;
    padding: .8rem 1rem;
    text-decoration: none;
}

.business-inquiry-list a:hover[b-r5ogiwdffw],
.business-inquiry-list a:focus-visible[b-r5ogiwdffw] {
    border-color: #17624f;
    background: #fafdfa;
}

.business-inquiry-list a > span:first-child[b-r5ogiwdffw] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.business-inquiry-list small[b-r5ogiwdffw] {
    color: #536760;
}

.business-inquiry-status[b-r5ogiwdffw] {
    flex: none;
    font-size: .85rem;
    font-weight: 700;
}

@media (max-width: 520px) {
    .business-inquiry-list a[b-r5ogiwdffw] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}

.business-summary[b-r5ogiwdffw] {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1.5rem;
    scroll-margin-top: 1.5rem;
}

.business-metric[b-r5ogiwdffw] {
    align-items: center;
    background: #fff;
    border: 1px solid #e1e9e4;
    border-radius: .8rem;
    display: grid;
    gap: .1rem .8rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1rem;
}

.business-metric[b-r5ogiwdffw]  .mud-icon-root {
    background: #eaf4ee;
    border-radius: .75rem;
    color: #17624f;
    grid-row: span 2;
    padding: .55rem;
    box-sizing: content-box;
}

.business-metric strong[b-r5ogiwdffw] {
    font-size: 1.35rem;
    line-height: 1.1;
}

.business-metric span[b-r5ogiwdffw] {
    color: #536760;
    font-size: .78rem;
}

.business-section-links[b-r5ogiwdffw] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
}

.business-section-links a[b-r5ogiwdffw] {
    background: white;
    border: 1px solid #e1e9e4;
    border-radius: .8rem;
    color: #17624f;
    display: grid;
    gap: .4rem;
    padding: 1.25rem;
    text-decoration: none;
}

.business-section-links a:hover[b-r5ogiwdffw],
.business-section-links a:focus-visible[b-r5ogiwdffw] {
    border-color: #17624f;
    background: #f2f8f4;
}

.business-section-links span[b-r5ogiwdffw],
.business-section-intro p[b-r5ogiwdffw] {
    color: #536760;
}

.business-section-intro[b-r5ogiwdffw] {
    margin: 1.5rem 0 1rem;
}

.business-section-intro h2[b-r5ogiwdffw] {
    margin-bottom: .35rem;
}

.business-section-intro p[b-r5ogiwdffw] {
    margin: 0;
}

.business-panel[b-r5ogiwdffw] {
    background: #fff;
    border: 1px solid #e1e9e4;
    border-radius: .8rem;
    display: flex;
    flex-direction: column;
    gap: .8rem;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 1rem;
    scroll-margin-top: 1.5rem;
    max-width: 54rem;
}

.business-panel-heading[b-r5ogiwdffw] {
    align-items: start;
    display: flex;
    gap: .6rem;
    min-height: 3.3rem;
}

.business-panel-heading[b-r5ogiwdffw]  .mud-icon-root {
    color: #17624f;
    flex: 0 0 auto;
}

.business-panel-heading > div[b-r5ogiwdffw] {
    flex: 1;
    min-width: 0;
}

.business-panel-heading h2[b-r5ogiwdffw] {
    font-size: 1.05rem;
    line-height: 1.25;
    margin: 0 0 .2rem;
}

.business-panel-heading p[b-r5ogiwdffw] {
    color: #536760;
    font-size: .76rem;
    line-height: 1.4;
    margin: 0;
}

.business-count[b-r5ogiwdffw] {
    background: #eaf4ee;
    border-radius: 2rem;
    color: #17624f;
    font-size: .8rem;
    font-weight: 700;
    padding: .15rem .5rem;
}

.business-panel .business-list[b-r5ogiwdffw] {
    margin: 0;
}

.business-panel .business-list li[b-r5ogiwdffw] {
    align-items: start;
    font-size: .84rem;
    gap: .3rem;
    padding: .55rem 0;
}

.tag-add-row[b-r5ogiwdffw] {
    display: flex;
    gap: .5rem;
}

.tag-add-row input[b-r5ogiwdffw] {
    flex: 1 1 auto;
    min-width: 0;
}

.tag-add-row button[b-r5ogiwdffw] {
    background: #17624f;
    border: 0;
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    flex: 0 0 auto;
    font: inherit;
    font-weight: 700;
    padding: .65rem 1rem;
    white-space: nowrap;
}

.tag-add-row button:hover[b-r5ogiwdffw] {
    background: #0f4638;
}

.business-panel .tag-list[b-r5ogiwdffw] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    list-style: none;
    padding: 0;
}

.business-panel .tag-list li[b-r5ogiwdffw] {
    align-items: center;
    background: #eef6f1;
    border: 1px solid #d6e8dc;
    border-radius: 2rem;
    display: inline-flex;
    gap: .2rem;
    padding: .15rem .2rem .15rem .85rem;
}

.business-panel .tag-list li[hidden][b-r5ogiwdffw] {
    display: none;
}

.business-panel .tag-list form[b-r5ogiwdffw] {
    margin: 0 !important;
}

.business-panel .tag-list form > button[type=submit][b-r5ogiwdffw] {
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: #536760;
    cursor: pointer;
    font-size: 1.15rem;
    font-weight: 400;
    height: 1.7rem;
    line-height: 1;
    min-height: 0;
    padding: 0;
    width: 1.7rem;
}

.business-panel .tag-list form > button[type=submit]:hover[b-r5ogiwdffw],
.business-panel .tag-list form > button[type=submit]:focus-visible[b-r5ogiwdffw] {
    background: #fbe4e4;
    color: #8a1c1c;
}

.business-panel details[b-r5ogiwdffw] {
    margin-top: auto;
}

.business-panel > form[b-r5ogiwdffw] {
    margin: .2rem 0 !important;
}

.business-single-panel[b-r5ogiwdffw] {
    max-width: 42rem;
}

.business-single-panel .management-card[b-r5ogiwdffw] {
    padding: 1.25rem;
}

.business-single-panel h2[b-r5ogiwdffw] {
    font-size: 1.15rem;
    margin: 0 0 1rem;
}

.business-profile-name[b-r5ogiwdffw] {
    display: block;
    font-size: 1.1rem;
    overflow-wrap: anywhere;
}

.business-single-panel small[b-r5ogiwdffw] {
    color: #536760;
    font-size: .75rem;
    overflow-wrap: anywhere;
}

.business-single-panel .business-list[b-r5ogiwdffw] {
    margin: .5rem 0;
}

.business-single-panel .business-list li[b-r5ogiwdffw] {
    align-items: start;
    font-size: .85rem;
}

.business-single-panel form[b-r5ogiwdffw] {
    margin-bottom: .6rem;
}

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

@media (max-width: 420px) {
    .business-summary[b-r5ogiwdffw] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* While a tab loads the page stays put and dims a little (after a short delay, so quick loads don't flicker). */
.business-detail.is-loading[b-r5ogiwdffw] {
    cursor: progress;
}

.business-detail.is-loading > :not(nav)[b-r5ogiwdffw] {
    opacity: .6;
    transition: opacity .2s .15s;
}

.business-loading[b-r5ogiwdffw] {
    color: var(--color-muted);
    padding: 2rem 0;
}
/* /Components/Pages/BusinessInquiries.razor.rz.scp.css */
.business-inquiry-summary[b-lo9fqxuo8e] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 1.25rem;
}

.business-inquiry-summary > div[b-lo9fqxuo8e] {
    background: #f0f8f2;
    border: 1px solid #dbe6dd;
    border-radius: .75rem;
    display: grid;
    min-width: 10rem;
    padding: .8rem 1.1rem;
}

.business-inquiry-summary strong[b-lo9fqxuo8e] {
    color: #17624f;
    font-size: 1.4rem;
}

.business-inquiry-index[b-lo9fqxuo8e] {
    display: grid;
    gap: .7rem;
}

.business-inquiry-index a[b-lo9fqxuo8e] {
    align-items: center;
    background: white;
    border: 1px solid #e1e9e4;
    border-radius: .8rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    overflow-wrap: anywhere;
    padding: 1rem 1.25rem;
    text-decoration: none;
}

.business-inquiry-index a:hover[b-lo9fqxuo8e],
.business-inquiry-index a:focus-visible[b-lo9fqxuo8e] {
    background: #f2f8f4;
    border-color: #17624f;
}

.business-inquiry-index a > span:first-child[b-lo9fqxuo8e] {
    display: grid;
    gap: .3rem;
    min-width: 0;
}

.business-inquiry-index small[b-lo9fqxuo8e] {
    color: #536760;
}

.inquiry-state[b-lo9fqxuo8e] {
    color: #17624f;
    flex: none;
    font-size: .88rem;
    font-weight: 700;
}

.business-inquiry-detail[b-lo9fqxuo8e] {
    align-items: start;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}

.inquiry-card[b-lo9fqxuo8e] {
    overflow-wrap: anywhere;
}

.inquiry-product[b-lo9fqxuo8e] {
    font-size: 1.25rem;
    font-weight: 700;
}

.inquiry-customer-message[b-lo9fqxuo8e] {
    background: #f6f9f6;
    border-radius: .7rem;
    padding: 1rem;
}

.inquiry-follow-up[b-lo9fqxuo8e] {
    border-left: 3px solid #dbe6dd;
    margin: 1rem 0;
    padding-left: 1rem;
}

.inquiry-card a[b-lo9fqxuo8e] {
    overflow-wrap: anywhere;
}

.inquiry-card form[b-lo9fqxuo8e] {
    display: grid;
    gap: .65rem;
    max-width: 36rem;
}

.inquiry-card form p[b-lo9fqxuo8e] {
    margin: .25rem 0;
}

.inquiry-card form input[b-lo9fqxuo8e],
.inquiry-card form select[b-lo9fqxuo8e],
.inquiry-card form textarea[b-lo9fqxuo8e] {
    font: inherit;
    padding: .7rem;
    border: 1px solid #bbcfc1;
    border-radius: .5rem;
}

.inquiry-card form textarea[b-lo9fqxuo8e] {
    min-height: 6rem;
}

.inquiry-card form select[b-lo9fqxuo8e] {
    min-height: 3rem;
    min-width: min(100%, 14rem);
    padding-right: 2.75rem;
    width: 100%;
}

.inquiry-card form button[b-lo9fqxuo8e] {
    justify-self: start;
}

@media (max-width: 760px) {
    .business-inquiry-detail[b-lo9fqxuo8e] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 520px) {
    .business-inquiry-index a[b-lo9fqxuo8e] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/BusinessLocationFields.razor.rz.scp.css */
.location-fields[b-51hsrw8hfl] {
    background: #fbfcfb;
    border: 1px solid #e1e9e4;
    border-radius: .65rem;
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: .5rem 0;
    min-width: 0;
    padding: 1rem;
}

.location-fields legend[b-51hsrw8hfl] {
    color: var(--color-primary-dark);
    font-size: .85rem;
    font-weight: 800;
    padding: 0 .35rem;
}

.location-field[b-51hsrw8hfl] {
    display: grid;
    gap: .4rem;
    min-width: 0;
}

.location-field.wide[b-51hsrw8hfl] {
    grid-column: 1 / -1;
}

.location-field label[b-51hsrw8hfl] {
    font-size: .86rem;
    font-weight: 700;
}

.location-field input[b-51hsrw8hfl] {
    background: white;
    border: 1px solid #cddbd2;
    border-radius: .5rem;
    box-sizing: border-box;
    font: inherit;
    min-width: 0;
    padding: .75rem;
    width: 100%;
}

@media (max-width: 760px) {
    .location-fields[b-51hsrw8hfl] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Categories.razor.rz.scp.css */
.category-admin[b-jd1sznmjiz] {
    color: #1b302b;
    max-width: 92rem;
    padding-bottom: 5rem;
    padding-top: 1.75rem;
}

.category-breadcrumb[b-jd1sznmjiz] {
    align-items: center;
    color: #63756e;
    display: flex;
    font-size: .85rem;
    gap: .6rem;
    margin-bottom: 1.25rem;
}

.category-breadcrumb a[b-jd1sznmjiz] {
    color: var(--color-primary);
    font-weight: 700;
    text-decoration: none;
}

.category-workspace[b-jd1sznmjiz] {
    background: #fff;
    border: 1px solid #e1e9e4;
    border-radius: 1rem;
    box-shadow: 0 18px 60px rgb(21 61 52 / 6%);
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(21rem, 1fr);
    min-height: 42rem;
    overflow: clip;
}

.category-list[b-jd1sznmjiz],
.category-editor[b-jd1sznmjiz] {
    min-width: 0;
}

.category-list[b-jd1sznmjiz] {
    padding: clamp(1.25rem, 2.5vw, 2.5rem);
}

.category-editor[b-jd1sznmjiz] {
    background: #fbfcfb;
    border-left: 1px solid #e1e9e4;
    padding: clamp(1.25rem, 2vw, 2rem);
}

.category-intro[b-jd1sznmjiz],
.category-editor-heading[b-jd1sznmjiz] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.category-intro h1[b-jd1sznmjiz] {
    font-size: clamp(2rem, 3.2vw, 2.8rem);
    letter-spacing: -.04em;
    line-height: 1.1;
    margin: .4rem 0 .65rem;
}

.category-intro p[b-jd1sznmjiz],
.category-editor .hint[b-jd1sznmjiz] {
    color: #65756f;
    line-height: 1.55;
}

.category-intro p[b-jd1sznmjiz] {
    margin: 0;
    max-width: 34rem;
}

.category-intro[b-jd1sznmjiz] >  .mud-button-root {
    flex-shrink: 0;
    margin-top: .2rem;
    text-transform: none;
}

.category-kicker[b-jd1sznmjiz] {
    color: var(--color-primary);
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.category-summary[b-jd1sznmjiz] {
    background: #f5f9f6;
    border: 1px solid #e2eee7;
    border-radius: .75rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 2rem 0 1.7rem;
}

.category-summary > div[b-jd1sznmjiz] {
    display: grid;
    gap: .15rem;
    padding: .85rem 1.15rem;
}

.category-summary > div + div[b-jd1sznmjiz] {
    border-left: 1px solid #dce9e0;
}

.category-summary strong[b-jd1sznmjiz] {
    color: var(--color-primary-dark);
    font-size: 1.35rem;
    line-height: 1.2;
}

.category-summary span[b-jd1sznmjiz] {
    color: #65756f;
    font-size: .78rem;
}

.category-toolbar[b-jd1sznmjiz] {
    align-items: end;
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.category-tabs[b-jd1sznmjiz],
.category-editor-tabs[b-jd1sznmjiz] {
    border-bottom: 1px solid #dfe8e2;
    display: flex;
    gap: .1rem;
    overflow-x: auto;
}

.category-tabs button[b-jd1sznmjiz],
.category-editor-tabs button[b-jd1sznmjiz] {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #566860;
    cursor: pointer;
    font: inherit;
    font-size: .83rem;
    font-weight: 600;
    padding: .7rem .8rem;
    white-space: nowrap;
}

.category-tabs button.is-selected[b-jd1sznmjiz],
.category-editor-tabs button.is-selected[b-jd1sznmjiz] {
    border-bottom-color: var(--color-primary);
    color: var(--color-primary-dark);
}

.category-list[b-jd1sznmjiz]  .category-search {
    min-width: min(100%, 15rem);
    width: 17rem;
}

.category-list[b-jd1sznmjiz]  .category-table {
    border: 1px solid #e4ebe6;
    border-radius: .75rem;
    overflow: hidden;
}

.category-list[b-jd1sznmjiz]  .category-table .mud-table-cell {
    border-bottom-color: #edf1ee;
}

.category-list[b-jd1sznmjiz]  .category-table tr.category-row-selected {
    background: #edf7f1;
}

.category-name[b-jd1sznmjiz] {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
    padding-block: .3rem;
}

.category-name[b-jd1sznmjiz]  .mud-icon-root {
    color: var(--color-primary);
    flex-shrink: 0;
}

.category-name > div[b-jd1sznmjiz] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.category-name strong[b-jd1sznmjiz] {
    color: #20302a;
    font-size: .9rem;
}

.category-name span[b-jd1sznmjiz] {
    color: #6a7b73;
    font-size: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-status[b-jd1sznmjiz] {
    background: #f0f2f1;
    border-radius: 2rem;
    color: #5e6c66;
    display: inline-block;
    font-size: .75rem;
    font-weight: 700;
    padding: .27rem .65rem;
    white-space: nowrap;
}

.category-status.is-active[b-jd1sznmjiz] {
    background: #e4f3ea;
    color: #17624f;
}

.category-editor-heading[b-jd1sznmjiz] {
    align-items: center;
    margin-bottom: 1rem;
}

.category-editor-heading h2[b-jd1sznmjiz] {
    font-size: 1.35rem;
    letter-spacing: -.02em;
    margin: .4rem 0 0;
}

.category-close[b-jd1sznmjiz] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .4rem;
    color: #61746a;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: .55rem;
}

.category-close:hover[b-jd1sznmjiz] {
    background: #eaf4ee;
}

.category-current-path[b-jd1sznmjiz] {
    background: #eaf4ee;
    border-radius: .4rem;
    color: var(--color-primary-dark);
    font-size: .8rem;
    margin: 0 0 1.25rem;
    overflow-wrap: anywhere;
    padding: .55rem .7rem;
}

.category-editor form[b-jd1sznmjiz] {
    display: grid;
}

.category-name-field[b-jd1sznmjiz],
.category-editor-fields[b-jd1sznmjiz] {
    display: grid;
    gap: .65rem;
}

.category-name-field[b-jd1sznmjiz] {
    margin-bottom: 1.4rem;
}

.category-editor-fields[b-jd1sznmjiz] {
    padding-top: 1.4rem;
}

.category-editor-fields[hidden][b-jd1sznmjiz] {
    display: none;
}

.category-editor label[b-jd1sznmjiz] {
    font-size: .86rem;
    font-weight: 700;
}

.category-editor input:not([type=hidden])[b-jd1sznmjiz],
.category-editor textarea[b-jd1sznmjiz] {
    background: white;
    border: 1px solid #cddbd2;
    border-radius: .5rem;
    box-sizing: border-box;
    color: #1b302b;
    font: inherit;
    padding: .75rem;
    width: 100%;
}

.category-editor input:focus-visible[b-jd1sznmjiz],
.category-editor textarea:focus-visible[b-jd1sznmjiz] {
    border-color: var(--color-primary);
}

.category-editor .hint[b-jd1sznmjiz] {
    font-size: .77rem;
    margin: 0 0 .5rem;
}

.category-editor[b-jd1sznmjiz]  .category-parent {
    margin-top: .45rem;
}

.category-visibility[b-jd1sznmjiz] {
    align-items: center;
    border-top: 1px solid #e1e9e4;
    display: flex;
    gap: .8rem;
    justify-content: space-between;
    margin-top: .5rem;
    padding-top: 1.1rem;
}

.category-visibility p[b-jd1sznmjiz] {
    color: #65756f;
    font-size: .77rem;
    line-height: 1.5;
    margin: .2rem 0 0;
}

.category-editor-actions[b-jd1sznmjiz] {
    border-top: 1px solid #e1e9e4;
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
}

.category-editor-actions[b-jd1sznmjiz]  .mud-button-root,
.category-editor[b-jd1sznmjiz]  .category-add-child {
    text-transform: none;
}

.category-editor[b-jd1sznmjiz]  .category-add-child {
    margin-top: .75rem;
}

@media (max-width: 1050px) {
    .category-workspace[b-jd1sznmjiz] {
        grid-template-columns: minmax(0, 1.35fr) minmax(19rem, 1fr);
    }

    .category-intro[b-jd1sznmjiz] {
        flex-wrap: wrap;
    }
}

@media (max-width: 760px) {
    .category-workspace[b-jd1sznmjiz] {
        grid-template-columns: minmax(0, 1fr);
    }

    .category-editor[b-jd1sznmjiz] {
        border-left: 0;
        border-top: 1px solid #e1e9e4;
    }

    .category-summary > div[b-jd1sznmjiz] {
        padding: .7rem;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-page[b-sirrtq5maf] {
    min-height: 55vh;
    padding-bottom: 7rem;
    padding-top: 7rem;
}

h1[b-sirrtq5maf] {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
}

p[b-sirrtq5maf] {
    color: var(--color-muted);
    font-size: 1.1rem;
}

a[b-sirrtq5maf] {
    color: var(--color-primary);
    font-weight: 750;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.hero[b-fxiffkexsw] {
    background: #eef5ee;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(2.5rem, 6vw, 5rem) 0 clamp(3rem, 6vw, 5.5rem);
    position: relative;
}

.hero-backdrop[b-fxiffkexsw] {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}

.hero-backdrop svg[b-fxiffkexsw] {
    display: block;
    height: 100%;
    width: 100%;
}

.hero-backdrop[b-fxiffkexsw]::after {
    background: linear-gradient(90deg, rgba(251, 250, 246, .88) 0%, rgba(251, 250, 246, .55) 48%, rgba(251, 250, 246, 0) 72%);
    content: "";
    inset: 0;
    position: absolute;
}

.home-hero-grid[b-fxiffkexsw] {
    align-items: stretch;
    display: grid;
    gap: clamp(2rem, 5vw, 4.5rem);
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
}

.home-hero-copy[b-fxiffkexsw] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
    padding-top: clamp(0rem, 3vw, 2.5rem);
}

.benefit-row[b-fxiffkexsw] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: auto 0 0;
    max-width: 38rem;
    padding: clamp(2rem, 5vw, 3.5rem) 0 0;
}

.benefit-row li[b-fxiffkexsw] {
    color: var(--color-ink);
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.35;
}

.benefit-icon[b-fxiffkexsw] {
    align-items: center;
    background: rgba(255, 255, 255, .85);
    border-radius: 50%;
    box-shadow: 0 .25rem 1rem rgba(15, 70, 56, .12);
    color: var(--color-primary);
    display: flex;
    height: 3rem;
    justify-content: center;
    margin-bottom: .6rem;
    width: 3rem;
}

.benefit-icon svg[b-fxiffkexsw] {
    fill: none;
    height: 1.55rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    width: 1.55rem;
}

.area-selection-lead[b-fxiffkexsw] {
    color: var(--color-muted);
    margin: 0 0 1.25rem;
}

.area-change-link[b-fxiffkexsw] {
    color: var(--color-primary-dark);
    font-size: .88rem;
    font-weight: 700;
    margin-left: auto;
}

.area-change-link:focus-visible[b-fxiffkexsw] {
    outline: 3px solid #7ec89b;
    outline-offset: 3px;
}

.home-area-chip[b-fxiffkexsw] {
    align-items: center;
    background: #f3f8f3;
    border: 1px solid #dce9df;
    border-radius: .75rem;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .75rem;
    margin-bottom: 1.4rem;
    padding: .7rem 1rem;
}

.home-area-chip-label[b-fxiffkexsw] {
    color: var(--color-muted);
    font-size: .8rem;
    font-weight: 700;
}

.home-area-chip strong[b-fxiffkexsw]::before {
    content: "📍";
    margin-right: .35rem;
}

.eyebrow[b-fxiffkexsw] {
    color: var(--color-primary);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .14em;
    margin: 0 0 1.15rem;
    text-transform: uppercase;
}

h1[b-fxiffkexsw] {
    color: var(--color-ink);
    font-size: clamp(2.6rem, 5.4vw, 4.8rem);
    letter-spacing: -.055em;
    line-height: .98;
    margin: 0;
    max-width: 14ch;
}

h1 span[b-fxiffkexsw] {
    color: var(--color-primary);
}

.hero-lead[b-fxiffkexsw],
.large-copy[b-fxiffkexsw] {
    color: var(--color-muted);
    font-size: clamp(1.08rem, 2vw, 1.3rem);
    line-height: 1.7;
}

.hero-lead[b-fxiffkexsw] {
    color: var(--color-ink);
    margin: 1.5rem 0 1rem;
    max-width: 32rem;
}

.hero-caveat[b-fxiffkexsw] {
    color: var(--color-muted);
    font-size: .9rem;
    line-height: 1.6;
    max-width: 33rem;
}

.pilot-grid[b-fxiffkexsw],
.business-section[b-fxiffkexsw] {
    align-items: center;
    display: grid;
    gap: clamp(3rem, 8vw, 7rem);
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr);
}

.home-feedback[b-fxiffkexsw] {
    background: #e7f5eb;
    border: 1px solid #a7d8ba;
    border-radius: .75rem;
    color: #0f4638;
    font-weight: 700;
    margin-top: 2rem;
    padding: 1rem;
}

.home-inquiry[b-fxiffkexsw] {
    align-self: start;
    background: rgba(255, 255, 255, .97);
    border: 1px solid #dce6df;
    border-radius: 1.4rem;
    box-shadow: 0 1.75rem 4.5rem rgba(15, 70, 56, .16);
    min-width: 0;
    padding: clamp(1.35rem, 3vw, 2.25rem);
}

.home-inquiry .eyebrow[b-fxiffkexsw] {
    margin-bottom: .45rem;
}

.home-inquiry h2[b-fxiffkexsw] {
    color: var(--color-ink);
    font-size: clamp(1.45rem, 2.6vw, 1.95rem);
    letter-spacing: -.03em;
    margin: 0 0 1.1rem;
}

.home-progress[b-fxiffkexsw] {
    display: grid;
    gap: .4rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0 0 1.65rem;
    padding: 0;
}

.home-progress li[b-fxiffkexsw] {
    align-items: center;
    border-top: 0;
    color: var(--color-muted);
    display: flex;
    font-size: .77rem;
    font-weight: 700;
    gap: .45rem;
    line-height: 1.3;
    padding-top: .7rem;
}

.home-progress li[aria-current][b-fxiffkexsw] {
    border-color: var(--color-primary);
    color: var(--color-primary-dark);
}

.home-progress li span[b-fxiffkexsw] {
    align-items: center;
    background: #edf2ee;
    border-radius: 50%;
    display: inline-flex;
    flex: none;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem;
}

.home-progress li[aria-current] span[b-fxiffkexsw] {
    background: var(--color-primary);
    color: white;
}

.home-inquiry form[b-fxiffkexsw],
.home-field[b-fxiffkexsw] {
    align-content: start;
    display: grid;
    gap: .55rem;
    min-width: 0;
}

.home-inquiry form[b-fxiffkexsw] {
    gap: 1.1rem;
}

.home-field label[b-fxiffkexsw] {
    font-size: .89rem;
    font-weight: 700;
}

.home-inquiry input[b-fxiffkexsw],
.home-inquiry textarea[b-fxiffkexsw],
.home-inquiry select[b-fxiffkexsw] {
    background: white;
    border: 1px solid #cbdcd0;
    border-radius: .6rem;
    color: var(--color-ink);
    font: inherit;
    min-width: 0;
    padding: .85rem 1rem;
    width: 100%;
}

.home-inquiry textarea[b-fxiffkexsw] {
    resize: vertical;
}

.home-inquiry select[b-fxiffkexsw] {
    padding-right: 2.75rem;
}

.home-price-input[b-fxiffkexsw] {
    align-items: center;
    display: flex;
    gap: .65rem;
}

.home-price-input input[b-fxiffkexsw] {
    max-width: 12rem;
}

.home-field-hint[b-fxiffkexsw] {
    color: var(--color-muted);
    font-size: .78rem;
    line-height: 1.5;
    margin: 0;
}

.home-inquiry input:focus-visible[b-fxiffkexsw],
.home-inquiry textarea:focus-visible[b-fxiffkexsw],
.home-inquiry select:focus-visible[b-fxiffkexsw],
.home-inquiry-submit:focus-visible[b-fxiffkexsw] {
    outline: 3px solid #7ec89b;
    outline-offset: 2px;
}

.home-inquiry-submit[b-fxiffkexsw] {
    align-items: center;
    background: var(--color-primary);
    display: inline-flex;
    gap: .55rem;
    justify-content: center;
    border: 0;
    border-radius: .75rem;
    color: white;
    cursor: pointer;
    font: inherit;
    font-size: 1.05rem;
    font-weight: 800;
    justify-self: stretch;
    padding: 1.05rem 1.4rem;
}

.home-inquiry-submit:hover:not(:disabled)[b-fxiffkexsw] {
    background: var(--color-primary-dark);
}

.home-inquiry-submit:disabled[b-fxiffkexsw] {
    cursor: not-allowed;
    opacity: .55;
}

.home-inquiry-unavailable[b-fxiffkexsw],
.home-inquiry-note[b-fxiffkexsw] {
    color: var(--color-muted);
    font-size: .87rem;
    margin: 1rem 0 0;
}

.home-inquiry-unavailable[b-fxiffkexsw] {
    color: #814b20;
    font-weight: 700;
}

.section[b-fxiffkexsw] {
    padding-bottom: clamp(5rem, 10vw, 8rem);
    padding-top: clamp(5rem, 10vw, 8rem);
}

.section-heading[b-fxiffkexsw] {
    max-width: 44rem;
}

.section-heading > p:last-child[b-fxiffkexsw] {
    color: var(--color-muted);
    font-size: 1.12rem;
    line-height: 1.7;
}

h2[b-fxiffkexsw] {
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    letter-spacing: -.045em;
    line-height: 1.05;
    margin: 0 0 1.5rem;
}

.steps[b-fxiffkexsw] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    margin: 3.5rem 0 0;
    padding: 0;
}

.steps li[b-fxiffkexsw] {
    border-top: 2px solid var(--color-line);
    padding: 1.5rem .5rem 0 0;
}

.step-number[b-fxiffkexsw] {
    color: var(--color-accent-dark);
    display: block;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.steps h3[b-fxiffkexsw] {
    font-size: 1.35rem;
    margin: 1.2rem 0 .65rem;
}

.steps p[b-fxiffkexsw] {
    color: var(--color-muted);
    line-height: 1.65;
    margin: 0;
}

.pilot-section[b-fxiffkexsw] {
    background: var(--color-primary);
    color: white;
    padding: clamp(5rem, 10vw, 8rem) 0;
}

.pilot-section .eyebrow[b-fxiffkexsw] {
    color: #f4cf77;
}

.pilot-section .large-copy[b-fxiffkexsw] {
    color: #dbe7e3;
}

.map-card[b-fxiffkexsw] {
    aspect-ratio: 1;
    background: #1b4a40;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 2rem;
    overflow: hidden;
    position: relative;
}

.map-ring[b-fxiffkexsw] {
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 48% 52% 58% 42%;
    position: absolute;
}

.ring-one[b-fxiffkexsw] {
    inset: 12%;
    transform: rotate(18deg);
}

.ring-two[b-fxiffkexsw] {
    inset: 27%;
    transform: rotate(-25deg);
}

.map-pin[b-fxiffkexsw] {
    align-items: center;
    background: var(--color-accent);
    border-radius: 50% 50% 50% .15rem;
    color: var(--color-ink);
    display: flex;
    font-size: 1.4rem;
    font-weight: 900;
    height: 4rem;
    justify-content: center;
    left: calc(50% - 2rem);
    position: absolute;
    top: calc(44% - 2rem);
    transform: rotate(-45deg);
    width: 4rem;
}

.map-pin[b-fxiffkexsw]::first-letter {
    transform: rotate(45deg);
}

.map-label[b-fxiffkexsw] {
    bottom: 22%;
    font-weight: 800;
    left: 0;
    letter-spacing: .08em;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
}

.check-list[b-fxiffkexsw] {
    display: grid;
    gap: 1rem;
    list-style: none;
    margin: 2rem 0 0;
    padding: 0;
}

.check-list li[b-fxiffkexsw] {
    padding-left: 2rem;
    position: relative;
}

.check-list li[b-fxiffkexsw]::before {
    color: #f4cf77;
    content: "✓";
    font-weight: 900;
    left: 0;
    position: absolute;
}

.business-section[b-fxiffkexsw] {
    align-items: start;
}

.muted[b-fxiffkexsw] {
    border-left: 3px solid var(--color-accent);
    color: var(--color-muted);
    line-height: 1.7;
    margin-top: 2rem;
    padding-left: 1.25rem;
}

.closing-section[b-fxiffkexsw] {
    background: var(--color-surface);
    padding: 2rem 0 7rem;
}

.closing-card[b-fxiffkexsw] {
    background: var(--color-accent);
    border-radius: 1.5rem;
    padding: clamp(2rem, 7vw, 5rem);
}

.closing-card h2[b-fxiffkexsw] {
    max-width: 18ch;
}

.closing-card p:last-child[b-fxiffkexsw] {
    font-size: 1.1rem;
    margin-bottom: 0;
}

@media (max-width: 760px) {
    .home-hero-grid[b-fxiffkexsw],
    .pilot-grid[b-fxiffkexsw],
    .business-section[b-fxiffkexsw] {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-hero-grid[b-fxiffkexsw] {
        gap: 2rem;
    }

    .benefit-row[b-fxiffkexsw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero-backdrop[b-fxiffkexsw]::after {
        background: linear-gradient(180deg, rgba(251, 250, 246, .85), rgba(251, 250, 246, .35));
    }

    .steps[b-fxiffkexsw] {
        grid-template-columns: 1fr;
    }

    @media (max-width: 410px) {
        .home-progress li[b-fxiffkexsw] {
            align-items: flex-start;
            flex-direction: column;
        }
    }

    .map-card[b-fxiffkexsw] {
        margin: 0 auto;
        max-width: 26rem;
        width: 100%;
    }
}
/* /Components/Pages/Impersonation.razor.rz.scp.css */
.impersonation-page[b-h9ez8qb5f0] {
    max-width: 92rem;
    min-height: 65vh;
    padding-bottom: 5rem;
    padding-top: 1.75rem;
}

.impersonation-page h1[b-h9ez8qb5f0] {
    font-size: clamp(2rem, 3.2vw, 2.8rem);
    letter-spacing: -.04em;
    margin: .4rem 0 .65rem;
}

.impersonation-page > p[b-h9ez8qb5f0] {
    color: #65756f;
    line-height: 1.6;
    max-width: 46rem;
}

.impersonation-warning[b-h9ez8qb5f0] {
    background: #fff8e9;
    border: 1px solid #f1dfb5;
    border-radius: .75rem;
    display: grid;
    gap: .25rem;
    margin: 1.5rem 0;
    max-width: 46rem;
    padding: 1rem;
}

.impersonation-warning span[b-h9ez8qb5f0] {
    color: #675736;
    font-size: .85rem;
    line-height: 1.5;
}

.impersonation-page[b-h9ez8qb5f0]  .impersonation-search {
    margin-bottom: 1rem;
    max-width: 24rem;
}

.impersonation-page[b-h9ez8qb5f0]  .impersonation-table {
    border: 1px solid #e1e9e4;
    border-radius: .75rem;
    overflow-x: auto;
}

.impersonation-page form[b-h9ez8qb5f0] {
    margin: 0;
}

.impersonation-page form button[b-h9ez8qb5f0] {
    background: var(--color-primary);
    border: 0;
    border-radius: .5rem;
    color: white;
    cursor: pointer;
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    padding: .55rem .85rem;
    white-space: nowrap;
}
/* /Components/Pages/InquiryAdministration.razor.rz.scp.css */
.inquiry-admin-table[b-9r7kzw8nvs] {
    border-collapse: collapse;
    width: 100%;
}

.inquiry-admin-table th[b-9r7kzw8nvs],
.inquiry-admin-table td[b-9r7kzw8nvs] {
    border-bottom: 1px solid #dbe6dd;
    padding: .8rem;
    text-align: left;
}

.inquiry-admin-table th[b-9r7kzw8nvs] {
    background: #f0f8f2;
}

@media (max-width: 600px) {
    .inquiry-admin-table[b-9r7kzw8nvs] {
        display: block;
        overflow-x: auto;
    }
}
/* /Components/Pages/InquiryOverview.razor.rz.scp.css */
.receipt-page[b-gzsszj05qn] {
    background: radial-gradient(ellipse at 85% 10%, #e9f4ed, transparent 55%), #f8fbf8;
    min-height: 85vh;
    padding: clamp(1.5rem, 4vw, 3rem) 0 5rem;
}

.receipt-page .shell[b-gzsszj05qn] {
    max-width: 82rem;
}

.receipt-progress[b-gzsszj05qn] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 2rem;
}

.receipt-progress span[b-gzsszj05qn] {
    background: #eaf3ed;
    border-radius: 2rem;
    color: #4b665b;
    font-size: .86rem;
    font-weight: 700;
    padding: .7rem 1rem;
}

.receipt-progress [aria-current][b-gzsszj05qn] {
    background: var(--color-primary);
    color: white;
}

.receipt-grid[b-gzsszj05qn] {
    align-items: start;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1.8fr) minmax(18rem, 1fr);
}

.receipt-main[b-gzsszj05qn],
.receipt-aside[b-gzsszj05qn] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.receipt-intro[b-gzsszj05qn] {
    align-items: start;
    display: flex;
    gap: 1.1rem;
    margin: 0 0 .4rem;
}

.receipt-check[b-gzsszj05qn],
.receipt-aside-icon[b-gzsszj05qn] {
    align-items: center;
    background: var(--color-primary);
    border-radius: 50%;
    color: white;
    display: inline-flex;
    flex: none;
    font-size: 1.5rem;
    height: 3.5rem;
    justify-content: center;
    width: 3.5rem;
}

.receipt-intro .eyebrow[b-gzsszj05qn] {
    color: var(--color-primary);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .1em;
    margin: 0 0 .4rem;
    text-transform: uppercase;
}

.receipt-intro h1[b-gzsszj05qn] {
    font-size: clamp(2rem, 3.7vw, 3.1rem);
    letter-spacing: -.045em;
    line-height: 1.12;
    margin: 0 0 .6rem;
}

.receipt-intro p:not(.eyebrow)[b-gzsszj05qn] {
    color: var(--color-muted);
    line-height: 1.55;
    margin: 0 0 .5rem;
}

.receipt-card[b-gzsszj05qn] {
    background: white;
    border: 1px solid #e0e9e3;
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgb(21 61 52 / 4%);
    padding: clamp(1.2rem, 2.5vw, 1.75rem);
}

.receipt-card h2[b-gzsszj05qn] {
    font-size: 1.25rem;
    letter-spacing: -.02em;
    margin: 0 0 1rem;
}

.receipt-card p[b-gzsszj05qn] {
    line-height: 1.55;
    margin: .5rem 0;
}

.receipt-product[b-gzsszj05qn] {
    font-size: 1.3rem;
    font-weight: 800;
}

.receipt-business-group[b-gzsszj05qn] {
    border-top: 1px solid #e8eee9;
    padding: .9rem 0;
}

.receipt-business[b-gzsszj05qn] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
}

.receipt-avatar[b-gzsszj05qn] {
    align-items: center;
    background: #e5f2e9;
    border-radius: .6rem;
    color: var(--color-primary);
    display: inline-flex;
    flex: none;
    font-weight: 800;
    height: 2.8rem;
    justify-content: center;
    width: 2.8rem;
}

.receipt-badge[b-gzsszj05qn] {
    background: #eaf5ee;
    border-radius: 2rem;
    color: var(--color-primary-dark);
    font-size: .77rem;
    font-weight: 700;
    margin-left: auto;
    padding: .4rem .7rem;
}

.receipt-badge-answered[b-gzsszj05qn] {
    background: #d7eddf;
}

.receipt-note[b-gzsszj05qn] {
    color: var(--color-muted);
    font-size: .86rem;
}

.receipt-message[b-gzsszj05qn] {
    background: #f6f9f6;
    border-radius: .7rem;
    padding: 1rem;
    white-space: pre-wrap;
}

.receipt-reply[b-gzsszj05qn] {
    background: #f6f9f6;
    border-radius: .7rem;
    margin: .8rem 0 0 2.5rem;
    padding: 1rem;
}

.receipt-reply h3[b-gzsszj05qn] {
    margin: 0 0 .5rem;
}

.receipt-follow-up[b-gzsszj05qn] {
    border-left: 3px solid #dbe6dd;
    margin: 1rem 0;
    padding-left: 1rem;
}

.receipt-reply form[b-gzsszj05qn] {
    display: grid;
    gap: .6rem;
    margin-top: 1.2rem;
}

.receipt-reply textarea[b-gzsszj05qn] {
    border: 1px solid #bbcfc1;
    border-radius: .5rem;
    font: inherit;
    min-height: 6rem;
    padding: .7rem;
    width: 100%;
}

.receipt-reply button[b-gzsszj05qn] {
    justify-self: start;
}

.receipt-reply a[b-gzsszj05qn],
.receipt-card p[b-gzsszj05qn] {
    overflow-wrap: anywhere;
}

.receipt-next[b-gzsszj05qn] {
    background: #f0f8f2;
}

.receipt-aside-icon[b-gzsszj05qn] {
    background: #dcefe1;
    color: var(--color-primary);
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.receipt-timeline[b-gzsszj05qn] {
    border-left: 2px solid #cde3d3;
    list-style: none;
    margin: .5rem 0 0 .4rem;
    padding: 0 0 0 1.35rem;
}

.receipt-timeline li[b-gzsszj05qn] {
    margin-bottom: 1.4rem;
    position: relative;
}

.receipt-timeline li:last-child[b-gzsszj05qn] {
    margin-bottom: 0;
}

.receipt-timeline li[b-gzsszj05qn]::before {
    background: var(--color-primary);
    border: 3px solid white;
    border-radius: 50%;
    content: "";
    height: .85rem;
    left: -1.85rem;
    position: absolute;
    top: .2rem;
    width: .85rem;
}

.receipt-timeline strong[b-gzsszj05qn],
.receipt-timeline span[b-gzsszj05qn] {
    display: block;
}

.receipt-timeline span[b-gzsszj05qn] {
    color: var(--color-muted);
    font-size: .88rem;
    line-height: 1.5;
    margin-top: .25rem;
}

.receipt-new-search[b-gzsszj05qn] {
    border: 1px solid var(--color-primary);
    border-radius: .6rem;
    color: var(--color-primary-dark);
    display: block;
    font-weight: 700;
    margin-top: 1rem;
    padding: .8rem;
    text-align: center;
    text-decoration: none;
}

.receipt-new-search:hover[b-gzsszj05qn] {
    background: #eaf5ee;
}

.receipt-page a:focus-visible[b-gzsszj05qn] {
    outline: 3px solid #7ec89b;
    outline-offset: 3px;
}

@media (max-width: 780px) {
    .receipt-grid[b-gzsszj05qn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .receipt-intro[b-gzsszj05qn] {
        flex-direction: column;
    }

    .receipt-badge[b-gzsszj05qn] {
        margin-left: 0;
    }

    .receipt-reply[b-gzsszj05qn] {
        margin-left: 0;
    }
}
/* /Components/Pages/LegalDocuments.razor.rz.scp.css */
.legal[b-5vfzabslj0] {
    max-width: 52rem;
    padding-bottom: 7rem;
    padding-top: 6rem;
}

h1[b-5vfzabslj0] {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
}

h2[b-5vfzabslj0] {
    margin-top: 2.5rem;
}

p[b-5vfzabslj0],
li[b-5vfzabslj0] {
    line-height: 1.75;
}

address[b-5vfzabslj0] {
    font-style: normal;
    line-height: 1.75;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.account-page[b-8xvav0rrcc] {
    min-height: 62vh;
    padding-bottom: 7rem;
    padding-top: 7rem;
}

.eyebrow[b-8xvav0rrcc] {
    color: var(--color-primary);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

h1[b-8xvav0rrcc] {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    letter-spacing: -.05em;
    max-width: 16ch;
}

.account-page > p[b-8xvav0rrcc] {
    color: var(--color-muted);
    font-size: 1.1rem;
    line-height: 1.7;
    max-width: 42rem;
}

.provider-list[b-8xvav0rrcc] {
    display: grid;
    gap: .8rem;
    margin-top: 2rem;
    max-width: 28rem;
}

.provider-list button[b-8xvav0rrcc] {
    background: var(--color-primary);
    border: 0;
    border-radius: .5rem;
    color: white;
    cursor: pointer;
    font: inherit;
    font-weight: 750;
    padding: 1rem 1.3rem;
    width: 100%;
}

.notice[b-8xvav0rrcc] {
    background: var(--color-surface);
    border-left: 4px solid var(--color-accent-dark);
    display: grid;
    gap: .4rem;
    margin-top: 2rem;
    max-width: 42rem;
    padding: 1.3rem 1.5rem;
}

.error[b-8xvav0rrcc] {
    color: #8a1c1c !important;
    font-weight: 700;
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.not-found[b-gbtvhqc98o] {
    min-height: 55vh;
    padding-bottom: 7rem;
    padding-top: 7rem;
}

.code[b-gbtvhqc98o] {
    color: var(--color-accent-dark);
    font-size: .85rem;
    font-weight: 900;
    letter-spacing: .15em;
}

h1[b-gbtvhqc98o] {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
}

a[b-gbtvhqc98o] {
    color: var(--color-primary);
    font-weight: 750;
}
/* /Components/Pages/Onboarding.razor.rz.scp.css */
.form-page[b-7qd9qjvdam] {
    min-height: 62vh;
    padding-bottom: 7rem;
    padding-top: 7rem;
}

.eyebrow[b-7qd9qjvdam] {
    color: var(--color-primary);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

h1[b-7qd9qjvdam] {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    letter-spacing: -.05em;
}

.form-page > p[b-7qd9qjvdam],
form[b-7qd9qjvdam] {
    max-width: 42rem;
}

form[b-7qd9qjvdam] {
    display: grid;
    gap: 1rem;
    margin-top: 2rem;
}

label[b-7qd9qjvdam] {
    font-weight: 700;
}

input[type="text"][b-7qd9qjvdam],
input:not([type])[b-7qd9qjvdam] {
    border: 1px solid var(--color-line);
    border-radius: .4rem;
    font: inherit;
    padding: .85rem;
}

.check[b-7qd9qjvdam] {
    align-items: flex-start;
    display: flex;
    font-weight: 400;
    gap: .7rem;
    line-height: 1.5;
}

button[b-7qd9qjvdam] {
    background: var(--color-primary);
    border: 0;
    border-radius: .4rem;
    color: white;
    cursor: pointer;
    font: inherit;
    font-weight: 750;
    justify-self: start;
    padding: .9rem 1.3rem;
}

.error[b-7qd9qjvdam] {
    color: #8a1c1c;
    font-weight: 700;
}
/* /Components/Pages/ProductMatchPreview.razor.rz.scp.css */
.match-preview[b-rer43jbvmy] {
    max-width: 92rem;
    padding-block: 2rem 4rem;
}

.match-preview > p[b-rer43jbvmy] {
    max-width: 60rem;
}

.match-controls[b-rer43jbvmy] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 1rem;
    margin: 2rem 0;
}

.match-controls > :first-child[b-rer43jbvmy] {
    flex: 2 1 18rem;
}

.match-controls > :nth-child(2)[b-rer43jbvmy] {
    flex: 1 1 14rem;
}

.match-results[b-rer43jbvmy] {
    margin-top: 2rem;
}

.match-interpreted[b-rer43jbvmy] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 1.5rem;
}

.match-interpreted span[b-rer43jbvmy] {
    padding: .5rem .85rem;
    border-radius: .75rem;
    background: #edf5ee;
}

.match-list[b-rer43jbvmy] {
    display: grid;
    gap: 1rem;
}

.match-card[b-rer43jbvmy] {
    border: 1px solid #dbe6dd;
    border-radius: 1rem;
    padding: 1.25rem;
    background: #fff;
}

.match-card-heading[b-rer43jbvmy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
}

.match-card-heading h3[b-rer43jbvmy] {
    margin: 0;
}

.match-card-heading span[b-rer43jbvmy] {
    color: #557064;
}

.match-card-heading strong[b-rer43jbvmy] {
    color: #17624f;
}

.match-card ul[b-rer43jbvmy] {
    margin-bottom: 0;
}
/* /Components/Pages/PublicBusinessAreas.razor.rz.scp.css */
.business-areas[b-doistyh8d1] {
    background: linear-gradient(180deg, #eef6f0, #fbfaf6);
    padding: clamp(3rem, 7vw, 5rem) 0 clamp(4rem, 9vw, 7rem);
}

.business-areas h1[b-doistyh8d1] {
    color: var(--color-ink);
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    max-width: 22ch;
}

.business-areas-lead[b-doistyh8d1] {
    color: var(--color-muted);
    font-size: 1.12rem;
    margin: 1.25rem 0 2rem;
}
/* /Components/Pages/PublicBusinesses.razor.rz.scp.css */
/* Public directory "Udforsk lokalt". Values follow docs/implementeringsspec-udforsk-lokalt.md; the
   site's own tokens (primary, ink, muted) are reused where they already exist. */
.public-directory[b-kingsvwweb] {
    --dir-border: #d5e4dc;
    --dir-input-border: #c5d8ce;
    --dir-tint: #e2f1ea;
    --dir-hover: #e9f3ee;
    --dir-divider: #e3ede7;
    background: #f3f8f5;
    min-height: 70vh;
    padding: 0 0 56px;
}

.public-directory [hidden][b-kingsvwweb] {
    display: none;
}

.directory-shell[b-kingsvwweb] {
    display: grid;
    gap: 24px;
    margin-inline: auto;
    max-width: 1240px;
    padding: 32px 24px 0;
}

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

/* ---- Heading ---- */
.public-directory-breadcrumb[b-kingsvwweb] {
    align-items: center;
    color: var(--color-muted);
    display: flex;
    font-size: .875rem;
    gap: .65rem;
    margin: 0 0 -8px;
}

.public-directory-breadcrumb a[b-kingsvwweb],
.public-directory-contact a[b-kingsvwweb] {
    color: var(--color-primary);
    font-weight: 700;
}

.directory-header .eyebrow[b-kingsvwweb] {
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    margin: 0 0 .6rem;
    text-transform: uppercase;
}

.directory-header h1[b-kingsvwweb] {
    color: var(--color-ink);
    font-size: clamp(2rem, 5vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.1;
    margin: 0;
    max-width: none;
}

.directory-lead[b-kingsvwweb] {
    color: var(--color-muted);
    font-size: .9rem;
    margin: .6rem 0 0;
}

/* ---- Filter bar ---- */
.directory-filters[b-kingsvwweb] {
    align-items: end;
    background: #fff;
    border: 1px solid var(--dir-border);
    border-radius: 18px;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
    padding: 18px 20px;
}

.directory-search label[b-kingsvwweb] {
    color: var(--color-ink);
    display: block;
    font-size: .8125rem;
    font-weight: 700;
    margin-bottom: .4rem;
}

.directory-search input[b-kingsvwweb] {
    background: #fff;
    border: 1px solid var(--dir-input-border);
    border-radius: 12px;
    color: var(--color-ink);
    font: inherit;
    font-size: .9375rem;
    min-height: 48px;
    padding: 0 .9rem;
    width: 100%;
}

.directory-search input:focus-visible[b-kingsvwweb] {
    outline: 2px solid var(--color-primary);
    outline-offset: 1px;
}

/* ---- Result row ---- */
.directory-results-row[b-kingsvwweb] {
    align-items: center;
    border-top: 1px solid var(--dir-border);
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    justify-content: space-between;
    padding: 12px 0;
}

.directory-results-left[b-kingsvwweb] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.directory-count[b-kingsvwweb] {
    color: var(--color-ink);
    font-size: .9375rem;
}

.directory-chips[b-kingsvwweb] {
    display: contents;
}

.directory-chips[b-kingsvwweb]  .filter-chip {
    align-items: center;
    background: var(--color-primary);
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .8125rem;
    font-weight: 700;
    gap: .45rem;
    min-height: 36px;
    padding: 0 .85rem;
}

.directory-chips[b-kingsvwweb]  .filter-chip:hover {
    background: var(--color-primary-dark);
}

.directory-chips[b-kingsvwweb]  .filter-chip:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.directory-chips[b-kingsvwweb]  .filter-chip svg {
    fill: none;
    height: .8rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2.6;
    width: .8rem;
}

.directory-reset[b-kingsvwweb] {
    background: transparent;
    border: 0;
    border-radius: 12px;
    color: var(--color-primary);
    cursor: pointer;
    font: inherit;
    font-size: .9375rem;
    font-weight: 700;
    min-height: 44px;
    padding: 0 .75rem;
    text-decoration: underline;
}

.directory-reset:focus-visible[b-kingsvwweb] {
    outline: 2px solid var(--color-primary);
    outline-offset: 1px;
}

/* ---- Two columns ---- */
.public-directory-content[b-kingsvwweb] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}

.public-directory-map-section[b-kingsvwweb] {
    flex: 1 1 380px;
    min-width: 0;
    position: sticky;
    top: calc(7.25rem + 16px); /* below the sticky site header */
}

.public-directory-results[b-kingsvwweb] {
    display: grid;
    flex: 1.5 1 480px;
    gap: 14px;
    min-width: 0;
}

.public-directory-section-heading[b-kingsvwweb] {
    align-items: baseline;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .8rem;
}

.public-directory-section-heading h2[b-kingsvwweb] {
    color: var(--color-ink);
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
    margin: 0;
}

.public-directory-section-heading > span[b-kingsvwweb] {
    color: var(--color-muted);
    font-size: .875rem;
}

.public-directory-map[b-kingsvwweb] {
    border: 1px solid var(--dir-border);
    border-radius: 18px;
    height: clamp(20rem, 55vh, 32rem);
    width: 100%;
}

.public-directory-map-no-results[b-kingsvwweb] {
    background: rgba(255, 255, 255, .92);
    border-radius: 12px;
    left: 50%;
    margin: 0;
    padding: .6rem .9rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.public-directory-map-note[b-kingsvwweb] {
    color: var(--color-muted);
    font-size: 13px;
    line-height: 1.5;
    margin: .75rem 0 0;
}

.public-directory-map-note span[b-kingsvwweb] {
    display: block;
}

.public-directory-map-empty[b-kingsvwweb],
.public-directory-empty[b-kingsvwweb] {
    background: #fff;
    border: 1px solid var(--dir-border);
    border-radius: 18px;
    color: var(--color-muted);
    padding: 1.25rem;
}

.public-directory-map-empty strong[b-kingsvwweb] {
    color: var(--color-ink);
}

.public-directory-map-empty p[b-kingsvwweb] {
    margin: .4rem 0 0;
}

/* ---- Empty result ---- */
.directory-no-results[b-kingsvwweb] {
    background: #fff;
    border: 1px solid var(--dir-border);
    border-radius: 18px;
    display: grid;
    gap: .4rem;
    justify-items: start;
    padding: 20px 22px;
}

.directory-no-results strong[b-kingsvwweb] {
    color: var(--color-ink);
    font-size: 1.125rem;
    font-weight: 800;
}

.directory-no-results p[b-kingsvwweb] {
    color: var(--color-muted);
    margin: 0;
}

.directory-no-results .directory-reset[b-kingsvwweb] {
    margin-left: -.75rem;
}

/* ---- Business card ---- */
.public-directory-list[b-kingsvwweb] {
    display: grid;
    gap: 14px;
}

.public-directory-card[b-kingsvwweb] {
    background: #fff;
    border: 1px solid var(--dir-border);
    border-radius: 18px;
    display: grid;
    gap: 14px;
    padding: 20px 22px;
    scroll-margin-top: 1.5rem;
}

.public-directory-card:hover[b-kingsvwweb],
.public-directory-card:focus-within[b-kingsvwweb],
.public-directory-card.is-map-selected[b-kingsvwweb] {
    border-color: var(--color-primary);
}

.public-directory-card.is-map-selected[b-kingsvwweb] {
    box-shadow: 0 0 0 3px rgba(15, 90, 74, .14);
}

.directory-card-top[b-kingsvwweb] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    justify-content: space-between;
}

.directory-card-who[b-kingsvwweb] {
    align-items: center;
    display: flex;
    gap: 14px;
    min-width: 0;
}

.public-directory-marker[b-kingsvwweb] {
    align-items: center;
    background: var(--dir-tint);
    border-radius: 12px;
    color: var(--color-primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 20px;
    font-weight: 800;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.public-directory-business[b-kingsvwweb] {
    min-width: 0;
}

.public-directory-business h3[b-kingsvwweb] {
    color: var(--color-ink);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
    overflow-wrap: anywhere;
}

.public-directory-business p[b-kingsvwweb] {
    color: var(--color-muted);
    font-size: 14px;
    margin: .15rem 0 0;
}

.public-directory-show-map[b-kingsvwweb] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--color-primary);
    border-radius: 12px;
    color: var(--color-primary);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    gap: .45rem;
    min-height: 44px;
    padding: 0 1rem;
}

.public-directory-show-map svg[b-kingsvwweb] {
    fill: none;
    height: 1.05rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 1.05rem;
}

.public-directory-show-map:hover[b-kingsvwweb],
.public-directory-show-map:focus-visible[b-kingsvwweb] {
    background: var(--dir-hover);
}

.public-directory-show-map:focus-visible[b-kingsvwweb] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.directory-categories[b-kingsvwweb],
.directory-brands ul[b-kingsvwweb] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.directory-categories li:not(.directory-more)[b-kingsvwweb] {
    align-items: center;
    background: var(--dir-tint);
    border-radius: 999px;
    color: var(--color-primary-dark);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: .4rem;
    padding: .3rem .8rem .3rem .6rem;
}

.directory-categories svg[b-kingsvwweb] {
    fill: none;
    flex: 0 0 auto;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 15px;
}

.directory-more[b-kingsvwweb] {
    color: var(--color-muted);
    font-size: 13px;
}

.directory-brands[b-kingsvwweb] {
    align-items: center;
    border-top: 1px solid var(--dir-divider);
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    padding-top: 12px;
}

.directory-brands-label[b-kingsvwweb] {
    color: var(--color-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.directory-brands li:not(.directory-more)[b-kingsvwweb] {
    align-items: center;
    color: var(--color-ink);
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    gap: .45rem;
}

.directory-monogram[b-kingsvwweb] {
    align-items: center;
    border: 1px solid var(--dir-input-border);
    border-radius: 50%;
    color: var(--color-ink);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    justify-content: center;
    width: 24px;
}

/* ---- Departments and contact ---- */
.public-directory-location[b-kingsvwweb] {
    border-top: 1px solid var(--dir-divider);
    padding-top: 12px;
    scroll-margin-top: 2rem;
}

.public-directory-location.is-single[b-kingsvwweb] {
    margin-top: -10px;
    padding-top: 0;
}

.public-directory-location h4[b-kingsvwweb] {
    color: var(--color-ink);
    font-size: .98rem;
    margin: 0 0 .3rem;
}

.public-directory-location address[b-kingsvwweb] {
    color: var(--color-muted);
    font-size: 14px;
    font-style: normal;
    line-height: 1.5;
}

.public-directory-contact[b-kingsvwweb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Contact details are secondary: plain links, still at least 44px tall. */
.public-directory-contact[b-kingsvwweb] {
    column-gap: 18px;
}

.public-directory-contact a[b-kingsvwweb] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: .875rem;
    min-height: 44px;
    text-decoration: none;
}

.public-directory-contact a:hover[b-kingsvwweb],
.public-directory-contact a:focus-visible[b-kingsvwweb] {
    text-decoration: underline;
}

@media (max-width: 900px) {
    .public-directory-content[b-kingsvwweb] {
        display: grid;
    }

    .public-directory-map-section[b-kingsvwweb] {
        position: static;
    }

    .public-directory-map[b-kingsvwweb] {
        height: clamp(20rem, 55vw, 32rem);
    }
}

@media (max-width: 640px) {
    .directory-shell[b-kingsvwweb] {
        padding: 24px 16px 0;
    }

    .directory-filters[b-kingsvwweb] {
        padding: 16px;
    }

    .public-directory-card[b-kingsvwweb] {
        padding: 16px;
    }

    .public-directory-show-map[b-kingsvwweb] {
        justify-content: center;
        width: 100%;
    }
}
/* /Components/Pages/PublicProductSearch.razor.rz.scp.css */
.public-search[b-8ch8lyi8gq] {
    background: radial-gradient(ellipse at 85% 10%, #eaf4ec, transparent 50%),
        linear-gradient(140deg, #fafcf9, #f0f7f1);
    min-height: 80vh;
    padding: clamp(1.5rem, 4vw, 3rem) 0 6rem;
}

.public-search > .shell[b-8ch8lyi8gq] {
    max-width: 78rem;
}

.public-search h1[b-8ch8lyi8gq] {
    font-size: clamp(2rem, 4.2vw, 3.5rem);
    letter-spacing: -.045em;
    line-height: 1.13;
    margin: 0 0 .55rem;
}

.public-search-lead[b-8ch8lyi8gq] {
    color: var(--color-muted);
    font-size: 1.1rem;
    line-height: 1.55;
    margin: 0 0 2rem;
}

.search-progress[b-8ch8lyi8gq] {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    margin-bottom: 2rem;
}

.search-progress span[b-8ch8lyi8gq] {
    background: #e9f2ec;
    border-radius: 2rem;
    color: var(--color-muted);
    font-size: .87rem;
    font-weight: 700;
    padding: .7rem 1rem;
}

.search-progress [aria-current="step"][b-8ch8lyi8gq] {
    background: var(--color-primary);
    color: white;
}

.public-search-summary[b-8ch8lyi8gq],
.public-link-preview[b-8ch8lyi8gq],
.public-search-review[b-8ch8lyi8gq] {
    background: white;
    border: 1px solid #e1eae3;
    border-radius: 1.25rem;
    box-shadow: 0 12px 40px rgb(21 61 52 / 5%);
    padding: clamp(1.25rem, 3vw, 2rem);
}

.public-search-summary[b-8ch8lyi8gq] {
    align-items: center;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) auto;
}

.public-search-summary-query[b-8ch8lyi8gq] {
    border-right: 1px solid #e1eae3;
    padding-right: 1.5rem;
}

.public-search-summary .eyebrow[b-8ch8lyi8gq] {
    color: var(--color-primary);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.public-search-summary h2[b-8ch8lyi8gq] {
    font-size: 1.45rem;
    letter-spacing: -.02em;
    margin: .4rem 0;
}

.public-search-summary p[b-8ch8lyi8gq] {
    color: var(--color-muted);
    font-size: .9rem;
    margin: .35rem 0;
}

.public-search-understanding > strong[b-8ch8lyi8gq] {
    display: block;
    font-size: .9rem;
    margin-bottom: .65rem;
}

.public-search-tags[b-8ch8lyi8gq] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.match-chip[b-8ch8lyi8gq],
.search-selected-businesses span[b-8ch8lyi8gq] {
    background: #edf4ef;
    border-radius: 2rem;
    color: #31574b;
    display: inline-block;
    font-size: .81rem;
    line-height: 1.35;
    padding: .4rem .75rem;
}

.search-edit[b-8ch8lyi8gq],
.search-selection-actions button[b-8ch8lyi8gq],
.search-back[b-8ch8lyi8gq] {
    background: white;
    border: 1px solid #9bbbae;
    border-radius: .65rem;
    color: var(--color-primary-dark);
    cursor: pointer;
    font: inherit;
    font-size: .88rem;
    font-weight: 700;
    padding: .7rem .95rem;
    text-decoration: none;
    white-space: nowrap;
}

.search-edit:hover[b-8ch8lyi8gq],
.search-selection-actions button:hover[b-8ch8lyi8gq],
.search-back:hover[b-8ch8lyi8gq] {
    background: #e9f4eb;
}

.public-link-preview[b-8ch8lyi8gq] {
    margin-top: 1rem;
}

.public-link-preview a[b-8ch8lyi8gq] {
    overflow-wrap: anywhere;
}

.public-search-results[b-8ch8lyi8gq] {
    margin-top: 2rem;
}

.search-selection-heading[b-8ch8lyi8gq] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.search-selection-heading h2[b-8ch8lyi8gq] {
    font-size: 1.35rem;
    margin: 0 0 .3rem;
}

.search-selection-heading p[b-8ch8lyi8gq] {
    color: var(--color-muted);
    margin: 0;
}

.search-selection-actions[b-8ch8lyi8gq] {
    display: flex;
    gap: .5rem;
}

.public-search-list[b-8ch8lyi8gq] {
    display: grid;
    gap: .7rem;
}

.public-search-card[b-8ch8lyi8gq] {
    align-items: center;
    background: white;
    border: 1px solid #e5ece7;
    border-radius: 1rem;
    box-shadow: 0 7px 30px rgb(21 61 52 / 4%);
    display: flex;
    gap: 1rem;
    min-width: 0;
    padding: 1rem 1.2rem;
}

.public-search-card-select[b-8ch8lyi8gq] {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
}

.public-search-card-select input[b-8ch8lyi8gq] {
    accent-color: var(--color-primary);
    cursor: pointer;
    height: 1.4rem;
    margin: 0;
    width: 1.4rem;
}

.search-business-avatar[b-8ch8lyi8gq] {
    align-items: center;
    background: #e4f1e8;
    border-radius: .85rem;
    color: var(--color-primary);
    display: flex;
    flex: none;
    font-size: 1.4rem;
    font-weight: 800;
    height: 3.6rem;
    justify-content: center;
    width: 3.6rem;
}

.search-business-info[b-8ch8lyi8gq] {
    min-width: 0;
}

.search-business-title[b-8ch8lyi8gq] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.search-business-title h3[b-8ch8lyi8gq] {
    font-size: 1.05rem;
    margin: 0;
}

.match-strength[b-8ch8lyi8gq] {
    background: #e2f3e9;
    border-radius: 2rem;
    color: #11553c;
    font-size: .75rem;
    font-weight: 700;
    padding: .25rem .6rem;
}

.search-business-info > p[b-8ch8lyi8gq] {
    color: var(--color-muted);
    font-size: .85rem;
    margin: .3rem 0 .6rem;
}

.match-label[b-8ch8lyi8gq] {
    color: var(--color-muted);
    font-size: .8rem;
}

.search-disclaimer[b-8ch8lyi8gq] {
    color: var(--color-muted);
    font-size: .87rem;
    line-height: 1.5;
    margin: 1.25rem 0;
}

.search-action-bar[b-8ch8lyi8gq] {
    background: white;
    border-top: 1px solid #dce8df;
    bottom: 0;
    box-shadow: 0 -12px 40px rgb(21 61 52 / 8%);
    position: sticky;
    z-index: 10;
}

.search-action-inner[b-8ch8lyi8gq] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-block: .85rem;
}

.search-action-inner strong[b-8ch8lyi8gq],
.search-action-inner span[b-8ch8lyi8gq] {
    display: block;
}

.search-action-inner span[b-8ch8lyi8gq] {
    color: var(--color-muted);
    font-size: .85rem;
    margin-top: .15rem;
}

.search-action-inner button[b-8ch8lyi8gq],
.public-search-review form > button[b-8ch8lyi8gq] {
    background: var(--color-primary);
    border: 0;
    border-radius: .7rem;
    color: white;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    padding: .9rem 1.4rem;
}

.search-action-inner button:hover:not(:disabled)[b-8ch8lyi8gq],
.public-search-review form > button:hover:not(:disabled)[b-8ch8lyi8gq] {
    background: var(--color-primary-dark);
}

.search-action-inner button:disabled[b-8ch8lyi8gq],
.public-search-review form > button:disabled[b-8ch8lyi8gq] {
    cursor: not-allowed;
    opacity: .5;
}

.public-search-review[b-8ch8lyi8gq] {
    margin-top: 1.5rem;
    max-width: 50rem;
}

.public-search-review h2[b-8ch8lyi8gq] {
    margin: 1.5rem 0 .8rem;
}

.search-selected-businesses[b-8ch8lyi8gq] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1.5rem;
}

.public-search-review form[b-8ch8lyi8gq] {
    display: grid;
    gap: .8rem;
}

.public-search-review form > label[b-8ch8lyi8gq] {
    font-weight: 700;
}

.public-search-review input:not([type="checkbox"])[b-8ch8lyi8gq],
.public-search-review textarea[b-8ch8lyi8gq],
.public-search select[b-8ch8lyi8gq] {
    background: white;
    border: 1px solid #b9cec1;
    border-radius: .65rem;
    color: var(--color-ink);
    font: inherit;
    padding: .85rem 1rem;
    width: 100%;
}

.search-area-form[b-8ch8lyi8gq] {
    display: grid;
    gap: .75rem;
    margin: 1.5rem 0;
    max-width: 28rem;
}

.search-area-form button[b-8ch8lyi8gq] {
    background: var(--color-primary);
    border: 0;
    border-radius: .7rem;
    color: white;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    padding: .85rem 1rem;
}

.public-search-review textarea[b-8ch8lyi8gq] {
    resize: vertical;
    white-space: pre-wrap;
}

.public-search-budget[b-8ch8lyi8gq] {
    display: flex;
    gap: .75rem;
}

.public-search-consent[b-8ch8lyi8gq] {
    align-items: flex-start;
    display: flex;
    gap: .65rem;
    line-height: 1.5;
}

.public-search-consent input[b-8ch8lyi8gq] {
    flex: none;
    margin-top: .3rem;
}

.public-search :focus-visible[b-8ch8lyi8gq] {
    outline: 3px solid #7ec89b;
    outline-offset: 2px;
}

@media (max-width: 800px) {
    .public-search-summary[b-8ch8lyi8gq] {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .public-search-summary-query[b-8ch8lyi8gq] {
        border-right: 0;
        border-bottom: 1px solid #e1eae3;
        padding: 0 0 1rem;
    }

    .search-edit[b-8ch8lyi8gq] {
        justify-self: start;
    }
}

@media (max-width: 540px) {
    .public-search-card[b-8ch8lyi8gq] {
        align-items: flex-start;
        gap: .7rem;
        padding: .9rem;
    }

    .search-business-avatar[b-8ch8lyi8gq] {
        height: 2.7rem;
        width: 2.7rem;
    }

    .search-action-inner[b-8ch8lyi8gq] {
        align-items: stretch;
        flex-direction: column;
        gap: .45rem;
    }

    .search-action-inner span[b-8ch8lyi8gq] {
        display: none;
    }
}