/* Shared appearance controls and household profile surfaces. */
#basketbook-ui .bb-header-actions { position: absolute; z-index: 4; inset: 17px 22px auto auto; display: flex; gap: 7px; }
#basketbook-ui .bb-header-actions .bb-theme-toggle { position: static; }
#basketbook-ui[data-current-screen="capture"] .bb-header-actions { display: none; }
#basketbook-ui .bb-title, #basketbook-ui .bb-top { padding-inline-end: 110px; }
#basketbook-ui .bb-profile-toggle:has([data-profile-initials]:not([hidden])) { background: var(--bb-orchid-soft); color: var(--bb-orchid); font-weight: 750; }
#basketbook-ui .bb-profile-toggle:has([data-profile-initials]:not([hidden])) svg { display: none; }
#basketbook-ui .bb-profile-dialog {
  position: fixed; inset: max(16px, env(safe-area-inset-top, 0px)) max(16px, calc((100vw - 1115px) / 2)) auto auto;
  width: min(355px, calc(100vw - 32px)); max-height: 80dvh; margin: 0; padding: 0;
  border: 1px solid var(--bb-line); border-radius: 24px; background: var(--bb-paper); color: var(--bb-ink); box-shadow: var(--bb-lift);
}
#basketbook-ui .bb-profile-dialog::backdrop { background: #111c184d; }
#basketbook-ui .bb-profile-body { display: grid; gap: 13px; padding: 16px 18px 20px; }
#basketbook-ui .bb-account-identity { display: flex; align-items: center; gap: 11px; overflow-wrap: anywhere; }
#basketbook-ui .bb-account-avatar { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 50%; background: var(--bb-orchid-soft); color: var(--bb-orchid); font-weight: 750; }
#basketbook-ui .bb-import-device { border-top: 1px solid var(--bb-line); padding-top: 10px; }
#basketbook-ui .bb-import-device label { display: grid; gap: 4px; margin-block: 9px; }
#basketbook-ui .bb-profile-body select, #basketbook-ui .bb-household-form input {
  min-width: 0; padding: 8px; color: var(--bb-ink); background: var(--bb-bg); border: 1px solid var(--bb-line); border-radius: 8px;
}
#basketbook-ui :is(.bb-import-device, .bb-changelog-card) > summary { cursor: pointer; font-weight: 700; }
#basketbook-ui .bb-changelog-card > summary { border: 0; justify-content: flex-start; }
#basketbook-ui .bb-changelog-card > summary::before { content: "▸"; color: var(--bb-accent); }
#basketbook-ui .bb-changelog-card[open] > summary { border-bottom: 1px solid var(--bb-line); }
#basketbook-ui .bb-changelog-card[open] > summary::before { content: "▾"; }
#basketbook-ui .bb-changelog-card [data-release-version] { margin-inline-start: auto; }
#basketbook-ui [data-household-member-ui], #basketbook-ui .bb-household-guest { display: grid; gap: 12px; justify-items: start; }
#basketbook-ui [data-household-member-ui] { justify-items: stretch; }
#basketbook-ui .bb-household-guest a { text-decoration: none; }
#basketbook-ui .bb-household-profile { overflow: hidden; border: 1px solid var(--bb-line); border-radius: 22px; }
#basketbook-ui .bb-household-banner { display: flex; align-items: center; gap: 14px; padding: 15px; background: linear-gradient(140deg, var(--bb-soft), var(--bb-orchid-soft)); }
#basketbook-ui .bb-household-banner h3 { margin-block: 2px 3px; font-size: clamp(19px, 4cqi, 26px); letter-spacing: -.04em; overflow-wrap: anywhere; }
#basketbook-ui .bb-household-avatar { display: grid; place-items: center; flex: 0 0 64px; width: 64px; height: 64px; overflow: hidden; border: 2px solid var(--bb-paper); border-radius: 24px; background: var(--bb-paper); color: var(--bb-orchid); box-shadow: var(--bb-shadow); }
#basketbook-ui .bb-household-avatar svg { grid-area: 1 / 1; width: 42px; height: 42px; }
#basketbook-ui .bb-household-avatar img { grid-area: 1 / 1; width: 100%; height: 100%; object-fit: cover; }
#basketbook-ui .bb-household-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px; margin-block: 9px; }
#basketbook-ui .bb-style-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0; }
#basketbook-ui .bb-style-picker legend { margin-bottom: 7px; }
#basketbook-ui .bb-style-option { position: relative; display: grid; gap: 3px; padding: 9px; border: 1px solid var(--bb-line); border-radius: 15px; cursor: pointer; }
#basketbook-ui .bb-style-option:has(input:checked) { border-color: var(--bb-accent); background: var(--bb-soft); }
#basketbook-ui .bb-style-option input { position: absolute; inset: 13px 12px auto auto; width: 15px; height: 15px; accent-color: var(--bb-green-solid); }
#basketbook-ui .bb-style-option small { color: var(--bb-secondary); font-size: 12px; }
#basketbook-ui .bb-style-sample { display: grid; gap: 3px; grid-template-columns: 1fr 1fr; width: min(72%, 112px); height: 36px; }
#basketbook-ui .bb-style-sample i { border-radius: 6px; background: var(--bb-line); }
#basketbook-ui .bb-style-sample i:first-child { grid-column: 1 / -1; background: var(--bb-green-solid); }
#basketbook-ui .bb-style-sample[data-sample="ledger"] { grid-template-columns: 1fr; }
#basketbook-ui .bb-style-sample[data-sample="ledger"] i { border-radius: 1px; }
#basketbook-ui .bb-appearance-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(135px, 100%), 1fr)); gap: 9px; }
#basketbook-ui .bb-integration-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
#basketbook-ui .bb-integration-list li { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--bb-line); }
#basketbook-ui .bb-integration-list li:last-child { padding-bottom: 0; border: 0; }
#basketbook-ui .bb-integration-list [data-state="active"] { background: var(--bb-soft); color: var(--bb-accent); }
#basketbook-ui .bb-integration-list [data-state="planned"] { background: var(--bb-bg); color: var(--bb-secondary); border: 1px solid var(--bb-line); }
@container basketbook-frame (max-width: 540px) {
  #basketbook-ui .bb-header-actions { inset: 8px 12px auto auto; }
  #basketbook-ui .bb-title, #basketbook-ui .bb-top { padding-inline-end: 0; }
}

@container basketbook-frame (min-width: 541px) {
  :root[data-style="glass"] #basketbook-ui #bb-product-detail {
    inset: 0; width: min(560px, calc(100vw - 48px)); height: min(690px, calc(100dvh - 60px));
    margin: auto; border-radius: 28px;
  }
  :root[data-style="glass"] #basketbook-ui #bb-product-detail[open] { animation-name: bb-glass-detail-in; }
}
@keyframes bb-glass-detail-in { from { opacity: .75; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }

/* Ledger changes composition as well as material, keeping the same controls and content. */
:root[data-style="ledger"] #basketbook-ui { border-radius: 14px; font-size: 13px; }
:root[data-style="ledger"] #basketbook-ui .bb-rail { gap: 16px; }
:root[data-style="ledger"] #basketbook-ui :is(.bb-panel, .bb-household-profile, .bb-style-option, .bb-profile-dialog) { border-radius: 10px; box-shadow: none; }
:root[data-style="ledger"] #basketbook-ui .bb-title h1 { letter-spacing: -.025em; font-size: clamp(27px, 3.8cqi, 36px); }
:root[data-style="ledger"] #basketbook-ui .bb-title h1::after { display: none; }
:root[data-style="ledger"] #basketbook-ui .bb-measures { grid-template-columns: minmax(0, 1fr); gap: 0; border: 1px solid var(--bb-line); border-radius: 10px; overflow: hidden; }
:root[data-style="ledger"] #basketbook-ui .bb-stat {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto; align-items: center;
  gap: 2px 9px; padding: 7px 11px; border: 0; border-bottom: 1px solid var(--bb-line); border-radius: 0; box-shadow: none; transition-duration: 130ms;
}
:root[data-style="ledger"] #basketbook-ui .bb-stat:last-child { border-bottom: 0; }
:root[data-style="ledger"] #basketbook-ui .bb-stat::before { display: none; }
:root[data-style="ledger"] #basketbook-ui .bb-stat:is(:hover, [aria-expanded="true"]):not([data-metric="paid"]) { background: var(--bb-soft); }
:root[data-style="ledger"] #basketbook-ui .bb-stat-value { justify-self: end; text-align: end; font-size: 16px; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
:root[data-style="ledger"] #basketbook-ui .bb-stat > .bb-muted { grid-column: 1 / 3; grid-row: 2; }
:root[data-style="ledger"] #basketbook-ui .bb-stat-detail { grid-column: 3; grid-row: 1 / 3; margin-top: 0; padding-top: 0; font-size: 11px; }
:root[data-style="ledger"] #basketbook-ui .bb-stat:hover { transform: none; }
:root[data-style="ledger"] #basketbook-ui :is([data-screen]:not([hidden]), [data-screen="spending"]:not([hidden]) .bb-stat) { animation-duration: 170ms; animation-delay: 0ms; }
:root[data-style="ledger"] #basketbook-ui .bb-item { padding-block: 8px; }
:root[data-style="ledger"] #basketbook-ui .bb-theme-toggle { border-radius: 11px; background: var(--bb-paper); backdrop-filter: none; box-shadow: none; }
:root[data-style="ledger"] #basketbook-ui .bb-metric-drawer { border-radius: 8px 0 0 8px; }
:root[data-style="ledger"] #basketbook-ui .bb-metric-drawer[open] { animation-duration: 180ms; }
:root[data-style="ledger"] #basketbook-ui .bb-price-cards { gap: 0; border: 1px solid var(--bb-line); border-radius: 8px; overflow: hidden; }
:root[data-style="ledger"] #basketbook-ui .bb-price-card { border: 0; border-radius: 0; box-shadow: none; }
:root[data-style="ledger"] #basketbook-ui .bb-price-card:nth-child(odd) { border-inline-end: 1px solid var(--bb-line); }
:root[data-style="ledger"] #basketbook-ui .bb-price-card:nth-child(-n+2) { border-bottom: 1px solid var(--bb-line); }
@container basketbook-frame (max-width: 540px) {
  :root[data-style="ledger"] #basketbook-ui .bb-mobile-nav {
    inset: auto 0 0; width: 100%; transform: none; gap: 0; padding: 0 0 env(safe-area-inset-bottom, 0px);
    border: 0; border-top: 1px solid var(--bb-line); border-radius: 0; background: var(--bb-paper);
    -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none;
  }
  :root[data-style="ledger"] #basketbook-ui .bb-mobile-nav::before { display: none; }
  :root[data-style="ledger"] #basketbook-ui .bb-mobile-tab { min-height: 49px; border-radius: 0; border-top: 2px solid transparent; }
  :root[data-style="ledger"] #basketbook-ui .bb-mobile-tab[aria-current="page"] { border-top-color: var(--bb-accent); background: var(--bb-soft); }
  :root[data-style="ledger"] #basketbook-ui .bb-metric-drawer { border-radius: 12px 12px 0 0; }
}
/* Household overview keeps people, patterns and actions within one card. */
#basketbook-ui .bb-household-profile { overflow: visible; }
#basketbook-ui .bb-household-banner { align-items: center; gap: 12px; border-radius: inherit; border-end-start-radius: 0; border-end-end-radius: 0; }
#basketbook-ui .bb-household-avatar { flex-basis: 52px; width: 52px; height: 52px; border-radius: 18px; }
#basketbook-ui .bb-household-avatar svg { width: 32px; height: 32px; }
#basketbook-ui .bb-household-name { flex: 1; min-width: 0; }
#basketbook-ui .bb-household-name h3 { margin: 0; }
#basketbook-ui .bb-household-menu { position: relative; flex: none; align-self: start; }
#basketbook-ui .bb-household-menu > summary { display: grid; width: 40px; height: 40px; place-items: center; list-style: none; border-radius: 50%; cursor: pointer; background: var(--bb-paper); color: var(--bb-secondary); border: 1px solid var(--bb-line); }
#basketbook-ui .bb-household-menu > summary::-webkit-details-marker { display: none; }
#basketbook-ui .bb-household-menu > summary span { font-size: 15px; font-weight: 800; letter-spacing: .12em; padding-inline-start: .12em; }
#basketbook-ui .bb-household-menu-items { position: absolute; z-index: 5; inset: calc(100% + 6px) 0 auto auto; width: min(218px, 64vw); padding: 5px; background: var(--bb-paper); border: 1px solid var(--bb-line); box-shadow: var(--bb-lift); border-radius: 14px; }
#basketbook-ui .bb-household-menu-items button { display: block; width: 100%; min-height: 42px; border: 0; background: transparent; border-radius: 9px; padding: 7px 9px; text-align: start; cursor: pointer; }
#basketbook-ui .bb-household-menu-items button:hover { background: var(--bb-soft); }
#basketbook-ui .bb-household-menu-items .bb-danger { margin-top: 4px; }
#basketbook-ui .bb-button.bb-danger, #basketbook-ui .bb-household-menu-items .bb-danger { color: #fff; background: #a62432; border-color: transparent; font-weight: 700; }
#basketbook-ui .bb-button.bb-danger:hover, #basketbook-ui .bb-household-menu-items .bb-danger:hover { background: #861d29; }
#basketbook-ui .bb-household-card-body { display: grid; gap: 12px; padding: 13px; }
#basketbook-ui .bb-household-people { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; padding: 0; margin: 0; list-style: none; }
#basketbook-ui .bb-household-people li { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; border: 1px solid var(--bb-line); font-size: 11px; font-weight: 750; background: var(--bb-soft); color: var(--bb-accent); }
#basketbook-ui .bb-household-people li:nth-child(3n + 2) { background: var(--bb-orchid-soft); color: var(--bb-orchid); }
#basketbook-ui .bb-household-people li:nth-child(3n) { background: var(--bb-bg); color: var(--bb-secondary); }
#basketbook-ui .bb-household-insight-head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 3px 8px; }
#basketbook-ui .bb-household-insight-head h4 { margin: 0; font-size: 14px; }
#basketbook-ui .bb-household-insights { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr)); gap: 6px; }
#basketbook-ui .bb-household-insights > div { min-width: 0; padding: 8px; border: 1px solid var(--bb-line); border-radius: 12px; background: var(--bb-bg); }
#basketbook-ui .bb-household-insights dt { font-size: 11px; color: var(--bb-secondary); }
#basketbook-ui .bb-household-insights dd { font-weight: 750; line-height: 1.24; overflow-wrap: anywhere; }
#basketbook-ui .bb-household-insights dd + dd { margin-top: 3px; font-weight: 500; }
#basketbook-ui .bb-household-breakdown-link { justify-self: start; }
#basketbook-ui .bb-household-dialog { width: min(465px, calc(100vw - 28px)); padding: 0; }
#basketbook-ui .bb-household-dialog .bb-drawer-body .bb-button { margin-top: 0; }
#basketbook-ui .bb-household-invite-body { display: grid; gap: 10px; }
#basketbook-ui .bb-household-invite-body > button { justify-self: start; }
#basketbook-ui .bb-household-confirm-actions { display: flex; margin-top: 12px; }

#basketbook-ui .bb-colour-picker { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0; }
#basketbook-ui .bb-colour-picker legend { margin-bottom: 7px; }
#basketbook-ui .bb-colour-picker label { display: flex; align-items: center; gap: 7px; padding: 4px 8px 4px 4px; border: 1px solid var(--bb-line); border-radius: 999px; }
#basketbook-ui .bb-colour-picker input[type="color"] { padding: 1px; width: 35px; height: 35px; min-height: 0; border: 0; border-radius: 50%; cursor: pointer; }
#basketbook-ui .bb-colour-picker input[type="color"]::-webkit-color-swatch-wrapper { padding: 1px; }
#basketbook-ui .bb-colour-picker input[type="color"]::-webkit-color-swatch { border: 1px solid var(--bb-line); border-radius: 50%; }
#basketbook-ui .bb-colour-picker input[type="color"]::-moz-color-swatch { border: 1px solid var(--bb-line); border-radius: 50%; }
#basketbook-ui .bb-style-sample[data-sample="market"] i:first-child { grid-row: 1 / 3; grid-column: 1; }
#basketbook-ui .bb-style-sample[data-sample="market"] i { border-radius: 9px 3px 3px 3px; }
#basketbook-ui .bb-style-sample[data-sample="studio"] i { border: 1px solid var(--bb-accent); background: transparent; border-radius: 2px; }
#basketbook-ui .bb-style-sample[data-sample="studio"] i:first-child { background: transparent; }

:root[data-style="market"] #basketbook-ui .bb-measures { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
:root[data-style="market"] #basketbook-ui .bb-stat { min-height: 110px; border-radius: 9px 22px 9px 9px; }
:root[data-style="market"] #basketbook-ui .bb-stat[data-metric="paid"] { grid-column: span 2; grid-row: span 2; justify-content: center; padding: clamp(16px, 4cqi, 36px); background: linear-gradient(135deg, var(--bb-green-solid), var(--bb-primary-deep)); }
:root[data-style="market"] #basketbook-ui .bb-stat[data-metric="paid"] .bb-stat-value { font-size: clamp(33px, 7cqi, 66px); }
:root[data-style="market"] #basketbook-ui .bb-stat[data-metric="paid"] .bb-stat-detail { margin-top: 3px; }
:root[data-style="market"] #basketbook-ui .bb-stat[data-metric="groceries"] { background: var(--bb-orchid-soft); }
:root[data-style="market"] #basketbook-ui .bb-title h1 { font-weight: 860; }
:root[data-style="market"] #basketbook-ui .bb-panel-title { border-bottom-style: dashed; }
:root[data-style="market"] #basketbook-ui #bb-product-detail { border-radius: 10px 0 0 10px; }
:root[data-style="market"] #basketbook-ui .bb-price-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:root[data-style="market"] #basketbook-ui .bb-price-card:first-child { grid-column: 1 / -1; }
:root[data-style="studio"] #basketbook-ui { border-radius: 6px; }
:root[data-style="studio"] #basketbook-ui .bb-title h1, :root[data-style="studio"] #basketbook-ui .bb-stat-value { font-weight: 650; letter-spacing: -.035em; }
:root[data-style="studio"] #basketbook-ui .bb-title h1::after { width: 100%; height: 1px; background: var(--bb-line); }
:root[data-style="studio"] #basketbook-ui .bb-measures { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--bb-line); background: var(--bb-line); }
:root[data-style="studio"] #basketbook-ui :is(.bb-panel, .bb-household-profile, .bb-style-option) { border-radius: 4px; box-shadow: none; }
:root[data-style="studio"] #basketbook-ui .bb-stat { border: 0; padding: 13px 16px; min-height: 91px; }
:root[data-style="studio"] #basketbook-ui .bb-stat[data-metric="paid"] { background: var(--bb-soft); color: var(--bb-ink); }
:root[data-style="studio"] #basketbook-ui .bb-stat[data-metric="paid"] :is(.bb-stat-label, .bb-muted, .bb-stat-detail) { color: var(--bb-accent); }
:root[data-style="studio"] #basketbook-ui .bb-stat:hover { transform: none; }
:root[data-style="studio"] #basketbook-ui .bb-stat-detail { font-weight: 500; text-decoration: underline; }
:root[data-style="studio"] #basketbook-ui #bb-product-detail { border-radius: 3px; }
@container basketbook-frame (max-width: 540px) {
  #basketbook-ui .bb-household-banner { padding: 12px; }
  :root[data-style="market"] #basketbook-ui .bb-measures { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :root[data-style="market"] #basketbook-ui .bb-stat[data-metric="paid"] { grid-row: auto; min-height: 126px; }
  :root[data-style="market"] #basketbook-ui .bb-stat:last-child { grid-column: 1 / -1; min-height: 76px; }
  :root[data-style="market"] #basketbook-ui .bb-mobile-nav { border-radius: 16px 16px 8px 8px; background: var(--bb-paper); -webkit-backdrop-filter: none; backdrop-filter: none; }
  :root[data-style="market"] #basketbook-ui .bb-mobile-nav::before { border-radius: 11px; background: var(--bb-soft); }
  :root[data-style="studio"] #basketbook-ui .bb-mobile-nav { border-radius: 8px; background: var(--bb-paper); box-shadow: none; border-color: var(--bb-line); -webkit-backdrop-filter: none; backdrop-filter: none; }
  :root[data-style="studio"] #basketbook-ui .bb-mobile-nav::before { display: none; }
  :root[data-style="studio"] #basketbook-ui .bb-mobile-tab { border-radius: 3px; }
  :root[data-style="studio"] #basketbook-ui .bb-mobile-tab[aria-current="page"] { color: var(--bb-accent); background: var(--bb-soft); }
}
#basketbook-ui .bb-settings-section > summary { justify-content: flex-start; cursor: pointer; font-weight: 700; list-style: none; border-bottom: 0; }
#basketbook-ui .bb-settings-section > summary::after { content: "⌄"; margin-inline-start: auto; color: var(--bb-secondary); }
#basketbook-ui .bb-settings-section[open] > summary { border-bottom: 1px solid var(--bb-line); }
#basketbook-ui .bb-settings-section[open] > summary::after { transform: rotate(180deg); }
#basketbook-ui [data-household-panel] > .bb-panel-title { justify-content: flex-start; }
#basketbook-ui [data-settings-icon] { display: inline-flex; color: var(--bb-secondary); }
#basketbook-ui .bb-item-link { color: var(--bb-ink); display:flex; align-items:center; gap:9px; text-decoration:none; }
#basketbook-ui .bb-item-link:hover { text-decoration:none; background:var(--bb-soft); border-radius:12px; }
#basketbook-ui .bb-item-link .bb-product-photo { flex-basis:30px; width:30px; height:30px; }
#basketbook-ui .bb-type strong { display:flex; gap:7px; align-items:center; }
#basketbook-ui .bb-type strong svg { width:18px; height:18px; flex:none; color:var(--bb-secondary); }
#basketbook-ui .bb-view-toggle { display:flex; gap:4px; }
#basketbook-ui .bb-view-toggle button { min-height:32px; padding:3px 8px; }
#basketbook-ui .bb-receipt-link { width:100%; text-align:start; color:var(--bb-ink); cursor:pointer; background:var(--bb-paper); border:0; grid-template-columns:minmax(0,1fr) auto; transition:background-color 180ms ease; }
#basketbook-ui .bb-receipt-link:hover { background:var(--bb-soft); }
#basketbook-ui .bb-receipt-link > span { display:grid; gap:3px; }
#basketbook-ui .bb-original-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:10px; }
#basketbook-ui .bb-original-actions a { text-decoration:none; }
#basketbook-ui .bb-edit-avatar { position:relative; cursor:pointer; padding:0; border:1px solid var(--bb-line); overflow:hidden; width:44px; }
#basketbook-ui .bb-edit-avatar img, #basketbook-ui .bb-profile-toggle > img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; border-radius:inherit; }
#basketbook-ui .bb-header-actions .bb-profile-toggle { position:relative; inset:auto; }
#basketbook-ui .bb-household-people li button { position:relative; width:100%; height:100%; border:0; border-radius:50%; padding:0; background:transparent; color:inherit; cursor:pointer; font:inherit; }
#basketbook-ui .bb-household-people img { position:absolute; inset:0; width:100%; height:100%; border-radius:50%; object-fit:cover; }
#basketbook-ui [data-member-detail] .bb-breakdown dt { display:flex; gap:7px; align-items:center; }
#basketbook-ui .bb-demo-toggle { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:44px; cursor:pointer; }
#basketbook-ui .bb-demo-toggle input { -webkit-appearance:none; appearance:none; flex:none; position:relative; width:42px; min-height:0; height:25px; padding:0; margin:0; border:1px solid var(--bb-line); border-radius:999px; background:var(--bb-line); cursor:inherit; transition:background-color 220ms ease; }
#basketbook-ui .bb-demo-toggle input::after { content:""; position:absolute; inset:3px auto auto 3px; width:17px; height:17px; background:#fff; border-radius:50%; box-shadow:0 1px 3px #0003; transition:transform 220ms ease; }
#basketbook-ui .bb-demo-toggle input:checked { background:var(--bb-green-solid); border-color:var(--bb-green-solid); }
#basketbook-ui .bb-demo-toggle input:checked::after { transform:translateX(17px); }
#basketbook-ui .bb-demo-toggle input:disabled { opacity:.5; cursor:default; }
#basketbook-ui [data-preferences-status]:empty, #basketbook-ui [data-receipt-original-status]:empty { display:none; }
#basketbook-ui .bb-scope-note:empty { display:none; }
#basketbook-ui [data-product-category-edit] { max-width:100%; padding:6px; border:1px solid var(--bb-line); border-radius:7px; background:var(--bb-paper); }
@container basketbook-frame (max-width:540px) {
  #basketbook-ui [data-swipe-receipt] > .bb-receipt-link { grid-template-columns:minmax(0,1fr) auto; padding-inline-end:43px; }
  #basketbook-ui .bb-receipt-row > .bb-receipt-actions { position:absolute; inset:50% 3px auto auto; transform:translateY(-50%); z-index:2; width:34px; border:0; background:transparent; }
  #basketbook-ui [data-swipe-receipt][data-swiped] > .bb-receipt-actions { display:none; }
}
#basketbook-ui .bb-import-review { display:grid; gap:8px; padding:12px; border:1px solid var(--bb-line); border-radius:12px; background:var(--bb-bg); overflow-wrap:anywhere; }
#basketbook-ui [data-import-status]:empty { display:none; }