/* Liquid CRM mobile application shell — v3.0.0 */
:root {
    --wbc-app-nav-height: 72px;
    --wbc-app-safe-bottom: env(safe-area-inset-bottom, 0px);
}

.wbc-app-body,
.wbc-app-root {
    background: #f4f7f5;
    margin: 0;
    min-height: 100%;
}

.wbc-app-body {
    min-height: 100dvh;
    overscroll-behavior-y: none;
}

.wbc-portal {
    --wbc-radius-sm: 10px;
    --wbc-radius-md: 16px;
    --wbc-radius-lg: 22px;
    --wbc-shadow-sm: 0 1px 2px rgba(15, 48, 37, .05), 0 8px 24px rgba(15, 48, 37, .05);
    border-radius: var(--wbc-radius-lg);
    overflow: visible;
}

.wbc-main {
    position: relative;
}

.wbc-panel,
.wbc-stat,
.wbc-action-card,
.wbc-support-card {
    border-radius: var(--wbc-radius-md);
    box-shadow: var(--wbc-shadow-sm);
}

.wbc-profile-button {
    align-items: center;
    background: var(--wbc-primary);
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    display: none;
    flex: 0 0 auto;
    font: inherit;
    font-weight: 800;
    height: 42px;
    justify-content: center;
    padding: 0;
    width: 42px;
}

.wbc-profile-button:focus-visible,
.wbc-app-nav__item:focus-visible,
.wbc-more-link:focus-visible,
.wbc-import-choice-card:focus-within,
.wbc-import-record:focus-within {
    outline: 3px solid rgba(19, 121, 91, .28);
    outline-offset: 3px;
}

.wbc-app-icon {
    display: inline-flex;
    flex: 0 0 auto;
    height: 23px;
    width: 23px;
}

.wbc-app-icon svg {
    fill: none;
    height: 100%;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 100%;
}

.wbc-app-nav {
    align-items: stretch;
    background: #fff;
    border-bottom: 1px solid var(--wbc-line);
    display: flex;
    gap: 5px;
    padding: 8px 14px;
}

.wbc-app-nav__item {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 12px;
    color: #51635c;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font: inherit;
    font-size: 13px;
    font-weight: 750;
    gap: 7px;
    justify-content: center;
    min-height: 44px;
    padding: 8px 13px;
    position: relative;
    text-decoration: none;
}

.wbc-app-nav__item:hover,
.wbc-app-nav__item.is-active {
    background: #eaf6f1;
    color: var(--wbc-primary-dark);
}

.wbc-app-nav__item.is-active::after {
    background: var(--wbc-primary);
    border-radius: 999px;
    bottom: 3px;
    content: "";
    height: 3px;
    left: 28%;
    position: absolute;
    right: 28%;
}

.wbc-nav-badge {
    align-items: center;
    background: #b42318;
    border: 2px solid #fff;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 10px;
    font-weight: 850;
    height: 20px;
    justify-content: center;
    line-height: 1;
    min-width: 20px;
    padding: 0 5px;
    position: absolute;
    right: 3px;
    top: 2px;
}

.wbc-more-sheet[hidden] {
    display: none !important;
}

.wbc-more-sheet {
    inset: 0;
    position: fixed;
    z-index: 100000;
}

.wbc-more-sheet__backdrop {
    background: rgba(8, 25, 19, .56);
    border: 0;
    inset: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}

.wbc-more-sheet__panel {
    background: #fff;
    border-radius: 22px 22px 0 0;
    bottom: 0;
    box-shadow: 0 -18px 48px rgba(8, 25, 19, .24);
    left: 50%;
    max-height: min(82dvh, 720px);
    max-width: 600px;
    overflow: auto;
    padding: 8px 16px calc(18px + var(--wbc-app-safe-bottom));
    position: absolute;
    transform: translateX(-50%);
    width: min(100%, 600px);
}

.wbc-more-sheet__handle {
    background: #cbd7d1;
    border-radius: 999px;
    height: 5px;
    margin: 2px auto 10px;
    width: 42px;
}

.wbc-more-sheet__header {
    align-items: center;
    border-bottom: 1px solid var(--wbc-line);
    display: flex;
    justify-content: space-between;
    padding: 5px 2px 14px;
}

.wbc-more-sheet__header h2 {
    margin: 2px 0 0;
}

.wbc-more-sheet__links {
    display: grid;
    gap: 4px;
    padding-top: 10px;
}

.wbc-more-link {
    align-items: center;
    border-radius: 13px;
    color: var(--wbc-ink);
    display: grid;
    font-weight: 750;
    gap: 12px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    min-height: 54px;
    padding: 10px 12px;
    position: relative;
    text-decoration: none;
}

.wbc-more-link:hover,
.wbc-more-link.is-active {
    background: #edf7f3;
    color: var(--wbc-primary-dark);
}

.wbc-more-link.is-danger {
    color: #a12b23;
    margin-top: 6px;
}

body.wbc-sheet-open {
    overflow: hidden;
}

.wbc-home-hero,
.wbc-agent-home-hero {
    align-items: center;
    background: linear-gradient(145deg, #0f6a50 0%, #168b68 100%);
    border: 0;
    color: #fff;
    display: flex;
    gap: 22px;
    justify-content: space-between;
    padding: clamp(20px, 4vw, 34px);
}

.wbc-home-hero .wbc-eyebrow,
.wbc-agent-home-hero .wbc-eyebrow,
.wbc-home-hero p,
.wbc-agent-home-hero p {
    color: rgba(255,255,255,.82);
}

.wbc-home-hero h2,
.wbc-agent-home-hero h2 {
    color: #fff;
    font-size: clamp(25px, 5vw, 38px);
    margin: 4px 0 8px;
}

.wbc-home-hero .wbc-primary,
.wbc-agent-home-hero .wbc-primary {
    background: #fff;
    color: #0f624b;
    flex: 0 0 auto;
}

.wbc-button-link {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
    text-decoration: none;
}

.wbc-stat-grid--compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wbc-stat-grid--compact .wbc-stat {
    min-width: 0;
    padding: 14px;
}

.wbc-stat-grid--compact .wbc-stat strong {
    font-size: clamp(18px, 4vw, 25px);
    overflow-wrap: anywhere;
}

.wbc-empty-state {
    align-items: flex-start;
    background: #f8fbf9;
    border: 1px dashed #cbd9d2;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.wbc-empty-state h3,
.wbc-empty-state p {
    margin: 0 0 8px;
}

.wbc-disclosure,
.wbc-inline-disclosure {
    overflow: clip;
}

.wbc-disclosure > summary,
.wbc-inline-disclosure > summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    list-style: none;
    min-height: 48px;
}

.wbc-disclosure > summary::-webkit-details-marker,
.wbc-inline-disclosure > summary::-webkit-details-marker {
    display: none;
}

.wbc-disclosure > summary small {
    color: var(--wbc-muted);
    display: block;
    font-weight: 500;
    margin-top: 3px;
}

.wbc-disclosure__content {
    margin-top: 14px;
}

.wbc-next-actions {
    display: grid;
    gap: 9px;
}

.wbc-next-action {
    align-items: center;
    border: 1px solid var(--wbc-line);
    border-radius: 14px;
    color: var(--wbc-ink);
    display: grid;
    gap: 12px;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    min-height: 66px;
    padding: 10px 13px;
    text-decoration: none;
}

.wbc-next-action:hover {
    background: #f3faf7;
    border-color: #b9d8cc;
}

.wbc-next-action__icon {
    align-items: center;
    background: #eaf6f1;
    border-radius: 12px;
    color: var(--wbc-primary);
    display: flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.wbc-next-action strong,
.wbc-next-action small {
    display: block;
}

.wbc-next-action small {
    color: var(--wbc-muted);
    margin-top: 3px;
}

.wbc-form-step {
    border-top: 1px solid var(--wbc-line);
    display: grid;
    gap: 13px;
    grid-template-columns: 34px minmax(0, 1fr);
    padding: 20px 0;
}

.wbc-form-step:first-of-type {
    border-top: 0;
    padding-top: 4px;
}

.wbc-form-step__body {
    min-width: 0;
}

.wbc-form-step__body h3 {
    margin: 3px 0 15px;
}

.wbc-step-number {
    align-items: center;
    background: #e9f6f1;
    border-radius: 999px;
    color: var(--wbc-primary-dark);
    display: inline-flex;
    font-weight: 850;
    height: 32px;
    justify-content: center;
    width: 32px;
}

#wbc-customer-select {
    left: -9999px;
    position: absolute;
}

.wbc-customer-results {
    background: #fff;
    border: 1px solid var(--wbc-line);
    border-radius: 13px;
    box-shadow: 0 16px 38px rgba(15, 48, 37, .15);
    display: grid;
    margin-top: 6px;
    max-height: 320px;
    overflow: auto;
    padding: 5px;
    position: absolute;
    width: 100%;
    z-index: 20;
}

.wbc-customer-results[hidden] {
    display: none;
}

.wbc-sale-form .wbc-field:has(#wbc-customer-filter) {
    position: relative;
}

.wbc-customer-result {
    background: transparent;
    border: 0;
    border-radius: 10px;
    color: var(--wbc-ink);
    cursor: pointer;
    display: block;
    font: inherit;
    min-height: 54px;
    padding: 9px 10px;
    text-align: left;
    width: 100%;
}

.wbc-customer-result:hover,
.wbc-customer-result:focus-visible {
    background: #edf7f3;
}

.wbc-customer-result strong,
.wbc-customer-result span {
    display: block;
}

.wbc-customer-result span {
    color: var(--wbc-muted);
    font-size: 13px;
    margin-top: 2px;
}

.wbc-selected-customer {
    align-items: center;
    background: #edf8f4;
    border: 1px solid #b8dbce;
    border-radius: 13px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 10px 0;
    padding: 11px 12px;
}

.wbc-selected-customer strong,
.wbc-selected-customer span {
    display: block;
}

.wbc-selected-customer span {
    color: #4f6c61;
    font-size: 13px;
    margin-top: 2px;
}

.wbc-add-customer-toggle {
    margin-top: 6px;
}

.wbc-new-customer-fields {
    background: #f8fbf9;
    border: 1px solid var(--wbc-line);
    border-radius: 14px;
    margin-top: 12px;
    padding: 14px;
}

.wbc-segmented {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wbc-segmented label {
    cursor: pointer;
    margin: 0;
    position: relative;
}

.wbc-segmented input {
    opacity: 0;
    position: absolute;
}

.wbc-segmented span {
    align-items: center;
    background: #fff;
    border: 1px solid var(--wbc-line);
    border-radius: 13px;
    display: flex;
    justify-content: space-between;
    min-height: 58px;
    padding: 10px 13px;
}

.wbc-segmented input:checked + span {
    background: #eaf7f2;
    border-color: var(--wbc-primary);
    box-shadow: 0 0 0 1px var(--wbc-primary);
}

.wbc-segmented small {
    color: var(--wbc-muted);
}

.wbc-quantity-row {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-top: 18px;
}

.wbc-field-label,
.wbc-sale-total span {
    color: var(--wbc-muted);
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
}

.wbc-stepper {
    align-items: center;
    border: 1px solid var(--wbc-line);
    border-radius: 13px;
    display: grid;
    grid-template-columns: 48px 64px 48px;
    overflow: hidden;
}

.wbc-stepper button,
.wbc-stepper input {
    background: #fff;
    border: 0;
    border-radius: 0;
    font: inherit;
    font-size: 20px;
    height: 48px;
    margin: 0;
    min-height: 48px;
    padding: 0;
    text-align: center;
    width: 100%;
}

.wbc-stepper input {
    border-left: 1px solid var(--wbc-line);
    border-right: 1px solid var(--wbc-line);
    font-size: 16px;
    font-weight: 800;
    -moz-appearance: textfield;
}

.wbc-stepper input::-webkit-inner-spin-button,
.wbc-stepper input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.wbc-sale-total {
    text-align: right;
}

.wbc-sale-total strong {
    font-size: 26px;
}

.wbc-sticky-action {
    margin-top: 16px;
}

.wbc-sticky-action .wbc-primary {
    min-width: 180px;
}

.wbc-screen-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.wbc-back-link {
    color: var(--wbc-primary-dark);
    font-weight: 750;
    text-decoration: none;
}

.wbc-sticky-search {
    background: #fff;
    margin-bottom: 14px;
    position: sticky;
    top: 0;
    z-index: 8;
}

.wbc-customer-cards {
    display: grid;
    gap: 9px;
}

.wbc-customer-card-link {
    align-items: center;
    border: 1px solid var(--wbc-line);
    border-radius: 14px;
    color: var(--wbc-ink);
    display: grid;
    gap: 12px;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    min-height: 68px;
    padding: 10px 12px;
    text-decoration: none;
}

.wbc-customer-card-link:hover {
    background: #f4faf7;
    border-color: #b8d7cc;
}

.wbc-customer-avatar {
    align-items: center;
    background: #e8f5f0;
    border-radius: 999px;
    color: var(--wbc-primary-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 850;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.wbc-customer-card-link strong,
.wbc-customer-card-link span,
.wbc-customer-card-link small {
    display: block;
}

.wbc-customer-card-link span,
.wbc-customer-card-link small {
    color: var(--wbc-muted);
    margin-top: 2px;
}

.wbc-customer-profile {
    align-items: center;
    display: flex;
    gap: 14px;
    margin: 8px 0 18px;
}

.wbc-customer-profile .wbc-customer-avatar {
    font-size: 22px;
    height: 58px;
    width: 58px;
}

.wbc-customer-profile h2,
.wbc-customer-profile p {
    margin: 2px 0;
}

.wbc-customer-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.wbc-info-block {
    background: #f8fbf9;
    border-radius: 13px;
    margin: 14px 0;
    padding: 13px;
}

.wbc-info-block > span {
    color: var(--wbc-muted);
    font-size: 12px;
    font-weight: 750;
    text-transform: uppercase;
}

.wbc-subnav {
    background: #fff;
    border: 1px solid var(--wbc-line);
    border-radius: 14px;
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 13px;
    padding: 5px;
}

.wbc-subnav a {
    border-radius: 10px;
    color: var(--wbc-muted);
    font-weight: 750;
    min-height: 42px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

.wbc-subnav a.is-active {
    background: #eaf6f1;
    color: var(--wbc-primary-dark);
}

.wbc-import-choice {
    border: 0;
    margin: 0;
    padding: 0;
}

.wbc-import-choice legend {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 11px;
}

.wbc-import-choice-grid {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wbc-import-choice-card {
    border: 1px solid var(--wbc-line);
    border-radius: 14px;
    cursor: pointer;
    margin: 0;
    min-height: 88px;
    padding: 13px;
    position: relative;
}

.wbc-import-choice-card:has(input:checked) {
    background: #eaf7f2;
    border-color: var(--wbc-primary);
    box-shadow: 0 0 0 1px var(--wbc-primary);
}

.wbc-import-choice-card input {
    position: absolute;
    right: 11px;
    top: 11px;
}

.wbc-import-choice-card strong,
.wbc-import-choice-card small {
    display: block;
    padding-right: 25px;
}

.wbc-import-choice-card small {
    color: var(--wbc-muted);
    margin-top: 5px;
}

.wbc-import-input {
    background: #f8fbf9;
    border: 1px solid var(--wbc-line);
    border-radius: 14px;
    margin-top: 14px;
    padding: 14px;
}

.wbc-import-input[hidden] {
    display: none;
}

.wbc-import-preview-toolbar {
    align-items: center;
    background: #f7faf8;
    border: 1px solid var(--wbc-line);
    border-radius: 13px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 14px 0 10px;
    padding: 11px 12px;
}

.wbc-import-preview-toolbar label {
    align-items: center;
    display: flex;
    gap: 8px;
    margin: 0;
}

.wbc-import-records {
    display: grid;
    gap: 8px;
}

.wbc-import-record {
    align-items: center;
    border: 1px solid var(--wbc-line);
    border-radius: 14px;
    cursor: pointer;
    display: grid;
    gap: 10px;
    grid-template-columns: auto 32px minmax(0, 1fr);
    margin: 0;
    padding: 11px;
}

.wbc-import-record:has(input:checked) {
    background: #f1faf6;
    border-color: #b7dacc;
}

.wbc-import-record__number {
    align-items: center;
    background: #edf4f1;
    border-radius: 999px;
    color: #587067;
    display: flex;
    font-size: 12px;
    font-weight: 800;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.wbc-import-record__content strong,
.wbc-import-record__content span,
.wbc-import-record__content small,
.wbc-import-record__content em {
    display: block;
}

.wbc-import-record__content span,
.wbc-import-record__content small {
    color: var(--wbc-muted);
    margin-top: 2px;
}

.wbc-import-record__content em {
    color: #8a5a00;
    font-size: 12px;
    margin-top: 4px;
}

.wbc-consent {
    align-items: flex-start;
    background: #fff8e6;
    border: 1px solid #ead295;
    border-radius: 13px;
    display: flex;
    gap: 10px;
    margin: 15px 0;
    padding: 12px;
}

.wbc-form.is-submitting button[type="submit"] {
    cursor: wait;
    opacity: .72;
}

.wbc-form.is-submitting button[type="submit"] [data-wbc-submit-label]::after {
    content: "…";
}

.wbc-field.is-invalid input,
.wbc-field.is-invalid select,
.wbc-field.is-invalid textarea,
input[aria-invalid="true"],
select[aria-invalid="true"],
textarea[aria-invalid="true"] {
    border-color: #b42318 !important;
    box-shadow: 0 0 0 2px rgba(180, 35, 24, .12) !important;
}

.wbc-field-error {
    color: #a62b22;
    display: block;
    font-size: 12px;
    margin-top: 5px;
}

.wbc-connectivity {
    align-items: center;
    background: #2d3834;
    border-radius: 999px;
    bottom: calc(var(--wbc-app-nav-height) + var(--wbc-app-safe-bottom) + 12px);
    box-shadow: 0 8px 24px rgba(0,0,0,.22);
    color: #fff;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    left: 50%;
    max-width: calc(100% - 24px);
    padding: 9px 14px;
    position: fixed;
    transform: translateX(-50%);
    z-index: 99990;
}

.wbc-connectivity[hidden] {
    display: none;
}

.wbc-draft-status {
    color: var(--wbc-muted);
    font-size: 12px;
    margin-top: 6px;
}

.wbc-mobile-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 760px) {
    :root {
        --wbc-app-nav-height: 68px;
    }

    html {
        scroll-padding-bottom: calc(var(--wbc-app-nav-height) + var(--wbc-app-safe-bottom) + 24px);
    }

    .wbc-app-root {
        min-height: 100dvh;
    }

    .wbc-portal {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
        min-height: 100dvh;
        width: 100%;
    }

    .wbc-header {
        align-items: center;
        display: flex;
        gap: 10px;
        min-height: 68px;
        padding: max(11px, env(safe-area-inset-top, 0px)) 13px 11px;
        position: sticky;
        top: 0;
        z-index: 30;
    }

    body.admin-bar .wbc-header {
        top: 46px;
    }

    .wbc-header-brand {
        flex: 1 1 auto;
        min-width: 0;
    }

    .wbc-header-brand .wbc-brand-mark {
        border-radius: 10px;
        height: 38px;
        width: 38px;
    }

    .wbc-header-brand .wbc-eyebrow,
    .wbc-header-brand .wbc-small,
    .wbc-sales-app .wbc-header-brand p {
        display: none;
    }

    .wbc-header h1 {
        font-size: 17px;
        max-width: 52vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .wbc-profile-button {
        display: inline-flex;
    }

    .wbc-header-actions {
        display: flex;
        flex: 0 0 auto;
        gap: 7px;
    }

    .wbc-header-actions > span,
    .wbc-header-actions > a[href*="logout"] {
        display: none !important;
    }

    .wbc-station-switcher select {
        max-width: 120px;
        min-height: 42px;
        width: 120px;
    }

    .wbc-app-nav {
        background: rgba(255,255,255,.98);
        border-bottom: 0;
        border-top: 1px solid #d7e0dc;
        bottom: 0;
        box-shadow: 0 -10px 28px rgba(12, 38, 29, .12);
        display: grid;
        gap: 2px;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        left: 0;
        padding: 5px 5px calc(5px + var(--wbc-app-safe-bottom));
        position: fixed;
        right: 0;
        z-index: 9990;
    }

    .wbc-app-nav__item {
        border-radius: 9px;
        flex-direction: column;
        font-size: 10.5px;
        gap: 2px;
        min-height: 58px;
        min-width: 0;
        padding: 5px 2px 4px;
    }

    .wbc-app-nav__item .wbc-app-icon {
        height: 22px;
        width: 22px;
    }

    .wbc-app-nav__item span:last-child {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .wbc-app-nav__item.is-active::after {
        bottom: auto;
        height: 3px;
        left: 24%;
        right: 24%;
        top: 1px;
    }

    .wbc-main,
    .wbc-portal .wbc-main {
        gap: 11px;
        padding: 12px 12px calc(var(--wbc-app-nav-height) + var(--wbc-app-safe-bottom) + 22px);
    }

    .wbc-panel,
    .wbc-stat,
    .wbc-action-card,
    .wbc-support-card {
        border-radius: 15px;
        padding: 14px;
    }

    .wbc-home-hero,
    .wbc-agent-home-hero {
        align-items: stretch;
        display: grid;
        padding: 20px 17px;
    }

    .wbc-home-hero .wbc-primary,
    .wbc-agent-home-hero .wbc-primary {
        width: 100%;
    }

    .wbc-stat-grid--compact,
    .wbc-stat-grid.wbc-stat-grid--compact {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 2px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .wbc-stat-grid--compact::-webkit-scrollbar {
        display: none;
    }

    .wbc-stat-grid--compact .wbc-stat {
        flex: 1 0 min(42vw, 180px);
        scroll-snap-align: start;
    }

    .wbc-form-step {
        gap: 10px;
        grid-template-columns: 30px minmax(0, 1fr);
        padding: 17px 0;
    }

    .wbc-step-number {
        height: 28px;
        width: 28px;
    }

    .wbc-quantity-row {
        align-items: flex-end;
    }

    .wbc-sticky-action {
        background: rgba(255,255,255,.97);
        border-top: 1px solid var(--wbc-line);
        bottom: calc(var(--wbc-app-nav-height) + var(--wbc-app-safe-bottom));
        box-shadow: 0 -10px 22px rgba(15,48,37,.08);
        margin: 18px -14px -14px;
        padding: 10px 14px;
        position: sticky;
        z-index: 24;
    }

    .wbc-sticky-action .wbc-primary {
        min-width: 0;
        width: 100%;
    }

    .wbc-customer-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wbc-customer-actions > *:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    .wbc-import-choice-grid {
        grid-template-columns: 1fr;
    }

    .wbc-import-choice-card {
        min-height: 72px;
    }

    .wbc-import-preview-toolbar {
        align-items: flex-start;
        display: grid;
    }

    .wbc-action-form {
        gap: 8px;
    }

    .wbc-action-form button,
    .wbc-action-form input,
    .wbc-action-form select {
        width: 100%;
    }

    .wbc-table,
    .widefat.wbc-mobile-table {
        border: 0;
        display: block;
        min-width: 0 !important;
        width: 100%;
    }

    .wbc-table thead,
    .widefat.wbc-mobile-table thead {
        display: none;
    }

    .wbc-table tbody,
    .wbc-table tr,
    .widefat.wbc-mobile-table tbody,
    .widefat.wbc-mobile-table tr {
        display: block;
        width: 100%;
    }

    .wbc-table tr,
    .widefat.wbc-mobile-table tr {
        background: #fff;
        border: 1px solid var(--wbc-line);
        border-radius: 14px;
        box-shadow: var(--wbc-shadow-sm);
        margin-bottom: 10px;
        overflow: hidden;
    }

    .wbc-table td,
    .widefat.wbc-mobile-table td {
        align-items: flex-start;
        border: 0;
        border-bottom: 1px solid #edf1ef;
        display: grid;
        gap: 10px;
        grid-template-columns: minmax(100px, 38%) minmax(0, 1fr);
        min-height: 43px;
        padding: 10px 12px;
        text-align: right;
        white-space: normal;
    }

    .wbc-table td:last-child,
    .widefat.wbc-mobile-table td:last-child {
        border-bottom: 0;
    }

    .wbc-table td::before,
    .widefat.wbc-mobile-table td::before {
        color: var(--wbc-muted);
        content: attr(data-label);
        font-size: 12px;
        font-weight: 750;
        text-align: left;
    }

    .wbc-table td[colspan]::before,
    .widefat.wbc-mobile-table td[colspan]::before {
        display: none;
    }
}

@media (max-width: 430px) {
    .wbc-station-switcher {
        display: none;
    }

    .wbc-header h1 {
        max-width: 62vw;
    }

    .wbc-quantity-row {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr auto;
    }

    .wbc-stepper {
        grid-template-columns: 44px 58px 44px;
    }

    .wbc-sale-total strong {
        font-size: 22px;
    }

    .wbc-customer-card-link {
        gap: 9px;
        grid-template-columns: 40px minmax(0, 1fr) auto;
        padding: 9px 10px;
    }

    .wbc-customer-avatar {
        height: 40px;
        width: 40px;
    }
}

@media (min-width: 761px) {
    .wbc-more-sheet__panel {
        border-radius: 22px;
        bottom: auto;
        left: auto;
        max-height: calc(100dvh - 48px);
        right: 24px;
        top: 24px;
        transform: none;
        width: 390px;
    }
}

@media (display-mode: standalone) and (max-width: 760px) {
    .wbc-header {
        padding-top: max(13px, env(safe-area-inset-top, 0px));
    }
}

@media (prefers-reduced-motion: reduce) {
    .wbc-more-sheet__panel,
    .wbc-app-nav__item,
    .wbc-next-action,
    .wbc-customer-result {
        scroll-behavior: auto;
        transition: none !important;
    }
}

.wbc-customer-card-list {
    display: grid;
    gap: 9px;
}

.wbc-customer-card {
    align-items: center;
    border: 1px solid var(--wbc-line);
    border-radius: 14px;
    color: var(--wbc-ink);
    display: grid;
    gap: 11px;
    grid-template-columns: 44px minmax(0, 1fr) auto auto;
    min-height: 68px;
    padding: 10px 12px;
    text-decoration: none;
}

.wbc-customer-card:hover {
    background: #f4faf7;
    border-color: #b8d7cc;
}

.wbc-customer-card__body,
.wbc-customer-card__meta {
    min-width: 0;
}

.wbc-customer-card__body strong,
.wbc-customer-card__body small,
.wbc-customer-card__meta strong,
.wbc-customer-card__meta small {
    display: block;
}

.wbc-customer-card__body small,
.wbc-customer-card__meta small {
    color: var(--wbc-muted);
    margin-top: 2px;
}

.wbc-customer-card__body strong,
.wbc-customer-card__body small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wbc-customer-card__meta {
    text-align: right;
}

.wbc-chevron {
    color: #6d8179;
    font-size: 24px;
}

.wbc-customer-result-empty {
    padding: 12px;
}

.wbc-customer-result-empty p {
    margin: 0 0 8px;
}

@media (max-width: 430px) {
    .wbc-customer-card {
        gap: 8px;
        grid-template-columns: 40px minmax(0, 1fr) auto;
        padding: 9px 10px;
    }
    .wbc-customer-card__meta {
        display: none;
    }
}

.wbc-save-success {
    align-items: center;
    background: #edfaf4;
    border-color: #a9d8c5;
    display: grid;
    gap: 13px;
    grid-template-columns: 48px minmax(0, 1fr) auto;
}

.wbc-save-success__icon {
    align-items: center;
    background: var(--wbc-primary);
    border-radius: 999px;
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: 850;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.wbc-save-success h2,
.wbc-save-success p {
    margin: 2px 0;
}

.wbc-pagination ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    list-style: none;
    margin: 18px 0 0;
    padding: 0;
}

.wbc-pagination a,
.wbc-pagination .current,
.wbc-pagination .dots {
    align-items: center;
    border: 1px solid var(--wbc-line);
    border-radius: 10px;
    color: var(--wbc-ink);
    display: inline-flex;
    font-weight: 750;
    height: 42px;
    justify-content: center;
    min-width: 42px;
    padding: 0 10px;
    text-decoration: none;
}

.wbc-pagination .current {
    background: var(--wbc-primary);
    border-color: var(--wbc-primary);
    color: #fff;
}

@media (max-width: 560px) {
    .wbc-save-success {
        align-items: start;
        grid-template-columns: 42px minmax(0, 1fr);
    }
    .wbc-save-success__icon {
        height: 42px;
        width: 42px;
    }
    .wbc-save-success .wbc-link-button {
        grid-column: 1 / -1;
        width: 100%;
    }
}

/* Accessible interaction and recovery states. */
.wbc-customer-result.is-active,
.wbc-customer-result[aria-selected="true"] {
    background: #edf8f3;
    box-shadow: inset 3px 0 0 var(--wbc-primary);
}

.wbc-import-choice-card.is-disabled {
    cursor: not-allowed;
    opacity: .58;
}

.wbc-import-choice-card.is-disabled input {
    cursor: not-allowed;
}

.wbc-error-summary {
    background: #fff3f2;
    border: 1px solid #d99b96;
    border-left: 4px solid #ad332b;
    border-radius: 12px;
    color: #70231e;
    margin: 0 0 18px;
    padding: 14px 16px;
}

.wbc-error-summary:focus {
    outline: 3px solid rgba(173, 51, 43, .22);
    outline-offset: 3px;
}

.wbc-error-summary strong {
    display: block;
    font-size: 15px;
    margin-bottom: 7px;
}

.wbc-error-summary ul {
    margin: 0;
    padding-left: 20px;
}

.wbc-error-summary li + li {
    margin-top: 5px;
}

.wbc-error-summary a {
    color: inherit;
    font-weight: 700;
}

.wbc-password-control {
    display: block;
    position: relative;
}

.wbc-password-control > input {
    padding-right: 66px !important;
    width: 100%;
}

.wbc-password-toggle {
    background: transparent !important;
    border: 0 !important;
    color: var(--wbc-primary) !important;
    font-size: 13px !important;
    font-weight: 800;
    min-height: 40px !important;
    min-width: 54px;
    padding: 0 8px !important;
    position: absolute;
    right: 4px;
    top: 4px;
}

.wbc-caps-warning {
    color: #8a4b00;
    display: block;
    font-weight: 700;
    margin-top: 6px;
}

.wbc-caps-warning[hidden] {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .wbc-app-nav *,
    .wbc-more-sheet *,
    .wbc-connectivity,
    .wbc-customer-results,
    .wbc-sticky-action * {
        animation-duration: .01ms !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

@media (max-width: 760px) {
    .wbc-portal,
    .wbc-recruitment {
        font-size: 16px;
    }

    .wbc-app-nav__item {
        font-size: 12px;
    }

    .wbc-field > label,
    .wbc-field label,
    .wbc-field-label,
    .wbc-form legend,
    .wbc-inline-disclosure > summary {
        font-size: 14px;
    }

    .wbc-small,
    .wbc-field-error,
    .wbc-draft-status,
    .wbc-import-record__content em {
        font-size: 13px;
        line-height: 1.45;
    }
}

.wbc-recent-customers {
    margin: 0 0 14px;
}

.wbc-recent-customers > span {
    color: var(--wbc-muted);
    display: block;
    font-size: 13px;
    font-weight: 750;
    margin-bottom: 7px;
}

.wbc-recent-customers > div {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    padding: 2px 1px 6px;
    scrollbar-width: none;
}

.wbc-recent-customers > div::-webkit-scrollbar {
    display: none;
}

.wbc-recent-customers button {
    background: #f5f9f7;
    border: 1px solid var(--wbc-line);
    border-radius: 999px;
    color: var(--wbc-ink);
    flex: 0 0 auto;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    min-height: 40px;
    padding: 7px 12px;
}

.wbc-recent-customers button:focus-visible {
    outline: 3px solid rgba(19, 121, 91, .24);
    outline-offset: 2px;
}

/* v3.0 authenticated install notification and inventory/product screens. */
.wbc-install-banner--inline {
    margin: 12px 20px 0;
    grid-template-columns: 42px minmax(0, 1fr) auto auto;
    border-radius: var(--wbc-radius-md);
    box-shadow: var(--wbc-shadow-sm);
    position: relative;
}
.wbc-install-banner__icon {
    align-items: center;
    background: #e7f5ef;
    border-radius: 12px;
    color: var(--wbc-primary-dark);
    display: flex;
    font-size: 22px;
    font-weight: 900;
    height: 42px;
    justify-content: center;
    width: 42px;
}
.wbc-install-banner__copy { min-width: 0; }
.wbc-install-banner__copy strong { margin-bottom: 3px; }
.wbc-install-feedback { color: var(--wbc-primary-dark); font-size: 13px; margin: 8px 0 0; }
.wbc-install-feedback[hidden] { display: none; }
.wbc-install-banner .wbc-ios-help { margin-top: 9px; }
.wbc-install-banner .wbc-ios-help ol { margin: 0; padding-left: 19px; }
.wbc-install-banner .wbc-ios-help li + li { margin-top: 4px; }
.wbc-ios-help__title { color: var(--wbc-ink); font-size: 13px; margin-bottom: 6px; }
.wbc-ios-help__fallback { color: var(--wbc-muted); font-size: 12px; margin: 9px 0 0; }
.wbc-copy-install-link { margin-top: 8px; }
.wbc-app-setting-row .wbc-ios-help { margin-top: 10px; }
.wbc-report-breakdowns > .wbc-panel { width: 100%; }

.wbc-inventory-hero {
    align-items: center;
    background: linear-gradient(135deg, #0f6b51, #168b68);
    color: #fff;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) auto;
}
.wbc-inventory-hero .wbc-eyebrow,
.wbc-inventory-hero .wbc-small { color: rgba(255,255,255,.8); }
.wbc-inventory-balance { font-size: clamp(36px, 8vw, 58px); line-height: 1; margin: 8px 0; }
.wbc-stock-status { background: rgba(255,255,255,.16); border-radius: 999px; display: inline-flex; font-size: 12px; font-weight: 800; padding: 7px 10px; }
.wbc-stock-status.is-low { background: #fff0c7; color: #6d4900; }
.wbc-stock-status.is-empty { background: #ffe1de; color: #8f221a; }
.wbc-inventory-actions { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.wbc-product-list { display: grid; gap: 10px; }
.wbc-product-card { border: 1px solid var(--wbc-line); border-radius: 14px; padding: 14px; }
.wbc-product-card__head { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
.wbc-product-size { align-items: center; background: #eaf6f1; border-radius: 12px; color: var(--wbc-primary-dark); display: inline-flex; font-size: 18px; font-weight: 850; justify-content: center; min-height: 46px; min-width: 60px; padding: 8px 12px; }
.wbc-product-price { text-align: right; }
.wbc-product-price del { color: var(--wbc-muted); display: block; font-size: 12px; }
.wbc-product-price strong { display: block; font-size: 17px; }
.wbc-discount-badge { background: #fff0c7; border-radius: 999px; color: #765000; display: inline-flex; font-size: 11px; font-weight: 800; margin-top: 4px; padding: 4px 7px; }
.wbc-product-card details { margin-top: 12px; }
.wbc-product-edit-grid { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); padding-top: 12px; }
.wbc-movement-positive { color: #13795b; }
.wbc-movement-negative { color: #b42318; }
.wbc-product-picker { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit,minmax(92px,1fr)); }
.wbc-product-picker label { min-width: 0; }
.wbc-product-picker span { min-height: 72px; }
.wbc-product-picker del { color: var(--wbc-muted); display: block; font-size: 11px; }
.wbc-product-picker .wbc-sale-discount { color: #765000; font-size: 10px; font-weight: 800; }
.wbc-report-breakdowns { align-items: start; }

@media (max-width: 680px) {
    .wbc-install-banner--inline { margin: 10px 12px 0; grid-template-columns: 38px minmax(0, 1fr) auto; padding: 12px; }
    .wbc-install-banner--inline .wbc-primary { grid-column: 1 / -1; width: 100%; }
    .wbc-install-banner--inline .wbc-icon-button { position: absolute; right: 10px; top: 10px; }
    .wbc-install-banner__copy { padding-right: 34px; }
    .wbc-inventory-hero { grid-template-columns: 1fr; }
    .wbc-inventory-actions,
    .wbc-product-edit-grid { grid-template-columns: 1fr; }
    .wbc-product-picker { display: flex; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x proximity; }
    .wbc-product-picker label { flex: 0 0 105px; scroll-snap-align: start; }
}


/* v3.16.5 — shared Liquid CRM dropdown UI.
 * The native select remains the real form control, while the opened menu is
 * rendered by Liquid CRM so browsers cannot substitute their own tiny menu. */
.wbc-ui-select {
    position: relative;
    width: 100%;
    min-width: 0;
}

.wbc-ui-select__native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 1px !important;
    min-height: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

.wbc-ui-select__trigger {
    appearance: none;
    -webkit-appearance: none;
    align-items: center;
    background: #fff;
    border: 1px solid #c8d5ce;
    border-radius: 12px;
    color: var(--wbc-ink, #1b2d27);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 16px;
    font-weight: 500;
    gap: 12px;
    justify-content: space-between;
    line-height: 1.25;
    min-height: 50px;
    padding: 11px 14px;
    text-align: left;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
    width: 100%;
}

.wbc-ui-select__trigger:hover {
    border-color: #9dbdb0;
}

.wbc-ui-select__trigger:focus-visible,
.wbc-ui-select.is-open .wbc-ui-select__trigger {
    border-color: var(--wbc-primary, #13795b);
    box-shadow: 0 0 0 3px rgba(19, 121, 91, .14);
    outline: 0;
}

.wbc-ui-select__trigger.is-invalid,
.wbc-ui-select__trigger[aria-invalid="true"] {
    border-color: #b42318;
    box-shadow: 0 0 0 3px rgba(180, 35, 24, .12);
}

.wbc-ui-select__trigger:disabled,
.wbc-ui-select.is-disabled .wbc-ui-select__trigger {
    background: #f3f6f4;
    color: #73837c;
    cursor: not-allowed;
    opacity: .78;
}

.wbc-ui-select__value {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wbc-ui-select__trigger.is-placeholder .wbc-ui-select__value {
    color: var(--wbc-muted, #667a71);
}

.wbc-ui-select__chevron {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    flex: 0 0 auto;
    height: 8px;
    margin: -4px 3px 2px 7px;
    transform: rotate(45deg);
    transition: transform .16s ease, margin .16s ease;
    width: 8px;
}

.wbc-ui-select.is-open .wbc-ui-select__chevron {
    margin: 3px 3px -3px 7px;
    transform: rotate(225deg);
}

.wbc-ui-select__menu {
    background: #fff;
    border: 1px solid #d3dfd8;
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(21, 55, 43, .20);
    box-sizing: border-box;
    display: grid;
    gap: 3px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 7px;
    position: fixed;
    z-index: 100020;
    -webkit-overflow-scrolling: touch;
}

.wbc-ui-select__menu[hidden] {
    display: none !important;
}

.wbc-ui-select__group {
    color: var(--wbc-muted, #667a71);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    padding: 9px 10px 5px;
    text-transform: uppercase;
}

.wbc-ui-select__option {
    appearance: none;
    -webkit-appearance: none;
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 10px;
    color: var(--wbc-ink, #1b2d27);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 15px;
    font-weight: 520;
    gap: 12px;
    justify-content: space-between;
    line-height: 1.3;
    min-height: 46px;
    padding: 10px 11px;
    text-align: left;
    width: 100%;
}

.wbc-ui-select__option:hover,
.wbc-ui-select__option:focus-visible {
    background: #f1f7f4;
    outline: none;
}

.wbc-ui-select__option.is-selected {
    background: #e8f4ef;
    color: var(--wbc-primary-dark, #155b46);
    font-weight: 760;
}

.wbc-ui-select__option:disabled {
    color: #9aa8a2;
    cursor: not-allowed;
    opacity: .65;
}

.wbc-ui-select__option-label {
    min-width: 0;
    overflow-wrap: anywhere;
}

.wbc-ui-select__check {
    align-items: center;
    background: var(--wbc-primary, #13795b);
    border-radius: 999px;
    color: #fff;
    display: flex;
    flex: 0 0 22px;
    font-size: 13px;
    font-weight: 900;
    height: 22px;
    justify-content: center;
    opacity: 0;
}

.wbc-ui-select__option.is-selected .wbc-ui-select__check {
    opacity: 1;
}

@media (max-width: 680px) {
    .wbc-ui-select__trigger {
        min-height: 52px;
        padding: 12px 14px;
    }

    .wbc-ui-select__menu {
        border-radius: 15px;
        padding: 7px;
    }

    .wbc-ui-select__option {
        font-size: 16px;
        min-height: 48px;
        padding: 11px 12px;
    }
}

/* v3.18.0 multi-product mobile ergonomics */
@media (max-width: 760px) {
    .wbc-inventory-row,.wbc-package-row,.wbc-tracking-options span{border-radius:14px}
    .wbc-inventory-row{padding:14px}
    .wbc-stocktake-grid>label{grid-template-columns:minmax(0,1fr) 92px;padding:12px}
    .wbc-stocktake-grid input,.wbc-report-product-filter select,.wbc-sale-product-line select{min-height:46px;font-size:16px}
    .wbc-package-row__actions summary,.wbc-inventory-actions summary{min-height:46px;display:flex;align-items:center}
    .wbc-sale-product-line{max-width:none}
}

/* v3.18.0 inventory hero contrast: the overview uses light KPI cards inside the
 * green shell, so their text must not inherit the shell's white foreground. */
.wbc-inventory-hero .wbc-primary {
    background: #fff;
    color: #0f624b;
}
.wbc-inventory-hero .wbc-inventory-kpis > div {
    color: var(--wbc-ink);
}
.wbc-inventory-hero .wbc-inventory-kpis > div span {
    color: var(--wbc-muted);
}

/* v3.18.0 inventory status colours must win over the older mobile pill rule. */
.wbc-stock-status.is-healthy {
    background: #e5f6ee;
    color: #0d684c;
}
.wbc-stock-status.is-low,
.wbc-stock-status.is-needs_count {
    background: #fff0c7;
    color: #6d4900;
}
.wbc-stock-status.is-out,
.wbc-stock-status.is-empty {
    background: #ffe1de;
    color: #8f221a;
}
.wbc-stock-status.is-not_tracked {
    background: #edf1ef;
    color: #53615c;
}
.wbc-inventory-hero > h2,
.wbc-inventory-hero > h3,
.wbc-inventory-hero > .wbc-section-heading h2,
.wbc-inventory-hero > .wbc-section-heading h3 {
    color: #fff;
}

/* v3.18.0 business-app usability normalization.
 * The portal accumulated several generations of layout rules; keep the owner /
 * attendant experience predictable without changing salesperson/recruitment UI. */
.wbc-business-app {
    max-width: 1240px;
    width: min(100%, 1240px);
}
.wbc-business-app .wbc-main {
    gap: 20px;
    padding: 22px;
}
.wbc-business-app .wbc-panel,
.wbc-business-app .wbc-stat {
    padding: 20px;
}
.wbc-business-app .wbc-section-heading {
    gap: 16px;
    margin-bottom: 16px;
}
.wbc-business-app .wbc-section-heading h2 {
    font-size: 20px;
}
.wbc-business-app .wbc-field input,
.wbc-business-app .wbc-field select,
.wbc-business-app .wbc-field textarea,
.wbc-business-app .wbc-search input,
.wbc-business-app .wbc-report-controls select {
    border-radius: 10px;
    min-height: 44px;
    padding: 10px 12px;
}
.wbc-business-app .wbc-field textarea {
    min-height: 96px;
    resize: vertical;
}
.wbc-business-app .wbc-small {
    line-height: 1.5;
}

@media (max-width: 760px) {
    .wbc-business-app {
        max-width: none;
        width: 100%;
    }
    .wbc-business-app .wbc-main,
    .wbc-portal.wbc-business-app .wbc-main {
        gap: 13px;
        padding: 13px 13px calc(var(--wbc-app-nav-height) + var(--wbc-app-safe-bottom) + 24px);
    }
    .wbc-business-app .wbc-panel,
    .wbc-business-app .wbc-stat {
        padding: 15px;
    }
    .wbc-business-app .wbc-section-heading {
        gap: 10px;
        margin-bottom: 14px;
    }
    .wbc-business-app .wbc-section-heading h2 {
        font-size: 18px;
    }
    .wbc-business-app .wbc-field input,
    .wbc-business-app .wbc-field select,
    .wbc-business-app .wbc-field textarea,
    .wbc-business-app .wbc-search input,
    .wbc-business-app .wbc-report-controls select {
        font-size: 16px;
        min-height: 48px;
    }
}


/* v3.18.7 multi-item checkout */
.wbc-multi-product-picker { display: grid; gap: 10px; margin-top: 10px; }
.wbc-sale-product-heading { font-size: 13px; margin: 12px 0 0; color: var(--wbc-muted); }
.wbc-multi-product-option { align-items: center; border: 1px solid var(--wbc-line); border-radius: 14px; display: grid; gap: 12px; grid-template-columns: minmax(0,1fr) auto; padding: 11px 12px; background: #fff; }
.wbc-multi-product-option.is-selected { background: #eaf7f2; border-color: var(--wbc-primary); box-shadow: 0 0 0 1px var(--wbc-primary); }
.wbc-multi-product-choice { align-items: center; cursor: pointer; display: flex; gap: 10px; min-width: 0; }
.wbc-multi-product-choice > input { width: 18px; height: 18px; flex: 0 0 auto; }
.wbc-multi-product-choice > span { display: grid; gap: 3px; min-width: 0; }
.wbc-multi-product-choice small { color: var(--wbc-muted); }
.wbc-item-quantity { align-items: center; display: flex; gap: 8px; }
.wbc-item-quantity > span { color: var(--wbc-muted); font-size: 12px; font-weight: 700; }
.wbc-item-quantity .wbc-stepper { grid-template-columns: 38px 54px 38px; }
@media (max-width: 640px) {
    .wbc-multi-product-option { grid-template-columns: 1fr; }
    .wbc-item-quantity { justify-content: space-between; }
}