:root {
    --shb-bg: #f6f8fb;
    --shb-panel: #ffffff;
    --shb-panel-soft: #f1f5f9;
    --shb-ink: #111827;
    --shb-muted: #667085;
    --shb-line: #d9e2ec;
    --shb-primary: #0f766e;
    --shb-primary-dark: #0b5f59;
    --shb-action: #2563eb;
    --shb-warn: #f59e0b;
    --shb-danger: #dc2626;
    --shb-success: #16a34a;
    --shb-radius: 8px;
    --shb-shadow: 0 10px 26px rgba(15, 23, 42, 0.07);
    --hb-primary: var(--shb-primary);
    --hb-primary-strong: var(--shb-primary-dark);
    --hb-accent: var(--shb-action);
    --hb-surface-soft: var(--shb-panel-soft);
    --hb-line: var(--shb-line);
    --hb-text: var(--shb-ink);
    --hb-muted: var(--shb-muted);
    --hb-shadow: var(--shb-shadow);
}

* {
    box-sizing: border-box;
    letter-spacing: 0 !important;
}

html {
    background: var(--shb-bg);
}

body.hb-public-body,
body.hb-auth-body,
body.hb-dashboard-body,
body.hb-storefront-body {
    background: var(--shb-bg) !important;
    color: var(--shb-ink);
}

body.hb-dashboard-body,
body.hb-storefront-body {
    font-family: 'Outfit', sans-serif;
}

.hb-btn,
.hb-pay-button,
.hb-admin-logout,
.hb-store-cart-link,
.hb-btn-secondary,
.pill-link,
.hb-filter-chip,
.sidebar-link,
.ribbon-pill,
.user-chip,
.hb-info-pill,
.hb-order-status,
.hb-proof-badge,
.hb-icon-btn,
.hb-modal-close,
.hb-admin-menu-toggle,
.hb-admin-menu-close,
button,
input,
select,
textarea {
    border-radius: var(--shb-radius) !important;
}

.hb-admin-card,
.hb-admin-page-card,
.hb-checkout-panel,
.hb-confirm-card,
.hb-track-card,
.hb-customer-product-card,
.hb-customer-toolbar,
.hb-modal-card-customer,
.hb-admin-modal-panel,
.hb-store-search,
.hb-field input,
.hb-field select,
.hb-field textarea,
.hb-radio-card,
.hb-summary-rows,
.hb-list-head,
.hb-admin-alert-strip,
.hb-public-header,
.hb-flow-grid article,
.hb-flow-phone,
.hb-feature-band,
.hb-auth-panel,
.hb-auth-card,
.hb-topbar,
.hb-admin-titlebar,
.sidebar,
.hb-admin-store,
.hb-admin-plan,
.hb-store-summary > div,
.hb-shipping-preview > div,
.hb-mobile-stat-card,
.hb-mobile-order-item,
.hb-core-action-row,
.hb-track-step {
    border-radius: var(--shb-radius) !important;
    box-shadow: none !important;
}

.hb-admin-card,
.hb-admin-page-card,
.hb-checkout-panel,
.hb-confirm-card,
.hb-track-card,
.hb-customer-product-card,
.hb-customer-toolbar,
.hb-modal-card-customer,
.hb-admin-modal-panel,
.hb-topbar,
.hb-auth-panel,
.hb-flow-grid article,
.hb-feature-band {
    border: 1px solid var(--shb-line) !important;
    background: var(--shb-panel) !important;
}

.hb-btn,
.hb-pay-button,
.hb-admin-logout {
    background: var(--shb-primary) !important;
    color: #fff !important;
    border: 1px solid var(--shb-primary) !important;
    min-height: 42px;
}

.hb-btn-secondary,
.pill-link {
    background: #fff !important;
    color: var(--shb-ink) !important;
    border: 1px solid var(--shb-line) !important;
}

.hb-kicker,
.hb-storefront-badge,
.hb-showcase-kicker,
.hb-filter-chip.active {
    background: #dcfce7 !important;
    color: #166534 !important;
}

.hb-gradient-word,
.hb-public-brand-copy strong span,
.hb-brand-mark span,
.hb-brand-word span {
    color: var(--shb-primary) !important;
}

/* Public landing: new SHBV2 surface */
.hb-public-body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.hb-topbar,
.hb-auth-topbar {
    width: min(1180px, calc(100% - 32px));
    margin: 16px auto 0;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.hb-brand,
.hb-public-brand,
.hb-admin-logo {
    text-decoration: none;
}

.hb-brand-mark,
.hb-public-brand-mark,
.brand-badge {
    background: var(--shb-ink) !important;
    color: #fff !important;
    border-radius: var(--shb-radius) !important;
}

.hb-page,
.hb-auth-shell {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 34px 0 56px;
}

.hb-brand-word {
    display: inline-flex !important;
    align-items: baseline;
    gap: 4px;
    padding: 9px 12px;
    border: 1px solid var(--shb-line);
    border-radius: var(--shb-radius);
    background: #fff;
    color: var(--shb-ink) !important;
    font-size: 1rem !important;
    font-weight: 800;
}

.hb-brand-word small {
    margin-left: 8px;
    color: var(--shb-muted);
    font-size: 0.76rem;
}

.hb-slide-title {
    margin: 24px 0 22px;
    display: block;
}

.hb-slide-title h1 {
    max-width: 900px;
    margin: 0;
    color: var(--shb-ink);
    font-size: clamp(2.4rem, 5vw, 4.7rem) !important;
    line-height: 0.98 !important;
}

.hb-slide-title p {
    max-width: 720px;
    margin-top: 16px;
    color: var(--shb-muted);
    font-size: 1.05rem;
}

.hb-flow-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.hb-flow-grid article {
    padding: 18px !important;
    min-width: 0;
}

.hb-flow-grid article > strong {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: var(--shb-radius);
    background: var(--shb-panel-soft);
    color: var(--shb-primary);
}

.hb-flow-phone {
    min-height: 180px !important;
    padding: 14px !important;
    background: var(--shb-panel-soft) !important;
}

.hb-feature-band {
    margin-top: 16px;
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.hb-feature-band span {
    padding: 8px 10px;
    border-radius: var(--shb-radius);
    background: var(--shb-panel-soft);
    color: var(--shb-ink);
    font-size: 0.86rem;
}

/* Dashboard desktop */
body.hb-dashboard-body .hb-admin-shell {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh;
    display: grid;
    grid-template-columns: 268px minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    background: var(--shb-bg);
}

body.hb-dashboard-body .hb-admin-sidebar {
    position: sticky !important;
    top: 0 !important;
    height: 100vh;
    align-self: start;
    overflow-y: auto;
    border-radius: 0 !important;
    border: 0 !important;
    background: #111827 !important;
    padding: 18px !important;
}

body.hb-dashboard-body .hb-admin-logo,
body.hb-dashboard-body .sidebar-link,
body.hb-dashboard-body .hb-admin-plan strong,
body.hb-dashboard-body .hb-admin-store strong {
    color: #f9fafb !important;
}

body.hb-dashboard-body .brand-copy small,
body.hb-dashboard-body .hb-admin-store a,
body.hb-dashboard-body .hb-admin-plan small,
body.hb-dashboard-body .hb-admin-plan a {
    color: rgba(249, 250, 251, 0.72) !important;
}

body.hb-dashboard-body .hb-admin-store,
body.hb-dashboard-body .hb-admin-plan {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    padding: 12px !important;
}

body.hb-dashboard-body .sidebar-nav {
    gap: 6px !important;
}

body.hb-dashboard-body .sidebar-link {
    min-height: 44px !important;
    padding: 0 12px !important;
    font-size: 0.94rem;
}

body.hb-dashboard-body .sidebar-link i,
body.hb-dashboard-body .sidebar-link span {
    color: rgba(249, 250, 251, 0.82) !important;
}

body.hb-dashboard-body .sidebar-link.active,
body.hb-dashboard-body .sidebar-link:hover {
    background: var(--shb-primary) !important;
}

body.hb-dashboard-body .sidebar-link.active i,
body.hb-dashboard-body .sidebar-link.active span,
body.hb-dashboard-body .sidebar-link:hover i,
body.hb-dashboard-body .sidebar-link:hover span {
    color: #fff !important;
}

body.hb-dashboard-body .hb-admin-main {
    padding: 22px !important;
    gap: 14px !important;
    width: 100%;
    min-width: 0;
}

body.hb-dashboard-body .hb-admin-ribbon {
    gap: 8px !important;
}

body.hb-dashboard-body .ribbon-pill,
body.hb-dashboard-body .user-chip {
    min-height: 36px !important;
    padding: 0 10px !important;
    background: #fff !important;
}

body.hb-dashboard-body .hb-admin-titlebar {
    padding: 16px 18px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    background: #fff !important;
    border: 1px solid var(--shb-line) !important;
}

body.hb-dashboard-body .hb-admin-titlebar h1 {
    font-size: clamp(1.4rem, 2vw, 2.2rem) !important;
    line-height: 1.08 !important;
}

body.hb-dashboard-body .hb-admin-titlebar p {
    margin: 6px 0 0;
    font-size: 0.92rem;
}

.hb-dashboard-hero-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.75fr) !important;
    gap: 14px !important;
}

.hb-order-pulse-grid,
.hb-admin-kpis-inline,
.hb-admin-grid-dashboard,
.hb-core-kpi-grid {
    gap: 10px !important;
}

.hb-priority-metric,
.hb-admin-kpis-inline article,
.hb-store-summary > div,
.hb-shipping-preview > div {
    border-radius: var(--shb-radius) !important;
    padding: 14px !important;
    background: var(--shb-panel-soft) !important;
}

.hb-admin-card,
.hb-admin-page-card {
    padding: 16px !important;
}

.hb-clean-table th,
.hb-clean-table td {
    padding: 11px 10px !important;
}

.shb-mobile-nav {
    display: none;
}

/* Storefront desktop */
.hb-store-layout-container,
.hb-storefront-shell {
    width: min(100%, 1360px) !important;
    padding-inline: 18px !important;
}

.hb-public-header {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 14px 0 8px !important;
}

.hb-public-brand-copy strong {
    color: var(--shb-ink) !important;
}

.hb-public-brand-copy small {
    color: var(--shb-muted) !important;
    font-size: 0.95rem !important;
}

.hb-customer-toolbar {
    grid-template-columns: minmax(220px, 320px) 1fr !important;
    padding: 12px !important;
    margin-bottom: 14px !important;
}

.hb-customer-section-head {
    margin-bottom: 12px !important;
}

.hb-customer-section-head h2,
.hb-card-title h2,
.hb-list-head h2,
.hb-checkout-panel h2 {
    font-size: 1.35rem !important;
    line-height: 1.15 !important;
}

.hb-customer-catalog {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.hb-customer-product-card {
    padding: 10px !important;
    gap: 10px !important;
}

.hb-customer-product-visual {
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: var(--shb-radius) !important;
}

.hb-customer-product-copy h3 {
    font-size: 1rem !important;
    line-height: 1.2;
}

.hb-customer-product-copy p {
    font-size: 0.88rem;
    line-height: 1.35;
}

.hb-customer-product-meta {
    gap: 8px !important;
}

.hb-checkout-grid-3 {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(300px, 0.8fr) !important;
    gap: 12px !important;
}

/* Tablet and mobile: separate compact experience */
@media (max-width: 1024px) {
    body.hb-dashboard-body .hb-admin-shell {
        display: block !important;
        min-height: 100vh;
    }

    body.hb-dashboard-body .hb-admin-main {
        padding: 10px 10px 84px !important;
        gap: 10px !important;
    }

    body.hb-dashboard-body .hb-admin-sidebar {
        position: fixed !important;
        top: 10px !important;
        left: 10px !important;
        bottom: 10px !important;
        width: min(310px, calc(100vw - 20px)) !important;
        height: auto;
        border-radius: var(--shb-radius) !important;
        transform: translateX(-110%);
        transition: transform 0.18s ease;
        z-index: 60;
    }

    body.hb-dashboard-body.hb-admin-menu-open .hb-admin-sidebar {
        transform: translateX(0);
    }

    body.hb-dashboard-body .hb-admin-ribbon {
        display: none !important;
    }

    body.hb-dashboard-body .hb-admin-titlebar {
        position: sticky;
        top: 0;
        z-index: 30;
        grid-template-columns: 1fr auto !important;
        align-items: center;
        gap: 10px !important;
        padding: 10px 12px !important;
        min-height: 58px;
    }

    body.hb-dashboard-body .hb-admin-titlebar h1 {
        font-size: 1.2rem !important;
        line-height: 1.1 !important;
    }

    body.hb-dashboard-body .hb-admin-titlebar p,
    body.hb-dashboard-body .user-chip {
        display: none !important;
    }

    body.hb-dashboard-body .hb-admin-title-actions {
        display: flex !important;
        gap: 8px !important;
    }

    body.hb-dashboard-body .hb-admin-title-actions .pill-link {
        min-height: 36px !important;
        padding: 0 10px !important;
        font-size: 0.82rem;
    }

    body.hb-dashboard-body .hb-admin-menu-toggle {
        display: inline-flex !important;
        position: fixed !important;
        right: 12px !important;
        bottom: 82px !important;
        z-index: 55;
        width: auto !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 12px !important;
        background: var(--shb-ink) !important;
        color: #fff !important;
        border-color: transparent !important;
    }

    .shb-mobile-nav {
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: 10px;
        z-index: 50;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 4px;
        padding: 8px;
        border: 1px solid var(--shb-line);
        border-radius: var(--shb-radius);
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.14);
    }

    .shb-mobile-nav a {
        position: relative;
        min-width: 0;
        min-height: 46px;
        display: grid;
        place-items: center;
        gap: 2px;
        text-decoration: none;
        color: var(--shb-muted);
        border-radius: 7px;
        font-size: 0.72rem;
        font-weight: 700;
    }

    .shb-mobile-nav i {
        font-size: 1.05rem;
    }

    .shb-mobile-nav a.active {
        background: #e0f2fe;
        color: #075985;
    }

    .shb-mobile-nav strong {
        position: absolute;
        top: 3px;
        right: 10px;
        min-width: 18px;
        height: 18px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: var(--shb-danger);
        color: #fff;
        font-size: 0.68rem;
    }

    .hb-dashboard-mobile-overview {
        display: grid !important;
        gap: 10px !important;
    }

    .hb-dashboard-flow {
        display: none !important;
    }

    .hb-dashboard-mobile-stats,
    .hb-core-kpi-grid,
    .hb-admin-grid,
    .hb-admin-grid-dashboard,
    .hb-dashboard-hero-grid,
    .hb-core-two-col,
    .hb-admin-kpis,
    .hb-admin-kpis-inline,
    .hb-order-pulse-grid,
    .hb-store-summary,
    .hb-dashboard-shortcuts {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .hb-admin-card,
    .hb-admin-page-card,
    .hb-mobile-stat-card,
    .hb-mobile-orders-card,
    .hb-mobile-status-card {
        padding: 12px !important;
    }

    .hb-mobile-stat-card small,
    .hb-priority-metric small,
    .hb-admin-kpis-inline small {
        font-size: 0.72rem !important;
    }

    .hb-mobile-stat-card strong,
    .hb-core-stat {
        font-size: 1.3rem !important;
    }

    .hb-list-head,
    .hb-card-title-split {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .hb-list-head p,
    .hb-card-title p {
        font-size: 0.88rem !important;
        line-height: 1.35;
    }

    .hb-product-admin-grid,
    .hb-core-product-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .hb-product-admin-card,
    .hb-core-product-card {
        display: grid !important;
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center;
        padding: 10px !important;
    }

    .hb-product-admin-card .hb-product-thumb,
    .hb-core-product-card .hb-customer-product-visual {
        grid-row: span 3;
        width: 82px !important;
        height: 82px !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
    }

    .hb-product-admin-copy p,
    .hb-core-product-card .hb-customer-product-copy p,
    .hb-product-variant-pills {
        display: none !important;
    }

    .hb-product-admin-copy h3,
    .hb-core-product-card h3 {
        font-size: 0.98rem !important;
        margin: 0;
    }

    .hb-product-admin-card .hb-btn,
    .hb-product-admin-card .hb-btn-secondary,
    .hb-core-product-card .hb-btn,
    .hb-core-product-card .hb-btn-secondary {
        min-height: 36px !important;
        font-size: 0.82rem;
    }

    .hb-clean-table {
        min-width: 720px;
    }

    .hb-core-table-wrap,
    .hb-admin-page-card {
        overflow-x: auto;
    }

    .hb-orders-table {
        min-width: 0 !important;
    }

    .hb-orders-table thead {
        display: none;
    }

    .hb-orders-table,
    .hb-orders-table tbody,
    .hb-orders-table tr,
    .hb-orders-table td {
        display: block;
        width: 100%;
    }

    .hb-orders-table tr {
        padding: 12px;
        margin-bottom: 10px;
        border: 1px solid var(--shb-line);
        border-radius: var(--shb-radius);
        background: #fff;
    }

    .hb-orders-table td {
        padding: 7px 0 !important;
        border: 0 !important;
    }

    .hb-orders-table td::before {
        display: block;
        margin-bottom: 3px;
        color: var(--shb-muted);
        font-size: 0.72rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .hb-orders-table td:nth-child(1)::before { content: 'Orden'; }
    .hb-orders-table td:nth-child(2)::before { content: 'Cliente'; }
    .hb-orders-table td:nth-child(3)::before { content: 'Pago'; }
    .hb-orders-table td:nth-child(4)::before { content: 'Entrega'; }
    .hb-orders-table td:nth-child(5)::before { content: 'Estado'; }
    .hb-orders-table td:nth-child(6)::before { content: 'Total'; }
    .hb-orders-table td:nth-child(7)::before { content: 'Acciones'; }

    .hb-order-actions,
    .hb-inline-form {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    .hb-order-actions .hb-btn,
    .hb-inline-form .hb-btn,
    .hb-inline-form select {
        width: 100%;
    }

    .hb-admin-modal-panel,
    .hb-modal-card-customer {
        width: calc(100vw - 20px) !important;
        max-height: calc(100vh - 20px) !important;
        padding: 14px !important;
    }

    .hb-form-grid,
    .hb-variant-row.compact,
    .hb-modal-grid-customer {
        grid-template-columns: 1fr !important;
    }

    /* Storefront compact */
    body.hb-storefront-body .shb-storefront-hero {
        display: none !important;
    }

    body.hb-storefront-body .hb-storefront-shell {
        padding-top: 10px !important;
    }
    .hb-store-shell {
        padding-bottom: 84px !important;
    }

    .hb-store-layout-container,
    .hb-storefront-shell {
        padding-inline: 10px !important;
    }

    .hb-public-header {
        position: sticky;
        top: 0;
        z-index: 30;
        padding: 8px 0 !important;
        background: rgba(246, 248, 251, 0.96) !important;
        backdrop-filter: blur(10px);
    }

    .hb-public-brand-mark {
        width: 38px !important;
        height: 38px !important;
        font-size: 0.84rem !important;
    }

    .hb-public-brand-copy strong {
        font-size: 1.1rem !important;
    }

    .hb-public-brand-copy small {
        font-size: 0.82rem !important;
        font-weight: 700 !important;
    }

    .hb-customer-toolbar {
        position: sticky;
        top: 58px;
        z-index: 25;
        grid-template-columns: 1fr !important;
        padding: 8px !important;
        gap: 8px !important;
        margin-bottom: 10px !important;
    }

    .hb-store-search {
        padding: 8px !important;
        gap: 6px !important;
    }

    .hb-store-search span {
        display: none;
    }

    .hb-store-search input,
    .hb-field input,
    .hb-field select,
    .hb-field textarea {
        min-height: 42px !important;
    }

    .hb-store-filter-trigger {
        width: 100%;
        min-height: 40px !important;
    }

    .hb-customer-section-head {
        align-items: center !important;
        margin: 10px 0 !important;
    }

    .hb-customer-section-head p {
        display: none;
    }

    .hb-customer-section-head h2 {
        font-size: 1.12rem !important;
    }

    .hb-customer-catalog {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .hb-customer-product-card {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 96px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 8px !important;
        align-items: center;
    }

    .hb-customer-product-visual {
        width: 96px !important;
        height: 96px !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        grid-row: span 2;
    }

    .hb-customer-product-visual small {
        display: none !important;
    }

    .hb-customer-product-copy p {
        display: none;
    }

    .hb-customer-product-copy h3 {
        font-size: 0.98rem !important;
        margin-bottom: 4px !important;
    }

    .hb-customer-product-meta {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    .hb-customer-product-actions {
        grid-column: 2;
    }

    .hb-customer-product-actions .hb-btn {
        min-height: 36px !important;
        font-size: 0.82rem;
    }

    .hb-customer-bottom-nav {
        display: grid !important;
        left: 10px !important;
        right: 10px !important;
        bottom: 10px !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding: 8px !important;
        border: 1px solid var(--shb-line);
        border-radius: var(--shb-radius) !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.14) !important;
    }

    .hb-customer-bottom-nav a,
    .hb-customer-bottom-nav button {
        min-height: 46px !important;
        border: 0 !important;
        border-radius: 7px !important;
        color: var(--shb-muted) !important;
        background: transparent !important;
        font: inherit !important;
        cursor: pointer !important;
    }

    .hb-customer-bottom-nav a.active,
    .hb-customer-bottom-nav button.active {
        background: #e0f2fe !important;
        color: #075985 !important;
    }

    .hb-checkout-grid-3,
    .hb-checkout-grid,
    .hb-checkout-review-grid,
    .hb-track-grid,
    .hb-track-steps {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .hb-checkout-panel,
    .hb-confirm-card,
    .hb-track-card {
        padding: 12px !important;
    }

    .hb-page-heading h1,
    .hb-confirm-card h1 {
        font-size: 1.55rem !important;
        line-height: 1.1 !important;
    }

    .hb-page-heading p,
    .hb-confirm-card p {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 640px) {
    .hb-topbar,
    .hb-auth-topbar,
    .hb-page,
    .hb-auth-shell {
        width: min(100% - 20px, 1180px);
    }

    .hb-topbar,
    .hb-auth-topbar {
        margin-top: 10px;
        padding: 10px;
    }

    .hb-topnav {
        gap: 6px !important;
    }

    .hb-topnav a {
        min-height: 34px;
        padding: 0 8px !important;
        font-size: 0.82rem;
    }

    .hb-page,
    .hb-auth-shell {
        padding: 18px 0 34px;
    }

    .hb-brand-word {
        font-size: 0.9rem !important;
        padding: 7px 9px;
    }

    .hb-brand-word small {
        display: none;
    }

    .hb-slide-title {
        margin: 16px 0;
    }

    .hb-slide-title h1 {
        font-size: 2rem !important;
        line-height: 1.05 !important;
    }

    .hb-slide-title p {
        font-size: 0.94rem;
        margin-top: 10px;
    }

    .hb-flow-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .hb-flow-grid article {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        padding: 12px !important;
    }

    .hb-flow-grid article h3 {
        margin: 0;
        font-size: 1rem;
    }

    .hb-flow-grid article .hb-flow-phone {
        grid-column: 1 / -1;
        min-height: 0 !important;
        padding: 10px !important;
    }

    .hb-feature-band {
        padding: 8px;
    }

    .hb-feature-band span {
        font-size: 0.78rem;
    }

    .hb-hero-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .hb-dashboard-mobile-stats,
    .hb-core-kpi-grid,
    .hb-admin-grid,
    .hb-admin-grid-dashboard,
    .hb-dashboard-hero-grid,
    .hb-core-two-col,
    .hb-admin-kpis,
    .hb-admin-kpis-inline,
    .hb-order-pulse-grid,
    .hb-store-summary,
    .hb-dashboard-shortcuts,
    .hb-dashboard-mobile-actions,
    .hb-dashboard-mobile-status-grid,
    .hb-mobile-order-body {
        grid-template-columns: 1fr !important;
    }

    body.hb-dashboard-body .hb-admin-titlebar {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body.hb-dashboard-body .hb-admin-title-actions .pill-link {
        width: auto !important;
    }

    .hb-admin-alert-strip-strong {
        flex-direction: column;
        align-items: flex-start;
    }

    .hb-product-admin-card,
    .hb-core-product-card {
        grid-template-columns: 72px minmax(0, 1fr) !important;
    }

    .hb-product-admin-card .hb-product-thumb,
    .hb-core-product-card .hb-customer-product-visual {
        width: 72px !important;
        height: 72px !important;
    }

    .hb-customer-product-card {
        grid-template-columns: 82px minmax(0, 1fr) !important;
    }

    .hb-customer-product-visual {
        width: 82px !important;
        height: 82px !important;
    }

    .hb-customer-product-copy h3,
    .hb-product-admin-copy h3 {
        font-size: 0.92rem !important;
    }

    .hb-order-status,
    .hb-proof-badge {
        padding: 6px 9px !important;
        font-size: 0.74rem !important;
    }

    .hb-modal-card-customer,
    .hb-admin-modal-panel {
        border-radius: var(--shb-radius) !important;
    }
}
/* Smart responsive grids and direct order management */
.shb-order-command-grid,
.shb-dashboard-command-grid {
    display: grid;
    gap: 10px;
    margin: 14px 0;
}

.shb-order-command-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shb-dashboard-command-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shb-command-card {
    min-width: 0;
    min-height: 92px;
    padding: 12px;
    display: grid;
    align-content: center;
    gap: 5px;
    text-decoration: none;
    border: 1px solid var(--shb-line);
    border-radius: var(--shb-radius);
    background: #fff;
    color: var(--shb-ink);
}

.shb-command-card span,
.shb-command-card small {
    overflow-wrap: anywhere;
}

.shb-command-card span {
    color: var(--shb-muted);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.shb-command-card strong {
    font-size: clamp(1.35rem, 2.4vw, 2.1rem);
    line-height: 1;
}

.shb-command-card small {
    color: var(--shb-muted);
    font-weight: 700;
}

.shb-command-card.active {
    border-color: #99f6e4;
    background: #ecfdf5;
}

.shb-command-card.is-proof.active {
    border-color: #fed7aa;
    background: #fff7ed;
}

.shb-filter-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 8px 0 12px;
    color: var(--shb-muted);
    font-size: 0.9rem;
}

.shb-filter-summary strong {
    color: var(--shb-ink);
}

.shb-filter-summary a {
    color: var(--shb-action);
    font-weight: 800;
    text-decoration: none;
}

.shb-orders-head-actions {
    align-items: center !important;
    justify-content: flex-end !important;
}

.shb-filter-button {
    min-height: 38px !important;
    padding-inline: 12px !important;
    white-space: nowrap !important;
}

.shb-filter-modal {
    max-width: 880px !important;
}

.shb-filter-section {
    display: grid !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

.shb-filter-section > strong {
    color: var(--shb-navy) !important;
    font-size: 0.92rem !important;
}

.shb-filter-choice-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.shb-filter-choice-grid-proof {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.shb-filter-choice {
    position: relative !important;
    min-width: 0 !important;
    min-height: 96px !important;
    display: grid !important;
    align-content: center !important;
    gap: 5px !important;
    padding: 12px 42px 12px 12px !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: var(--shb-radius) !important;
    background: #fff !important;
    cursor: pointer !important;
}

.shb-filter-choice input {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--shb-action) !important;
}

.shb-filter-choice span {
    color: var(--shb-navy) !important;
    font-weight: 900 !important;
    overflow-wrap: anywhere !important;
}

.shb-filter-choice small {
    color: var(--shb-muted-2) !important;
    line-height: 1.35 !important;
}

.shb-filter-choice em {
    width: max-content !important;
    min-width: 26px !important;
    min-height: 22px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    color: var(--shb-navy) !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-size: 0.78rem !important;
}

.shb-filter-choice.active {
    border-color: rgba(20, 184, 166, .45) !important;
    background: #ecfdf5 !important;
}
@media (min-width: 1180px) {
    .hb-core-kpi-grid,
    .hb-admin-grid-dashboard,
    .hb-dashboard-shortcuts,
    .hb-product-admin-grid,
    .hb-core-product-grid,
    .hb-customer-catalog {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .hb-dashboard-mobile-stats,
    .hb-dashboard-mobile-actions,
    .hb-dashboard-mobile-status-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 900px) and (max-width: 1179px) {
    .hb-core-kpi-grid,
    .hb-admin-grid-dashboard,
    .hb-dashboard-shortcuts,
    .hb-product-admin-grid,
    .hb-core-product-grid,
    .hb-customer-catalog,
    .hb-dashboard-mobile-stats,
    .hb-dashboard-mobile-actions,
    .hb-dashboard-mobile-status-grid,
    .shb-order-command-grid,
    .shb-dashboard-command-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .hb-customer-product-card,
    .hb-product-admin-card,
    .hb-core-product-card {
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
    }

    .hb-customer-product-visual,
    .hb-product-admin-card .hb-product-thumb,
    .hb-core-product-card .hb-customer-product-visual {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }
}

@media (min-width: 641px) and (max-width: 899px) {
    .hb-core-kpi-grid,
    .hb-admin-grid-dashboard,
    .hb-dashboard-shortcuts,
    .hb-product-admin-grid,
    .hb-core-product-grid,
    .hb-customer-catalog,
    .hb-dashboard-mobile-stats,
    .hb-dashboard-mobile-actions,
    .hb-dashboard-mobile-status-grid,
    .shb-order-command-grid,
    .shb-dashboard-command-grid,
    .hb-flow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .hb-customer-product-card,
    .hb-product-admin-card,
    .hb-core-product-card {
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
    }

    .hb-customer-product-visual,
    .hb-product-admin-card .hb-product-thumb,
    .hb-core-product-card .hb-customer-product-visual {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }
}

@media (max-width: 640px) {
    .hb-dashboard-mobile-stats,
    .hb-dashboard-mobile-actions,
    .hb-dashboard-mobile-status-grid,
    .hb-mobile-order-body,
    .hb-core-kpi-grid,
    .hb-admin-grid-dashboard,
    .hb-dashboard-shortcuts,
    .hb-store-summary,
    .hb-product-admin-grid,
    .hb-core-product-grid,
    .hb-customer-catalog,
    .shb-order-command-grid,
    .shb-dashboard-command-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .hb-dashboard-mobile-actions .hb-btn,
    .hb-dashboard-mobile-actions .hb-btn-secondary,
    .hb-dashboard-shortcuts .pill-link,
    .shb-command-card {
        min-height: 76px !important;
        padding: 10px !important;
    }

    .hb-customer-product-card,
    .hb-product-admin-card,
    .hb-core-product-card {
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
        gap: 8px !important;
    }

    .hb-customer-product-visual,
    .hb-product-admin-card .hb-product-thumb,
    .hb-core-product-card .hb-customer-product-visual {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        grid-row: auto !important;
    }

    .hb-customer-product-actions,
    .hb-product-admin-card .hb-btn,
    .hb-core-product-card .hb-btn {
        grid-column: auto !important;
        width: 100% !important;
    }

    .hb-customer-product-copy h3,
    .hb-product-admin-copy h3,
    .hb-core-product-card h3 {
        font-size: 0.88rem !important;
    }

    .hb-customer-product-meta,
    .hb-customer-product-actions .hb-btn,
    .hb-product-admin-card .hb-btn,
    .hb-core-product-card .hb-btn {
        font-size: 0.78rem !important;
    }

    .hb-orders-table tr,
    .hb-mobile-order-item,
    .hb-mobile-orders-card {
        width: 100% !important;
    }
}

@media (max-width: 360px) {
    .hb-product-admin-grid,
    .hb-core-product-grid,
    .hb-customer-catalog,
    .shb-order-command-grid,
    .shb-dashboard-command-grid {
        grid-template-columns: 1fr !important;
    }
}

/* CHV2 brand assets */
.shb-brand-full {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    flex: 0 0 auto !important;
}

.shb-brand-full img {
    display: block !important;
    width: min(220px, 52vw) !important;
    height: auto !important;
}

.shb-logo-word {
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 14px !important;
    background: #fff !important;
    border: 1px solid rgba(217, 226, 236, 0.95) !important;
}

.shb-logo-word img {
    display: block !important;
    width: min(320px, 78vw) !important;
    height: auto !important;
}

.shb-admin-logo {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.shb-brand-icon {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    padding: 3px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
}

.shb-brand-icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.shb-sidebar-logo {
    display: block !important;
    width: 150px !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 5px 8px !important;
    background: #fff !important;
    border-radius: 8px !important;
}

.shb-store-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
}

.shb-header-icon {
    display: block !important;
    width: 42px !important;
    height: 42px !important;
    padding: 3px !important;
    object-fit: contain !important;
    background: #fff !important;
    border-radius: 8px !important;
    border: 1px solid var(--shb-line) !important;
}

.shb-header-logo {
    display: block !important;
    width: 180px !important;
    max-width: 46vw !important;
    height: auto !important;
    padding: 4px 7px !important;
    background: #fff !important;
    border-radius: 8px !important;
}

.shb-store-brand .hb-public-brand-copy {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}

.shb-store-brand .hb-public-brand-copy small {
    max-width: 220px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 640px) {
    .shb-brand-full img {
        width: min(170px, 48vw) !important;
    }

    .shb-logo-word {
        padding: 8px 10px !important;
    }

    .shb-logo-word img {
        width: min(260px, 84vw) !important;
    }

    .shb-sidebar-logo {
        width: 132px !important;
    }

    .shb-header-logo {
        width: 145px !important;
        max-width: 42vw !important;
    }

    .shb-header-icon {
        width: 36px !important;
        height: 36px !important;
    }

    .shb-store-brand .hb-public-brand-copy small {
        max-width: 160px !important;
    }
}

/* Prototype visual refresh */
:root {
    --shb-navy: #081b3a;
    --shb-navy-2: #132f5e;
    --shb-purple: #7c3aed;
    --shb-pink: #ec4899;
    --shb-orange: #ff7a1a;
    --shb-teal: #0f766e;
    --shb-text: #0f172a;
    --shb-muted-2: #64748b;
    --shb-line-2: #e6ebf2;
    --shb-soft-2: #f7f9fc;
    --shb-green: #15803d;
    --shb-proto-shadow: 0 22px 70px rgba(15, 23, 42, 0.12);
    --shb-proto-radius: 24px;
    --shb-primary: var(--shb-purple);
    --shb-primary-dark: #5b21b6;
    --shb-action: var(--shb-pink);
    --shb-line: var(--shb-line-2);
    --shb-ink: var(--shb-text);
    --shb-muted: var(--shb-muted-2);
}

body.shb-prototype-body,
body.hb-dashboard-body,
body.hb-storefront-body {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    color: var(--shb-text);
    background:
        radial-gradient(circle at 6% 0%, rgba(124, 58, 237, 0.10), transparent 28%),
        radial-gradient(circle at 96% 9%, rgba(255, 122, 26, 0.10), transparent 25%),
        #fff !important;
}

body.shb-prototype-body a,
body.hb-dashboard-body a,
body.hb-storefront-body a {
    text-decoration: none;
}

.container {
    width: min(1180px, calc(100% - 36px));
    margin: auto;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid rgba(230, 235, 242, 0.9);
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(18px);
}

.nav {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 11px !important;
    min-width: 0;
    color: var(--shb-navy) !important;
    font-weight: 900 !important;
}

.brand-mark {
    width: 43px !important;
    height: 43px !important;
    flex: 0 0 43px !important;
    display: grid !important;
    place-items: center !important;
    padding: 4px !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, var(--shb-purple), var(--shb-pink) 55%, var(--shb-orange)) !important;
    box-shadow: 0 11px 24px rgba(124, 58, 237, 0.24) !important;
    overflow: hidden !important;
}

.brand-mark img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 10px !important;
    background: #fff !important;
}

.brand-name {
    display: inline-flex !important;
    align-items: baseline !important;
    color: var(--shb-navy) !important;
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.brand-name span {
    color: var(--shb-pink) !important;
}

.brand-name small {
    margin-left: 2px !important;
    color: var(--shb-navy) !important;
    font-size: 0.6rem !important;
    font-weight: 900 !important;
}

.nav-links,
.actions {
    display: flex;
    align-items: center;
    gap: 20px;
}

.nav-links a {
    color: #46536b !important;
    font-size: 0.92rem;
    font-weight: 800;
}

.nav-links a:hover {
    color: var(--shb-pink) !important;
}

.btn,
.hb-btn,
.hb-pay-button,
.pill-link,
.hb-admin-logout {
    min-height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 20px !important;
    border-radius: 14px !important;
    border: 1px solid transparent !important;
    font-weight: 850 !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

.btn-primary,
.hb-btn:not(.hb-btn-secondary),
.hb-pay-button,
.hb-admin-logout {
    color: #fff !important;
    background: linear-gradient(100deg, var(--shb-purple), var(--shb-pink) 58%, var(--shb-orange)) !important;
    box-shadow: 0 13px 30px rgba(236, 72, 153, 0.22) !important;
}

.btn-primary:hover,
.hb-btn:not(.hb-btn-secondary):hover,
.hb-pay-button:hover,
.hb-admin-logout:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(236, 72, 153, 0.28) !important;
}

.btn-secondary,
.hb-btn-secondary,
.pill-link {
    color: var(--shb-navy) !important;
    background: #fff !important;
    border-color: var(--shb-line-2) !important;
    box-shadow: none !important;
}

.btn-block,
.hb-btn-full {
    width: 100% !important;
}

.kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--shb-teal);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.kicker::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--shb-teal);
    box-shadow: 0 0 0 5px rgba(15, 118, 110, 0.10);
}

.gradient-text,
.hb-gradient-word {
    background: linear-gradient(92deg, var(--shb-purple), var(--shb-pink) 54%, var(--shb-orange));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

/* Marketing landing */
body.hb-public-body .shb-marketing-page {
    width: auto !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.hb-public-body .shb-marketing-page::after {
    display: none !important;
}

.hero {
    padding: 74px 0 72px;
    overflow: hidden;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.03fr 0.97fr;
    gap: 58px;
    align-items: center;
}

.hero h1,
.hero-copy h1,
.section h2,
.cta h2,
.auth-card-proto h1,
.auth-card-proto h2 {
    margin: 0;
    color: var(--shb-navy);
    font-weight: 900;
    letter-spacing: 0 !important;
}

.hero h1,
.hero-copy h1 {
    max-width: 760px;
    margin-bottom: 26px;
    font-size: clamp(3.3rem, 7vw, 6.15rem) !important;
    line-height: 0.92 !important;
}

.hero-copy p {
    max-width: 660px;
    color: var(--shb-muted-2);
    font-size: 1.08rem;
    line-height: 1.72;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0 22px;
}

.microcopy {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    color: #54627a;
    font-size: 0.9rem;
    font-weight: 800;
}

.microcopy span,
.price-grid span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.check {
    width: 24px;
    height: 20px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    background: #ecfdf3;
    color: var(--shb-green);
    font-size: 0.62rem;
    font-style: normal;
    font-weight: 900;
}

.hero-card {
    position: relative;
    padding: 20px;
    border: 1px solid rgba(230, 235, 242, 0.92);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: var(--shb-proto-shadow);
}

.shop-window,
.feature-card,
.step,
.price-card,
.order-panel,
.auth-card-proto {
    border: 1px solid var(--shb-line-2);
    background: #fff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}

.shop-window {
    overflow: hidden;
    border-radius: 24px;
}

.shop-topbar {
    min-height: 58px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--shb-line-2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.shop-title {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--shb-navy);
    font-weight: 900;
}

.avatar,
.order-badge,
.order-row .mini {
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(145deg, #eadbff, #ffe0ca);
    color: var(--shb-navy);
    font-weight: 900;
}

.avatar {
    width: 36px;
    height: 36px;
    font-size: 0.78rem;
}

.status {
    padding: 7px 10px;
    border-radius: 999px;
    background: #ecfdf3;
    color: var(--shb-green);
    font-size: 0.71rem;
    font-weight: 900;
    white-space: nowrap;
}

.shop-banner {
    min-height: 132px;
    padding: 28px;
    color: #fff;
    background:
        linear-gradient(105deg, rgba(8, 27, 58, 0.97), rgba(124, 58, 237, 0.9)),
        radial-gradient(circle at 85% 5%, rgba(255, 255, 255, 0.18), transparent 30%);
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
}

.shop-banner strong {
    display: block;
    max-width: 320px;
    font-size: 1.55rem;
    line-height: 1.06;
}

.shop-banner span {
    opacity: 0.82;
    font-size: 0.82rem;
}

.countdown {
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    font-size: 0.72rem;
    text-align: center;
    white-space: nowrap;
}

.countdown b {
    display: block;
    font-size: 1.06rem;
}

.product-grid {
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.product {
    overflow: hidden;
    border: 1px solid var(--shb-line-2);
    border-radius: 16px;
    background: var(--shb-soft-2);
}

.product-img {
    height: 100px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f4edff, #fff1e6);
    color: var(--shb-purple);
    font-size: 2rem;
    font-weight: 900;
}

.product-body {
    padding: 10px;
}

.product-body b {
    display: block;
    overflow: hidden;
    color: var(--shb-navy);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-body small {
    color: var(--shb-pink);
    font-weight: 900;
}

.order-pop {
    position: absolute;
    right: -18px;
    bottom: 28px;
    width: min(235px, calc(100% - 34px));
    padding: 14px;
    border: 1px solid var(--shb-line-2);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

.order-badge {
    float: left;
    width: 38px;
    height: 38px;
    margin-right: 10px;
    background: #ecfdf3;
    color: var(--shb-green);
}

.order-pop strong {
    display: block;
    color: var(--shb-navy);
}

.order-pop p {
    margin: 4px 0 0;
    color: var(--shb-muted-2);
    font-size: 0.75rem;
    line-height: 1.42;
}

.trust-strip {
    padding: 18px 0;
    border-top: 1px solid var(--shb-line-2);
    border-bottom: 1px solid var(--shb-line-2);
    background: rgba(247, 249, 252, 0.72);
}

.trust-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.trust-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #4c5870;
    font-size: 0.88rem;
    font-weight: 850;
}

.icon-box {
    width: 41px;
    height: 41px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--shb-line-2);
    border-radius: 13px;
    background: #fff;
    color: var(--shb-purple);
    font-size: 0.78rem;
    font-weight: 900;
}

.section {
    padding: 96px 0;
}

.section-soft {
    border-top: 1px solid var(--shb-line-2);
    border-bottom: 1px solid var(--shb-line-2);
    background: #f8fafc;
}

.section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 42px;
}

.section-head.single {
    justify-content: center;
    text-align: center;
}

.section h2,
.cta h2 {
    max-width: 760px;
    font-size: clamp(2.15rem, 4vw, 3.9rem) !important;
    line-height: 1.02 !important;
}

.section-head p,
.feature-card p,
.step p,
.demo-wrap p,
.price-card p,
.faq p,
.cta p,
.auth-card-proto p {
    color: var(--shb-muted-2);
    line-height: 1.72;
}

.section-head p {
    max-width: 540px;
    margin-bottom: 0;
}

.cards-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.feature-card {
    padding: 26px;
    border-radius: 24px;
    transition: transform 0.23s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
}

.feature-card .icon-box {
    width: 52px;
    height: 52px;
    margin-bottom: 18px;
    border: 0;
    background: linear-gradient(145deg, #f5efff, #fff1e8);
    font-size: 1rem;
}

.feature-card h3,
.step h3,
.price-card h3 {
    margin: 0 0 10px;
    color: var(--shb-navy);
    font-size: 1.16rem;
}

.feature-card p,
.step p {
    margin: 0;
    font-size: 0.94rem;
}

.steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    counter-reset: step;
}

.step {
    position: relative;
    padding: 25px;
    border-radius: 22px;
}

.step::before {
    counter-increment: step;
    content: "0" counter(step);
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    margin-bottom: 24px;
    border-radius: 13px;
    background: var(--shb-navy);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 900;
}

.demo-wrap {
    display: grid;
    grid-template-columns: 0.86fr 1.14fr;
    gap: 36px;
    align-items: center;
    overflow: hidden;
    padding: 34px;
    border-radius: 32px;
    color: #fff;
    background: linear-gradient(135deg, #071a39, #112b59 58%, #5f2d91);
}

.demo-wrap h2,
.demo-wrap p,
.cta h2,
.cta p {
    color: #fff !important;
}

.demo-list {
    display: grid;
    gap: 12px;
}

.demo-list div {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: rgba(255, 255, 255, 0.88);
    font-weight: 700;
}

.demo-list i {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.12);
    font-style: normal;
}

.order-panel {
    padding: 18px;
    border-radius: 24px;
    color: var(--shb-text);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.22);
}

.order-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 13px 0;
    border-bottom: 1px solid var(--shb-line-2);
}

.order-row:last-child {
    border-bottom: 0;
}

.order-row .mini {
    width: 42px;
    height: 42px;
    background: #f5efff;
    color: var(--shb-purple);
    font-size: 0.75rem;
}

.order-row b {
    display: block;
    color: var(--shb-navy);
}

.order-row small {
    color: var(--shb-muted-2);
}

.pill {
    padding: 7px 9px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 900;
    white-space: nowrap;
}

.pill.orange { background: #fff4e8; color: #b45309; }
.pill.green { background: #ecfdf3; color: #15803d; }
.pill.blue { background: #eff6ff; color: #1d4ed8; }

.price-card {
    position: relative;
    max-width: 720px;
    margin: auto;
    overflow: hidden;
    padding: 30px;
    border-color: #ddcffb;
    border-radius: 30px;
    box-shadow: 0 22px 70px rgba(124, 58, 237, 0.13);
}

.price-card::before {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(124, 58, 237, 0.18), rgba(255, 122, 26, 0.16));
}

.price-card > * {
    position: relative;
    z-index: 1;
}

.price-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.price {
    color: var(--shb-navy);
    font-size: 4rem;
    font-weight: 950;
    line-height: 1;
}

.price small {
    color: var(--shb-muted-2);
    font-size: 1rem;
    font-weight: 800;
}

.price-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 28px;
    margin: 24px 0;
}

.price-grid span {
    color: #3f4e67;
    font-size: 0.92rem;
    font-weight: 800;
}

.disclaimer {
    margin: 16px 0 0;
    color: #7b879b !important;
    text-align: center;
    font-size: 0.8rem;
}

.faq {
    max-width: 860px;
    margin: auto;
}

.faq-item {
    border-bottom: 1px solid var(--shb-line-2);
}

.faq-item summary {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 0;
    color: var(--shb-navy);
    font-weight: 850;
    cursor: pointer;
    list-style: none;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: "+";
    color: var(--shb-purple);
    font-size: 1.35rem;
}

.faq-item[open] summary::after {
    transform: rotate(45deg);
}

.faq-item p {
    margin: 0;
    padding: 0 36px 22px 0;
}

.cta {
    padding: 54px;
    border-radius: 32px;
    text-align: center;
    color: #fff;
    background: linear-gradient(110deg, var(--shb-purple), var(--shb-pink) 60%, var(--shb-orange));
    box-shadow: 0 26px 70px rgba(236, 72, 153, 0.20);
}

.cta p {
    max-width: 670px;
    margin: 0 auto 24px;
    opacity: 0.84;
}

footer {
    padding: 34px 0 44px;
}

.footer-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    color: #6a7588;
    font-size: 0.88rem;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Auth */
body.hb-auth-body .shb-auth-page {
    width: min(1180px, calc(100% - 36px)) !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 42px auto 64px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.hb-auth-body .shb-auth-page::after {
    display: none !important;
}

.auth-card-proto {
    display: grid;
    grid-template-columns: 0.88fr 1.12fr;
    overflow: hidden;
    border-radius: 30px;
    box-shadow: 0 30px 100px rgba(15, 23, 42, 0.14);
}

.auth-side-proto {
    min-height: 640px;
    padding: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    background: linear-gradient(145deg, #071a39, #173a70 56%, #7138a0);
}

.auth-side-proto .kicker,
.demo-wrap .kicker {
    color: #c4b5fd;
}

.auth-side-proto .kicker::before,
.demo-wrap .kicker::before {
    background: #c4b5fd;
    box-shadow: 0 0 0 5px rgba(196, 181, 253, 0.12);
}

.auth-side-proto h1 {
    color: #fff;
    font-size: clamp(2.4rem, 4vw, 4.4rem) !important;
    line-height: 0.98 !important;
}

.auth-side-proto p {
    max-width: 420px;
    color: rgba(255, 255, 255, 0.72) !important;
}

.modal-points {
    display: grid;
    gap: 13px;
    margin-top: 24px;
}

.modal-points div {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.88);
    font-weight: 800;
}

.modal-points span {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.11);
}

.auth-form-proto {
    padding: clamp(24px, 4vw, 42px);
}

.auth-form-proto h2 {
    font-size: clamp(2rem, 3vw, 2.8rem) !important;
    line-height: 1.06 !important;
}

.form-grid {
    display: grid;
    gap: 16px;
    margin-top: 24px;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.field {
    display: grid;
    gap: 8px;
}

.field > span,
.field label {
    color: var(--shb-navy);
    font-size: 0.88rem;
    font-weight: 850;
}

.input-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.input-wrap input,
.input-wrap select,
.input-wrap textarea,
.hb-field input,
.hb-field select,
.hb-field textarea {
    width: 100% !important;
    min-height: 52px !important;
    border: 1px solid #dce2eb !important;
    border-radius: 14px !important;
    padding: 0 15px !important;
    background: #fff !important;
    color: var(--shb-text) !important;
    outline: 0 !important;
}

.inline-prefix {
    overflow: hidden;
    border: 1px solid #dce2eb;
    border-radius: 14px;
    background: #fff;
}

.inline-prefix > span {
    align-self: stretch;
    display: grid;
    place-items: center;
    padding: 0 12px;
    background: #f8fafc;
    color: var(--shb-muted-2);
    font-weight: 850;
}

.inline-prefix input {
    border: 0 !important;
    border-radius: 0 !important;
}

.auth-switch {
    margin: 18px 0 0;
    color: var(--shb-muted-2);
    font-size: 0.92rem;
}

.auth-switch a {
    color: var(--shb-pink);
    font-weight: 900;
}

/* Admin and store surfaces */
body.hb-dashboard-body {
    background: #f8fafc !important;
}

body.hb-dashboard-body .hb-admin-sidebar {
    background: linear-gradient(180deg, #071a39, #112b59 58%, #3b1f68) !important;
}

body.hb-dashboard-body .shb-panel-brand {
    padding: 2px 0 14px;
}

body.hb-dashboard-body .shb-panel-brand .brand-name,
body.hb-dashboard-body .shb-panel-brand .brand-name small,
body.hb-dashboard-body .shb-panel-brand .brand-name span {
    color: #fff !important;
}

body.hb-dashboard-body .sidebar-link {
    border-radius: 14px !important;
    color: rgba(255, 255, 255, 0.78) !important;
}

body.hb-dashboard-body .sidebar-link.active,
body.hb-dashboard-body .sidebar-link:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}

body.hb-dashboard-body .hb-admin-titlebar {
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}

body.hb-dashboard-body .hb-admin-titlebar h1,
.hb-page-heading h1,
.hb-admin-card h2,
.hb-admin-page-card h2 {
    color: var(--shb-navy) !important;
    letter-spacing: 0 !important;
}

.hb-admin-card,
.hb-admin-page-card,
.hb-checkout-panel,
.hb-confirm-card,
.hb-track-card,
.hb-customer-product-card,
.hb-product-admin-card,
.hb-core-product-card,
.hb-customer-toolbar,
.hb-modal-card-customer,
.hb-admin-modal-panel,
.hb-store-search,
.hb-mobile-stat-card,
.hb-mobile-order-item,
.hb-mobile-orders-card,
.hb-dashboard-mobile-card,
.hb-order-pulse-card,
.hb-plan-config,
.hb-verify-card,
.hb-auth-card,
.summary-card {
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}

.hb-nav-badge,
.hb-order-status,
.hb-proof-badge,
.hb-filter-chip,
.user-chip,
.ribbon-pill,
.hb-info-pill {
    border-radius: 999px !important;
}

body.hb-storefront-body .hb-public-header {
    position: sticky;
    top: 0;
    z-index: 40;
    border: 1px solid rgba(230, 235, 242, 0.9) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(18px);
}

.shb-store-brand .hb-public-brand-copy {
    display: grid !important;
    gap: 2px !important;
}

.shb-store-brand .hb-public-brand-copy strong {
    color: var(--shb-navy) !important;
    font-size: 1rem !important;
    line-height: 1 !important;
}

.shb-store-brand .hb-public-brand-copy small {
    color: var(--shb-muted-2) !important;
    font-weight: 800 !important;
}

@media (max-width: 980px) {
    .nav-links {
        display: none;
    }

    .hero-grid,
    .demo-wrap,
    .auth-card-proto {
        grid-template-columns: 1fr;
    }

    .cards-3,
    .steps,
    .trust-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .auth-side-proto {
        min-height: auto;
        padding: 28px;
    }
}

@media (max-width: 720px) {
    .container {
        width: min(100% - 28px, 1180px);
    }

    .nav {
        min-height: 68px;
        gap: 10px;
    }

    .actions {
        gap: 8px;
    }

    .actions .btn-secondary {
        display: none !important;
    }

    .brand-name {
        font-size: 1.05rem !important;
    }

    .hero {
        padding: 48px 0 58px;
    }

    .hero h1,
    .hero-copy h1 {
        font-size: clamp(3rem, 15vw, 4.2rem) !important;
    }

    .hero-card {
        padding: 12px;
        border-radius: 24px;
    }

    .shop-banner {
        align-items: start;
        flex-direction: column;
    }

    .product-grid,
    .cards-3,
    .steps,
    .trust-items,
    .price-grid,
    .form-row {
        grid-template-columns: 1fr !important;
    }

    .order-pop {
        position: static;
        width: auto;
        margin: 12px 4px 0;
    }

    .section {
        padding: 72px 0;
    }

    .section-head,
    .price-top,
    .footer-grid {
        align-items: start;
        flex-direction: column;
    }

    .demo-wrap,
    .cta,
    .price-card {
        padding: 22px;
        border-radius: 24px;
    }

    .order-row {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .order-row .pill {
        grid-column: 2;
        width: fit-content;
    }

    body.hb-auth-body .shb-auth-page {
        width: min(100% - 24px, 1180px) !important;
        margin-top: 24px !important;
    }
}

@media (max-width: 420px) {
    .brand-mark {
        width: 38px !important;
        height: 38px !important;
        flex-basis: 38px !important;
    }

    .actions .btn-primary {
        min-height: 44px !important;
        padding: 0 12px !important;
        font-size: 0.84rem !important;
    }

    .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .product-img {
        height: 82px;
    }
}

.shb-onboarding-title {
    margin: 12px 0 28px !important;
}

.shb-onboarding-title h1 {
    margin: 0 !important;
    color: var(--shb-navy) !important;
    font-size: clamp(2.3rem, 5vw, 4.2rem) !important;
    line-height: 1 !important;
}

.shb-onboarding-title p {
    max-width: 680px;
    margin-top: 14px !important;
    color: var(--shb-muted-2) !important;
}

.shb-onboarding-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.hb-plan-card {
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}

.hb-plan-card.selected {
    border-color: #ddcffb !important;
    box-shadow: 0 22px 70px rgba(124, 58, 237, 0.13) !important;
}

.hb-plan-icon {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, #f5efff, #fff1e8) !important;
    color: var(--shb-purple) !important;
    font-weight: 900 !important;
}

.hb-plan-summary {
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 18px !important;
    background: #f8fafc !important;
}

.hb-info-band {
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 22px !important;
    background: #fff !important;
    color: var(--shb-navy) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}

.shb-expired-plan {
    border-color: #fed7d7 !important;
    background: #fff8f7 !important;
}

@media (max-width: 720px) {
    .shb-onboarding-grid {
        grid-template-columns: 1fr !important;
    }
}
/* End prototype visual refresh */

/* View audit polish */
body.hb-dashboard-body .hb-admin-main > section + section,
body.hb-storefront-body .hb-storefront-shell > section + section,
body.hb-storefront-body .hb-storefront-shell > div + section,
body.hb-storefront-body .hb-storefront-shell > section + div {
    margin-top: 18px !important;
}

body.hb-dashboard-body .hb-admin-main {
    background: #f8fafc !important;
}

.hb-admin-page-card,
.hb-core-table-card,
.hb-checkout-page,
.hb-order-tracking-page,
.hb-track-page,
.shb-error-card {
    width: 100% !important;
    max-width: 100% !important;
}

.hb-list-head,
.hb-card-title-split,
.hb-page-heading,
.hb-customer-section-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

.hb-list-head h2,
.hb-card-title h2,
.hb-page-heading h1,
.hb-customer-section-head h2,
.hb-checkout-panel h2,
.hb-track-card h2,
.hb-confirm-card h1 {
    margin: 0 !important;
    color: var(--shb-navy) !important;
    letter-spacing: 0 !important;
}

.hb-list-head p,
.hb-card-title p,
.hb-page-heading p,
.hb-customer-section-head p,
.hb-checkout-panel p,
.hb-track-card p {
    margin: 8px 0 0 !important;
    color: var(--shb-muted-2) !important;
    line-height: 1.55 !important;
}

.hb-card-title,
.hb-list-head > div {
    min-width: 0 !important;
}

.hb-card-title > span,
.hb-step-chip,
.hb-row-dot {
    display: inline-grid !important;
    place-items: center !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, #f5efff, #fff1e8) !important;
    color: var(--shb-purple) !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
}

.hb-core-kpi-grid,
.hb-admin-grid,
.hb-product-admin-grid,
.hb-core-product-grid,
.hb-plan-grid,
.hb-store-summary,
.hb-admin-form-grid,
.hb-checkout-review-grid,
.hb-track-grid,
.hb-tracking-actions-grid,
.hb-order-status-hero {
    display: grid !important;
    gap: 14px !important;
}

.hb-core-kpi-grid,
.hb-admin-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.hb-product-admin-grid,
.hb-core-product-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

.hb-admin-form-grid,
.hb-store-summary,
.hb-order-status-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.hb-dashboard-hero-grid.hb-core-two-col,
.hb-plan-layout,
.hb-checkout-grid,
.hb-checkout-grid-3,
.hb-checkout-review-grid,
.hb-track-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.hb-checkout-grid-3 {
    grid-template-columns: minmax(260px, 0.8fr) minmax(260px, 0.85fr) minmax(300px, 1fr) !important;
    align-items: start !important;
}

.hb-admin-card,
.hb-admin-page-card,
.hb-core-table-card,
.hb-product-admin-card,
.hb-customer-product-card,
.hb-core-product-card,
.hb-checkout-panel,
.hb-confirm-card,
.hb-track-card,
.hb-plan-card,
.hb-plan-config,
.hb-shipping-row-card,
.hb-mobile-order-item,
.hb-modal-card-customer,
.hb-admin-modal-panel,
.hb-error-card,
.hb-customer-toolbar,
.hb-customer-empty {
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}

.hb-admin-page-card,
.hb-core-table-card,
.hb-checkout-panel,
.hb-confirm-card,
.hb-track-card,
.hb-plan-config,
.hb-error-card,
.hb-customer-empty {
    padding: clamp(18px, 2.4vw, 28px) !important;
}

.hb-admin-card .hb-kicker,
.hb-kicker {
    color: var(--shb-teal) !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.hb-core-stat,
.hb-admin-card > strong {
    display: block !important;
    margin: 8px 0 4px !important;
    color: var(--shb-navy) !important;
    font-size: clamp(1.7rem, 3vw, 2.5rem) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

.hb-admin-card > small,
.hb-product-admin-copy p,
.hb-customer-product-copy p,
.hb-core-action-row small,
.hb-shipping-row-card small {
    color: var(--shb-muted-2) !important;
    line-height: 1.5 !important;
}

.hb-core-table-wrap,
.hb-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 18px !important;
    background: #fff !important;
}

.hb-clean-table {
    width: 100% !important;
    min-width: 760px !important;
    border-collapse: collapse !important;
}

.hb-clean-table th {
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 0.76rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.hb-clean-table th,
.hb-clean-table td {
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--shb-line-2) !important;
    vertical-align: top !important;
}

.hb-clean-table tr:last-child td {
    border-bottom: 0 !important;
}

.hb-core-mobile-list,
.hb-mobile-order-list,
.hb-core-stack,
.hb-shipping-list-page {
    display: grid !important;
    gap: 12px !important;
}

.hb-core-action-row,
.hb-shipping-row-card,
.hb-cart-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 18px !important;
    background: #fff !important;
}

.hb-shipping-row-card {
    grid-template-columns: minmax(0, 1fr) auto auto auto !important;
}

.hb-product-admin-card,
.hb-core-product-card,
.hb-customer-product-card {
    overflow: hidden !important;
    padding: 0 !important;
}

.hb-product-admin-copy,
.hb-customer-product-copy {
    padding: 16px !important;
}

.hb-product-admin-card .hb-btn,
.hb-core-product-card .hb-btn,
.hb-customer-product-actions {
    margin: 0 16px 16px !important;
}

.hb-product-thumb,
.hb-customer-product-visual {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, #f4edff, #fff1e6) !important;
}

.hb-product-thumb img,
.hb-customer-product-visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.hb-customer-product-visual small {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--shb-purple) !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
}

.hb-customer-product-meta,
.hb-summary-rows > div,
.hb-store-summary > div,
.hb-order-status-hero > div,
.hb-mobile-order-body > div {
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    padding: 12px !important;
}

.hb-summary-rows {
    display: grid !important;
    gap: 10px !important;
}

.hb-summary-total {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
}

.hb-field,
.field {
    min-width: 0 !important;
}

.hb-field span,
.hb-toggle,
.hb-radio-card strong {
    color: var(--shb-navy) !important;
    font-weight: 850 !important;
}

.hb-field input,
.hb-field select,
.hb-field textarea,
.hb-variant-row input,
.hb-qty-form input {
    min-width: 0 !important;
    border: 1px solid #dce2eb !important;
    border-radius: 14px !important;
    background: #fff !important;
}

.hb-radio-card,
.hb-toggle,
.hb-note-box {
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
}

.hb-admin-modal-panel,
.hb-modal-card-customer {
    width: min(720px, calc(100% - 28px)) !important;
    max-height: min(88vh, 820px) !important;
    overflow: auto !important;
    padding: clamp(18px, 3vw, 30px) !important;
    border-radius: 28px !important;
}

.hb-modal-grid-customer {
    display: grid !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
    gap: 22px !important;
}

.hb-modal-close,
.hb-modal-x {
    width: 40px !important;
    height: 40px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    border: 1px solid var(--shb-line-2) !important;
    background: #fff !important;
    color: var(--shb-navy) !important;
    font-weight: 900 !important;
}

.hb-order-status,
.hb-proof-badge,
.hb-filter-chip,
.hb-info-pill,
.pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    font-size: 0.82rem !important;
    line-height: 1 !important;
}

.hb-inline-form,
.hb-order-actions,
.hb-proof-actions,
.hb-storefront-actions,
.hb-customer-modal-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.hb-order-actions .hb-btn,
.hb-inline-form .hb-btn,
.hb-proof-actions .hb-btn {
    min-height: 40px !important;
    padding: 0 12px !important;
    font-size: 0.78rem !important;
}


.shb-storefront-top-anchor {
    display: block !important;
    height: 1px !important;
    scroll-margin-top: 76px !important;
}

body.hb-storefront-body .hb-customer-bottom-nav {
    display: none !important;
}

@media (min-width: 1025px) {
    body.hb-storefront-body .shb-storefront-actions {
        display: flex !important;
    }

    body.hb-storefront-body .hb-customer-bottom-nav {
        display: none !important;
    }
}
.shb-storefront-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
    margin: 18px 0 !important;
}

.shb-storefront-hero-copy,
.shb-storefront-hero-panel {
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 30px !important;
    background: #fff !important;
    box-shadow: var(--shb-proto-shadow) !important;
}

.shb-storefront-hero-copy {
    padding: clamp(24px, 4vw, 46px) !important;
}

.shb-storefront-hero-copy h1 {
    margin: 0 !important;
    color: var(--shb-navy) !important;
    font-size: clamp(2.4rem, 6vw, 5rem) !important;
    line-height: 0.96 !important;
    letter-spacing: 0 !important;
}

.shb-storefront-hero-copy p {
    max-width: 680px !important;
    margin: 16px 0 0 !important;
    color: var(--shb-muted-2) !important;
    line-height: 1.7 !important;
}

.shb-storefront-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 26px !important;
}

.shb-storefront-hero-panel {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-content: end !important;
    padding: 22px !important;
    background: linear-gradient(135deg, #071a39, #112b59 58%, #5f2d91) !important;
}

.shb-storefront-hero-panel div {
    padding: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    color: #fff !important;
}

.shb-storefront-hero-panel small {
    display: block !important;
    opacity: 0.72 !important;
    font-weight: 800 !important;
}

.shb-storefront-hero-panel strong {
    display: block !important;
    margin-top: 8px !important;
    font-size: 2rem !important;
}

.hb-customer-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    padding: 14px !important;
}

.hb-store-search {
    display: grid !important;
    gap: 8px !important;
}

.hb-store-search input {
    min-height: 48px !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 14px !important;
}

.hb-error-card {
    max-width: 720px !important;
    margin: 72px auto !important;
    text-align: center !important;
}

.hb-error-card h1 {
    margin: 18px 0 12px !important;
    color: var(--shb-navy) !important;
    font-size: clamp(2.4rem, 6vw, 4.5rem) !important;
    line-height: 1 !important;
}

.hb-error-card p {
    color: var(--shb-muted-2) !important;
}

@media (max-width: 1100px) {
    .hb-checkout-grid-3,
    .hb-core-kpi-grid,
    .hb-admin-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 780px) {
    .hb-list-head,
    .hb-card-title-split,
    .hb-page-heading,
    .hb-customer-section-head,
    .price-top {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .hb-dashboard-hero-grid.hb-core-two-col,
    .hb-plan-layout,
    .hb-checkout-grid,
    .hb-checkout-grid-3,
    .hb-checkout-review-grid,
    .hb-track-grid,
    .shb-storefront-hero,
    .hb-modal-grid-customer {
        grid-template-columns: 1fr !important;
    }

    .hb-admin-form-grid,
    .hb-store-summary,
    .hb-order-status-hero,
    .hb-core-kpi-grid,
    .hb-admin-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .hb-shipping-row-card,
    .hb-core-action-row,
    .hb-cart-item {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    .hb-customer-toolbar {
        grid-template-columns: 1fr !important;
    }

    .shb-storefront-hero-panel {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .hb-clean-table {
        min-width: 680px !important;
    }
}

@media (max-width: 520px) {

    .shb-filter-choice-grid,
    .shb-filter-choice-grid-proof {
        grid-template-columns: 1fr !important;
    }

    .shb-orders-head-actions {
        justify-content: stretch !important;
    }

    .shb-filter-button {
        width: 100% !important;
    }    .hb-admin-form-grid,
    .hb-store-summary,
    .hb-order-status-hero,
    .hb-core-kpi-grid,
    .hb-admin-grid,
    .shb-storefront-hero-panel {
        grid-template-columns: 1fr !important;
    }

    .hb-product-admin-grid,
    .hb-core-product-grid,
    .hb-customer-catalog {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .hb-product-admin-copy,
    .hb-customer-product-copy {
        padding: 12px !important;
    }

    .hb-product-admin-card .hb-btn,
    .hb-core-product-card .hb-btn,
    .hb-customer-product-actions {
        margin: 0 12px 12px !important;
    }

    .hb-customer-product-copy h3,
    .hb-product-admin-copy h3 {
        font-size: 0.92rem !important;
    }

    .hb-customer-product-copy p,
    .hb-product-admin-copy p {
        display: none !important;
    }

    .hb-customer-product-visual,
    .hb-product-thumb {
        aspect-ratio: 1 / 1 !important;
    }

    .hb-btn,
    .btn,
    .pill-link {
        min-height: 44px !important;
        padding: 0 12px !important;
    }
}

@media (max-width: 360px) {
    .hb-product-admin-grid,
    .hb-core-product-grid,
    .hb-customer-catalog {
        grid-template-columns: 1fr !important;
    }
}
/* End view audit polish */

/* Protected module real-audit fixes */
.hb-admin-page-card,
.hb-product-admin-card,
.hb-core-product-card,
.hb-customer-product-card,
.hb-plan-card,
.hb-plan-config {
    min-width: 0 !important;
    overflow: hidden !important;
}

.hb-product-admin-card .hb-btn,
.hb-product-admin-card .hb-btn-full,
.hb-core-product-card .hb-btn,
.hb-core-product-card .hb-btn-full {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    min-width: 0 !important;
    white-space: normal !important;
    text-align: center !important;
}

.hb-orders-table-wrap {
    margin-top: 16px !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

.hb-orders-table {
    min-width: 920px !important;
}

.hb-plan-icon {
    min-width: 44px !important;
    max-width: 44px !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    font-size: 0.82rem !important;
    line-height: 1 !important;
}

.hb-core-table-card .hb-core-table-wrap {
    max-width: 100% !important;
}

@media (max-width: 520px) {
    .hb-product-admin-card .hb-btn,
    .hb-product-admin-card .hb-btn-full,
    .hb-core-product-card .hb-btn,
    .hb-core-product-card .hb-btn-full {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 0 12px 12px !important;
        padding-inline: 8px !important;
        font-size: 0.76rem !important;
        line-height: 1.15 !important;
    }

    .hb-orders-table {
        min-width: 760px !important;
    }
}
/* End protected module real-audit fixes */

/* Module view alignment refresh */
.shb-module-hero {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 16px !important;
    width: 100% !important;
    padding: 18px !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: var(--shb-radius) !important;
    background: linear-gradient(180deg, #ffffff, #fbfcff) !important;
    box-shadow: var(--shb-proto-shadow) !important;
    overflow: hidden !important;
}

.shb-module-hero::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--shb-purple), var(--shb-pink) 58%, var(--shb-orange));
}

.shb-module-copy,
.shb-module-actions,
.shb-module-stat-grid,
.shb-module-command-grid {
    position: relative !important;
    z-index: 1;
}

.shb-module-copy {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
}

.shb-module-eyebrow {
    color: var(--shb-pink) !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.shb-module-copy h2 {
    margin: 0 !important;
    color: var(--shb-navy) !important;
    font-size: clamp(1.35rem, 2vw, 2rem) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}

.shb-module-copy p {
    max-width: 680px !important;
    margin: 0 !important;
    color: var(--shb-muted-2) !important;
    line-height: 1.55 !important;
}

.shb-module-actions {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.shb-module-actions .hb-btn,
.shb-module-actions .hb-btn-secondary,
.shb-module-card-title .hb-btn,
.shb-module-card-title .hb-btn-secondary,
.shb-settings-card .hb-btn-secondary,
.shb-settings-card button,
.shb-shipping-card .hb-btn-secondary,
.shb-order-mobile-actions .hb-btn,
.shb-order-mobile-actions .hb-btn-secondary {
    min-height: 44px !important;
    border-radius: var(--shb-radius) !important;
    white-space: normal !important;
}

.shb-module-stat-grid {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.shb-module-stat {
    min-width: 0 !important;
    padding: 13px !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: var(--shb-radius) !important;
    background: #f8fafc !important;
}

.shb-module-stat small {
    display: block !important;
    margin-bottom: 6px !important;
    color: var(--shb-muted-2) !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
}

.shb-module-stat strong {
    display: block !important;
    color: var(--shb-navy) !important;
    font-size: clamp(1rem, 1.8vw, 1.45rem) !important;
    line-height: 1.1 !important;
    overflow-wrap: anywhere !important;
}

.shb-module-command-grid {
    grid-column: 1 / -1 !important;
    margin-top: 2px !important;
}

.shb-module-card {
    border: 1px solid var(--shb-line-2) !important;
    border-radius: var(--shb-radius) !important;
    background: #fff !important;
    box-shadow: var(--shb-proto-shadow) !important;
}

.shb-module-card-title {
    margin-bottom: 16px !important;
}

.shb-inventory-grid,
.shb-settings-grid,
.shb-store-panel-grid {
    width: 100% !important;
}

.shb-store-panel-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr) !important;
    gap: 16px !important;
    align-items: start !important;
}

.shb-store-preview-card {
    display: grid !important;
    gap: 16px !important;
}

.shb-store-summary-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.shb-store-url-box {
    display: grid !important;
    gap: 8px !important;
    padding: 14px !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: var(--shb-radius) !important;
    background: #f8fafc !important;
}

.shb-store-url-box small {
    color: var(--shb-muted-2) !important;
    font-weight: 800 !important;
}

.shb-store-url-box strong {
    color: var(--shb-navy) !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}

.shb-settings-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.shb-settings-card,
.shb-shipping-card {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 14px !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: var(--shb-radius) !important;
    background: #fff !important;
}

.shb-settings-card.is-muted {
    background: #f8fafc !important;
}

.shb-settings-icon {
    display: inline-flex !important;
    width: 46px !important;
    height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: var(--shb-radius) !important;
    background: linear-gradient(145deg, rgba(124, 58, 237, 0.11), rgba(236, 72, 153, 0.13)) !important;
    color: var(--shb-purple) !important;
    font-size: 1.2rem !important;
}

.shb-settings-card small {
    color: var(--shb-pink) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
}

.shb-settings-card h3,
.shb-shipping-card strong {
    margin: 3px 0 5px !important;
    color: var(--shb-navy) !important;
    font-size: 1rem !important;
}

.shb-settings-card p,
.shb-shipping-card small {
    margin: 0 !important;
    color: var(--shb-muted-2) !important;
    line-height: 1.45 !important;
}

.shb-settings-card .hb-btn-secondary,
.shb-settings-card button,
.shb-shipping-card .hb-btn-secondary {
    justify-self: end !important;
}

.shb-empty-state {
    grid-column: 1 / -1 !important;
    display: grid !important;
    gap: 8px !important;
    justify-items: center !important;
    padding: 26px !important;
    border: 1px dashed var(--shb-line-2) !important;
    border-radius: var(--shb-radius) !important;
    background: #f8fafc !important;
    color: var(--shb-muted-2) !important;
    text-align: center !important;
}

.shb-empty-state i {
    color: var(--shb-purple) !important;
    font-size: 1.7rem !important;
}

.shb-empty-state strong {
    color: var(--shb-navy) !important;
}

body.hb-dashboard-body .hb-core-table-card .hb-core-mobile-list {
    display: none !important;
}

.shb-order-mobile-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.shb-order-mobile-actions .hb-btn,
.shb-order-mobile-actions .hb-btn-secondary {
    width: 100% !important;
    padding-inline: 8px !important;
    font-size: 0.78rem !important;
}

.shb-product-module-card,
.shb-settings-card,
.shb-shipping-card,
.shb-store-edit-card,
.shb-store-preview-card {
    min-width: 0 !important;
}

@media (max-width: 1080px) {
    .shb-module-hero,
    .shb-store-panel-grid {
        grid-template-columns: 1fr !important;
    }

    .shb-module-actions {
        justify-content: flex-start !important;
    }

    .shb-settings-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .shb-module-hero {
        padding: 15px !important;
        gap: 12px !important;
    }

    .shb-module-stat-grid,
    .shb-store-summary-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.hb-dashboard-body .hb-core-table-card .hb-core-mobile-list:not(:empty) {
        display: grid !important;
        gap: 12px !important;
    }

    body.hb-dashboard-body .hb-core-table-card .hb-core-mobile-list:not(:empty) + .hb-core-table-wrap {
        display: none !important;
    }

    .shb-settings-card,
    .shb-shipping-card {
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: start !important;
    }

    .shb-settings-card .hb-btn-secondary,
    .shb-settings-card button,
    .shb-shipping-card .hb-btn-secondary,
    .shb-shipping-card em,
    .shb-shipping-card .hb-order-status {
        grid-column: 1 / -1 !important;
        justify-self: stretch !important;
        width: 100% !important;
    }
}

@media (max-width: 520px) {
    .shb-module-copy h2 {
        font-size: 1.22rem !important;
    }

    .shb-module-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
    }

    .shb-module-actions .hb-btn,
    .shb-module-actions .hb-btn-secondary {
        width: 100% !important;
        padding-inline: 10px !important;
        font-size: 0.78rem !important;
    }

    .shb-module-stat {
        padding: 11px !important;
    }

    .shb-order-mobile-actions {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 380px) {
    .shb-module-stat-grid,
    .shb-store-summary-panel,
    .shb-module-actions {
        grid-template-columns: 1fr !important;
    }
}
/* End module view alignment refresh */
/* Module mobile compact pass */
@media (max-width: 520px) {
    .shb-module-hero {
        padding: 12px !important;
    }

    .shb-module-copy {
        gap: 5px !important;
    }

    .shb-module-copy p {
        display: none !important;
    }

    .shb-module-stat-grid {
        gap: 8px !important;
    }

    .shb-module-stat {
        padding: 9px !important;
    }

    .shb-module-stat small {
        margin-bottom: 4px !important;
        font-size: 0.7rem !important;
    }

    .shb-module-stat strong {
        font-size: 0.96rem !important;
    }

    .shb-module-hero .shb-command-card {
        min-height: 98px !important;
        padding: 12px !important;
    }

    .shb-module-hero .shb-command-card strong {
        font-size: 1.4rem !important;
    }
}
/* End module mobile compact pass */
/* Settings tablet column correction */
@media (min-width: 761px) {
    .shb-settings-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
/* End settings tablet column correction */
/* Desktop dashboard column layout fix */
body.hb-dashboard-body .hb-admin-main {
    display: flex !important;
    flex-direction: column !important;
    align-content: stretch !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    grid-auto-flow: row !important;
    overflow-x: hidden !important;
}

body.hb-dashboard-body .hb-admin-main > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

body.hb-dashboard-body .hb-admin-ribbon {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    align-items: center !important;
}

body.hb-dashboard-body .hb-admin-titlebar,
body.hb-dashboard-body .shb-module-hero,
body.hb-dashboard-body .hb-core-kpi-grid,
body.hb-dashboard-body .hb-dashboard-hero-grid,
body.hb-dashboard-body .hb-admin-grid,
body.hb-dashboard-body .hb-core-table-card,
body.hb-dashboard-body .hb-admin-page-card,
body.hb-dashboard-body .hb-plan-layout,
body.hb-dashboard-body .shb-store-panel-grid {
    flex: 0 0 auto !important;
}

body.hb-dashboard-body .hb-admin-shell {
    overflow-x: hidden !important;
}
/* End desktop dashboard column layout fix */
/* Clickable admin lists and detail modals */
.shb-list-module-card {
    padding: 18px !important;
}

.shb-data-list {
    display: grid !important;
    gap: 10px !important;
}

.shb-data-row {
    display: grid !important;
    grid-template-columns: minmax(240px, 1.3fr) repeat(3, minmax(130px, 0.65fr)) auto !important;
    gap: 12px !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: var(--shb-radius) !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.shb-product-list-row {
    grid-template-columns: minmax(280px, 1.35fr) repeat(3, minmax(120px, 0.6fr)) auto !important;
}

.shb-data-row:hover,
.shb-data-row:focus-visible {
    border-color: rgba(124, 58, 237, .35) !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .08) !important;
    transform: translateY(-1px);
    outline: none !important;
}

.shb-row-primary {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    min-width: 0 !important;
}

.shb-row-icon,
.shb-row-thumb {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: var(--shb-radius) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, rgba(124, 58, 237, .12), rgba(236, 72, 153, .13)) !important;
    color: var(--shb-purple) !important;
    font-weight: 900 !important;
}

.shb-row-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.shb-row-primary strong,
.shb-row-cell strong {
    color: var(--shb-navy) !important;
    overflow-wrap: anywhere !important;
}

.shb-row-primary small,
.shb-row-cell small,
.shb-row-cell span {
    color: var(--shb-muted-2) !important;
    line-height: 1.35 !important;
}

.shb-row-cell {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.shb-row-actions {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
}

.shb-row-action {
    min-height: 40px !important;
    padding-inline: 14px !important;
}

.shb-detail-modal {
    max-width: min(1040px, calc(100vw - 32px)) !important;
    max-height: calc(100vh - 34px) !important;
    overflow: auto !important;
}

.shb-detail-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
}

.shb-detail-head h2 {
    margin: 4px 0 4px !important;
    color: var(--shb-navy) !important;
    font-size: clamp(1.35rem, 2.2vw, 2rem) !important;
}

.shb-detail-head p {
    margin: 0 !important;
    color: var(--shb-muted-2) !important;
}

.shb-detail-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
}

.shb-detail-grid.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.shb-detail-card,
.shb-detail-note,
.shb-message-preview,
.shb-share-url-box,
.shb-qr-panel {
    padding: 13px !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: var(--shb-radius) !important;
    background: #f8fafc !important;
}

.shb-detail-card {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
}

.shb-detail-card small,
.shb-detail-note small {
    color: var(--shb-pink) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: .72rem !important;
}

.shb-detail-card strong {
    color: var(--shb-navy) !important;
    overflow-wrap: anywhere !important;
}

.shb-detail-card span,
.shb-detail-card a,
.shb-detail-section p,
.shb-detail-note p {
    color: var(--shb-muted-2) !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}

.shb-detail-section {
    display: grid !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

.shb-detail-section h3 {
    margin: 0 !important;
    color: var(--shb-navy) !important;
}

.shb-line-items,
.shb-variant-list {
    display: grid !important;
    gap: 8px !important;
}

.shb-line-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 10px !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: var(--shb-radius) !important;
    background: #fff !important;
}

.shb-line-item small,
.shb-line-item span {
    color: var(--shb-muted-2) !important;
}

.shb-modal-actions-grid,
.shb-status-action-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

.shb-status-action-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
}

.shb-modal-actions-grid .hb-btn,
.shb-modal-actions-grid .hb-btn-secondary,
.shb-status-action-grid .hb-btn-secondary {
    width: 100% !important;
    min-height: 44px !important;
    white-space: normal !important;
}

.shb-notify-modal {
    max-width: 620px !important;
}

.shb-message-preview {
    color: var(--shb-navy) !important;
    line-height: 1.5 !important;
    margin-top: 12px !important;
}

.shb-product-detail-grid {
    display: grid !important;
    grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr) !important;
    gap: 16px !important;
    align-items: start !important;
}

.shb-product-gallery,
.shb-product-detail-copy {
    min-width: 0 !important;
}

.shb-product-gallery-main,
.shb-product-no-photo {
    aspect-ratio: 1 / 1 !important;
    border-radius: var(--shb-radius) !important;
    overflow: hidden !important;
    border: 1px solid var(--shb-line-2) !important;
    background: linear-gradient(145deg, #f7e8ff, #fff4ea) !important;
}

.shb-product-gallery-main img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.shb-product-gallery-thumbs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 8px !important;
}

.shb-product-gallery-thumbs img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: var(--shb-radius) !important;
    border: 1px solid var(--shb-line-2) !important;
}

.shb-product-no-photo {
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    color: var(--shb-navy) !important;
    padding: 20px !important;
}

.shb-product-no-photo span {
    font-size: clamp(2.8rem, 8vw, 5rem) !important;
    font-weight: 900 !important;
    color: var(--shb-purple) !important;
}

.shb-share-store-modal {
    max-width: 520px !important;
}

.shb-share-url-box {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 14px 0 !important;
}

.shb-share-url-box strong {
    color: var(--shb-navy) !important;
    overflow-wrap: anywhere !important;
}

.shb-qr-panel {
    display: grid !important;
    gap: 10px !important;
    justify-items: center !important;
    text-align: center !important;
    margin-bottom: 14px !important;
}

.shb-qr-panel img {
    width: 220px !important;
    height: 220px !important;
    max-width: 100% !important;
    border-radius: var(--shb-radius) !important;
    background: #fff !important;
}

.shb-qr-panel span {
    color: var(--shb-muted-2) !important;
    overflow-wrap: anywhere !important;
    max-width: 100% !important;
}

@media (max-width: 980px) {
    .shb-data-row,
    .shb-product-list-row {
        grid-template-columns: minmax(0, 1fr) minmax(130px, .5fr) auto !important;
    }

    .shb-row-cell:nth-of-type(3) {
        display: none !important;
    }

    .shb-detail-grid,
    .shb-product-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .shb-list-module-card {
        padding: 14px !important;
    }

    .shb-data-row,
    .shb-product-list-row {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    .shb-row-cell:nth-of-type(3) {
        display: grid !important;
    }

    .shb-row-actions,
    .shb-row-action {
        width: 100% !important;
    }

    .shb-row-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .shb-detail-grid,
    .shb-detail-grid.compact,
    .shb-product-detail-grid,
    .shb-modal-actions-grid,
    .shb-share-url-box {
        grid-template-columns: 1fr !important;
    }

    .shb-line-item {
        grid-template-columns: 1fr !important;
        align-items: start !important;
    }
}
/* End clickable admin lists and detail modals */
/* Inactive public store notice */
.hb-inactive-store-panel {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 14px !important;
    width: 100vw !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: clamp(18px, 5vw, 48px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 237, 0.98)) !important;
    box-shadow: none !important;
    text-align: center !important;
    pointer-events: auto !important;
}

.hb-inactive-store-panel::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.08) !important;
    pointer-events: none !important;
}

.hb-inactive-store-panel > div,
.hb-inactive-store-panel > form {
    position: relative !important;
    z-index: 1 !important;
    width: min(100%, 520px) !important;
}

.hb-inactive-store-panel > div {
    display: grid !important;
    justify-items: center !important;
    gap: 8px !important;
    padding: clamp(22px, 5vw, 34px) !important;
    border: 1px solid rgba(251, 146, 60, 0.35) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18) !important;
}

.hb-inactive-store-panel span {
    display: inline-flex !important;
    width: fit-content !important;
    margin-bottom: 2px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: #fed7aa !important;
    color: #9a3412 !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.hb-inactive-store-panel strong {
    display: block !important;
    color: #111827 !important;
    font-size: clamp(1.55rem, 4.5vw, 2.7rem) !important;
    line-height: 1.04 !important;
}

.hb-inactive-store-panel p {
    max-width: 440px !important;
    margin: 0 !important;
    color: #4b5563 !important;
    font-size: clamp(0.95rem, 2.8vw, 1.08rem) !important;
    line-height: 1.55 !important;
}

.hb-inactive-store-panel form {
    margin: 0 !important;
}

.hb-inactive-store-panel .hb-btn {
    width: min(100%, 360px) !important;
    min-height: 48px !important;
    justify-content: center !important;
    box-shadow: 0 14px 30px rgba(249, 115, 22, 0.24) !important;
}

body.hb-storefront-body:has(.hb-inactive-store-panel) {
    overflow: hidden !important;
}

@media (max-width: 720px) {
    .hb-inactive-store-panel {
        align-content: center !important;
        padding: 16px !important;
    }

    .hb-inactive-store-panel > div {
        padding: 22px 16px !important;
    }

    .hb-inactive-store-panel .hb-btn {
        width: 100% !important;
    }
}
/* Plan select experience */
.shb-plan-select-layout {
    align-items: start !important;
}

.shb-plan-picker,
.shb-plan-detail-panel {
    display: grid !important;
    gap: 18px !important;
}

.shb-plan-picker h2,
.shb-plan-detail-panel h2 {
    margin: 0 !important;
    color: var(--shb-navy) !important;
    font-size: clamp(1.55rem, 3vw, 2.35rem) !important;
    line-height: 1.05 !important;
}

.shb-plan-picker p,
.shb-plan-detail-panel p,
.shb-plan-note p {
    margin: 0 !important;
    color: var(--shb-muted-2) !important;
    line-height: 1.55 !important;
}

.shb-plan-select-form {
    display: grid !important;
    gap: 16px !important;
}

.shb-plan-select-field {
    margin: 0 !important;
}

.shb-plan-select-field .input-wrap select {
    min-height: 58px !important;
    border-radius: 14px !important;
    border-color: #dbe4f0 !important;
    background-color: #fff !important;
    color: var(--shb-navy) !important;
    font-weight: 800 !important;
}

.shb-plan-choice-preview {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.shb-plan-choice-preview > div,
.shb-plan-note {
    min-width: 0 !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    padding: 14px !important;
}

.shb-plan-choice-preview small,
.shb-plan-note strong {
    display: block !important;
    color: var(--shb-muted-2) !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.shb-plan-choice-preview strong {
    display: block !important;
    margin-top: 6px !important;
    color: var(--shb-navy) !important;
    font-size: clamp(1rem, 2vw, 1.25rem) !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
}

.shb-plan-summary-live {
    margin-top: 0 !important;
}

.shb-plan-summary-live div {
    gap: 14px !important;
}

.shb-plan-summary-live strong {
    text-align: right !important;
    overflow-wrap: anywhere !important;
}

.shb-plan-note strong {
    margin-bottom: 6px !important;
    color: var(--shb-teal) !important;
}

@media (max-width: 900px) {
    .shb-plan-choice-preview {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .shb-plan-choice-preview {
        grid-template-columns: 1fr !important;
    }

    .shb-plan-summary-live div {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .shb-plan-summary-live strong {
        text-align: left !important;
    }
}
/* End plan select experience */
/* Required onboarding flow */
.shb-onboarding-progress {
    display: grid !important;
    grid-template-columns: minmax(0, .78fr) minmax(320px, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;
    margin: 0 0 18px !important;
    padding: clamp(16px, 2.4vw, 24px) !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}

.shb-onboarding-progress h2 {
    margin: 6px 0 6px !important;
    color: var(--shb-navy) !important;
    font-size: clamp(1.25rem, 2.2vw, 1.8rem) !important;
    line-height: 1.1 !important;
}

.shb-onboarding-progress p {
    margin: 0 !important;
    color: var(--shb-muted-2) !important;
    line-height: 1.5 !important;
}

.shb-onboarding-progress ol {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.shb-onboarding-progress li {
    display: grid !important;
    justify-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    padding: 12px 8px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    color: var(--shb-muted-2) !important;
    text-align: center !important;
}

.shb-onboarding-progress li span {
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    background: #e5e7eb !important;
    color: var(--shb-navy) !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
}

.shb-onboarding-progress li strong {
    color: inherit !important;
    font-size: .82rem !important;
    line-height: 1.15 !important;
}

.shb-onboarding-progress li.active {
    border-color: #c4b5fd !important;
    background: linear-gradient(145deg, #f5efff, #fff7ed) !important;
    color: var(--shb-purple) !important;
}

.shb-onboarding-progress li.active span {
    background: var(--shb-purple) !important;
    color: #fff !important;
}

.shb-onboarding-progress li.complete {
    border-color: rgba(20, 184, 166, .35) !important;
    background: #ecfdf5 !important;
    color: #047857 !important;
}

.shb-onboarding-progress li.complete span {
    background: #14b8a6 !important;
    color: #fff !important;
}

@media (max-width: 900px) {
    .shb-onboarding-progress {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    .shb-onboarding-progress ol {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
/* End required onboarding flow */
/* Desktop simple dashboard and fixed sidebar */
@media (min-width: 1025px) {
    body.hb-dashboard-body .hb-admin-shell {
        display: grid !important;
        grid-template-columns: 260px minmax(0, 1fr) !important;
        align-items: start !important;
    }

    body.hb-dashboard-body .hb-admin-sidebar {
        position: sticky !important;
        top: 0 !important;
        align-self: start !important;
        height: 100vh !important;
        max-height: 100vh !important;
        overflow-y: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 0 18px 18px 0 !important;
    }

    body.hb-dashboard-body .hb-admin-main {
        min-width: 0 !important;
    }

    .shb-dashboard-simple {
        display: grid !important;
        gap: 18px !important;
    }

    .shb-dashboard-simple-kpis {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .shb-simple-kpi {
        display: grid !important;
        gap: 8px !important;
        min-height: 136px !important;
        padding: 18px !important;
        text-decoration: none !important;
        color: inherit !important;
    }

    .shb-simple-kpi small {
        color: var(--shb-muted-2) !important;
        font-weight: 900 !important;
        text-transform: uppercase !important;
    }

    .shb-simple-kpi strong {
        color: var(--shb-navy) !important;
        font-size: clamp(2rem, 3vw, 3rem) !important;
        line-height: 1 !important;
    }

    .shb-simple-kpi span {
        color: var(--shb-muted-2) !important;
        font-weight: 700 !important;
    }

    .shb-simple-kpi.is-new strong,
    .shb-simple-kpi.is-proof strong {
        color: var(--shb-purple) !important;
    }

    .shb-simple-orders-card {
        padding: clamp(18px, 2vw, 24px) !important;
    }

    .shb-simple-orders-table th,
    .shb-simple-orders-table td {
        white-space: nowrap !important;
    }

    .shb-simple-orders-table td:nth-child(2) {
        white-space: normal !important;
    }

    .shb-dashboard-bottom-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(320px, .62fr) !important;
        gap: 18px !important;
        align-items: stretch !important;
    }

    .shb-dashboard-actions-card,
    .shb-dashboard-status-card {
        padding: clamp(18px, 2vw, 24px) !important;
    }

    .shb-dashboard-shortcuts-simple {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .shb-dashboard-shortcuts-simple .pill-link {
        width: 100% !important;
        justify-content: center !important;
        min-height: 46px !important;
    }

    .shb-status-summary-simple {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}
/* End desktop simple dashboard and fixed sidebar */
/* Desktop fixed sidebar and dashboard columns v2 */
@media (min-width: 1025px) {
    body.hb-dashboard-body {
        overflow-x: hidden !important;
    }

    body.hb-dashboard-body .hb-admin-shell {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 100vh !important;
        margin: 0 !important;
        padding-left: 260px !important;
        overflow: visible !important;
    }

    body.hb-dashboard-body .hb-admin-sidebar {
        position: fixed !important;
        inset: 0 auto 0 0 !important;
        width: 260px !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding-bottom: 18px !important;
        border-radius: 0 18px 18px 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain !important;
        scrollbar-gutter: stable !important;
        z-index: 45 !important;
    }

    body.hb-dashboard-body .hb-admin-main {
        width: 100% !important;
        max-width: calc(100vw - 260px) !important;
        min-height: 100vh !important;
        margin: 0 !important;
        padding: 24px clamp(18px, 2.4vw, 34px) 40px !important;
    }

    .shb-dashboard-simple {
        display: grid !important;
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
        gap: 18px !important;
        align-items: start !important;
    }

    .shb-dashboard-simple > .shb-dashboard-urgent,
    .shb-dashboard-simple > .shb-dashboard-simple-kpis {
        grid-column: 1 / -1 !important;
    }

    .shb-dashboard-simple-kpis {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
        gap: 14px !important;
    }

    .shb-dashboard-simple > .shb-simple-orders-card {
        grid-column: span 8 !important;
        min-width: 0 !important;
    }

    .shb-dashboard-simple > .shb-dashboard-bottom-grid {
        grid-column: span 4 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        align-content: start !important;
        min-width: 0 !important;
    }

    .shb-dashboard-simple .hb-admin-card {
        width: 100% !important;
        min-width: 0 !important;
    }

    .shb-simple-orders-table {
        table-layout: auto !important;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .shb-dashboard-simple > .shb-simple-orders-card,
    .shb-dashboard-simple > .shb-dashboard-bottom-grid {
        grid-column: 1 / -1 !important;
    }

    .shb-dashboard-simple > .shb-dashboard-bottom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .shb-dashboard-shortcuts-simple {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
/* End desktop fixed sidebar and dashboard columns v2 */
/* Dashboard desktop after removing secondary cards */
@media (min-width: 1025px) {
    .shb-dashboard-simple > .shb-simple-orders-card {
        grid-column: 1 / -1 !important;
    }
}
/* End dashboard desktop after removing secondary cards */
/* Dashboard KPI columns desktop */
@media (min-width: 1025px) {
    .shb-dashboard-simple-kpis {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
        align-items: stretch !important;
    }

    .shb-dashboard-simple-kpis > .shb-simple-kpi {
        min-height: 150px !important;
    }
}

@media (min-width: 1500px) {
    .shb-dashboard-simple-kpis {
        grid-template-columns: repeat(3, minmax(260px, 1fr)) !important;
    }
}
/* End dashboard KPI columns desktop */
/* Forced dashboard KPI grid desktop v2 */
@media (min-width: 1025px) {
    body.hb-dashboard-body .hb-admin-main .hb-dashboard-flow.shb-dashboard-simple > section.shb-dashboard-simple-kpis.shb-kpi-grid-forced {
        display: grid !important;
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
        align-items: stretch !important;
        grid-column: 1 / -1 !important;
    }

    body.hb-dashboard-body .hb-admin-main .hb-dashboard-flow.shb-dashboard-simple > section.shb-dashboard-simple-kpis.shb-kpi-grid-forced > .hb-admin-card.shb-simple-kpi {
        display: grid !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        grid-column: auto !important;
        min-height: 150px !important;
    }
}

@media (min-width: 1500px) {
    body.hb-dashboard-body .hb-admin-main .hb-dashboard-flow.shb-dashboard-simple > section.shb-dashboard-simple-kpis.shb-kpi-grid-forced {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
/* End forced dashboard KPI grid desktop v2 */
/* Sidebar plan countdown */
body.hb-dashboard-body .hb-admin-plan [data-plan-countdown] {
    display: block !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere !important;
}

.hb-plan-countdown-date {
    display: block !important;
    margin-top: 4px !important;
    color: rgba(249, 250, 251, 0.68) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

body.hb-dashboard-body .hb-admin-plan.is-expired {
    border-color: rgba(251, 146, 60, 0.42) !important;
    background: rgba(251, 146, 60, 0.12) !important;
}

body.hb-dashboard-body .hb-admin-plan.is-expired [data-plan-countdown] {
    color: #fed7aa !important;
}
/* End sidebar plan countdown */
/* Register dynamic url prefix */
.shb-url-prefix-wrap > .shb-url-prefix {
    max-width: min(54%, 280px) !important;
    justify-content: start !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 560px) {
    .shb-url-prefix-wrap {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .shb-url-prefix-wrap > .shb-url-prefix {
        max-width: 100% !important;
        min-height: 34px !important;
        border-bottom: 1px solid #dce2eb !important;
    }
}
/* End register dynamic url prefix */
/* Product quick category and mobile preview */
.shb-modal-heading-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 48px 18px 0 !important;
}

.shb-modal-heading-row h2 {
    margin: 0 !important;
    color: var(--shb-navy) !important;
}

.shb-modal-heading-row .hb-btn-secondary {
    min-height: 40px !important;
    padding-inline: 12px !important;
    white-space: nowrap !important;
}

.shb-category-composer {
    display: grid !important;
    gap: 8px !important;
}

.shb-category-composer select,
.shb-category-composer input {
    width: 100% !important;
}

.shb-quick-category-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
}

.shb-quick-category-row .hb-btn-secondary {
    min-height: 42px !important;
    padding-inline: 12px !important;
    white-space: nowrap !important;
}

.shb-category-composer > small {
    color: var(--shb-muted-2) !important;
    line-height: 1.35 !important;
}

.shb-category-composer.is-attention input {
    border-color: var(--shb-pink) !important;
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.14) !important;
}

.shb-product-preview-modal {
    z-index: 1200 !important;
}

.shb-mobile-preview-panel {
    width: min(430px, calc(100vw - 28px)) !important;
    padding: 20px !important;
}

.shb-preview-phone {
    width: min(360px, 100%) !important;
    margin: 0 auto !important;
    padding: 13px !important;
    border: 1px solid #dce2eb !important;
    border-radius: 34px !important;
    background: #eef2f7 !important;
    box-shadow: inset 0 0 0 5px #111827, 0 24px 65px rgba(15, 23, 42, 0.2) !important;
}

.shb-preview-storebar {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 12px !important;
    border-radius: 22px 22px 10px 10px !important;
    background: #fff !important;
    border: 1px solid var(--shb-line-2) !important;
}

.shb-preview-storebar strong,
.shb-preview-product-copy h3,
.shb-preview-product-copy strong {
    color: var(--shb-navy) !important;
    overflow-wrap: anywhere !important;
}

.shb-preview-storebar small,
.shb-preview-product-copy p,
.shb-preview-product-copy small {
    color: var(--shb-muted-2) !important;
    line-height: 1.35 !important;
}

.shb-preview-product-card {
    overflow: hidden !important;
    margin-top: 10px !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 22px !important;
    background: #fff !important;
}

.shb-preview-product-image {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    background: linear-gradient(145deg, #f7e8ff, #fff4ea) !important;
    color: var(--shb-purple) !important;
    font-size: 3rem !important;
    font-weight: 900 !important;
}

.shb-preview-product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.shb-preview-product-copy {
    display: grid !important;
    gap: 10px !important;
    padding: 14px !important;
}

.shb-preview-product-copy h3 {
    margin: 0 !important;
    font-size: 1.45rem !important;
    line-height: 1.05 !important;
}

.shb-preview-product-copy strong {
    font-size: 1.3rem !important;
}

.shb-preview-product-copy p {
    margin: 0 !important;
    font-size: .92rem !important;
}

.shb-preview-variants {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

.shb-preview-variants span {
    max-width: 100% !important;
    padding: 8px 10px !important;
    border: 1px solid #ddd6fe !important;
    border-radius: 10px !important;
    background: #faf5ff !important;
    color: var(--shb-purple) !important;
    font-size: .78rem !important;
    font-weight: 850 !important;
    overflow-wrap: anywhere !important;
}

.shb-preview-quantity {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    gap: 8px !important;
    align-items: center !important;
}

.shb-preview-quantity button,
.shb-preview-quantity span {
    min-height: 40px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--shb-line-2) !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    color: var(--shb-navy) !important;
    font-weight: 900 !important;
}

@media (max-width: 560px) {
    .shb-modal-heading-row,
    .shb-quick-category-row {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .shb-modal-heading-row .hb-btn-secondary,
    .shb-quick-category-row .hb-btn-secondary {
        width: 100% !important;
    }
}
/* Product category modal refinement */
.shb-category-picker-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
}

.shb-category-picker-row .hb-btn-secondary {
    min-height: 42px !important;
    padding-inline: 12px !important;
    white-space: nowrap !important;
}

.shb-inline-link {
    justify-self: start !important;
    width: auto !important;
    min-height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--shb-purple) !important;
    font: inherit !important;
    font-size: .82rem !important;
    font-weight: 850 !important;
    cursor: pointer !important;
}

.shb-quick-category-modal {
    z-index: 1250 !important;
}

.shb-quick-category-panel {
    width: min(430px, calc(100vw - 28px)) !important;
    padding: 22px !important;
}

.shb-quick-category-panel h2 {
    margin: 6px 44px 8px 0 !important;
    color: var(--shb-navy) !important;
}

.shb-quick-category-panel p {
    margin: 0 0 14px !important;
    color: var(--shb-muted-2) !important;
    line-height: 1.45 !important;
}

.shb-quick-category-modal.is-attention [data-quick-category-modal-input] {
    border-color: var(--shb-pink) !important;
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.14) !important;
}

@media (max-width: 560px) {
    .shb-category-picker-row {
        grid-template-columns: 1fr !important;
    }

    .shb-category-picker-row .hb-btn-secondary {
        width: 100% !important;
    }
}
/* Public store responsive bottom navigation */
@media (max-width: 1024px) {
    body.hb-storefront-body .hb-store-shell,
    body.hb-storefront-body .hb-storefront-shell {
        padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.hb-storefront-body .shb-storefront-actions,
    body.hb-storefront-body .hb-toolbar-actions,
    body.hb-storefront-body .hb-store-filter-trigger,
    body.hb-storefront-body .hb-customer-section-head > a {
        display: none !important;
    }

    body.hb-storefront-body .hb-customer-toolbar {
        grid-template-columns: 1fr !important;
    }

    body.hb-storefront-body .hb-customer-bottom-nav {
        position: fixed !important;
        left: max(10px, env(safe-area-inset-left, 0px)) !important;
        right: max(10px, env(safe-area-inset-right, 0px)) !important;
        bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
        z-index: 900 !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        padding: 8px !important;
        border: 1px solid rgba(220, 226, 235, 0.95) !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18) !important;
        backdrop-filter: blur(16px) !important;
    }

    body.hb-storefront-body .hb-customer-bottom-nav a,
    body.hb-storefront-body .hb-customer-bottom-nav button {
        position: relative !important;
        display: grid !important;
        place-items: center !important;
        gap: 3px !important;
        min-width: 0 !important;
        min-height: 48px !important;
        padding: 6px 4px !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: transparent !important;
        color: var(--shb-muted-2) !important;
        font: inherit !important;
        font-size: 0.72rem !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-decoration: none !important;
        cursor: pointer !important;
    }

    body.hb-storefront-body .hb-customer-bottom-nav i {
        font-size: 1.08rem !important;
        line-height: 1 !important;
    }

    body.hb-storefront-body .hb-customer-bottom-nav span {
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.hb-storefront-body .hb-customer-bottom-nav a.active,
    body.hb-storefront-body .hb-customer-bottom-nav button.active,
    body.hb-storefront-body .hb-customer-bottom-nav a:focus-visible,
    body.hb-storefront-body .hb-customer-bottom-nav button:focus-visible {
        background: #eef2ff !important;
        color: var(--shb-purple) !important;
        outline: 0 !important;
    }

    body.hb-storefront-body .hb-customer-bottom-nav strong {
        position: absolute !important;
        top: 2px !important;
        right: 8px !important;
        min-width: 18px !important;
        height: 18px !important;
        display: grid !important;
        place-items: center !important;
        padding: 0 5px !important;
        border-radius: 999px !important;
        background: var(--shb-pink) !important;
        color: #fff !important;
        font-size: 0.66rem !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }
}

@media (min-width: 1025px) {
    body.hb-storefront-body .hb-customer-bottom-nav {
        display: none !important;
    }
}
/* Public store bottom nav: Inicio, Filtrar, Carrito */
@media (max-width: 1024px) {
    body.hb-storefront-body .hb-customer-bottom-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.hb-storefront-body .hb-customer-bottom-nav button:disabled {
        opacity: .48 !important;
        cursor: not-allowed !important;
    }
}
/* Fix mobile public bottom nav clipping from legacy centered transform */
@media (max-width: 1024px) {
    html body.hb-storefront-body nav.hb-customer-bottom-nav {
        left: 10px !important;
        right: 10px !important;
        bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        justify-items: stretch !important;
    }

    html body.hb-storefront-body nav.hb-customer-bottom-nav > a,
    html body.hb-storefront-body nav.hb-customer-bottom-nav > button {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}
/* Public catalog filtering must override card grid display */
body.hb-storefront-body .hb-customer-product-card.is-filtered-out,
body.hb-storefront-body .hb-customer-empty.is-filtered-out {
    display: none !important;
}
/* Public/auth mobile nav keeps Acceder + Crear without vertical growth */
@media (max-width: 720px) {
    body.hb-public-body .site-header .nav,
    body.hb-auth-body .site-header .nav {
        min-height: 62px !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 8px !important;
        padding-block: 6px !important;
    }

    body.hb-public-body .site-header .brand,
    body.hb-auth-body .site-header .brand {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    body.hb-public-body .site-header .brand-mark,
    body.hb-auth-body .site-header .brand-mark {
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
        border-radius: 12px !important;
    }

    body.hb-public-body .site-header .actions,
    body.hb-auth-body .site-header .actions {
        flex: 0 0 auto !important;
        margin-left: auto !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 6px !important;
        min-width: 0 !important;
    }

    body.hb-public-body .site-header .actions .btn,
    body.hb-auth-body .site-header .actions .btn {
        min-height: 36px !important;
        height: 36px !important;
        padding: 0 10px !important;
        border-radius: 10px !important;
        font-size: 0.76rem !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.hb-public-body .site-header .actions .btn-secondary,
    body.hb-auth-body .site-header .actions .btn-secondary {
        display: inline-flex !important;
        padding-inline: 9px !important;
    }

    body.hb-public-body .site-header .actions .btn-primary,
    body.hb-auth-body .site-header .actions .btn-primary {
        padding-inline: 10px !important;
    }
}

@media (max-width: 390px) {
    body.hb-public-body .site-header .brand-name,
    body.hb-auth-body .site-header .brand-name {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        white-space: nowrap !important;
    }

    body.hb-public-body .site-header .actions .btn,
    body.hb-auth-body .site-header .actions .btn {
        min-height: 34px !important;
        height: 34px !important;
        padding-inline: 8px !important;
        font-size: 0.72rem !important;
    }
}
/* Extra narrow landing/auth nav fit */
@media (max-width: 390px) {
    body.hb-public-body .site-header .container.nav,
    body.hb-auth-body .site-header .container.nav {
        width: calc(100% - 12px) !important;
        gap: 6px !important;
    }

    body.hb-public-body .site-header .brand-mark,
    body.hb-auth-body .site-header .brand-mark {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
        padding: 3px !important;
    }

    body.hb-public-body .site-header .actions,
    body.hb-auth-body .site-header .actions {
        gap: 4px !important;
    }

    body.hb-public-body .site-header .actions .btn,
    body.hb-auth-body .site-header .actions .btn {
        min-height: 32px !important;
        height: 32px !important;
        padding-inline: 6px !important;
        border-radius: 9px !important;
        font-size: 0.66rem !important;
        font-weight: 900 !important;
    }
}
/* CHV2 business themes */
.shb-theme-field {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.shb-theme-field legend {
    margin-bottom: 9px !important;
    color: var(--shb-navy) !important;
    font-size: 0.88rem !important;
    font-weight: 850 !important;
}

.shb-theme-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 10px !important;
}

.shb-theme-option {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 92px !important;
    padding: 12px !important;
    border: 1px solid var(--store-theme-line, var(--shb-line-2)) !important;
    border-radius: var(--shb-radius) !important;
    background: linear-gradient(145deg, #fff, var(--store-theme-soft, #f8fafc)) !important;
    cursor: pointer !important;
}

.shb-theme-option input {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
}

.shb-theme-option:has(input:checked) {
    border-color: var(--store-theme-primary, var(--shb-purple)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--store-theme-primary, #7c3aed) 16%, transparent) !important;
}

.shb-theme-option:focus-within {
    outline: 3px solid color-mix(in srgb, var(--store-theme-action, #ec4899) 24%, transparent) !important;
    outline-offset: 2px !important;
}

.shb-theme-swatch {
    display: grid !important;
    grid-template-columns: repeat(3, 16px) !important;
    gap: 4px !important;
    padding: 8px !important;
    border-radius: var(--shb-radius) !important;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
}

.shb-theme-swatch i {
    display: block !important;
    width: 16px !important;
    height: 32px !important;
    border-radius: 6px !important;
}

.shb-theme-swatch i:nth-child(1) { background: var(--store-theme-primary, var(--shb-purple)) !important; }
.shb-theme-swatch i:nth-child(2) { background: var(--store-theme-action, var(--shb-pink)) !important; }
.shb-theme-swatch i:nth-child(3) { background: var(--store-theme-accent, var(--shb-orange)) !important; }

.shb-theme-copy {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.shb-theme-copy strong {
    color: var(--store-theme-ink, var(--shb-navy)) !important;
    font-size: 0.92rem !important;
    line-height: 1.15 !important;
}

.shb-theme-copy small {
    color: var(--store-theme-muted, var(--shb-muted-2)) !important;
    font-size: 0.75rem !important;
    line-height: 1.3 !important;
}

body[data-store-theme] .hb-kicker,
body[data-store-theme] .kicker,
body[data-store-theme] .hb-filter-chip.active {
    background: var(--store-theme-soft, #f8fafc) !important;
    color: var(--store-theme-primary-dark, var(--shb-purple)) !important;
}

body.hb-storefront-body[data-store-theme] {
    background: linear-gradient(180deg, var(--store-theme-bg, var(--shb-bg)), #fff) !important;
}

body.hb-storefront-body[data-store-theme] .hb-public-header {
    border-top: 4px solid var(--store-theme-primary, var(--shb-purple)) !important;
}

body.hb-storefront-body[data-store-theme] .hb-storefront-shell {
    background: linear-gradient(180deg, #fff, var(--store-theme-bg, #f8fafc)) !important;
}

body.hb-storefront-body[data-store-theme] .shb-storefront-hero-copy,
body.hb-storefront-body[data-store-theme] .shb-storefront-hero-panel,
body.hb-storefront-body[data-store-theme] .hb-checkout-panel,
body.hb-storefront-body[data-store-theme] .hb-confirm-card,
body.hb-storefront-body[data-store-theme] .hb-track-card {
    border-color: var(--store-theme-line, var(--shb-line-2)) !important;
    background: linear-gradient(145deg, #fff, var(--store-theme-soft, #f8fafc)) !important;
}

body.hb-storefront-body[data-store-theme] .hb-customer-product-visual,
body.hb-storefront-body[data-store-theme] .hb-customer-gallery-main {
    background: linear-gradient(145deg, var(--store-theme-soft, #f8fafc), #fff) !important;
    color: var(--store-theme-primary, var(--shb-purple)) !important;
}

body.hb-storefront-body[data-store-theme] .hb-customer-product-meta strong,
body.hb-storefront-body[data-store-theme] .hb-modal-price,
body.hb-storefront-body[data-store-theme] .hb-public-brand-copy strong,
body.hb-storefront-body[data-store-theme] .hb-customer-bottom-nav a.active,
body.hb-storefront-body[data-store-theme] .hb-customer-bottom-nav button.active {
    color: var(--store-theme-primary, var(--shb-purple)) !important;
}

body.hb-storefront-body[data-store-theme] .hb-btn,
body.hb-storefront-body[data-store-theme] .btn-primary,
body.hb-dashboard-body[data-store-theme] .hb-btn,
body.hb-dashboard-body[data-store-theme] .btn-primary {
    border-color: var(--store-theme-primary, var(--shb-purple)) !important;
    background: linear-gradient(100deg, var(--store-theme-primary, var(--shb-purple)), var(--store-theme-action, var(--shb-pink)) 62%, var(--store-theme-accent, var(--shb-orange))) !important;
}

body.hb-storefront-body[data-store-theme] .hb-btn-secondary,
body.hb-storefront-body[data-store-theme] .pill-link,
body.hb-dashboard-body[data-store-theme] .hb-btn-secondary,
body.hb-dashboard-body[data-store-theme] .pill-link {
    color: var(--store-theme-ink, var(--shb-navy)) !important;
    border-color: var(--store-theme-line, var(--shb-line-2)) !important;
}