:root {
  --bb-warm-white: #faf6f4;
  --bb-cream: #fdfbfa;
  --bb-blush: #f2e8e4;
  --bb-petal: #e7c9d1;
  --bb-rose: #c4788a;
  --bb-plum: #7d3f52;
  --bb-brown: #4a2530;
  --bb-ink: #2e1a20;
  --bb-muted: #7e5c66;
  --bb-sage: #8b9d83;
  --bb-sage-deep: #5f7257;
  --bb-champagne: #c8a96a;
  --bb-champagne-deep: #a8884a;
  --bb-orchid: #be3e72;
  --bb-hairline: rgba(196, 120, 138, 0.18);
  --bb-hairline-strong: rgba(196, 120, 138, 0.28);
  --bb-plum-08: rgba(125, 63, 82, 0.08);
  --bb-plum-12: rgba(125, 63, 82, 0.12);
  --bb-control-height: 2.75rem;
  --bb-card-radius: 12px;
  --bb-soft-radius: 8px;
  --bb-xs-radius: 6px;
  --bb-shadow-soft: 0 12px 30px rgba(74, 37, 48, 0.06);
  --bb-shadow-lift: 0 20px 50px rgba(74, 37, 48, 0.10);
  --bb-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

html {
  background: var(--bb-warm-white);
}

.bb-admin {
  background: var(--bb-cream);
  color: var(--bb-ink);
  font-family: "Jost", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.bb-admin a {
  color: var(--bb-plum);
}

.bb-admin .app-container,
.bb-admin-shell {
  background: transparent;
  display: flex;
  min-height: 100vh;
  width: 100%;
}

.bb-admin .navigation {
  background: rgba(250, 246, 244, 0.94);
  border-right: 1px solid rgba(196, 120, 138, 0.22);
  box-shadow: 12px 0 30px rgba(74, 37, 48, 0.04);
  padding: 1.35rem 1rem;
}

.bb-admin-brand {
  align-items: center;
  border-bottom: 1px solid rgba(196, 120, 138, 0.18);
  display: grid;
  gap: 0.35rem 0.75rem;
  grid-template-columns: 2.75rem 1fr;
  margin-bottom: 1.25rem;
  padding: 0 0.5rem 1.25rem;
  text-decoration: none;
}

.bb-admin-brand__mark {
  grid-row: span 2;
  height: 2.75rem;
  width: 2.75rem;
}

.bb-admin-brand__wordmark {
  color: var(--bb-plum);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.35rem;
  letter-spacing: 0.12em;
  line-height: 1;
}

.bb-admin-brand__wordmark em {
  color: var(--bb-rose);
  font-style: italic;
  font-weight: 400;
}

.bb-admin-brand__label,
.bb-admin-nav-group__label {
  color: var(--bb-muted);
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.bb-admin-phase {
  background: rgba(139, 157, 131, 0.14);
  border: 1px solid rgba(95, 114, 87, 0.22);
  border-radius: 999px;
  color: var(--bb-sage-deep);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  margin: 0 0 1rem;
  padding: 0.35rem 0.65rem;
  text-align: center;
  text-transform: uppercase;
}

.bb-admin-raw-resources {
  border-top: 1px solid rgba(196, 120, 138, 0.12);
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}

.bb-admin-nav-group {
  border-bottom: 1px solid rgba(196, 120, 138, 0.14);
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.bb-admin .navigation__link {
  border-left: 0;
  border-radius: var(--bb-xs-radius);
  box-shadow: inset 3px 0 0 transparent;
  color: var(--bb-muted);
  display: block;
  font-size: 0.92rem;
  margin-top: 0.2rem;
  padding: 0.5rem 0.65rem;
  text-decoration: none;
  transition:
    background 0.2s var(--bb-ease),
    box-shadow 0.2s var(--bb-ease),
    color 0.2s var(--bb-ease);
}

.bb-admin .navigation__link:hover,
.bb-admin .navigation__link--active,
.bb-admin .navigation__link[aria-current="page"] {
  background: rgba(125, 63, 82, 0.08);
  box-shadow: inset 3px 0 0 var(--bb-rose);
  color: var(--bb-plum);
}

.bb-admin .button,
.bb-admin button:not(.bb-admin-swatch):not(.bb-admin-kind-pill):not(.bb-admin-outline-row):not(.bb-admin-icon-btn):not(.bb-admin-c31__move):not(.bb-admin-menu-toggle):not(.trix-button),
.bb-admin input[type="submit"],
.bb-admin form.button_to button,
.bb-admin form.button_to input[type="submit"] {
  background: var(--bb-plum);
  border: 1px solid var(--bb-plum);
  border-radius: 999px;
  box-shadow: none;
  color: var(--bb-warm-white);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 0.95rem;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.2;
  min-height: var(--bb-control-height);
  padding: 0.7rem 1.15rem;
  text-decoration: none;
  text-transform: none;
  transition:
    background 0.25s var(--bb-ease),
    border-color 0.25s var(--bb-ease);
}

.bb-admin .button:hover,
.bb-admin button:not(.bb-admin-swatch):not(.bb-admin-kind-pill):not(.bb-admin-outline-row):not(.bb-admin-icon-btn):not(.bb-admin-c31__move):not(.bb-admin-menu-toggle):not(.trix-button):hover,
.bb-admin input[type="submit"]:hover,
.bb-admin form.button_to button:hover,
.bb-admin form.button_to input[type="submit"]:hover {
  background: var(--bb-brown);
  border-color: var(--bb-brown);
}

.bb-admin .button--alt,
.bb-admin .button--nav {
  background: transparent;
  border: 2px solid rgba(196, 120, 138, 0.45);
  color: var(--bb-plum);
  margin-top: 0.75rem;
  width: 100%;
}

.bb-admin .button--alt:hover,
.bb-admin .button--nav:hover {
  background: var(--bb-blush);
  border-color: var(--bb-rose);
  color: var(--bb-brown);
}

.bb-admin .button--tooltip {
  background: transparent;
  border: 0;
  color: var(--bb-plum);
  min-height: auto;
  padding: 0.25rem;
}

.bb-admin .button--tooltip:hover {
  background: transparent;
  border: 0;
  color: var(--bb-brown);
  transform: none;
}

.bb-admin .main-content {
  background: transparent;
  max-width: none;
  padding: 1.5rem clamp(1rem, 2.5vw, 2.5rem) 3rem;
}

.bb-admin .main-content__header,
.bb-admin .main-content > header {
  align-items: flex-start;
  border-bottom: 1px solid rgba(196, 120, 138, 0.18);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}

.bb-admin .main-content__page-title,
.bb-admin .main-content h1 {
  color: var(--bb-brown);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2.25rem, 4vw, 3.4rem);
  font-weight: 300;
  line-height: 0.98;
  margin: 0;
}

.bb-admin .main-content h2 {
  color: var(--bb-brown);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.8rem;
  font-weight: 300;
  margin: 0 0 1rem;
}

.bb-admin .bb-admin-kicker {
  align-items: center;
  color: var(--bb-rose);
  display: inline-flex;
  font-size: 0.72rem;
  gap: 0.75rem;
  letter-spacing: 0.25em;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
}

.bb-admin .bb-admin-kicker::before {
  background: var(--bb-rose);
  content: "";
  display: block;
  height: 1px;
  width: 40px;
}

.bb-admin .bb-admin-summary,
.bb-admin .main-content header p {
  color: var(--bb-muted);
  margin: 0.5rem 0 0;
  max-width: 52rem;
}

.bb-admin .main-content__body,
.bb-admin .bb-admin-panel,
.bb-admin .dashboard {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(196, 120, 138, 0.18);
  border-radius: var(--bb-card-radius);
  box-shadow: var(--bb-shadow-soft);
  overflow: hidden;
}

.bb-admin .main-content__body:not(.main-content__body--flush),
.bb-admin .bb-admin-panel,
.bb-admin .dashboard {
  padding: clamp(1rem, 2vw, 1.5rem);
}

.bb-admin table {
  background: rgba(255, 255, 255, 0.74);
  border-collapse: separate;
  border-spacing: 0;
  color: var(--bb-ink);
  width: 100%;
}

.bb-admin th {
  background: rgba(242, 232, 228, 0.72);
  border-bottom: 1px solid rgba(196, 120, 138, 0.2);
  color: var(--bb-muted);
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  padding: 0.9rem 1rem;
  text-transform: uppercase;
}

.bb-admin td {
  border-bottom: 1px solid rgba(196, 120, 138, 0.14);
  color: var(--bb-ink);
  padding: 0.95rem 1rem;
  vertical-align: top;
}

.bb-admin tr:hover td {
  background: rgba(242, 232, 228, 0.36);
}

.bb-admin .action-show {
  color: var(--bb-plum);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.bb-admin .cell-label__sort-indicator svg,
.bb-admin .search__eyeglass-icon,
.bb-admin .search__clear-icon,
.bb-admin .button--tooltip svg {
  fill: currentColor;
}

.bb-admin .search {
  align-items: center;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(196, 120, 138, 0.26);
  border-radius: 999px;
  color: var(--bb-muted);
  display: flex;
  min-height: 2.75rem;
  padding: 0 0.9rem;
}

.bb-admin .search__input {
  color: var(--bb-ink);
}

.bb-admin input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.bb-admin select,
.bb-admin textarea {
  background: var(--bb-warm-white);
  border: 1px solid rgba(196, 120, 138, 0.34);
  border-radius: var(--bb-xs-radius);
  box-sizing: border-box;
  color: var(--bb-ink);
  line-height: 1.25;
  min-height: 2.5rem;
  padding: 0.45rem 0.75rem;
}

.bb-admin textarea {
  min-height: 9rem;
}

.bb-admin input:focus,
.bb-admin select:focus,
.bb-admin textarea:focus {
  border-color: var(--bb-plum);
  box-shadow: 0 0 0 2px rgba(196, 120, 138, 0.45);
  outline: none;
}

.bb-admin label:not(.bb-admin-choice):not(.bb-admin-check):not(.bb-admin-kind-pill):not(.bb-admin-field-label),
.bb-admin .field-unit__label,
.bb-admin .attribute-label {
  color: var(--bb-muted);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.bb-admin .field-unit {
  border-bottom: 1px solid rgba(196, 120, 138, 0.14);
}

.bb-admin .form-actions {
  background: transparent;
  border-top: 1px solid rgba(196, 120, 138, 0.16);
}

.bb-admin .flashes {
  margin-bottom: 1rem;
}

.bb-admin .flash,
.bb-admin .errors {
  border-radius: var(--bb-xs-radius);
  border: 1px solid rgba(196, 120, 138, 0.28);
  color: var(--bb-plum);
  padding: 0.85rem 1rem;
}

.bb-admin .flash-notice {
  background: rgba(139, 157, 131, 0.14);
  border-color: rgba(139, 157, 131, 0.34);
  color: var(--bb-sage-deep);
}

.bb-admin .flash-alert,
.bb-admin .errors {
  background: rgba(196, 120, 138, 0.12);
}

.bb-admin .bb-admin-metrics {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

.bb-admin .bb-admin-metric {
  background: var(--bb-warm-white);
  border: 1px solid rgba(196, 120, 138, 0.18);
  border-radius: var(--bb-card-radius);
  padding: 1.25rem;
  position: relative;
}

.bb-admin .bb-admin-metric::before {
  background: linear-gradient(90deg, var(--bb-rose), var(--bb-plum));
  border-radius: var(--bb-card-radius) var(--bb-card-radius) 0 0;
  content: "";
  height: 3px;
  inset: 0 0 auto;
  position: absolute;
}

.bb-admin .bb-admin-metric dt {
  color: var(--bb-muted);
  font-size: 0.72rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.bb-admin .bb-admin-metric dd {
  color: var(--bb-brown);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 2.5rem;
  line-height: 1;
  margin: 0.6rem 0 0;
}

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

.bb-admin .bb-admin-actions form {
  margin: 0;
}

.bb-admin .bb-admin-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 1rem;
}

.bb-admin .bb-admin-pagination a {
  align-items: center;
  border: 1px solid rgba(196, 120, 138, 0.28);
  border-radius: 999px;
  display: inline-flex;
  height: 2.25rem;
  justify-content: center;
  min-width: 2.25rem;
  text-decoration: none;
}

.bb-admin .bb-admin-pagination a.current-page {
  background: var(--bb-plum);
  border-color: var(--bb-plum);
  color: var(--bb-warm-white);
}

/* ── Field layout ─────────────────────────────────────── */

.bb-admin .field-unit {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 1rem 0;
}

.bb-admin .field-unit:first-of-type {
  padding-top: 0;
}

.bb-admin .field-unit input,
.bb-admin .field-unit select,
.bb-admin .field-unit textarea {
  width: 100%;
}

/* ── Badges (Pass / Fail / status pills) ─────────────── */

.bb-admin .bb-admin-badge {
  border-radius: 999px;
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  padding: 0.2rem 0.65rem;
  text-transform: uppercase;
}

.bb-admin .bb-admin-badge--pass {
  background: rgba(139, 157, 131, 0.18);
  border: 1px solid rgba(95, 114, 87, 0.3);
  color: var(--bb-sage-deep);
}

.bb-admin .bb-admin-badge--fail {
  background: rgba(196, 120, 138, 0.14);
  border: 1px solid rgba(196, 120, 138, 0.32);
  color: var(--bb-plum);
}

/* ── Status text in table cells ──────────────────────── */

.bb-admin td strong {
  color: var(--bb-muted);
  font-size: 0.76rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: capitalize;
}

@media (max-width: 920px) {
  .bb-admin .app-container,
  .bb-admin-shell {
    display: block;
  }

  .bb-admin .navigation {
    border-bottom: 1px solid rgba(196, 120, 138, 0.22);
    border-right: 0;
    position: static;
  }

  .bb-admin .main-content,
  .bb-admin-main {
    padding: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bb-admin *,
  .bb-admin *::before,
  .bb-admin *::after {
    transition-duration: 0.001ms !important;
  }
}

/* ── Calm shell ───────────────────────────────────────── */

.bb-admin-account-menu {
  position: fixed;
  right: clamp(1rem, 3vw, 3rem);
  top: 1rem;
  z-index: 50;
}

.bb-admin-skip-link {
  background: var(--bb-plum);
  border-radius: 0 0 var(--bb-xs-radius) var(--bb-xs-radius);
  color: var(--bb-warm-white) !important;
  left: 1rem;
  padding: 0.7rem 1rem;
  position: fixed;
  text-decoration: none;
  top: 0;
  transform: translateY(-140%);
  transition: transform 0.2s var(--bb-ease);
  z-index: 100;
}

.bb-admin-skip-link:focus {
  transform: translateY(0);
}

.bb-admin .navigation {
  flex: 0 0 18rem;
  height: 100vh;
  max-height: 100vh;
  overflow-y: auto;
  position: sticky;
  top: 0;
  width: 18rem;
  max-width: 18rem;
}

/* Operator chrome — do not drop when rewriting C31/C32 interiors. */
.bb-admin-main,
.bb-admin .main-content.bb-admin-main {
  flex: 1 1 auto;
  min-width: 0;
}

.bb-admin-toolbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  justify-content: space-between;
}

.bb-admin-back,
.bb-admin-back:visited {
  color: var(--bb-plum);
  font-size: 0.85rem;
  text-decoration: none;
}

.bb-admin-back:hover {
  color: var(--bb-brown);
  text-decoration: underline;
}

.bb-admin-content-slot {
  flex: 1 1 auto;
  min-width: 0;
}

.bb-admin-inspector-slot {
  flex: 0 0 20rem;
  min-width: 0;
  width: 20rem;
}

.bb-admin nav.navigation .bb-admin-menu-toggle,
body.bb-admin nav.navigation button.bb-admin-menu-toggle {
  display: none;
}

.bb-admin-navigation__topline {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
}

.bb-admin-brand__logo {
  grid-row: span 2;
  height: 2.75rem;
  object-fit: contain;
  width: 2.75rem;
}

.bb-admin-menu-toggle {
  display: none;
  flex: 0 0 auto;
  min-width: 5.5rem;
}

.bb-admin-navigation__panel {
  display: block;
}

.bb-admin-nav-primary {
  display: grid;
  gap: 0.15rem;
}

.bb-admin-nav-group {
  border-bottom: 1px solid rgba(196, 120, 138, 0.14);
  margin: 0;
  padding: 0.7rem 0 0.85rem;
}

.bb-admin-nav-group__label {
  margin: 0 0 0.25rem;
  padding: 0 0.65rem;
}

.bb-admin-nav-group__links {
  display: grid;
  gap: 0.15rem;
}

.bb-admin .navigation__link {
  align-items: center;
  margin: 0;
  min-height: 2.75rem;
}

.bb-admin .navigation__link[aria-current="page"] {
  font-weight: 600;
}

.bb-admin-nav-group--secondary {
  margin-top: 0.75rem;
}

.bb-admin :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--bb-rose);
  outline-offset: 3px;
}

.bb-admin .main-content {
  min-width: 0;
  width: auto;
}

.bb-admin .main-content > * {
  max-width: 100%;
}

.bb-admin .sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.bb-admin-page-header {
  border-bottom: 1px solid rgba(196, 120, 138, 0.18);
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}

.bb-admin-page-header h1,
.bb-admin-task-list h2,
.bb-admin-empty-state h2 {
  color: var(--bb-brown);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 300;
  line-height: 1;
  margin: 0;
}

.bb-admin-page-header h1 {
  font-size: clamp(2.25rem, 5vw, 3.8rem);
  max-width: 38rem;
}

.bb-admin-page-header .bb-admin-summary {
  margin-top: 0.75rem;
}

.bb-admin-status {
  align-items: baseline;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--bb-hairline);
  border-left: 4px solid var(--bb-rose);
  border-radius: var(--bb-soft-radius);
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
  margin: 0 0 2rem;
  padding: 0.85rem 1rem;
}

.bb-admin-status strong {
  color: var(--bb-plum);
}

.bb-admin-status span {
  color: var(--bb-muted);
}

.bb-admin-status--success {
  border-left-color: var(--bb-sage-deep);
}

.bb-admin-status--warning {
  border-left-color: var(--bb-champagne-deep);
}

.bb-admin-status--error {
  border-left-color: var(--bb-orchid);
}

.bb-admin-task-list {
  max-width: 58rem;
}

.bb-admin-section-heading {
  margin-bottom: 0.75rem;
}

.bb-admin-section-heading h2 {
  font-size: clamp(1.7rem, 3vw, 2.25rem);
}

.bb-admin-task-list ul {
  display: grid;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bb-admin-task-row {
  align-items: center;
  background: #fff;
  border: 0;
  border-bottom: 1px solid var(--bb-hairline);
  border-radius: 0;
  box-shadow: none;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1rem 0.15rem;
}

.bb-admin-task-row h2 {
  font-size: 1.55rem;
}

.bb-admin-task-row p,
.bb-admin-empty-state p {
  color: var(--bb-muted);
  margin: 0.35rem 0 0;
}

.bb-admin-task-row .button {
  flex: 0 0 auto;
  margin: 0;
  width: auto;
}

.bb-admin-empty-state {
  background: transparent;
  border: 1px dashed var(--bb-hairline-strong);
  border-radius: var(--bb-soft-radius);
  padding: 1.5rem 1.25rem;
}

@media (max-width: 920px) {
  .bb-admin .app-container,
  .bb-admin-shell {
    display: block !important;
  }

  .bb-admin .navigation {
    flex: none;
    height: auto;
    max-height: none;
    max-width: none;
    /* Keep the account dropdown from being clipped by the desktop scroller. */
    overflow: visible;
    padding: 0.75rem 1rem;
    position: sticky;
    top: 0;
    width: auto;
    z-index: 40;
  }

  .bb-admin-navigation__topline {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .bb-admin-navigation__topline .bb-admin-brand {
    border-bottom: 0;
    margin-bottom: 0;
    min-width: 0;
    padding: 0;
  }

  .bb-admin nav.navigation .bb-admin-menu-toggle,
  body.bb-admin nav.navigation button.bb-admin-menu-toggle,
  .bb-admin-menu-toggle {
    display: inline-flex !important;
    flex-shrink: 0;
    grid-column: 2;
    justify-self: end;
    margin: 0;
  }

  .bb-admin-account-menu {
    flex-shrink: 0;
    grid-column: 3;
    justify-self: end;
    position: static;
    right: auto;
    top: auto;
    z-index: 51;
  }

  .bb-admin-navigation__panel {
    display: none;
    padding-top: 0.5rem;
  }

  .bb-admin-navigation__panel.is-open {
    display: block;
  }

  .bb-admin .main-content,
  .bb-admin-main {
    padding: 1.25rem 1rem 3rem;
  }

  .bb-admin-task-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .bb-admin-task-row .button {
    width: 100%;
  }

  .bb-admin-inspector-slot {
    flex: 1 1 auto;
    width: auto;
  }

  .bb-admin-c31__outline-nav {
    top: 4.75rem;
    z-index: 20;
  }
}

@media (min-width: 921px) {
  .bb-admin-shell,
  .bb-admin .app-container {
    display: flex !important;
  }

  .bb-admin .navigation {
    flex: 0 0 18rem !important;
    width: 18rem !important;
    max-width: 18rem !important;
  }

  .bb-admin nav.navigation .bb-admin-menu-toggle,
  body.bb-admin nav.navigation button.bb-admin-menu-toggle {
    display: none !important;
  }

  .bb-admin-navigation__panel {
    display: block !important;
  }
}

/* ── Phase 1–2 workspace chrome (C31–C36) ─────────────── */

.bb-admin-status-pill,
.bb-admin-chip {
  align-items: center;
  background: #fff;
  border: 1px solid var(--bb-hairline);
  border-radius: 999px;
  color: var(--bb-ink);
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 500;
  gap: 0.4rem;
  min-height: 1.75rem;
  padding: 0.15rem 0.7rem;
  white-space: nowrap;
}

.bb-admin-status-pill__dot,
.bb-admin-dot {
  background: var(--bb-muted);
  border-radius: 999px;
  display: inline-block;
  flex: 0 0 auto;
  height: 0.45rem;
  width: 0.45rem;
}

.bb-admin-status-pill--success,
.bb-admin-status-pill--sage {
  background: rgba(139, 157, 131, 0.14);
  border-color: rgba(95, 114, 87, 0.28);
  color: var(--bb-sage-deep);
}

.bb-admin-status-pill--success .bb-admin-status-pill__dot,
.bb-admin-status-pill--sage .bb-admin-status-pill__dot,
.bb-admin-dot--sage {
  background: var(--bb-sage-deep);
}

.bb-admin-status-pill--warning,
.bb-admin-status-pill--champagne {
  background: rgba(200, 169, 106, 0.16);
  border-color: rgba(168, 136, 74, 0.32);
  color: var(--bb-champagne-deep);
}

.bb-admin-status-pill--warning .bb-admin-status-pill__dot,
.bb-admin-status-pill--champagne .bb-admin-status-pill__dot,
.bb-admin-dot--champagne {
  background: var(--bb-champagne-deep);
}

.bb-admin-status-pill--error,
.bb-admin-status-pill--orchid {
  background: rgba(190, 62, 114, 0.1);
  border-color: rgba(190, 62, 114, 0.28);
  color: var(--bb-orchid);
}

.bb-admin-status-pill--error .bb-admin-status-pill__dot,
.bb-admin-status-pill--orchid .bb-admin-status-pill__dot,
.bb-admin-dot--orchid {
  background: var(--bb-orchid);
}

.bb-admin-status-pill--neutral .bb-admin-status-pill__dot,
.bb-admin-dot--neutral {
  background: var(--bb-muted);
}

.bb-admin-workspace {
  align-content: start;
  display: grid;
  gap: 1.25rem;
}

.bb-admin-workspace-header {
  align-items: flex-start;
  border-bottom: 1px solid var(--bb-hairline);
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem 1rem;
  justify-content: space-between;
  padding-bottom: 1rem;
}

.bb-admin-crumbs {
  align-items: center;
  color: var(--bb-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.82rem;
  gap: 0.35rem;
}

.bb-admin-crumbs a {
  color: var(--bb-muted);
  text-decoration: none;
}

.bb-admin-crumbs a:hover {
  color: var(--bb-plum);
}

.bb-admin-crumbs strong {
  color: var(--bb-brown);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.15rem;
  font-weight: 400;
}

.bb-admin-workspace-header h1 {
  color: var(--bb-brown);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 300;
  line-height: 1;
  margin: 0.35rem 0 0;
}

.bb-admin-header-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-left: auto;
}

.bb-admin-header-actions .button,
.bb-admin-header-actions button,
.bb-admin-header-actions input[type="submit"] {
  margin: 0;
}

.bb-admin-ghost,
.bb-admin .button--ghost,
.bb-admin button.button--ghost,
.bb-admin button.bb-admin-ghost,
.bb-admin input[type="submit"].button--ghost,
.bb-admin form.button_to .button--ghost,
.bb-admin form.button_to button.button--ghost,
.bb-admin form.button_to input[type="submit"].button--ghost {
  background: #fff !important;
  border: 1px solid var(--bb-plum) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: var(--bb-plum) !important;
  min-height: 2rem !important;
  padding: 0.25rem 0.85rem !important;
}

.bb-admin-ghost:hover,
.bb-admin .button--ghost:hover,
.bb-admin button.bb-admin-ghost:hover,
.bb-admin input[type="submit"].button--ghost:hover,
.bb-admin form.button_to .button--ghost:hover,
.bb-admin form.button_to button.button--ghost:hover,
.bb-admin form.button_to input[type="submit"].button--ghost:hover {
  background: var(--bb-blush);
  border-color: var(--bb-rose);
  color: var(--bb-brown);
}

.bb-admin-workspace-grid {
  align-items: start;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
}

.bb-admin-rail,
.bb-admin-inspector,
.bb-admin-card {
  background: #fff;
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
  padding: 1.15rem 1.2rem;
}

.bb-admin-rail__label,
.bb-admin-inspector__label,
.bb-admin-card__label,
.bb-admin-field-label {
  color: var(--bb-muted);
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  margin: 0 0 0.75rem;
  text-transform: uppercase;
}

.bb-admin-field {
  display: grid;
  gap: 0.35rem;
  margin-bottom: 0.9rem;
}

.bb-admin-field:last-child {
  margin-bottom: 0;
}

.bb-admin .bb-admin-field input:not([type="checkbox"]):not([type="radio"]),
.bb-admin .bb-admin-field select,
.bb-admin .bb-admin-field textarea,
.bb-admin-input {
  background: #fff;
  border: 1px solid var(--bb-hairline-strong);
  border-radius: var(--bb-soft-radius);
  box-sizing: border-box;
  color: var(--bb-ink);
  line-height: 1.25;
  min-height: 2.5rem;
  padding: 0.45rem 0.75rem;
  width: 100%;
}

.bb-admin-input--readonly,
.bb-admin .bb-admin-field input[readonly],
.bb-admin .bb-admin-field input[disabled],
.bb-admin .bb-admin-field select[disabled],
.bb-admin .bb-admin-field textarea[disabled] {
  background: rgba(242, 232, 228, 0.55);
  color: var(--bb-muted);
}

.bb-admin .bb-admin-field input[readonly],
.bb-admin input[readonly] {
  cursor: text;
}

.bb-admin-display {
  align-items: center;
  background: rgba(242, 232, 228, 0.55);
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
  box-sizing: border-box;
  color: var(--bb-ink);
  cursor: default;
  display: flex;
  line-height: 1.25;
  margin: 0;
  min-height: 2.5rem;
  padding: 0.45rem 0.75rem;
}

.bb-admin-display--muted {
  color: var(--bb-muted);
  font-style: italic;
}

.bb-admin-slug {
  align-items: center;
  background: rgba(242, 232, 228, 0.55);
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
  color: var(--bb-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  min-height: var(--bb-control-height);
  padding: 0.4rem 0.75rem;
}

.bb-admin-slug em,
.bb-admin-slug strong {
  background: var(--bb-plum-12);
  border-radius: 0.4rem;
  color: var(--bb-plum);
  font-style: normal;
  font-weight: 500;
  padding: 0.15rem 0.4rem;
}

.bb-admin-choice-list {
  display: grid;
  gap: 0.6rem;
}

.bb-admin label.bb-admin-choice,
.bb-admin-choice {
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
  color: var(--bb-ink);
  cursor: pointer;
  display: flex;
  font-size: 0.95rem;
  font-weight: 400;
  gap: 0.7rem;
  letter-spacing: 0;
  min-height: var(--bb-control-height);
  padding: 0.75rem 0.85rem;
  text-transform: none;
}

.bb-admin-choice:has(input:checked),
.bb-admin-choice.is-selected {
  background: var(--bb-plum-08);
  border-color: var(--bb-plum);
}

.bb-admin-choice input {
  accent-color: var(--bb-plum);
  flex: 0 0 auto;
  height: 1rem;
  margin-top: 0.35rem;
  min-height: 0;
  min-width: 1rem;
  width: auto;
}

.bb-admin-choice__copy,
.bb-admin-choice__title,
.bb-admin-choice__hint {
  display: block;
}

.bb-admin-choice__title {
  color: var(--bb-ink);
  font-weight: 500;
}

.bb-admin-choice__hint {
  color: var(--bb-muted);
  font-size: 0.82rem;
  margin-top: 0.15rem;
}

.bb-admin-canvas-head {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 0.85rem;
}

.bb-admin-canvas-head h2 {
  color: var(--bb-brown);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.7rem, 3vw, 2.2rem);
  font-weight: 300;
  margin: 0;
}

.bb-admin-outline,
.bb-admin-dense-table {
  background: #fff;
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
  overflow: hidden;
}

.bb-admin-outline-row {
  align-items: center;
  border-bottom: 1px solid var(--bb-hairline);
  display: flex;
  gap: 0.65rem;
  padding: 0.55rem 0.75rem;
}

.bb-admin-outline-row:last-child {
  border-bottom: 0;
}

.bb-admin-outline-row.is-selected,
.bb-admin-dense-table tr.is-selected td {
  background: #f3e6ea;
}

.bb-admin-outline-row.is-selected {
  box-shadow: inset 3px 0 0 var(--bb-plum);
}

.bb-admin-dense-table tr.is-selected td:first-child {
  box-shadow: inset 3px 0 0 var(--bb-plum);
}

.bb-admin-outline-row[draggable="true"] {
  cursor: grab;
}

.bb-admin-drag {
  color: var(--bb-muted);
  display: inline-grid;
  gap: 0.15rem;
  letter-spacing: 0.12em;
  line-height: 0.55;
}

.bb-admin-seq {
  color: var(--bb-muted);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1;
  min-width: 1.35rem;
  text-align: center;
}

.bb-admin-lcode {
  color: var(--bb-brown);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  min-width: 2.1rem;
}

.bb-admin-outline-row h3,
.bb-admin-outline-row .bb-admin-row-title {
  color: var(--bb-ink);
  font-size: 0.98rem;
  font-weight: 500;
  margin: 0;
}

.bb-admin-row-meta {
  color: var(--bb-muted);
  font-size: 0.8rem;
  margin: 0.15rem 0 0;
}

.bb-admin-row-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-left: auto;
}

.bb-admin-row-actions .button,
.bb-admin-row-actions button,
.bb-admin .bb-admin-icon-btn {
  background: transparent;
  border: 1px solid var(--bb-hairline-strong);
  color: var(--bb-plum);
  font-size: 0.72rem;
  min-height: 2rem;
  min-width: 2rem;
  padding: 0.25rem 0.5rem;
}

.bb-admin-row-actions .button:hover,
.bb-admin-row-actions button:hover,
.bb-admin .bb-admin-icon-btn:hover {
  background: var(--bb-blush);
  border-color: var(--bb-rose);
  color: var(--bb-brown);
}

.bb-admin-field-row {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr 1fr;
}

.bb-admin-check-list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
  width: 100%;
}

.bb-admin label.bb-admin-check,
.bb-admin-check {
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
  color: var(--bb-ink);
  cursor: pointer;
  display: flex;
  font-size: 0.88rem;
  font-weight: 400;
  gap: 0.5rem;
  justify-content: flex-start;
  letter-spacing: 0;
  margin: 0;
  padding: 0.4rem 0.55rem;
  text-align: left;
  text-transform: none;
  width: 100%;
}

.bb-admin-check:has(input:checked) {
  background: var(--bb-plum-08);
  border-color: var(--bb-plum);
}

.bb-admin input[type="checkbox"],
.bb-admin input[type="radio"],
.bb-admin-check input,
.bb-admin .bb-admin-field .bb-admin-check input[type="checkbox"] {
  accent-color: var(--bb-plum);
  background: transparent;
  border: 0;
  box-shadow: none;
  flex: 0 0 auto;
  height: 1rem;
  margin: 0.15rem 0 0;
  min-height: 0;
  min-width: 1rem;
  padding: 0;
  width: auto;
}

.bb-admin-check span {
  flex: 1 1 auto;
  min-width: 0;
}

.bb-admin label.bb-admin-kind-pill,
.bb-admin-kind-pill {
  align-items: center;
  background: transparent;
  border: 1px solid var(--bb-hairline-strong);
  border-radius: 999px;
  color: var(--bb-muted);
  cursor: pointer;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 400;
  gap: 0.35rem;
  letter-spacing: 0;
  min-height: 1.75rem;
  padding: 0.2rem 0.7rem;
  position: relative;
  text-transform: none;
}

.bb-admin-kind-pill input {
  height: 1px;
  left: 0.55rem;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 1px;
}

.bb-admin label.bb-admin-kind-pill.is-active,
.bb-admin label.bb-admin-kind-pill:has(input:checked) {
  background: transparent;
  border-color: var(--bb-plum);
  color: var(--bb-plum);
}

.bb-admin-inspector .bb-admin-kind-pill.is-active,
.bb-admin-filter-pills .bb-admin-kind-pill.is-active {
  background: var(--bb-plum);
  border-color: var(--bb-plum);
  color: var(--bb-warm-white);
}

.bb-admin-module {
  background: #fff;
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
}

.bb-admin-module > summary {
  cursor: pointer;
  font-size: 0.92rem;
  font-weight: 500;
  list-style: none;
  padding: 0.85rem 1rem;
}

.bb-admin-module > summary::-webkit-details-marker {
  display: none;
}

.bb-admin-module__body {
  border-top: 1px solid var(--bb-hairline);
  padding: 0.75rem 1rem 1rem;
}

.bb-admin-quiet-submit {
  width: auto;
}

.bb-admin-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0 0 1rem;
}

.bb-admin-tabs a {
  background: transparent;
  border: 1px solid var(--bb-hairline-strong);
  border-radius: 999px;
  color: var(--bb-plum);
  display: inline-flex;
  min-height: 2.25rem;
  padding: 0.35rem 0.9rem;
  text-decoration: none;
}

.bb-admin-tabs a[aria-current="page"],
.bb-admin-tabs a.is-active {
  background: var(--bb-plum);
  border-color: var(--bb-plum);
  color: var(--bb-warm-white);
}

.bb-admin-dense-table {
  align-self: start;
  display: block;
  height: max-content;
  width: 100%;
}

.bb-admin-dense-table table {
  background: transparent;
  border-collapse: collapse;
  height: auto;
  width: 100%;
}

.bb-admin-dense-table th {
  background: transparent;
  border-bottom: 1px solid var(--bb-hairline);
  color: var(--bb-muted);
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  padding: 0.45rem 0.75rem;
  text-align: left;
  text-transform: uppercase;
}

.bb-admin-dense-table td {
  background: transparent;
  border-bottom: 1px solid var(--bb-hairline);
  padding: 0.55rem 0.75rem;
  vertical-align: middle;
}

.bb-admin-dense-table tr:last-child td {
  border-bottom: 0;
}

.bb-admin-filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.bb-admin-filter-pills a,
.bb-admin-filter-pills button {
  background: transparent;
  border: 1px solid var(--bb-hairline-strong);
  border-radius: 999px;
  color: var(--bb-muted);
  display: inline-flex;
  min-height: 1.85rem;
  padding: 0.2rem 0.75rem;
  text-decoration: none;
}

.bb-admin-filter-pills a.is-active,
.bb-admin-filter-pills a[aria-current="page"] {
  background: var(--bb-plum-08);
  border-color: var(--bb-plum);
  color: var(--bb-plum);
}

.bb-admin-media-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}

.bb-admin-media-card {
  background: #fff;
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
  color: inherit;
  display: grid;
  min-height: 12rem;
  overflow: hidden;
  text-decoration: none;
}

.bb-admin-media-card.is-selected {
  border-color: var(--bb-plum);
  box-shadow: 0 0 0 1px var(--bb-plum);
}

.bb-admin-media-card__thumb {
  aspect-ratio: 1;
  background:
    repeating-linear-gradient(
      -32deg,
      rgba(231, 201, 209, 0.55),
      rgba(231, 201, 209, 0.55) 12px,
      rgba(250, 246, 244, 0.9) 12px,
      rgba(250, 246, 244, 0.9) 24px
    );
  position: relative;
}

.bb-admin-media-card__meta {
  padding: 0.75rem 0.85rem 0.95rem;
}

.bb-admin-media-card__meta strong {
  display: block;
  font-size: 0.92rem;
}

.bb-admin-dropzone {
  align-items: center;
  background: #fff;
  border: 1px dashed var(--bb-hairline-strong);
  border-radius: var(--bb-soft-radius);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  min-height: 6.5rem;
  padding: 1.1rem 1.25rem;
}

.bb-admin-progress {
  background: var(--bb-blush);
  border-radius: 999px;
  display: flex;
  height: 0.55rem;
  overflow: hidden;
}

.bb-admin-progress > span {
  display: block;
  height: 100%;
}

.bb-admin-progress__sage { background: var(--bb-sage); }
.bb-admin-progress__champagne { background: var(--bb-champagne); }
.bb-admin-progress__plum { background: var(--bb-plum); }
.bb-admin-progress__orchid { background: var(--bb-orchid); }

.bb-admin-video-frame {
  align-items: center;
  aspect-ratio: 16 / 9;
  background: var(--bb-brown);
  border-radius: var(--bb-soft-radius);
  color: #fff;
  display: grid;
  place-items: center;
}

.bb-admin-sticky-actions {
  background: var(--bb-cream);
  border-bottom: 1px solid var(--bb-hairline);
  margin: 0 0 1rem;
  padding: 0 0 0.75rem;
  position: static;
}

.bb-admin-builder-canvas {
  display: grid;
  gap: 1rem;
}

.bb-admin-builder-block {
  background: #fff;
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
  padding: 1.25rem 1.35rem;
}

.bb-admin-builder-block.is-blocked {
  background: var(--bb-plum-08);
  border-style: dashed;
  border-color: var(--bb-plum);
}

.bb-admin-kind-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.bb-admin-notice {
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
  margin: 0.75rem 0;
  padding: 0.85rem 1rem;
}

.bb-admin-notice--warning {
  background: rgba(200, 169, 106, 0.12);
  border-color: rgba(168, 136, 74, 0.3);
}

.bb-admin-notice--error {
  background: rgba(190, 62, 114, 0.08);
  border-color: rgba(190, 62, 114, 0.24);
}

.bb-admin-notice--success {
  background: rgba(139, 157, 131, 0.12);
  border-color: rgba(95, 114, 87, 0.28);
}

.bb-admin-placeholder-note {
  color: var(--bb-muted);
  font-size: 0.75rem;
}

@media (min-width: 1100px) {
  .bb-admin-workspace-grid--settings {
    grid-template-columns: 300px minmax(0, 1fr);
  }

  .bb-admin-workspace-grid--editor {
    grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 22rem);
  }

  .bb-admin-workspace-grid--builder {
    grid-template-columns: minmax(14rem, 17rem) minmax(0, 1fr) minmax(16rem, 20rem);
  }

  .bb-admin-workspace-grid--placement {
    gap: 0.65rem;
    grid-template-columns: minmax(13rem, 15rem) minmax(0, 1fr) minmax(14rem, 17rem);
  }

  .bb-admin-workspace-grid--library {
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 22rem);
  }

  .bb-admin-media-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.bb-admin-c31__chrome,
.bb-admin-c32__chrome {
  margin: 0;
}

.bb-admin-c31__tasks {
  background: #fff;
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
  padding: 0.75rem 1rem;
}

.bb-admin-c31__tasks-label {
  color: var(--bb-muted);
  font-size: 0.68rem;
  letter-spacing: 0.16em;
  margin: 0 0 0.45rem;
  text-transform: uppercase;
}

.bb-admin-c31__tasks ul {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
}

.bb-admin-c31__tasks li {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.85rem;
  justify-content: space-between;
  list-style: none;
}

.bb-admin-c31__layout,
.bb-admin-c32__layout {
  align-items: start;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}

.bb-admin-c31__rail,
.bb-admin-c31__workspace,
.bb-admin-c32__col {
  min-width: 0;
}

.bb-admin-c31__rail {
  background: #fff;
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
  padding: 1.15rem 1.2rem;
  position: static;
}

.bb-admin-c31__eyebrow {
  color: var(--bb-muted);
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  margin: 0 0 0.85rem;
  text-transform: uppercase;
}

.bb-admin-c31__pair {
  align-items: start;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr 1fr;
}

.bb-admin-c31__pair .bb-admin-field-label,
.bb-admin-c31__rail .bb-admin-field-label {
  margin-left: 0;
  padding-left: 0;
}

.bb-admin-editor-status {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.85rem;
  margin: 0.75rem 0;
}

.bb-admin-editor-recovery-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.bb-admin-c31__saved {
  color: var(--bb-muted);
  font-size: 0.8rem;
  margin: 0;
}

.bb-admin-c31__save {
  background: transparent !important;
  border: 1px solid var(--bb-hairline-strong) !important;
  color: var(--bb-plum) !important;
  font-size: 0.78rem !important;
  min-height: 2rem !important;
  padding: 0.25rem 0.75rem !important;
  width: auto !important;
}

.bb-admin-c31__save:hover {
  background: var(--bb-blush) !important;
  border-color: var(--bb-rose) !important;
  color: var(--bb-brown) !important;
}

.bb-admin-c31__workspace {
  background: #fff;
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-soft-radius);
  padding: 1.35rem 1.4rem 1.6rem;
}

.bb-admin-c31__workspace-head {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.bb-admin-c31__workspace-head h2 {
  color: var(--bb-brown);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.7rem, 3vw, 2.2rem);
  font-weight: 300;
  line-height: 1.1;
  margin: 0;
}

.bb-admin-c31__workspace-head p {
  color: var(--bb-muted);
  font-size: 0.85rem;
  margin: 0.35rem 0 0;
}

.bb-admin-c31__workspace-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.bb-admin-c31__outline-nav {
  background: #fff;
  border-bottom: 1px solid var(--bb-hairline);
  margin: 0 0 0.85rem;
  padding: 0.5rem 0 0.75rem;
  position: sticky;
  top: 0;
  z-index: 3;
}

.bb-admin-c31__module,
.bb-admin-c31__row {
  scroll-margin-top: 5.5rem;
}

.bb-admin-c31__lesson-jump {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  margin: 0 0 0.85rem;
}

.bb-admin-c31__lesson-jump label {
  color: var(--bb-muted);
  font-size: 0.8rem;
}

.bb-admin-c31__lesson-jump select {
  min-height: 2.75rem;
  min-width: min(100%, 18rem);
}

.bb-admin-lesson-preview {
  overflow: hidden;
}

.bb-admin-lesson-preview .lesson-screen {
  min-height: 0;
}

.bb-admin-lesson-preview .lesson-topbar {
  align-items: center;
  background: rgba(250, 246, 244, 0.94);
  border-bottom: 1px solid rgba(196, 120, 138, 0.15);
  display: flex;
  justify-content: space-between;
  padding: 1rem 0 1.1rem;
}

.bb-admin-lesson-preview .lesson-back {
  color: var(--bb-plum);
  font-size: 0.86rem;
  text-decoration: none;
}

.bb-admin-lesson-preview .lesson-crumb {
  color: var(--bb-muted);
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.bb-admin-lesson-preview .lesson-body-wrap {
  margin: 0;
  max-width: none;
  padding: 1.25rem 0 0.5rem;
}

.bb-admin-lesson-preview .vstage {
  align-items: center;
  aspect-ratio: 16 / 9;
  background: linear-gradient(150deg, var(--bb-brown) 0%, #311821 100%);
  border-radius: 14px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.bb-admin-lesson-preview .vstage-tag {
  background: rgba(250, 246, 244, 0.16);
  border-radius: 2rem;
  color: var(--bb-blush);
  font-size: 0.68rem;
  left: 1.1rem;
  letter-spacing: 0.12em;
  padding: 0.3rem 0.8rem;
  position: absolute;
  text-transform: uppercase;
  top: 1rem;
}

.bb-admin-lesson-preview .vstage-done {
  color: var(--bb-blush);
  position: relative;
  text-align: center;
  z-index: 2;
}

.bb-admin-lesson-preview .lesson-main {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
  margin-top: 1.5rem;
}

.bb-admin-lesson-preview .lesson-eyebrow {
  color: var(--bb-rose);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  margin-bottom: 0.7rem;
  text-transform: uppercase;
}

.bb-admin-lesson-preview .lesson-title {
  color: var(--bb-brown);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 1rem;
}

.bb-admin-lesson-preview .lesson-why {
  color: var(--bb-plum);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.12rem;
  font-style: italic;
  line-height: 1.5;
  max-width: 40rem;
}

.bb-admin-lesson-preview .lesson-why-attr {
  color: var(--bb-muted);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  margin: 0.6rem 0 1.4rem;
  text-transform: uppercase;
}

.bb-admin-lesson-preview .lesson-meta {
  align-items: center;
  color: var(--bb-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.82rem;
  gap: 1rem 1.4rem;
  margin-bottom: 1.2rem;
}

.bb-admin-lesson-preview .lesson-meta strong {
  color: var(--bb-brown);
  font-weight: 500;
}

.bb-admin-lesson-preview .lesson-side {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.bb-admin-lesson-preview .lesson-panel {
  background: #fff;
  border: 1px solid rgba(196, 120, 138, 0.16);
  border-radius: 10px;
  padding: 1.2rem 1.3rem;
}

.bb-admin-lesson-preview .chapters {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bb-admin-lesson-preview .chapters li {
  border-bottom: 1px dashed rgba(196, 120, 138, 0.16);
  display: flex;
  font-size: 0.86rem;
  gap: 1rem;
  padding: 0.55rem 0;
}

.bb-admin-lesson-preview .lesson-edu {
  color: var(--bb-muted);
  font-size: 0.74rem;
  font-weight: 300;
  margin-top: 1.8rem;
  text-align: center;
}

@media (min-width: 900px) {
  .bb-admin-lesson-preview .lesson-main {
    grid-template-columns: 1.5fr 1fr;
  }
}

.bb-admin-c31__text-link,
.bb-admin-c31__text-link:visited,
.bb-admin-index-link,
.bb-admin-index-link:visited {
  background: none;
  border: 0;
  color: var(--bb-plum);
  font-size: 0.82rem;
  text-decoration: none;
}

.bb-admin-c31__text-link:hover,
.bb-admin-index-link:hover {
  color: var(--bb-brown);
  text-decoration: underline;
}

.bb-admin-c31__module {
  border-top: 1px solid var(--bb-hairline);
  margin-top: 0.85rem;
  padding-top: 0.85rem;
}

.bb-admin-c31__module summary {
  color: var(--bb-muted);
  cursor: pointer;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bb-admin-c31__lessons {
  display: grid;
  gap: 0.4rem;
  list-style: none;
  margin: 0.6rem 0 0;
  padding: 0;
}

.bb-admin-c31__row {
  align-items: center;
  background: #fff;
  border: 1px solid var(--bb-hairline);
  border-radius: var(--bb-xs-radius);
  display: grid;
  gap: 0.3rem 0.45rem;
  grid-template-columns: auto auto auto minmax(0, 1fr) auto auto;
  padding: 0.35rem 0.55rem;
}

.bb-admin-c31__drag {
  color: var(--bb-muted);
  cursor: grab;
  font-size: 0.85rem;
  letter-spacing: -0.12em;
}

.bb-admin-c31__index {
  color: var(--bb-muted);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.2rem;
  min-width: 1.1rem;
}

.bb-admin-c31__code,
.bb-admin-lcode {
  color: var(--bb-brown);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.bb-admin-c31__copy {
  min-width: 0;
}

.bb-admin-c31__copy a,
.bb-admin-c31__lesson-link {
  color: var(--bb-ink);
  display: block;
  font-weight: 500;
  min-height: 1.4rem;
  padding: 0.1rem 0;
  position: relative;
  text-decoration: none;
  z-index: 1;
}

.bb-admin-c31__copy p {
  color: var(--bb-muted);
  font-size: 0.78rem;
  margin: 0.15rem 0 0;
}

.bb-admin-c31__moves {
  align-items: center;
  display: flex;
  gap: 0.3rem;
}

.bb-admin-c31__move-form {
  display: inline;
  margin: 0;
}

.bb-admin .bb-admin-c31__move,
.bb-admin form.bb-admin-c31__move-form button,
.bb-admin form.button_to.bb-admin-c31__move-form button {
  background: transparent !important;
  border: 1px solid var(--bb-hairline-strong) !important;
  border-radius: 6px !important;
  color: var(--bb-plum) !important;
  font-size: 0.72rem !important;
  line-height: 1 !important;
  min-height: 1.5rem !important;
  min-width: 1.5rem !important;
  padding: 0.1rem 0.3rem !important;
}

.bb-admin .bb-admin-c31__move:hover,
.bb-admin form.bb-admin-c31__move-form button:hover {
  background: var(--bb-blush) !important;
  border-color: var(--bb-rose) !important;
  color: var(--bb-brown) !important;
}

.bb-admin-c31__x {
  color: var(--bb-muted);
  font-size: 1.1rem;
  line-height: 1;
  padding: 0 0.25rem;
  text-decoration: none;
}

.bb-admin-c32__chrome {
  background: var(--bb-cream);
  border-bottom: 1px solid var(--bb-hairline);
  margin: 0 0 0.5rem;
  padding: 0 0 0.65rem;
  position: static;
}

.bb-admin-c32__col {
  display: grid;
  gap: 0.75rem;
}

.bb-admin-c32__quiet {
  color: var(--bb-muted);
  font-size: 0.8rem;
}

@media (max-width: 1099px) {
  .bb-admin-c31__row {
    grid-template-columns: auto auto minmax(0, 1fr);
  }

  .bb-admin-c31__moves,
  .bb-admin-c31__row .bb-admin-status-pill,
  .bb-admin-c31__row .bb-admin-status-dot {
    grid-column: 1 / -1;
  }
}

/* ── Marc round 4: density + control weight (do not drop the flex shell) ── */

.bb-admin-page-header--compact,
.bb-admin-c31__chrome .bb-admin-page-header,
.bb-admin-c32__chrome .bb-admin-page-header,
.bb-admin-c36 .bb-admin-page-header {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.bb-admin-c32__chrome .bb-admin-workspace-header,
.bb-admin-c31__chrome .bb-admin-workspace-header {
  border-bottom: 0;
  padding-bottom: 0;
}

.bb-admin-header-actions .button,
.bb-admin-header-actions a.button,
.bb-admin .bb-admin-header-actions .button,
.bb-admin .bb-admin-header-actions a.button,
.bb-admin .bb-admin-header-actions input[type="submit"],
.bb-admin .bb-admin-header-actions button {
  border-radius: 8px;
  font-size: 0.78rem;
  min-height: 2rem;
  padding: 0.25rem 0.85rem;
}

.bb-admin .bb-admin-header-actions .button--ghost,
.bb-admin .bb-admin-header-actions a.button.button--ghost,
.bb-admin .bb-admin-header-actions input[type="submit"].button--ghost,
.bb-admin button.button--ghost,
.bb-admin .bb-admin-notice .button,
.bb-admin .bb-admin-notice button,
.bb-admin input[type="submit"].button--ghost {
  background: #fff !important;
  border: 1px solid var(--bb-plum) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: var(--bb-plum) !important;
  min-height: 2rem !important;
  padding: 0.25rem 0.85rem !important;
  width: auto !important;
}

.bb-admin .bb-admin-header-actions .button--ghost:hover,
.bb-admin .bb-admin-header-actions input[type="submit"].button--ghost:hover,
.bb-admin button.button--ghost:hover,
.bb-admin .bb-admin-notice .button:hover,
.bb-admin .bb-admin-notice button:hover,
.bb-admin input[type="submit"].button--ghost:hover {
  background: var(--bb-blush) !important;
  border-color: var(--bb-brown) !important;
  color: var(--bb-brown) !important;
}

.bb-admin .bb-admin-c31__add,
.bb-admin a.button.bb-admin-c31__add,
.bb-admin a.button.button--ghost.bb-admin-c31__add {
  background: transparent !important;
  border: 1px solid var(--bb-plum) !important;
  border-radius: 8px;
  color: var(--bb-plum) !important;
  font-size: 0.82rem;
  min-height: 1.85rem;
  padding: 0.15rem 0.75rem;
}

.bb-admin-status-dot {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--bb-muted);
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 500;
  gap: 0.35rem;
  white-space: nowrap;
}

.bb-admin-status-dot__mark {
  background: var(--bb-muted);
  border: 1px solid var(--bb-muted);
  border-radius: 999px;
  display: inline-block;
  flex: 0 0 auto;
  height: 0.45rem;
  width: 0.45rem;
}

.bb-admin-status-dot--neutral {
  color: var(--bb-muted);
}

.bb-admin-status-dot--neutral .bb-admin-status-dot__mark {
  background: transparent;
}

.bb-admin-status-dot--success,
.bb-admin-status-dot--sage {
  color: var(--bb-sage-deep);
}

.bb-admin-status-dot--success .bb-admin-status-dot__mark,
.bb-admin-status-dot--sage .bb-admin-status-dot__mark {
  background: var(--bb-sage-deep);
  border-color: var(--bb-sage-deep);
}

.bb-admin-status-dot--warning,
.bb-admin-status-dot--champagne {
  color: var(--bb-champagne-deep);
}

.bb-admin-status-dot--warning .bb-admin-status-dot__mark,
.bb-admin-status-dot--champagne .bb-admin-status-dot__mark {
  background: var(--bb-champagne-deep);
  border-color: var(--bb-champagne-deep);
}

.bb-admin-status-dot--error,
.bb-admin-status-dot--orchid {
  color: var(--bb-orchid);
}

.bb-admin-status-dot--error .bb-admin-status-dot__mark,
.bb-admin-status-dot--orchid .bb-admin-status-dot__mark {
  background: var(--bb-orchid);
  border-color: var(--bb-orchid);
}

.bb-admin trix-toolbar .trix-button-group {
  background: #fff;
  border: 1px solid var(--bb-hairline-strong);
  border-radius: 6px;
  margin-bottom: 0.5rem;
  overflow: hidden;
}

.bb-admin trix-toolbar .trix-button,
.bb-admin trix-toolbar button.trix-button {
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--bb-plum) !important;
  display: inline-flex !important;
  font-size: 0.75rem !important;
  height: 2rem !important;
  letter-spacing: 0 !important;
  min-height: 2rem !important;
  min-width: 2rem !important;
  padding: 0 !important;
  text-transform: none !important;
  width: 2rem !important;
}

.bb-admin trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid var(--bb-hairline) !important;
}

.bb-admin trix-toolbar .trix-button.trix-active {
  background: var(--bb-blush) !important;
}

.bb-admin trix-editor {
  background: #fff;
  border: 1px solid var(--bb-hairline-strong);
  border-radius: var(--bb-soft-radius);
  min-height: 12rem;
}

.bb-admin-c31__rail .bb-admin-field-label,
.bb-admin-c32 .bb-admin-field-label {
  margin-bottom: 0.3rem;
}

.bb-admin-c32 .bb-admin-card {
  padding: 0.85rem 1rem;
}

.bb-admin-c36 .bb-admin-rail,
.bb-admin-c36 .bb-admin-inspector {
  padding: 0.7rem 0.8rem;
}

.bb-admin-c36 .bb-admin-canvas-head {
  margin-bottom: 0.45rem;
}

.bb-admin-c36 .bb-admin-canvas-head h2 {
  font-size: 1.45rem;
}

.bb-admin-c36 .bb-admin-inspector .bb-admin-kind-pill {
  cursor: default;
}

.bb-admin-inspector .button,
.bb-admin-c36 .bb-admin-inspector input[type="submit"] {
  min-height: 2rem;
  padding: 0.25rem 0.85rem;
  width: auto;
}

.bb-admin-review .bb-admin-card {
  padding: 0.85rem 1rem;
}

.bb-admin-review .bb-admin-card dl,
.bb-admin-review__facts {
  display: grid;
  gap: 0.28rem 0.85rem;
  grid-template-columns: minmax(7rem, 11rem) minmax(0, 1fr);
  margin: 0;
}

.bb-admin-review__facts dt {
  color: var(--bb-muted);
  font-size: 0.78rem;
  font-weight: 500;
}

.bb-admin-review__facts dd {
  margin: 0;
}

.bb-admin-review textarea,
.bb-admin-review .bb-admin-review-note {
  min-height: 4.75rem;
}

.bb-admin-review-check {
  display: grid;
  gap: 0.35rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bb-admin-review .bb-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.45rem 0 0.65rem;
}

.bb-admin-sentence-label,
.bb-admin label.bb-admin-sentence-label {
  color: var(--bb-ink);
  display: block;
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0 0 0.35rem;
  text-transform: none;
}

.bb-admin-review .bb-admin-actions .button,
.bb-admin-review .bb-admin-actions button,
.bb-admin-review input[type="submit"].button--ghost {
  border-radius: 8px;
  min-height: 2rem;
  padding: 0.25rem 0.85rem;
}

.bb-admin-index-page .bb-admin-page-header {
  margin-bottom: 0.75rem;
  padding-bottom: 0.65rem;
}

.bb-admin-index-page .bb-admin-summary {
  font-size: 0.88rem;
  margin: 0.2rem 0 0;
}

.bb-admin-index-page .bb-admin-index-filters {
  align-items: end;
  margin-bottom: 0.65rem;
}

.bb-admin-index-page .bb-admin-field {
  margin-bottom: 0;
}

.bb-admin-index-page .bb-admin-dense-table {
  align-self: start;
  height: max-content;
}

.bb-admin-index-page .bb-admin-dense-table th,
.bb-admin-index-page .bb-admin-dense-table td {
  padding: 0.35rem 0.55rem;
}

.bb-admin .main-content:has(.bb-admin-c31),
.bb-admin .main-content:has(.bb-admin-c32),
.bb-admin .main-content:has(.bb-admin-c31) .main-content__body,
.bb-admin .main-content:has(.bb-admin-c32) .main-content__body,
.bb-admin .bb-admin-c31,
.bb-admin .bb-admin-c32,
.bb-admin-c31 .bb-admin-panel,
.bb-admin-c32 .bb-admin-panel {
  overflow: visible;
}

.bb-admin .main-content:has(.bb-admin-c31) > *,
.bb-admin .main-content:has(.bb-admin-c32) > * {
  max-width: none;
}

.bb-admin .bb-admin-page-header--compact > div > h1.sr-only {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.bb-admin-c36 .bb-admin-workspace-grid {
  gap: 0.65rem;
}

.bb-admin-c36 .bb-admin-outline-row {
  gap: 0.35rem;
  padding: 0.32rem 0.5rem;
}

.bb-admin-c36 .bb-admin-dense-table th,
.bb-admin-c36 .bb-admin-dense-table td {
  padding: 0.32rem 0.45rem;
}

.bb-admin-inspector__title {
  color: var(--bb-brown);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.2rem;
  font-weight: 300;
  margin: 0 0 0.55rem;
}

.bb-admin-c36 .bb-admin-filter-pills {
  margin-bottom: 0.55rem;
}

@media (min-width: 1100px) {
  .bb-admin-c31__layout {
    align-items: start;
    grid-template-columns: 300px minmax(0, 1fr);
  }

  .bb-admin-c32__layout {
    grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 22rem);
  }

  .bb-admin-c31__rail {
    align-self: start;
    position: sticky;
    top: 1.25rem;
  }
}