:root {
    --bb-green: #087f5b;
    --bb-green-dark: #056747;
    --bb-green-soft: #eef8f3;
    --bb-gold: #c8a24a;
    --bb-cream: #fbf7ef;
    --bb-surface: #ffffff;
    --bb-text: #10231c;
    --bb-muted: #66736e;
    --bb-border: #e3ebe6;
    --bb-danger: #b42318;
    --bb-warning: #9a6700;
    --bb-info: #1769aa;
    --bb-radius-sm: 12px;
    --bb-radius: 18px;
    --bb-radius-lg: 26px;
    --bb-shadow-sm: 0 8px 24px rgba(16, 35, 28, .06);
    --bb-shadow: 0 18px 50px rgba(16, 35, 28, .08);
    --bb-content: 1320px;
}

*, *::before, *::after { box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
    min-height: 100vh;
    margin: 0;
    color: var(--bb-text);
    background: radial-gradient(circle at 90% 0, rgba(8,127,91,.07), transparent 32rem), #fffdf9;
    font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;
    line-height: 1.65;
}
[dir="ltr"] body { font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: var(--bb-green); text-decoration: none; }
a:hover { color: var(--bb-green-dark); }
img { max-width: 100%; }
.container { width: min(100% - 2rem, var(--bb-content)); }
main { min-height: 58vh; }

/* Header and shared navigation */
.bb-header {
    position: sticky;
    inset-block-start: 0;
    z-index: 1030;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid var(--bb-border);
    box-shadow: 0 4px 18px rgba(16,35,28,.035);
    backdrop-filter: blur(12px);
}
.bb-main-header { min-height: 72px; padding-block: .65rem; }
.bb-brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--bb-text); }
.bb-brand:hover { color: var(--bb-green); }
.bb-brand strong { display: block; font-size: 1.15rem; font-weight: 900; line-height: 1.05; }
.bb-brand small { display: block; color: var(--bb-muted); font-size: .66rem; letter-spacing: .08em; }
.bb-logo-mark {
    width: 42px; height: 42px; flex: 0 0 42px; border-radius: 15px;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--bb-green); background: var(--bb-green-soft); font-size: 1.25rem;
}
.navbar-nav { gap: .15rem; }
.navbar .nav-link { display: inline-flex; align-items: center; gap: .35rem; color: var(--bb-text); font-weight: 700; border-radius: 12px; padding: .55rem .7rem; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: var(--bb-green); background: var(--bb-green-soft); }
.bb-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: .5rem; }
.bb-language-switch { display: inline-flex; padding: .2rem; border: 1px solid var(--bb-border); border-radius: 999px; background: #fff; }
.bb-language-switch .btn { min-width: 43px; border: 0; border-radius: 999px; padding: .32rem .65rem; font-size: .78rem; font-weight: 800; }
.bb-language-switch .active { color: #fff; background: var(--bb-green); }
.bb-guest-actions { display: flex; gap: .5rem; align-items: center; }
.bb-journey-menu .dropdown-menu { min-width: 270px; padding: .6rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius); box-shadow: var(--bb-shadow); }
.bb-journey-menu .dropdown-item { border-radius: 12px; padding: .65rem .75rem; font-weight: 700; }
.bb-journey-menu .dropdown-item small { display: block; color: var(--bb-muted); font-weight: 500; }
.bb-role-header { background: #f8fbf9; border-top: 1px solid #f2f5f3; }
.bb-role-nav { display: flex; align-items: center; gap: .15rem; min-height: 48px; overflow-x: auto; scrollbar-width: none; }
.bb-role-nav::-webkit-scrollbar { display: none; }
.bb-role-nav a, .bb-role-nav button {
    display: inline-flex; align-items: center; gap: .35rem; min-height: 36px; padding: .45rem .65rem;
    color: #46534e; border: 0; border-radius: 10px; background: transparent; font-size: .9rem; font-weight: 700; white-space: nowrap;
}
.bb-role-nav a:hover, .bb-role-nav a.active { color: var(--bb-green); background: #fff; }
.bb-role-nav form { margin-inline-start: auto; }

/* Buttons and forms */
.btn { border-radius: 12px; font-weight: 800; }
.bb-btn-primary, .btn-primary {
    color: #fff; background: var(--bb-green); border-color: var(--bb-green);
    box-shadow: 0 8px 18px rgba(8,127,91,.15);
}
.bb-btn-primary:hover, .btn-primary:hover { color: #fff; background: var(--bb-green-dark); border-color: var(--bb-green-dark); }
.bb-btn-light { color: var(--bb-text); background: #fff; border: 1px solid var(--bb-border); }
.bb-btn-light:hover { color: var(--bb-green); border-color: #a9cbbd; background: var(--bb-green-soft); }
.btn-outline-primary, .btn-outline-success { color: var(--bb-green); border-color: #9bc6b4; }
.btn-outline-primary:hover, .btn-outline-success:hover { color: #fff; background: var(--bb-green); border-color: var(--bb-green); }
.form-label, .bb-form-label { margin-bottom: .42rem; color: #30443c; font-weight: 800; }
.form-control, .form-select, .bb-input {
    min-height: 46px; border: 1px solid #d8e3dd; border-radius: 13px; background-color: #fff; color: var(--bb-text);
}
textarea.form-control { min-height: auto; }
.form-control:focus, .form-select:focus, .bb-input:focus { border-color: #64a88c; box-shadow: 0 0 0 .22rem rgba(8,127,91,.11); }
.form-text, .bb-hint { color: var(--bb-muted); font-size: .86rem; }
.input-group > :first-child { border-start-start-radius: 13px; border-end-start-radius: 13px; }
.input-group > :last-child { border-start-end-radius: 13px; border-end-end-radius: 13px; }
.validation-summary-valid { display: none; }
.field-validation-error { display: block; margin-top: .3rem; color: var(--bb-danger); font-size: .86rem; }
.bb-form-actions { display: flex; align-items: center; justify-content: flex-end; gap: .7rem; padding-top: 1.1rem; border-top: 1px solid var(--bb-border); }

/* Page composition */
.bb-section { padding-block: clamp(2.5rem, 5vw, 4.5rem); }
.bb-page { padding-block: clamp(1.5rem, 4vw, 3rem); }
.bb-page-shell { padding-block: clamp(1.5rem, 3.5vw, 2.75rem); }
.bb-page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.4rem; }
.bb-page-header h1 { margin: .25rem 0 0; font-size: clamp(1.65rem, 3vw, 2.25rem); font-weight: 900; letter-spacing: -.02em; }
.bb-page-header p { max-width: 720px; margin: .35rem 0 0; color: var(--bb-muted); }
.bb-eyebrow { display: inline-flex; align-items: center; gap: .38rem; color: var(--bb-green); font-size: .76rem; font-weight: 900; letter-spacing: .02em; }
.bb-page-heading { margin: 0; font-size: clamp(1.65rem, 3vw, 2.25rem); font-weight: 900; letter-spacing: -.02em; }
.bb-page-subtitle { max-width: 720px; margin: .35rem 0 0; color: var(--bb-muted); }
.bb-card, .card {
    border: 1px solid var(--bb-border); border-radius: var(--bb-radius-lg); background: rgba(255,255,255,.96); box-shadow: var(--bb-shadow-sm);
}
.card-header { border-bottom: 1px solid var(--bb-border); background: #fbfdfc; border-radius: var(--bb-radius-lg) var(--bb-radius-lg) 0 0 !important; }
.bb-panel { padding: clamp(1rem, 2.5vw, 1.5rem); border: 1px solid var(--bb-border); border-radius: var(--bb-radius-lg); background: #fff; box-shadow: var(--bb-shadow-sm); }
.bb-panel__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; }
.bb-panel__title { margin: 0; font-size: 1.15rem; font-weight: 900; }
.bb-panel__hint { margin: .2rem 0 0; color: var(--bb-muted); font-size: .9rem; }
.bb-empty { padding: 2.5rem 1rem; text-align: center; color: var(--bb-muted); }
.bb-empty i { display: block; margin-bottom: .6rem; color: #9ab3a8; font-size: 2rem; }
.alert { border: 0; border-radius: var(--bb-radius); }
.alert-danger { color: #7a271a; background: #fff1ef; }
.alert-success { color: #05603a; background: #ecfdf3; }
.alert-warning { color: #7a4d00; background: #fff8e1; }

/* Filters and operational pages */
.bb-filter-card { margin-bottom: 1.25rem; padding: 1rem 1.1rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius); background: #fff; box-shadow: var(--bb-shadow-sm); }
.bb-filter-grid { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(4, minmax(150px, 1fr)) auto; gap: .8rem; align-items: end; }
.bb-filter-actions { display: flex; align-items: center; gap: .5rem; }
.bb-admin-page, .bb-seller-page, .bb-customer-page { width: min(100% - 2rem, var(--bb-content)); margin-inline: auto; padding-block: clamp(1.5rem, 3.5vw, 2.75rem); }

/* Tables */
.bb-table-wrap { overflow: hidden; border: 1px solid var(--bb-border); border-radius: var(--bb-radius); background: #fff; box-shadow: var(--bb-shadow-sm); }
.bb-table-scroll { overflow-x: auto; }
.bb-table { width: 100%; min-width: 760px; margin: 0; vertical-align: middle; }
.bb-table thead th { padding: .9rem .85rem; color: #52615b; background: #f7faf8; border-bottom: 1px solid var(--bb-border); font-size: .82rem; font-weight: 900; white-space: nowrap; }
.bb-table tbody td { padding: .95rem .85rem; border-bottom: 1px solid #edf2ef; }
.bb-table tbody tr:last-child td { border-bottom: 0; }
.bb-table tbody tr:hover { background: #fcfefc; }
.bb-table__primary { display: block; color: var(--bb-text); font-weight: 900; }
.bb-table__secondary { display: block; color: var(--bb-muted); font-size: .82rem; }
.bb-money { direction: ltr; display: inline-flex; gap: .3rem; align-items: baseline; font-variant-numeric: tabular-nums; font-weight: 900; white-space: nowrap; }
.bb-table-pagination { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 1rem; border-top: 1px solid var(--bb-border); }

/* Statuses */
.bb-status { display: inline-flex; align-items: center; width: fit-content; padding: .34rem .65rem; border-radius: 999px; font-size: .78rem; font-weight: 900; white-space: nowrap; }
.bb-status--success { color: #067647; background: #ecfdf3; }
.bb-status--warning { color: #8a5700; background: #fff6d8; }
.bb-status--danger { color: #b42318; background: #fff1ef; }
.bb-status--info { color: #175cd3; background: #eff8ff; }
.bb-status--neutral { color: #475467; background: #f2f4f7; }

/* Home and public marketplace */
.bb-badge { display: inline-flex; align-items: center; gap: .45rem; padding: .5rem .9rem; color: var(--bb-green); background: var(--bb-green-soft); border-radius: 999px; font-weight: 900; }
.bb-hero-title { margin: 0; font-size: clamp(2.35rem, 5vw, 4.7rem); font-weight: 900; letter-spacing: -.04em; line-height: 1.08; }
.bb-hero-text { color: var(--bb-muted); font-size: clamp(1rem, 1.5vw, 1.18rem); line-height: 1.9; }
.bb-hero-text > :last-child { margin-bottom: 0; }
.bb-hero-image { width: 100%; min-height: 380px; max-height: 560px; object-fit: cover; border-radius: 32px; box-shadow: 0 28px 70px rgba(8,127,91,.15); }
.bb-feature { display: inline-flex; align-items: center; gap: .4rem; color: var(--bb-muted); font-weight: 700; }
.bb-feature i { color: var(--bb-green); }
.bb-category-card, .bb-family-card, .bb-product-card { height: 100%; border: 1px solid var(--bb-border); border-radius: 22px; background: #fff; box-shadow: var(--bb-shadow-sm); transition: transform .2s ease, box-shadow .2s ease; }
.bb-category-card { padding: 1.2rem; text-align: center; }
.bb-category-card:hover, .bb-family-card:hover, .bb-product-card:hover { transform: translateY(-3px); box-shadow: var(--bb-shadow); }
.bb-category-icon { width: 58px; height: 58px; margin: 0 auto .65rem; display: inline-flex; align-items: center; justify-content: center; color: var(--bb-green); background: var(--bb-green-soft); border-radius: 18px; font-size: 1.4rem; }
.bb-family-card, .bb-product-card { overflow: hidden; }
.bb-family-cover { height: 120px; background: radial-gradient(circle at 15% 0, rgba(200,162,74,.45), transparent 36%), linear-gradient(135deg, var(--bb-green), #0ea574); }
.bb-family-logo { width: 64px; height: 64px; margin-top: -54px; display: flex; align-items: center; justify-content: center; color: var(--bb-green); background: #fff; border: 1px solid var(--bb-border); border-radius: 20px; box-shadow: var(--bb-shadow-sm); font-size: 1.6rem; }
.bb-empty-card { padding: 2.8rem 1.25rem; text-align: center; border: 1px dashed #cfded6; border-radius: var(--bb-radius-lg); background: #fff; }
.bb-empty-icon { width: 68px; height: 68px; margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; color: var(--bb-green); background: var(--bb-green-soft); border-radius: 22px; font-size: 1.8rem; }
.bb-link { color: var(--bb-green); font-weight: 900; }
.bb-page-content { overflow-wrap: anywhere; }
.bb-page-content img { height: auto; border-radius: var(--bb-radius-sm); }
.bb-page-content table { display: block; max-width: 100%; overflow-x: auto; }

/* Finance */
.bb-finance-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.bb-metric { position: relative; overflow: hidden; padding: 1.15rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius); background: #fff; box-shadow: var(--bb-shadow-sm); }
.bb-metric::after { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 4px; background: var(--bb-green); }
.bb-metric__label { display: block; color: var(--bb-muted); font-size: .85rem; font-weight: 800; }
.bb-metric__value { display: block; margin-top: .25rem; font-size: clamp(1.2rem, 2.3vw, 1.7rem); font-weight: 900; font-variant-numeric: tabular-nums; }
.bb-settlement-list { display: grid; gap: .8rem; }
.bb-settlement-card { padding: 1rem 1.1rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius); background: #fff; }
.bb-settlement-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.bb-settlement-meta { color: var(--bb-muted); font-size: .86rem; }
.bb-upload-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .6rem; margin-top: .9rem; }

/* CMS */
.bb-cms-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(310px, .75fr); gap: 1.2rem; align-items: start; }
.bb-cms-tabs { display: flex; gap: .35rem; margin-bottom: 1rem; padding: .3rem; border-radius: 14px; background: #f2f6f3; }
.bb-cms-tabs a { flex: 1; padding: .55rem .7rem; border-radius: 11px; color: var(--bb-muted); text-align: center; font-weight: 900; }
.bb-cms-tabs a.active { color: var(--bb-green); background: #fff; box-shadow: 0 3px 12px rgba(16,35,28,.08); }
.bb-cms-page-list { display: grid; gap: .7rem; }
.bb-cms-page { padding: .9rem; border: 1px solid var(--bb-border); border-radius: 15px; background: #fff; }
.bb-cms-page__title { display: flex; align-items: center; justify-content: space-between; gap: .5rem; font-weight: 900; }
.bb-cms-languages { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: .7rem; }
.bb-cms-language { padding: .6rem; border-radius: 11px; background: #f8faf9; }
.bb-cms-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .7rem; }
.bb-cms-editor { overflow: hidden; border: 1px solid #d8e3dd; border-radius: 14px; background: #fff; }
.bb-cms-toolbar { display: flex; flex-wrap: wrap; gap: .25rem; padding: .45rem; border-bottom: 1px solid var(--bb-border); background: #f7faf8; }
.bb-cms-toolbar button { min-width: 36px; min-height: 34px; padding: .3rem .55rem; color: #384a43; border: 1px solid transparent; border-radius: 8px; background: transparent; font-size: .82rem; font-weight: 800; }
.bb-cms-toolbar button:hover, .bb-cms-toolbar button:focus-visible { color: var(--bb-green-dark); border-color: #bdd8cc; background: #fff; }
.bb-cms-canvas { min-height: 330px; padding: 1rem; overflow-y: auto; outline: 0; line-height: 1.9; }
.bb-cms-canvas:focus { box-shadow: inset 0 0 0 2px rgba(8,127,91,.18); }
.bb-cms-source { min-height: 330px; border: 0; border-radius: 0; direction: ltr; font-family: Consolas, monospace; font-size: .84rem; }

/* Operational dashboards */
.bb-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.bb-metric-grid--compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bb-metric-card { min-width: 0; padding: 1.15rem; display: flex; flex-direction: column; gap: .2rem; color: var(--bb-ink); border: 1px solid var(--bb-border); border-radius: var(--bb-radius); background: #fff; box-shadow: var(--bb-shadow-sm); }
a.bb-metric-card { transition: transform .18s ease, box-shadow .18s ease; }
a.bb-metric-card:hover { color: var(--bb-green-dark); transform: translateY(-2px); box-shadow: var(--bb-shadow); }
.bb-metric-card__icon { width: 40px; height: 40px; margin-bottom: .35rem; display: inline-flex; align-items: center; justify-content: center; color: var(--bb-green); background: var(--bb-green-soft); border-radius: 13px; font-size: 1.1rem; }
.bb-metric-card__label { color: var(--bb-muted); font-size: .84rem; font-weight: 800; }
.bb-metric-card strong { font-size: clamp(1.35rem, 2.4vw, 1.85rem); font-weight: 900; font-variant-numeric: tabular-nums; }
.bb-metric-card small { color: var(--bb-muted); font-weight: 800; }
.bb-text-link { color: var(--bb-green); font-weight: 900; }
.bb-action-list { display: grid; gap: .55rem; }
.bb-action-list a { display: flex; align-items: center; gap: .75rem; padding: .8rem .9rem; color: var(--bb-ink); border: 1px solid var(--bb-border); border-radius: 13px; background: #fbfcfb; font-weight: 800; }
.bb-action-list a:hover { color: var(--bb-green-dark); border-color: #b8d7c9; background: var(--bb-green-soft); }
.bb-action-list i { color: var(--bb-green); font-size: 1.1rem; }
.bb-admin-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.bb-admin-links a { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .65rem; padding: .9rem 1rem; color: var(--bb-ink); border: 1px solid var(--bb-border); border-radius: 14px; background: #fff; font-weight: 850; }
.bb-admin-links a:hover { color: var(--bb-green-dark); border-color: #b8d7c9; box-shadow: var(--bb-shadow-sm); }
.bb-admin-links i { color: var(--bb-green); font-size: 1.12rem; }
.bb-admin-links strong { min-width: 24px; padding: .1rem .4rem; color: var(--bb-green-dark); background: var(--bb-green-soft); border-radius: 999px; text-align: center; font-size: .76rem; }
.bb-product-inline { min-width: 230px; display: flex; align-items: flex-start; gap: .75rem; }
.bb-product-inline img, .bb-product-inline__placeholder { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 14px; object-fit: cover; }
.bb-product-inline__placeholder { display: inline-flex; align-items: center; justify-content: center; color: var(--bb-muted); background: #f1f5f2; font-size: 1.2rem; }
.bb-product-inline > div { min-width: 0; display: flex; flex-direction: column; gap: .25rem; }
.bb-product-inline small { display: block; color: var(--bb-muted); }
.bb-note { width: fit-content; padding: .22rem .5rem; color: #7a4c00; background: #fff6dc; border-radius: 8px; font-size: .76rem; font-weight: 800; }
.bb-inline-form { display: flex; align-items: center; gap: .5rem; }
.bb-inline-form .form-control { min-width: 0; }
.bb-applied-coupon { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.bb-applied-coupon small { display: block; margin-top: .2rem; color: var(--bb-muted); }
.bb-summary-list { display: grid; gap: .6rem; }
.bb-summary-list > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .75rem; border-radius: 12px; background: #f7faf8; }
.bb-summary-list span small { display: block; margin-top: .15rem; color: var(--bb-muted); }
.bb-order-summary { position: sticky; top: 1rem; }
.bb-order-summary dl { margin: 1rem 0; }
.bb-order-summary dl > div { display: flex; justify-content: space-between; gap: 1rem; padding: .6rem 0; border-bottom: 1px solid var(--bb-border); }
.bb-order-summary dt { color: var(--bb-muted); font-weight: 750; }
.bb-order-summary dd { margin: 0; font-weight: 850; }
.bb-order-summary .bb-order-summary__total { padding-top: .9rem; color: var(--bb-green-dark); border-bottom: 0; font-size: 1.08rem; }
.bb-pagination { margin-top: 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.bb-pagination p { margin: 0; color: var(--bb-muted); font-size: .82rem; }
.bb-pagination .page-link { color: var(--bb-green-dark); border-color: var(--bb-border); border-radius: 10px !important; }
.bb-pagination .active > .page-link { color: #fff; background: var(--bb-green); border-color: var(--bb-green); }
.bb-process-list { display: grid; gap: .75rem; }
.bb-process-list > div { display: flex; align-items: flex-start; gap: .8rem; padding: .8rem; border-radius: 13px; background: #f8faf9; }
.bb-process-list i { width: 38px; height: 38px; flex: 0 0 38px; display: inline-flex; align-items: center; justify-content: center; color: var(--bb-green); background: var(--bb-green-soft); border-radius: 12px; }
.bb-process-list strong, .bb-process-list small { display: block; }
.bb-process-list small { margin-top: .15rem; color: var(--bb-muted); }

/* Authorized payment evidence viewer */
.bb-evidence-viewer {
    display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); gap: 1rem; align-items: stretch;
    padding: .85rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius);
    background: linear-gradient(135deg, #fff, #f8fbf9); box-shadow: var(--bb-shadow-sm); overflow: hidden;
}
.bb-evidence-viewer--compact { display: inline-flex; padding: .35rem; box-shadow: none; }
.bb-evidence-viewer__thumbnail {
    position: relative; min-block-size: 145px; overflow: hidden; border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm); background: #f3f7f5;
}
.bb-evidence-viewer__thumbnail img {
    position: absolute; inset: 0; inline-size: 100%; block-size: 100%; display: none; object-fit: contain; background: #fff;
}
.bb-evidence-viewer.has-image-preview .bb-evidence-viewer__thumbnail img { display: block; }
.bb-evidence-viewer__placeholder { block-size: 100%; display: grid; place-items: center; color: #7c8d85; font-size: 2.35rem; }
.bb-evidence-viewer__content { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.bb-evidence-viewer__content strong, .bb-evidence-viewer__content small { display: block; }
.bb-evidence-viewer__content strong { margin-block-start: .15rem; font-size: 1.02rem; }
.bb-evidence-viewer__content small { margin-block-start: .25rem; color: var(--bb-muted); }
.bb-evidence-viewer__eyebrow { display: inline-flex; align-items: center; gap: .35rem; color: var(--bb-green); font-size: .72rem; font-weight: 900; }
.bb-evidence-viewer__actions { display: flex; flex-wrap: wrap; gap: .45rem; flex: 0 0 auto; }
.bb-evidence-modal { --bs-modal-width: min(1050px, calc(100vw - 2rem)); }
.bb-evidence-modal .modal-content { overflow: hidden; border: 1px solid var(--bb-border); border-radius: var(--bb-radius-lg); box-shadow: var(--bb-shadow); }
.bb-evidence-modal .modal-header, .bb-evidence-modal .modal-footer { border-color: var(--bb-border); }
.bb-evidence-modal__stage {
    min-block-size: min(58dvh, 540px); max-block-size: 78dvh; display: grid; place-items: center;
    overflow: auto; border-radius: var(--bb-radius-sm); background: #edf3f0;
}
.bb-evidence-modal__image { max-inline-size: 100%; max-block-size: 78dvh; inline-size: auto; block-size: auto; object-fit: contain; }
.bb-evidence-modal__document { inline-size: 100%; block-size: min(74dvh, 760px); border: 0; background: #fff; }
.bb-evidence-modal__loading, .bb-evidence-modal__error { display: grid; place-items: center; gap: .75rem; padding: 2rem; color: var(--bb-muted); text-align: center; }
.bb-evidence-modal__error i { color: var(--bb-green); font-size: 2.5rem; }
.bb-evidence-modal__error p { margin: 0; }

/* Delayed global navigation state; fixed positioning prevents layout shift. */
.bb-global-loader {
    position: fixed; z-index: 2000; inset: 0; display: grid; place-items: center; padding: 1rem;
    background: rgba(251, 247, 239, .72); backdrop-filter: blur(3px);
    opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .16s ease, visibility .16s ease;
}
.bb-global-loader.is-visible { opacity: 1; visibility: visible; pointer-events: auto; }
.bb-global-loader__panel {
    display: flex; align-items: center; gap: .7rem; padding: .8rem 1rem; color: var(--bb-text);
    border: 1px solid var(--bb-border); border-radius: 999px; background: #fff; box-shadow: var(--bb-shadow);
}
.bb-global-loader__mark { inline-size: 34px; block-size: 34px; display: inline-grid; place-items: center; color: var(--bb-green); border-radius: 12px; background: var(--bb-green-soft); }
button.is-submitting { cursor: wait; opacity: .72; }

/* Footer and mobile navigation */
.bb-footer { margin-top: 3rem; border-top: 1px solid var(--bb-border); background: #fbfaf7; }
.bb-footer a { color: var(--bb-muted); font-weight: 700; }
.bb-mobile-bottom-nav { display: none; }
.bb-mobile-more, .bb-mobile-more-backdrop, .bb-mobile-back { display: none; }

/* Administration information architecture */
.bb-admin-shell { --bb-admin-sidebar-width: 280px; width: min(100% - 2rem, 1540px); margin-inline: auto; display: grid; grid-template-areas: "sidebar main"; grid-template-columns: var(--bb-admin-sidebar-width) minmax(0, 1fr); gap: 1.4rem; align-items: start; }
[dir="rtl"] .bb-admin-shell { grid-template-areas: "main sidebar"; grid-template-columns: minmax(0, 1fr) var(--bb-admin-sidebar-width); }
.bb-admin-main { grid-area: main; min-width: 0; }
.bb-admin-shell .bb-admin-page { width: 100%; margin-inline: 0; }
.bb-admin-sidebar { grid-area: sidebar; position: sticky; inset-block-start: .85rem; inline-size: 100%; max-block-size: calc(100dvh - 1.7rem); overflow: hidden; border: 1px solid var(--bb-border); border-radius: var(--bb-radius-lg); background: #fff; box-shadow: var(--bb-shadow-sm); }
.bb-admin-sidebar__header { display: none; }
.bb-admin-sidebar__body { display: block; max-block-size: calc(100dvh - 1.8rem); padding: .85rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.bb-admin-menu-toggle { display: none; }
.bb-admin-backdrop { display: none; }
body.bb-role-admin { overflow-x: clip; }
.bb-admin-nav { display: grid; gap: .85rem; }
.bb-admin-nav section { padding-block-start: .75rem; border-top: 1px solid var(--bb-border); }
.bb-admin-nav h3 { margin: 0 0 .4rem; padding-inline: .65rem; color: #829089; font-size: .7rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.bb-admin-nav a { display: flex; align-items: center; gap: .65rem; padding: .62rem .7rem; color: #405149; border-radius: 11px; font-size: .86rem; font-weight: 750; }
.bb-admin-nav a i { width: 1.15rem; color: var(--bb-green); text-align: center; }
.bb-admin-nav a:hover, .bb-admin-nav a.active { color: var(--bb-green-dark); background: var(--bb-green-soft); }
.bb-admin-nav a.active { box-shadow: inset 3px 0 0 var(--bb-green); }
[dir="rtl"] .bb-admin-nav a.active { box-shadow: inset -3px 0 0 var(--bb-green); }
.bb-admin-nav .bb-admin-nav__primary { color: #fff; background: linear-gradient(135deg, var(--bb-green), var(--bb-green-dark)); }
.bb-admin-nav .bb-admin-nav__primary i, .bb-admin-nav .bb-admin-nav__primary:hover, .bb-admin-nav .bb-admin-nav__primary.active { color: #fff; }
.bb-admin-nav .bb-admin-nav__primary:hover, .bb-admin-nav .bb-admin-nav__primary.active { background: linear-gradient(135deg, var(--bb-green-dark), #034a34); }
.bb-admin-nav__advanced { margin-block-start: .35rem; }
.bb-admin-nav__advanced summary { display: flex; align-items: center; gap: .65rem; padding: .58rem .7rem; color: var(--bb-muted); border-radius: 10px; cursor: pointer; font-size: .8rem; font-weight: 800; list-style: none; }
.bb-admin-nav__advanced summary::-webkit-details-marker { display: none; }
.bb-admin-nav__advanced summary:hover { color: var(--bb-green-dark); background: var(--bb-green-soft); }
.bb-admin-nav__advanced[open] summary { margin-block-end: .25rem; }
.bb-admin-nav__advanced a { margin-inline-start: .55rem; font-size: .79rem; }
.bb-admin-nav__logout { margin-block-start: 1rem; padding-block-start: .8rem; border-top: 1px solid var(--bb-border); }
.bb-admin-nav__logout button { inline-size: 100%; display: flex; align-items: center; justify-content: center; gap: .55rem; padding: .65rem .75rem; color: var(--bb-danger); border: 1px solid rgba(180,35,24,.22); border-radius: 11px; background: #fff8f7; font: inherit; font-weight: 800; }
.bb-admin-nav__logout button:hover { border-color: rgba(180,35,24,.4); background: #fff0ee; }
.bb-control-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.bb-status-list { display: grid; gap: .55rem; }
.bb-status-list span { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem .75rem; border-radius: 11px; background: #f7faf8; color: var(--bb-muted); }
.bb-status-list strong { color: var(--bb-ink); }
.bb-metric--link { display: block; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.bb-metric--link:hover { transform: translateY(-2px); border-color: #a9d5c6; box-shadow: var(--bb-shadow); }
.bb-metric-inline { display: flex; align-items: baseline; gap: .5rem; }
.bb-metric-inline strong { color: var(--bb-green-dark); font-size: 2rem; }
.bb-eyebrow { display: inline-block; margin-bottom: .35rem; color: var(--bb-green); font-size: .76rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.bb-form-section { padding-block: 1.1rem; }
.bb-form-section + .bb-form-section { border-top: 1px solid var(--bb-border); }
.bb-section-heading { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.bb-section-heading h2 { margin: 0; color: var(--bb-green-dark); font-size: 1.12rem; font-weight: 900; }
.bb-section-heading p { margin: .2rem 0 0; color: var(--bb-muted); }
.bb-language-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.bb-language-card { padding: 1rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius); background: #fcfdfc; }
.bb-language-card > header { display: flex; align-items: center; gap: .55rem; margin-bottom: 1rem; }
.bb-language-chip { padding: .25rem .55rem; color: var(--bb-green-dark); background: var(--bb-green-soft); border-radius: 999px; font-size: .72rem; font-weight: 900; }
.bb-translation-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .85rem; padding: .75rem; border-radius: 12px; color: var(--bb-muted); background: #f7faf8; }
.bb-translation-actions > div { display: flex; flex-wrap: wrap; gap: .45rem; }
.bb-product-current-image { width: 150px; height: 110px; object-fit: cover; border: 1px solid var(--bb-border); border-radius: 14px; }
.bb-cms-dashboard { padding: 1rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius-lg); background: #fff; box-shadow: var(--bb-shadow-sm); }
.bb-cms-matrix { display: grid; gap: .55rem; }
.bb-cms-matrix__head, .bb-cms-matrix__row { display: grid; grid-template-columns: minmax(130px,.7fr) repeat(2,minmax(0,1fr)); gap: .75rem; align-items: start; }
.bb-cms-matrix__head { padding: 0 .75rem .55rem; color: var(--bb-muted); font-size: .75rem; font-weight: 900; }
.bb-cms-matrix__row { padding: .8rem; border: 1px solid var(--bb-border); border-radius: 13px; }
.bb-cms-state { display: grid; gap: .35rem; min-width: 0; }
.bb-cms-state > div:first-child { display: flex; flex-wrap: wrap; gap: .35rem; }
.bb-cms-state small { color: var(--bb-muted); }
.bb-home-block-editor { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.bb-span-full { grid-column: 1 / -1; }
.bb-home-section-flow { display: flex; flex-direction: column; }
.bb-cms-block-data, .bb-cms-content-block.is-hidden { display: none !important; }
.bb-cms-content-block + .bb-cms-content-block { margin-block-start: 1rem; }
.bb-cms-content-block figure { margin: 1.25rem 0; }
.bb-cms-content-block img { max-inline-size: 100%; block-size: auto; border-radius: var(--bb-radius); }
.bb-cms-callout { padding: 1rem 1.1rem; border-inline-start: 4px solid var(--bb-green); border-radius: var(--bb-radius-sm); background: var(--bb-green-soft); }
.bb-cms-builder { display: grid; gap: 1rem; }
.bb-cms-builder__topbar { position: sticky; z-index: 20; inset-block-start: .5rem; display: grid; grid-template-columns: minmax(220px,1fr) auto auto; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius-lg); background: rgba(255,255,255,.96); box-shadow: var(--bb-shadow-sm); backdrop-filter: blur(12px); }
.bb-cms-builder__topbar h2, .bb-cms-builder__topbar p { margin: 0; }
.bb-cms-builder__topbar p { color: var(--bb-muted); font-size: .78rem; }
.bb-cms-builder__actions, .bb-cms-actions, .bb-cms-block-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; }
.bb-cms-block-list { display: grid; gap: .8rem; }
.bb-cms-builder-block { min-width: 0; padding: 1rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius); background: #fff; box-shadow: var(--bb-shadow-sm); transition: opacity .16s ease, border-color .16s ease, box-shadow .16s ease; }
.bb-cms-builder-block.is-dragging { opacity: .55; border-color: var(--bb-green); box-shadow: var(--bb-shadow); }
.bb-cms-builder-block.is-cms-hidden { background: #f3f5f4; opacity: .7; }
.bb-cms-builder-block__header { display: grid; grid-template-columns: auto auto minmax(0,1fr) auto; align-items: center; gap: .55rem; margin: -1rem -1rem 1rem; padding: .7rem .8rem; border-bottom: 1px solid var(--bb-border); background: #fafcfb; border-radius: var(--bb-radius) var(--bb-radius) 0 0; }
.bb-cms-builder-block__header > i { color: var(--bb-green); }
.bb-cms-drag-handle, .bb-cms-block-actions button { inline-size: 34px; block-size: 34px; display: inline-flex; align-items: center; justify-content: center; padding: 0; color: var(--bb-muted); border: 0; border-radius: 9px; background: transparent; }
.bb-cms-drag-handle { cursor: grab; touch-action: none; }
.bb-cms-drag-handle:active { cursor: grabbing; }
.bb-cms-drag-handle:hover, .bb-cms-block-actions button:hover { color: var(--bb-green-dark); background: var(--bb-green-soft); }
.bb-cms-builder-block__fields { display: grid; gap: .8rem; }
.bb-cms-builder-block__fields small { color: var(--bb-muted); }
.bb-cms-title-field { padding: 1rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius); background: #fff; }
.bb-cms-add-block { padding: 1rem; border: 1px dashed #b8cec3; border-radius: var(--bb-radius); background: #fafcfb; }
.bb-cms-add-block > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .65rem; }
.bb-cms-home-preview { display: grid; gap: 1rem; }
.bb-cms-preview-placeholder { min-block-size: 70px; margin-block-start: .8rem; border-radius: var(--bb-radius-sm); background: linear-gradient(90deg,#f3f7f5 25%,#fafcfb 50%,#f3f7f5 75%); }
.bb-attention-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; }
.bb-attention-grid a { display: flex; align-items: center; gap: .75rem; min-height: 82px; padding: .85rem; border: 1px solid var(--bb-border); border-radius: 14px; color: var(--bb-ink); background: #fff; box-shadow: var(--bb-shadow-sm); }
.bb-attention-grid i { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; color: var(--bb-green); background: var(--bb-green-soft); border-radius: 12px; font-size: 1.15rem; }
.bb-attention-grid span, .bb-attention-grid strong { display: block; }
.bb-attention-grid span { color: var(--bb-muted); font-size: .82rem; }
.bb-attention-grid strong { margin-bottom: .05rem; color: var(--bb-ink); font-size: 1.2rem; }
.bb-readiness-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.bb-readiness-item { display: flex; align-items: center; justify-content: space-between; gap: .9rem; padding: 1rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius); background: #fff; box-shadow: var(--bb-shadow-sm); }
.bb-readiness-item strong, .bb-readiness-item small { display: block; }
.bb-readiness-item small { margin-top: .2rem; color: var(--bb-muted); }
.bb-readiness-item__status { display: flex; align-items: center; justify-content: flex-end; gap: .5rem; flex-wrap: wrap; }
.bb-gregorian-date { direction: ltr; text-align: start; unicode-bidi: isolate; }
.bb-store-logo { width: 76px; height: 76px; flex: 0 0 76px; object-fit: cover; border: 1px solid var(--bb-border); border-radius: 22px; }
.bb-store-logo--empty { display: inline-flex; align-items: center; justify-content: center; color: var(--bb-muted); background: var(--bb-surface-soft); font-size: 1.6rem; }
.bb-product-card-image { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 14px; background: var(--bb-surface-soft); }
.bb-table-avatar { width: 42px; height: 42px; object-fit: cover; border: 1px solid var(--bb-border); border-radius: 12px; }
.bb-selection-list, .bb-address-list { display: grid; gap: .65rem; }
.bb-selection-card { display: flex; align-items: flex-start; gap: .65rem; padding: .85rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius); background: #fff; cursor: pointer; }
.bb-selection-card:hover, .bb-selection-card.is-selected { border-color: var(--bb-green); background: var(--bb-green-soft); }
.bb-selection-card > span, .bb-selection-card small { display: block; }
.bb-compact-list { display: grid; gap: .45rem; margin: 0 0 .85rem; }
.bb-compact-list > div { display: flex; justify-content: space-between; gap: .75rem; padding-block: .25rem; border-bottom: 1px solid var(--bb-border); }
.bb-compact-list dt { color: var(--bb-muted); font-weight: 700; }
.bb-compact-list dd { margin: 0; font-weight: 800; }

@media (max-width: 1199.98px) {
    .bb-evidence-viewer { grid-template-columns: minmax(120px, 155px) minmax(0, 1fr); }
    .bb-evidence-viewer__content { align-items: stretch; flex-direction: column; justify-content: center; }
    .bb-evidence-viewer__actions { display: grid; grid-template-columns: 1fr 1fr; }
    .bb-admin-shell { --bb-admin-sidebar-width: 252px; gap: 1rem; }
    .bb-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .bb-filter-actions { grid-column: 1 / -1; justify-content: flex-end; }
}

@media (max-width: 991.98px) {
    .bb-attention-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .bb-admin-shell { width: 100%; display: block; }
    .bb-admin-main { width: 100%; }
    .bb-admin-menu-toggle { display: inline-flex; position: sticky; z-index: 1020; inset-block-start: .5rem; margin-block-start: .65rem; margin-inline: 1rem; align-items: center; gap: .4rem; box-shadow: var(--bb-shadow-sm); }
    .bb-admin-sidebar { position: fixed; z-index: 1060; inset-block: 0; inset-inline-start: 0; inline-size: min(88vw, 290px); max-block-size: none; border-block: 0; border-inline-start: 0; border-radius: 0; border-start-end-radius: var(--bb-radius-lg); border-end-end-radius: var(--bb-radius-lg); transform: translateX(-104%); transition: transform .24s ease; visibility: hidden; }
    [dir="rtl"] .bb-admin-sidebar { inset-inline-start: auto; inset-inline-end: 0; border-inline-start: 1px solid var(--bb-border); border-inline-end: 0; transform: translateX(104%); }
    .bb-admin-sidebar.is-open { transform: translateX(0); visibility: visible; }
    .bb-admin-sidebar__header { min-block-size: 62px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; border-bottom: 1px solid var(--bb-border); }
    .bb-admin-sidebar__header h2 { margin: 0; color: var(--bb-green-dark); font-size: 1.05rem; font-weight: 900; }
    .bb-admin-sidebar__body { max-block-size: calc(100dvh - 62px); padding-block-end: calc(1rem + env(safe-area-inset-bottom)); }
    .bb-admin-backdrop { position: fixed; z-index: 1055; inset: 0; inline-size: 100%; block-size: 100%; padding: 0; border: 0; background: rgba(12, 28, 22, .42); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; }
    body.bb-admin-drawer-open { overflow: hidden; }
    body.bb-admin-drawer-open .bb-admin-backdrop { display: block; opacity: 1; visibility: visible; }
    .bb-control-grid { grid-template-columns: 1fr; }
    body.bb-has-mobile-nav { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
    body.bb-mobile-more-open { overflow: hidden; }
    .bb-header-actions { align-items: stretch; flex-direction: column; padding-block: .8rem; }
    .bb-guest-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .bb-guest-actions .dropdown { grid-column: 1 / -1; }
    .bb-journey-menu .dropdown-menu { width: 100%; }
    .bb-finance-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bb-cms-grid { grid-template-columns: 1fr; }
    .bb-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bb-admin-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bb-cms-builder__topbar { position: static; grid-template-columns: 1fr auto; }
    .bb-cms-builder__actions { grid-column: 1 / -1; }
    .bb-mobile-bottom-nav {
        position: fixed; z-index: 1040; inset-inline: 0; inset-block-end: 0;
        display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
        min-height: 64px; padding-bottom: env(safe-area-inset-bottom);
        border-top: 1px solid var(--bb-border); background: rgba(255,255,255,.98); box-shadow: 0 -8px 24px rgba(16,35,28,.08);
    }
    .bb-mobile-bottom-nav :is(a, button) { position: relative; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .08rem; padding: 0; color: #596761; border: 0; background: transparent; font: inherit; font-size: .7rem; font-weight: 700; }
    .bb-mobile-bottom-nav :is(a, button) i { font-size: 1.22rem; }
    .bb-mobile-bottom-nav :is(a, button).active { color: var(--bb-green); background: var(--bb-green-soft); }
    .bb-mobile-bottom-nav :is(a, button) b { position: absolute; inset-block-start: 4px; inset-inline-end: 18%; min-width: 18px; height: 18px; padding-inline: 4px; color: #fff; background: #c92a2a; border-radius: 9px; font-size: .65rem; line-height: 18px; }

    .bb-mobile-more-backdrop { position: fixed; z-index: 1065; inset: 0; inline-size: 100%; block-size: 100%; padding: 0; border: 0; background: rgba(12,28,22,.44); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; }
    body.bb-mobile-more-open .bb-mobile-more-backdrop { display: block; opacity: 1; visibility: visible; }
    .bb-mobile-more { position: fixed; z-index: 1070; inset-block: 0; inset-inline-start: 0; display: flex; inline-size: min(90vw, 390px); flex-direction: column; border-inline-end: 1px solid var(--bb-border); border-start-end-radius: var(--bb-radius-lg); border-end-end-radius: var(--bb-radius-lg); background: #fff; box-shadow: 18px 0 55px rgba(16,35,28,.2); visibility: hidden; transform: translateX(-104%); transition: transform .24s ease, visibility .24s ease; }
    [dir="rtl"] .bb-mobile-more { inset-inline-start: auto; inset-inline-end: 0; border-inline-start: 1px solid var(--bb-border); border-inline-end: 0; border-start-start-radius: var(--bb-radius-lg); border-end-start-radius: var(--bb-radius-lg); border-start-end-radius: 0; border-end-end-radius: 0; box-shadow: -18px 0 55px rgba(16,35,28,.2); transform: translateX(104%); }
    .bb-mobile-more.is-open { visibility: visible; transform: translateX(0); }
    .bb-mobile-more__header { min-block-size: 72px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid var(--bb-border); background: linear-gradient(135deg, var(--bb-green-soft), #fff); }
    .bb-mobile-more__header small { display: block; color: var(--bb-green); font-weight: 800; }
    .bb-mobile-more__header h2 { margin: .05rem 0 0; font-size: 1.18rem; font-weight: 900; }
    .bb-mobile-more__body { flex: 1; min-block-size: 0; padding: 1rem; padding-block-end: calc(1rem + env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; }
    .bb-mobile-more__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
    .bb-mobile-more__links a { min-block-size: 76px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; gap: .35rem; padding: .75rem; color: var(--bb-text); border: 1px solid var(--bb-border); border-radius: var(--bb-radius-sm); background: #fff; font-size: .8rem; font-weight: 800; }
    .bb-mobile-more__links a:hover, .bb-mobile-more__links a:focus-visible { color: var(--bb-green-dark); border-color: rgba(8,127,91,.35); background: var(--bb-green-soft); }
    .bb-mobile-more__links a i { color: var(--bb-green); font-size: 1.15rem; }
    .bb-mobile-more__language { margin-block-start: 1rem; padding-block-start: .9rem; border-top: 1px solid var(--bb-border); }
    .bb-mobile-more__language h3 { margin: 0 0 .55rem; color: var(--bb-muted); font-size: .78rem; font-weight: 900; }
    .bb-mobile-more__language .bb-language-switch { inline-size: 100%; }
    .bb-mobile-more__language .bb-language-switch .btn { flex: 1; }
    .bb-mobile-more__logout { margin-block-start: .85rem; }
    .bb-mobile-more__logout .btn { inline-size: 100%; display: flex; align-items: center; justify-content: center; gap: .5rem; padding: .7rem .85rem; color: var(--bb-danger); border: 1px solid rgba(180,35,24,.24); border-radius: var(--bb-radius-sm); background: #fff8f7; font-weight: 900; }

    .bb-mobile-back { display: block; width: min(100% - 1.25rem, var(--bb-content)); margin: .7rem auto 0; }
    .bb-mobile-back a { inline-size: fit-content; display: inline-flex; align-items: center; gap: .45rem; padding: .45rem .7rem; color: var(--bb-green-dark); border: 1px solid var(--bb-border); border-radius: 999px; background: rgba(255,255,255,.92); box-shadow: var(--bb-shadow-sm); font-size: .8rem; font-weight: 850; }
    .bb-mobile-back a i { font-size: 1rem; }
    body.bb-has-mobile-back .bb-page-header > a.bb-btn-light { display: none; }
}

@media (max-width: 767.98px) {
    .bb-evidence-viewer { grid-template-columns: 112px minmax(0, 1fr); }
    .bb-evidence-viewer__thumbnail { min-block-size: 118px; }
    .bb-evidence-viewer__content { align-items: stretch; flex-direction: column; justify-content: center; }
    .bb-evidence-viewer__actions { display: grid; grid-template-columns: 1fr 1fr; }
    .bb-evidence-viewer--compact { display: inline-flex; }
    .bb-evidence-viewer--compact .bb-evidence-viewer__content { flex-direction: row; }
    .bb-evidence-viewer--compact .bb-evidence-viewer__content > div:first-child { display: none; }
    .bb-evidence-modal { --bs-modal-width: calc(100vw - 1rem); }
    .bb-evidence-modal .modal-dialog { margin: .5rem auto; }
    .bb-evidence-modal__stage { min-block-size: 44dvh; max-block-size: 72dvh; }
    .bb-evidence-modal__image { max-block-size: 72dvh; }
    .bb-evidence-modal__document { block-size: 70dvh; }
    .bb-readiness-grid { grid-template-columns: 1fr; }
    .bb-language-card-grid, .bb-home-block-editor { grid-template-columns: 1fr; }
    .bb-span-full { grid-column: auto; }
    .bb-translation-actions { align-items: stretch; flex-direction: column; }
    .bb-translation-actions > div { display: grid; }
    .bb-cms-matrix__head { display: none; }
    .bb-cms-matrix__row { grid-template-columns: 1fr; }
    .bb-cms-builder__topbar { grid-template-columns: 1fr; }
    .bb-cms-builder__actions { display: grid; grid-template-columns: 1fr; }
    .bb-cms-builder__actions .btn { width: 100%; }
    .bb-cms-builder-block__header { grid-template-columns: auto auto minmax(0,1fr); }
    .bb-cms-block-actions { grid-column: 1 / -1; justify-content: flex-end; }
    .container, .bb-admin-page, .bb-seller-page, .bb-customer-page { width: min(100% - 1.25rem, var(--bb-content)); }
    .bb-page-header { align-items: stretch; flex-direction: column; }
    .bb-filter-grid { grid-template-columns: 1fr 1fr; }
    .bb-filter-grid > :first-child { grid-column: 1 / -1; }
    .bb-filter-actions { justify-content: stretch; }
    .bb-filter-actions .btn { flex: 1; }
    .bb-table-wrap--cards { overflow: visible; border: 0; box-shadow: none; background: transparent; }
    .bb-table-wrap--cards .bb-table-scroll { overflow: visible; }
    .bb-table-wrap--cards table, .bb-table-wrap--cards thead, .bb-table-wrap--cards tbody, .bb-table-wrap--cards tr, .bb-table-wrap--cards td { display: block; min-width: 0; width: 100%; }
    .bb-table-wrap--cards thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .bb-table-wrap--cards tbody { display: grid; gap: .75rem; }
    .bb-table-wrap--cards tr { padding: .9rem; border: 1px solid var(--bb-border); border-radius: var(--bb-radius); background: #fff; box-shadow: var(--bb-shadow-sm); }
    .bb-table-wrap--cards tbody td { display: grid; grid-template-columns: minmax(100px, .8fr) 1.5fr; gap: .65rem; padding: .38rem 0; border: 0; text-align: start; }
    .bb-table-wrap--cards tbody td::before { content: attr(data-label); color: var(--bb-muted); font-size: .8rem; font-weight: 800; }
    .bb-upload-row { grid-template-columns: 1fr; }
    .bb-order-summary { position: static; }
    .bb-pagination { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 430px) {
    .bb-evidence-viewer { grid-template-columns: 1fr; }
    .bb-evidence-viewer__thumbnail { min-block-size: 150px; }
    .bb-evidence-viewer--compact { display: inline-flex; }
    .bb-evidence-viewer__actions .btn { min-inline-size: 0; }
    .bb-evidence-modal .modal-footer { display: grid; grid-template-columns: 1fr 1fr; }
    .bb-evidence-modal .modal-footer .btn { margin: 0; }
    .bb-attention-grid { grid-template-columns: 1fr; }
    .bb-finance-summary { grid-template-columns: 1fr 1fr; gap: .65rem; }
    .bb-metric { padding: .85rem; }
    .bb-filter-grid { grid-template-columns: 1fr; }
    .bb-filter-grid > :first-child { grid-column: auto; }
    .bb-guest-actions { grid-template-columns: 1fr; }
    .bb-guest-actions .dropdown { grid-column: auto; }
    .bb-cms-languages { grid-template-columns: 1fr; }
    .bb-metric-grid, .bb-metric-grid--compact { grid-template-columns: 1fr 1fr; gap: .65rem; }
    .bb-admin-links { grid-template-columns: 1fr; }
    .bb-form-actions { align-items: stretch; flex-direction: column-reverse; }
    .bb-form-actions .btn { width: 100%; }
    .bb-inline-form { align-items: stretch; flex-direction: column; }
    .bb-inline-form .btn { width: 100%; }
}