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

.barboost-contact-form { width: 100%; color: inherit; }
.barboost-contact-form__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.barboost-contact-form__field { display: flex; min-width: 0; flex-direction: column; gap: 7px; }
.barboost-contact-form__field--wide { grid-column: 1 / -1; }
.barboost-contact-form__field span, .barboost-contact-form__consent { font-size: .95rem; line-height: 1.4; }
.barboost-contact-form__field :is(input, select, textarea) { box-sizing: border-box; width: 100%; max-width: 100%; border: 1px solid #CFE0E7; border-radius: 6px; background: #FFF; color: #0D2230; padding: 11px 13px; font: inherit; }
.barboost-contact-form__field textarea { resize: vertical; }
.barboost-contact-form__field :is(input, select, textarea):focus { border-color: #20C8EA; box-shadow: 0 0 0 3px rgba(32, 200, 234, .2); outline: 0; }
.barboost-contact-form__consent { display: flex; align-items: flex-start; gap: 8px; margin-top: 20px; }
.barboost-contact-form__consent input { flex: 0 0 auto; margin-top: 4px; }
.barboost-contact-form__consent a { color: #118AB2; text-decoration: underline; }
.barboost-contact-form__button { display: inline-flex; align-items: center; justify-content: center; margin-top: 20px; border: 0; border-radius: 6px; background: #075A77; color: #FFF; cursor: pointer; padding: 12px 24px; font: inherit; font-weight: 700; }
.barboost-contact-form__button:hover { filter: brightness(1.08); }
.barboost-contact-form__notice { margin-bottom: 18px; border-radius: 6px; padding: 12px 15px; }
.barboost-contact-form__notice--success { background: #DCFCE7; color: #166534; }
.barboost-contact-form__notice--error { background: #FEE2E2; color: #991B1B; }
.barboost-contact-form__honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.barboost-contact-form__service-context { display: grid; gap: 4px; margin-bottom: 18px; border-left: 3px solid #22C7D6; padding: 10px 14px; background: rgba(34, 199, 214, .08); }
.barboost-contact-form__service-title { color: #64748B; }
@media (max-width: 600px) { .barboost-contact-form__fields { grid-template-columns: 1fr; } .barboost-contact-form__field--wide { grid-column: auto; } .barboost-contact-form__button { width: 100%; } }

/* Semantic component layer: all panel surfaces inherit the active tier tokens. */
body.bb-theme-free,
body.bb-theme-pro,
body.bb-theme-grow {
    background: var(--bb-page-bg);
    color: var(--bb-text-body);
}

body :is(.bb-tier-upsell) { position: relative; min-width: 0; overflow: hidden; border-radius: 18px; color: #FFFFFF; box-shadow: 0 18px 42px rgba(7, 26, 46, .16); }
body :is(.bb-tier-upsell__copy) { position: relative; z-index: 1; min-width: 0; }
body :is(.bb-tier-upsell__topline) { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body :is(.bb-tier-upsell__eyebrow) { color: rgba(255, 255, 255, .78); font-size: .68rem; font-weight: 850; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
body :is(.bb-tier-upsell__badge) { flex: 0 0 auto; padding: 6px 12px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 999px; color: #FFFFFF; font-size: .7rem; font-weight: 850; letter-spacing: .06em; }
body :is(.bb-tier-upsell__title) { margin: 10px 0 8px; color: #FFFFFF; font-size: clamp(1.08rem, 1.7vw, 1.38rem); line-height: 1.2; }
body :is(.bb-tier-upsell__description) { max-width: 720px; margin: 0; color: rgba(255, 255, 255, .78); font-size: .78rem; line-height: 1.5; }
body :is(.bb-tier-upsell__benefits) { display: grid; gap: 7px; margin: 14px 0 0; padding: 0; color: rgba(255, 255, 255, .9); font-size: .74rem; line-height: 1.35; list-style: none; }
body :is(.bb-tier-upsell__benefits) li { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 7px; align-items: start; color: rgba(255, 255, 255, .9) !important; }
body :is(.bb-tier-upsell__benefits) li::before { display: grid; place-items: center; width: 15px; height: 15px; border-radius: 50%; background: rgba(255, 255, 255, .88); color: #075A77; content: '✓'; font-size: .62rem; font-weight: 900; line-height: 1; }
body :is(.bb-tier-upsell__cta) { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; margin-top: 16px; padding: 9px 13px; border: 0; border-radius: 9px; color: #FFFFFF !important; font-size: .76rem; font-weight: 850; text-decoration: none; }
body :is(.bb-tier-upsell--free-to-pro) { padding: 22px 24px; border: 1px solid rgba(103, 232, 249, .24); background: radial-gradient(circle at 86% 24%, rgba(34, 211, 238, .2), transparent 30%), linear-gradient(135deg, #075A77 0%, #086B89 45%, #06182A 100%); }
body :is(.bb-tier-upsell--free-to-pro) .bb-tier-upsell__badge { background: linear-gradient(90deg, #075A77, #22D3EE); }
body :is(.bb-tier-upsell--free-to-pro) .bb-tier-upsell__cta { background: linear-gradient(90deg, #075A77, #086B89); }
body :is(.bb-tier-upsell--pro-to-grow) { padding: 22px 24px; border: 1px solid rgba(167, 139, 250, .24); background: radial-gradient(circle at 82% 20%, rgba(124, 58, 237, .28), transparent 30%), radial-gradient(circle at 76% 84%, rgba(192, 38, 211, .18), transparent 36%), linear-gradient(135deg, #100524 0%, #250862 55%, #1D0B39 100%); }
body :is(.bb-tier-upsell--pro-to-grow) .bb-tier-upsell__badge,
body :is(.bb-tier-upsell--pro-to-grow) .bb-tier-upsell__cta { background: linear-gradient(90deg, #7C3AED, #C026D3); }
body :is(.bb-tier-upsell__visual) { position: absolute; inset: 0; pointer-events: none; }
body :is(.bb-tier-upsell__visual) img { position: absolute; right: 18px; bottom: 8px; width: 150px; max-width: 30%; height: auto; }
body :is(.bb-tier-upsell--pro-to-grow) .bb-tier-upsell__copy { max-width: calc(100% - 145px); }
body :is(.bb-tier-upsell__account-rocket) { position: absolute; right: 22px; bottom: 12px; z-index: 0; width: 126px; max-width: 24%; height: auto; pointer-events: none; }
body :is(.bb-tier-upsell--compact) { padding: 18px 20px; }

@media (max-width: 700px) {
    body :is(.bb-tier-upsell__cta) { width: fit-content; }
    body :is(.bb-tier-upsell--pro-to-grow) .bb-tier-upsell__copy { max-width: calc(100% - 115px); }
}

@media (max-width: 400px) {
    body :is(.bb-tier-upsell--free-to-pro, .bb-tier-upsell--pro-to-grow) { padding: 18px; }
    body :is(.bb-tier-upsell--pro-to-grow) .bb-tier-upsell__copy { max-width: 100%; }
    body :is(.bb-tier-upsell__visual) img { position: relative; right: auto; bottom: auto; display: block; width: 100px; max-width: 42%; margin: 8px 0 0 auto; }
    body :is(.bb-tier-upsell__account-rocket) { right: 14px; bottom: 8px; width: 88px; max-width: 30%; }
}

body.bb-theme-free .bb-panel,
body.bb-theme-pro .bb-panel,
body.bb-theme-grow .bb-panel,
body.bb-theme-free .bb-panel-home,
body.bb-theme-pro .bb-panel-home,
body.bb-theme-grow .bb-panel-home,
body.bb-theme-free .bb-analytics-pro,
body.bb-theme-pro .bb-analytics-pro,
body.bb-theme-grow .bb-analytics-pro,
body.bb-theme-free .bb-tutorial,
body.bb-theme-pro .bb-tutorial,
body.bb-theme-grow .bb-tutorial {
    background: var(--bb-page-bg);
    color: var(--bb-text-body);
}

body.bb-theme-free .bb-pro-summary__hero,
body.bb-theme-pro .bb-pro-summary__hero,
body.bb-theme-grow .bb-pro-summary__hero {
    background: var(--bb-hero-gradient);
    color: var(--bb-text-inverse);
}

body.bb-theme-free :is(.bb-panel-card, .bb-panel-summary-card, .bb-panel-fact, .bb-management-form, .bb-management-table-wrap, .bb-management-table, .bb-menu-list, .bb-menu-form, .bb-menu-row, .bb-menu-overview-card, .bb-menu-public-url, .bb-menu-design-card, .bb-set-menu-subform, .bb-schedule-editor, .bb-qr-offer-card, .bb-analytics-pro__header, .bb-analytics-pro-card, .bb-analytics-pro-kpi, .bb-tutorial__hero, .bb-tutorial-card, .bb-tutorial__finish, .bb-tutorial-more),
body.bb-theme-pro :is(.bb-panel-card, .bb-panel-summary-card, .bb-panel-fact, .bb-management-form, .bb-management-table-wrap, .bb-management-table, .bb-menu-list, .bb-menu-form, .bb-menu-row, .bb-menu-overview-card, .bb-menu-public-url, .bb-menu-design-card, .bb-set-menu-subform, .bb-schedule-editor, .bb-qr-offer-card, .bb-analytics-pro__header, .bb-analytics-pro-card, .bb-analytics-pro-kpi, .bb-tutorial__hero, .bb-tutorial-card, .bb-tutorial__finish, .bb-tutorial-more),
body.bb-theme-grow :is(.bb-panel-card, .bb-panel-summary-card, .bb-panel-fact, .bb-management-form, .bb-management-table-wrap, .bb-management-table, .bb-menu-list, .bb-menu-form, .bb-menu-row, .bb-menu-overview-card, .bb-menu-public-url, .bb-menu-design-card, .bb-set-menu-subform, .bb-schedule-editor, .bb-qr-offer-card, .bb-analytics-pro__header, .bb-analytics-pro-card, .bb-analytics-pro-kpi, .bb-tutorial__hero, .bb-tutorial-card, .bb-tutorial__finish, .bb-tutorial-more) {
    border-color: var(--bb-card-border);
    background: var(--bb-card-bg);
    color: var(--bb-text-body);
}

body.bb-theme-free .bb-panel-card h1,
body.bb-theme-free .bb-panel-card h2,
body.bb-theme-free .bb-panel-card h3,
body.bb-theme-free .bb-panel-card h4,
body.bb-theme-free .bb-pro-summary h1,
body.bb-theme-free .bb-pro-summary h2,
body.bb-theme-free .bb-pro-summary h3,
body.bb-theme-pro .bb-panel-card :is(h1, h2, h3, h4),
body.bb-theme-pro .bb-pro-summary :is(h1, h2, h3, h4),
body.bb-theme-grow .bb-panel-card :is(h1, h2, h3, h4),
body.bb-theme-grow .bb-pro-summary :is(h1, h2, h3, h4) {
    color: var(--bb-text-title);
}

body.bb-theme-free .bb-panel p,
body.bb-theme-pro .bb-panel p,
body.bb-theme-grow .bb-panel p,
body.bb-theme-free .bb-panel-help,
body.bb-theme-pro .bb-panel-help,
body.bb-theme-grow .bb-panel-help {
    color: var(--bb-text-body);
}

body.bb-theme-free :is(.bb-panel-form, .bb-management-form, .bb-menu-form, .bb-set-menu-subform) :is(input, select, textarea),
body.bb-theme-pro :is(.bb-panel-form, .bb-management-form, .bb-menu-form, .bb-set-menu-subform) :is(input, select, textarea),
body.bb-theme-grow :is(.bb-panel-form, .bb-management-form, .bb-menu-form, .bb-set-menu-subform) :is(input, select, textarea) {
    border-color: var(--bb-input-border);
    background: var(--bb-input-bg);
    color: var(--bb-input-text);
}
body.bb-theme-free :is(input, textarea)::placeholder,
body.bb-theme-pro :is(input, textarea)::placeholder,
body.bb-theme-grow :is(input, textarea)::placeholder { color: var(--bb-input-placeholder); }
body.bb-theme-free :is(input, select, textarea):focus,
body.bb-theme-pro :is(input, select, textarea):focus,
body.bb-theme-grow :is(input, select, textarea):focus { border-color: var(--bb-input-focus); box-shadow: 0 0 0 3px var(--bb-focus-ring); outline: 0; }

body.bb-theme-free .bb-panel-button:not(.bb-panel-button--secondary):not(.bb-panel-button--light):not(.bb-panel-button--ghost),
body.bb-theme-pro .bb-panel-button:not(.bb-panel-button--secondary):not(.bb-panel-button--light):not(.bb-panel-button--ghost),
body.bb-theme-grow .bb-panel-button:not(.bb-panel-button--secondary):not(.bb-panel-button--light):not(.bb-panel-button--ghost) {
    border-color: var(--bb-button-primary-bg);
    background: var(--bb-button-primary-gradient);
    color: var(--bb-button-primary-text);
}
body.bb-theme-free :is(.bb-panel-button--secondary, .bb-panel-button--light, .bb-panel-button--ghost),
body.bb-theme-pro :is(.bb-panel-button--secondary, .bb-panel-button--light, .bb-panel-button--ghost),
body.bb-theme-grow :is(.bb-panel-button--secondary, .bb-panel-button--light, .bb-panel-button--ghost) {
    border-color: var(--bb-button-secondary-border);
    background: var(--bb-button-secondary-bg);
    color: var(--bb-button-secondary-text);
}
body.bb-theme-free .bb-panel-button--danger,
body.bb-theme-pro .bb-panel-button--danger,
body.bb-theme-grow .bb-panel-button--danger { background: var(--bb-button-danger-bg); color: var(--bb-button-danger-text); }

body.bb-theme-free :is(.bb-management-table, .bb-menu-table) :is(th, td),
body.bb-theme-pro :is(.bb-management-table, .bb-menu-table) :is(th, td),
body.bb-theme-grow :is(.bb-management-table, .bb-menu-table) :is(th, td) { border-color: var(--bb-divider); color: var(--bb-text-body); }
body.bb-theme-free :is(.bb-management-table, .bb-menu-table) th,
body.bb-theme-pro :is(.bb-management-table, .bb-menu-table) th,
body.bb-theme-grow :is(.bb-management-table, .bb-menu-table) th { background: var(--bb-table-head-bg); color: var(--bb-text-title); }
body.bb-theme-free :is(.bb-management-table, .bb-menu-table) tr:hover td,
body.bb-theme-pro :is(.bb-management-table, .bb-menu-table) tr:hover td,
body.bb-theme-grow :is(.bb-management-table, .bb-menu-table) tr:hover td { background: var(--bb-card-bg-soft); }

body.bb-theme-free .bb-panel-nav-shell,
body.bb-theme-pro .bb-panel-nav-shell,
body.bb-theme-grow .bb-panel-nav-shell { border-color: var(--bb-sidebar-border); background: var(--bb-sidebar-bg); }
body.bb-theme-free .bb-panel-nav a,
body.bb-theme-pro .bb-panel-nav a,
body.bb-theme-grow .bb-panel-nav a { color: var(--bb-nav-text); }
body.bb-theme-free .bb-panel-nav a:hover,
body.bb-theme-pro .bb-panel-nav a:hover,
body.bb-theme-grow .bb-panel-nav a:hover { background: var(--bb-nav-active-bg); color: var(--bb-nav-active-text); box-shadow: 0 0 18px var(--bb-nav-active-glow); }
body.bb-theme-free .bb-panel-nav a.is-active,
body.bb-theme-pro .bb-panel-nav a.is-active,
body.bb-theme-grow .bb-panel-nav a.is-active { background: var(--bb-nav-active-gradient); color: var(--bb-nav-active-text); }

body.bb-theme-free :is(.bb-analytics-pro-kpi, .bb-pro-summary-kpi) strong,
body.bb-theme-pro :is(.bb-analytics-pro-kpi, .bb-pro-summary-kpi) strong,
body.bb-theme-grow :is(.bb-analytics-pro-kpi, .bb-pro-summary-kpi) strong { color: var(--bb-kpi-value); }
body.bb-theme-free :is(.bb-analytics-pro-kpi, .bb-pro-summary-kpi) :is(span, small),
body.bb-theme-pro :is(.bb-analytics-pro-kpi, .bb-pro-summary-kpi) :is(span, small),
body.bb-theme-grow :is(.bb-analytics-pro-kpi, .bb-pro-summary-kpi) :is(span, small) { color: var(--bb-kpi-label); }
body.bb-theme-free :is(.bb-analytics-pro-chart__line, .bb-pro-summary .bb-analytics-pro-chart__line),
body.bb-theme-pro :is(.bb-analytics-pro-chart__line, .bb-pro-summary .bb-analytics-pro-chart__line),
body.bb-theme-grow :is(.bb-analytics-pro-chart__line, .bb-pro-summary .bb-analytics-pro-chart__line) { stroke: var(--bb-chart-line); }

/* Canonical panel design tokens. Tier is presentation; entitlements remain functional gates. */
body.bb-theme-free {
    --bb-page-bg: #F3F7F9; --bb-page-bg-alt: #EAF2F6;
    --bb-sidebar-bg: #0E1C25; --bb-sidebar-bg-alt: #123141; --bb-sidebar-border: #204656;
    --bb-hero-bg: #075A77; --bb-hero-bg-alt: #0D7FA0;
    --bb-card-bg: #FFFFFF; --bb-card-bg-alt: #F6FAFC; --bb-card-bg-soft: #E8F1F5; --bb-card-border: #D8E4EA; --bb-border-strong: #B9D8E3;
    --bb-table-head-bg: #F2F7FA; --bb-divider: #D8E4EA;
    --bb-input-bg: #FFFFFF; --bb-input-border: #CFE0E7; --bb-input-focus: #20C8EA; --bb-input-text: #0D2230; --bb-input-placeholder: #78909C;
    --bb-text-title: #0D2230; --bb-text-body: #355160; --bb-text-muted: #607D8B; --bb-text-subtle: #8AA0AA; --bb-text-inverse: #F8FCFE; --bb-text-link: #118AB2;
    --bb-accent-primary: #20C8EA; --bb-accent-secondary: #19A9D1; --bb-accent-soft: #DDF8FF; --bb-accent-glow: rgba(32, 200, 234, 0.28);
    --bb-nav-text: #F3FBFE; --bb-nav-muted: #B6D5E0; --bb-nav-active-bg: #21CFF1; --bb-nav-active-text: #FFFFFF; --bb-nav-active-glow: rgba(33, 207, 241, 0.30);
    --bb-button-primary-bg: #19C6E8; --bb-button-primary-bg-alt: #17A9D3; --bb-button-primary-text: #FFFFFF;
    --bb-button-secondary-bg: #FFFFFF; --bb-button-secondary-border: #B9D8E3; --bb-button-secondary-text: #0F465A;
    --bb-button-danger-bg: #EB6A6A; --bb-button-danger-text: #FFFFFF;
    --bb-kpi-label: #607D8B; --bb-kpi-value: #0B2130; --bb-chart-line: #1BBEE5; --bb-chart-fill: #CDEFF8; --bb-chart-grid: #DDE8EE;
    --bb-badge-bg: #DDF8FF; --bb-badge-text: #087C9D; --bb-success: #74C97E; --bb-success-soft: #DCFCE7; --bb-warning: #F5B94A; --bb-warning-soft: #FFFBEB; --bb-danger: #EB6A6A; --bb-danger-soft: #FEE2E2; --bb-focus-ring: rgba(32, 200, 234, 0.30);
    --bb-tab-active-bg: #075A77; --bb-tab-active-text: #FFFFFF; --bb-hero-gradient: linear-gradient(120deg, #075A77 0%, #06182A 100%); --bb-button-primary-gradient: linear-gradient(90deg, #075A77 0%, #086B89 100%); --bb-nav-active-gradient: #21CFF1;
}

body.bb-theme-pro {
    --bb-page-bg: #F4F7FA; --bb-page-bg-alt: #EAF0F5;
    --bb-sidebar-bg: #06182A; --bb-sidebar-bg-alt: #0B2740; --bb-sidebar-border: #123957;
    --bb-hero-bg: #082A43; --bb-hero-bg-alt: #0B6282;
    --bb-card-bg: #FFFFFF; --bb-card-bg-alt: #F5F8FB; --bb-card-bg-soft: #EAF1F6; --bb-card-border: #D9E5EE; --bb-border-strong: #BCD0DE;
    --bb-table-head-bg: #F2F6FA; --bb-divider: #D9E5EE;
    --bb-input-bg: #FFFFFF; --bb-input-border: #CFDCE6; --bb-input-focus: #1EC7F1; --bb-input-text: #0B1E31; --bb-input-placeholder: #788B9B;
    --bb-text-title: #0B1E31; --bb-text-body: #2D4B63; --bb-text-muted: #6D8398; --bb-text-subtle: #91A3B3; --bb-text-inverse: #F7FBFF; --bb-text-link: #0D7FC0;
    --bb-accent-primary: #1EC7F1; --bb-accent-secondary: #1186C8; --bb-accent-soft: #E0F6FF; --bb-accent-glow: rgba(30, 199, 241, 0.22);
    --bb-nav-text: #F5FAFF; --bb-nav-muted: #B7D0E1; --bb-nav-active-bg: #0A4570; --bb-nav-active-text: #FFFFFF; --bb-nav-active-glow: rgba(17, 134, 200, 0.28);
    --bb-button-primary-bg: #0E86C9; --bb-button-primary-bg-alt: #17B8E8; --bb-button-primary-text: #FFFFFF;
    --bb-button-secondary-bg: #FFFFFF; --bb-button-secondary-border: #BCD0DE; --bb-button-secondary-text: #0C3556;
    --bb-button-danger-bg: #E15C5C; --bb-button-danger-text: #FFFFFF;
    --bb-kpi-label: #6D8398; --bb-kpi-value: #0B2238; --bb-chart-line: #1B74F2; --bb-chart-fill: #D6E8FF; --bb-chart-grid: #E1EAF1;
    --bb-badge-bg: #DFF7FF; --bb-badge-text: #0878A3; --bb-success: #3CC8A2; --bb-success-soft: #ECFDF5; --bb-warning: #F2B24D; --bb-warning-soft: #FFFBEB; --bb-danger: #E15C5C; --bb-danger-soft: #FEF2F2; --bb-focus-ring: rgba(30, 199, 241, 0.28);
    --bb-tab-active-bg: #06182A; --bb-tab-active-text: #FFFFFF; --bb-hero-gradient: linear-gradient(120deg, #06182A 0%, #100524 100%); --bb-button-primary-gradient: linear-gradient(90deg, #06182A 0%, #0B2740 100%); --bb-nav-active-gradient: #0A4570;
    --bb-grow-offer-primary: #7C36DC; --bb-grow-offer-secondary: #D25BA2; --bb-grow-offer-soft: #F7F0FB; --bb-grow-offer-border: #DDC7EE; --bb-grow-offer-text: #54286F; --bb-grow-offer-gradient: linear-gradient(90deg, #7C36DC 0%, #D25BA2 100%);
}

body.bb-theme-grow {
    --bb-page-bg: #0B0520; --bb-page-bg-alt: #17092F;
    --bb-sidebar-bg: #100524; --bb-sidebar-bg-alt: #1D0B39; --bb-sidebar-border: #32164F;
    --bb-hero-bg: #2A1048; --bb-hero-bg-alt: #8E236F;
    --bb-card-bg: #151032; --bb-card-bg-alt: #1B123A; --bb-card-bg-soft: #241546; --bb-card-border: #4D2C71; --bb-border-strong: #68408F;
    --bb-table-head-bg: #211240; --bb-divider: #3B2458;
    --bb-input-bg: #120B2C; --bb-input-border: #55307B; --bb-input-focus: #F08ACB; --bb-input-text: #FFF1FD; --bb-input-placeholder: #9F86B7;
    --bb-text-title: #FFF1FD; --bb-text-body: #EADBF5; --bb-text-muted: #B99FD1; --bb-text-subtle: #9279A9; --bb-text-inverse: #FFFFFF; --bb-text-link: #F36AB9;
    --bb-accent-primary: #F04EA9; --bb-accent-secondary: #B54CFF; --bb-accent-soft: #34154F; --bb-accent-glow: rgba(240, 78, 169, 0.32);
    --bb-nav-text: #F8E8FF; --bb-nav-muted: #D3B1E8; --bb-nav-active-bg: #E345A2; --bb-nav-active-text: #FFFFFF; --bb-nav-active-glow: rgba(227, 69, 162, 0.34);
    --bb-button-primary-bg: #E947A5; --bb-button-primary-bg-alt: #B04DFB; --bb-button-primary-text: #FFFFFF;
    --bb-button-secondary-bg: #24133F; --bb-button-secondary-border: #68408F; --bb-button-secondary-text: #F5D6FF;
    --bb-button-danger-bg: #FF6B8F; --bb-button-danger-text: #FFFFFF;
    --bb-kpi-label: #B99FD1; --bb-kpi-value: #FFF3FF; --bb-chart-line: #F35BAE; --bb-chart-fill: #4A1C5F; --bb-chart-grid: #34204E;
    --bb-badge-bg: #35164E; --bb-badge-text: #F7AEDE; --bb-success: #43D1A2; --bb-success-soft: #173D35; --bb-warning: #FFB14F; --bb-warning-soft: #493517; --bb-danger: #FF6B8F; --bb-danger-soft: #4A1E31; --bb-focus-ring: rgba(240, 78, 169, 0.35);
    --bb-tab-active-bg: #100524; --bb-tab-active-text: #FFFFFF; --bb-hero-gradient: linear-gradient(120deg, #100524 0%, #1D0B39 100%); --bb-button-primary-gradient: linear-gradient(90deg, #100524 0%, #1D0B39 100%); --bb-nav-active-gradient: linear-gradient(90deg, #B342DD 0%, #E345A2 100%);
}

/* GROW overview */
.bb-growth-overview {
    margin-top: 24px;
    padding: 28px;
    border: 1px solid var(--bb-grow-border, #e5e7eb);
    border-radius: 24px;
    background: var(--bb-grow-surface, #fff);
    color: var(--bb-grow-text, #171321);
}
.bb-growth-overview__header h2 { margin: 4px 0 8px; color: inherit; }
.bb-growth-overview__header p { max-width: 720px; margin: 0; color: var(--bb-grow-muted, #6b6475); }
.bb-growth-loop { display: flex; align-items: center; gap: 14px; margin: 24px 0; color: var(--bb-grow-purple, #7856d6); }
.bb-growth-loop span { display: grid; gap: 3px; }
.bb-growth-loop strong { font-size: 12px; letter-spacing: .08em; }
.bb-growth-loop small { color: var(--bb-grow-muted, #6b6475); }
.bb-growth-loop b { font-size: 22px; }
.bb-growth-overview-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.bb-growth-overview-card { display: flex; min-width: 0; flex-direction: column; padding: 20px; border: 1px solid var(--bb-grow-border, #e5e7eb); border-radius: 18px; background: var(--bb-grow-surface-raised, #faf9ff); }
.bb-growth-overview-card__eyebrow { color: var(--bb-grow-purple, #7856d6); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.bb-growth-overview-card h3 { margin: 8px 0; color: inherit; }
.bb-growth-overview-card p { margin: 0; color: var(--bb-grow-muted, #6b6475); line-height: 1.5; }
.bb-growth-overview-card__metric { display: grid; grid-template-columns: auto 1fr; align-items: baseline; column-gap: 8px; margin: 10px 0; }
.bb-growth-overview-card__metric strong { color: var(--bb-grow-text, #171321); font-size: 22px; }
.bb-growth-overview-card__metric span { color: var(--bb-grow-muted, #6b6475); font-size: 13px; }
.bb-growth-overview-card__meta { font-size: 13px; }
.bb-growth-overview-card__actions { margin-top: auto; padding-top: 18px; }
.bb-growth-overview-card__actions .bb-pro-button { display: inline-flex; text-decoration: none; }
body.bb-grow-theme .bb-growth-overview { background: var(--bb-grow-bg, #171321); }
body.bb-grow-theme .bb-growth-overview-card { background: var(--bb-grow-surface-raised, #241d35); }
@media (max-width: 1100px) { .bb-growth-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .bb-growth-overview { padding: 20px; } .bb-growth-loop { align-items: flex-start; flex-direction: column; gap: 8px; } .bb-growth-loop b { transform: rotate(90deg); } .bb-growth-overview-grid { grid-template-columns: 1fr; } }

.bb-analytics-pro {
    display: grid;
    gap: 22px;
    background: var(--bb-page-bg);
    color: var(--bb-text-body);
}

.bb-analytics-pro__header,
.bb-analytics-pro-card,
.bb-analytics-pro-kpi {
    border: 1px solid var(--bb-card-border);
    border-radius: 16px;
    background: var(--bb-card-bg);
    box-shadow: 0 12px 28px var(--bb-accent-glow);
}

.bb-analytics-pro__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 28px;
}

.bb-analytics-pro__header h2 {
    margin: 4px 0 0;
    color: var(--bb-text-title);
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.05;
}

.bb-analytics-pro__header p {
    margin: 9px 0 0;
    color: var(--bb-text-muted);
}

.bb-analytics-pro__range {
    display: grid;
    grid-template-columns: auto minmax(170px, auto);
    align-items: center;
    gap: 7px 10px;
    min-width: 210px;
}

.bb-analytics-pro__range label {
    color: var(--bb-text-muted);
    font-size: 12px;
    font-weight: 800;
    grid-column: 1 / -1;
}

.bb-analytics-pro__range select {
    min-height: 42px;
    border: 1px solid var(--bb-input-border);
    border-radius: 9px;
    background: var(--bb-input-bg);
    color: var(--bb-input-text);
    font-weight: 800;
    padding: 0 12px;
}

.bb-analytics-pro__range-submit {
    min-height: 42px;
    border: 0;
    border-radius: 9px;
    background: var(--bb-button-primary-bg);
    color: var(--bb-button-primary-text);
    cursor: pointer;
    font-weight: 800;
    padding: 0 12px;
}

.bb-analytics-pro__range-submit:hover,
.bb-analytics-pro__range-submit:focus-visible {
    background: var(--bb-button-primary-bg-alt);
}

.bb-analytics-pro__kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.bb-analytics-pro-kpi {
    display: grid;
    gap: 8px;
    min-height: 144px;
    padding: 21px;
}

.bb-analytics-pro-kpi > span,
.bb-analytics-pro-kpi small,
.bb-analytics-pro-seo__position small,
.bb-analytics-pro-popular__list small {
    color: var(--bb-kpi-label);
    font-size: 12px;
}

.bb-analytics-pro-kpi > span {
    font-weight: 800;
}

.bb-analytics-pro-kpi strong {
    align-self: center;
    color: var(--bb-kpi-value);
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1;
}

.bb-analytics-pro__main,
.bb-analytics-pro__bottom {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 18px;
}

.bb-analytics-pro__bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bb-analytics-pro-card {
    min-width: 0;
    padding: 22px;
}

.bb-analytics-pro-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.bb-analytics-pro-card__head h3 {
    margin: 4px 0 0;
    color: var(--bb-text-title);
    font-size: 20px;
}

.bb-analytics-pro-chart__canvas {
    position: relative;
    min-height: 340px;
    overflow: hidden;
    border: 1px solid var(--bb-card-border);
    border-radius: 12px;
    background: linear-gradient(180deg, var(--bb-card-bg) 0%, var(--bb-card-bg-alt) 100%);
}

.bb-analytics-pro-chart__canvas svg {
    display: block;
    width: 100%;
    height: auto;
    min-height: 340px;
}

.bb-analytics-pro-chart__grid {
    stroke: var(--bb-chart-grid);
    stroke-width: 1;
}

.bb-analytics-pro-chart__axis {
    stroke: var(--bb-border-strong);
    stroke-width: 1.5;
}

.bb-analytics-pro-chart__line {
    fill: none;
    stroke: var(--bb-chart-line);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}

.bb-analytics-pro-chart__y-label,
.bb-analytics-pro-chart__x-label {
    fill: var(--bb-text-muted);
    font-size: 12px;
}

.bb-analytics-pro-chart__canvas > p,
.bb-analytics-pro-empty {
    color: var(--bb-text-muted);
    font-size: 13px;
    line-height: 1.55;
}

.bb-analytics-pro-chart__canvas.is-empty > p {
    position: absolute;
    top: 50%;
    right: 20px;
    left: 20px;
    margin: 0;
    text-align: center;
    transform: translateY(-50%);
}

.bb-analytics-pro-popular__list,
.bb-analytics-pro-traffic__legend {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bb-analytics-pro-popular__list li {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.bb-analytics-pro-popular__media,
.bb-analytics-pro-popular__image,
.bb-analytics-pro-popular__placeholder {
    width: 52px;
    height: 52px;
    border-radius: 10px;
}

.bb-analytics-pro-popular__media {
    overflow: hidden;
    background: var(--bb-card-bg-soft);
}

.bb-analytics-pro-popular__image {
    display: block;
    object-fit: cover;
}

.bb-analytics-pro-popular__placeholder {
    display: grid;
    place-items: center;
    background: var(--bb-button-primary-gradient);
    color: var(--bb-text-inverse);
    font-size: 12px;
    font-weight: 900;
}

.bb-analytics-pro-popular__list strong {
    display: block;
    overflow-wrap: anywhere;
    color: var(--bb-text-title);
    font-size: 14px;
}

.bb-analytics-pro-popular__list small {
    display: block;
    margin-top: 4px;
}

.bb-analytics-pro-traffic__body {
    display: grid;
    grid-template-columns: minmax(150px, 0.9fr) minmax(180px, 1.1fr);
    align-items: center;
    gap: 20px;
}

.bb-analytics-pro-donut {
    display: grid;
    place-items: center;
    width: min(210px, 100%);
    aspect-ratio: 1;
    margin: 0 auto;
    border-radius: 50%;
    background: var(--bb-analytics-pro-donut, #EAF0F5);
}

.bb-analytics-pro-donut span {
    display: grid;
    place-items: center;
    width: 61%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--bb-card-bg-alt);
    color: var(--bb-text-title);
    font-size: 25px;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px var(--bb-card-border);
}

.bb-analytics-pro-traffic__legend li {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    color: var(--bb-text-body);
    font-size: 12px;
}

.bb-analytics-pro-traffic__dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.bb-analytics-pro-traffic__legend strong {
    color: var(--bb-text-title);
}

.bb-analytics-pro-traffic__legend small {
    min-width: 43px;
    color: var(--bb-text-muted);
    text-align: right;
}

.bb-analytics-pro-seo__position {
    display: grid;
    gap: 7px;
    margin-bottom: 25px;
}

.bb-analytics-pro-seo__position strong {
    color: var(--bb-accent-secondary);
    font-size: clamp(36px, 5vw, 52px);
    line-height: 1;
}

.bb-analytics-pro-seo__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
}

.bb-analytics-pro-seo__metrics div {
    border-top: 1px solid var(--bb-divider);
    padding-top: 12px;
}

.bb-analytics-pro-seo__metrics dt {
    color: var(--bb-text-muted);
    font-size: 12px;
}

.bb-analytics-pro-seo__metrics dd {
    margin: 5px 0 0;
    color: var(--bb-text-title);
    font-size: 19px;
    font-weight: 850;
}

.bb-seo-growth {
    display: grid;
    gap: 18px;
    padding: 24px;
    border: 1px solid var(--bb-card-border);
    border-radius: 18px;
    background: var(--bb-card-bg);
    color: var(--bb-text-body);
    box-shadow: 0 12px 28px rgba(91, 33, 182, 0.08);
}

.bb-seo-growth__header h2,
.bb-seo-growth__list-head h3 {
    margin: 4px 0 0;
    color: var(--bb-text-title);
}

.bb-seo-growth__header p,
.bb-seo-growth__period,
.bb-seo-growth__state {
    color: var(--bb-text-muted);
    font-size: 13px;
    line-height: 1.55;
}

.bb-seo-growth__header p,
.bb-seo-growth__period {
    margin: 8px 0 0;
}

.bb-seo-growth__summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.bb-seo-growth__summary-item,
.bb-seo-growth-opportunity {
    border: 1px solid var(--bb-card-border);
    border-radius: 14px;
    background: var(--bb-card-bg-alt);
}

.bb-seo-growth__summary-item {
    display: grid;
    gap: 8px;
    min-height: 105px;
    padding: 16px;
}

.bb-seo-growth__summary-item span,
.bb-seo-growth-opportunity__eyebrow,
.bb-seo-growth-opportunity__metrics small,
.bb-seo-growth-opportunity__url span {
    color: var(--bb-text-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.bb-seo-growth__summary-item strong {
    align-self: center;
    color: var(--bb-accent-secondary);
    font-size: 28px;
    line-height: 1;
}

.bb-seo-growth__list {
    display: grid;
    gap: 12px;
}

.bb-seo-growth__list-head {
    margin-top: 4px;
}

.bb-seo-growth__list-head h3 {
    font-size: 20px;
}

.bb-seo-growth-opportunity {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.bb-seo-growth-opportunity__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.bb-seo-growth-opportunity h4 {
    margin: 5px 0 0;
    color: var(--bb-text-title);
    font-size: 17px;
    overflow-wrap: anywhere;
}

.bb-seo-growth-opportunity__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.bb-seo-growth-reason,
.bb-seo-growth-priority {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
}

.bb-seo-growth-reason {
    background: var(--bb-badge-bg);
    color: var(--bb-badge-text);
}

.bb-seo-growth-priority--high {
    background: color-mix(in srgb, var(--bb-danger) 18%, var(--bb-card-bg));
    color: var(--bb-danger);
}

.bb-seo-growth-priority--medium {
    background: var(--bb-card-bg-soft);
    color: var(--bb-text-body);
}

.bb-seo-growth-opportunity__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.bb-seo-growth-opportunity__metrics span {
    display: grid;
    gap: 4px;
    padding-top: 9px;
    border-top: 1px solid var(--bb-divider);
}

.bb-seo-growth-opportunity__metrics strong {
    color: var(--bb-text-title);
    font-size: 17px;
}

.bb-seo-growth-opportunity__trend {
    margin: 0;
    color: var(--bb-danger);
    font-size: 12px;
    font-weight: 800;
}

.bb-seo-growth-opportunity__url,
.bb-seo-growth-opportunity__recommendation {
    margin: 0;
    color: var(--bb-text-body);
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.bb-seo-growth-opportunity__url span {
    margin-right: 5px;
}

.bb-seo-growth-opportunity__recommendation {
    padding-top: 12px;
    border-top: 1px solid var(--bb-divider);
}

@media (max-width: 1100px) {
    .bb-analytics-pro__kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bb-analytics-pro__main,
    .bb-analytics-pro__bottom {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .bb-analytics-pro__header {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

    .bb-analytics-pro__range,
    .bb-analytics-pro__range select,
    .bb-analytics-pro__range-submit {
        width: 100%;
    }

    .bb-analytics-pro__range {
        grid-template-columns: 1fr auto;
    }

    .bb-analytics-pro__range label {
        grid-column: 1 / -1;
    }

    .bb-analytics-pro__kpis {
        grid-template-columns: 1fr;
    }

    .bb-analytics-pro-card {
        padding: 18px;
    }

    .bb-analytics-pro-chart__canvas,
    .bb-analytics-pro-chart__canvas svg {
        min-height: 280px;
    }

    .bb-analytics-pro-chart__canvas svg {
        height: 280px;
    }

    .bb-analytics-pro-traffic__body {
        grid-template-columns: 1fr;
    }

    .bb-analytics-pro-donut {
        width: min(190px, 100%);
    }

    .bb-seo-growth {
        padding: 18px;
    }

    .bb-seo-growth__summary,
    .bb-seo-growth-opportunity__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bb-seo-growth-opportunity__head {
        display: grid;
    }

    .bb-seo-growth-opportunity__badges {
        justify-content: flex-start;
    }
}

@media (max-width: 420px) {
    .bb-seo-growth__summary,
    .bb-seo-growth-opportunity__metrics {
        grid-template-columns: 1fr;
    }
}

/* Grow theme: premium visual layer for the customer panel only. */
html.bb-grow-theme,
body.bb-grow-theme {
    --bb-grow-bg: var(--bb-page-bg);
    --bb-grow-surface: var(--bb-card-bg);
    --bb-grow-surface-raised: var(--bb-card-bg-alt);
    --bb-grow-surface-soft: var(--bb-card-bg-soft);
    --bb-grow-border: var(--bb-card-border);
    --bb-grow-border-strong: var(--bb-border-strong);
    --bb-grow-text: var(--bb-text-title);
    --bb-grow-muted: var(--bb-text-muted);
    --bb-grow-purple: var(--bb-accent-secondary);
    --bb-grow-violet: var(--bb-button-primary-bg-alt);
    --bb-grow-pink: var(--bb-accent-primary);
    --bb-grow-rose: var(--bb-danger);
    --bb-grow-glow: var(--bb-accent-glow);
}

body.bb-grow-theme {
    background: var(--bb-page-bg);
}

body.bb-grow-theme .bb-pro-panel-host,
body.bb-grow-theme :is(.e-con, .elementor-column, .elementor-widget-wrap):has(.bb-panel):not(:has(:is(.e-con, .elementor-column, .elementor-widget-wrap) .bb-panel)) {
    background: transparent !important;
    color: var(--bb-grow-text) !important;
}

body.bb-grow-theme .bb-panel,
body.bb-grow-theme .bb-analytics-pro,
body.bb-grow-theme .bb-tutorial,
body.bb-grow-theme .bb-panel-home {
    color: var(--bb-grow-text);
}

body.bb-grow-theme .bb-panel-card,
body.bb-grow-theme .bb-panel-summary-card,
body.bb-grow-theme .bb-panel-fact,
body.bb-grow-theme .bb-management-form,
body.bb-grow-theme .bb-management-table-wrap,
body.bb-grow-theme .bb-management-table,
body.bb-grow-theme .bb-menu-list,
body.bb-grow-theme .bb-menu-form,
body.bb-grow-theme .bb-menu-row,
body.bb-grow-theme .bb-menu-overview-card,
body.bb-grow-theme .bb-menu-public-url,
body.bb-grow-theme .bb-menu-design-card,
body.bb-grow-theme .bb-set-menu-subform,
body.bb-grow-theme .bb-schedule-editor,
body.bb-grow-theme .bb-qr-offer-card,
body.bb-grow-theme .bb-analytics-pro__header,
body.bb-grow-theme .bb-analytics-pro-card,
body.bb-grow-theme .bb-analytics-pro-kpi,
body.bb-grow-theme .bb-tutorial__hero,
body.bb-grow-theme .bb-tutorial-card,
body.bb-grow-theme .bb-tutorial__finish,
body.bb-grow-theme .bb-tutorial-more,
body.bb-grow-theme .bb-panel-card h2,
body.bb-grow-theme .bb-panel-card h3,
body.bb-grow-theme .bb-panel-card h4,
body.bb-grow-theme .bb-panel-summary-card strong,
body.bb-grow-theme .bb-panel-fact strong,
body.bb-grow-theme .bb-menu-overview-card strong,
body.bb-grow-theme .bb-qr-info h3,
body.bb-grow-theme .bb-qr-materials h3,
body.bb-grow-theme .bb-qr-offer-card h4,
body.bb-grow-theme .bb-tutorial-card h3,
body.bb-grow-theme .bb-tutorial__finish h3,
body.bb-grow-theme .bb-analytics-pro-card h3 {
    color: var(--bb-grow-text) !important;
}

body.bb-grow-theme .bb-panel-help,
body.bb-grow-theme .bb-panel-fact span,
body.bb-grow-theme .bb-panel-summary-card span,
body.bb-grow-theme .bb-panel-summary-card small,
body.bb-grow-theme .bb-panel-details dt,
body.bb-grow-theme .bb-panel-card__head p,
body.bb-grow-theme .bb-analytics-pro-card p,
body.bb-grow-theme .bb-tutorial-card p,
body.bb-grow-theme .bb-tutorial__finish p {
    color: var(--bb-grow-muted) !important;
}

body.bb-grow-theme .bb-panel-eyebrow,
body.bb-grow-theme .bb-pro-summary__eyebrow,
body.bb-grow-theme .bb-pro-summary .bb-panel-eyebrow {
    border: 1px solid var(--bb-border-strong);
    background: var(--bb-accent-soft) !important;
    color: var(--bb-badge-text) !important;
}

body.bb-grow-theme .bb-panel-button:not(.bb-panel-button--secondary):not(.bb-panel-button--light):not(.bb-panel-button--ghost):not(.bb-panel-button--danger):not(.bb-panel-button--danger-soft):not(.bb-panel-button--success):not(.bb-panel-button--warning):not(.bb-panel-button--disabled):not(:disabled),
body.bb-grow-theme .bb-analytics-pro__range-submit {
    border-color: var(--bb-grow-pink) !important;
    background: linear-gradient(135deg, var(--bb-grow-violet), var(--bb-grow-pink)) !important;
    color: var(--bb-button-primary-text) !important;
    box-shadow: 0 10px 24px rgba(236, 72, 153, 0.22);
}

body.bb-grow-theme .bb-panel-button:not(.bb-panel-button--secondary):not(.bb-panel-button--light):not(.bb-panel-button--ghost):not(.bb-panel-button--danger):not(.bb-panel-button--danger-soft):not(.bb-panel-button--success):not(.bb-panel-button--warning):not(.bb-panel-button--disabled):not(:disabled):hover,
body.bb-grow-theme .bb-panel-button:not(.bb-panel-button--secondary):not(.bb-panel-button--light):not(.bb-panel-button--ghost):not(.bb-panel-button--danger):not(.bb-panel-button--danger-soft):not(.bb-panel-button--success):not(.bb-panel-button--warning):not(.bb-panel-button--disabled):not(:disabled):focus-visible,
body.bb-grow-theme .bb-analytics-pro__range-submit:hover,
body.bb-grow-theme .bb-analytics-pro__range-submit:focus-visible {
    border-color: var(--bb-border-strong) !important;
    background: var(--bb-button-primary-gradient) !important;
}

body.bb-grow-theme .bb-panel-button--secondary,
body.bb-grow-theme .bb-panel-button--light,
body.bb-grow-theme .bb-panel-button--ghost {
    border-color: var(--bb-border-strong) !important;
    background: var(--bb-accent-soft) !important;
    color: var(--bb-text-title) !important;
}

body.bb-grow-theme .bb-panel-button--secondary:hover,
body.bb-grow-theme .bb-panel-button--secondary:focus-visible,
body.bb-grow-theme .bb-panel-button--light:hover,
body.bb-grow-theme .bb-panel-button--light:focus-visible,
body.bb-grow-theme .bb-panel-button--ghost:hover,
body.bb-grow-theme .bb-panel-button--ghost:focus-visible,
body.bb-grow-theme .bb-panel-link:hover,
body.bb-grow-theme .bb-panel-link:focus-visible {
    border-color: var(--bb-grow-border-strong) !important;
    background: var(--bb-accent-soft) !important;
    color: var(--bb-text-inverse) !important;
}

body.bb-grow-theme .bb-panel-link,
body.bb-grow-theme .bb-menu-link,
body.bb-grow-theme .bb-context-help,
body.bb-grow-theme a:not(.bb-panel-button):not(.bb-panel-nav a) {
    color: var(--bb-text-link);
}

body.bb-grow-theme .bb-panel-form input,
body.bb-grow-theme .bb-panel-form select,
body.bb-grow-theme .bb-panel-form textarea,
body.bb-grow-theme .bb-management-form input,
body.bb-grow-theme .bb-management-form select,
body.bb-grow-theme .bb-management-form textarea,
body.bb-grow-theme .bb-analytics-pro__range select {
    border-color: var(--bb-input-border) !important;
    background: var(--bb-input-bg) !important;
    color: var(--bb-grow-text) !important;
}

body.bb-grow-theme .bb-panel-form input::placeholder,
body.bb-grow-theme .bb-panel-form textarea::placeholder,
body.bb-grow-theme .bb-management-form input::placeholder,
body.bb-grow-theme .bb-management-form textarea::placeholder {
    color: var(--bb-input-placeholder);
}

body.bb-grow-theme .bb-panel-form input:focus,
body.bb-grow-theme .bb-panel-form select:focus,
body.bb-grow-theme .bb-panel-form textarea:focus,
body.bb-grow-theme .bb-management-form input:focus,
body.bb-grow-theme .bb-management-form select:focus,
body.bb-grow-theme .bb-management-form textarea:focus {
    border-color: var(--bb-input-focus) !important;
    outline: 2px solid rgba(217, 70, 239, 0.2);
    box-shadow: 0 0 0 4px rgba(217, 70, 239, 0.1), 0 0 20px rgba(168, 85, 247, 0.12);
}

body.bb-grow-theme .bb-management-table th,
body.bb-grow-theme .bb-management-table td,
body.bb-grow-theme .bb-menu-table th,
body.bb-grow-theme .bb-menu-table td {
    border-color: var(--bb-divider) !important;
    color: var(--bb-text-body);
}

body.bb-grow-theme .bb-management-table th,
body.bb-grow-theme .bb-menu-table th {
    background: var(--bb-table-head-bg) !important;
    color: var(--bb-text-title) !important;
}

body.bb-grow-theme .bb-management-table tr:hover td,
body.bb-grow-theme .bb-menu-table tr:hover td {
    background: var(--bb-card-bg-soft) !important;
}

body.bb-grow-theme .bb-panel-notice,
body.bb-grow-theme .bb-context-help,
body.bb-grow-theme .bb-onboarding,
body.bb-grow-theme .bb-tutorial-more {
    border-color: var(--bb-grow-border) !important;
    background: var(--bb-grow-surface-raised) !important;
    color: var(--bb-grow-text) !important;
}

body.bb-grow-theme .bb-panel-notice--success { border-color: var(--bb-success) !important; background: var(--bb-success-soft) !important; color: var(--bb-success) !important; }
body.bb-grow-theme .bb-panel-notice--warning { border-color: var(--bb-warning) !important; background: var(--bb-warning-soft) !important; color: var(--bb-warning) !important; }
body.bb-grow-theme .bb-panel-notice--error { border-color: var(--bb-danger) !important; background: var(--bb-danger-soft) !important; color: var(--bb-danger) !important; }

body.bb-grow-theme .bb-pro-summary__hero {
    border-color: var(--bb-card-border) !important;
    background:
        radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--bb-accent-primary) 44%, transparent), transparent 30%),
        radial-gradient(circle at 48% 118%, color-mix(in srgb, var(--bb-accent-secondary) 40%, transparent), transparent 42%),
        var(--bb-hero-gradient) !important;
    box-shadow: 0 24px 64px rgba(107, 33, 168, 0.28);
}

body.bb-grow-theme .bb-pro-summary-kpi,
body.bb-grow-theme .bb-pro-summary-card,
body.bb-grow-theme .bb-pro-summary .bb-analytics-pro-card {
    border-color: var(--bb-grow-border) !important;
    background: linear-gradient(145deg, var(--bb-card-bg), var(--bb-card-bg-alt)) !important;
    box-shadow: 0 18px 42px rgba(5, 3, 18, 0.3);
}

body.bb-grow-theme .bb-pro-summary-kpi strong,
body.bb-grow-theme .bb-pro-summary-card__head h3,
body.bb-grow-theme .bb-pro-summary .bb-analytics-pro-card__head h3,
body.bb-grow-theme .bb-pro-summary-insights h3 {
    color: var(--bb-grow-text) !important;
}

body.bb-grow-theme .bb-pro-summary-kpi span,
body.bb-grow-theme .bb-pro-summary-kpi small,
body.bb-grow-theme .bb-pro-summary-card__head p {
    color: var(--bb-grow-muted) !important;
}

body.bb-grow-theme .bb-pro-summary-kpi__icon {
    background: var(--bb-accent-soft) !important;
    color: var(--bb-accent-primary) !important;
}

body.bb-grow-theme .bb-pro-summary-actions__grid > a {
    border-color: var(--bb-grow-border) !important;
    background: var(--bb-grow-surface-soft) !important;
    color: var(--bb-grow-text) !important;
}

body.bb-grow-theme .bb-pro-summary-actions__grid > a:hover,
body.bb-grow-theme .bb-pro-summary-actions__grid > a:focus-visible {
    border-color: var(--bb-grow-border-strong) !important;
    box-shadow: 0 12px 28px rgba(236, 72, 153, 0.16);
}

body.bb-grow-theme .bb-pro-summary-actions__grid strong,
body.bb-grow-theme .bb-pro-summary-actions__grid b {
    color: var(--bb-accent-primary) !important;
}

body.bb-grow-theme .bb-pro-summary-insights {
    border-color: var(--bb-grow-border) !important;
    background: linear-gradient(120deg, var(--bb-card-bg-alt), var(--bb-card-bg) 58%, var(--bb-card-bg-soft)) !important;
}

body.bb-grow-theme .bb-pro-summary-insights li {
    color: var(--bb-grow-muted);
}

body.bb-grow-theme .bb-pro-summary-insights li::before,
body.bb-grow-theme .bb-pro-summary .bb-analytics-pro-chart__line {
    background: var(--bb-grow-pink);
    stroke: var(--bb-grow-pink);
}

body.bb-grow-theme .bb-panel-nav-shell--grow {
    border-color: var(--bb-card-border) !important;
    background:
        radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--bb-accent-primary) 20%, transparent), transparent 48%),
        linear-gradient(180deg, var(--bb-sidebar-bg-alt) 0%, var(--bb-sidebar-bg) 100%) !important;
    box-shadow: 0 18px 44px rgba(5, 3, 18, 0.28);
}

body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a {
    border-color: transparent !important;
    background: transparent !important;
    color: var(--bb-nav-text) !important;
}

body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a:hover,
body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a:focus,
body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a:focus-visible {
    border-color: var(--bb-border-strong) !important;
    background: var(--bb-nav-active-bg) !important;
    color: var(--bb-nav-active-text) !important;
}

body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a.is-active,
body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a.is-active:hover,
body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a.is-active:focus-visible {
    border-color: var(--bb-border-strong) !important;
    background: var(--bb-nav-active-gradient) !important;
    color: var(--bb-nav-active-text) !important;
    box-shadow: 0 10px 25px var(--bb-nav-active-glow);
}

body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav__icon,
body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav__icon i,
body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav__icon svg {
    color: var(--bb-accent-secondary) !important;
    fill: var(--bb-accent-secondary) !important;
}

body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a.is-active .bb-panel-nav__icon,
body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a.is-active .bb-panel-nav__icon i,
body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a.is-active .bb-panel-nav__icon svg {
    color: var(--bb-nav-active-text) !important;
    fill: var(--bb-nav-active-text) !important;
}

body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav-toggle {
    border-color: var(--bb-border-strong) !important;
    background: var(--bb-nav-active-gradient) !important;
    color: var(--bb-nav-active-text) !important;
}

body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav-toggle__icon span {
    background: var(--bb-accent-primary) !important;
}

@media (max-width: 640px) {
    body.bb-grow-theme .bb-panel-nav-shell--grow {
        border-color: var(--bb-card-border) !important;
        background:
            radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--bb-accent-primary) 20%, transparent), transparent 58%),
            var(--bb-sidebar-bg) !important;
    }

    body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow {
        border-color: var(--bb-card-border) !important;
        background: linear-gradient(180deg, var(--bb-sidebar-bg-alt), var(--bb-sidebar-bg)) !important;
    }
}

.bb-pro-summary {
    gap: 20px;
    color: #0F172A;
}

.bb-pro-summary *,
.bb-pro-summary *::before,
.bb-pro-summary *::after {
    box-sizing: border-box;
}

.bb-pro-summary__hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-height: 210px;
    overflow: hidden;
    border: 1px solid var(--bb-card-border);
    border-radius: 24px;
    background:
        radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--bb-accent-primary) 38%, transparent), transparent 31%),
        radial-gradient(circle at 64% 110%, color-mix(in srgb, var(--bb-accent-secondary) 32%, transparent), transparent 40%),
        var(--bb-hero-gradient);
    color: var(--bb-text-inverse);
    padding: clamp(28px, 4vw, 46px);
    box-shadow: 0 24px 60px rgba(30, 64, 175, 0.18);
}

.bb-pro-summary__hero::after {
    position: absolute;
    top: -90px;
    right: -70px;
    width: 300px;
    height: 300px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    box-shadow: 0 0 0 42px rgba(255, 255, 255, 0.035), 0 0 0 88px rgba(255, 255, 255, 0.025);
    content: "";
    pointer-events: none;
}

.bb-pro-summary__hero-copy,
.bb-pro-summary__hero-actions {
    position: relative;
    z-index: 1;
}

.bb-pro-summary__hero h2 {
    margin: 13px 0 8px;
    color: var(--bb-text-inverse) !important;
    font-size: clamp(32px, 4.5vw, 48px);
    letter-spacing: -0.035em;
    line-height: 1.04;
}

.bb-pro-summary__hero p {
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 16px;
}

.bb-pro-summary__hero-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.bb-pro-summary__section-label {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.bb-pro-summary__badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border: 1px solid rgba(191, 219, 254, 0.4);
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.22);
    color: #DBEAFE;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.08em;
    padding: 7px 11px;
    text-transform: uppercase;
}

.bb-pro-summary__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.bb-pro-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border: 1px solid transparent;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 850;
    padding: 11px 16px;
    text-decoration: none !important;
    transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.bb-pro-button:hover,
.bb-pro-button:focus-visible {
    transform: translateY(-1px);
}

.bb-pro-button--light {
    background: #FFFFFF;
    color: var(--bb-pro-primary-strong) !important;
}

.bb-pro-button--glass {
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF !important;
}

.bb-pro-button--glass:hover,
.bb-pro-button--glass:focus-visible {
    background: rgba(255, 255, 255, 0.15);
}

.bb-pro-summary__kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.bb-pro-summary-kpi,
.bb-pro-summary-card,
.bb-pro-summary .bb-analytics-pro-card {
    border: 1px solid var(--bb-pro-border);
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 14px 38px rgba(30, 64, 175, 0.07);
}

.bb-pro-summary-kpi {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
    padding: 20px;
}

.bb-pro-summary-kpi__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--bb-pro-primary-soft);
    color: var(--bb-pro-primary);
}

.bb-pro-summary-kpi__icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.bb-pro-summary-kpi > div {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.bb-pro-summary-kpi span,
.bb-pro-summary-kpi small {
    color: var(--bb-pro-text-muted);
    font-size: 12px;
}

.bb-pro-summary-kpi span {
    font-weight: 800;
}

.bb-pro-summary-kpi strong {
    color: #0F172A;
    font-size: clamp(27px, 3vw, 36px);
    letter-spacing: -0.03em;
    line-height: 1;
}

.bb-pro-summary__main,
.bb-pro-summary__secondary {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(270px, 0.75fr);
    align-items: stretch;
    gap: 18px;
}

.bb-pro-summary__secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bb-pro-summary-card,
.bb-pro-summary .bb-analytics-pro-card {
    min-width: 0;
    padding: 22px;
}

.bb-pro-summary-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.bb-pro-summary-card__head h3,
.bb-pro-summary .bb-analytics-pro-card__head h3,
.bb-pro-summary-insights h3 {
    margin: 4px 0 0;
    color: #0F172A;
    font-size: 20px;
    letter-spacing: -0.015em;
}

.bb-pro-summary-card__head p {
    margin: 6px 0 0;
    color: var(--bb-pro-text-muted);
    font-size: 13px;
}

.bb-pro-summary__eyebrow,
.bb-pro-summary .bb-panel-eyebrow {
    display: inline-flex;
    width: fit-content;
    margin: 0;
    border-radius: 999px;
    background: var(--bb-pro-primary-soft);
    color: var(--bb-pro-primary-strong);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.07em;
    padding: 6px 9px;
    text-transform: uppercase;
}

.bb-pro-summary__period {
    display: inline-flex;
    gap: 3px;
    border: 1px solid var(--bb-pro-border);
    border-radius: 10px;
    background: var(--bb-pro-surface-accent);
    padding: 4px;
}

.bb-pro-summary__period a {
    border-radius: 7px;
    color: var(--bb-pro-text-muted);
    font-size: 11px;
    font-weight: 800;
    padding: 7px 9px;
    text-decoration: none !important;
    white-space: nowrap;
}

.bb-pro-summary__period a:hover,
.bb-pro-summary__period a:focus-visible,
.bb-pro-summary__period a.is-active {
    background: var(--bb-tab-active-bg);
    color: #FFFFFF;
}

.bb-pro-summary .bb-analytics-pro-chart__canvas {
    min-height: 300px;
    border-color: #E7EEF9;
    background: linear-gradient(180deg, #FFFFFF 0%, var(--bb-pro-surface-accent) 100%);
}

.bb-pro-summary .bb-analytics-pro-chart__canvas svg {
    min-height: 300px;
}

.bb-pro-summary .bb-analytics-pro-chart__grid {
    stroke: #E8EEF8;
}

.bb-pro-summary .bb-analytics-pro-chart__line {
    stroke: var(--bb-pro-primary);
}

.bb-pro-summary .bb-analytics-pro-popular__media {
    background: var(--bb-pro-primary-soft);
}

.bb-pro-summary .bb-analytics-pro-popular__placeholder {
    background: linear-gradient(135deg, var(--bb-pro-primary-deep), var(--bb-pro-primary));
}

.bb-pro-summary .bb-analytics-pro-donut span {
    color: var(--bb-pro-primary-deep);
    box-shadow: inset 0 0 0 1px var(--bb-pro-border);
}

.bb-pro-summary-status__pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 850;
    padding: 7px 10px;
}

.bb-pro-summary-status__pill.is-published {
    background: #DBEAFE;
    color: #1E40AF;
}

.bb-pro-summary-status__pill.is-draft {
    background: #F1F5F9;
    color: #475569;
}

.bb-pro-summary-status__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 18px;
    margin: 0;
}

.bb-pro-summary-status__grid div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #E8EEF8;
    padding: 13px 0;
}

.bb-pro-summary-status__grid div:last-child {
    grid-column: 1 / -1;
}

.bb-pro-summary-status__grid dt {
    color: var(--bb-pro-text-muted);
    font-size: 12px;
}

.bb-pro-summary-status__grid dd {
    margin: 0;
    color: #0F172A;
    font-size: 13px;
    font-weight: 850;
    text-align: right;
}

.bb-pro-summary-insights {
    display: grid;
    grid-template-columns: minmax(180px, 0.55fr) minmax(0, 1.45fr);
    align-items: center;
    gap: 24px;
    overflow: hidden;
    border: 1px solid #BFDBFE;
    border-radius: 18px;
    background: linear-gradient(120deg, #EFF6FF, #F8FAFF 55%, #FFFFFF);
    padding: 22px 24px;
}

.bb-pro-summary-insights ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bb-pro-summary-insights li {
    position: relative;
    color: #334155;
    font-size: 13px;
    line-height: 1.5;
    padding-left: 16px;
}

.bb-pro-summary-insights li::before {
    position: absolute;
    top: 0.58em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--bb-pro-primary);
    content: "";
}

.bb-pro-summary-actions__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.bb-pro-summary-actions__grid > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    border: 1px solid var(--bb-pro-border);
    border-radius: 13px;
    background: var(--bb-pro-surface-accent);
    color: #0F172A;
    padding: 15px;
    text-decoration: none !important;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.bb-pro-summary-actions__grid > a:hover,
.bb-pro-summary-actions__grid > a:focus-visible {
    border-color: #93C5FD;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.1);
    transform: translateY(-1px);
}

.bb-pro-summary-actions__grid span,
.bb-pro-summary-actions__grid strong,
.bb-pro-summary-actions__grid small {
    display: block;
    min-width: 0;
}

.bb-pro-summary-actions__grid strong {
    color: var(--bb-pro-primary-deep);
    font-size: 13px;
}

.bb-pro-summary-actions__grid small {
    margin-top: 4px;
    color: var(--bb-pro-text-muted);
    font-size: 11px;
}

.bb-pro-summary-actions__grid b {
    color: var(--bb-pro-primary);
    font-size: 18px;
}

.bb-panel-nav-shell.bb-panel-nav-shell--pro .bb-panel-nav.bb-panel-nav--pro a:hover,
.bb-panel-nav-shell.bb-panel-nav-shell--pro .bb-panel-nav.bb-panel-nav--pro a:focus,
.bb-panel-nav-shell.bb-panel-nav-shell--pro .bb-panel-nav.bb-panel-nav--pro a:focus-visible,
.bb-panel-nav-shell.bb-panel-nav-shell--pro .bb-panel-nav.bb-panel-nav--pro a.is-active {
    border-color: var(--bb-nav-active-bg);
    background: var(--bb-nav-active-gradient);
    color: var(--bb-nav-active-text);
}

.bb-panel-nav-shell.bb-panel-nav-shell--pro .bb-panel-nav-toggle {
    border-color: var(--bb-border-strong);
    background: var(--bb-sidebar-bg-alt);
}

.bb-panel-nav-shell.bb-panel-nav-shell--pro .bb-panel-nav-toggle__icon span {
    background: var(--bb-accent-primary);
}

@media (max-width: 1100px) {
    .bb-pro-summary__kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bb-pro-summary__main,
    .bb-pro-summary__secondary {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .bb-pro-summary__hero {
        align-items: flex-start;
        flex-direction: column;
        min-height: 0;
    }

    .bb-pro-summary__hero-actions {
        width: 100%;
    }

    .bb-pro-summary__hero-actions .bb-pro-button {
        flex: 1 1 145px;
    }

    .bb-pro-summary-card__head {
        align-items: stretch;
        flex-direction: column;
    }

    .bb-pro-summary__period {
        width: fit-content;
        max-width: 100%;
    }

    .bb-pro-summary-insights {
        grid-template-columns: 1fr;
    }

    .bb-pro-summary-actions__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .bb-pro-summary {
        gap: 14px;
    }

    .bb-pro-summary__hero {
        border-radius: 18px;
        padding: 25px 20px;
    }

    .bb-pro-summary__hero h2 {
        font-size: 32px;
    }

    .bb-pro-summary__kpis,
    .bb-pro-summary-actions__grid,
    .bb-pro-summary-insights ul,
    .bb-pro-summary-status__grid {
        grid-template-columns: 1fr;
    }

    .bb-pro-summary-status__grid div:last-child {
        grid-column: auto;
    }

    .bb-pro-summary-kpi,
    .bb-pro-summary-card,
    .bb-pro-summary .bb-analytics-pro-card,
    .bb-pro-summary-insights {
        padding: 18px;
    }

    .bb-pro-summary__period {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .bb-pro-summary__period a {
        text-align: center;
    }

    .bb-pro-summary .bb-analytics-pro-chart__canvas,
    .bb-pro-summary .bb-analytics-pro-chart__canvas svg {
        min-height: 250px;
    }
}

.bb-design-editor {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 420px);
    gap: 24px;
    align-items: start;
}

.bb-design-editor__controls {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.bb-design-editor__preview {
    position: sticky;
    top: 20px;
}

.bb-design-preview {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

.bb-design-phone {
    position: relative;
    width: min(390px, 100%);
    border: 8px solid var(--bb-sidebar-bg, #0E1C25);
    border-radius: 38px;
    background: var(--bb-sidebar-bg, #0E1C25);
    box-shadow: 0 18px 42px rgba(7, 26, 46, .2);
    padding: 5px;
}

.bb-design-phone__notch {
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 2;
    width: 92px;
    height: 20px;
    border-radius: 0 0 14px 14px;
    background: var(--bb-sidebar-bg, #0E1C25);
    transform: translateX(-50%);
}

.bb-design-phone__screen {
    position: relative;
    height: 700px;
    overflow: hidden;
    border-radius: 28px;
    background: var(--bb-page-bg, #F3F7F9);
    padding: 0;
}

.bb-design-phone__screen > * {
    box-sizing: border-box;
}

.bb-design-phone__notch {
    pointer-events: none;
}

.bb-design-phone__frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 28px;
    background: #F6F8FB;
}

.bb-design-preview__loading,
.bb-design-preview__error {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    place-items: center;
    margin: 0;
    padding: 24px;
    color: #64748B;
    font-size: 13px;
    text-align: center;
}

.bb-design-preview__error {
    color: #991B1B;
}

.bb-design-preview__loading[hidden],
.bb-design-preview__error[hidden] {
    display: none;
}

.bb-set-menu-editor .bb-set-menu-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.bb-set-menu-editor .bb-set-menu-heading h3 {
    margin: 0;
}

.bb-menu-help-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #B8D4E2;
    border-radius: 999px;
    background: #FFFFFF;
    color: #0E7490;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    padding: 8px 12px;
}

.bb-menu-help-trigger:hover,
.bb-menu-help-trigger:focus-visible {
    border-color: #0E7490;
    background: #EAFBFD;
    color: #071A2E;
}

.bb-menu-help-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    background: rgba(7, 26, 46, .66);
    padding: 20px;
}

.bb-menu-help-modal[hidden] {
    display: none;
}

.bb-menu-help-modal__dialog {
    position: relative;
    width: min(920px, 100%);
    max-height: 88vh;
    overflow-y: auto;
    border: 1px solid #DCE5EC;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 24px 70px rgba(7, 26, 46, .28);
    color: #071A2E;
    padding: clamp(22px, 4vw, 42px);
}

.bb-menu-help-modal__dialog h2 {
    margin: 8px 46px 10px 0;
    color: #071A2E;
    font-size: clamp(24px, 4vw, 34px);
}

.bb-menu-help-modal__dialog p {
    color: #506789;
    line-height: 1.6;
}

.bb-menu-help-modal__intro {
    margin: 0 0 24px;
    border-left: 4px solid #22C7D5;
    border-radius: 6px;
    background: #F4FBFD;
    padding: 14px 16px;
}

.bb-menu-help-modal__close {
    position: absolute;
    top: 18px;
    right: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid #DCE5EC;
    border-radius: 50%;
    background: #FFFFFF;
    color: #071A2E;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
}

.bb-menu-help-modal__close:hover,
.bb-menu-help-modal__close:focus-visible {
    border-color: #0E7490;
    color: #0E7490;
}

.bb-menu-help-step {
    border-top: 1px solid #E5EDF2;
    padding: 20px 0;
}

.bb-menu-help-step h3,
.bb-menu-help-complete h3,
.bb-menu-help-reminder h3 {
    margin: 0 0 8px;
    color: #071A2E;
    font-size: 20px;
}

.bb-menu-help-step > p:first-of-type {
    margin-top: 0;
}

.bb-menu-help-example {
    margin: 12px 0;
    border: 1px solid #DCE5EC;
    border-radius: 10px;
    background: #F8FBFD;
    color: #17324D;
    line-height: 1.7;
    padding: 13px 15px;
}

.bb-menu-help-example--strong {
    border-color: #22C7D5;
    background: #F0FCFE;
}

.bb-menu-help-subsection {
    margin-top: 14px;
}

.bb-menu-help-subsection > strong {
    color: #0E7490;
    font-size: 13px;
    letter-spacing: .05em;
}

.bb-menu-help-note,
.bb-menu-help-reminder {
    border-radius: 10px;
    background: #FFF8E7;
    color: #624A13;
    padding: 14px 16px;
}

.bb-menu-help-complete {
    border-top: 1px solid #E5EDF2;
    padding-top: 24px;
}

.bb-menu-help-example--card {
    display: grid;
    gap: 8px;
    border-color: #22C7D5;
    background: #FFFFFF;
    box-shadow: 0 8px 22px rgba(7, 26, 46, .08);
}

.bb-menu-help-example--card h4 {
    margin: 0;
    color: #071A2E;
    font-size: 18px;
}

.bb-menu-help-example--card p {
    margin: 0;
}

.bb-menu-help-example--card strong {
    color: #0E7490;
    font-size: 12px;
    letter-spacing: .06em;
}

.bb-menu-help-example--card span {
    color: #506789;
    line-height: 1.55;
}

.bb-menu-help-reminder {
    margin-top: 22px;
    background: #F4FBFD;
    color: #17324D;
}

.bb-menu-help-reminder ol {
    margin: 8px 0 0;
    padding-left: 22px;
    line-height: 1.7;
}

.bb-menu-help-modal__footer {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #E5EDF2;
    margin-top: 24px;
    padding-top: 20px;
}

@media (max-width: 640px) {
    .bb-set-menu-editor .bb-set-menu-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .bb-menu-help-trigger {
        width: 100%;
        justify-content: center;
    }

    .bb-menu-help-modal {
        padding: 12px;
    }

    .bb-menu-help-modal__dialog {
        max-height: 90vh;
        border-radius: 14px;
        padding: 20px 16px;
    }
}

@media (max-width: 980px) {
    .bb-design-editor {
        grid-template-columns: 1fr;
    }

    .bb-design-editor__preview {
        position: static;
        grid-row: 1;
    }

    .bb-design-editor__controls {
        grid-row: 2;
    }
}

@media (max-width: 520px) {
    .bb-design-phone {
        width: min(390px, 100%);
    }

    .bb-design-phone__screen {
        height: 650px;
    }
}

.bb-set-menu-editor { align-items: start; }
.bb-set-menu-structure { margin-top: 1.5rem; }
.bb-set-menu-section { border-top: 1px solid #e5e7eb; padding: 1rem 0; }
.bb-set-menu-item { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: .65rem; background: #f8fafc; border-radius: .5rem; margin: .5rem 0; }
.bb-set-menu-subform { margin-top: 1rem; padding: 1rem; border: 1px solid #e5e7eb; border-radius: .75rem; }
.bb-schedule-editor { min-width: 0; border: 1px solid #e5e7eb; border-radius: .75rem; padding: 1rem; }
.bb-schedule-editor > summary,
.bb-set-menu-allergens > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    cursor: pointer;
    color: #102A43;
    font-weight: 850;
    list-style: none;
}
.bb-schedule-editor > summary::-webkit-details-marker,
.bb-set-menu-allergens > summary::-webkit-details-marker { display: none; }
.bb-schedule-editor > summary::after,
.bb-set-menu-allergens > summary::after { content: '⌄'; color: #64748B; font-size: 1.1rem; line-height: 1; transition: transform .18s ease; }
.bb-schedule-editor[open] > summary::after,
.bb-set-menu-allergens[open] > summary::after { transform: rotate(180deg); }
.bb-schedule-editor[open] > summary { margin-bottom: 1rem; }
.bb-set-menu-allergens { min-width: 0; border: 1px solid #DCE5EC; border-radius: 14px; background: #F8FBFD; padding: 12px; }
.bb-set-menu-allergens[open] > summary { margin-bottom: 12px; }
.bb-schedule-row { display: grid; grid-template-columns: minmax(8rem, 1.15fr) repeat(4, minmax(0, 1fr)); gap: .75rem; align-items: end; min-width: 0; margin-bottom: .75rem; }
.bb-schedule-row > label { min-width: 0; }
.bb-schedule-row input[type="date"],
.bb-schedule-row input[type="time"] { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }
.bb-schedule-row--dates { grid-template-columns: minmax(8rem, 1.15fr) repeat(2, minmax(0, 1fr)); }
.bb-schedule-row--dates input[type="date"] { min-width: 0; }
.bb-highlight-order { margin-top: 1rem; }
.bb-highlight-order ol { list-style: none; padding: 0; }
.bb-highlight-order li { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border: 1px solid #e5e7eb; border-radius: .5rem; padding: .75rem; margin-bottom: .5rem; }
.bb-highlight-order button { min-width: 2rem; min-height: 2rem; }
.bb-public-sections-order { display: grid; gap: .55rem; margin: 1rem 0; padding: 0; list-style: none; }
.bb-public-sections-order li { margin: 0; }
.bb-public-sections-order li > span:first-of-type { display: grid; gap: 3px; min-width: 0; }
.bb-public-sections-order li > span:last-child { display: flex; align-items: center; justify-content: flex-end; gap: .45rem; flex-wrap: wrap; }
.bb-public-sections-order li small { color: #64748B; font-size: 12px; }
.bb-highlight-status-summary { margin: .75rem 0 0; }
.bb-highlight-status-list { display: grid; gap: .55rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.bb-highlight-status-list li { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-width: 0; border: 1px solid #e5e7eb; border-radius: .5rem; padding: .65rem .75rem; }
.bb-highlight-status-list li > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.bb-highlight-status { display: inline-flex; flex: 0 0 auto; align-items: center; border-radius: 999px; font-size: .72rem; font-weight: 800; line-height: 1.2; padding: .3rem .5rem; text-align: center; }
.bb-highlight-status--visible { background: #dcfce7; color: #166534; }
.bb-highlight-status--blocked,
.bb-highlight-status--inactive,
.bb-highlight-status--unavailable,
.bb-highlight-status--scheduled { background: #fef3c7; color: #92400e; }
.bb-highlight-status--disabled { background: #e5e7eb; color: #374151; }
@media (max-width: 700px) { .bb-schedule-row { grid-template-columns: 1fr; } .bb-set-menu-item { align-items: flex-start; flex-direction: column; } }

.barboost-cards-grid.is-equal-height .barboost-plan-card {
    height: 100%;
}

.barboost-plan-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #DCE5EC;
    border-radius: 14px;
    background: #FFFFFF;
    color: #102A43;
}

.barboost-plan-card.has-left-image {
    flex-direction: row;
}

.barboost-plan-card.has-left-image .barboost-plan-card__image {
    flex: 0 0 38%;
}

.barboost-plan-card.has-left-image .barboost-plan-card__image img {
    height: 100%;
}

.barboost-plan-card.has-expanded-image .barboost-plan-card__body {
    padding-top: 22px;
}

.barboost-plan-card__image img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.barboost-plan-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
}

.barboost-plan-card__label,
.barboost-plan-card__ribbon {
    display: inline-flex;
    width: fit-content;
    border-radius: 999px;
    background: #EAFBFD;
    color: #0E7490;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 9px;
}

.barboost-plan-card__ribbon {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
}

.barboost-plan-card__label--image {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
}

.barboost-plan-card__title {
    margin: 0;
    font-size: 24px;
    line-height: 1.2;
}

.barboost-plan-card__subtitle,
.barboost-plan-card__meta,
.barboost-plan-card__description,
.barboost-plan-cta__description {
    margin: 0;
    color: #64748B;
}

.barboost-plan-card__features {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.barboost-plan-card__features li {
    display: flex;
    gap: 8px;
}

.barboost-plan-card__footer {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}

.barboost-cards-grid:not(.has-inline-price-button) .barboost-plan-card__footer {
    align-items: flex-start;
    flex-direction: column;
}

.barboost-plan-card__price,
.barboost-plan-price,
.barboost-plan-cta__price {
    color: #071A2E;
    font-weight: 700;
}

.barboost-plan-card__button,
.barboost-plan-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #0E7490;
    color: #FFFFFF;
    font-weight: 700;
    padding: 12px 18px;
    text-decoration: none;
}

.barboost-catalog-features {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.barboost-catalog-features__item {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.barboost-catalog-features__icon {
    flex: 0 0 auto;
}

.barboost-service-checkout-form { display: grid; gap: 12px; width: 100%; }
.barboost-service-checkout-form__terms { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; line-height: 1.45; }
.barboost-service-purchase-status { margin: 16px 0; border-radius: 8px; padding: 12px 16px; }
.barboost-service-purchase-status--success { background: #DCFCE7; color: #166534; }
.barboost-service-purchase-status--cancelled { background: #FEF3C7; color: #92400E; }
.barboost-service-purchase-status--pending { background: #DBEAFE; color: #1E40AF; }
.barboost-service-purchase-status--error { background: #FEE2E2; color: #991B1B; }

.barboost-legal-checkout-form {
    display: grid;
    gap: 10px;
    width: 100%;
}

.barboost-legal-checkout-form__acceptance {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: #102A43;
    font-size: 13px;
    line-height: 1.45;
    text-align: left;
}

.barboost-legal-checkout-form__acceptance input {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-top: 2px;
    accent-color: #0E7490;
}

.barboost-legal-checkout-form__acceptance a,
.barboost-legal-checkout-form__privacy a {
    color: #0E7490;
    font-weight: 700;
}

.barboost-legal-checkout-form__privacy {
    margin: 0;
    color: #64748B;
    font-size: 12px;
    line-height: 1.45;
    text-align: left;
}

.barboost-plan-card__button:hover,
.barboost-plan-cta__button:hover {
    background: #2563EB;
    color: #FFFFFF;
}

.barboost-plan-title,
.barboost-plan-price {
    margin: 0;
}

.barboost-plan-cta {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.barboost-empty {
    color: #64748B;
}

.barboost-activate-account__form {
    display: grid;
    gap: 14px;
}

.barboost-activate-account__field {
    display: grid;
    gap: 6px;
    text-align: left;
}

.barboost-activate-account__label {
    color: #102A43;
    font-size: 14px;
    font-weight: 700;
}

.barboost-activate-account__input {
    width: 100%;
    min-height: 46px;
    border: 1px solid #DCE5EC;
    border-radius: 8px;
    background: #FFFFFF;
    color: #102A43;
    padding: 10px 12px;
}

.barboost-activate-account__input[readonly] {
    background: #F8FBFD;
    color: #64748B;
}

.barboost-activate-account__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: 0;
    border-radius: 8px;
    background: #0E7490;
    color: #FFFFFF;
    font-weight: 700;
    padding: 12px 18px;
    cursor: pointer;
}

.barboost-activate-account__error,
.barboost-activate-account__message {
    border: 1px solid #FCA5A5;
    border-radius: 8px;
    background: #FEF2F2;
    color: #991B1B;
    padding: 12px 14px;
}

.barboost-activate-account__error {
    margin-bottom: 14px;
}

.barboost-login-menu {
    position: relative;
    display: flex;
}

.barboost-login-menu__wrap {
    position: relative;
    display: inline-flex;
}

.barboost-login-menu__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    border: 1px solid #102A43;
    border-radius: 8px;
    background: #FFFFFF;
    color: #102A43;
    font-weight: 700;
    line-height: 1;
    padding: 12px 18px;
    text-decoration: none;
    cursor: pointer;
}

.barboost-login-menu__button:hover,
.barboost-login-menu__wrap:focus-within .barboost-login-menu__button,
.barboost-login-menu__wrap:hover .barboost-login-menu__button {
    background: #F8FBFD;
    color: #071A2E;
}

.barboost-login-menu__avatar {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #0E7490;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 800;
}

.barboost-login-menu__chevron {
    font-size: 12px;
}

.barboost-login-menu__dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 50;
    display: grid;
    min-width: 210px;
    overflow: hidden;
    border: 1px solid #DCE5EC;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 16px 38px rgba(7, 26, 46, 0.16);
    opacity: 0;
    transform: translateY(-4px);
    visibility: hidden;
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.barboost-login-menu__wrap:hover .barboost-login-menu__dropdown,
.barboost-login-menu__wrap:focus-within .barboost-login-menu__dropdown {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.barboost-login-menu__dropdown a {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 14px;
    color: #102A43;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.barboost-login-menu__dropdown a:hover,
.barboost-login-menu__dropdown a:focus {
    background: #F8FBFD;
    color: #0E7490;
    outline: none;
}

.barboost-login-menu__logout {
    border-top: 1px solid #DCE5EC;
}

.barboost-login-form {
    display: grid;
    gap: 16px;
    border: 1px solid #DCE5EC;
    border-radius: 12px;
    background: #FFFFFF;
    color: #102A43;
    padding: 28px;
}

.barboost-login-form__title {
    margin: 0;
    color: #071A2E;
    font-size: 28px;
    line-height: 1.18;
}

.barboost-login-form__subtitle,
.barboost-login-form__message {
    margin: 0;
    color: #64748B;
}

.barboost-login-form__form {
    display: grid;
    gap: 14px;
}

.barboost-login-form__field {
    display: grid;
    gap: 6px;
    color: #102A43;
    font-size: 14px;
    font-weight: 700;
}

.barboost-login-form__field input {
    width: 100%;
    min-height: 46px;
    border: 1px solid #DCE5EC;
    border-radius: 8px;
    background: #FFFFFF;
    color: #102A43;
    padding: 10px 12px;
}

.barboost-login-form__field input:focus {
    border-color: #0E7490;
    outline: 2px solid rgba(14, 116, 144, 0.16);
}

.barboost-login-form__meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    color: #64748B;
    font-size: 14px;
}

.barboost-login-form__meta label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.barboost-login-form__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: 0;
    border-radius: 8px;
    background: #0E7490;
    color: #FFFFFF;
    font-weight: 800;
    padding: 12px 18px;
    cursor: pointer;
}

.barboost-login-form__button:hover {
    background: #2563EB;
}

.barboost-login-form__error {
    border: 1px solid #FCA5A5;
    border-radius: 8px;
    background: #FEF2F2;
    color: #991B1B;
    padding: 12px 14px;
}

.barboost-password-box {
    display: grid;
    gap: 16px;
    border: 1px solid #DCE5EC;
    border-radius: 12px;
    background: #FFFFFF;
    color: #102A43;
    padding: 28px;
}

.barboost-password-box__title {
    margin: 0;
    color: #071A2E;
    font-size: 28px;
    line-height: 1.18;
}

.barboost-password-box__subtitle {
    margin: 0;
    color: #64748B;
}

.barboost-password-box__form {
    display: grid;
    gap: 14px;
}

.barboost-password-box__field {
    display: grid;
    gap: 6px;
    color: #102A43;
    font-size: 14px;
    font-weight: 700;
}

.barboost-password-box__field input {
    width: 100%;
    min-height: 46px;
    border: 1px solid #DCE5EC;
    border-radius: 8px;
    background: #FFFFFF;
    color: #102A43;
    padding: 10px 12px;
}

.barboost-password-box__field input:focus {
    border-color: #0E7490;
    outline: 2px solid rgba(14, 116, 144, 0.16);
}

.barboost-password-box__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: 0;
    border-radius: 8px;
    background: #0E7490;
    color: #FFFFFF;
    font-weight: 800;
    padding: 12px 18px;
    text-decoration: none;
    cursor: pointer;
}

.barboost-password-box__button:hover {
    background: #2563EB;
    color: #FFFFFF;
}

.barboost-password-box__notice {
    border: 1px solid #BAE6FD;
    border-radius: 8px;
    background: #F0F9FF;
    color: #0C4A6E;
    padding: 12px 14px;
}

.barboost-password-box__notice--success {
    border-color: #86EFAC;
    background: #F0FDF4;
    color: #166534;
}

.barboost-password-box__notice--error {
    border-color: #FCA5A5;
    background: #FEF2F2;
    color: #991B1B;
}

.bb-panel,
.bb-panel-card,
.bb-panel-form {
    box-sizing: border-box;
}

.bb-panel {
    display: grid;
    gap: 18px;
    color: #102A43;
}

.bb-panel-home {
    gap: 22px;
}

.bb-panel-home[data-bb-panel-tier="free"] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    gap: 0 !important;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 0;
    height: auto;
}

.bb-panel-home[data-bb-panel-tier="free"] > * {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-self: stretch;
    margin: 0 !important;
    box-sizing: border-box;
}

body .elementor-widget-container:has(> .bb-panel-home[data-bb-panel-tier="free"]),
body .elementor-element:has(> .elementor-widget-container > .bb-panel-home[data-bb-panel-tier="free"]) {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
}

.bb-panel-home[data-bb-panel-tier="free"] .bb-panel-summary-grid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px !important;
}

.bb-panel-home[data-bb-panel-tier="free"] .bb-panel-layout {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 24px !important;
}

@media (max-width: 767px) {
    .bb-panel-home[data-bb-panel-tier="free"] {
        gap: 0 !important;
    }

    .bb-panel-home[data-bb-panel-tier="free"] .bb-panel-summary-grid,
    .bb-panel-home[data-bb-panel-tier="free"] .bb-panel-layout {
        gap: 18px !important;
    }
}

@media (max-width: 1100px) {
    .bb-panel-home[data-bb-panel-tier="free"] .bb-panel-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .bb-panel-home[data-bb-panel-tier="free"] .bb-panel-summary-grid,
    .bb-panel-home[data-bb-panel-tier="free"] .bb-panel-layout {
        grid-template-columns: 1fr;
    }
}

.bb-panel-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    overflow: hidden;
    border: 1px solid var(--bb-card-border);
    border-radius: 16px;
    background: var(--bb-hero-gradient);
    color: var(--bb-text-inverse);
    padding: 28px;
}

.bb-panel-hero h2,
.bb-panel-hero p {
    margin: 0;
}

.bb-panel-hero h2 {
    color: var(--bb-text-inverse) !important;
    font-size: 34px;
    line-height: 1.12;
}

.elementor .bb-panel.bb-panel-home .bb-panel-hero .bb-panel-hero__title,
body[class*="elementor-kit-"] .bb-panel.bb-panel-home .bb-panel-hero .bb-panel-hero__title,
body .bb-panel.bb-panel-home .bb-panel-hero h2.bb-panel-hero__title {
    color: var(--bb-text-inverse) !important;
}

.bb-panel-hero p {
    margin-top: 8px;
    color: color-mix(in srgb, var(--bb-text-inverse) 82%, transparent) !important;
}

.bb-panel-eyebrow {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 8px;
    border-radius: 999px;
    background: var(--bb-badge-bg);
    color: var(--bb-badge-text);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
    padding: 7px 10px;
    text-transform: uppercase;
}

.bb-panel-card {
    display: grid;
    gap: 16px;
    border: 1px solid #DCE5EC;
    border-radius: 12px;
    background: #FFFFFF;
    padding: 24px;
    box-shadow: 0 14px 36px rgba(7, 26, 46, 0.06);
}

.bb-panel-card h2,
.bb-panel-card h3 {
    margin: 0;
    color: #071A2E;
}

.bb-panel-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

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

.bb-panel-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.bb-panel-summary-card {
    display: grid;
    gap: 9px;
    min-height: 138px;
    border: 1px solid #DCE5EC;
    border-radius: 14px;
    background: #FFFFFF;
    padding: 20px;
    box-shadow: 0 14px 34px rgba(7, 26, 46, 0.06);
}

.bb-panel-summary-card span,
.bb-panel-summary-card small,
.bb-panel-details dt,
.bb-panel-help {
    color: #64748B;
    font-size: 13px;
}

.bb-panel-summary-card strong {
    color: #071A2E;
    font-size: 24px;
    line-height: 1.15;
}

.bb-panel-analytics {
    gap: 22px;
}

.bb-panel-analytics__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bb-panel-analytics__toolbar p {
    margin: 8px 0 0;
    color: #64748B;
}

.bb-panel-filter-group,
.bb-panel-chart-tabs {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #DCE5EC;
    border-radius: 10px;
    background: #F8FBFD;
    padding: 5px;
}

.bb-panel-filter,
.bb-panel-chart-tabs button {
    min-height: 34px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #102A43;
    font-size: 13px;
    font-weight: 800;
    padding: 8px 11px;
    cursor: pointer;
}

.bb-panel-filter:hover,
.bb-panel-filter.is-active,
.bb-panel-chart-tabs button:hover,
.bb-panel-chart-tabs button.is-active {
    background: var(--bb-tab-active-bg);
    color: #FFFFFF;
}

.bb-panel-chart-card {
    align-content: start;
}

.bb-panel-chart {
    position: relative;
    min-height: 300px;
    overflow: hidden;
    border: 1px solid #EAF0F5;
    border-radius: 12px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFD 100%);
}

.bb-panel-chart svg {
    display: block;
    width: 100%;
    height: 300px;
}

.bb-panel-chart__grid {
    fill: none;
    stroke: #DCE5EC;
    stroke-width: 1;
}

.bb-panel-chart__axis {
    fill: none;
    stroke: #94A3B8;
    stroke-width: 1.5;
}

.bb-panel-chart__line {
    fill: none;
    stroke: #2563EB;
    stroke-linecap: round;
    stroke-width: 5;
    opacity: 0.5;
}

.bb-panel-chart__bars {
    display: none;
    fill: #0E7490;
    opacity: 0.85;
}

.bb-panel-chart--bar .bb-panel-chart__line {
    display: none;
}

.bb-panel-chart--bar .bb-panel-chart__bars {
    display: block;
}

.bb-panel-chart__empty {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    border: 1px solid #DCE5EC;
    border-radius: 999px;
    background: #FFFFFF;
    color: #64748B;
    font-size: 13px;
    font-weight: 800;
    padding: 10px 14px;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.bb-panel-donut {
    display: grid;
    place-items: center;
    width: min(220px, 100%);
    aspect-ratio: 1;
    margin: 4px auto;
    border-radius: 999px;
    background: var(--bb-donut-bg, #EAF0F5);
}

.bb-panel-donut span {
    display: grid;
    place-items: center;
    width: 62%;
    aspect-ratio: 1;
    border-radius: 999px;
    background: #FFFFFF;
    color: #071A2E;
    font-size: 34px;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px #EAF0F5;
}

.bb-panel-legend {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bb-panel-legend li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #102A43;
    font-weight: 700;
}

.bb-panel-legend span {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #0E7490;
}

.bb-panel-legend li:nth-child(2) span {
    background: #2563EB;
}

.bb-panel-legend li:nth-child(3) span {
    background: #94A3B8;
}

.bb-panel-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 18px;
}

.bb-panel-fact {
    display: grid;
    gap: 5px;
    border: 1px solid #DCE5EC;
    border-radius: 8px;
    background: #F8FBFD;
    padding: 12px;
}

.bb-panel-fact span,
.bb-panel-help {
    color: #64748B;
    font-size: 13px;
}

.bb-panel-fact strong {
    color: #071A2E;
}

.bb-panel-actions,
.bb-panel-nav {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.bb-panel-nav-shell {
    width: 100%;
}

.bb-panel-nav-toggle {
    display: none;
}

.bb-panel-actions {
    align-items: center;
}

.bb-panel-nav--vertical {
    align-items: stretch;
    flex-direction: column;
}

.bb-panel-nav a,
.bb-panel-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    border: 1px solid #DCE5EC;
    border-radius: 8px;
    background: #FFFFFF;
    color: #102A43;
    font-weight: 700;
    padding: 10px 14px;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.bb-panel-nav a {
    width: auto;
}

.bb-panel-nav--vertical a {
    width: 100%;
}

.bb-panel-nav__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: currentColor;
    font-size: 16px;
    line-height: 1;
}

.bb-panel-nav__icon svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.bb-panel-nav__label {
    min-width: 0;
}

.bb-panel-nav a:hover,
.bb-panel-nav a.is-active,
.bb-panel-button {
    border-color: #0E7490;
    background: #0E7490;
    color: #FFFFFF;
}

.bb-panel-nav-toggle {
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background: #20343D;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 850;
    padding: 12px 14px;
}

.bb-panel-nav-toggle__icon {
    display: grid;
    gap: 4px;
    width: 22px;
}

.bb-panel-nav-toggle__icon span {
    display: block;
    height: 2px;
    border-radius: 999px;
    background: #28C7D4;
}

.bb-panel-button--light {
    border-color: rgba(255, 255, 255, 0.38);
    background: rgba(255, 255, 255, 0.12);
    color: #FFFFFF;
}

.bb-panel-button--light:hover {
    border-color: #FFFFFF;
    background: #FFFFFF;
    color: #071A2E;
}

.bb-panel-checks,
.bb-panel-state-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 18px;
}

.bb-panel-state-list {
    padding-left: 0;
    list-style: none;
}

.bb-panel-state-list li {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #102A43;
    font-weight: 700;
}

.bb-panel-state-list span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    padding: 7px 9px;
}

.bb-panel-state-list .is-done span {
    background: #DCFCE7;
    color: #166534;
}

.bb-panel-state-list .is-pending span {
    background: #FEF3C7;
    color: #92400E;
}

.bb-panel-business-overview {
    align-content: start;
}

.bb-panel-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
}

.bb-panel-details div {
    display: grid;
    gap: 5px;
    min-width: 0;
    border-top: 1px solid #EAF0F5;
    padding-top: 12px;
}

.bb-panel-details dt,
.bb-panel-details dd {
    margin: 0;
}

.bb-panel-details dd {
    overflow-wrap: anywhere;
    color: #071A2E;
    font-weight: 800;
}

.bb-panel-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.bb-panel-form label {
    display: grid;
    gap: 6px;
    font-weight: 700;
}

.bb-panel-form input,
.bb-panel-form select,
.bb-panel-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #DCE5EC;
    border-radius: 8px;
    background: #FFFFFF;
    color: #102A43;
    padding: 10px 12px;
}

.bb-panel-form textarea {
    min-height: 110px;
}

.bb-panel-form__full,
.bb-panel-form .bb-panel-button,
.bb-panel-form .bb-panel-link {
    grid-column: 1 / -1;
}

.bb-panel-link {
    color: #0E7490;
    font-weight: 700;
}

.bb-panel-logo {
    width: 86px;
    height: 86px;
    border-radius: 10px;
    object-fit: contain;
}

.bb-logo-field { display: grid; gap: 8px; min-width: 0; }
.bb-logo-field__label { font-weight: 800; }
.bb-logo-field__preview { display: flex; align-items: center; min-height: 86px; }
.bb-logo-field__input { min-width: 0; }
.bb-logo-cropper { width: min(560px, calc(100vw - 32px)); max-width: calc(100vw - 32px); border: 1px solid #DCE5EC; border-radius: 16px; background: var(--bb-card-bg, #FFFFFF); color: var(--bb-title-color, #071A2E); padding: 0; }
.bb-logo-cropper::backdrop { background: rgba(7, 26, 46, .62); }
.bb-logo-cropper__inner { display: grid; gap: 14px; padding: 24px; }
.bb-logo-cropper__inner h2, .bb-logo-cropper__inner p { margin: 0; }
.bb-logo-cropper__inner p { color: var(--bb-description-color, #64748B); line-height: 1.5; }
.bb-logo-cropper__viewport { position: relative; width: 100%; max-width: 480px; aspect-ratio: 1 / 1; margin: 0 auto; overflow: hidden; border: 1px solid #DCE5EC; border-radius: 12px; background-color: #F8FBFD; background-image: linear-gradient(45deg, #E7EDF3 25%, transparent 25%), linear-gradient(-45deg, #E7EDF3 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #E7EDF3 75%), linear-gradient(-45deg, transparent 75%, #E7EDF3 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0; touch-action: none; }
.bb-logo-cropper__viewport img { position: absolute; max-width: none; transform: translate(-50%, -50%); user-select: none; pointer-events: none; }
.bb-logo-cropper__zoom { display: grid; gap: 6px; min-width: 0; }
.bb-logo-cropper__zoom input { width: 100%; min-height: 30px; }
.bb-logo-cropper__result { display: flex; align-items: center; gap: 12px; }
.bb-logo-cropper__result canvas { width: 58px; height: 58px; border: 1px solid #DCE5EC; border-radius: 10px; background: #F8FBFD; }
.bb-logo-cropper__actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
@media (max-width: 560px) { .bb-logo-cropper__inner { padding: 16px; } .bb-logo-cropper__actions { flex-direction: column-reverse; } .bb-logo-cropper__actions .bb-panel-button { width: 100%; } }

.bb-panel-logo--placeholder {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    background: #EAFBFD;
    color: #0E7490;
    font-size: 32px;
    font-weight: 900;
}

.bb-food-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    color: currentColor;
}

.bb-allergen-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    color: currentColor;
}

.bb-menu-shell {
    gap: 18px;
}

.bb-menu-overview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.bb-menu-overview--with-menus {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bb-menu-overview-card {
    display: grid;
    gap: 8px;
    border: 1px solid #DCE5EC;
    border-radius: 14px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFD 100%);
    box-shadow: 0 14px 34px rgba(7, 26, 46, 0.06);
    padding: 18px;
}

.bb-menu-overview-card span {
    color: #0E7490;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-menu-overview-card strong {
    color: #071A2E;
    font-size: 28px;
    line-height: 1.05;
}

.bb-menu-overview-card small {
    color: #64748B;
    font-size: 13px;
    font-weight: 700;
}

.bb-menu-tabs,
.bb-menu-actions,
.bb-menu-flags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.bb-menu-tabs a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #DCE5EC;
    border-radius: 999px;
    background: #FFFFFF;
    color: #102A43;
    font-weight: 800;
    padding: 10px 16px;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(7, 26, 46, 0.04);
}

.bb-menu-tabs a span {
    border-radius: 999px;
    background: #FFFBEB;
    color: #92400E;
    font-size: 11px;
    font-weight: 950;
    line-height: 1;
    padding: 4px 7px;
}

.bb-menu-tabs a.is-locked:not(.is-active) {
    border-color: #FDE68A;
    background: #FFFBEB;
    color: #92400E;
}

.bb-menu-tabs a.is-active,
.bb-menu-tabs a:hover {
    border-color: var(--bb-tab-active-bg);
    background: var(--bb-tab-active-bg);
    color: #FFFFFF;
}

.bb-menu-publish-tabs,
.bb-qr-tabs {
    display: flex;
    gap: 9px;
    margin: 0 0 20px;
    overflow-x: auto;
    padding: 2px 1px 6px;
    scrollbar-width: thin;
    white-space: nowrap;
}

.bb-menu-publish-tabs a,
.bb-qr-tabs a {
    flex: 0 0 auto;
    border: 1px solid var(--bb-card-border);
    border-radius: 8px;
    background: var(--bb-card-bg-alt);
    color: var(--bb-text-body);
    font-size: 14px;
    font-weight: 700;
    padding: 9px 14px;
    text-decoration: none;
}

.bb-menu-publish-tabs a:hover,
.bb-menu-publish-tabs a:focus-visible,
.bb-qr-tabs a:hover,
.bb-qr-tabs a:focus-visible {
    border-color: var(--bb-accent-primary);
    color: var(--bb-text-title);
}

.bb-menu-publish-tabs a.is-active,
.bb-qr-tabs a.is-active {
    border-color: var(--bb-tab-active-bg);
    background: var(--bb-tab-active-bg);
    color: var(--bb-tab-active-text);
}

.bb-menu-grid {
    display: grid;
    grid-template-columns: minmax(320px, 0.9fr) minmax(420px, 1.1fr);
    gap: 18px;
    align-items: start;
}

.bb-management {
    display: grid;
    gap: 18px;
    width: 100%;
}

.bb-management-header,
.bb-management-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.bb-download-menu { position: relative; z-index: 20; }
.bb-download-menu > summary { list-style: none; cursor: pointer; }
.bb-download-menu > summary::-webkit-details-marker { display: none; }
.bb-download-menu > summary::after { content: '▾'; margin-left: 8px; font-size: 11px; }
.bb-download-menu[open] > summary::after { content: '▴'; }
.bb-download-menu__panel { position: absolute; top: calc(100% + 6px); right: 0; z-index: 100; display: grid; min-width: 230px; border: 1px solid #DCE5EC; border-radius: 10px; background: #FFFFFF; box-shadow: 0 14px 30px rgba(7, 26, 46, .16); padding: 6px; }
.bb-download-menu__panel a { display: block; border-radius: 7px; color: #102A43; font-size: 13px; font-weight: 750; padding: 10px 11px; text-decoration: none; white-space: nowrap; }
.bb-download-menu__panel a:hover, .bb-download-menu__panel a:focus-visible { background: #F0F9FF; color: #075E6B; outline: none; }
.bb-management { gap: 12px; }
.bb-management-bulk { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:nowrap; border:1px solid #DCE5EC; border-radius:14px; background:#F8FBFD; padding:8px 10px; }
.bb-management-bulk__summary { flex:1 1 auto; min-width:0; color:#64748B; font-size:13px; font-weight:800; white-space:nowrap; }
.bb-management-bulk__actions { display:flex; align-items:center; flex:0 1 auto; gap:6px; min-width:0; flex-wrap:nowrap; }
.bb-management-bulk__actions .bb-panel-button { min-height:34px; padding:5px 9px; font-size:12px; border-radius:8px; white-space:nowrap; }
.bb-management-bulk__actions select { flex:0 1 210px; width:210px; max-width:210px; min-height:34px; border:1px solid #CBD5E1; border-radius:8px; padding:5px 9px; }
.bb-management-table__select { width:42px; text-align:center; }
.bb-management-table input[type="checkbox"] { width:17px; height:17px; accent-color:#0E7490; }
.bb-management-table tr.is-selected td { background:#F0FAFB; }

.bb-management-header h3,
.bb-management-header p { margin: 0; }
.bb-management-header p { color: #64748B; margin-top: 5px; }
.bb-context-help-heading {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.bb-context-help-heading h2,
.bb-context-help-heading h3 { margin: 0; }
.bb-context-help {
    position: relative;
    z-index: 2;
    display: inline-grid;
    flex: 0 0 24px;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid #CBD5E1;
    border-radius: 50%;
    background: #FFFFFF;
    color: #2563EB;
    cursor: pointer;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
}
.bb-context-help:hover { background: #EFF6FF; }
.bb-context-help:focus-visible {
    outline: 3px solid rgba(37, 99, 235, 0.28);
    outline-offset: 2px;
}
.bb-context-help::after {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    width: min(280px, calc(100vw - 32px));
    padding: 8px 10px;
    border-radius: 8px;
    background: #071A2E;
    box-shadow: 0 8px 20px rgba(7, 26, 46, 0.18);
    color: #FFFFFF;
    content: attr(data-bb-help-tooltip);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    transition: opacity .15s ease, visibility .15s ease;
    visibility: hidden;
    white-space: normal;
}
.bb-context-help:hover::after,
.bb-context-help:focus-visible::after {
    opacity: 1;
    visibility: visible;
}
@media (max-width: 640px) {
    .bb-download-menu__panel { right: auto; left: 0; min-width: min(230px, calc(100vw - 56px)); }
    .bb-context-help::after {
        left: 0;
        transform: none;
    }
}
.bb-management-toolbar--search { align-items: stretch; }
.bb-management-toolbar--search .bb-menu-list-filter { width: min(420px, 100%); }
.bb-management-import[hidden] { display: none; }
.bb-management-form { border: 1px solid #DCE5EC; border-radius: 16px; background: #F8FBFD; padding: 18px; }
.bb-management-form h3 { margin: 0 0 12px; }
.bb-management-form__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.bb-management-table-wrap { width: 100%; overflow-x: auto; border: 1px solid #E2E8F0; border-radius: 16px; background: #FFF; box-shadow: 0 8px 24px rgba(7, 26, 46, 0.04); }
.bb-management-table { width: 100%; min-width: 680px; border-collapse: separate; border-spacing: 0; text-align: left; }
.bb-management-table,
.bb-management-table th,
.bb-management-table td { border-left: 0 !important; border-right: 0 !important; }
.bb-management-table th { background: #F1F5F9; color: #475569; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.bb-management-table th, .bb-management-table td { padding: 14px 16px; border-top: 0 !important; border-bottom: 1px solid #EAF0F5 !important; vertical-align: middle; }
.bb-management-table tbody tr:hover td { background: #F8FBFD; }
.bb-management-table tbody tr:last-child td { border-bottom: 0 !important; }
.bb-management-table__actions { display:flex; align-items:center; gap:6px; flex-wrap:wrap; white-space:normal; }
.bb-management-table__actions form { display:flex; margin:0; }
.bb-panel-button--compact { min-height:32px; padding:5px 9px; font-size:12px; border-radius:8px; }
.bb-panel-button--success { border-color:#A7F3D0; background:#ECFDF5; color:#047857; }
.bb-panel-button--warning { border-color:#FDE68A; background:#FFFBEB; color:#92400E; }
.bb-panel-button--danger-soft { border-color:#FECACA; background:#FFF7F7; color:#B91C1C; }
.bb-management-status { font-weight: 800; }
.bb-management-status.is-active { color: #047857; }
.bb-management-status.is-inactive { color: #64748B; }
@media (max-width: 900px) {
    .bb-management-bulk { align-items: stretch; flex-direction: column; }
    .bb-management-bulk__summary { width: 100%; white-space: normal; }
    .bb-management-bulk__actions { width: 100%; flex-wrap: wrap; }
}
@media (max-width: 640px) {
    .bb-management-bulk__actions { align-items: stretch; flex-direction: column; }
    .bb-management-bulk__actions select,
    .bb-management-bulk__actions .bb-panel-button { width: 100%; max-width: none; }
}
.bb-category-delete-choice { margin-top: 16px; color: #475569; }
.bb-category-delete-choice > p { margin: 8px 0; }
.bb-category-delete-choice fieldset { margin: 14px 0 0; border: 1px solid #DCE5EC; border-radius: 12px; padding: 14px; }
.bb-category-delete-choice legend { color: #102A43; font-weight: 900; padding: 0 5px; }
.bb-category-delete-choice select { width: 100%; min-height: 42px; margin: 6px 0 10px; }
.bb-category-delete-danger { border-color: #FCA5A5 !important; background: #FFF7F7; }
.bb-category-delete-danger p { color: #991B1B; }
.bb-bulk-delete-modal[hidden] { display:none; }
.bb-bulk-delete-modal { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; background:rgba(7,26,46,.48); padding:20px; }
.bb-bulk-delete-modal__dialog { width:min(560px,100%); max-height:90vh; overflow:auto; border-radius:18px; background:#fff; padding:24px; box-shadow:0 24px 80px rgba(7,26,46,.24); }
.bb-bulk-delete-modal__dialog h3 { margin:6px 0 8px; }
.bb-bulk-delete-modal__dialog p { color:#475569; line-height:1.55; }
.bb-bulk-delete-modal__dialog select { width:100%; min-height:40px; margin-top:6px; }

.bb-menu-import-export {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid #DCE5EC;
    border-radius: 14px;
    background: linear-gradient(135deg, #F0F9FF 0%, #FFFFFF 55%, #ECFEFF 100%);
    box-shadow: 0 14px 34px rgba(7, 26, 46, 0.06);
    margin: 0;
    padding: 18px;
}

.bb-menu-import-export h3 {
    margin: 0 0 4px;
}

.bb-menu-import-export p {
    margin: 0;
    color: #64748B;
    font-size: 14px;
}

.bb-menu-import-export__actions,
.bb-menu-import-export__actions form {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.bb-menu-upload {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px dashed #A8C3D8;
    border-radius: 8px;
    background: #FFFFFF;
    color: #102A43;
    font-weight: 700;
    padding: 8px 10px;
}

.bb-menu-upload input {
    max-width: 210px;
}

.bb-menu-list,
.bb-menu-form {
    display: grid;
    align-content: start;
    gap: 12px;
    border: 1px solid #DCE5EC;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 16px 40px rgba(7, 26, 46, 0.06);
    padding: 18px;
}

.bb-menu-list h3,
.bb-menu-form h3 {
    margin: 0;
}

.bb-menu-row {
    display: grid;
    align-items: start;
    gap: 12px;
    border: 1px solid #DCE5EC;
    border-radius: 14px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFD 100%);
    padding: 14px;
}

.bb-menu-row__content {
    min-width: 0;
}

.bb-menu-row span {
    display: block;
    margin-top: 4px;
    color: #64748B;
    font-size: 13px;
}

.bb-menu-actions {
    align-items: stretch;
    border-top: 1px solid #EAF0F5;
    padding-top: 12px;
}

.bb-menu-actions .bb-panel-button,
.bb-menu-actions form {
    flex: 1 1 120px;
}

.bb-menu-actions form {
    display: flex;
}

.bb-menu-actions button,
.bb-menu-actions a {
    width: 100%;
}

.bb-menu-list-filter,
.bb-menu-daily-selector {
    display: grid;
    gap: 8px;
    border: 1px solid #DCE5EC;
    border-radius: 14px;
    background: #F8FBFD;
    padding: 12px;
}

.bb-menu-list-filter span,
.bb-menu-daily-selector span {
    color: #102A43;
    font-size: 13px;
    font-weight: 900;
}

.bb-menu-list-filter input,
.bb-menu-daily-selector select {
    width: 100%;
    min-height: 44px;
    border: 1px solid #DCE5EC;
    border-radius: 10px;
    background: #FFFFFF;
    color: #102A43;
    font: inherit;
    font-weight: 700;
    padding: 10px 12px;
}

.bb-menu-daily-selector {
    background: linear-gradient(135deg, #ECFEFF 0%, #FFFFFF 100%);
}

.bb-menu-daily-selector label {
    display: grid;
    gap: 8px;
}

.bb-panel-button--danger {
    border-color: #FCA5A5;
    background: #FEF2F2;
    color: #991B1B;
}

.bb-panel-button--danger:hover {
    border-color: #991B1B;
    background: #991B1B;
    color: #FFFFFF;
}

.bb-danger-zone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 24px;
    border: 1px solid #FCA5A5;
    border-radius: 14px;
    background: #FEF2F2;
    padding: 18px;
}

.bb-danger-zone h3,
.bb-danger-zone p,
.bb-delete-account-modal h3,
.bb-delete-account-modal p {
    margin: 0;
}

.bb-danger-zone p,
.bb-delete-account-modal p {
    margin-top: 6px;
    color: #7F1D1D;
}

.bb-delete-account-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    background: rgba(7, 26, 46, 0.66);
    padding: 18px;
}

.bb-menu-delete-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    background: rgba(7, 26, 46, 0.62);
    padding: 18px;
}

.bb-menu-delete-modal[hidden] {
    display: none;
}

.bb-menu-delete-modal__dialog {
    width: min(520px, 100%);
    border: 1px solid #FCA5A5;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 24px 70px rgba(7, 26, 46, 0.3);
    padding: 24px;
}

.bb-menu-delete-modal__dialog h3,
.bb-menu-delete-modal__dialog p {
    margin: 0;
}

.bb-menu-delete-modal__dialog p {
    margin-top: 8px;
    color: #7F1D1D;
}

.bb-menu-delete-modal__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.bb-delete-account-modal[hidden] {
    display: none;
}

.bb-delete-account-modal__dialog {
    width: min(620px, 100%);
    border: 1px solid #FCA5A5;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 24px 70px rgba(7, 26, 46, 0.3);
    padding: 24px;
}

.bb-delete-account-form {
    margin-top: 18px;
}

.bb-delete-account-form .bb-panel-button--danger:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.bb-toggle-chip {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    width: fit-content;
    min-height: 38px;
    gap: 9px;
    border: 1px solid #DCE5EC;
    border-radius: 999px;
    background: #FFFFFF;
    color: #102A43;
    cursor: pointer;
    font-weight: 800;
    padding: 8px 12px;
}

.bb-toggle-chip input,
.bb-choice-chip input {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    margin: 0 !important;
    opacity: 0;
    pointer-events: none;
}

.bb-toggle-chip::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid #A8C3D8;
    border-radius: 999px;
    background: #FFFFFF;
    box-shadow: inset 0 0 0 4px #FFFFFF;
}

.bb-toggle-chip:has(input:checked) {
    border-color: #22C7D5;
    background: #EAFBFD;
    color: #075E6B;
}

.bb-toggle-chip:has(input:checked)::before {
    border-color: #0E7490;
    background: #0E7490;
}

.bb-icon-picker {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin: 0;
    border: 1px solid #DCE5EC;
    border-radius: 14px;
    background: #F8FBFD;
    padding: 14px;
}

.bb-icon-picker legend {
    border: 1px solid #D7F5FA;
    border-radius: 999px;
    background: #EAFBFD;
    color: #071A2E;
    font-size: 13px;
    font-weight: 800;
    padding: 6px 10px;
}

.bb-choice-chip {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 46px;
    gap: 10px;
    border: 1px solid #EAF0F5;
    border-radius: 12px;
    background: #FFFFFF;
    color: #102A43;
    cursor: pointer;
    font-size: 14px;
    font-weight: 800;
    padding: 10px 12px;
    transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.bb-choice-chip:hover {
    border-color: #A8C3D8;
    box-shadow: 0 8px 20px rgba(7, 26, 46, 0.06);
}

.bb-choice-chip:has(input:checked) {
    border-color: #22C7D5;
    background: #EAFBFD;
    color: #075E6B;
    box-shadow: 0 10px 24px rgba(34, 199, 213, 0.14);
}

.bb-choice-chip__box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border: 2px solid #A8C3D8;
    border-radius: 6px;
    background: #FFFFFF;
}

.bb-choice-chip:has(input:checked) .bb-choice-chip__box {
    border-color: #0E7490;
    background: #0E7490;
}

.bb-choice-chip:has(input:checked) .bb-choice-chip__box::after {
    content: "";
    width: 8px;
    height: 4px;
    border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    transform: rotate(-45deg) translate(1px, -1px);
}

.bb-choice-chip__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border: 1px solid #DCE5EC;
    border-color: color-mix(in srgb, var(--bb-icon-color) 34%, #FFFFFF);
    border-radius: 999px;
    background: #F8FBFD;
    background: color-mix(in srgb, var(--bb-icon-color) 12%, #FFFFFF);
    color: var(--bb-icon-color);
}

.bb-choice-chip__icon svg,
.bb-choice-chip__icon img {
    display: block;
    width: 20px;
    height: 20px;
}

.bb-choice-chip:has(input:checked) .bb-choice-chip__icon {
    border-color: color-mix(in srgb, var(--bb-icon-color) 58%, #FFFFFF);
    background: color-mix(in srgb, var(--bb-icon-color) 20%, #FFFFFF);
}

.bb-menu-flags {
    align-items: center;
    border: 1px solid #DCE5EC;
    border-radius: 14px;
    background: #F8FBFD;
    padding: 12px;
}

.bb-menu-public-url {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
    gap: 16px;
    align-items: start;
    border: 1px solid #DCE5EC;
    border-radius: 16px;
    background: linear-gradient(135deg, #F0F9FF 0%, #FFFFFF 58%, #ECFEFF 100%);
    box-shadow: 0 16px 40px rgba(7, 26, 46, 0.06);
    margin-bottom: 16px;
    padding: 18px;
}

.bb-menu-public-url h3,
.bb-menu-public-url p {
    margin: 0;
}

.bb-menu-public-url p {
    color: #64748B;
}

.bb-menu-current-url,
.bb-menu-url-preview {
    overflow-wrap: anywhere;
}

.bb-menu-current-url a,
.bb-menu-url-preview a {
    color: #0E7490;
    font-weight: 900;
    text-decoration: none;
}

.bb-menu-slug-form {
    display: grid;
    gap: 10px;
}

.bb-menu-slug-form label {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    overflow: hidden;
    border: 1px solid #DCE5EC;
    border-radius: 12px;
    background: #FFFFFF;
}

.bb-menu-slug-form label span {
    min-height: 46px;
    border-right: 1px solid #DCE5EC;
    background: #F8FBFD;
    color: #64748B;
    font-weight: 800;
    padding: 12px;
}

.bb-menu-slug-form input {
    width: 100%;
    min-height: 46px;
    border: 0;
    color: #102A43;
    font-weight: 850;
    padding: 12px;
}

.bb-menu-slug-form small {
    color: #64748B;
    font-weight: 800;
}

.bb-menu-slug-form .bb-menu-url-preview {
    margin: 0;
    color: #64748B;
    font-size: 14px;
    font-weight: 800;
}

.bb-menu-slug-form small[data-state="available"] {
    color: #166534;
}

.bb-menu-slug-form small[data-state="unavailable"] {
    color: #991B1B;
}

.bb-menu-slug-form small[data-state="checking"] {
    color: #0E7490;
}

.bb-menu-slug-form button:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.bb-menu-locked {
    border: 1px solid #FDE68A;
    border-radius: 10px;
    background: #FFFBEB;
    color: #92400E;
    padding: 14px;
}

.bb-menu-design-locked {
    display: grid;
    gap: 12px;
    border: 1px solid #FDE68A;
    border-radius: 16px;
    background: linear-gradient(135deg, #FFFBEB 0%, #FFFFFF 60%, #F0F9FF 100%);
    box-shadow: 0 16px 40px rgba(7, 26, 46, 0.06);
    padding: 22px;
}

.bb-menu-design-locked h3,
.bb-menu-design-locked p {
    margin: 0;
}

.bb-menu-design-locked p {
    max-width: 720px;
    color: #64748B;
}

.bb-menu-design {
    display: grid;
    gap: 28px;
}

.bb-menu-design-card {
    display: grid;
    gap: 18px;
    border: 1px solid #DCE5EC;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 16px 40px rgba(7, 26, 46, 0.06);
    padding: 22px;
}

.bb-menu-design-card__head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 16px;
}

.bb-menu-design-card h3,
.bb-menu-design-card p {
    margin: 0;
}

.bb-menu-design-card p {
    max-width: 760px;
    color: #64748B;
}

.bb-menu-design-card--locked {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    border-color: #FDE68A;
    background: linear-gradient(135deg, #FFFBEB 0%, #FFFFFF 62%, #F0F9FF 100%);
}

.bb-design-reset-card {
    border-color: #FCA5A5;
    background: #FFF7F7;
}

.bb-design-reset-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    background: rgba(7, 26, 46, 0.62);
    padding: 18px;
}

.bb-design-reset-modal[hidden] {
    display: none;
}

.bb-design-reset-modal__dialog {
    width: min(520px, 100%);
    border: 1px solid #FCA5A5;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 24px 70px rgba(7, 26, 46, 0.3);
    padding: 24px;
}

.bb-design-reset-modal__dialog h3,
.bb-design-reset-modal__dialog p {
    margin: 0;
}

.bb-design-reset-modal__dialog p {
    margin-top: 8px;
    color: #7F1D1D;
}

.bb-design-reset-modal__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.bb-menu-header-content-card {
    align-items: center;
}

.bb-menu-header-content-card .bb-panel-form {
    align-items: center;
}

.bb-theme-form__group {
    grid-column: 1 / -1;
    min-width: 0;
    margin: 0;
    border: 1px solid #DCE5EC;
    border-radius: 14px;
    padding: 16px;
}

.bb-theme-form__group legend {
    padding: 0 8px;
    color: #20343D;
    font-weight: 850;
}

.bb-theme-form__group > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.bb-theme-form__subgroup-title { grid-column: 1 / -1; color: #20343D; font-size: 13px; font-weight: 850; }

.bb-floating-form {
    grid-template-columns: 1fr;
}

.bb-floating-picker {
    display: grid;
    gap: 10px;
}

.bb-floating-option {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid #DCE5EC;
    border-radius: 14px;
    background: #F8FBFD;
    padding: 12px;
}

.bb-floating-option label {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    margin: 0;
    cursor: pointer;
}

.bb-floating-option input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #0E7490;
}

.bb-floating-option__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #EAFBFD;
}

.bb-floating-option__icon img {
    width: 21px;
    height: 21px;
}

.bb-floating-option strong,
.bb-floating-option small {
    display: block;
}

.bb-floating-option small {
    margin-top: 3px;
    color: #64748B;
    font-size: 13px;
    font-weight: 700;
}

.bb-floating-option.is-disabled {
    opacity: 0.72;
}

.bb-floating-option__move {
    display: inline-flex;
    gap: 6px;
}

.bb-floating-option__move button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #DCE5EC;
    border-radius: 10px;
    background: #FFFFFF;
    color: #0E7490;
    font-size: 22px;
    font-weight: 900;
    cursor: pointer;
}

.bb-floating-preview {
    display: grid;
    gap: 8px;
}

.bb-floating-preview > span {
    color: #0E7490;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-floating-preview__bar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    border-radius: 16px;
    background: var(--bb-floating-bar-bg, #20343D);
    box-shadow: 0 16px 35px rgba(7, 26, 46, 0.16);
    padding: 8px;
}

.bb-floating-preview__bar[data-count="1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.bb-floating-preview__bar[data-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bb-floating-preview__bar[data-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bb-floating-preview__bar span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    border-radius: 10px;
    background: var(--bb-floating-button-bg, #FFFFFF);
    color: var(--bb-floating-button-color, #071A2E);
    font-family: var(--bb-floating-button-font, system-ui, sans-serif);
    font-weight: 950;
    text-align: center;
}

.bb-floating-preview__bar img {
    width: 18px;
    height: 18px;
}

.bb-floating-preview__empty {
    grid-column: 1 / -1;
    background: #F8FBFD !important;
    color: #64748B !important;
}

.bb-menu-confirm,
.bb-char-count {
    color: #64748B;
    font-size: 13px;
}

.bb-panel-notice,
.bb-panel-state {
    border: 1px solid #BAE6FD;
    border-radius: 8px;
    background: #F0F9FF;
    color: #0C4A6E;
    padding: 12px 14px;
}

.bb-panel-notice--success {
    border-color: #86EFAC;
    background: #F0FDF4;
    color: #166534;
}

.bb-panel-notice--error {
    border-color: #FCA5A5;
    background: #FEF2F2;
    color: #991B1B;
}

.bb-panel-notice--warning {
    border-color: #FDE68A;
    background: #FFFBEB;
    color: #92400E;
}

.bb-panel-state--warning {
    border-color: #FDE68A;
    background: #FFFBEB;
    color: #92400E;
}

@media (max-width: 680px) {
    .bb-menu-design-card,
    .bb-menu-design-card--locked {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .bb-floating-option {
        grid-template-columns: 1fr;
    }

    .bb-floating-option__move {
        justify-content: flex-end;
    }

    .bb-floating-preview__bar {
        gap: 6px;
    }

    .bb-floating-preview__bar span {
        min-height: 44px;
        font-size: 13px;
    }

    .bb-danger-zone {
        align-items: stretch;
        flex-direction: column;
    }

    .bb-delete-account-modal__dialog {
        padding: 18px;
    }

    .bb-menu-delete-modal__dialog {
        padding: 18px;
    }

    .bb-menu-delete-modal__actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .bb-design-reset-modal__dialog {
        padding: 18px;
    }

    .bb-design-reset-modal__actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }
}

.bb-panel-button--disabled,
.bb-panel-button--disabled:hover,
.bb-panel-button:disabled {
    cursor: not-allowed;
    border-color: #DCE5EC;
    background: #EAF0F5;
    color: #64748B;
    box-shadow: none;
    opacity: 1;
}

.bb-qr {
    gap: 22px;
}

.bb-qr-hero {
    background: linear-gradient(135deg, #F8FBFD 0%, #EAFBFD 100%);
}

.bb-qr-hero p,
.bb-qr-info p,
.bb-qr-materials__head p,
.bb-qr-offer-card p {
    margin: 0;
    color: #64748B;
}

.bb-qr-main {
    grid-template-columns: minmax(260px, 0.78fr) minmax(0, 1fr);
    align-items: center;
    gap: 28px;
}

.bb-qr-preview {
    display: grid;
    place-items: center;
    min-height: 340px;
    border: 1px solid #DCE5EC;
    border-radius: 16px;
    background: #FFFFFF;
    padding: 22px;
}

.bb-qr-preview svg {
    display: block;
    width: min(100%, 340px);
    height: auto;
}

.bb-qr-info {
    display: grid;
    gap: 14px;
}

.bb-qr-url-group {
    display: grid;
    gap: 6px;
}

.bb-qr-url-group > span {
    color: #64748B;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
}

.bb-qr-info h3,
.bb-qr-materials h3,
.bb-qr-offer-card h4 {
    margin: 0;
    color: #071A2E;
}

.bb-qr-url {
    display: block;
    overflow-wrap: anywhere;
    border: 1px solid #DCE5EC;
    border-radius: 10px;
    background: #F8FBFD;
    color: #0E7490;
    font-weight: 850;
    padding: 12px 14px;
    text-decoration: none;
}

.bb-qr-url:hover {
    border-color: #0E7490;
    background: #EAFBFD;
}

.bb-qr-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.bb-qr-materials {
    gap: 22px;
}

.bb-qr-materials__head {
    display: grid;
    gap: 8px;
    max-width: 780px;
}

.bb-qr-offer-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.bb-qr-offer-card {
    display: grid;
    align-content: space-between;
    gap: 18px;
    min-height: 250px;
    border: 1px solid #DCE5EC;
    border-radius: 14px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFD 100%);
    padding: 18px;
}

.bb-qr-offer-card > div {
    display: grid;
    gap: 10px;
}

.bb-qr-offer-card span {
    width: fit-content;
    border-radius: 999px;
    background: #EAFBFD;
    color: #0E7490;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    padding: 7px 10px;
}

.bb-qr-offer-card h4 {
    font-size: 20px;
    line-height: 1.2;
}

.bb-qr-offer-list {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    color: #102A43;
    font-size: 13px;
    font-weight: 750;
    list-style: none;
}

.bb-qr-offer-list li {
    display: flex;
    align-items: center;
    gap: 7px;
}

.bb-qr-offer-list li::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #28C7D4;
}

@media (max-width: 900px) {
    .barboost-cards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bb-panel-summary-grid,
    .bb-menu-overview,
    .bb-panel-layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bb-panel-analytics__toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .bb-qr-main,
    .bb-qr-offer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    html {
        overflow-x: hidden;
    }

    body {
        overflow-x: hidden;
    }

    .barboost-cards-grid {
        grid-template-columns: 1fr;
    }

    .barboost-plan-card__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .barboost-login-form__meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .barboost-login-menu__dropdown {
        left: 0;
        right: auto;
    }

    .bb-panel-grid,
    .bb-panel-summary-grid,
    .bb-menu-overview,
    .bb-panel-layout,
    .bb-qr-main,
    .bb-qr-offer-grid,
    .bb-panel-details,
    .bb-menu-public-url,
    .bb-menu-grid,
    .bb-icon-picker,
    .bb-panel-form {
        grid-template-columns: 1fr;
    }

    .bb-theme-form__group > div {
        grid-template-columns: 1fr;
    }

    .bb-panel {
        width: min(100%, 100vw);
        gap: 16px;
    }

    .bb-panel-card,
    .bb-menu-shell {
        width: 100%;
        max-width: 100%;
        padding: 18px;
    }

    .bb-panel-card h2,
    .bb-menu-shell h2 {
        font-size: clamp(28px, 9vw, 36px);
        line-height: 1.08;
    }

    .bb-panel-card h3,
    .bb-menu-form h3,
    .bb-menu-list h3 {
        font-size: clamp(22px, 7vw, 30px);
        line-height: 1.12;
    }

    .bb-panel-hero,
    .bb-panel-card__head,
    .bb-panel-analytics__toolbar,
    .bb-menu-public-url,
    .bb-menu-import-export {
        align-items: flex-start;
        flex-direction: column;
    }

    .bb-panel-card__head {
        gap: 10px;
    }

    .bb-panel-actions,
    .bb-panel-actions .bb-panel-button {
        width: 100%;
    }

    .bb-panel-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .bb-menu-import-export__actions,
    .bb-menu-import-export__actions form {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .bb-menu-upload input {
        max-width: 100%;
    }

    .bb-menu-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .bb-menu-tabs a {
        justify-content: center;
        min-width: 0;
        text-align: center;
    }

    .bb-menu-publish-tabs,
    .bb-qr-tabs {
        max-width: 100%;
    }

    .bb-menu-row {
        padding: 13px;
    }

    .bb-management-table,
    .bb-management-table tbody,
    .bb-management-table tr,
    .bb-management-table td {
        display: block;
        min-width: 0;
        width: 100%;
    }

    .bb-management-table { border: 0 !important; }
    .bb-management-table thead { display: none; }
    .bb-management-table tr { border: 0 !important; border-bottom: 1px solid #DCE5EC !important; padding: 12px 0; }
    .bb-management-table tr:last-child { border-bottom: 0; }
    .bb-management-table td { display: flex; justify-content: space-between; gap: 12px; padding: 9px 14px; text-align: right; border: 0 !important; }
    .bb-management-table td::before { color: #64748B; content: attr(data-label); font-weight: 800; text-align: left; }
    .bb-management-table__actions { align-items: center; justify-content: flex-end; flex-wrap: wrap; }
    .bb-management-table__actions::before { margin-right: auto; }
    .bb-management-table__actions form { display: flex; }

    .bb-menu-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bb-menu-actions .bb-panel-button,
    .bb-menu-actions form {
        flex-basis: auto;
    }

    .bb-menu-daily-selector,
    .bb-menu-daily-selector label {
        width: 100%;
    }

    .bb-menu-daily-selector {
        align-items: stretch;
    }

    .bb-panel-form input,
    .bb-panel-form select,
    .bb-panel-form textarea,
    .bb-menu-upload,
    .bb-menu-upload input {
        width: 100%;
    }

    .bb-panel-filter-group,
    .bb-panel-chart-tabs {
        width: 100%;
        overflow-x: auto;
    }

    .bb-panel-chart__empty {
        max-width: calc(100% - 32px);
        text-align: center;
        white-space: normal;
    }

    .bb-panel-hero {
        padding: 22px;
    }

    .bb-panel-hero h2 {
        font-size: 28px;
    }

    .bb-panel-nav-shell {
        position: sticky;
        top: 0;
        z-index: 80;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        background: #20343D;
        box-shadow: 0 16px 34px rgba(7, 26, 46, 0.18);
        padding: 8px 10px;
    }

    .bb-panel-nav-toggle {
        display: flex;
    }

    .bb-panel-nav-shell .bb-panel-nav {
        display: none;
        margin-top: 8px;
        max-height: calc(100vh - 78px);
        overflow-y: auto;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        background: #20343D;
        padding: 8px;
    }

    .bb-panel-nav-shell.is-open .bb-panel-nav {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bb-panel-nav-shell .bb-panel-nav a,
    .bb-panel-nav-shell .bb-panel-nav--horizontal a,
    .bb-panel-nav-shell .bb-panel-nav--vertical a {
        justify-content: flex-start;
        width: 100%;
        min-height: 46px;
        border-color: rgba(255, 255, 255, 0.1);
        background: transparent;
        color: #FFFFFF;
        padding: 12px 14px;
    }

    .bb-panel-nav-shell .bb-panel-nav a:hover,
    .bb-panel-nav-shell .bb-panel-nav a:focus,
    .bb-panel-nav-shell .bb-panel-nav a.is-active {
        border-color: #28C7D4;
        background: #28C7D4;
        color: #071A2E;
    }

    .bb-panel-nav-shell .bb-panel-nav__icon {
        color: currentColor;
    }

    .bb-qr-preview {
        min-height: auto;
        padding: 16px;
    }

    .bb-qr-actions,
    .bb-qr-actions .bb-panel-button {
        width: 100%;
    }

    .bb-qr-offer-card {
        min-height: auto;
    }

    .bb-qr-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .bb-panel-chart {
        min-height: 230px;
    }

    .bb-panel-chart svg {
        height: 230px;
    }

    .bb-panel-donut {
        width: min(200px, 100%);
    }
}

.bb-tutorial {
    display: grid;
    gap: 22px;
    color: #071A2E;
}

.bb-tutorial__hero,
.bb-tutorial-card,
.bb-tutorial__finish {
    border: 1px solid #E7EDF3;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 12px 30px rgba(7, 26, 46, 0.055);
}

.bb-tutorial__hero {
    position: relative;
    overflow: hidden;
    padding: 32px;
}

.bb-tutorial__hero::after {
    position: absolute;
    top: -70px;
    right: -45px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: rgba(34, 199, 212, 0.12);
    content: "";
}

.bb-tutorial__hero h2 {
    max-width: 680px;
    margin: 7px 0 0;
    color: #071A2E;
    font-size: clamp(30px, 5vw, 48px);
    line-height: 1.05;
}

.bb-tutorial__hero > p {
    max-width: 680px;
    margin: 12px 0 0;
    color: #64748B;
    font-size: 16px;
    line-height: 1.6;
}

.bb-tutorial__path {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
    color: #0E7490;
    font-size: 13px;
    font-weight: 850;
}

.bb-tutorial__path span {
    border-radius: 999px;
    background: #EAFBFD;
    padding: 8px 11px;
}

.bb-tutorial__path b {
    color: #94A3B8;
}
.bb-tutorial__index { display:grid; gap:10px; border:1px solid #E7EDF3; border-radius:16px; background:#F8FBFD; padding:18px 22px; }
.bb-tutorial__index h3 { margin:0; color:#071A2E; font-size:16px; }
.bb-tutorial__index ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 18px; margin:0; padding-left:22px; }
.bb-tutorial__index a { color:#0E7490; font-size:13px; font-weight:800; text-decoration:none; }

.bb-tutorial__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.bb-tutorial-card {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 16px;
    padding: 22px;
}

.bb-tutorial-card__number {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: #0E7490;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 900;
}

.bb-tutorial-card__body {
    min-width: 0;
}

.bb-tutorial-card__eyebrow {
    color: #0E7490;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.bb-tutorial-card h3,
.bb-tutorial__finish h3 {
    margin: 5px 0 0;
    color: #071A2E;
    font-size: 21px;
    line-height: 1.2;
}

.bb-tutorial-card p,
.bb-tutorial__finish p {
    color: #475569;
    font-size: 14px;
    line-height: 1.6;
}

.bb-tutorial-card__body > p {
    margin: 10px 0 0;
}

.bb-tutorial-card ul,
.bb-tutorial__finish ol {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
    padding-left: 20px;
    color: #334155;
    font-size: 13px;
    line-height: 1.5;
}

.bb-tutorial-card li::marker {
    color: #0E7490;
}

.bb-tutorial-card__example {
    margin-top: 16px;
    border-left: 3px solid #22C7D5;
    border-radius: 0 10px 10px 0;
    background: #F0FAFB;
    padding: 13px 15px;
}

.bb-tutorial-card__example strong {
    color: #075E6B;
    font-size: 13px;
}

.bb-tutorial-card__example p {
    margin: 5px 0 0;
}

.bb-tutorial-more {
    width: 100%;
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid #DCE5EC;
    border-radius: 13px;
    background: #FFFFFF;
}

.bb-tutorial-more summary {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    cursor: pointer;
    color: #0E7490;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.35;
    padding: 12px 44px 12px 14px;
    position: relative;
    list-style: none;
    transition: background-color 160ms ease, color 160ms ease;
}

.bb-tutorial-more summary::-webkit-details-marker {
    display: none;
}

.bb-tutorial-more summary:hover {
    background: #F0FAFB;
}

.bb-tutorial-more summary:focus-visible {
    outline: 3px solid rgba(14, 116, 144, 0.2);
    outline-offset: -3px;
}

.bb-tutorial-more summary::after {
    position: absolute;
    top: 50%;
    right: 16px;
    color: currentColor;
    content: "⌄";
    font-size: 19px;
    line-height: 1;
    transform: translateY(-58%);
    transition: transform 160ms ease;
}

.bb-tutorial-more[open] summary {
    border-bottom: 1px solid #DCE5EC;
    background: #F8FBFD;
}

.bb-tutorial-more[open] summary::after {
    transform: translateY(-42%) rotate(180deg);
}

.bb-tutorial-more__close {
    display: none;
}

.bb-tutorial-more[open] .bb-tutorial-more__label {
    display: none;
}

.bb-tutorial-more[open] .bb-tutorial-more__close {
    display: inline;
}

.bb-tutorial-more__content {
    display: grid;
    gap: 18px;
    padding: 18px;
}

.bb-tutorial-more__intro {
    margin: 0 !important;
    color: #334155 !important;
    font-weight: 700;
}

.bb-tutorial-more__group {
    display: grid;
    min-width: 0;
    gap: 12px;
}

.bb-tutorial-more__group + .bb-tutorial-more__group {
    border-top: 1px solid #E7EDF3;
    padding-top: 18px;
}

.bb-tutorial-more__group h4 {
    margin: 0;
    color: #071A2E;
    font-size: 16px;
    line-height: 1.3;
}

.bb-tutorial-more__group > p {
    margin: 0;
}

.bb-tutorial-steps,
.bb-tutorial-checklist {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 24px;
    color: #334155;
    font-size: 13px;
    line-height: 1.55;
}

.bb-tutorial-step {
    padding-left: 3px;
}

.bb-tutorial-step::marker {
    color: #0E7490;
    font-weight: 900;
}

.bb-tutorial-checklist {
    padding-left: 0;
    list-style: none;
}

.bb-tutorial-checklist li {
    position: relative;
    padding-left: 25px;
}

.bb-tutorial-checklist li::before {
    position: absolute;
    top: 1px;
    left: 0;
    display: grid;
    width: 17px;
    height: 17px;
    place-items: center;
    border-radius: 5px;
    background: #EAFBFD;
    color: #0E7490;
    content: "✓";
    font-size: 11px;
    font-weight: 900;
}

.bb-tutorial-field-guide {
    display: grid;
    gap: 8px;
    margin: 0;
}

.bb-tutorial-field-guide > div {
    display: grid;
    gap: 4px;
    border: 1px solid #E7EDF3;
    border-radius: 10px;
    background: #F8FBFD;
    padding: 11px 12px;
}

.bb-tutorial-field-guide dt {
    color: #071A2E;
    font-size: 13px;
    font-weight: 850;
}

.bb-tutorial-field-guide dd {
    margin: 0;
    color: #475569;
    font-size: 13px;
    line-height: 1.5;
}

.bb-tutorial-tip,
.bb-tutorial-warning,
.bb-tutorial-example-flow {
    border: 1px solid #DCE5EC;
    border-radius: 11px;
    background: #F8FBFD;
    padding: 13px 14px;
}

.bb-tutorial-tip {
    border-left: 4px solid #22C55E;
    background: #F0FDF4;
}

.bb-tutorial-warning {
    border-left: 4px solid #F59E0B;
    background: #FFFBEB;
}

.bb-tutorial-tip strong,
.bb-tutorial-warning strong,
.bb-tutorial-example-flow > strong {
    color: #071A2E;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.bb-tutorial-tip p,
.bb-tutorial-warning p,
.bb-tutorial-example-flow > p {
    margin: 5px 0 0;
}

.bb-tutorial-example-flow__menu {
    margin-top: 10px;
    border-radius: 9px;
    background: #071A2E;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 900;
    padding: 11px 12px;
}

.bb-tutorial-example-flow__sections {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

.bb-tutorial-example-flow__sections section {
    border: 1px solid #DCE5EC;
    border-radius: 9px;
    background: #FFFFFF;
    padding: 10px 12px;
}

.bb-tutorial-example-flow__sections h5 {
    margin: 0;
    color: #0E7490;
    font-size: 12px;
    font-weight: 900;
}

.bb-tutorial-example-flow__sections ul {
    margin-top: 7px;
}

.bb-tutorial__finish {
    padding: 26px 30px;
}

.bb-tutorial__finish ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-left: 24px;
}

.bb-tutorial__finish li::marker {
    color: #0E7490;
    font-weight: 900;
}

@media (max-width: 800px) {
    .bb-tutorial__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .bb-tutorial__hero,
    .bb-tutorial__finish,
    .bb-tutorial-card {
        padding: 18px;
    }

    .bb-tutorial-card {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
    }

    .bb-tutorial-card__number {
        width: 36px;
        height: 36px;
    }

    .bb-tutorial__finish ol {
        grid-template-columns: 1fr;
    }

    .bb-tutorial__path {
        align-items: flex-start;
        flex-direction: column;
    }

    .bb-tutorial-more__content {
        padding: 14px;
    }
}

:is(
    .bb-pro-sidebar-host,
    body.bb-pro-theme :is(.e-con, .elementor-column, .elementor-widget-wrap):has(.bb-panel-nav-shell--pro):not(:has(:is(.e-con, .elementor-column, .elementor-widget-wrap) .bb-panel-nav-shell--pro))
) {
    background:
        radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.18), transparent 32%),
        linear-gradient(180deg, var(--bb-pro-sidebar-top) 0%, var(--bb-pro-sidebar-mid) 48%, var(--bb-pro-sidebar-bottom) 100%) !important;
    color: var(--bb-pro-sidebar-text) !important;
}

:is(
    .bb-pro-sidebar-host,
    body.bb-pro-theme :is(.e-con, .elementor-column, .elementor-widget-wrap):has(.bb-panel-nav-shell--pro):not(:has(:is(.e-con, .elementor-column, .elementor-widget-wrap) .bb-panel-nav-shell--pro))
) .elementor-heading-title {
    color: var(--bb-pro-sidebar-text) !important;
}

:is(
    .bb-pro-sidebar-host,
    body.bb-pro-theme :is(.e-con, .elementor-column, .elementor-widget-wrap):has(.bb-panel-nav-shell--pro):not(:has(:is(.e-con, .elementor-column, .elementor-widget-wrap) .bb-panel-nav-shell--pro))
) .elementor-widget-text-editor,
:is(
    .bb-pro-sidebar-host,
    body.bb-pro-theme :is(.e-con, .elementor-column, .elementor-widget-wrap):has(.bb-panel-nav-shell--pro):not(:has(:is(.e-con, .elementor-column, .elementor-widget-wrap) .bb-panel-nav-shell--pro))
) .elementor-widget-text-editor p {
    color: var(--bb-pro-sidebar-muted) !important;
}

:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a {
    border-color: transparent !important;
    background: transparent !important;
    color: var(--bb-pro-sidebar-text) !important;
}

:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a .bb-panel-nav__icon,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a .bb-panel-nav__icon i,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a .bb-panel-nav__icon svg {
    color: var(--bb-pro-sidebar-icon) !important;
    fill: var(--bb-pro-sidebar-icon) !important;
}

:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a:hover,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a:focus,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a:focus-visible {
    border-color: var(--bb-border-strong) !important;
    background: var(--bb-pro-sidebar-hover) !important;
    color: var(--bb-nav-active-text) !important;
}

:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a:hover .bb-panel-nav__icon,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a:hover .bb-panel-nav__icon i,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a:hover .bb-panel-nav__icon svg,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a:focus .bb-panel-nav__icon,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a:focus .bb-panel-nav__icon i,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a:focus .bb-panel-nav__icon svg,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a:focus-visible .bb-panel-nav__icon,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a:focus-visible .bb-panel-nav__icon i,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a:focus-visible .bb-panel-nav__icon svg {
    color: var(--bb-nav-muted) !important;
    fill: var(--bb-nav-muted) !important;
}

:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a.is-active,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a.is-active:hover,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a.is-active:focus,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a.is-active:focus-visible {
    border-color: var(--bb-border-strong) !important;
    background: var(--bb-nav-active-gradient) !important;
    color: var(--bb-nav-active-text) !important;
    box-shadow: 0 8px 22px rgba(37, 99, 235, 0.25);
}

:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a.is-active .bb-panel-nav__icon,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a.is-active .bb-panel-nav__icon i,
:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro a.is-active .bb-panel-nav__icon svg {
    color: var(--bb-nav-active-text) !important;
    fill: var(--bb-nav-active-text) !important;
}

:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav-toggle {
    border-color: var(--bb-border-strong) !important;
    background: linear-gradient(135deg, var(--bb-pro-sidebar-mid), var(--bb-pro-sidebar-bottom)) !important;
    color: var(--bb-nav-active-text) !important;
}

:is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav-toggle__icon span {
    background: var(--bb-pro-sidebar-icon) !important;
}

@media (max-width: 640px) {
    :is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro {
        border-color: rgba(96, 165, 250, 0.16) !important;
        background:
            radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.2), transparent 58%),
            var(--bb-pro-sidebar-top) !important;
        box-shadow: 0 16px 34px rgba(8, 23, 47, 0.3);
    }

    :is(body.bb-pro-theme, .bb-pro-sidebar-host) .bb-panel-nav-shell--pro .bb-panel-nav--pro {
        border-color: rgba(96, 165, 250, 0.2) !important;
        background: linear-gradient(180deg, var(--bb-pro-sidebar-mid), var(--bb-pro-sidebar-bottom)) !important;
    }
}

.bb-onboarding {
    margin: 0 0 24px;
    overflow: hidden;
    border: 1px solid #C7E8EC;
    border-radius: 18px;
    background: linear-gradient(135deg, #F5FEFF 0%, #FFFFFF 68%);
    box-shadow: 0 12px 30px rgba(7, 94, 107, .08);
}

.bb-onboarding__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 30px 18px;
}

.bb-onboarding__header h3 {
    margin: 5px 0 6px;
    color: #071A2E;
    font-size: 25px;
    line-height: 1.15;
}

.bb-onboarding__header p {
    max-width: 680px;
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.55;
}

.bb-onboarding__progress-copy {
    display: grid;
    flex: 0 0 auto;
    gap: 3px;
    color: #075E6B;
    text-align: right;
}

.bb-onboarding__progress-copy strong {
    font-size: 14px;
}

.bb-onboarding__progress-copy span {
    color: #0E7490;
    font-size: 22px;
    font-weight: 800;
}

.bb-onboarding__progress {
    height: 8px;
    margin: 0 30px 20px;
    overflow: hidden;
    border-radius: 99px;
    background: #DCEFF1;
}

.bb-onboarding__progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0E7490, #22C7D5);
    transition: width .25s ease;
}

.bb-onboarding__steps {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0 30px 26px;
    list-style: none;
}

.bb-onboarding-step {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 13px;
    align-items: start;
    padding: 13px 15px;
    border: 1px solid #E1EEF0;
    border-radius: 13px;
    background: #FFFFFF;
}

.bb-onboarding-step.is-current {
    border-color: #7BD9E0;
    box-shadow: 0 6px 18px rgba(14, 116, 144, .1);
}

.bb-onboarding-step.is-complete {
    background: #F4FBF9;
}

.bb-onboarding-step__marker {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 50%;
    background: #E6F6F7;
    color: #0E7490;
    font-size: 13px;
    font-weight: 800;
}

.bb-onboarding-step.is-complete .bb-onboarding-step__marker {
    background: #0E7490;
    color: #FFFFFF;
}

.bb-onboarding-step__content h4 {
    margin: 3px 0 0;
    color: #071A2E;
    font-size: 16px;
}

.bb-onboarding-step__content p {
    margin: 6px 0 12px;
    color: #475569;
    font-size: 13px;
    line-height: 1.5;
}

.bb-onboarding-step__done {
    display: inline-block;
    margin-top: 5px;
    color: #0F766E;
    font-size: 12px;
    font-weight: 700;
}

.bb-onboarding__final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 30px 26px;
}

.bb-onboarding__details {
    padding-top: 2px;
}

.bb-onboarding__reopen {
    padding: 16px 22px;
    cursor: pointer;
    color: #075E6B;
    font-size: 14px;
    font-weight: 800;
    list-style: none;
}

.bb-onboarding__reopen::-webkit-details-marker {
    display: none;
}

.bb-onboarding__reopen::before {
    display: inline-block;
    margin-right: 8px;
    content: '＋';
}

.bb-onboarding__details[open] .bb-onboarding__reopen::before {
    content: '−';
}

.bb-panel-button--ghost {
    border: 1px solid #A9DDE2;
    background: transparent;
    color: #075E6B;
}

@media (max-width: 560px) {
    .bb-onboarding__header {
        display: block;
        padding: 20px 18px 15px;
    }

    .bb-onboarding__progress-copy {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        margin-top: 16px;
        text-align: left;
    }

    .bb-onboarding__progress-copy span {
        font-size: 18px;
    }

    .bb-onboarding__progress {
        margin-right: 18px;
        margin-left: 18px;
    }

    .bb-onboarding__steps {
        padding-right: 18px;
        padding-left: 18px;
    }

    .bb-onboarding__final-actions {
        padding-right: 18px;
        padding-left: 18px;
    }
}

/* Global Pro theme: tokens and panel surfaces. */
html.bb-pro-theme,
body.bb-pro-theme {
    --bb-pro-primary: var(--bb-accent-primary);
    --bb-pro-primary-hover: var(--bb-accent-secondary);
    --bb-pro-primary-strong: var(--bb-accent-secondary);
    --bb-pro-primary-deep: var(--bb-hero-bg);
    --bb-pro-accent: var(--bb-accent-primary);
    --bb-pro-accent-light: var(--bb-accent-primary);
    --bb-pro-primary-soft: var(--bb-accent-soft);
    --bb-pro-soft: var(--bb-accent-soft);
    --bb-pro-soft-2: var(--bb-card-bg-alt);
    --bb-pro-surface: var(--bb-card-bg);
    --bb-pro-surface-accent: var(--bb-card-bg-alt);
    --bb-pro-page: var(--bb-page-bg);
    --bb-pro-border: var(--bb-card-border);
    --bb-pro-border-strong: var(--bb-border-strong);
    --bb-pro-text: var(--bb-text-title);
    --bb-pro-text-muted: var(--bb-text-muted);
    --bb-pro-sidebar-top: var(--bb-sidebar-bg);
    --bb-pro-sidebar-mid: var(--bb-sidebar-bg-alt);
    --bb-pro-sidebar-bottom: var(--bb-sidebar-bg);
    --bb-pro-sidebar-text: var(--bb-nav-text);
    --bb-pro-sidebar-muted: var(--bb-nav-muted);
    --bb-pro-sidebar-icon: var(--bb-accent-primary);
    --bb-pro-sidebar-hover: var(--bb-accent-soft);
    --bb-pro-sidebar-active: var(--bb-nav-active-bg);
}

:is(
    .bb-pro-theme .bb-pro-panel-host,
    body.bb-pro-theme :is(.e-con, .elementor-column, .elementor-widget-wrap):has(.bb-panel):not(:has(:is(.e-con, .elementor-column, .elementor-widget-wrap) .bb-panel)):not(:has(.bb-panel-nav-shell--pro))
) {
    background: var(--bb-pro-page) !important;
    color: var(--bb-pro-text) !important;
}

.bb-pro-theme .bb-panel,
.bb-pro-theme .bb-analytics-pro,
.bb-pro-theme .bb-tutorial {
    color: var(--bb-pro-text);
}

.bb-pro-theme .bb-panel-hero {
    border-color: var(--bb-card-border) !important;
    background: linear-gradient(135deg, var(--bb-pro-primary-deep) 0%, var(--bb-pro-primary) 115%) !important;
    box-shadow: 0 18px 44px rgba(30, 64, 175, 0.14);
}

.bb-pro-theme .bb-analytics-pro {
    background: var(--bb-pro-page);
}

.bb-pro-theme .bb-panel-card,
.bb-pro-theme .bb-panel-summary-card,
.bb-pro-theme .bb-panel-fact,
.bb-pro-theme .bb-menu-overview-card,
.bb-pro-theme .bb-management-form,
.bb-pro-theme .bb-management-table-wrap,
.bb-pro-theme .bb-menu-list,
.bb-pro-theme .bb-menu-form,
.bb-pro-theme .bb-menu-row,
.bb-pro-theme .bb-menu-public-url,
.bb-pro-theme .bb-menu-design-card,
.bb-pro-theme .bb-set-menu-subform,
.bb-pro-theme .bb-schedule-editor,
.bb-pro-theme .bb-qr-offer-card,
.bb-pro-theme .bb-analytics-pro__header,
.bb-pro-theme .bb-analytics-pro-card,
.bb-pro-theme .bb-analytics-pro-kpi,
.bb-pro-theme .bb-tutorial__hero,
.bb-pro-theme .bb-tutorial-card,
.bb-pro-theme .bb-tutorial__finish {
    border-color: var(--bb-pro-border) !important;
    background-color: var(--bb-pro-surface) !important;
    box-shadow: 0 14px 36px rgba(30, 64, 175, 0.065);
}

.bb-pro-theme .bb-panel-card h2,
.bb-pro-theme .bb-panel-card h3,
.bb-pro-theme .bb-panel-fact strong,
.bb-pro-theme .bb-menu-overview-card strong,
.bb-pro-theme .bb-qr-info h3,
.bb-pro-theme .bb-qr-materials h3,
.bb-pro-theme .bb-qr-offer-card h4 {
    color: var(--bb-pro-text);
}

.bb-pro-theme .bb-context-help {
    border-color: var(--bb-pro-border-strong);
    background: var(--bb-pro-soft);
    color: var(--bb-pro-primary-strong);
}
.bb-pro-theme .bb-context-help:hover { background: var(--bb-accent-soft); }

/* Brand accents, links and buttons. */
.bb-pro-theme .bb-panel-eyebrow {
    background: var(--bb-pro-soft) !important;
    color: var(--bb-pro-primary-strong) !important;
}

.bb-pro-theme .bb-panel-logo--placeholder {
    background: var(--bb-pro-soft) !important;
    color: var(--bb-pro-primary-strong) !important;
}

.bb-pro-theme .bb-panel-button:not(.bb-panel-button--secondary):not(.bb-panel-button--light):not(.bb-panel-button--ghost):not(.bb-panel-button--danger):not(.bb-panel-button--danger-soft):not(.bb-panel-button--success):not(.bb-panel-button--warning):not(.bb-panel-button--disabled):not(:disabled),
.bb-pro-theme .bb-analytics-pro__range-submit {
    border-color: var(--bb-sidebar-bg) !important;
    background: var(--bb-button-primary-gradient) !important;
    color: var(--bb-text-inverse) !important;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.16);
}

.bb-pro-theme .bb-panel-button:not(.bb-panel-button--secondary):not(.bb-panel-button--light):not(.bb-panel-button--ghost):not(.bb-panel-button--danger):not(.bb-panel-button--danger-soft):not(.bb-panel-button--success):not(.bb-panel-button--warning):not(.bb-panel-button--disabled):not(:disabled):hover,
.bb-pro-theme .bb-panel-button:not(.bb-panel-button--secondary):not(.bb-panel-button--light):not(.bb-panel-button--ghost):not(.bb-panel-button--danger):not(.bb-panel-button--danger-soft):not(.bb-panel-button--success):not(.bb-panel-button--warning):not(.bb-panel-button--disabled):not(:disabled):focus-visible,
.bb-pro-theme .bb-analytics-pro__range-submit:hover,
.bb-pro-theme .bb-analytics-pro__range-submit:focus-visible {
    border-color: var(--bb-pro-primary-hover) !important;
    background: var(--bb-pro-primary-hover) !important;
}

.bb-pro-theme .bb-panel-button--secondary,
.bb-pro-theme .bb-panel-button--light,
.bb-pro-theme .bb-panel-button--ghost {
    border-color: var(--bb-pro-border-strong) !important;
    background: var(--bb-pro-soft) !important;
    color: var(--bb-pro-primary-strong) !important;
    box-shadow: none;
}

.bb-pro-theme .bb-panel-button--secondary:hover,
.bb-pro-theme .bb-panel-button--secondary:focus-visible,
.bb-pro-theme .bb-panel-button--light:hover,
.bb-pro-theme .bb-panel-button--light:focus-visible,
.bb-pro-theme .bb-panel-button--ghost:hover,
.bb-pro-theme .bb-panel-button--ghost:focus-visible {
    border-color: var(--bb-border-strong) !important;
    background: var(--bb-accent-soft) !important;
    color: var(--bb-accent-secondary) !important;
}

.bb-pro-theme .bb-panel-link,
.bb-pro-theme .bb-menu-current-url a,
.bb-pro-theme .bb-menu-url-preview a,
.bb-pro-theme .bb-qr-url,
.bb-pro-theme .bb-tutorial__index a,
.bb-pro-theme .bb-menu-help-subsection > strong,
.bb-pro-theme .bb-menu-help-example--card strong {
    color: var(--bb-pro-primary) !important;
}

.bb-pro-theme .bb-panel-link:hover,
.bb-pro-theme .bb-menu-current-url a:hover,
.bb-pro-theme .bb-menu-url-preview a:hover,
.bb-pro-theme .bb-qr-url:hover,
.bb-pro-theme .bb-tutorial__index a:hover {
    color: var(--bb-accent-secondary) !important;
}

/* Forms and administrative controls. */
.bb-pro-theme .bb-panel-form input,
.bb-pro-theme .bb-panel-form select,
.bb-pro-theme .bb-panel-form textarea,
.bb-pro-theme .bb-menu-list-filter input,
.bb-pro-theme .bb-menu-daily-selector select,
.bb-pro-theme .bb-management-bulk__actions select,
.bb-pro-theme .bb-category-delete-choice select,
.bb-pro-theme .bb-bulk-delete-modal__dialog select,
.bb-pro-theme .bb-analytics-pro__range select {
    border-color: var(--bb-pro-border) !important;
    background-color: var(--bb-pro-surface) !important;
    color: var(--bb-pro-text) !important;
}

.bb-pro-theme .bb-panel-form input:focus,
.bb-pro-theme .bb-panel-form select:focus,
.bb-pro-theme .bb-panel-form textarea:focus,
.bb-pro-theme .bb-menu-list-filter input:focus,
.bb-pro-theme .bb-menu-daily-selector select:focus,
.bb-pro-theme .bb-management-bulk__actions select:focus,
.bb-pro-theme .bb-category-delete-choice select:focus,
.bb-pro-theme .bb-bulk-delete-modal__dialog select:focus,
.bb-pro-theme .bb-analytics-pro__range select:focus,
.bb-pro-theme .bb-menu-slug-form label:focus-within {
    border-color: var(--bb-pro-accent) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.bb-pro-theme .bb-panel-form input::placeholder,
.bb-pro-theme .bb-panel-form textarea::placeholder,
.bb-pro-theme .bb-menu-list-filter input::placeholder {
    color: var(--bb-input-placeholder);
}

.bb-pro-theme .bb-panel-form input[type="file"]::file-selector-button {
    border: 1px solid var(--bb-pro-border-strong);
    border-radius: 8px;
    background: var(--bb-pro-soft);
    color: var(--bb-pro-primary-strong);
    font-weight: 800;
    padding: 8px 11px;
}

.bb-pro-theme .bb-panel input[type="checkbox"],
.bb-pro-theme .bb-panel input[type="radio"],
.bb-pro-theme .bb-floating-option input {
    accent-color: var(--bb-pro-primary);
}

.bb-pro-theme .bb-toggle-chip:has(input:checked),
.bb-pro-theme .bb-choice-chip:has(input:checked) {
    border-color: var(--bb-pro-accent) !important;
    background: var(--bb-pro-soft) !important;
    color: var(--bb-pro-primary-strong) !important;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.1);
}

.bb-pro-theme .bb-toggle-chip:has(input:checked)::before,
.bb-pro-theme .bb-choice-chip:has(input:checked) .bb-choice-chip__box {
    border-color: var(--bb-pro-primary) !important;
    background: var(--bb-pro-primary) !important;
}

.bb-pro-theme .bb-icon-picker,
.bb-pro-theme .bb-menu-flags,
.bb-pro-theme .bb-floating-option,
.bb-pro-theme .bb-theme-form__group,
.bb-pro-theme .bb-menu-list-filter,
.bb-pro-theme .bb-menu-daily-selector {
    border-color: var(--bb-pro-border) !important;
    background: var(--bb-pro-surface-accent) !important;
}

.bb-pro-theme .bb-icon-picker legend,
.bb-pro-theme .bb-floating-option__icon {
    border-color: var(--bb-pro-border) !important;
    background: var(--bb-pro-soft) !important;
}

.bb-pro-theme .bb-floating-option__move button,
.bb-pro-theme .bb-floating-preview > span {
    color: var(--bb-pro-primary) !important;
}

/* Menu tabs, bulk tools and tables. */
.bb-pro-theme .bb-menu-overview-card {
    background: linear-gradient(180deg, var(--bb-card-bg) 0%, var(--bb-pro-surface-accent) 100%) !important;
}

.bb-pro-theme .bb-menu-overview-card span {
    color: var(--bb-pro-primary-strong) !important;
}

.bb-pro-theme .bb-menu-tabs a {
    border-color: var(--bb-pro-border) !important;
    background: var(--bb-pro-surface) !important;
    color: var(--bb-pro-primary) !important;
}

.bb-pro-theme .bb-menu-tabs a:hover,
.bb-pro-theme .bb-menu-tabs a:focus-visible {
    border-color: var(--bb-pro-border-strong) !important;
    background: var(--bb-pro-soft) !important;
    color: var(--bb-pro-primary-strong) !important;
}

.bb-pro-theme .bb-menu-tabs a.is-active,
.bb-pro-theme .bb-menu-tabs a.is-active:hover,
.bb-pro-theme .bb-menu-tabs a.is-active:focus-visible {
    border-color: var(--bb-tab-active-bg) !important;
    background: var(--bb-tab-active-bg) !important;
    color: #FFFFFF !important;
}

.bb-pro-theme .bb-menu-tabs a.is-locked:not(.is-active) {
    border-color: var(--bb-warning) !important;
    background: var(--bb-warning-soft) !important;
    color: var(--bb-warning) !important;
}

.bb-pro-theme .bb-management-bulk {
    border-color: var(--bb-pro-border) !important;
    background: var(--bb-pro-surface-accent) !important;
}

.bb-pro-theme .bb-management-table-wrap {
    border-color: var(--bb-pro-border) !important;
}

.bb-pro-theme .bb-management-table th {
    background: var(--bb-pro-soft) !important;
    color: #1E3A8A !important;
}

.bb-pro-theme .bb-management-table th,
.bb-pro-theme .bb-management-table td {
    border-bottom-color: var(--bb-pro-border) !important;
}

.bb-pro-theme .bb-management-table tbody tr:hover td {
    background: rgba(37, 99, 235, 0.035) !important;
}

.bb-pro-theme .bb-management-table tr.is-selected td {
    background: rgba(37, 99, 235, 0.055) !important;
}

.bb-pro-theme .bb-management-table input[type="checkbox"] {
    accent-color: var(--bb-pro-primary);
}

.bb-pro-theme .bb-menu-import-export,
.bb-pro-theme .bb-menu-public-url,
.bb-pro-theme .bb-management-form {
    border-color: var(--bb-pro-border) !important;
    background: linear-gradient(135deg, var(--bb-pro-soft) 0%, var(--bb-card-bg) 58%, var(--bb-pro-surface-accent) 100%) !important;
}

.bb-pro-theme .bb-menu-help-modal__dialog,
.bb-pro-theme .bb-bulk-delete-modal__dialog {
    border-color: var(--bb-pro-border) !important;
    background: var(--bb-pro-surface) !important;
}

.bb-pro-theme .bb-menu-help-modal__intro,
.bb-pro-theme .bb-menu-help-example--strong,
.bb-pro-theme .bb-menu-help-reminder {
    border-color: var(--bb-pro-accent) !important;
    background: var(--bb-pro-soft-2) !important;
}

.bb-pro-theme .bb-menu-help-modal__close:hover,
.bb-pro-theme .bb-menu-help-modal__close:focus-visible {
    border-color: var(--bb-pro-primary) !important;
    color: var(--bb-pro-primary) !important;
}

.bb-pro-theme .bb-menu-help-trigger,
.bb-pro-theme .bb-menu-slug-form small[data-state="checking"] {
    color: var(--bb-pro-primary) !important;
}

.bb-pro-theme .bb-menu-help-trigger:hover,
.bb-pro-theme .bb-menu-help-trigger:focus-visible {
    border-color: var(--bb-pro-border-strong) !important;
    background: var(--bb-pro-soft) !important;
    color: var(--bb-pro-primary-strong) !important;
}

/* QR and analytics. */
.bb-pro-theme .bb-qr-hero {
    border-color: var(--bb-pro-border) !important;
    background: linear-gradient(135deg, var(--bb-pro-soft) 0%, var(--bb-card-bg) 100%) !important;
}

.bb-pro-theme .bb-qr-preview,
.bb-pro-theme .bb-qr-url {
    border-color: var(--bb-pro-border) !important;
    background: var(--bb-pro-surface-accent) !important;
}

.bb-pro-theme .bb-qr-url:hover {
    border-color: var(--bb-pro-accent) !important;
    background: var(--bb-pro-soft) !important;
}

.bb-pro-theme .bb-qr-offer-card span {
    background: var(--bb-pro-soft) !important;
    color: var(--bb-pro-primary-strong) !important;
}

.bb-pro-theme .bb-qr-offer-list li::before,
.bb-pro-theme .bb-panel-legend span {
    background: var(--bb-pro-primary) !important;
}

.bb-pro-theme .bb-panel-filter-group,
.bb-pro-theme .bb-panel-chart-tabs {
    border-color: var(--bb-pro-border) !important;
    background: var(--bb-pro-surface-accent) !important;
}

.bb-pro-theme .bb-panel-filter:hover,
.bb-pro-theme .bb-panel-filter.is-active,
.bb-pro-theme .bb-panel-chart-tabs button:hover,
.bb-pro-theme .bb-panel-chart-tabs button.is-active {
    background: var(--bb-tab-active-bg) !important;
    color: var(--bb-text-inverse) !important;
}

.bb-pro-theme .bb-panel-chart__bars {
    fill: var(--bb-pro-primary);
}

.bb-pro-theme .bb-analytics-pro-popular__placeholder {
    background: linear-gradient(135deg, var(--bb-pro-primary-deep), var(--bb-pro-primary)) !important;
}

.bb-pro-theme .bb-analytics-pro-seo__position strong {
    color: var(--bb-pro-primary) !important;
}

/* Summary onboarding. */
.bb-pro-theme .bb-onboarding {
    border-color: var(--bb-pro-border) !important;
    background: var(--bb-pro-surface) !important;
    box-shadow: 0 14px 36px rgba(30, 64, 175, 0.065);
}

.bb-pro-theme .bb-onboarding__progress-copy,
.bb-pro-theme .bb-onboarding__progress-copy span,
.bb-pro-theme .bb-onboarding__reopen {
    color: var(--bb-pro-primary-strong) !important;
}

.bb-pro-theme .bb-onboarding__progress {
    background: var(--bb-accent-soft) !important;
}

.bb-pro-theme .bb-onboarding__progress span {
    background: linear-gradient(90deg, var(--bb-pro-primary-strong), var(--bb-pro-accent-light)) !important;
}

.bb-pro-theme .bb-onboarding-step {
    border-color: var(--bb-pro-border) !important;
}

.bb-pro-theme .bb-onboarding-step.is-current {
    border-color: var(--bb-pro-accent-light) !important;
    box-shadow: 0 8px 22px rgba(37, 99, 235, 0.1);
}

.bb-pro-theme .bb-onboarding-step__marker {
    background: var(--bb-pro-soft) !important;
    color: var(--bb-pro-primary-strong) !important;
}

.bb-pro-theme .bb-onboarding-step.is-complete .bb-onboarding-step__marker {
    background: var(--bb-pro-primary) !important;
    color: var(--bb-text-inverse) !important;
}

/* Tutorial and account. */
.bb-pro-theme .bb-tutorial__hero::after {
    background: rgba(37, 99, 235, 0.1);
}

.bb-pro-theme .bb-tutorial__path {
    color: var(--bb-pro-primary-strong) !important;
}

.bb-pro-theme .bb-tutorial__path span,
.bb-pro-theme .bb-tutorial-card__example {
    background: var(--bb-pro-soft) !important;
}

.bb-pro-theme .bb-tutorial__index {
    border-color: var(--bb-pro-border) !important;
    background: var(--bb-pro-surface-accent) !important;
}

.bb-pro-theme .bb-tutorial-card__number {
    background: linear-gradient(135deg, var(--bb-pro-primary-deep), var(--bb-pro-primary)) !important;
}

.bb-pro-theme .bb-tutorial-card__eyebrow,
.bb-pro-theme .bb-tutorial-card li::marker,
.bb-pro-theme .bb-tutorial__finish li::marker {
    color: var(--bb-pro-primary) !important;
}

.bb-pro-theme .bb-tutorial-card__example {
    border-left-color: var(--bb-pro-accent) !important;
}

.bb-pro-theme .bb-tutorial-card__example strong {
    color: var(--bb-pro-primary-strong) !important;
}

.bb-pro-theme .bb-tutorial-more {
    border-color: var(--bb-pro-border) !important;
    background: var(--bb-pro-surface) !important;
}

.bb-pro-theme .bb-tutorial-more summary {
    color: var(--bb-pro-primary-strong) !important;
}

.bb-pro-theme .bb-tutorial-more summary:hover,
.bb-pro-theme .bb-tutorial-more[open] summary {
    border-color: var(--bb-pro-border) !important;
    background: var(--bb-pro-soft) !important;
}

.bb-pro-theme .bb-tutorial-more summary:focus-visible {
    outline-color: rgba(37, 99, 235, 0.24);
}

.bb-pro-theme .bb-tutorial-more__group + .bb-tutorial-more__group {
    border-color: var(--bb-pro-border) !important;
}

.bb-pro-theme .bb-tutorial-more__group h4,
.bb-pro-theme .bb-tutorial-field-guide dt,
.bb-pro-theme .bb-tutorial-example-flow > strong {
    color: var(--bb-pro-text) !important;
}

.bb-pro-theme .bb-tutorial-field-guide > div,
.bb-pro-theme .bb-tutorial-example-flow,
.bb-pro-theme .bb-tutorial-example-flow__sections section {
    border-color: var(--bb-pro-border) !important;
    background: var(--bb-pro-surface-accent) !important;
}

.bb-pro-theme .bb-tutorial-step::marker,
.bb-pro-theme .bb-tutorial-example-flow__sections h5 {
    color: var(--bb-pro-primary) !important;
}

.bb-pro-theme .bb-tutorial-checklist li::before {
    background: var(--bb-pro-soft) !important;
    color: var(--bb-pro-primary) !important;
}

.bb-pro-theme .bb-tutorial-tip {
    border-color: var(--bb-pro-border) !important;
    border-left-color: var(--bb-pro-accent) !important;
    background: var(--bb-pro-soft-2) !important;
}

.bb-pro-theme .bb-tutorial-example-flow__menu {
    background: linear-gradient(135deg, var(--bb-pro-primary-deep), var(--bb-pro-primary)) !important;
}

/* Semantic colors remain independent from the Pro brand. */
.bb-pro-theme .bb-panel-button--success {
    border-color: var(--bb-success) !important;
    background: var(--bb-success-soft) !important;
    color: var(--bb-success) !important;
}

.bb-pro-theme .bb-panel-button--warning,
.bb-pro-theme form:has(input[name="action"][value="barboost_menu_deactivate_dish"]) .bb-panel-button {
    border-color: var(--bb-warning) !important;
    background: var(--bb-warning-soft) !important;
    color: var(--bb-warning) !important;
}

.bb-pro-theme .bb-panel-button--danger,
.bb-pro-theme .bb-panel-button--danger-soft {
    border-color: var(--bb-danger) !important;
    background: var(--bb-danger-soft) !important;
    color: var(--bb-danger) !important;
}

.bb-pro-theme .bb-panel-button--danger:hover,
.bb-pro-theme .bb-panel-button--danger:focus-visible {
    border-color: var(--bb-danger) !important;
    background: var(--bb-danger) !important;
    color: var(--bb-text-inverse) !important;
}

.bb-pro-theme form:has(input[name="action"][value="barboost_menu_duplicate_dish"]) .bb-panel-button {
    border-color: var(--bb-border-strong) !important;
    background: var(--bb-card-bg-soft) !important;
    color: var(--bb-text-body) !important;
}

.bb-pro-theme .bb-panel-button--disabled,
.bb-pro-theme .bb-panel-button:disabled {
    border-color: var(--bb-card-border) !important;
    background: var(--bb-card-bg-soft) !important;
    color: var(--bb-text-muted) !important;
    box-shadow: none;
}

.bb-pro-theme .bb-danger-zone,
.bb-pro-theme .bb-design-reset-card,
.bb-pro-theme .bb-category-delete-danger {
    border-color: var(--bb-danger) !important;
    background: var(--bb-danger-soft) !important;
}

.bb-pro-theme .bb-menu-delete-modal__dialog,
.bb-pro-theme .bb-delete-account-modal__dialog,
.bb-pro-theme .bb-design-reset-modal__dialog {
    border-color: var(--bb-danger) !important;
    background: var(--bb-card-bg) !important;
}

.bb-pro-theme .bb-panel-notice:not(.bb-panel-notice--success):not(.bb-panel-notice--warning):not(.bb-panel-notice--error),
.bb-pro-theme .bb-panel-state:not(.bb-panel-state--warning) {
    border-color: var(--bb-pro-border-strong) !important;
    background: var(--bb-pro-soft) !important;
    color: var(--bb-accent-secondary) !important;
}

/* Carta feedback and Menú editing summary. */
.bb-panel-toast {
    position: fixed;
    top: 22px;
    right: 22px;
    z-index: 1000;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    width: min(420px, calc(100vw - 44px));
    border: 1px solid #DCE5EC;
    border-left-width: 4px;
    border-radius: 13px;
    background: #FFFFFF;
    box-shadow: 0 18px 44px rgba(7, 26, 46, 0.18);
    color: #0F172A;
    padding: 13px 13px 13px 12px;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 180ms ease, transform 180ms ease;
}

.bb-panel-toast.is-closing {
    opacity: 0;
    transform: translateY(-8px);
}

/* Keep the priority-presentation pills on one shared vertical rhythm. */
.bb-menu-highlights-config .bb-panel-form {
    align-items: center;
}

.bb-menu-highlights-config .bb-toggle-chip {
    box-sizing: border-box;
    align-self: center;
    height: 38px;
    min-height: 38px;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
}

.bb-panel-toast--success {
    border-left-color: #16A34A;
}

.bb-panel-toast--error {
    border-left-color: #DC2626;
}

.bb-panel-toast__icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 950;
}

.bb-panel-toast--success .bb-panel-toast__icon {
    background: #DCFCE7;
    color: #15803D;
}

.bb-panel-toast--error .bb-panel-toast__icon {
    background: #FEE2E2;
    color: #B91C1C;
}

.bb-panel-toast p {
    margin: 0;
    color: #1E293B;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.45;
}

.bb-panel-toast__close {
    width: 30px;
    height: 30px;
    border: 1px solid #DCE5EC;
    border-radius: 8px;
    background: #FFFFFF;
    color: #64748B;
    cursor: pointer;
    font-size: 19px;
    line-height: 1;
}

.bb-panel-toast__close:hover,
.bb-panel-toast__close:focus-visible {
    border-color: #94A3B8;
    color: #0F172A;
}

.bb-growth-campaign-panel { display: grid; gap: 1.25rem; }
.bb-growth-campaign-panel__header h2 { margin: .25rem 0 .5rem; }
.bb-growth-campaign-panel__header p, .bb-growth-campaign-create > div p, .bb-growth-campaign__empty p { color: var(--bb-text-muted); margin: 0; }
.bb-growth-campaign-create { display: grid; gap: 1rem; border: 1px solid var(--bb-card-border); border-radius: 18px; background: var(--bb-card-bg-alt); padding: clamp(18px, 3vw, 28px); }
.bb-growth-campaign-create h3 { margin: 0 0 .35rem; }
.bb-growth-campaign-create form, .bb-growth-campaign-card__edit form { display: grid; gap: 1rem; }
.bb-growth-campaign-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.bb-growth-campaign-form-grid label { display: grid; gap: .35rem; min-width: 0; }
.bb-growth-campaign-form-grid label > span, .bb-growth-campaign-form__wide > span { color: var(--bb-text-body); font-size: .82rem; font-weight: 800; }
.bb-growth-campaign-form-grid input, .bb-growth-campaign-form-grid select, .bb-growth-campaign-form-grid textarea { box-sizing: border-box; width: 100%; border: 1px solid var(--bb-input-border); border-radius: 9px; background: var(--bb-input-bg); color: var(--bb-input-text); font: inherit; padding: .72rem .8rem; }
.bb-growth-campaign-form__wide { display: grid; grid-column: 1 / -1; gap: .35rem; }
.bb-growth-campaign-form-grid textarea { min-height: 86px; resize: vertical; }
.bb-growth-campaign-form__help { margin: 0; color: var(--bb-text-muted); font-size: .84rem; line-height: 1.5; }
.bb-growth-campaign-list { display: grid; gap: 1rem; }
.bb-growth-campaign-card { display: grid; gap: 1rem; border: 1px solid var(--bb-card-border); border-radius: 18px; background: var(--bb-card-bg); padding: clamp(18px, 3vw, 28px); box-shadow: 0 10px 26px var(--bb-accent-glow); }
.bb-growth-campaign-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.bb-growth-campaign-card__head h3 { margin: .25rem 0; color: var(--bb-text-title); }
.bb-growth-campaign-card__head p { margin: 0; color: var(--bb-text-muted); }
.bb-growth-campaign-card__type { color: var(--bb-accent-secondary); font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.bb-growth-campaign-status { flex: 0 0 auto; border-radius: 999px; background: var(--bb-badge-bg); color: var(--bb-badge-text); padding: .35rem .65rem; font-size: .75rem; font-weight: 900; }
.bb-growth-campaign-status--active { background: color-mix(in srgb, var(--bb-success) 18%, var(--bb-card-bg)); color: var(--bb-success); }
.bb-growth-campaign-status--scheduled { background: var(--bb-accent-soft); color: var(--bb-accent-secondary); }
.bb-growth-campaign-status--ended { background: color-mix(in srgb, var(--bb-warning) 18%, var(--bb-card-bg)); color: var(--bb-warning); }
.bb-growth-campaign-status--archived { background: color-mix(in srgb, var(--bb-danger) 18%, var(--bb-card-bg)); color: var(--bb-danger); }
.bb-growth-campaign-preview { display: grid; gap: .55rem; border-radius: 14px; background: var(--bb-card-bg-soft); padding: 1rem; }
.bb-growth-campaign-preview.bb-growth-campaign--promotion { border-left: 4px solid var(--bb-accent-primary); }
.bb-growth-campaign-preview.bb-growth-campaign--event { border-left: 4px solid var(--bb-accent-secondary); }
.bb-growth-campaign-preview.bb-growth-campaign--announcement { border-left: 4px solid var(--bb-accent-primary); }
.bb-growth-campaign-preview .bb-growth-campaign__badge { margin: 0; color: var(--bb-accent-secondary); font-size: .7rem; font-weight: 900; letter-spacing: .08em; }
.bb-growth-campaign-preview .bb-growth-campaign__title { color: var(--bb-text-title); font-weight: 900; }
.bb-growth-campaign-preview .bb-growth-campaign__description { margin: 0; color: var(--bb-text-muted); }
.bb-growth-campaign-preview .bb-growth-campaign__cta { display: inline-flex; width: fit-content; border-radius: 8px; background: var(--bb-button-primary-gradient); color: var(--bb-button-primary-text); padding: .5rem .75rem; font-size: .82rem; font-weight: 800; }
.bb-growth-campaign-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .6rem; }
.bb-growth-campaign-metrics span { display: grid; gap: .25rem; min-width: 0; border-radius: 10px; background: var(--bb-card-bg-alt); padding: .7rem; }
.bb-growth-campaign-metrics small { color: var(--bb-text-muted); font-size: .7rem; line-height: 1.25; }
.bb-growth-campaign-metrics strong { color: var(--bb-kpi-value); font-size: 1.05rem; }
.bb-growth-campaign-card__schedule { margin: 0; color: var(--bb-text-muted); font-size: .82rem; }
.bb-growth-campaign-card__edit { border-top: 1px solid var(--bb-divider); padding-top: 1rem; }
.bb-growth-campaign-card__edit summary { cursor: pointer; color: var(--bb-text-link); font-weight: 800; }
.bb-growth-campaign-card__edit form { margin-top: 1rem; }
.bb-growth-campaign-card__actions { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.bb-growth-campaign-card__actions form { margin: 0; }
.bb-growth-campaign-card__archive { background: transparent; border-color: var(--bb-danger); color: var(--bb-danger); }
.bb-growth-campaign__empty { border: 1px dashed var(--bb-card-border); border-radius: 16px; background: var(--bb-card-bg-alt); padding: 1.5rem; }
body.bb-grow-theme .bb-growth-campaign-create { border-color: var(--bb-card-border); background: var(--bb-card-bg-alt); }
@media (max-width: 760px) { .bb-growth-campaign-form-grid { grid-template-columns: 1fr; } .bb-growth-campaign-form__wide { grid-column: auto; } .bb-growth-campaign-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .bb-growth-campaign-card__head { display: grid; } .bb-growth-campaign-status { width: fit-content; } .bb-growth-campaign-card__actions { display: grid; } .bb-growth-campaign-card__actions .bb-panel-button { width: 100%; } }

.bb-conversion-analytics { display: grid; gap: 1.25rem; margin-top: 1.5rem; }
.bb-conversion-analytics__header h2 { margin: .25rem 0 .45rem; }
.bb-conversion-analytics__header p { margin: 0 0 .5rem; color: var(--bb-text-body); }
.bb-conversion-analytics__helper, .bb-conversion-helper { color: var(--bb-text-muted); line-height: 1.5; }
.bb-conversion-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; }
.bb-conversion-summary__card { display: grid; gap: .3rem; border: 1px solid var(--bb-card-border); border-radius: 14px; background: var(--bb-card-bg); padding: 1rem; }
.bb-conversion-summary__card small { color: var(--bb-kpi-label); font-weight: 800; }
.bb-conversion-summary__card strong { color: var(--bb-kpi-value); font-size: 1.5rem; }
.bb-conversion-summary__card span { color: var(--bb-text-subtle); font-size: .75rem; }
.bb-conversion-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 1rem; }
.bb-conversion-actions, .bb-conversion-sources, .bb-conversion-series, .bb-conversion-campaigns { border: 1px solid var(--bb-card-border); border-radius: 16px; background: var(--bb-card-bg); padding: 1.2rem; }
.bb-conversion-actions h3, .bb-conversion-sources h3, .bb-conversion-series h3, .bb-conversion-campaigns h3 { margin: 0 0 1rem; color: var(--bb-text-title); font-size: 1rem; }
.bb-conversion-actions ul, .bb-conversion-campaigns ul { display: grid; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.bb-conversion-actions li, .bb-conversion-campaigns li { display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--bb-divider); padding-bottom: .55rem; color: var(--bb-text-body); }
.bb-conversion-actions strong, .bb-conversion-campaigns strong { color: var(--bb-accent-secondary); }
.bb-conversion-campaigns li span { display: grid; gap: .2rem; }
.bb-conversion-campaigns li small { color: var(--bb-text-muted); font-size: .75rem; }
.bb-conversion-source-list { display: grid; gap: .7rem; }
.bb-conversion-source { display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--bb-divider); padding-bottom: .55rem; }
.bb-conversion-source strong { color: var(--bb-text-title); }
.bb-conversion-source span { color: var(--bb-text-muted); font-size: .82rem; text-align: right; }
.bb-conversion-series__chart { display: flex; align-items: end; gap: 3px; height: 150px; overflow: hidden; border-bottom: 1px solid var(--bb-divider); padding: 0 .2rem; }
.bb-conversion-series__day { display: flex; flex: 1 1 0; align-items: end; justify-content: center; gap: 2px; min-width: 4px; height: 100%; position: relative; }
.bb-conversion-series__day span, .bb-conversion-series__day i { display: block; width: 45%; min-height: 2px; border-radius: 3px 3px 0 0; background: var(--bb-chart-fill); }
.bb-conversion-series__day i { background: var(--bb-chart-line); }
.bb-conversion-series__day small { position: absolute; bottom: -1.2rem; color: var(--bb-text-subtle); font-size: .55rem; transform: rotate(-45deg); transform-origin: top left; white-space: nowrap; }
.bb-conversion-series__legend { display: flex; gap: 1rem; margin-top: 1.5rem; color: var(--bb-text-muted); font-size: .75rem; }
.bb-conversion-series__legend span::before { content: ''; display: inline-block; width: 9px; height: 9px; margin-right: .3rem; border-radius: 2px; background: var(--bb-chart-fill); }
.bb-conversion-series__legend span + span::before { background: var(--bb-chart-line); }
.bb-conversion-analytics__empty { border: 1px dashed var(--bb-card-border); border-radius: 16px; background: var(--bb-card-bg-alt); padding: 1.5rem; }
body.bb-grow-theme .bb-conversion-summary__card, body.bb-grow-theme .bb-conversion-actions, body.bb-grow-theme .bb-conversion-sources, body.bb-grow-theme .bb-conversion-series, body.bb-grow-theme .bb-conversion-campaigns { border-color: var(--bb-card-border); background: linear-gradient(145deg, var(--bb-card-bg), var(--bb-card-bg-alt)); color: var(--bb-text-body); }
body.bb-grow-theme .bb-conversion-summary__card strong, body.bb-grow-theme .bb-conversion-actions h3, body.bb-grow-theme .bb-conversion-sources h3, body.bb-grow-theme .bb-conversion-series h3, body.bb-grow-theme .bb-conversion-campaigns h3 { color: var(--bb-grow-text); }
@media (max-width: 900px) { .bb-conversion-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bb-conversion-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .bb-conversion-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bb-conversion-summary__card strong { font-size: 1.25rem; } .bb-conversion-source { display: grid; gap: .25rem; } .bb-conversion-source span { text-align: left; } }

.bb-set-menu-current-card {
    overflow: hidden;
    margin: 0 0 18px;
    border: 1px solid var(--bb-card-border);
    border-radius: 18px;
    background: var(--bb-hero-gradient);
    box-shadow: 0 18px 42px rgba(30, 64, 175, 0.16);
    color: var(--bb-text-inverse);
    padding: 22px;
}

.bb-set-menu-current-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.bb-set-menu-current-card__eyebrow {
    color: var(--bb-text-inverse);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.bb-set-menu-current-card h3 {
    margin: 6px 0 0;
    color: var(--bb-text-inverse);
    font-size: clamp(24px, 4vw, 34px);
    line-height: 1.05;
}

.bb-set-menu-current-card__price {
    flex: 0 0 auto;
    color: var(--bb-text-inverse);
    font-size: clamp(22px, 4vw, 30px);
    white-space: nowrap;
}

.bb-set-menu-current-card__description {
    max-width: 720px;
    margin: 14px 0 0;
    color: color-mix(in srgb, var(--bb-text-inverse) 78%, transparent);
    font-size: 14px;
    line-height: 1.55;
}

.bb-set-menu-current-card__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.bb-set-menu-current-card__chips span {
    border: 1px solid color-mix(in srgb, var(--bb-text-inverse) 28%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bb-text-inverse) 10%, transparent);
    color: var(--bb-text-inverse);
    font-size: 12px;
    font-weight: 800;
    padding: 6px 9px;
}

.bb-set-menu-current-card__chips .is-status {
    border-color: color-mix(in srgb, var(--bb-success) 45%, transparent);
    background: var(--bb-success-soft);
    color: var(--bb-success);
}

.bb-set-menu-current-card__summary {
    margin: 14px 0 0;
    color: var(--bb-text-inverse);
    font-size: 13px;
    font-weight: 800;
}

[id^="bb-set-menu-editor-"],
[id^="bb-set-menu-current-"],
[id^="bb-set-menu-section-"],
[id^="bb-set-menu-item-form-"],
[id^="bb-set-menu-item-"] {
    scroll-margin-top: 24px;
}

@media (max-width: 640px) {
    .bb-panel-toast {
        top: 12px;
        right: 12px;
        left: 12px;
        width: auto;
    }

    .bb-set-menu-current-card {
        padding: 18px;
    }

    .bb-set-menu-current-card__head {
        display: block;
    }

    .bb-set-menu-current-card__price {
        display: block;
        margin-top: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bb-panel-toast {
        transition: none;
    }
}

/* Real, readable preview of the menu currently being edited. */
.bb-set-menu-preview {
    overflow: hidden;
    margin: 0 0 18px;
    border: 1px solid var(--bb-card-border);
    border-radius: 16px;
    background: var(--bb-card-bg);
    box-shadow: 0 10px 24px rgba(7, 26, 46, .06);
    color: var(--bb-text-body);
}

.bb-set-menu-preview__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 20px;
}

.bb-set-menu-preview__eyebrow {
    color: var(--bb-text-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.bb-set-menu-preview h3 {
    margin: 6px 0 0;
    color: var(--bb-text-title);
    font-size: clamp(24px, 4vw, 32px);
    line-height: 1.1;
}

.bb-set-menu-preview__header p {
    max-width: 720px;
    margin: 10px 0 0;
    color: var(--bb-text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.bb-set-menu-preview__price {
    flex: 0 0 auto;
    border: 1px solid var(--bb-card-border);
    border-radius: 999px;
    background: var(--bb-accent-soft);
    color: var(--bb-accent-secondary);
    font-size: 17px;
    font-weight: 900;
    padding: 8px 12px;
    white-space: nowrap;
}

.bb-set-menu-preview__sections {
    border-top: 1px solid var(--bb-divider);
    padding: 0 20px 20px;
}

.bb-set-menu-preview__section { margin-top: 18px; }
.bb-set-menu-preview__section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.bb-set-menu-preview__section h4 { margin: 0; color: var(--bb-text-title); font-size: 16px; }
.bb-set-menu-preview__section-head p { margin: 4px 0 0; color: var(--bb-text-muted); font-size: 13px; }
.bb-set-menu-preview__section-head > span { flex: 0 0 auto; color: var(--bb-text-muted); font-size: 12px; font-weight: 800; }
.bb-set-menu-preview__section ul { list-style: none; margin: 8px 0 0; padding: 0; }
.bb-set-menu-preview__section li { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; border-top: 1px solid var(--bb-divider); padding: 10px 0; }
.bb-set-menu-preview__item-main { min-width: 0; }
.bb-set-menu-preview__item-main strong, .bb-set-menu-preview__item-main small { display: block; }
.bb-set-menu-preview__item-main small { margin-top: 3px; color: var(--bb-text-muted); line-height: 1.45; }
.bb-set-menu-preview__allergens { display: flex !important; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.bb-set-menu-preview__allergens span { display: inline-grid !important; width: 23px; height: 23px; place-items: center; border-radius: 50%; background: var(--bb-card-bg-soft); color: var(--bb-text-body); font-size: 10px; }
.bb-set-menu-preview__allergens svg { width: 16px; height: 16px; }
.bb-set-menu-preview__section li em { flex: 0 0 auto; color: var(--bb-accent-secondary); font-style: normal; font-weight: 900; }

@media (max-width: 640px) {
    .bb-set-menu-preview__header, .bb-set-menu-preview__sections { padding-right: 16px; padding-left: 16px; }
    .bb-set-menu-preview__header { display: block; }
    .bb-set-menu-preview__price { display: inline-flex; margin-top: 12px; }
    .bb-set-menu-preview__section-head { display: block; }
    .bb-set-menu-preview__section-head > span { display: block; margin-top: 5px; }
}
/* Business schedules. */
.bb-panel-schedules { min-width: 0; margin-top: 0; }
.bb-panel-schedules .bb-panel-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: 100%; min-width: 0; }
.bb-panel-schedules details { border: 1px solid var(--bb-card-border); border-radius: 14px; background: var(--bb-card-bg-alt); padding: 14px; }
.bb-panel-schedules .bb-panel-form > details { width: 100%; min-width: 0; margin-top: 0; }
.bb-panel-schedules .bb-panel-form > details:nth-of-type(3), .bb-panel-schedules .bb-panel-form > .bb-panel-button { grid-column: 1 / -1; }
.bb-panel-schedules summary { cursor: pointer; color: var(--bb-text-title); font-weight: 850; }
.bb-schedule-days { display: grid; gap: 10px; margin-top: 14px; }
.bb-schedule-day { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid var(--bb-divider); border-radius: 12px; background: var(--bb-card-bg); padding: 12px; }
.bb-schedule-day legend { color: var(--bb-text-title); font-weight: 850; padding: 0 4px; }
.bb-schedule-turn { display: grid; grid-template-columns: minmax(64px, .55fr) repeat(2, minmax(0, 1fr)); align-items: end; gap: 10px; margin-top: 8px; }
.bb-schedule-turn strong { align-self: center; color: var(--bb-text-muted); font-size: 13px; }
.bb-schedule-turn label { min-width: 0; width: 100%; }
.bb-schedule-turn input[type="time"] { display: block; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }
.bb-schedule-vacation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.bb-schedule-vacation label { min-width: 0; }
.bb-schedule-vacation input[type="date"] { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }
.bb-panel-schedules input[type="time"], .bb-panel-schedules input[type="date"] { min-height: 42px; }
@media (max-width: 1180px) { .bb-panel-schedules .bb-panel-form { grid-template-columns: minmax(0, 1fr); } .bb-panel-schedules .bb-panel-form > details, .bb-panel-schedules .bb-panel-form > .bb-panel-button { grid-column: 1; width: 100%; min-width: 0; } }
@media (max-width: 760px) { .bb-schedule-turn { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; } .bb-schedule-turn strong { grid-column: 1 / -1; align-self: start; } .bb-schedule-vacation { grid-template-columns: 1fr; } }

/* Keep Grow as the final theme layer after the existing Pro declarations. */
body.bb-grow-theme {
    --bb-pro-primary: var(--bb-accent-primary);
    --bb-pro-primary-hover: var(--bb-accent-secondary);
    --bb-pro-primary-strong: var(--bb-accent-secondary);
    --bb-pro-primary-deep: var(--bb-hero-bg);
    --bb-pro-accent: var(--bb-accent-primary);
    --bb-pro-accent-light: var(--bb-accent-primary);
    --bb-pro-primary-soft: var(--bb-accent-soft);
    --bb-pro-soft: var(--bb-accent-soft);
    --bb-pro-soft-2: var(--bb-card-bg-alt);
    --bb-pro-surface: var(--bb-card-bg);
    --bb-pro-surface-accent: var(--bb-card-bg-alt);
    --bb-pro-page: var(--bb-page-bg);
    --bb-pro-border: var(--bb-card-border);
    --bb-pro-border-strong: var(--bb-border-strong);
    --bb-pro-text: var(--bb-text-title);
    --bb-pro-text-muted: var(--bb-text-muted);
    --bb-pro-sidebar-top: var(--bb-sidebar-bg);
    --bb-pro-sidebar-mid: var(--bb-sidebar-bg-alt);
    --bb-pro-sidebar-bottom: var(--bb-sidebar-bg);
    --bb-pro-sidebar-text: var(--bb-nav-text);
    --bb-pro-sidebar-muted: var(--bb-nav-muted);
    --bb-pro-sidebar-icon: var(--bb-accent-primary);
    --bb-pro-sidebar-hover: var(--bb-accent-soft);
    --bb-pro-sidebar-active: var(--bb-nav-active-bg);
}

body.bb-grow-theme .bb-panel-card,
body.bb-grow-theme .bb-panel-summary-card,
body.bb-grow-theme .bb-panel-fact,
body.bb-grow-theme .bb-management-form,
body.bb-grow-theme .bb-management-table-wrap,
body.bb-grow-theme .bb-management-table,
body.bb-grow-theme .bb-menu-list,
body.bb-grow-theme .bb-menu-form,
body.bb-grow-theme .bb-menu-row,
body.bb-grow-theme .bb-menu-overview-card,
body.bb-grow-theme .bb-menu-public-url,
body.bb-grow-theme .bb-menu-design-card,
body.bb-grow-theme .bb-set-menu-subform,
body.bb-grow-theme .bb-schedule-editor,
body.bb-grow-theme .bb-qr-offer-card,
body.bb-grow-theme .bb-analytics-pro__header,
body.bb-grow-theme .bb-analytics-pro-card,
body.bb-grow-theme .bb-analytics-pro-kpi,
body.bb-grow-theme .bb-tutorial__hero,
body.bb-grow-theme .bb-tutorial-card,
body.bb-grow-theme .bb-tutorial__finish,
body.bb-grow-theme .bb-pro-summary-kpi,
body.bb-grow-theme .bb-pro-summary-card {
    border-color: var(--bb-grow-border) !important;
    background: linear-gradient(145deg, var(--bb-card-bg), var(--bb-card-bg-alt)) !important;
    color: var(--bb-grow-text) !important;
    box-shadow: 0 18px 44px rgba(5, 3, 18, 0.28) !important;
}

body.bb-grow-theme .bb-pro-summary__hero {
    border-color: var(--bb-card-border) !important;
    background:
        radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--bb-accent-primary) 44%, transparent), transparent 30%),
        radial-gradient(circle at 48% 118%, color-mix(in srgb, var(--bb-accent-secondary) 40%, transparent), transparent 42%),
        var(--bb-hero-gradient) !important;
}

body.bb-grow-theme .bb-pro-summary-card__head h3,
body.bb-grow-theme .bb-pro-summary .bb-analytics-pro-card__head h3,
body.bb-grow-theme .bb-pro-summary-insights h3,
body.bb-grow-theme .bb-pro-summary-kpi strong,
body.bb-grow-theme .bb-panel-card h2,
body.bb-grow-theme .bb-panel-card h3,
body.bb-grow-theme .bb-panel-card h4 {
    color: var(--bb-grow-text) !important;
}

body.bb-grow-theme .bb-panel-form input,
body.bb-grow-theme .bb-panel-form select,
body.bb-grow-theme .bb-panel-form textarea,
body.bb-grow-theme .bb-management-form input,
body.bb-grow-theme .bb-management-form select,
body.bb-grow-theme .bb-management-form textarea,
body.bb-grow-theme .bb-analytics-pro__range select {
    border-color: var(--bb-input-border) !important;
    background: var(--bb-input-bg) !important;
    color: var(--bb-grow-text) !important;
}

body.bb-grow-theme .bb-management-table th,
body.bb-grow-theme .bb-menu-table th {
    border-color: var(--bb-divider) !important;
    background: var(--bb-table-head-bg) !important;
    color: var(--bb-text-title) !important;
}

body.bb-grow-theme .bb-management-table td,
body.bb-grow-theme .bb-menu-table td {
    border-color: var(--bb-divider) !important;
    color: var(--bb-text-body) !important;
}

body.bb-grow-theme .bb-panel-nav-shell--grow {
    background:
        radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--bb-accent-primary) 20%, transparent), transparent 48%),
        linear-gradient(180deg, var(--bb-sidebar-bg-alt) 0%, var(--bb-sidebar-bg) 100%) !important;
}

body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a.is-active,
body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a.is-active:hover,
body.bb-grow-theme .bb-panel-nav-shell--grow .bb-panel-nav--grow a.is-active:focus-visible {
    border-color: var(--bb-border-strong) !important;
    background: var(--bb-nav-active-gradient) !important;
    color: var(--bb-nav-active-text) !important;
    box-shadow: 0 10px 25px var(--bb-nav-active-glow) !important;
}

body.bb-grow-theme .bb-seo-growth,
body.bb-grow-theme .bb-seo-growth__summary-item,
body.bb-grow-theme .bb-seo-growth-opportunity {
    border-color: var(--bb-grow-border) !important;
    background: linear-gradient(145deg, var(--bb-card-bg), var(--bb-card-bg-alt)) !important;
    color: var(--bb-grow-text) !important;
}

body.bb-grow-theme .bb-seo-growth__header h2,
body.bb-grow-theme .bb-seo-growth__list-head h3,
body.bb-grow-theme .bb-seo-growth-opportunity h4,
body.bb-grow-theme .bb-seo-growth-opportunity__metrics strong {
    color: var(--bb-grow-text) !important;
}

body.bb-grow-theme .bb-seo-growth__header p,
body.bb-grow-theme .bb-seo-growth__period,
body.bb-grow-theme .bb-seo-growth__state,
body.bb-grow-theme .bb-seo-growth-opportunity__url,
body.bb-grow-theme .bb-seo-growth-opportunity__recommendation {
    color: var(--bb-grow-muted) !important;
}

body.bb-grow-theme .bb-seo-growth__summary-item span,
body.bb-grow-theme .bb-seo-growth-opportunity__eyebrow,
body.bb-grow-theme .bb-seo-growth-opportunity__metrics small,
body.bb-grow-theme .bb-seo-growth-opportunity__url span {
    color: var(--bb-accent-primary) !important;
}

body.bb-grow-theme .bb-seo-growth__summary-item strong {
    color: var(--bb-accent-primary) !important;
}

body.bb-grow-theme .bb-seo-growth-opportunity__metrics span,
body.bb-grow-theme .bb-seo-growth-opportunity__recommendation {
    border-color: var(--bb-grow-border) !important;
}

body.bb-grow-theme .bb-seo-growth-reason {
    background: var(--bb-accent-soft) !important;
    color: var(--bb-accent-primary) !important;
}

body.bb-grow-theme .bb-seo-growth-priority--high {
    background: var(--bb-danger-soft) !important;
    color: var(--bb-danger) !important;
}

body.bb-grow-theme .bb-seo-growth-priority--medium {
    background: var(--bb-card-bg-soft) !important;
    color: var(--bb-text-muted) !important;
}

.bb-smart-qr {
    display: grid;
    gap: 18px;
    margin-top: 22px;
    padding: 24px;
    border: 1px solid var(--bb-card-border);
    border-radius: 18px;
    background: linear-gradient(145deg, var(--bb-card-bg), var(--bb-card-bg-alt));
    color: var(--bb-text-body);
}

.bb-smart-qr__header h2,
.bb-smart-qr__section-head h3 {
    margin: 4px 0 0;
    color: var(--bb-text-title);
}

.bb-smart-qr__header p,
.bb-smart-qr-create p,
.bb-smart-qr__empty,
.bb-smart-qr-card__archived,
.bb-smart-qr-card__archive-note {
    color: var(--bb-text-muted);
    font-size: 13px;
    line-height: 1.55;
}

.bb-smart-qr__header p,
.bb-smart-qr-create p {
    margin: 8px 0 0;
}

.bb-smart-qr-create {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--bb-card-border);
    border-radius: 14px;
    background: var(--bb-card-bg);
}

.bb-smart-qr-create h3,
.bb-smart-qr-card h4 {
    margin: 0;
    color: var(--bb-text-title);
}

.bb-smart-qr-create form,
.bb-smart-qr-card__edit {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(180px, 1fr) auto;
    align-items: end;
    gap: 12px;
}

.bb-smart-qr-create label,
.bb-smart-qr-card__edit label {
    display: grid;
    gap: 6px;
    color: var(--bb-text-body);
    font-size: 12px;
    font-weight: 800;
}

.bb-smart-qr-create input,
.bb-smart-qr-create select,
.bb-smart-qr-card__edit input,
.bb-smart-qr-card__edit select {
    min-height: 42px;
    width: 100%;
    border: 1px solid var(--bb-input-border);
    border-radius: 9px;
    background: var(--bb-input-bg);
    color: var(--bb-input-text);
    padding: 0 11px;
}

.bb-smart-qr__section,
.bb-smart-qr-ranking {
    display: grid;
    gap: 12px;
}

.bb-smart-qr__section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.bb-smart-qr__section-head span {
    color: var(--bb-text-muted);
    font-size: 12px;
}

.bb-smart-qr-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.bb-smart-qr-card {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--bb-card-border);
    border-radius: 14px;
    background: var(--bb-card-bg);
}

.bb-smart-qr-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.bb-smart-qr-card__eyebrow {
    color: var(--bb-accent-secondary);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.bb-smart-qr-status {
    display: inline-flex;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 800;
}

.bb-smart-qr-status--active {
    background: var(--bb-success-soft);
    color: var(--bb-success);
}

.bb-smart-qr-status--archived {
    background: var(--bb-card-bg-soft);
    color: var(--bb-text-muted);
}

.bb-smart-qr-card__archived,
.bb-smart-qr-card__archive-note {
    margin: 0;
}

.bb-smart-qr-card__url {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.bb-smart-qr-card__url span {
    color: var(--bb-text-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.bb-smart-qr-card__url a {
    overflow-wrap: anywhere;
    color: var(--bb-text-link);
    font-size: 12px;
}

.bb-smart-qr-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.bb-smart-qr-metrics span {
    display: grid;
    gap: 4px;
    padding-top: 9px;
    border-top: 1px solid var(--bb-divider);
}

.bb-smart-qr-metrics small {
    color: var(--bb-kpi-label);
    font-size: 11px;
}

.bb-smart-qr-metrics strong {
    color: var(--bb-kpi-value);
    font-size: 18px;
}

.bb-smart-qr-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bb-smart-qr-card__actions .bb-panel-button {
    font-size: 12px;
    padding: 9px 11px;
}

.bb-smart-qr-card__edit {
    grid-template-columns: minmax(0, 1.5fr) minmax(120px, 1fr) auto;
    padding-top: 12px;
    border-top: 1px solid var(--bb-divider);
}

.bb-smart-qr-card__edit .bb-panel-button {
    min-height: 42px;
    white-space: nowrap;
}

.bb-smart-qr-card__archive {
    border: 0;
    background: transparent;
    color: var(--bb-text-muted);
    cursor: pointer;
    font-size: 12px;
    padding: 0;
    text-align: left;
}

.bb-smart-qr-card__archive:hover,
.bb-smart-qr-card__archive:focus-visible {
    color: var(--bb-text-link);
}

.bb-smart-qr-ranking {
    padding-top: 4px;
}

.bb-smart-qr-ranking__list {
    display: grid;
    gap: 8px;
}

.bb-smart-qr-ranking__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid var(--bb-card-border);
    border-radius: 10px;
    background: var(--bb-card-bg);
}

.bb-smart-qr-ranking__row div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.bb-smart-qr-ranking__row strong,
.bb-smart-qr-ranking__row span {
    overflow-wrap: anywhere;
}

.bb-smart-qr-ranking__row span {
    color: var(--bb-text-muted);
    font-size: 12px;
}

.bb-smart-qr__empty {
    padding: 16px;
    border: 1px dashed var(--bb-border-strong);
    border-radius: 12px;
}

@media (max-width: 900px) {
    .bb-smart-qr-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .bb-smart-qr {
        padding: 18px;
    }

    .bb-smart-qr-create form,
    .bb-smart-qr-card__edit {
        grid-template-columns: 1fr;
    }

    .bb-smart-qr-card__head {
        display: grid;
    }

    .bb-smart-qr-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bb-smart-qr-card__actions .bb-panel-button {
        flex: 1 1 140px;
        text-align: center;
    }

    .bb-smart-qr-ranking__row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .bb-smart-qr-ranking__row > span {
        grid-column: 1 / -1;
    }
}

/* Final token cascade for the client panel. */
body.bb-theme-free .bb-panel,
body.bb-theme-pro .bb-panel,
body.bb-theme-grow .bb-panel { background: var(--bb-page-bg); color: var(--bb-text-body); }
body.bb-theme-free .bb-pro-summary__hero,
body.bb-theme-pro .bb-pro-summary__hero,
body.bb-theme-grow .bb-pro-summary__hero { background: var(--bb-hero-gradient); color: var(--bb-text-inverse); }
body.bb-theme-free :is(.bb-panel-card, .bb-panel-summary-card, .bb-panel-fact, .bb-management-form, .bb-management-table-wrap, .bb-management-table, .bb-menu-list, .bb-menu-form, .bb-menu-row, .bb-menu-overview-card, .bb-menu-public-url, .bb-menu-design-card, .bb-set-menu-subform, .bb-schedule-editor, .bb-qr-offer-card, .bb-analytics-pro__header, .bb-analytics-pro-card, .bb-analytics-pro-kpi, .bb-tutorial-card),
body.bb-theme-pro :is(.bb-panel-card, .bb-panel-summary-card, .bb-panel-fact, .bb-management-form, .bb-management-table-wrap, .bb-management-table, .bb-menu-list, .bb-menu-form, .bb-menu-row, .bb-menu-overview-card, .bb-menu-public-url, .bb-menu-design-card, .bb-set-menu-subform, .bb-schedule-editor, .bb-qr-offer-card, .bb-analytics-pro__header, .bb-analytics-pro-card, .bb-analytics-pro-kpi, .bb-tutorial-card),
body.bb-theme-grow :is(.bb-panel-card, .bb-panel-summary-card, .bb-panel-fact, .bb-management-form, .bb-management-table-wrap, .bb-management-table, .bb-menu-list, .bb-menu-form, .bb-menu-row, .bb-menu-overview-card, .bb-menu-public-url, .bb-menu-design-card, .bb-set-menu-subform, .bb-schedule-editor, .bb-qr-offer-card, .bb-analytics-pro__header, .bb-analytics-pro-card, .bb-analytics-pro-kpi, .bb-tutorial-card) { border-color: var(--bb-card-border); background: var(--bb-card-bg); color: var(--bb-text-body); }
body.bb-theme-free :is(.bb-panel-card, .bb-pro-summary, .bb-analytics-pro) :is(h1, h2, h3, h4, strong),
body.bb-theme-pro :is(.bb-panel-card, .bb-pro-summary, .bb-analytics-pro) :is(h1, h2, h3, h4, strong),
body.bb-theme-grow :is(.bb-panel-card, .bb-pro-summary, .bb-analytics-pro) :is(h1, h2, h3, h4, strong) { color: var(--bb-text-title); }
body.bb-theme-free .bb-panel :is(p, small, dt, label),
body.bb-theme-pro .bb-panel :is(p, small, dt, label),
body.bb-theme-grow .bb-panel :is(p, small, dt, label) { color: var(--bb-text-body); }
body.bb-theme-free .bb-panel :is(input, select, textarea),
body.bb-theme-pro .bb-panel :is(input, select, textarea),
body.bb-theme-grow .bb-panel :is(input, select, textarea) { border-color: var(--bb-input-border); background: var(--bb-input-bg); color: var(--bb-input-text); }
body.bb-theme-free .bb-panel :is(input, textarea)::placeholder,
body.bb-theme-pro .bb-panel :is(input, textarea)::placeholder,
body.bb-theme-grow .bb-panel :is(input, textarea)::placeholder { color: var(--bb-input-placeholder); }
body.bb-theme-free .bb-panel :is(input, select, textarea):focus,
body.bb-theme-pro .bb-panel :is(input, select, textarea):focus,
body.bb-theme-grow .bb-panel :is(input, select, textarea):focus { border-color: var(--bb-input-focus); box-shadow: 0 0 0 3px var(--bb-focus-ring); outline: 0; }
body.bb-theme-free .bb-panel-button:not(.bb-panel-button--secondary):not(.bb-panel-button--light):not(.bb-panel-button--ghost),
body.bb-theme-pro .bb-panel-button:not(.bb-panel-button--secondary):not(.bb-panel-button--light):not(.bb-panel-button--ghost),
body.bb-theme-grow .bb-panel-button:not(.bb-panel-button--secondary):not(.bb-panel-button--light):not(.bb-panel-button--ghost) { border-color: var(--bb-button-primary-bg); background: var(--bb-button-primary-gradient); color: var(--bb-button-primary-text); }
body.bb-theme-free .bb-panel-nav-shell,
body.bb-theme-pro .bb-panel-nav-shell,
body.bb-theme-grow .bb-panel-nav-shell { border-color: var(--bb-sidebar-border); background: var(--bb-sidebar-bg); }
body.bb-theme-free .bb-panel-nav a,
body.bb-theme-pro .bb-panel-nav a,
body.bb-theme-grow .bb-panel-nav a { color: var(--bb-nav-text); }
body.bb-theme-free .bb-panel-nav a.is-active,
body.bb-theme-pro .bb-panel-nav a.is-active,
body.bb-theme-grow .bb-panel-nav a.is-active { background: var(--bb-nav-active-gradient); color: var(--bb-nav-active-text); }
body.bb-theme-free :is(.bb-management-table, .bb-menu-table) :is(th, td),
body.bb-theme-pro :is(.bb-management-table, .bb-menu-table) :is(th, td),
body.bb-theme-grow :is(.bb-management-table, .bb-menu-table) :is(th, td) { border-color: var(--bb-divider); color: var(--bb-text-body); }
body.bb-theme-free :is(.bb-management-table, .bb-menu-table) th,
body.bb-theme-pro :is(.bb-management-table, .bb-menu-table) th,
body.bb-theme-grow :is(.bb-management-table, .bb-menu-table) th { background: var(--bb-table-head-bg); color: var(--bb-text-title); }
body.bb-theme-free :is(.bb-analytics-pro-chart__line, .bb-pro-summary .bb-analytics-pro-chart__line),
body.bb-theme-pro :is(.bb-analytics-pro-chart__line, .bb-pro-summary .bb-analytics-pro-chart__line),
body.bb-theme-grow :is(.bb-analytics-pro-chart__line, .bb-pro-summary .bb-analytics-pro-chart__line) { stroke: var(--bb-chart-line); }
body.bb-theme-free .bb-growth-overview,
body.bb-theme-pro .bb-growth-overview,
body.bb-theme-grow .bb-growth-overview { background: var(--bb-card-bg); border-color: var(--bb-card-border); color: var(--bb-text-body); }
body.bb-theme-free .bb-growth-overview-card,
body.bb-theme-pro .bb-growth-overview-card,
body.bb-theme-grow .bb-growth-overview-card { background: var(--bb-card-bg-alt); border-color: var(--bb-card-border); color: var(--bb-text-body); }
body.bb-theme-free .bb-growth-overview :is(h2, h3, strong),
body.bb-theme-pro .bb-growth-overview :is(h2, h3, strong),
body.bb-theme-grow .bb-growth-overview :is(h2, h3, strong) { color: var(--bb-text-title); }

/* Compatibility aliases keep the pre-token GROW selectors on the canonical palette. */
body.bb-theme-grow {
    --bb-grow-bg: var(--bb-page-bg);
    --bb-grow-surface: var(--bb-card-bg);
    --bb-grow-surface-raised: var(--bb-card-bg-alt);
    --bb-grow-surface-soft: var(--bb-card-bg-soft);
    --bb-grow-border: var(--bb-card-border);
    --bb-grow-border-strong: var(--bb-accent-primary);
    --bb-grow-text: var(--bb-text-title);
    --bb-grow-muted: var(--bb-text-muted);
    --bb-grow-purple: var(--bb-accent-secondary);
    --bb-grow-violet: var(--bb-button-primary-bg-alt);
    --bb-grow-pink: var(--bb-accent-primary);
    --bb-grow-rose: var(--bb-danger);
    --bb-grow-glow: var(--bb-accent-glow);
}

/* Final panel hierarchy: the Elementor sidebar owns the only visible nav surface. */
.bb-panel-nav-shell,
.bb-panel-nav-shell--pro,
.bb-panel-nav-shell--grow,
body:is(.bb-theme-free, .bb-theme-pro, .bb-theme-grow) :is(
    .bb-panel-nav-shell,
    .bb-panel-nav-shell--pro,
    .bb-panel-nav-shell--grow
) {
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body:is(.bb-theme-free, .bb-theme-pro, .bb-theme-grow) .bb-panel :is(
    label,
    label > span,
    .bb-logo-field__label
) {
    color: var(--bb-text-body) !important;
    font-size: 13px;
    font-weight: 700;
}

body:is(.bb-theme-free, .bb-theme-pro, .bb-theme-grow) .bb-panel :is(
    .bb-panel-help,
    .bb-panel-form small,
    .bb-management-form small,
    .bb-growth-campaign-create small,
    .bb-growth-campaign-form__help,
    .bb-panel-schedules small,
    .bb-menu-form small
) {
    color: var(--bb-text-muted) !important;
}
.barboost-service-quote{border:0;border-radius:14px;max-width:680px;width:calc(100% - 32px);padding:0;background:#fff;color:#172033;box-shadow:0 20px 60px rgba(0,0,0,.22)}
.barboost-service-quote::backdrop{background:rgba(10,18,35,.58)}
.barboost-service-quote form{position:relative;padding:28px}.barboost-service-quote__close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.barboost-service-quote__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.barboost-service-quote label{display:flex;flex-direction:column;gap:5px;font-size:14px}.barboost-service-quote input,.barboost-service-quote select,.barboost-service-quote textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #d5dbe5;border-radius:6px;background:#fff}.barboost-service-quote textarea{min-height:76px}.barboost-service-quote label:nth-last-child(-n+4),.barboost-service-quote__privacy{grid-column:1/-1}.barboost-service-quote__privacy{display:flex;flex-direction:row;align-items:flex-start;gap:8px;line-height:1.45}.barboost-service-quote__privacy input{width:auto;flex:0 0 auto;margin:3px 0 0}.barboost-service-quote__privacy span{flex:1}.barboost-service-quote__privacy a{color:inherit;text-decoration:underline}.barboost-quote-honeypot{position:absolute!important;left:-10000px!important}.barboost-service-quote [data-bb-quote-message]{min-height:24px}@media(max-width:600px){.barboost-service-quote__fields{grid-template-columns:1fr}.barboost-service-quote form{padding:22px 16px}}