/* Owner dashboards on the phone: booking (#bk-odx) and shop (#shop-odx).
 *
 * The desktop dashboards' look (static/css/booking/booking-owner.css) laid
 * out for a phone: white cards with hairlines in light, black in dark, the
 * app's own --primary-color for bars and the active state, no grey fills.
 *
 * Every selector carries the root id through :is() so it outranks the
 * page's blanket theme sweeps ([data-theme="light"] * * *, the
 * [class*="bytes"] sweep, #market-main-area *), and colour is set together
 * with -webkit-text-fill-color because the sweeps set both.
 */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx {
  --odx-bg: #ffffff;
  --odx-card: #ffffff;
  --odx-ink: #0a0a0a;
  --odx-mute: rgba(10, 10, 10, 0.56);
  --odx-faint: rgba(10, 10, 10, 0.38);
  --odx-line: rgba(10, 10, 10, 0.09);
  --odx-line2: rgba(10, 10, 10, 0.16);
  --odx-brand: var(--primary-color, #5b4fd6);
  --odx-good: #11893f;
  --odx-bad: #d0342c;
  --odx-warn: #a86400;
  --odx-font: var(--font-family, 'Inter', system-ui, -apple-system, sans-serif);
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 6px 16px 120px !important;
  margin: 0 !important;
  background: var(--odx-bg) !important;
  color: var(--odx-ink) !important;
  -webkit-text-fill-color: var(--odx-ink) !important;
  font-family: var(--odx-font) !important;
  text-align: left !important;
}
:is(html[data-theme="dark"], html[data-theme="dark-accent"]) body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx {
  --odx-bg: #000000;
  --odx-card: #000000;
  --odx-ink: #ffffff;
  --odx-mute: rgba(255, 255, 255, 0.62);
  --odx-faint: rgba(255, 255, 255, 0.42);
  --odx-line: rgba(255, 255, 255, 0.13);
  --odx-line2: rgba(255, 255, 255, 0.24);
  --odx-good: #3ccf73;
  --odx-bad: #ff6159;
  --odx-warn: #f0a93b;
}
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx :where(*) {
  box-sizing: border-box !important;
  font-weight: 400 !important;
  font-family: var(--odx-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx :is(div, span, b, strong, small, em, p, h2, h3, label, a, button, i, input, section) {
  color: var(--odx-ink) !important;
  -webkit-text-fill-color: var(--odx-ink) !important;
}
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx :is(b, strong, h2, h3) { font-weight: 600 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx button { -webkit-tap-highlight-color: transparent; cursor: pointer; font: inherit; background: transparent !important; box-shadow: none !important; border-radius: 0; min-height: 0 !important; }

/* header */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 8px 0 12px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-head__title { display: flex !important; flex-direction: column !important; gap: 3px !important; min-width: 0 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-head__title h2 { margin: 0 !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.1 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-head__title span { font-size: 13px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; white-space: nowrap !important; }

/* buttons */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 32px !important; padding: 0 12px !important; border-radius: 9px !important; border: 1px solid var(--odx-line2) !important; background: transparent !important; color: var(--odx-ink) !important; -webkit-text-fill-color: var(--odx-ink) !important; font-size: 13px !important; font-weight: 600 !important; white-space: nowrap !important; text-decoration: none !important; box-shadow: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-btn.is-solid { background: var(--odx-brand) !important; border-color: var(--odx-brand) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-btn.is-ghost { border-color: transparent !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-btn.is-danger { border-color: color-mix(in srgb, var(--odx-bad) 45%, transparent) !important; color: var(--odx-bad) !important; -webkit-text-fill-color: var(--odx-bad) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-btn[disabled], html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-btn.is-loading { opacity: .5 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-link { border: 0 !important; background: none !important; padding: 10px 0 2px !important; font-size: 13px !important; font-weight: 600 !important; color: var(--odx-brand) !important; -webkit-text-fill-color: var(--odx-brand) !important; }

/* range segment */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-seg { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: 1fr !important; gap: 0 !important; padding: 3px !important; margin: 0 0 12px !important; border: 1px solid var(--odx-line2) !important; border-radius: 11px !important; background: transparent !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-seg button { height: 30px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; font-size: 13px !important; font-weight: 600 !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; box-shadow: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-seg button[aria-pressed="true"] { background: var(--odx-ink) !important; color: var(--odx-bg) !important; -webkit-text-fill-color: var(--odx-bg) !important; }

/* tabs */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-tabs { display: flex !important; gap: 20px !important; margin: 0 0 14px !important; border-bottom: 1px solid var(--odx-line) !important; overflow-x: auto !important; scrollbar-width: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-tabs::-webkit-scrollbar { display: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-tab { position: relative !important; flex: none !important; height: 38px !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 14px !important; font-weight: 600 !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; box-shadow: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-tab[aria-selected="true"] { color: var(--odx-ink) !important; -webkit-text-fill-color: var(--odx-ink) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-tab[aria-selected="true"]::after { content: '' !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: -1px !important; height: 2px !important; background: var(--odx-ink) !important; border-radius: 2px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-tab em { font-style: normal !important; margin-left: 5px !important; font-size: 12px !important; color: var(--odx-faint) !important; -webkit-text-fill-color: var(--odx-faint) !important; }

/* KPI tiles */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-kpis { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 0 10px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-tile { display: flex !important; flex-direction: column !important; gap: 6px !important; min-width: 0 !important; padding: 12px !important; border: 1px solid var(--odx-line) !important; border-radius: 12px !important; background: var(--odx-card) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-tile__top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 6px !important; min-height: 18px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-tile__label { min-width: 0 !important; font-size: 12px !important; font-weight: 500 !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-tile__mid { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 6px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-tile__value { color: var(--odx-ink) !important; -webkit-text-fill-color: var(--odx-ink) !important; font-size: 22px !important; line-height: 1.05 !important; font-weight: 700 !important; font-variant-numeric: tabular-nums !important; white-space: nowrap !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-tile__sub { font-size: 11px !important; line-height: 1.3 !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-spark { flex: 0 1 64px !important; width: 64px !important; height: 22px !important; overflow: visible !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-spark__line { fill: none !important; stroke: var(--odx-brand) !important; stroke-width: 1.5 !important; vector-effect: non-scaling-stroke; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-spark__area { fill: color-mix(in srgb, var(--odx-brand) 12%, transparent) !important; stroke: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-spark.is-muted .odx-spark__line { stroke: var(--odx-faint) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-spark.is-muted .odx-spark__area { fill: transparent !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-delta { flex: none !important; padding: 0 5px !important; border-radius: 5px !important; font-size: 10px !important; font-weight: 700 !important; line-height: 16px !important; border: 1px solid currentColor !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-delta.is-up { color: var(--odx-good) !important; -webkit-text-fill-color: var(--odx-good) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-delta.is-down { color: var(--odx-bad) !important; -webkit-text-fill-color: var(--odx-bad) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-delta.is-flat { color: var(--odx-faint) !important; -webkit-text-fill-color: var(--odx-faint) !important; }

/* cards */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-card { display: block !important; margin: 0 0 10px !important; padding: 14px !important; border: 1px solid var(--odx-line) !important; border-radius: 14px !important; background: var(--odx-card) !important; box-shadow: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-card.is-flush { padding: 0 !important; overflow: hidden !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-card__head { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 10px !important; margin: 0 0 10px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-card__head h3 { margin: 0 !important; font-size: 15px !important; font-weight: 700 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-card__meta { font-size: 12px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; text-align: right !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-empty { margin: 4px 0 2px !important; font-size: 13px !important; line-height: 1.45 !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-card.is-flush > .odx-empty { padding: 18px 14px !important; margin: 0 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-foot { margin: 0 0 12px !important; font-size: 11px !important; color: var(--odx-faint) !important; -webkit-text-fill-color: var(--odx-faint) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-num { font-variant-numeric: tabular-nums !important; }

/* needs action */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-act { display: flex !important; align-items: center !important; gap: 8px !important; padding: 10px 0 !important; border-top: 1px solid var(--odx-line) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-card__head + .odx-act { border-top: 0 !important; padding-top: 2px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-act__copy { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 2px !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: left !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-act__copy b { font-size: 13px !important; font-weight: 600 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-act__copy span { font-size: 12px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-act.is-question .odx-act__copy span { white-space: normal !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-act__btns { display: flex !important; flex: none !important; gap: 6px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-act__btns .odx-btn { height: 30px !important; padding: 0 10px !important; font-size: 12px !important; }

/* today */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-agenda { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; padding: 9px 0 !important; border: 0 !important; border-top: 1px solid var(--odx-line) !important; background: none !important; text-align: left !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-card__head + .odx-agenda { border-top: 0 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-agenda.is-done { opacity: .55 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-agenda__time { flex: none !important; width: 64px !important; font-size: 13px !important; font-weight: 600 !important; font-variant-numeric: tabular-nums !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-agenda__copy { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 1px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-agenda__copy b { font-size: 13px !important; font-weight: 600 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-agenda__copy span { font-size: 12px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }

/* pills */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill { flex: none !important; display: inline-flex !important; align-items: center !important; height: 20px !important; padding: 0 7px !important; border-radius: 6px !important; border: 1px solid currentColor !important; background: transparent !important; font-size: 11px !important; font-weight: 600 !important; white-space: nowrap !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill.is-pending, html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill.is-expired { color: var(--odx-warn) !important; -webkit-text-fill-color: var(--odx-warn) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill.is-confirmed, html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill.is-paid, html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill.is-fulfilled, html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill.is-delivered { color: var(--odx-good) !important; -webkit-text-fill-color: var(--odx-good) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill.is-completed, html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill.is-done { color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill.is-cancelled, html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill.is-refunded, html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill.is-failed { color: var(--odx-bad) !important; -webkit-text-fill-color: var(--odx-bad) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-pill.is-brand { color: var(--odx-brand) !important; -webkit-text-fill-color: var(--odx-brand) !important; }

/* revenue bars */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-bars { display: flex !important; align-items: flex-end !important; gap: 2px !important; height: 120px !important; border-bottom: 1px solid var(--odx-line2) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-bars__col { flex: 1 1 0 !important; min-width: 0 !important; height: 100% !important; display: flex !important; align-items: flex-end !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-bars__col i { display: block !important; width: 100% !important; border-radius: 3px 3px 0 0 !important; background: var(--odx-brand) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-axis { display: flex !important; justify-content: space-between !important; margin-top: 6px !important; font-size: 11px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }

/* horizontal bars */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-hbar { padding: 7px 0 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-hbar__top { display: flex !important; justify-content: space-between !important; gap: 10px !important; font-size: 13px !important; margin-bottom: 6px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-hbar__top span { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-hbar__top b { flex: none !important; font-weight: 600 !important; font-variant-numeric: tabular-nums !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-hbar__track { height: 5px !important; border-radius: 3px !important; border: 1px solid var(--odx-line) !important; background: transparent !important; overflow: hidden !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-hbar__track i { display: block !important; height: 100% !important; background: var(--odx-brand) !important; border-radius: 3px !important; }

/* heatmap */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-heat { display: grid !important; gap: 3px !important; font-size: 10px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-heat__h { text-align: left !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; white-space: nowrap !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-heat__d { color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; line-height: 16px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-heat__c { height: 16px !important; border-radius: 3px !important; border: 1px solid var(--odx-line) !important; background: transparent !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-heat__c.is-on { border-color: transparent !important; background: color-mix(in srgb, var(--odx-brand) calc(var(--a, 1) * 100%), transparent) !important; }

/* status chips + search */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-chips { display: flex !important; gap: 6px !important; margin: 0 -16px 10px !important; padding: 0 16px !important; overflow-x: auto !important; scrollbar-width: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-chips::-webkit-scrollbar { display: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-chip { flex: none !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; height: 32px !important; padding: 0 12px !important; border-radius: 999px !important; border: 1px solid var(--odx-line2) !important; background: transparent !important; font-size: 13px !important; font-weight: 600 !important; box-shadow: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-chip span { font-size: 11px !important; color: var(--odx-faint) !important; -webkit-text-fill-color: var(--odx-faint) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-chip[aria-pressed="true"] { background: var(--odx-ink) !important; border-color: var(--odx-ink) !important; color: var(--odx-bg) !important; -webkit-text-fill-color: var(--odx-bg) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-chip[aria-pressed="true"] span { color: var(--odx-bg) !important; -webkit-text-fill-color: var(--odx-bg) !important; opacity: .7 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-search { display: flex !important; align-items: center !important; gap: 8px !important; height: 40px !important; margin: 0 0 10px !important; padding: 0 12px !important; border: 1px solid var(--odx-line2) !important; border-radius: 11px !important; background: transparent !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-search i { font-size: 13px !important; color: var(--odx-faint) !important; -webkit-text-fill-color: var(--odx-faint) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-search input { flex: 1 !important; min-width: 0 !important; height: 100% !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 16px !important; padding: 0 !important; color: var(--odx-ink) !important; -webkit-text-fill-color: var(--odx-ink) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-search input::placeholder { color: var(--odx-faint) !important; -webkit-text-fill-color: var(--odx-faint) !important; }

/* list rows */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row { border-top: 1px solid var(--odx-line) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row:first-child { border-top: 0 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row__main { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; padding: 11px 14px !important; border: 0 !important; background: transparent !important; text-align: left !important; box-shadow: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row__date { flex: none !important; width: 34px !important; display: flex !important; flex-direction: column !important; align-items: center !important; line-height: 1 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row__date small { font-size: 9px !important; font-weight: 700 !important; letter-spacing: .08em !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row__date b { font-size: 18px !important; font-weight: 700 !important; margin-top: 3px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row__copy { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 2px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row__copy b { font-size: 14px !important; font-weight: 600 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row__copy span { font-size: 12px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row__end { flex: none !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 4px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row__end b { font-size: 13px !important; font-weight: 600 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row.is-cancelled .odx-row__copy b, html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row.is-refunded .odx-row__copy b { text-decoration: line-through !important; text-decoration-color: var(--odx-faint) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-row__acts { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 0 14px 11px 60px !important; font-size: 12px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }

/* people */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-person { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; padding: 11px 14px !important; border: 0 !important; border-top: 1px solid var(--odx-line) !important; background: transparent !important; text-align: left !important; box-shadow: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-person:first-child { border-top: 0 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-av { flex: none !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid var(--odx-line2) !important; background: transparent !important; font-size: 12px !important; font-weight: 700 !important; overflow: hidden !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-av img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-person__copy { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 2px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-person__copy b { font-size: 14px !important; font-weight: 600 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-person__copy span { font-size: 12px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-person > .odx-num { flex: none !important; font-size: 14px !important; font-weight: 600 !important; }

/* key/value rows, textarea, list chevrons, skeleton */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-kv { display: flex !important; justify-content: space-between !important; gap: 12px !important; padding: 8px 0 !important; border-top: 1px solid var(--odx-line) !important; font-size: 13px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-card__head + .odx-kv { border-top: 0 !important; padding-top: 0 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-kv span { color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-kv b { font-weight: 600 !important; text-align: right !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-card.odx-card--list > .odx-card__head { padding: 14px 14px 0 !important; margin: 0 0 4px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-chev { margin-left: 6px !important; font-size: 12px !important; color: var(--odx-faint) !important; -webkit-text-fill-color: var(--odx-faint) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-av i { font-size: 13px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-textarea { display: block !important; width: 100% !important; min-height: 76px !important; margin: 10px 0 !important; padding: 10px 12px !important; border: 1px solid var(--odx-line2) !important; border-radius: 11px !important; background: transparent !important; color: var(--odx-ink) !important; -webkit-text-fill-color: var(--odx-ink) !important; font-size: 16px !important; line-height: 1.4 !important; resize: vertical !important; box-shadow: none !important; outline: 0 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-textarea::placeholder { color: var(--odx-faint) !important; -webkit-text-fill-color: var(--odx-faint) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-skel { height: 92px !important; animation: odxPulse 1.2s ease-in-out infinite !important; }
@keyframes odxPulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }

/* Bloc Space analytics pieces (#bs-odx). */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-legend { display: flex !important; gap: 14px !important; margin: -4px 0 10px !important; font-size: 12px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-legend span { display: inline-flex !important; align-items: center !important; gap: 6px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-legend i { display: inline-block !important; width: 9px !important; height: 9px !important; border-radius: 2px !important; background: var(--odx-brand) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-legend i.is-line { width: 12px !important; height: 2px !important; background: var(--odx-ink) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-bars-wrap { position: relative !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-bars__line { position: absolute !important; inset: 0 0 1px 0 !important; width: 100% !important; height: calc(100% - 1px) !important; overflow: visible !important; pointer-events: none !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-bars__line polyline { fill: none !important; stroke: var(--odx-ink) !important; stroke-width: 1.5 !important; vector-effect: non-scaling-stroke; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-bars.odx-bars--ret { height: 80px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-minis { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin-top: 12px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-minis > div { display: flex !important; flex-direction: column !important; gap: 2px !important; padding: 10px !important; border: 1px solid var(--odx-line) !important; border-radius: 10px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-minis b { font-size: 16px !important; font-weight: 700 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-minis span { font-size: 11px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-byte .odx-byte__stats { font-size: 11px !important; color: var(--odx-faint) !important; -webkit-text-fill-color: var(--odx-faint) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx :is(.bsa-thumb, .bsa-avatar) { flex: none !important; width: 40px !important; height: 40px !important; border-radius: 9px !important; overflow: hidden !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid var(--odx-line) !important; background: transparent !important; font-size: 13px !important; font-weight: 700 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .bsa-avatar { width: 34px !important; height: 34px !important; border-radius: 50% !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx :is(.bsa-thumb, .bsa-avatar) img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx :is(.bsa-thumb, .bsa-avatar) i { color: var(--odx-faint) !important; -webkit-text-fill-color: var(--odx-faint) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-person__when { flex: none !important; font-size: 12px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-foot.odx-foot--in { margin: 0 !important; padding: 10px 14px 12px !important; border-top: 1px solid var(--odx-line) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-link.odx-link--in { display: block !important; width: 100% !important; text-align: left !important; padding: 10px 14px 12px !important; border-top: 1px solid var(--odx-line) !important; }

/* The booking page around the dashboard: pure white / black, no side gutter
   tint showing around the root in dark. */
html body #booking-main-area:has(#bk-odx),
html body #booking-main-area :has(> #bk-odx) { background: #ffffff !important; }
html[data-theme="dark"] body #booking-main-area:has(#bk-odx),
html[data-theme="dark"] body #booking-main-area :has(> #bk-odx),
html[data-theme="dark"] body #booking-main-area :has(#bk-odx) { background: #000000 !important; }
html body #booking-main-area #mobile-services-selection-list:has(#bk-odx) { padding-left: 0 !important; padding-right: 0 !important; }
html body #booking-main-area #booking-services-content:has(> #bk-odx) { width: 100% !important; max-width: none !important; }

/* The five booking sections are a single horizontal rail. Keep it in view
   while the dashboard scrolls; a thumb on the rail must not drag the page
   vertically or diagonally. The content below still scrolls normally. */
html body #booking-main-area:has(#bk-odx),
html body #booking-main-area:has(#bk-odx) #mobile-builtin-booking-container,
html body #booking-main-area:has(#bk-odx) #booking-services-content,
html body #booking-main-area #bk-odx {
  overflow-x: clip !important;
  max-width: 100vw !important;
}
html body #booking-main-area #bk-odx .odx-tabs {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain !important;
  touch-action: pan-x !important;
  -webkit-overflow-scrolling: touch !important;
  background: var(--odx-bg) !important;
}

/* Shop owner dashboard tabs scroll horizontally, then leave with the page
   during a vertical scroll. Keep the sheet from panning sideways as a whole. */
html body :is(#shop-main-area, #mobile-shop-owner-orders-modal):has(#shop-odx) #shop-odx,
html body #mobile-shop-owner-orders-modal:has(#shop-odx) .mobile-shop-dashboard-scroll {
  overflow-x: clip !important;
  max-width: 100vw !important;
}
html body #shop-odx .odx-tabs {
  position: static !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain !important;
  touch-action: pan-x !important;
  -webkit-overflow-scrolling: touch !important;
  background: var(--odx-bg) !important;
}

/* Booking detail sheet: timeline + payment actions (owner-detail.js). */
html body #mobile-booking-owner-detail .mbd-tl { list-style: none !important; margin: 0 !important; padding: 0 0 0 14px !important; border-left: 1px solid rgba(10,10,10,.12) !important; display: grid !important; gap: 10px !important; }
html body #mobile-booking-owner-detail .mbd-tl li { position: relative !important; display: flex !important; flex-direction: column !important; gap: 1px !important; }
html body #mobile-booking-owner-detail .mbd-tl li::before { content: '' !important; position: absolute !important; left: -19px !important; top: 5px !important; width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #ffffff !important; border: 2px solid rgba(10,10,10,.28) !important; }
html body #mobile-booking-owner-detail .mbd-tl li.is-done::before { background: var(--primary-color, #5b4fd6) !important; border-color: var(--primary-color, #5b4fd6) !important; }
html body #mobile-booking-owner-detail .mbd-tl li.is-now::before { border-color: #a86400 !important; }
html body #mobile-booking-owner-detail .mbd-tl li.is-bad::before { background: #d0342c !important; border-color: #d0342c !important; }
html body #mobile-booking-owner-detail .mbd-tl b { font-size: 13px !important; font-weight: 600 !important; color: #0a0a0a !important; -webkit-text-fill-color: #0a0a0a !important; }
html body #mobile-booking-owner-detail .mbd-tl span { font-size: 12px !important; font-weight: 400 !important; color: rgba(10,10,10,.56) !important; -webkit-text-fill-color: rgba(10,10,10,.56) !important; }
html body #mobile-booking-owner-detail .mbd-acts { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 14px !important; }
html body #mobile-booking-owner-detail .mbd-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 40px !important; padding: 0 14px !important; border-radius: 11px !important; border: 1px solid rgba(10,10,10,.16) !important; background: #ffffff !important; color: #0a0a0a !important; -webkit-text-fill-color: #0a0a0a !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body #mobile-booking-owner-detail .mbd-btn.is-danger { border-color: rgba(208,52,44,.45) !important; color: #d0342c !important; -webkit-text-fill-color: #d0342c !important; }

/* Shop sheets around the dashboard: pure white / black. */
html body :is(#shop-orders-modal, #mobile-shop-owner-orders-modal):has(#shop-odx),
html body :is(#shop-orders-modal, #mobile-shop-owner-orders-modal):has(#shop-odx) :is(.mobile-shop-dashboard-scroll, .mobile-shop-orders-topbar, #shop-orders-list-modal, #mobile-shop-dashboard-order-rows) { background: #ffffff !important; }
html[data-theme="dark"] body :is(#shop-orders-modal, #mobile-shop-owner-orders-modal):has(#shop-odx),
html[data-theme="dark"] body :is(#shop-orders-modal, #mobile-shop-owner-orders-modal):has(#shop-odx) :is(.mobile-shop-dashboard-scroll, .mobile-shop-orders-topbar, #shop-orders-list-modal, #mobile-shop-dashboard-order-rows) { background: #000000 !important; }
html[data-theme="dark"] body #mobile-shop-owner-orders-modal:has(#shop-odx) .mobile-shop-orders-topbar :is(button, span, i) { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: transparent !important; border-color: rgba(255,255,255,.24) !important; }
html body :is(#shop-orders-modal, #mobile-shop-owner-orders-modal):has(#shop-odx) :is(#shop-orders-list-modal, #mobile-shop-dashboard-order-rows) { padding: 0 !important; margin: 0 !important; display: block !important; }

/* Bloc Space around an odx section: pure white / black, and the modal's own
   14px gutter is the side margin. */
html body #blocspace-modal-content :is(#bs-odx, #bsm-odx, #bsw-odx).odx { padding-left: 2px !important; padding-right: 2px !important; }
html body :is(#blocspace-modal, #blocspace-modal-content):has(#bs-odx:not([style*="none"]), #bsm-odx, #bsw-odx) { background: #ffffff !important; }
:is(html[data-theme="dark"], html[data-theme="dark-accent"]) body :is(#blocspace-modal, #blocspace-modal-content):has(#bs-odx:not([style*="none"]), #bsm-odx, #bsw-odx) { background: #000000 !important; }

/* Wallet / Members pieces. */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-subhead { display: flex !important; align-items: baseline !important; justify-content: space-between !important; margin: 18px 0 10px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-subhead h3 { margin: 0 !important; font-size: 17px !important; font-weight: 700 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-subhead span { font-size: 12px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-kv b.is-ok { color: var(--odx-good) !important; -webkit-text-fill-color: var(--odx-good) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-kv b.is-off { color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-av { position: relative !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-av img { position: absolute !important; inset: 0 !important; z-index: 1 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-av__txt { font-size: 12px !important; font-weight: 700 !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-sheet__acts { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 12px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-sheet__acts .odx-btn { height: 40px !important; padding: 0 16px !important; font-size: 14px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-person .odx-row__end { gap: 4px !important; }

/* The member sheet (#bsdesk-person > #bsp-odx). */
html body #bsdesk-person { position: fixed !important; inset: 0 !important; z-index: 2000100 !important; display: flex !important; align-items: flex-end !important; }
html body #bsdesk-person .odx-sheetwrap__bg { position: absolute !important; inset: 0 !important; background: rgba(0,0,0,.36) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx.odx-sheet { position: relative !important; z-index: 1 !important; width: 100% !important; max-height: 86vh !important; overflow: auto !important; border-radius: 20px 20px 0 0 !important; padding: 18px 16px calc(24px + env(safe-area-inset-bottom, 0px)) !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-sheet__x { position: absolute !important; top: 12px !important; right: 12px !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; border: 1px solid var(--odx-line2) !important; font-size: 20px !important; line-height: 1 !important; display: grid !important; place-items: center !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-person.is-head { padding: 4px 44px 14px 0 !important; border: 0 !important; }

/* Shop dashboard (#shop-odx): the rest of desktop's nav -- Products,
   Tickets & events, Deliveries, Earnings, Settings. */
html body #shop-odx#shop-odx.odx .odx-thumb { flex: 0 0 44px !important; width: 44px !important; height: 44px !important; border-radius: 10px !important; overflow: hidden !important; display: grid !important; place-items: center !important; border: 1px solid var(--odx-line) !important; font-size: 15px !important; font-weight: 700 !important; color: var(--odx-faint) !important; -webkit-text-fill-color: var(--odx-faint) !important; }
html body #shop-odx#shop-odx.odx .odx-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
html body #shop-odx#shop-odx.odx .odx-prod { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-height: 64px !important; padding: 10px 14px !important; border: 0 !important; border-top: 1px solid var(--odx-line) !important; text-align: left !important; }
html body #shop-odx#shop-odx.odx .odx-prod:first-child { border-top: 0 !important; }
html body #shop-odx#shop-odx.odx .odx-prod__copy { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 3px !important; }
html body #shop-odx#shop-odx.odx .odx-prod__copy > b { font-size: 14px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body #shop-odx#shop-odx.odx .odx-prod__copy > span { font-size: 12px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body #shop-odx#shop-odx.odx .odx-prod__tags { display: flex !important; gap: 4px !important; flex-wrap: wrap !important; }
html body #shop-odx#shop-odx.odx .odx-prod__end { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 1px !important; }
html body #shop-odx#shop-odx.odx .odx-prod__end small { font-size: 11px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body #shop-odx#shop-odx.odx .odx-card__acts { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin-top: 10px !important; }
html body #shop-odx#shop-odx.odx .odx-radio { display: flex !important; align-items: flex-start !important; gap: 12px !important; padding: 10px 0 !important; border-top: 1px solid var(--odx-line) !important; cursor: pointer !important; }
html body #shop-odx#shop-odx.odx .odx-radio input { width: 18px !important; height: 18px !important; margin: 2px 0 0 !important; accent-color: var(--odx-brand) !important; }
html body #shop-odx#shop-odx.odx .odx-radio > span { display: flex !important; flex-direction: column !important; gap: 2px !important; }
html body #shop-odx#shop-odx.odx .odx-radio > span > span { font-size: 12.5px !important; color: var(--odx-mute) !important; -webkit-text-fill-color: var(--odx-mute) !important; }
html body #shop-odx#shop-odx.odx .odx-inline { display: flex !important; gap: 8px !important; margin-top: 8px !important; }
html body #shop-odx#shop-odx.odx .odx-input { flex: 1 !important; height: 36px !important; padding: 0 10px !important; border: 1px solid var(--odx-line2) !important; border-radius: 9px !important; background: var(--odx-card) !important; color: var(--odx-ink) !important; -webkit-text-fill-color: var(--odx-ink) !important; font-size: 14px !important; }

/* Wallet: "Set up how you get paid" leads when Stripe or Phantom is missing. */
html body .odx .odx-getpaid { margin: 4px 0 16px; padding: 16px; border-radius: 18px; border: 1px solid color-mix(in srgb, currentColor 14%, transparent); background: color-mix(in srgb, currentColor 4%, transparent); }
html body .odx .odx-getpaid__head { display: flex; flex-direction: column; gap: 3px; margin-bottom: 10px; }
html body .odx .odx-getpaid__head b { font-size: 17px; font-weight: 800; }
html body .odx .odx-getpaid__head span { font-size: 13px; opacity: .7; }
html body .odx .odx-getpaid__row { all: unset; box-sizing: border-box; width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 4px; cursor: pointer; border-top: 1px solid color-mix(in srgb, currentColor 10%, transparent); }
html body .odx .odx-getpaid__row:first-of-type { border-top: 0; }
html body .odx .odx-getpaid__logo { flex: none; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; }
html body .odx .odx-getpaid__logo.is-stripe { background: #635bff !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font: 800 13px/1 -apple-system, "Helvetica Neue", sans-serif; letter-spacing: -.02em; }
html body .odx .odx-getpaid__logo.is-phantom { background: #ab9ff2 !important; }
html body .odx .odx-getpaid__logo svg { width: 26px; height: 26px; }
html body .odx .odx-getpaid__copy { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html body .odx .odx-getpaid__copy b { font-size: 15px; font-weight: 700; }
html body .odx .odx-getpaid__copy small { font-size: 12.5px; opacity: .68; }
html body .odx .odx-getpaid__row > i { opacity: .45; font-size: 13px; }

/* Bar numbers and a date under each bar (replaces "Best day"). */
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-bars__col { flex-direction: column !important; justify-content: flex-end !important; align-items: center !important; gap: 3px !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-bars__n { font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; color: var(--odx-ink, #111) !important; -webkit-text-fill-color: currentColor !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-axis--each { display: flex !important; gap: 2px !important; justify-content: stretch !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-axis--each > span { flex: 1 1 0 !important; min-width: 0 !important; text-align: center !important; }
html body :is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx):is(#bk-odx, #shop-odx, #bs-odx, #bsm-odx, #bsw-odx, #bsp-odx).odx .odx-axis__month { margin: 4px 0 0 !important; font-size: 11px !important; color: var(--odx-dim, #6b6b70) !important; -webkit-text-fill-color: currentColor !important; text-align: center !important; }

/* Wallet: the optional USDC row under Stripe payouts, and plain text links.
   Scoped with the wallet id so Glass's button sweep can't box them in. */
html body #bsw-odx#bsw-odx.odx .odx-usdc-offer {
  all: unset; box-sizing: border-box; width: 100%; display: flex; align-items: center; gap: 12px;
  margin: 10px 0 16px; padding: 10px 14px 10px 10px; border-radius: 999px; cursor: pointer;
  border: 1px solid color-mix(in srgb, currentColor 14%, transparent) !important;
  background: transparent !important; box-shadow: none !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html body #bsw-odx#bsw-odx.odx .odx-usdc-offer .odx-getpaid__logo { width: 34px; height: 34px; border-radius: 50%; }
html body #bsw-odx#bsw-odx.odx .odx-usdc-offer .odx-getpaid__logo svg { width: 20px; height: 20px; }
html body #bsw-odx#bsw-odx.odx .odx-usdc-offer .odx-getpaid__copy { flex: 1 1 auto; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
html body #bsw-odx#bsw-odx.odx .odx-usdc-offer .odx-getpaid__copy b { font-size: 14px; font-weight: 700; }
html body #bsw-odx#bsw-odx.odx .odx-usdc-offer .odx-getpaid__copy small { font-size: 12px; opacity: .65; }
html body #bsw-odx#bsw-odx.odx .odx-usdc-offer > i { opacity: .5; font-size: 12px; }
html[data-appearance] body #bsw-odx#bsw-odx.odx .odx-link,
html body #bsw-odx#bsw-odx.odx .odx-link {
  background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; padding: 12px 2px 4px !important;
}