/* Replacement retail catalog: shared, responsive, existing brand tokens. */
.bo-store-catalog,.bo-product-page { padding:var(--bo-space-7) var(--bo-space-5); }
.bo-store-catalog-head { display:flex; align-items:end; justify-content:space-between; gap:2rem; padding-bottom:2rem; margin-bottom:2rem; border-bottom:1px solid var(--bo-border); }
.bo-store-catalog-head h1 { font-size:clamp(2rem,3.4vw,3rem); margin:0; }
.bo-store-catalog-head p { max-width:32ch; }
.bo-store-product-card { display:flex; flex-direction:column; color:inherit; text-decoration:none; min-width:0; border-top:3px solid var(--bo-moss); transition:border-color 160ms ease,background-color 160ms ease; }
.bo-store-product-card:hover { border-color:var(--bo-gold); }
.bo-store-product-card:focus-visible { outline:3px solid var(--bo-gold); outline-offset:4px; }
.bo-store-card-top { display:flex; align-items:start; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; color:var(--bo-text-muted); font-size:.75rem; }
.bo-store-code { font-family:var(--bo-font-mono); font-size:.8rem; overflow-wrap:anywhere; }
.bo-store-code span { color:var(--bo-text); margin-left:.5rem; }
.bo-store-spec { color:var(--bo-text-muted); margin:.25rem 0 1rem; }
.bo-store-card-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem; margin-top:auto; padding-top:1.5rem; font-size:.8rem; }
.bo-store-card-price { font-family:var(--bo-font-display); font-size:1.4rem; }
.bo-store-card-image { display:block; width:100%; height:180px; object-fit:contain; margin-bottom:1.5rem; }
.bo-product-head { margin-bottom:2rem; padding-bottom:1rem; border-bottom:1px solid var(--bo-border); }
.bo-product-head h1 { margin-bottom:.5rem; overflow-wrap:anywhere; }
.bo-product-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,420px); gap:3rem; align-items:start; }
.bo-product-body { min-width:0; }
.bo-store-details { padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom:1px solid var(--bo-border); }
.bo-store-details dl { display:grid; grid-template-columns:minmax(6rem,1fr) minmax(0,2fr); gap:.8rem 1rem; font-size:.9rem; }
.bo-store-details dt { color:var(--bo-text-muted); }
.bo-store-details dd { margin:0; overflow-wrap:anywhere; }
.bo-store-review-form { display:grid; gap:1rem; max-width:40rem; }
.bo-store-review-form label { display:grid; gap:.4rem; font-size:.875rem; }
.bo-store-review-form select,.bo-store-review-form input,.bo-store-review-form textarea { width:100%; min-width:0; padding:.75rem; background:var(--bo-bg); color:var(--bo-text); border:1px solid var(--bo-border); border-radius:var(--bo-radius); font:inherit; }
.bo-store-review-form :is(select,input,textarea):focus-visible { outline:2px solid var(--bo-gold); outline-offset:2px; }
.bo-store-review-form button { justify-self:start; }
.bo-product-body .bo-prose { max-width:75ch; }
/* Catalog selection and location, scoped to the approved browsing correction. */
.bo-catalog-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--bo-space-5); }
.bo-catalog-category { display:flex; flex-direction:column; justify-content:space-between; gap:var(--bo-space-6); min-height:160px; text-decoration:none; color:inherit; overflow-wrap:anywhere; }
.bo-catalog-category h2 { margin:0; font-size:1.5rem; line-height:1.25; }
.bo-catalog-category > span { font-weight:600; }
.bo-catalog-category:hover { text-decoration:none; border-color:currentColor; }
.bo-catalog-category:focus-visible,.bo-catalog-breadcrumbs a:focus-visible { outline:3px solid currentColor; outline-offset:4px; }
.bo-catalog-breadcrumbs { margin-bottom:var(--bo-space-5); }
.bo-catalog-breadcrumbs ol { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem .65rem; padding:0; margin:0; list-style:none; }
.bo-catalog-breadcrumbs li { min-width:0; overflow-wrap:anywhere; }
.bo-catalog-breadcrumbs li + li::before { content:"/"; margin-right:.65rem; opacity:.6; }
.bo-catalog-breadcrumbs a { display:inline-block; padding:.25rem 0; text-underline-offset:.2em; }
@media (max-width:1000px) { .bo-catalog-categories { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .bo-catalog-categories { grid-template-columns:minmax(0,1fr); } .bo-catalog-category { min-height:132px; } }
.bo-product-body h2 { margin-top:2rem; }
.bo-product-body h2:first-child { margin-top:0; }
.bo-product-buy { position:sticky; top:2rem; align-self:start; border-top:3px solid var(--bo-gold); }
.bo-product-buy .bo-buy-price { font-family:var(--bo-font-display); font-size:1.8rem; line-height:1.15; margin:0 0 1rem; }
.bo-buy-price small { font-family:var(--bo-font-body); font-size:.875rem; color:var(--bo-text-muted); }
.bo-product-buy .bo-buy-cta { width:100%; margin-top:.5rem; }
.bo-product-reviews-wrap { margin-top:3rem; }
.bo-product-legal { margin-top:2rem; max-width:75ch; }
.bo-store-choices { border:0; padding:0; margin:0 0 1.5rem; min-width:0; display:grid; gap:.65rem; }
.bo-store-choices legend { padding:0 0 .8rem; font-weight:600; font-size:.875rem; }
.bo-store-choice { display:flex; align-items:center; gap:.75rem; padding:1rem .85rem; margin:0; cursor:pointer; border:1px solid var(--bo-border); border-radius:var(--bo-radius); background:var(--bo-bg); }
.bo-store-choice input { width:1.15rem; height:1.15rem; margin:0; flex:0 0 auto; accent-color:var(--bo-moss); }
.bo-store-choice:has(input:checked) { border-color:var(--bo-gold); box-shadow:inset 0 0 0 1px var(--bo-gold); }
.bo-store-choice:focus-within { outline:2px solid var(--bo-gold); outline-offset:3px; }
.bo-store-choice__body { display:flex; flex:1; min-width:0; flex-direction:column; gap:.15rem; font-size:.875rem; overflow-wrap:anywhere; }
.bo-store-choice__body>span { color:var(--bo-text-muted); font-size:.75rem; }
.bo-store-choice>.bo-tabular { font-size:.875rem; font-weight:600; white-space:nowrap; }
.bo-store-purchase-summary { font-size:.875rem; padding:1rem 0; border-top:1px solid var(--bo-border); }
.bo-store-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-bottom:2rem; }
.bo-store-gallery img { width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; }
.bo-store-gallery img:first-child { grid-column:1/-1; }
.bo-store-fieldset { border:1px solid var(--bo-border); border-radius:var(--bo-radius); padding:1rem; min-width:0; }
.bo-store-check-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }
.bo-store-check-grid label { display:flex; align-items:start; gap:.5rem; overflow-wrap:anywhere; }
.bo-store-import-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.bo-store-columns,.bo-store-preview-json { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.8rem; max-width:70ch; }
.bo-store-image-row { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--bo-border); }
.bo-store-image-row img { object-fit:contain; }
.bo-store-cart-scroll { overflow-x:auto; }
.bo-store-cart-scroll table { min-width:580px; }
@media(max-width:1023px) {
 .bo-product-split { grid-template-columns:minmax(0,1fr); gap:2rem; }
 .bo-product-buy { position:static; order:-1; }
 .bo-store-catalog-head { align-items:start; flex-direction:column; gap:1rem; }
 .bo-store-import-grid,.bo-store-check-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:640px) {
 .bo-store-catalog,.bo-product-page { padding:1.5rem 1rem; }
 .bo-store-import-grid,.bo-store-check-grid { grid-template-columns:minmax(0,1fr); }
 .bo-store-choice { padding:.9rem .65rem; gap:.6rem; }
 .bo-store-card-bottom { align-items:start; }
}
/* =====================================================================
   Black Oak Peptides v2.0.0 Phase 2a
   Single site stylesheet. Section index:
     1.  Root design tokens
     2.  Theme mode overrides
     3.  Reset and base
     4.  Typography scale
     5.  Layout primitives
     6.  Forms
     7.  Buttons
     8.  Alerts and callouts
     9.  Storefront cards
     10. Admin console
     11. Header, nav, footer
     12. Utility helpers
     13. Motion and reduced motion
     14. Responsive cascade  8 breakpoints
   ===================================================================== */

/* --------------------------------------------------------------------- */
/* 1. Root design tokens                                                 */
/* --------------------------------------------------------------------- */
:root {
    /* Palette */
    --bo-black-oak:      #111512;
    --bo-oak-bark:       #29251F;
    --bo-moss:           #365043;
    --bo-forest-accent:  #53765F;
    --bo-antique-gold:   #B58A47;
    --bo-parchment:      #F4F0E8;
    --bo-stone:          #D7D2C6;
    --bo-ink:            #1D211D;
    --bo-alert-amber:    #C9852E;
    --bo-error-red:      #9C3D38;
    --bo-success-green:  #3E6C51;

    /* Semantic tokens  default is dark mode */
    --bo-bg:              var(--bo-black-oak);
    --bo-bg-surface:      var(--bo-oak-bark);
    --bo-bg-elevated:     #1B1F1B;
    --bo-border:          #3A403B;
    --bo-text:            var(--bo-parchment);
    --bo-text-muted:      #A9A69C;
    --bo-text-faint:      #7C7A74;
    --bo-accent:          var(--bo-forest-accent);
    --bo-accent-hover:    #6C9078;
    --bo-gold:            var(--bo-antique-gold);

    /* Typography */
    --bo-font-display: "DM Serif Display", Georgia, "Times New Roman", serif;
    --bo-font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --bo-font-mono:    "JetBrains Mono", "SF Mono", Consolas, monospace;

    --bo-size-h1:  clamp(2rem, 4vw + 1rem, 3.5rem);
    --bo-size-h2:  clamp(1.5rem, 2.5vw + 0.75rem, 2.25rem);
    --bo-size-h3:  clamp(1.25rem, 1.5vw + 0.75rem, 1.5rem);
    --bo-size-body: 1rem;
    --bo-size-small: 0.875rem;
    --bo-size-caption: 0.75rem;

    --bo-line-tight: 1.15;
    --bo-line-body:  1.55;

    /* Spacing scale */
    --bo-space-1: 0.25rem;
    --bo-space-2: 0.5rem;
    --bo-space-3: 0.75rem;
    --bo-space-4: 1rem;
    --bo-space-5: 1.5rem;
    --bo-space-6: 2rem;
    --bo-space-7: 3rem;
    --bo-space-8: 4rem;

    /* Radius */
    --bo-radius-sm: 4px;
    --bo-radius:    8px;
    --bo-radius-lg: 14px;

    /* Shadows */
    --bo-shadow-sm: 0 1px 2px rgba(0,0,0,0.35);
    --bo-shadow:    0 6px 20px rgba(0,0,0,0.45);

    /* Motion */
    --bo-transition-fast: 120ms ease;
    --bo-transition:      200ms ease;
}

/* --------------------------------------------------------------------- */
/* 2. Theme mode overrides                                               */
/* --------------------------------------------------------------------- */
:root[data-bo-theme="light"] {
    --bo-bg:              var(--bo-parchment);
    --bo-bg-surface:      #FBF8F1;
    --bo-bg-elevated:     #FFFFFF;
    --bo-border:          var(--bo-stone);
    --bo-text:            var(--bo-black-oak);
    --bo-text-muted:      #5A5548;
    --bo-text-faint:      #8A8578;
    --bo-accent:          var(--bo-moss);
    --bo-accent-hover:    var(--bo-forest-accent);
}

@media (prefers-color-scheme: light) {
    :root:not([data-bo-theme="dark"]):not([data-bo-theme="light"]) {
        --bo-bg:              var(--bo-parchment);
        --bo-bg-surface:      #FBF8F1;
        --bo-bg-elevated:     #FFFFFF;
        --bo-border:          var(--bo-stone);
        --bo-text:            var(--bo-black-oak);
        --bo-text-muted:      #5A5548;
        --bo-text-faint:      #8A8578;
        --bo-accent:          var(--bo-moss);
        --bo-accent-hover:    var(--bo-forest-accent);
    }
}

/* --------------------------------------------------------------------- */
/* 3. Reset and base                                                     */
/* --------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
    background: var(--bo-bg);
    color: var(--bo-text);
    font-family: var(--bo-font-body);
    font-size: var(--bo-size-body);
    line-height: var(--bo-line-body);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--bo-accent); text-decoration: none; transition: color var(--bo-transition-fast); }
a:hover, a:focus { color: var(--bo-accent-hover); text-decoration: underline; }
:focus-visible { outline: 2px solid var(--bo-accent); outline-offset: 2px; border-radius: var(--bo-radius-sm); }
hr { border: 0; border-top: 1px solid var(--bo-border); margin: var(--bo-space-6) 0; }

/* --------------------------------------------------------------------- */
/* 4. Typography                                                         */
/* --------------------------------------------------------------------- */
h1, h2, h3, h4 {
    font-family: var(--bo-font-display);
    font-weight: 400;
    color: var(--bo-text);
    line-height: var(--bo-line-tight);
    margin: 0 0 var(--bo-space-4);
}
h1 { font-size: var(--bo-size-h1); }
h2 { font-size: var(--bo-size-h2); }
h3 { font-size: var(--bo-size-h3); }
h4 { font-size: 1.125rem; letter-spacing: 0.01em; }
p, ul, ol { margin: 0 0 var(--bo-space-4); }
small { font-size: var(--bo-size-small); color: var(--bo-text-muted); }
code, pre { font-family: var(--bo-font-mono); font-size: 0.9em; }

/* --------------------------------------------------------------------- */
/* 5. Layout primitives                                                  */
/* --------------------------------------------------------------------- */
.bo-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 var(--bo-space-5); }
.bo-container--narrow { max-width: 720px; }
.bo-stack > * + * { margin-top: var(--bo-space-4); }
.bo-row { display: flex; flex-wrap: wrap; gap: var(--bo-space-4); }
.bo-grid { display: grid; gap: var(--bo-space-5); }
.bo-grid--products { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

/* --------------------------------------------------------------------- */
/* 6. Forms                                                              */
/* --------------------------------------------------------------------- */
.bo-form { display: flex; flex-direction: column; gap: var(--bo-space-4); }
.bo-field { display: flex; flex-direction: column; gap: var(--bo-space-2); }
.bo-field__label { font-size: var(--bo-size-small); color: var(--bo-text-muted); letter-spacing: 0.02em; text-transform: uppercase; }
.bo-field__input, .bo-field__textarea, .bo-field__select {
    background: var(--bo-bg-elevated);
    color: var(--bo-text);
    border: 1px solid var(--bo-border);
    border-radius: var(--bo-radius);
    padding: var(--bo-space-3) var(--bo-space-4);
    font: inherit;
    transition: border-color var(--bo-transition-fast), box-shadow var(--bo-transition-fast);
}
.bo-field__input:focus, .bo-field__textarea:focus, .bo-field__select:focus {
    outline: none;
    border-color: var(--bo-accent);
    box-shadow: 0 0 0 3px rgba(83,118,95,0.25);
}
.bo-field__textarea { min-height: 8rem; resize: vertical; }

/* --------------------------------------------------------------------- */
/* 7. Buttons                                                            */
/* --------------------------------------------------------------------- */
.bo-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: var(--bo-space-3) var(--bo-space-5);
    font: inherit; font-weight: 600;
    border-radius: var(--bo-radius);
    border: 1px solid transparent;
    background: var(--bo-bg-surface);
    color: var(--bo-text);
    cursor: pointer;
    transition: background var(--bo-transition-fast), color var(--bo-transition-fast), border-color var(--bo-transition-fast), transform var(--bo-transition-fast);
    text-decoration: none;
}
.bo-btn:hover, .bo-btn:focus { text-decoration: none; }
.bo-btn:active { transform: translateY(1px); }
.bo-btn--primary { background: var(--bo-accent); color: #FFFFFF; }
.bo-btn--primary:hover { background: var(--bo-accent-hover); color: #FFFFFF; }
.bo-btn--gold { background: var(--bo-gold); color: var(--bo-black-oak); }
.bo-btn--ghost { background: transparent; border-color: var(--bo-border); color: var(--bo-text); }
.bo-btn--ghost:hover { border-color: var(--bo-accent); color: var(--bo-accent); }
.bo-btn[disabled] { opacity: 0.55; cursor: not-allowed; }

/* --------------------------------------------------------------------- */
/* 8. Alerts and callouts                                                */
/* --------------------------------------------------------------------- */
.bo-alert { padding: var(--bo-space-4); border-radius: var(--bo-radius); border: 1px solid var(--bo-border); background: var(--bo-bg-surface); }
.bo-alert--error   { border-color: var(--bo-error-red);     background: rgba(156,61,56,0.15);  color: var(--bo-text); }
.bo-alert--warning { border-color: var(--bo-alert-amber);   background: rgba(201,133,46,0.15); color: var(--bo-text); }
.bo-alert--success { border-color: var(--bo-success-green); background: rgba(62,108,81,0.18);  color: var(--bo-text); }

/* --------------------------------------------------------------------- */
/* 9. Storefront cards                                                   */
/* --------------------------------------------------------------------- */
.bo-card {
    background: var(--bo-bg-surface);
    border: 1px solid var(--bo-border);
    border-radius: var(--bo-radius-lg);
    padding: var(--bo-space-5);
    box-shadow: var(--bo-shadow-sm);
    transition: border-color var(--bo-transition), transform var(--bo-transition), box-shadow var(--bo-transition);
}
.bo-card:hover { border-color: var(--bo-accent); transform: translateY(-2px); box-shadow: var(--bo-shadow); }
.bo-card__title { font-family: var(--bo-font-display); font-size: 1.25rem; margin: 0 0 var(--bo-space-2); }
.bo-card__meta { color: var(--bo-text-muted); font-size: var(--bo-size-small); }

/* --------------------------------------------------------------------- */
/* 10. Admin console  Phase 21 rebuild in section 15 below                */
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/* 11. Header, nav, footer                                               */
/* --------------------------------------------------------------------- */
.bo-header { background: var(--bo-bg-surface); border-bottom: 1px solid var(--bo-border); padding: var(--bo-space-4) 0; }
.bo-header__row { display: flex; align-items: center; justify-content: space-between; }
.bo-logo { display: inline-flex; align-items: center; gap: var(--bo-space-2); font-family: var(--bo-font-display); font-size: 1.5rem; color: var(--bo-text); text-decoration: none; }
.bo-logo__mark { display: block; flex: none; width: 2rem; height: 2rem; }
.bo-nav a { margin-left: var(--bo-space-5); color: var(--bo-text-muted); }
.bo-nav a:hover { color: var(--bo-text); }
.bo-footer { background: var(--bo-oak-bark); color: var(--bo-parchment); padding: var(--bo-space-6) 0; margin-top: var(--bo-space-8); }
.bo-footer__row { display: flex; flex-direction: column; gap: var(--bo-space-2); }

/* Auth screen */
.bo-auth-shell { min-height: 100vh; display: grid; place-items: center; padding: var(--bo-space-6); }
.bo-auth-card { width: 100%; max-width: 420px; background: var(--bo-bg-surface); border: 1px solid var(--bo-border); border-radius: var(--bo-radius-lg); padding: var(--bo-space-6); box-shadow: var(--bo-shadow); }
.bo-auth-title { text-align: center; margin-bottom: var(--bo-space-5); }

/* --------------------------------------------------------------------- */
/* 12. Utility helpers                                                   */
/* --------------------------------------------------------------------- */
.bo-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.bo-text-muted { color: var(--bo-text-muted); }
.bo-text-center { text-align: center; }
.bo-mt-6 { margin-top: var(--bo-space-6); }
.bo-mb-6 { margin-bottom: var(--bo-space-6); }
.bo-tabular { font-variant-numeric: tabular-nums lining-nums; }

/* --------------------------------------------------------------------- */
/* 13. Motion and reduced motion                                         */
/* --------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

/* --------------------------------------------------------------------- */
/* 14. Responsive cascade  8 breakpoints, desktop down                   */
/* --------------------------------------------------------------------- */
@media (max-width: 1440px) {
    .bo-container { max-width: 1160px; }
}
@media (max-width: 1280px) {
    .bo-container { max-width: 1040px; }
}
@media (max-width: 1024px) {
    .bo-container { max-width: 960px; }
}
@media (max-width: 768px) {
    :root { --bo-size-body: 0.9375rem; }
    .bo-container { padding: 0 var(--bo-space-4); }
    .bo-header__row { flex-direction: column; gap: var(--bo-space-3); }
    .bo-nav a { margin-left: 0; margin-right: var(--bo-space-4); }
}
@media (max-width: 600px) {
    .bo-grid--products { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
    .bo-auth-card { padding: var(--bo-space-5); }
}
@media (max-width: 430px) {
    .bo-container { padding: 0 var(--bo-space-3); }
    .bo-card { padding: var(--bo-space-4); }
}
@media (max-width: 390px) {
    :root { --bo-size-body: 0.875rem; }
    .bo-btn { padding: var(--bo-space-3) var(--bo-space-4); }
}
@media (max-width: 375px) {
    .bo-grid--products { grid-template-columns: 1fr; }
}

/* Phase 9 additions */
.bo-fulfillment-banner {
    background: #F4EFE4;
    color: #3F2E15;
    border-bottom: 1px solid #E4D9C0;
    font-size: 0.9375rem;
    padding: var(--bo-space-3) 0;
    text-align: center;
}
.bo-badge {
    display: inline-block;
    background: var(--bo-color-surface-alt, #F5F1E8);
    color: var(--bo-color-text-muted, #6E5F42);
    border-radius: 999px;
    font-size: 0.75rem;
    padding: 2px 8px;
    margin-left: 6px;
    vertical-align: middle;
}
.bo-note-thread { display: flex; flex-direction: column; gap: var(--bo-space-3); }
.bo-note {
    padding: var(--bo-space-3) var(--bo-space-4);
    border-radius: var(--bo-radius-md, 8px);
    background: var(--bo-color-surface, #FFFCF3);
    border: 1px solid var(--bo-color-border, #E4D9C0);
}
.bo-note--internal { background: #FFF7DB; border-color: #F2E4A6; }
.bo-note--customer { background: #EEF5EE; border-color: #CBDCC7; }
.bo-note__meta { font-size: 0.8125rem; color: var(--bo-color-text-muted, #6E5F42); margin-bottom: 4px; }

/* --------------------------------------------------------------------- */
/* 15. Admin console v2  Phase 21                                        */
/* --------------------------------------------------------------------- */

/* =====================================================================
   Admin console v2  Phase 21
   Utilitarian admin scope. Applied via <body class="bo-admin"> on all
   /bo_admin*.php pages. Overrides typography to Inter, tightens
   spacing, adds sidebar layout, page header, form, table, and card
   components tuned for data-dense work.
   ===================================================================== */

body.bo-admin {
    color-scheme: light;
    --bo-admin-bg:            #F5F6F3;
    --bo-admin-surface:       #FFFFFF;
    --bo-admin-surface-2:     #FBFBF9;
    --bo-admin-elevated:      #FFFFFF;
    --bo-admin-border:        #E1E3DD;
    --bo-admin-border-strong: #C9CCC4;
    --bo-admin-text:          #1B1F1C;
    --bo-admin-text-muted:    #5A6058;
    --bo-admin-text-faint:    #5A6058;
    --bo-admin-accent:        #365043;
    --bo-admin-accent-hover:  #53765F;
    --bo-admin-danger:        #A3352B;
    --bo-admin-warn:          #875600;
    --bo-admin-success:       #28643E;
    --bo-admin-focus:         #365043;

    --bo-admin-radius-sm: 4px;
    --bo-admin-radius:    6px;
    --bo-admin-radius-lg: 10px;

    --bo-admin-sidebar-w:  240px;
    --bo-admin-sidebar-rail: 72px;

    background: var(--bo-admin-bg);
    color: var(--bo-admin-text);
    font-family: var(--bo-font-body);
    font-size: 0.9375rem;
    line-height: 1.5;
}

body.bo-admin h1, body.bo-admin h2, body.bo-admin h3, body.bo-admin h4 {
    font-family: var(--bo-font-body);
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--bo-admin-text);
    margin: 0;
}
body.bo-admin h1 { font-size: 1.5rem; line-height: 1.25; }
body.bo-admin h2 { font-size: 1.125rem; line-height: 1.3; }
body.bo-admin h3 { font-size: 1rem; line-height: 1.35; }
body.bo-admin h4 { font-size: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--bo-admin-text-muted); }
body.bo-admin a { color: var(--bo-admin-accent); }
body.bo-admin a:hover, body.bo-admin a:focus { color: var(--bo-admin-accent-hover); }

/* ----- Layout ----- */
.bo-admin-layout {
    display: grid;
    grid-template-columns: var(--bo-admin-sidebar-w) 1fr;
    min-height: 100vh;
    background: var(--bo-admin-bg);
}
.bo-admin-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: var(--bo-admin-bg);
}

/* ----- Sidebar ----- */
.bo-admin-side {
    background: var(--bo-admin-surface);
    border-right: 1px solid var(--bo-admin-border);
    display: flex;
    flex-direction: column;
    padding: 1.25rem 0.75rem;
    gap: 1.25rem;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}
.bo-admin-side__brand {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0 0.5rem 0.5rem;
    color: var(--bo-admin-text);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9375rem;
    letter-spacing: -0.005em;
    border-bottom: 1px solid var(--bo-admin-border);
}
.bo-admin-side__brand-mark {
    width: 1.5rem; height: 1.5rem; border-radius: 5px;
    background: linear-gradient(135deg, var(--bo-admin-accent), var(--bo-antique-gold));
    display: grid; place-items: center;
    color: #0F1311; font-weight: 800; font-size: 0.75rem;
}
.bo-admin-side__group { display: flex; flex-direction: column; gap: 0.125rem; }
.bo-admin-side__group-label {
    padding: 0.375rem 0.625rem 0.25rem;
    font-size: 0.6875rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bo-admin-text-faint);
    font-weight: 600;
}
.bo-admin-side__link {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.4375rem 0.625rem;
    border-radius: var(--bo-admin-radius);
    color: var(--bo-admin-text-muted);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: background 120ms ease, color 120ms ease;
    line-height: 1.3;
}
.bo-admin-side__link:hover {
    background: var(--bo-admin-surface-2);
    color: var(--bo-admin-text);
    text-decoration: none;
}
.bo-admin-side__link[aria-current="page"] {
    background: var(--bo-admin-surface-2);
    color: var(--bo-admin-text);
    box-shadow: inset 2px 0 0 var(--bo-admin-accent);
}
.bo-admin-side__link-icon {
    width: 1rem; height: 1rem;
    color: currentColor;
    flex-shrink: 0;
    opacity: 0.85;
}
.bo-admin-side__footer {
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid var(--bo-admin-border);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8125rem;
    color: var(--bo-admin-text-muted);
}
.bo-admin-side__footer-email {
    padding: 0 0.625rem;
    color: var(--bo-admin-text);
    font-weight: 500;
    word-break: break-all;
}
.bo-admin-side__signout {
    display: block;
    padding: 0.4375rem 0.625rem;
    border-radius: var(--bo-admin-radius);
    color: var(--bo-admin-text-muted);
    text-decoration: none;
    font-size: 0.8125rem;
}
.bo-admin-side__signout:hover { background: var(--bo-admin-surface-2); color: var(--bo-admin-danger); text-decoration: none; }

/* ----- Mobile drawer ----- */
.bo-admin-topbar {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: var(--bo-admin-surface);
    border-bottom: 1px solid var(--bo-admin-border);
    position: sticky;
    top: 0;
    z-index: 40;
}
.bo-admin-topbar__brand { color: var(--bo-admin-text); text-decoration: none; font-weight: 700; }
.bo-admin-topbar__toggle {
    background: transparent;
    border: 1px solid var(--bo-admin-border-strong);
    color: var(--bo-admin-text);
    padding: 0.4375rem 0.625rem;
    border-radius: var(--bo-admin-radius);
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1;
}
.bo-admin-topbar__toggle:hover { background: var(--bo-admin-surface-2); }
.bo-admin-side__backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 45;
}

/* ----- Page container ----- */
.bo-admin-page {
    padding: 1.5rem 2rem 3rem;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.bo-admin-page__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--bo-admin-border);
    flex-wrap: wrap;
}
.bo-admin-page__title-block { min-width: 0; }
.bo-admin-page__crumbs {
    display: flex;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: var(--bo-admin-text-faint);
    margin-bottom: 0.375rem;
    flex-wrap: wrap;
}
.bo-admin-page__crumbs a { color: var(--bo-admin-text-muted); }
.bo-admin-page__crumbs a:hover { color: var(--bo-admin-text); text-decoration: none; }
.bo-admin-page__crumbs span[aria-current] { color: var(--bo-admin-text); }
.bo-admin-page__title { font-size: 1.5rem; font-weight: 600; letter-spacing: -0.01em; margin: 0; line-height: 1.25; }
.bo-admin-page__subtitle { color: var(--bo-admin-text-muted); font-size: 0.875rem; margin-top: 0.25rem; }
.bo-admin-page__actions { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
.bo-admin-page__section-title {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--bo-admin-text-muted);
    font-weight: 600;
    margin: 1.75rem 0 0.75rem;
}
.bo-admin-page__section-title:first-child { margin-top: 0; }

/* ----- Metric tiles ----- */
.bo-metric-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}
.bo-metric {
    background: var(--bo-admin-surface);
    border: 1px solid var(--bo-admin-border);
    border-radius: var(--bo-admin-radius);
    padding: 0.875rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    transition: border-color 120ms ease;
}
.bo-metric:hover { border-color: var(--bo-admin-border-strong); }
.bo-metric__label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--bo-admin-text-muted);
    font-weight: 600;
}
.bo-metric__value {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--bo-admin-text);
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums lining-nums;
    line-height: 1.2;
}
.bo-metric__meta {
    font-size: 0.8125rem;
    color: var(--bo-admin-text-muted);
}
.bo-metric__meta a { color: var(--bo-admin-accent); }

/* ----- Cards ----- */
.bo-admin-card {
    background: var(--bo-admin-surface);
    border: 1px solid var(--bo-admin-border);
    border-radius: var(--bo-admin-radius);
    padding: 1.25rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}
.bo-admin-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--bo-admin-border);
    margin: -0.25rem 0 0;
}
.bo-admin-card__title { font-size: 0.9375rem; font-weight: 600; color: var(--bo-admin-text); margin: 0; }
.bo-admin-card__body { display: flex; flex-direction: column; gap: 1rem; }
.bo-admin-card--danger { border-color: rgba(200, 97, 85, 0.35); background: rgba(200, 97, 85, 0.05); }
.bo-admin-card--danger .bo-admin-card__title { color: var(--bo-admin-danger); }

.bo-admin-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
    align-items: start;
}
.bo-admin-card-grid > .bo-admin-card { margin-bottom: 0; }
.bo-admin-card-grid--wide { grid-template-columns: repeat(auto-fit, minmax(440px, 1fr)); }

/* ----- Forms ----- */
.bo-admin-form { display: flex; flex-direction: column; gap: 1rem; }
.bo-admin-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem 1.25rem;
    align-items: end;
}
.bo-admin-form-grid--fixed-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bo-admin-form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}
.bo-admin-field { display: flex; flex-direction: column; gap: 0.375rem; min-width: 0; }
.bo-admin-field--full { grid-column: 1 / -1; }
.bo-admin-field__label {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--bo-admin-text-muted);
    letter-spacing: 0.005em;
}
.bo-admin-field__hint { font-size: 0.75rem; color: var(--bo-admin-text-faint); }
.bo-admin-field__error { font-size: 0.75rem; color: var(--bo-admin-danger); }

.bo-admin-input,
.bo-admin-select,
.bo-admin-textarea {
    width: 100%;
    padding: 0.5rem 0.625rem;
    background: var(--bo-admin-surface-2);
    color: var(--bo-admin-text);
    border: 1px solid var(--bo-admin-border-strong);
    border-radius: var(--bo-admin-radius);
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.4;
    transition: border-color 120ms ease, box-shadow 120ms ease;
    -webkit-appearance: none;
    appearance: none;
}
.bo-admin-textarea { min-height: 6.5rem; resize: vertical; }
.bo-admin-input:hover,
.bo-admin-select:hover,
.bo-admin-textarea:hover { border-color: var(--bo-admin-text-faint); }
.bo-admin-input:focus,
.bo-admin-select:focus,
.bo-admin-textarea:focus {
    outline: none;
    border-color: var(--bo-admin-focus);
    box-shadow: 0 0 0 3px rgba(109, 169, 133, 0.22);
}
.bo-admin-input[disabled],
.bo-admin-select[disabled],
.bo-admin-textarea[disabled] { opacity: 0.55; cursor: not-allowed; }
.bo-admin-select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23A2A79E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M1 1.5l5 5 5-5'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0.625rem center;
    background-size: 12px 8px;
    padding-right: 2rem;
}
.bo-admin-checkbox, .bo-admin-radio {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--bo-admin-text);
    cursor: pointer;
}
.bo-admin-checkbox input, .bo-admin-radio input {
    width: 1rem; height: 1rem;
    accent-color: var(--bo-admin-accent);
    margin: 0;
}

/* ----- Buttons ----- */
body.bo-admin .bo-admin-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background: var(--bo-admin-surface-2);
    color: var(--bo-admin-text);
    border: 1px solid var(--bo-admin-border-strong);
    border-radius: var(--bo-admin-radius);
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
    white-space: nowrap;
}
body.bo-admin .bo-admin-btn:hover, body.bo-admin .bo-admin-btn:focus { background: var(--bo-admin-elevated); border-color: var(--bo-admin-text-faint); text-decoration: none; color: var(--bo-admin-text); }
body.bo-admin .bo-admin-btn:active { transform: translateY(1px); }
body.bo-admin .bo-admin-btn[disabled] { opacity: 0.5; cursor: not-allowed; }
body.bo-admin .bo-admin-btn--primary { background: var(--bo-admin-accent); color: #FFFFFF; border-color: var(--bo-admin-accent); }
body.bo-admin .bo-admin-btn--primary:hover, body.bo-admin .bo-admin-btn--primary:focus { background: var(--bo-admin-accent-hover); border-color: var(--bo-admin-accent-hover); color: #FFFFFF; }
body.bo-admin .bo-admin-btn--danger { background: transparent; color: var(--bo-admin-danger); border-color: rgba(200, 97, 85, 0.5); }
body.bo-admin .bo-admin-btn--danger:hover, body.bo-admin .bo-admin-btn--danger:focus { background: var(--bo-admin-danger); color: #FFFFFF; border-color: var(--bo-admin-danger); }
body.bo-admin .bo-admin-btn--ghost { background: transparent; border-color: transparent; color: var(--bo-admin-text-muted); }
body.bo-admin .bo-admin-btn--ghost:hover, body.bo-admin .bo-admin-btn--ghost:focus { background: var(--bo-admin-surface-2); color: var(--bo-admin-text); }
body.bo-admin .bo-admin-btn--sm { padding: 0.3125rem 0.625rem; font-size: 0.8125rem; }
body.bo-admin .bo-admin-btn--icon { padding: 0.4375rem; }

.bo-admin-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; }

/* ----- Tables ----- */
.bo-admin-table-wrap {
    background: var(--bo-admin-surface);
    border: 1px solid var(--bo-admin-border);
    border-radius: var(--bo-admin-radius);
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.bo-admin-table-wrap__scroll { overflow-x: auto; }
.bo-admin-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}
.bo-admin-table thead th {
    text-align: left;
    padding: 0.625rem 1rem;
    background: var(--bo-admin-surface-2);
    color: var(--bo-admin-text-muted);
    font-weight: 600;
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--bo-admin-border);
    white-space: nowrap;
}
.bo-admin-table tbody td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--bo-admin-border);
    color: var(--bo-admin-text);
    vertical-align: middle;
}
.bo-admin-table tbody tr:last-child td { border-bottom: 0; }
.bo-admin-table tbody tr:hover td { background: var(--bo-admin-surface-2); }
.bo-admin-table__num { text-align: right; font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; }
.bo-admin-table__actions { text-align: right; white-space: nowrap; }
.bo-admin-table__muted { color: var(--bo-admin-text-muted); }
.bo-admin-table__link { color: var(--bo-admin-accent); font-weight: 500; }
.bo-admin-table__empty { padding: 2.5rem 1rem; text-align: center; color: var(--bo-admin-text-muted); font-size: 0.9375rem; }

/* ----- Badges ----- */
.bo-admin-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.1875rem 0.5rem;
    background: var(--bo-admin-surface-2);
    color: var(--bo-admin-text-muted);
    border: 1px solid var(--bo-admin-border-strong);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
}
.bo-admin-badge--success { background: rgba(90, 156, 116, 0.14); color: var(--bo-admin-success); border-color: rgba(90, 156, 116, 0.35); }
.bo-admin-badge--warn    { background: rgba(214, 155, 74, 0.14); color: var(--bo-admin-warn); border-color: rgba(214, 155, 74, 0.35); }
.bo-admin-badge--danger  { background: rgba(200, 97, 85, 0.14); color: var(--bo-admin-danger); border-color: rgba(200, 97, 85, 0.35); }
.bo-admin-badge--info    { background: rgba(109, 169, 133, 0.14); color: var(--bo-admin-accent); border-color: rgba(109, 169, 133, 0.35); }
.bo-admin-badge--muted   { background: var(--bo-admin-surface-2); color: var(--bo-admin-text-faint); }
.bo-admin-badge--dot::before {
    content: "";
    width: 6px; height: 6px; border-radius: 50%;
    background: currentColor;
    display: inline-block;
}

/* ----- Alerts ----- */
.bo-admin-alert {
    padding: 0.75rem 1rem;
    border: 1px solid var(--bo-admin-border-strong);
    border-radius: var(--bo-admin-radius);
    background: var(--bo-admin-surface);
    color: var(--bo-admin-text);
    font-size: 0.875rem;
    margin-bottom: 1rem;
    display: flex;
    gap: 0.625rem;
    align-items: flex-start;
}
.bo-admin-alert--success { border-color: rgba(90, 156, 116, 0.4); background: rgba(90, 156, 116, 0.08); }
.bo-admin-alert--warn    { border-color: rgba(214, 155, 74, 0.4); background: rgba(214, 155, 74, 0.08); }
.bo-admin-alert--danger  { border-color: rgba(200, 97, 85, 0.4); background: rgba(200, 97, 85, 0.08); }

/* ----- Filter/toolbar row ----- */
.bo-admin-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: end;
    padding: 0.875rem 1rem;
    background: var(--bo-admin-surface);
    border: 1px solid var(--bo-admin-border);
    border-radius: var(--bo-admin-radius);
    margin-bottom: 1rem;
}
.bo-admin-toolbar .bo-admin-field { flex: 1 1 180px; }
.bo-admin-toolbar__actions { display: flex; gap: 0.5rem; margin-left: auto; }

/* ----- Pagination ----- */
.bo-admin-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: var(--bo-admin-surface);
    border: 1px solid var(--bo-admin-border);
    border-radius: var(--bo-admin-radius);
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    color: var(--bo-admin-text-muted);
    flex-wrap: wrap;
    gap: 0.5rem;
}
.bo-admin-pagination__links { display: flex; gap: 0.375rem; }

/* ----- Description list ----- */
.bo-admin-dl {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.625rem 1rem;
    margin: 0;
}
@media (min-width: 640px) {
    .bo-admin-dl { grid-template-columns: max-content 1fr; }
}
.bo-admin-dl dt {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--bo-admin-text-muted);
    font-weight: 600;
    padding-top: 0.125rem;
}
.bo-admin-dl dd { margin: 0; color: var(--bo-admin-text); font-size: 0.875rem; line-height: 1.5; word-break: break-word; }

/* ----- Auth login card ----- */
.bo-admin-login-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 2rem;
    background: var(--bo-admin-bg);
}
.bo-admin-login-card {
    width: 100%;
    max-width: 400px;
    background: var(--bo-admin-surface);
    border: 1px solid var(--bo-admin-border);
    border-radius: var(--bo-admin-radius-lg);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ----- Utility ----- */
.bo-admin-hidden { display: none !important; }
.bo-admin-inline-form { display: inline; }
.bo-admin-mono { font-family: var(--bo-font-mono); font-size: 0.8125rem; }
.bo-admin-nowrap { white-space: nowrap; }

/* ----- Responsive ----- */
.bo-admin-side__close { display: none; }
@media (max-width: 900px) {
    .bo-admin-layout { grid-template-columns: 1fr; }
    .bo-admin-side {
        position: static;
        width: 100%;
        height: auto;
    }
    .bo-admin-layout[data-drawer-ready] .bo-admin-topbar { display: flex; }
    .bo-admin-layout[data-drawer-ready] .bo-admin-side {
        position: fixed;
        top: 0; left: 0; bottom: 0;
        width: min(280px, 84vw);
        z-index: 50;
        transform: translateX(-100%);
        visibility: hidden;
        transition: transform 200ms ease;
        height: 100vh;
    }
    .bo-admin-layout[data-drawer-ready] .bo-admin-side__close { display: inline-flex; }
    .bo-admin-layout[data-drawer="open"] .bo-admin-side { transform: translateX(0); visibility: visible; }
    .bo-admin-side { overscroll-behavior: contain; }
    .bo-admin-layout[data-drawer="open"] .bo-admin-side__backdrop { display: block; }
    .bo-admin-page { padding: 1rem 1rem 3rem; }
    .bo-admin-page__header { padding-bottom: 0.75rem; margin-bottom: 1rem; }
    .bo-admin-form-grid--fixed-2 { grid-template-columns: 1fr; }
}
@media (min-width: 901px) and (max-width: 1200px) {
    .bo-admin-page { padding: 1.5rem; }
}
@media (max-width: 600px) {
    body.bo-admin { font-size: 0.9375rem; }
    .bo-admin-page__header { flex-direction: column; align-items: flex-start; }
    .bo-admin-page__actions { width: 100%; }
    .bo-admin-toolbar { padding: 0.75rem; }
    .bo-admin-card { padding: 1rem; }
}

/* --------------------------------------------------------------------- */
/* 15b. Admin console follow-up helpers                                  */
/* --------------------------------------------------------------------- */
.bo-admin-card__note { color: var(--bo-admin-text-muted); font-size: 0.8125rem; line-height: 1.55; margin: 0.5rem 0 0.875rem; }
.bo-admin-card__meta { font-size: 0.8125rem; color: var(--bo-admin-text-muted); }
.bo-admin-card__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid var(--bo-admin-border); }
.bo-admin-card__actions form { margin: 0; }
.bo-admin-card--danger { border-color: rgba(200, 97, 85, 0.35); }
.bo-admin-card--danger .bo-admin-card__title { color: var(--bo-admin-danger); }
.bo-admin-empty { padding: 1.5rem; text-align: center; color: var(--bo-admin-text-muted); background: var(--bo-admin-surface); border: 1px dashed var(--bo-admin-border); border-radius: 10px; }
.bo-admin-form__actions { display: flex; gap: 0.5rem; margin-top: 1rem; padding-top: 0.875rem; border-top: 1px solid var(--bo-admin-border); flex-wrap: wrap; }

/* --------------------------------------------------------------------- */
/* 15c. More helpers  inline fields, form grid columns                   */
/* --------------------------------------------------------------------- */
.bo-admin-field--inline { display: flex; align-items: center; gap: 0.5rem; }
.bo-admin-field--inline .bo-admin-field__label { margin: 0; white-space: nowrap; font-size: 0.75rem; }
.bo-admin-field--inline .bo-admin-input { width: auto; min-width: 140px; }
.bo-admin-field--full { grid-column: 1 / -1; }
.bo-admin-form-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 640px) { .bo-admin-form-grid--2 { grid-template-columns: 1fr; } }
.bo-admin-check { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--bo-admin-text); font-size: 0.875rem; cursor: pointer; }
.bo-admin-check input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--bo-admin-accent); }

/* -----------------------------------------------------------------
   Section 15d, Admin utility helpers (Phase 21)
   ----------------------------------------------------------------- */
.bo-admin .bo-admin-page-inner { display: block; }
.bo-admin .bo-admin-mt-3 { margin-top: 0.75rem; }
.bo-admin .bo-admin-mt-4 { margin-top: 1rem; }
.bo-admin .bo-admin-mt-5 { margin-top: 1.5rem; }

/* Note thread */
.bo-admin .bo-note-thread { display: flex; flex-direction: column; gap: 0.625rem; margin-top: 0.75rem; }
.bo-admin .bo-note { background: var(--bo-admin-surface-2); border: 1px solid var(--bo-admin-border); border-radius: 6px; padding: 0.75rem 0.875rem; }
.bo-admin .bo-note--internal { border-left: 3px solid var(--bo-admin-warn); }
.bo-admin .bo-note--customer { border-left: 3px solid var(--bo-admin-accent); }
.bo-admin .bo-note__meta { font-size: 0.75rem; color: var(--bo-admin-text-muted); margin-bottom: 0.375rem; }

/* -----------------------------------------------------------------
   Section 16, Retail landing (Phase 22)
   Hero, trust strip, sections, steps, why cards, RUO band. Public
   surfaces only. Admin styles are untouched.
   ----------------------------------------------------------------- */

/* Hero */
.bo-hero {
    background: linear-gradient(180deg, rgba(17,21,18,1) 0%, rgba(29,33,29,1) 100%);
    border-bottom: 1px solid var(--bo-border);
    padding: var(--bo-space-8) var(--bo-space-5);
}
.bo-hero__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: var(--bo-space-8);
    align-items: start;
}
.bo-hero__eyebrow {
    font-family: var(--bo-font-mono);
    font-size: var(--bo-size-caption);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bo-gold);
    margin: 0 0 var(--bo-space-3);
}
.bo-hero__title {
    font-family: var(--bo-font-display);
    font-size: var(--bo-size-h1);
    line-height: 1.1;
    margin: 0 0 var(--bo-space-4);
    color: var(--bo-text);
}
.bo-hero__lede {
    font-size: 1.125rem;
    line-height: 1.55;
    color: var(--bo-text-muted);
    margin: 0 0 var(--bo-space-5);
    max-width: 60ch;
}
.bo-hero__points {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--bo-space-6);
    display: grid;
    gap: var(--bo-space-3);
}
.bo-hero__points li {
    padding-left: var(--bo-space-5);
    position: relative;
    color: var(--bo-text);
    line-height: 1.5;
}
.bo-hero__points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--bo-accent);
}
.bo-hero__ctas { margin: 0; display: flex; gap: var(--bo-space-3); flex-wrap: wrap; }

.bo-hero__card {
    background: var(--bo-bg-surface);
    border: 1px solid var(--bo-border);
    border-radius: 10px;
    padding: var(--bo-space-6);
    box-shadow: 0 20px 40px -20px rgba(0,0,0,0.6);
}
.bo-hero__card-title {
    font-family: var(--bo-font-display);
    font-size: 1.5rem;
    margin: 0 0 var(--bo-space-2);
    color: var(--bo-text);
}
.bo-hero__card-lede {
    color: var(--bo-text-muted);
    margin: 0 0 var(--bo-space-5);
    font-size: var(--bo-size-small);
}
.bo-hero__card-alt {
    margin: var(--bo-space-4) 0 0;
    text-align: center;
    color: var(--bo-text-muted);
    font-size: var(--bo-size-small);
}
.bo-btn--block { display: block; width: 100%; text-align: center; }

@media (max-width: 900px) {
    .bo-hero__inner { grid-template-columns: 1fr; gap: var(--bo-space-6); }
    .bo-hero { padding: var(--bo-space-6) var(--bo-space-4); }
}

/* Trust strip */
.bo-trust-strip {
    background: var(--bo-bg-surface);
    border-bottom: 1px solid var(--bo-border);
    padding: var(--bo-space-5) var(--bo-space-5);
}
.bo-trust-strip__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--bo-space-5);
    text-align: center;
}
.bo-trust-strip__value {
    font-family: var(--bo-font-display);
    font-size: 2rem;
    color: var(--bo-gold);
    line-height: 1;
    margin-bottom: var(--bo-space-2);
}
.bo-trust-strip__label {
    font-size: var(--bo-size-small);
    color: var(--bo-text-muted);
    line-height: 1.4;
}
@media (max-width: 720px) {
    .bo-trust-strip__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bo-space-4); }
}

/* Section blocks */
.bo-section { padding: var(--bo-space-8) var(--bo-space-5); }
.bo-section--dark { background: var(--bo-bg-surface); border-top: 1px solid var(--bo-border); border-bottom: 1px solid var(--bo-border); }
.bo-section__title {
    font-family: var(--bo-font-display);
    font-size: var(--bo-size-h2);
    margin: 0 0 var(--bo-space-4);
    color: var(--bo-text);
}
.bo-section__title--center { text-align: center; }
.bo-section__lede {
    font-size: 1.0625rem;
    line-height: 1.6;
    color: var(--bo-text-muted);
    margin: 0 0 var(--bo-space-6);
    max-width: 65ch;
}
.bo-section__title--center + .bo-section__lede { margin-left: auto; margin-right: auto; text-align: center; }

/* Why cards */
.bo-why-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--bo-space-4);
}
.bo-why-card {
    background: var(--bo-bg-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    padding: var(--bo-space-5);
}
.bo-why-card__title {
    font-family: var(--bo-font-display);
    font-size: 1.25rem;
    margin: 0 0 var(--bo-space-3);
    color: var(--bo-gold);
}
.bo-why-card p { margin: 0; color: var(--bo-text-muted); line-height: 1.55; }
@media (max-width: 800px) { .bo-why-grid { grid-template-columns: 1fr; } }

/* Steps */
.bo-steps {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--bo-space-5);
}
.bo-steps__item {
    background: var(--bo-bg-elevated);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    padding: var(--bo-space-5);
    position: relative;
}
.bo-steps__num {
    font-family: var(--bo-font-display);
    font-size: 2.5rem;
    line-height: 1;
    color: var(--bo-gold);
    margin-bottom: var(--bo-space-3);
}
.bo-steps__title {
    font-family: var(--bo-font-display);
    font-size: 1.125rem;
    margin: 0 0 var(--bo-space-2);
    color: var(--bo-text);
}
.bo-steps__item p { margin: 0; color: var(--bo-text-muted); font-size: var(--bo-size-small); line-height: 1.5; }
@media (max-width: 900px) { .bo-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .bo-steps { grid-template-columns: 1fr; } }

/* RUO band */
.bo-ruo-band {
    background: var(--bo-oak-bark);
    border-top: 1px solid var(--bo-border);
    padding: var(--bo-space-5);
    color: var(--bo-text-muted);
    font-size: var(--bo-size-small);
}
.bo-ruo-band strong { color: var(--bo-alert-amber); }

/* ------------------------------------------------------------------- */
/* Phase 22d . Dark-surface text pins                                  */
/* The landing hero, trust strip, section--dark, and RUO band all      */
/* use a dark background regardless of the visitor OS theme. Pin the   */
/* body text on those surfaces to the parchment palette so it never    */
/* renders dark on dark when the OS is in light mode.                  */
/* Nothing outside these public landing selectors is affected.         */
/* ------------------------------------------------------------------- */

.bo-hero { color: var(--bo-parchment); }
.bo-hero__title { color: var(--bo-parchment); }
.bo-hero__lede { color: var(--bo-stone); }
.bo-hero__points li { color: var(--bo-parchment); }
.bo-hero__points li strong { color: var(--bo-parchment); }

.bo-hero .bo-btn--ghost { color: var(--bo-parchment); border-color: var(--bo-stone); }
.bo-hero .bo-btn--ghost:hover,
.bo-hero .bo-btn--ghost:focus { color: var(--bo-accent); border-color: var(--bo-accent); }

.bo-trust-strip { color: var(--bo-parchment); background: var(--bo-oak-bark); }
.bo-trust-strip__label { color: var(--bo-stone); }

.bo-section--dark { background: var(--bo-black-oak); color: var(--bo-parchment); }
.bo-section--dark .bo-section__title { color: var(--bo-parchment); }
.bo-section--dark .bo-section__lede { color: var(--bo-stone); }
.bo-section--dark .bo-steps__item { background: var(--bo-oak-bark); border-color: rgba(213,208,196,0.15); }
.bo-section--dark .bo-steps__title { color: var(--bo-parchment); }
.bo-section--dark .bo-steps__item p { color: var(--bo-stone); }

.bo-ruo-band { background: var(--bo-oak-bark); color: var(--bo-stone); }
.bo-ruo-band strong { color: var(--bo-alert-amber); }

/* ------------------------------------------------------------------- */
/* Phase 22d . Dark-surface text pins                                  */
/* Pin body text on landing dark surfaces to the parchment palette so  */
/* they always render light on dark regardless of visitor OS theme.    */
/* ------------------------------------------------------------------- */

.bo-hero { color: var(--bo-parchment); }
.bo-hero__title { color: var(--bo-parchment); }
.bo-hero__lede { color: var(--bo-stone); }
.bo-hero__points li { color: var(--bo-parchment); }
.bo-hero__points li strong { color: var(--bo-parchment); }

.bo-hero .bo-btn--ghost { color: var(--bo-parchment); border-color: var(--bo-stone); }
.bo-hero .bo-btn--ghost:hover,
.bo-hero .bo-btn--ghost:focus { color: var(--bo-accent); border-color: var(--bo-accent); }

.bo-trust-strip { color: var(--bo-parchment); background: var(--bo-oak-bark); }
.bo-trust-strip__label { color: var(--bo-stone); }

.bo-section--dark { background: var(--bo-black-oak); color: var(--bo-parchment); }
.bo-section--dark .bo-section__title { color: var(--bo-parchment); }
.bo-section--dark .bo-section__lede { color: var(--bo-stone); }
.bo-section--dark .bo-steps__item { background: var(--bo-oak-bark); border-color: rgba(213,208,196,0.15); }
.bo-section--dark .bo-steps__title { color: var(--bo-parchment); }
.bo-section--dark .bo-steps__item p { color: var(--bo-stone); }

.bo-ruo-band { background: var(--bo-oak-bark); color: var(--bo-stone); }
.bo-ruo-band strong { color: var(--bo-alert-amber); }

/* ------------------------------------------------------------------- */
/* Phase 22e . Footer 4-column grid                                    */
/* Replaces the previous single-row link soup with a proper column     */
/* layout. Shop, Support, Legal, Company columns. Bottom bar carries   */
/* the RUO note on the left and the copyright on the right.            */
/* ------------------------------------------------------------------- */

.bo-footer {
    background: var(--bo-oak-bark);
    color: var(--bo-parchment);
    padding: var(--bo-space-7) 0 var(--bo-space-5);
    margin-top: var(--bo-space-8);
    border-top: 1px solid rgba(213,208,196,0.12);
}
.bo-footer__inner {
    display: flex;
    flex-direction: column;
    gap: var(--bo-space-6);
}
.bo-footer__cols {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--bo-space-6);
}
.bo-footer__col { min-width: 0; }
.bo-footer__heading {
    font-family: var(--bo-font-mono);
    font-size: var(--bo-size-caption);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bo-gold);
    margin: 0 0 var(--bo-space-3);
    font-weight: 600;
}
.bo-footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: var(--bo-space-2);
}
.bo-footer__link {
    color: var(--bo-parchment);
    text-decoration: none;
    font-size: var(--bo-size-small);
    line-height: 1.5;
    border-bottom: 1px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}
.bo-footer__link:hover,
.bo-footer__link:focus {
    color: var(--bo-accent);
    border-bottom-color: var(--bo-accent);
    outline: none;
}
.bo-footer__bar {
    border-top: 1px solid rgba(213,208,196,0.12);
    padding-top: var(--bo-space-5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--bo-space-4);
    flex-wrap: wrap;
}
.bo-footer__ruo {
    margin: 0;
    color: var(--bo-stone);
    font-size: var(--bo-size-small);
    max-width: 60ch;
}
.bo-footer__copy {
    margin: 0;
    color: var(--bo-stone);
    font-size: var(--bo-size-small);
    font-family: var(--bo-font-mono);
    letter-spacing: 0.04em;
    white-space: nowrap;
}
@media (max-width: 900px) {
    .bo-footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bo-space-5); }
}
@media (max-width: 520px) {
    .bo-footer__cols { grid-template-columns: 1fr; }
    .bo-footer__bar { flex-direction: column; align-items: flex-start; }
}

/* Unified parent / strength / purchase editor. Existing brand tokens retained. */
.bo-unified-strength, .bo-unified-option {
    min-width: 0;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid var(--bo-border, #d4d0c9);
    border-radius: 6px;
}
.bo-unified-strength > legend, .bo-unified-option > legend { padding: 0 .5rem; font-weight: 600; }
.bo-unified-option .bo-admin-field { min-width: 0; }
.bo-unified-option input, .bo-unified-option textarea, .bo-unified-option select { max-width: 100%; }
.bo-unified-save { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.bo-unified-preview { margin: 0; max-width: 50rem; overflow-wrap: anywhere; }
.bo-unified-preview dt { font-weight: 600; }
.bo-unified-preview dd { margin: 0 0 .65rem; white-space: pre-wrap; }
.bo-store-choice[hidden], [data-add-option][hidden] { display: none; }
#bo-strength { width: 100%; max-width: 100%; }
@media (max-width: 640px) {
    .bo-unified-strength, .bo-unified-option { padding: .75rem; }
    #unified-product-form .bo-admin-form-grid { grid-template-columns: minmax(0, 1fr); }
    .bo-unified-save > * { width: 100%; text-align: center; }
}
.bo-admin-btn[data-add-option][hidden] { display: none; }
/* Square payment page only. Existing storefront palette and typography are retained. */
.bo-square-page { padding-block: clamp(2rem,5vw,4rem); }
.bo-square-back { display:inline-block; margin-bottom:1.5rem; }
.bo-square-heading { max-width:44rem; margin-bottom:2rem; }
.bo-square-heading h1 { margin-block:.5rem 1rem; }
.bo-square-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:2rem; align-items:start; }
.bo-square-form-card,.bo-square-summary { padding:clamp(1.25rem,3vw,2rem); min-width:0; }
.bo-square-form-card h2,.bo-square-summary h2 { margin-top:0; font-size:1.4rem; }
.bo-square-check { display:flex; gap:.7rem; align-items:center; padding-block:1rem; cursor:pointer; }
.bo-square-check input { width:1.1rem; height:1.1rem; flex:none; }
.bo-square-billing { border:0; padding:0; margin:1rem 0; display:grid; grid-template-columns:1fr 1fr; gap:1rem; min-width:0; }
.bo-square-billing[hidden] { display:none; }
.bo-square-billing legend { padding-bottom:1rem; font-weight:600; }
.bo-square-billing label { display:flex; flex-direction:column; gap:.4rem; min-width:0; font-size:.9rem; }
.bo-square-billing input { width:100%; box-sizing:border-box; min-height:44px; font-size:1rem; }
#bo-square-card { margin-top:1.2rem; min-height:100px; }
.bo-square-status { min-height:3em; line-height:1.5; overflow-wrap:anywhere; }
.bo-square-status:focus { outline:2px solid currentColor; outline-offset:4px; }
#bo-square-pay,#bo-square-refresh { width:100%; margin-top:.75rem; min-height:48px; }
#bo-square-pay:disabled { opacity:.65; cursor:not-allowed; }
.bo-square-note { font-size:.8rem; line-height:1.6; margin-top:1.25rem; }
.bo-square-line { display:flex; justify-content:space-between; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--bo-border, #b9b2a644); }
.bo-square-line span { display:block; font-size:.85rem; margin-top:.35rem; }
.bo-square-line>strong { white-space:nowrap; font-variant-numeric:tabular-nums; }
.bo-square-totals { margin:1.5rem 0; }
.bo-square-totals>div { display:flex; justify-content:space-between; gap:1rem; padding:.4rem 0; }
.bo-square-totals dd { margin:0; font-variant-numeric:tabular-nums; }
.bo-square-totals .bo-square-total { font-weight:700; border-top:1px solid var(--bo-border,#b9b2a644); padding-top:1rem; margin-top:.5rem; font-size:1.15rem; }
@media(max-width:800px) { .bo-square-grid { grid-template-columns:1fr; gap:1.25rem; } }
@media(max-width:420px) { .bo-square-billing { grid-template-columns:1fr; } }

/* Phase 1: focus-visible skip navigation and a single responsive cart form. */
.bo-skip-link {
    position: fixed; top: .75rem; left: .75rem; z-index: 1000;
    padding: .75rem 1rem; background: #fff; color: #111;
    border: 2px solid #111; border-radius: .25rem;
    transform: translateY(-200%); clip-path: inset(50%); font-weight: 600;
    transition: none;
}
.bo-skip-link:focus { transform: translateY(0); clip-path: none; outline: 3px solid #916c24; outline-offset: 2px; }
body.bo-admin a.bo-skip-link:focus { color: #111; }
#bo-apply-strength[hidden] { display: none; }
.bo-admin-topbar__toggle,.bo-admin-side__close { min-height: 44px; min-width: 44px; }
body.bo-admin .bo-admin-side__close {
    color: var(--bo-admin-text); background: var(--bo-admin-surface);
    border-color: var(--bo-admin-border);
}
body.bo-admin .bo-admin-side__close:hover,
body.bo-admin .bo-admin-side__close:focus {
    color: var(--bo-admin-text); background: var(--bo-admin-surface-2);
}
@media (prefers-reduced-motion: reduce) {
    .bo-admin-layout[data-drawer-ready] .bo-admin-side { transition: none; }
}
.bo-cart-line-controls { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.bo-cart-line-controls .bo-btn,.bo-cart-line-controls input { min-height: 44px; }
.bo-cart-field-error { flex-basis: 100%; color: var(--bo-text); font-size: .875rem; }
.bo-cart-form [aria-invalid="true"] { outline: 2px solid #b3261e; outline-offset: 2px; }
#bo-option-controls { display: grid; gap: .65rem; }
#bo-strength-form { margin-bottom: 1rem; }
@media (max-width: 768px) {
    .bo-cart-form .bo-store-cart-scroll { overflow: visible; }
    .bo-cart-form .bo-cart-table { min-width: 0; }
    .bo-cart-table thead {
        position: absolute; width: 1px; height: 1px; overflow: hidden;
        clip-path: inset(50%); white-space: nowrap;
    }
    .bo-cart-table,.bo-cart-table tbody,.bo-cart-table tfoot { display: block; width: 100%; }
    .bo-cart-table tr { display: grid; grid-template-columns: minmax(0,1fr); padding: 1rem 0; }
    .bo-cart-table td { display: block; padding: .4rem 0 !important; text-align: left !important; overflow-wrap: anywhere; }
    .bo-cart-table td[data-label]::before { content: attr(data-label); display: inline-block; margin-right: .75rem; font-weight: 600; }
    .bo-cart-table .bo-cart-line-controls { margin-top: .4rem; }
    .bo-cart-form > .bo-row { display: flex; flex-wrap: wrap; gap: .75rem; }
}

/* Reporting: existing admin tokens and components, scoped to report surfaces. */
.bo-report-filters { margin-bottom: 1.25rem; }
.bo-report-filters .bo-admin-toolbar { flex-wrap: wrap; align-items: end; gap: .75rem; }
.bo-report-filters label { display: inline-flex; flex-direction: column; gap: .35rem; }
.bo-report-filters fieldset { margin-top: 1rem; padding: .75rem; border: 1px solid var(--bo-border, #d1d5db); }
.bo-report-filters fieldset label { flex-direction: row; align-items: center; margin: .35rem .75rem .35rem 0; }
.bo-report-options { max-height: 18rem; overflow: auto; display: grid; gap: .25rem; }
.bo-report-filters .bo-ref-picker { background:#fff;color:#333;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px; }
.bo-ref-picker-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:10px; }
.bo-ref-compound { border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;min-width:0; }
.bo-ref-children { margin-top:4px;padding-left:18px;display:flex;flex-direction:column;gap:2px; }
.bo-report-filters .bo-ref-picker label { font-size:12px;color:#333; }
.bo-report-filters .bo-ref-picker .bo-admin-btn { background:#fff;color:#111;border:1px solid #d1d5db;margin:6px 0; }
.bo-report-filters .bo-ref-picker legend { color:#333;background:#fff;font-size:14px;font-weight:bold; }
.bo-report-filters .bo-ref-picker .bo-admin-toolbar { background:#fff;border:0;padding:4px 0; }
.bo-report-section { margin: 1.25rem 0; }
.bo-report-section h2,.bo-report-delivery h2 { font-size: 1rem; margin: 1rem 0 .5rem; }
.bo-report-address { white-space: pre-line; overflow-wrap: anywhere; }
.bo-report-metadata,.bo-report-warning { margin: .75rem 0; overflow-wrap: anywhere; }
.bo-report-print-title { display: none; }
.bo-report-print-only { display: none; }
.bo-report-party { width: 100%; }
.bo-report-party td { width: 50%; vertical-align: top; padding: .75rem; }
.bo-report-document { margin: 1rem 0 2rem; }
.bo-report-invoice-totals { width: 60%; margin-left: auto; }
.bo-report .bo-admin-table td { white-space: normal; overflow-wrap: anywhere; }
.bo-report-selection .bo-admin-table { min-width: 72rem; }
.bo-report-selection .bo-admin-table th:nth-child(2) { min-width: 8rem; }
.bo-report-selection .bo-admin-table th:nth-child(3) { min-width: 13rem; }
.bo-report-selection .bo-admin-table th:nth-child(5) { min-width: 12rem; }
.bo-report-links { flex-direction: row; flex-wrap: wrap; align-items: center; gap: .5rem; }
#bo-report-batch { flex-direction: row; align-items: center; }
.bo-report-standalone { background: #fff !important; color: #111 !important; margin: 0; padding: 24px 32px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
.bo-report-standalone h1 { font-size: 22px; }
.bo-report-standalone h2 { color: #444; }
.bo-report-standalone .bo-admin-table { min-width: 0; width: 100%; }
.bo-report-standalone .bo-admin-table td,.bo-report-standalone .bo-admin-table th { color: #111; background: #fff; border-color: #ccc; padding: 8px 6px; }
.bo-report-standalone .bo-admin-table-wrap { border: 0; background: #fff; }
.bo-report-document-actions { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 1rem; }
.bo-report-document-actions a { color: #111; text-decoration: underline; }
.bo-report-document-actions button { background: #111; color: #fff; padding: 8px 14px; border: 0; border-radius: 4px; cursor: pointer; }
@media (max-width: 600px) {
    .bo-report-filters .bo-admin-toolbar > label { width: 100%; }
    .bo-report-filters input,.bo-report-filters select { max-width: 100%; min-height: 44px; }
    .bo-report-party,.bo-report-party tbody,.bo-report-party tr,.bo-report-party td { display: block; width: 100%; }
}
@media print {
    body.bo-admin:has(.bo-report) { background: #fff; color: #111; }
    body:has(.bo-report) .bo-admin-side,body:has(.bo-report) .bo-admin-topbar,
    body:has(.bo-report) .bo-admin-side__backdrop,body:has(.bo-report) .bo-admin-page__header,
    .bo-report-filters,.bo-report-links,.bo-report-selection,.bo-report-screen { display: none !important; }
    body:has(.bo-report) .bo-admin-layout,body:has(.bo-report) .bo-admin-main,
    body:has(.bo-report) .bo-admin-page { display: block !important; margin: 0 !important; padding: 0 !important; }
    .bo-report-print-title { display: block; }
    .bo-report-print-only { display: block; }
    .bo-report .bo-admin-table-wrap__scroll { overflow: visible; }
    .bo-report .bo-admin-table { min-width: 0; width: 100%; font-size: 9pt; }
    .bo-report .bo-admin-table th,.bo-report .bo-admin-table td { color: #111; background: #fff; border-color: #ccc; }
    .bo-report-document+.bo-report-document { break-before: page; }
    .bo-report thead { display: table-header-group; }
    .bo-report tr { break-inside: avoid; }
    .bo-report * { -webkit-print-color-adjust:exact;print-color-adjust:exact; }
    .bo-report .bo-ref-actions { display:none!important; }
    .bo-report .bo-admin-table-wrap__scroll { height:auto;max-height:none; }
    .bo-report .bo-admin-table { table-layout:auto; }
}