/* Hive Design System v1
   Opt-in styling for Seller and shared account/commerce overlays only.
   Scene views intentionally receive no tokens or selectors from this file. */

:where(
  .seller-view,
  .print-cart-drawer,
  .print-cart-upload-overlay,
  .favorites-drawer,
  .advertising-drawer,
  .hive-account-menu,
  .profile-auth-overlay,
  .account-plan-overlay,
  .account-plan-dialog,
  .account-settings-overlay,
  .become-seller-overlay,
  .checkout-view,
  .product-filter-panel,
  .profile-auth-card,
  .command-alert-tray,
  .xbox-toast-host,
  .xbox-toast:not(.is-marketplace-gold)
) {
  --hive-bg: #f6f7f9;
  --hive-surface: #ffffff;
  --hive-surface-2: #f1f3f6;
  --hive-surface-3: #e9edf2;
  --hive-line: #e4e8ee;
  --hive-line-strong: #d3dae3;
  --hive-text: #141922;
  --hive-text-2: #5b6473;
  --hive-text-3: #8b94a3;
  --hive-accent: #e8971a;
  --hive-accent-strong: #c97d0e;
  --hive-accent-tint: #fbf1dd;
  --hive-on-accent: #1a1205;
  --hive-positive: #2e9e63;
  --hive-warning: #f2a51f;
  --hive-negative: #e5484d;
  --hive-info: #f4b942;
  --hive-space-1: 4px;
  --hive-space-2: 8px;
  --hive-space-3: 12px;
  --hive-space-4: 16px;
  --hive-space-6: 24px;
  --hive-space-8: 32px;
  --hive-radius-control: 5px;
  --hive-radius-input: 7px;
  --hive-radius-card: 10px;
  --hive-radius-panel: 14px;
  --hive-radius-pill: 999px;
  --hive-shadow-1: 0 1px 2px rgba(16, 20, 26, 0.06), 0 1px 1px rgba(16, 20, 26, 0.05);
  --hive-shadow-2: 0 6px 20px rgba(16, 20, 26, 0.1), 0 1px 3px rgba(16, 20, 26, 0.06);
  --hive-shadow-3: 0 22px 56px rgba(16, 20, 26, 0.18);
  --hive-font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --hive-font-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;
  font-family: var(--hive-font-sans);
}

body.theme-dark :where(
  .seller-view,
  .print-cart-drawer,
  .print-cart-upload-overlay,
  .favorites-drawer,
  .advertising-drawer,
  .hive-account-menu,
  .profile-auth-overlay,
  .account-plan-overlay,
  .account-plan-dialog,
  .account-settings-overlay,
  .become-seller-overlay,
  .checkout-view,
  .product-filter-panel,
  .profile-auth-card,
  .command-alert-tray,
  .xbox-toast-host,
  .xbox-toast:not(.is-marketplace-gold)
) {
  /* Dark Hive surfaces stay neutral; color is reserved for semantic accents. */
  --hive-bg: #000000;
  --hive-surface: #0b0b0b;
  --hive-surface-2: #151515;
  --hive-surface-3: #202020;
  --hive-line: #2f2f2f;
  --hive-line-strong: #575757;
  --hive-text: #eef1f5;
  --hive-text-2: #9aa4b2;
  --hive-text-3: #6b7480;
  --hive-accent: #f4b942;
  --hive-accent-strong: #f4b942;
  --hive-accent-tint: rgba(244, 185, 66, 0.16);
  --hive-on-accent: #161009;
  --hive-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.22), 0 1px 1px rgba(0, 0, 0, 0.18);
  --hive-shadow-2: 0 6px 20px rgba(0, 0, 0, 0.28), 0 1px 3px rgba(0, 0, 0, 0.24);
  --hive-shadow-3: 0 22px 56px rgba(0, 0, 0, 0.46);
}

/* Every UI style preset must reach these surfaces, not just the day/night
   theme. The dark palette above is gated on `body.theme-dark`, and the dark
   presets (batman, gotham, terminal, workshop-amber, carbon-fiber) do NOT set
   that class — so the Seller view, checkout, account overlays and the filter
   panel all stayed on the LIGHT palette no matter which preset was picked.
   That is what "batman mode does not apply to the seller view" was.

   Deriving from the preset's own tokens rather than listing preset names does
   three things: batman looks like batman (warm #100f0c) instead of a generic
   black, the light presets (arctic, solar) get their own surfaces too, and a
   preset added later needs no change here. Equal specificity to the theme-dark
   block above and placed after it, so an explicit preset wins over the theme. */
body[data-ui-style-preset] :where(
  .seller-view,
  .print-cart-drawer,
  .print-cart-upload-overlay,
  .favorites-drawer,
  .advertising-drawer,
  .hive-account-menu,
  .profile-auth-overlay,
  .account-plan-overlay,
  .account-plan-dialog,
  .account-settings-overlay,
  .become-seller-overlay,
  .checkout-view,
  .product-filter-panel,
  .profile-auth-card,
  .command-alert-tray,
  .xbox-toast-host,
  .xbox-toast:not(.is-marketplace-gold)
) {
  --hive-bg: var(--default-view-background, var(--bg, #f6f7f9));
  --hive-surface: var(--opaque-panel-surface, var(--surface, #ffffff));
  --hive-surface-2: var(--surface-muted, var(--surface, #f1f3f6));
  --hive-surface-3: color-mix(in srgb, var(--surface-muted, #e9edf2) 78%, var(--panel-ink, var(--text, #141922)));
  --hive-line: var(--panel-border-color, var(--border, #e4e8ee));
  --hive-line-strong: var(--border-strong, var(--panel-border-color, #d3dae3));
  --hive-text: var(--panel-ink, var(--text, #141922));
  --hive-text-2: var(--panel-muted, var(--text-muted, #5b6472));
  --hive-text-3: color-mix(in srgb, var(--panel-muted, var(--text-muted, #6b7480)) 78%, transparent);
  --hive-accent: var(--ui-accent, var(--accent, #e8971a));
  --hive-accent-strong: var(--ui-accent, var(--accent, #e8971a));
  --hive-accent-tint: color-mix(in srgb, var(--ui-accent, var(--accent, #e8971a)) 16%, transparent);
}


:where(
  .seller-view,
  .print-cart-drawer,
  .print-cart-upload-overlay,
  .favorites-drawer,
  .advertising-drawer,
  .hive-account-menu,
  .profile-auth-overlay,
  .account-plan-overlay,
  .account-plan-dialog,
  .account-settings-overlay,
  .become-seller-overlay,
  .checkout-view,
  .product-filter-panel,
  .command-alert-tray,
  .xbox-toast:not(.is-marketplace-gold)
) :where(button, input, select, textarea) {
  font-family: var(--hive-font-sans);
}

:where(
  .seller-view,
  .print-cart-drawer,
  .print-cart-upload-overlay,
  .favorites-drawer,
  .advertising-drawer,
  .hive-account-menu,
  .profile-auth-overlay,
  .account-plan-overlay,
  .account-plan-dialog,
  .account-settings-overlay,
  .become-seller-overlay,
  .checkout-view,
  .product-filter-panel,
  .command-alert-tray,
  .xbox-toast:not(.is-marketplace-gold)
) svg {
  stroke-width: 1.75;
}

/* Seller owns these aliases, including all 3D material roles. */
.seller-view {
  --seller-ink: var(--hive-text);
  --seller-muted: var(--hive-text-2);
  --seller-accent: var(--hive-accent);
  --seller-positive: var(--hive-positive);
  --seller-warning: var(--hive-warning);
  --seller-danger: var(--hive-negative);
  --seller-info: var(--hive-info);
  --seller-line: var(--hive-line);
  --seller-line-soft: var(--hive-line);
  --seller-card-bg: var(--hive-surface);
  --seller-tile-bg: var(--hive-surface-2);
  --seller-object-base: #d8dde4;
  --seller-object-body: var(--seller-object-base);
  --seller-object-edge: #5b6473;
  --seller-object-accent: var(--hive-accent);
  --hive-object-base: var(--seller-object-base);
  --hive-object-body: var(--seller-object-body);
  --hive-object-edge: var(--seller-object-edge);
  --hive-object-accent: var(--seller-object-accent);
  --ui-canvas-bg: var(--hive-bg);
  --ui-panel-bg: var(--hive-surface);
  --ui-panel-bg-muted: var(--hive-surface-2);
  --ui-border: var(--hive-line);
  --ui-text-primary: var(--hive-text);
  --ui-text-secondary: var(--hive-text-2);
  --ui-accent-color: var(--hive-accent);
  --accent: var(--hive-accent);
  --surface: var(--hive-surface);
  --surface-muted: var(--hive-surface-2);
  --border: var(--hive-line);
  --border-strong: var(--hive-line-strong);
  --text: var(--hive-text);
  --text-muted: var(--hive-text-2);
  color: var(--hive-text);
  background: var(--hive-bg);
  font-family: var(--hive-font-sans);
}

body.theme-dark .seller-view {
  --seller-object-base: #596270;
  --seller-object-edge: #aab2be;
}

.seller-view .seller-view-shell {
  inset: 18px;
  gap: var(--hive-space-4);
  padding-right: var(--hive-space-1);
}

.seller-view .seller-workspace-content {
  gap: var(--hive-space-4);
}

.seller-view .seller-workspace-tabs {
  min-height: 40px;
  padding: 0 var(--hive-space-2);
  gap: var(--hive-space-1);
  border-color: var(--hive-line);
  border-radius: var(--hive-radius-input);
  background: var(--hive-surface-2);
  box-shadow: var(--hive-shadow-1);
}

.seller-view .seller-workspace-tab {
  height: 38px;
  padding: 0 var(--hive-space-3);
  border-radius: 0;
  border-bottom: 2px solid transparent;
  color: var(--hive-text-2);
  background: transparent;
  font-size: calc(12px * var(--ui-font-scale, 1));
  font-weight: 500;
}

.seller-view .seller-workspace-tab:hover,
.seller-view .seller-workspace-tab:focus-visible {
  color: var(--hive-text);
  background: transparent;
}

.seller-view .seller-workspace-tab.is-active {
  color: var(--hive-text);
  border-bottom-color: var(--hive-accent);
  background: transparent;
  box-shadow: none;
  font-weight: 600;
}

.seller-view .seller-workspace-tab:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--hive-accent) 35%, transparent);
  outline-offset: -2px;
}

.seller-view .seller-card {
  padding: var(--hive-space-4);
  border-color: var(--hive-line);
  border-radius: var(--hive-radius-card);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
}

body.theme-dark .seller-view .seller-card {
  box-shadow: var(--hive-shadow-1);
}

/* The shop identity row is a page title block, not a card. These overrides live
   HERE rather than in seller-view.css because this stylesheet loads after it and
   re-declares .seller-card at equal specificity, so the card look would win. */
.seller-view .seller-header,
body.theme-dark .seller-view .seller-header {
  padding: 6px 0 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* The welcome strip keeps its own accent border and tighter padding. */
.seller-view .seller-fresh-onboarding,
body.theme-dark .seller-view .seller-fresh-onboarding {
  padding: 12px 16px;
  border: 1px solid var(--seller-accent, var(--hive-accent, #e8971a));
  border-radius: 10px;
  box-shadow: none;
}

/* Seller dashboard, components, chips and commerce cards. */
.seller-view .seller-section {
  gap: var(--hive-space-2);
}

.seller-view .seller-section-heading {
  gap: var(--hive-space-2);
  padding: 0;
}

.seller-view .seller-section-title {
  color: var(--hive-text-3);
  font-family: var(--hive-font-mono);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 500;
  letter-spacing: 0.1em;
}

.seller-view .seller-section-meta {
  color: var(--hive-text-3);
  font-size: calc(11px * var(--ui-font-scale, 1));
}

.seller-view .seller-section-grip,
.seller-view .seller-listings-add-button,
.seller-view .seller-listing-remove-button,
.seller-view .seller-stat-alert-button,
.seller-view .seller-stat-resize-handle,
.seller-view .seller-metric-dialog-close,
.seller-view .seller-printer-picker-close {
  border-color: var(--hive-line);
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-2);
  background: var(--hive-surface-2);
}

.seller-view :where(
  .seller-section-grip,
  .seller-listings-add-button,
  .seller-listing-remove-button,
  .seller-stat-alert-button,
  .seller-stat-resize-handle,
  .seller-metric-dialog-close,
  .seller-printer-picker-close
):hover,
.seller-view :where(
  .seller-section-grip,
  .seller-listings-add-button,
  .seller-listing-remove-button,
  .seller-stat-alert-button,
  .seller-stat-resize-handle,
  .seller-metric-dialog-close,
  .seller-printer-picker-close
):focus-visible {
  color: var(--hive-accent-strong);
  border-color: color-mix(in srgb, var(--hive-accent) 45%, var(--hive-line));
  background: var(--hive-accent-tint);
}

.seller-view .seller-header {
  align-items: center;
  gap: var(--hive-space-4);
}

.seller-view .seller-shop-identity {
  gap: var(--hive-space-3);
}

.seller-view .seller-avatar {
  width: 48px;
  height: 48px;
  border: 1px solid color-mix(in srgb, var(--hive-accent) 40%, var(--hive-line));
  border-radius: var(--hive-radius-card);
  color: var(--hive-accent-strong);
  background: var(--hive-accent-tint);
  font-size: calc(17px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.seller-view .seller-shop-name {
  color: var(--hive-text);
  font-size: calc(18px * var(--ui-font-scale, 1));
  font-weight: 600;
  letter-spacing: -0.02em;
}

.seller-view .seller-shop-tagline {
  color: var(--hive-text-2);
  font-size: calc(12px * var(--ui-font-scale, 1));
}

.seller-view .seller-shop-plan-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--hive-space-2);
  margin-top: var(--hive-space-1);
  color: var(--hive-text-2);
  font-size: calc(11px * var(--ui-font-scale, 1));
}

.seller-view .seller-shop-membership {
  color: var(--hive-text-2);
  font-weight: 400;
}

.seller-view .seller-plan-badge,
.seller-view .seller-offline-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 var(--hive-space-2);
  border: 1px solid color-mix(in srgb, var(--hive-accent) 42%, var(--hive-line));
  border-radius: var(--hive-radius-pill);
  color: var(--hive-accent-strong);
  background: var(--hive-accent-tint);
  font-family: var(--hive-font-mono);
  font-size: calc(9px * var(--ui-font-scale, 1));
  font-weight: 500;
  letter-spacing: 0.08em;
}

.seller-view .seller-header-actions {
  display: flex;
  align-items: center;
  gap: var(--hive-space-2);
  margin-left: auto;
}

.seller-view .seller-header-actions button,
.seller-view .seller-workspace-action,
.seller-view .seller-metric-dialog-primary,
.seller-view .seller-metric-dialog-secondary-button,
.seller-view .seller-metric-dialog-danger {
  min-height: 36px;
  padding: 0 var(--hive-space-3);
  border: 1px solid var(--hive-line-strong);
  border-radius: var(--hive-radius-control);
  color: var(--hive-text);
  background: var(--hive-surface);
  font-size: calc(12px * var(--ui-font-scale, 1));
  font-weight: 600;
  box-shadow: var(--hive-shadow-1);
}

.seller-view .seller-header-actions button:hover,
.seller-view .seller-header-actions button:focus-visible,
.seller-view .seller-workspace-action:hover,
.seller-view .seller-workspace-action:focus-visible {
  color: var(--hive-accent-strong);
  border-color: var(--hive-accent);
  background: var(--hive-accent-tint);
}

.seller-view .seller-header-actions :where(.is-primary, [data-seller-new-listing]),
.seller-view .seller-metric-dialog-primary {
  color: var(--hive-on-accent);
  border-color: var(--hive-accent);
  background-color: var(--hive-accent);
  background-image: var(--ai-gold-gradient);
}

.seller-view .seller-stat-tiles {
  gap: var(--hive-space-3);
}

.seller-view .seller-stat-tile {
  min-height: 104px;
  padding: var(--hive-space-4);
  border-color: var(--hive-line);
  border-radius: var(--hive-radius-card);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
}

.seller-view .seller-stat-tile.is-featured {
  border-color: color-mix(in srgb, var(--hive-accent) 36%, var(--hive-line));
  background: linear-gradient(145deg, var(--hive-accent-tint), var(--hive-surface) 58%);
}

.seller-view .seller-stat-label {
  color: var(--hive-text-3);
  font-family: var(--hive-font-mono);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 500;
  letter-spacing: 0.08em;
}

.seller-view .seller-stat-value-row {
  display: flex;
  align-items: baseline;
  gap: var(--hive-space-2);
}

.seller-view .seller-stat-value {
  color: var(--hive-text);
  font-size: calc(26px * var(--ui-font-scale, 1));
  font-weight: 600;
  letter-spacing: -0.035em;
}

.seller-view .seller-stat-sub {
  color: var(--hive-text-3);
}

.seller-view .seller-stat-delta {
  font-size: calc(11px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.seller-view .seller-stat-delta.is-up {
  color: var(--hive-positive);
}

.seller-view .seller-stat-delta.is-down {
  color: var(--hive-negative);
}

.seller-view .seller-status-pill,
.seller-view .seller-campaign-state,
.seller-view .seller-operation-status {
  min-height: 24px;
  padding: 0 var(--hive-space-2);
  gap: 5px;
  border-radius: var(--hive-radius-pill);
  font-family: var(--hive-font-sans);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.seller-view .seller-status-pill.is-active,
.seller-view .seller-status-pill.is-delivered,
.seller-view .seller-operation-status.is-resolved {
  color: var(--hive-positive);
  background: color-mix(in srgb, var(--hive-positive) 14%, transparent);
}

.seller-view .seller-status-pill.is-printing,
.seller-view .seller-campaign-state.is-live {
  color: var(--hive-accent-strong);
  background: var(--hive-accent-tint);
}

.seller-view .seller-status-pill.is-shipped {
  color: var(--hive-positive);
  background: color-mix(in srgb, var(--hive-positive) 14%, transparent);
}

.seller-view .seller-status-pill.is-queued,
.seller-view .seller-status-pill.is-idle {
  color: var(--hive-text-2);
  background: var(--hive-surface-3);
}

.seller-view .seller-status-pill.is-out,
.seller-view .seller-status-pill.is-maintenance,
.seller-view .seller-operation-status.is-attention {
  color: var(--hive-negative);
  background: color-mix(in srgb, var(--hive-negative) 12%, transparent);
}

.seller-view .seller-status-pill::before {
  width: 6px;
  height: 6px;
  opacity: 1;
}

.seller-view .seller-listing-grid {
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: var(--hive-space-4);
}

.seller-view .seller-listing-card {
  border-radius: var(--hive-radius-card);
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.seller-view .seller-listing-card:hover,
.seller-view .seller-listing-card:focus-within {
  border-color: var(--hive-line-strong);
  box-shadow: var(--hive-shadow-2);
  transform: translateY(-2px);
}

.seller-view .seller-listing-media {
  aspect-ratio: 4 / 3;
  border-bottom-color: var(--hive-line);
  background: var(--hive-surface-2);
}

body.theme-dark .seller-view .seller-listing-media {
  background: var(--hive-surface-2);
}

.seller-view .seller-listing-media-fallback {
  color: var(--hive-text-3);
  background: var(--hive-surface-2);
}

.seller-view .seller-listing-media-fallback span {
  border-color: var(--hive-line-strong);
  border-radius: var(--hive-radius-input);
  color: var(--hive-text-2);
}

.seller-view .seller-format-tag,
.seller-view .seller-premium-badge {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 var(--hive-space-2);
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-pill);
  color: var(--hive-text-2);
  background: color-mix(in srgb, var(--hive-surface) 92%, transparent);
  font-family: var(--hive-font-mono);
  font-size: calc(9px * var(--ui-font-scale, 1));
  font-weight: 500;
  letter-spacing: 0.06em;
  backdrop-filter: blur(8px);
}

.seller-view .seller-premium-badge {
  top: var(--hive-space-2);
  left: var(--hive-space-2);
  color: var(--hive-accent-strong);
  border-color: color-mix(in srgb, var(--hive-accent) 42%, var(--hive-line));
  background: var(--hive-accent-tint);
}

.seller-view .seller-listing-body {
  gap: var(--hive-space-2);
  padding: var(--hive-space-3);
}

.seller-view .seller-listing-name {
  color: var(--hive-text);
  font-size: calc(13px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.seller-view .seller-listing-price {
  color: var(--hive-text);
  font-size: calc(14px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.seller-view .seller-listing-rating {
  color: var(--hive-accent-strong);
}

.seller-view .seller-listing-sales {
  color: var(--hive-text-3);
}

.seller-view .seller-printer-grid,
.seller-view .seller-chart-row {
  gap: var(--hive-space-4);
}

.seller-view .seller-printer-card,
.seller-view .seller-chart-card {
  border-color: var(--hive-line);
  border-radius: var(--hive-radius-card);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
}

.seller-view .seller-progress {
  height: 4px;
  background: var(--hive-surface-3);
}

.seller-view .seller-progress-fill {
  background: var(--hive-accent);
}

.seller-view .seller-printer-fact {
  border-color: var(--hive-line);
  border-radius: var(--hive-radius-input);
  background: var(--hive-surface-2);
}

.seller-view .seller-printer-fact dt {
  color: var(--hive-text-3);
  font-family: var(--hive-font-mono);
}

.seller-view .seller-chart-head h2,
.seller-view .seller-printer-name {
  color: var(--hive-text);
  font-weight: 600;
}

.seller-view .seller-chart-head span,
.seller-view .seller-printer-job-meta {
  color: var(--hive-text-2);
}

/* Seller list rows, orders, forms and modal surfaces. */
.seller-view .seller-orders-card {
  padding: 0;
  overflow: hidden;
}

.seller-view .seller-orders-list {
  display: grid;
  min-width: 0;
}

.seller-view .seller-order-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto minmax(72px, auto) 18px;
  align-items: center;
  gap: var(--hive-space-3);
  min-height: 68px;
  padding: var(--hive-space-3) var(--hive-space-4);
  border-bottom: 1px solid var(--hive-line);
  color: var(--hive-text);
  background: var(--hive-surface);
  transition: background-color 120ms ease;
}

.seller-view .seller-order-row:last-child {
  border-bottom: 0;
}

.seller-view .seller-order-row:hover {
  background: var(--hive-surface-2);
}

.seller-view .seller-order-thumb {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-input);
  color: var(--hive-accent-strong);
  background: var(--hive-accent-tint);
}

.seller-view .seller-order-thumb svg {
  width: 18px;
  height: 18px;
}

.seller-view .seller-order-copy {
  display: grid;
  gap: var(--hive-space-1);
  min-width: 0;
}

.seller-view .seller-order-item {
  margin: 0;
  overflow: hidden;
  color: var(--hive-text);
  font-size: calc(13px * var(--ui-font-scale, 1));
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-view .seller-order-meta {
  margin: 0;
  overflow: hidden;
  color: var(--hive-text-2);
  font-family: var(--hive-font-mono);
  font-size: calc(10px * var(--ui-font-scale, 1));
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Checkout is test-mode: no charge, no payout, no KYC. A seller must not burn
   filament believing money is on the way, so this line rides every live pool
   order row — including the ones with an Approve button on them. */
.seller-view .seller-order-test-order {
  color: var(--hive-accent, #e8971a);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.seller-view .seller-order-status {
  display: flex;
  justify-content: flex-end;
}

.seller-view .seller-order-total {
  color: var(--hive-text);
  font-family: var(--hive-font-mono);
  font-size: calc(12px * var(--ui-font-scale, 1));
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}

.seller-view .seller-order-chevron {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  color: var(--hive-text-3);
}

.seller-view .seller-order-chevron svg {
  width: 16px;
  height: 16px;
}

/* Keep the legacy table coherent while older dashboard data is in flight. */
.seller-view .seller-orders-table {
  color: var(--hive-text);
  background: var(--hive-surface);
}

.seller-view .seller-orders-table th {
  padding: var(--hive-space-3) var(--hive-space-4);
  color: var(--hive-text-3);
  border-bottom-color: var(--hive-line);
  font-family: var(--hive-font-mono);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 500;
}

.seller-view .seller-orders-table td {
  padding: var(--hive-space-3) var(--hive-space-4);
  color: var(--hive-text);
  border-bottom-color: var(--hive-line);
}

.seller-view .seller-orders-table tbody tr:hover {
  background: var(--hive-surface-2);
}

.seller-view .seller-operations-list {
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-card);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
}

.seller-view .seller-operation-row {
  min-height: 60px;
  padding: var(--hive-space-3) var(--hive-space-4);
  border-bottom: 1px solid var(--hive-line);
  border-radius: 0;
  background: var(--hive-surface);
}

.seller-view .seller-operation-row:last-child {
  border-bottom: 0;
}

.seller-view .seller-operation-icon,
.seller-view .seller-printer-option-badge {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-input);
  color: var(--hive-text-2);
  background: var(--hive-surface-2);
}

.seller-view .seller-printer-chips {
  gap: var(--hive-space-2);
}

.seller-view .seller-printer-chip,
.seller-view .seller-printer-brand-button,
.seller-view .seller-printer-option {
  border-color: var(--hive-line);
  border-radius: var(--hive-radius-input);
  color: var(--hive-text);
  background: var(--hive-surface);
}

.seller-view .seller-printer-chip {
  min-height: 32px;
  padding: var(--hive-space-1) var(--hive-space-2);
}

.seller-view .seller-printer-brand-button[aria-pressed="true"],
.seller-view .seller-printer-option.is-selected {
  color: var(--hive-accent-strong);
  border-color: var(--hive-accent);
  background: var(--hive-accent-tint);
}

.seller-view .seller-printer-picker,
.seller-view .seller-metric-dialog {
  border-color: var(--hive-line);
  border-radius: var(--hive-radius-panel);
  color: var(--hive-text);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-3);
}

body.theme-dark .seller-view .seller-printer-picker,
body.theme-dark .seller-view .seller-metric-dialog {
  border-color: var(--hive-line);
  color: var(--hive-text);
  background: var(--hive-surface);
}

.seller-view .seller-metric-field {
  color: var(--hive-text-2);
  font-size: calc(11px * var(--ui-font-scale, 1));
  font-weight: 500;
}

.seller-view .seller-metric-field :where(input, select) {
  min-height: 38px;
  border-color: var(--hive-line-strong);
  border-radius: var(--hive-radius-input);
  color: var(--hive-text);
  background: var(--hive-surface);
  font-size: calc(12px * var(--ui-font-scale, 1));
}

.seller-view .seller-metric-field :where(input, select):focus {
  border-color: var(--hive-accent);
  outline: 3px solid color-mix(in srgb, var(--hive-accent) 18%, transparent);
}

.seller-view .seller-metric-current {
  border-color: var(--hive-line);
  border-radius: var(--hive-radius-input);
  background: var(--hive-surface-2);
}

.seller-view .seller-campaign-toggle,
.seller-view .seller-campaign-toggle-track {
  width: 44px;
  height: 24px;
  border-radius: var(--hive-radius-pill);
}

.seller-view .seller-campaign-toggle-track {
  border: 1px solid var(--hive-line-strong);
  background: var(--hive-surface-3);
}

.seller-view .seller-campaign-toggle-track::after {
  width: 18px;
  height: 18px;
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
}

.seller-view .seller-campaign-toggle input:checked + .seller-campaign-toggle-track {
  border-color: var(--hive-accent);
  background: var(--hive-accent);
}

@media (max-width: 780px) {
  .seller-view .seller-header {
    align-items: flex-start;
  }

  .seller-view .seller-header-actions {
    width: 100%;
    margin-left: 0;
  }

  .seller-view .seller-header-actions button {
    flex: 1;
  }

  .seller-view .seller-order-row {
    grid-template-columns: 40px minmax(0, 1fr) auto;
  }

  .seller-view .seller-order-status {
    display: none;
  }

  .seller-view .seller-order-total {
    grid-column: 3;
    grid-row: 1;
  }

  .seller-view .seller-order-chevron {
    display: none;
  }
}

@media (max-width: 720px) {
  .seller-view .seller-view-shell {
    inset: 12px 10px;
    gap: var(--hive-space-3);
  }

  .seller-view .seller-listing-grid {
    gap: var(--hive-space-3);
  }
}

/* Shared drawer chrome. */
.print-cart-drawer,
.print-cart-upload-panel,
.favorites-drawer,
.advertising-drawer {
  --cart-surface: var(--hive-surface);
  --cart-surface-raised: var(--hive-surface);
  --cart-surface-sunken: var(--hive-surface-2);
  --cart-border: var(--hive-line);
  --cart-border-strong: var(--hive-line-strong);
  --cart-text: var(--hive-text);
  --cart-muted: var(--hive-text-2);
  --cart-accent: var(--hive-accent);
  --cart-accent-soft: var(--hive-accent-tint);
  --cart-on-accent: var(--hive-on-accent);
  --cart-rating: var(--hive-accent-strong);
  --cart-success: var(--hive-positive);
  --surface: var(--hive-surface);
  --surface-muted: var(--hive-surface-2);
  --border: var(--hive-line);
  --border-strong: var(--hive-line-strong);
  --text: var(--hive-text);
  --text-muted: var(--hive-text-2);
  --accent: var(--hive-accent);
  color: var(--hive-text);
  border-color: var(--hive-line);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-3);
  font-family: var(--hive-font-sans);
  backdrop-filter: none;
}

.print-cart-drawer {
  border-left: 1px solid var(--hive-line);
}

.favorites-drawer,
.advertising-drawer {
  border-radius: var(--hive-radius-panel);
}

body.theme-dark .favorites-drawer,
body.theme-dark .advertising-drawer {
  color: var(--hive-text);
  border-color: var(--hive-line);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-3);
}

.print-cart-header,
.favorites-header,
.advertising-header {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto 30px;
  align-items: center;
  gap: var(--hive-space-2);
  min-height: 62px;
  padding: var(--hive-space-3) var(--hive-space-4);
  border-bottom: 1px solid var(--hive-line);
  background: var(--hive-surface);
}

.print-cart-header-icon,
.favorites-header-icon,
.advertising-header-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-input);
  color: var(--hive-accent-strong);
  background: var(--hive-accent-tint);
}

.print-cart-header-icon svg,
.favorites-header-icon svg,
.advertising-header-icon svg {
  width: 17px;
  height: 17px;
}

.print-cart-heading h2,
.favorites-heading h2,
.advertising-heading h2 {
  margin: 0;
  color: var(--hive-text);
  font-size: calc(14px * var(--ui-font-scale, 1));
  font-weight: 600;
  line-height: 1.2;
}

.print-cart-subtitle,
.favorites-subtitle,
.advertising-subtitle {
  margin: 2px 0 0;
  color: var(--hive-text-2);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 400;
  line-height: 1.25;
}

.print-cart-badge,
.favorites-badge,
.advertising-live-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 var(--hive-space-2);
  border: 1px solid color-mix(in srgb, var(--hive-accent) 38%, var(--hive-line));
  border-radius: var(--hive-radius-pill);
  color: var(--hive-accent-strong);
  background: var(--hive-accent-tint);
  font-family: var(--hive-font-mono);
  font-size: calc(9px * var(--ui-font-scale, 1));
  font-weight: 500;
}

.advertising-live-badge.is-live {
  color: var(--hive-positive);
  border-color: color-mix(in srgb, var(--hive-positive) 38%, var(--hive-line));
  background: color-mix(in srgb, var(--hive-positive) 14%, transparent);
}

.print-cart-back,
.favorites-close,
.advertising-close {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-2);
  background: var(--hive-surface-2);
}

.print-cart-back:hover,
.print-cart-back:focus-visible,
.favorites-close:hover,
.favorites-close:focus-visible,
.advertising-close:hover,
.advertising-close:focus-visible {
  color: var(--hive-accent-strong);
  border-color: color-mix(in srgb, var(--hive-accent) 45%, var(--hive-line));
  background: var(--hive-accent-tint);
}

.print-cart-body,
.favorites-body,
.advertising-body {
  color: var(--hive-text);
  background: var(--hive-surface);
}

.print-cart-section {
  gap: var(--hive-space-3);
  padding: var(--hive-space-4);
  border-bottom-color: var(--hive-line);
}

.print-cart-section h3 {
  color: var(--hive-text);
  font-size: calc(12px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.print-cart-muted,
.print-cart-updated {
  color: var(--hive-text-2);
  font-size: calc(10px * var(--ui-font-scale, 1));
}

.print-cart-replace,
.print-cart-view-button,
.print-cart-compare,
.print-cart-continue {
  min-height: 36px;
  padding: 0 var(--hive-space-3);
  border-color: var(--hive-line-strong);
  border-radius: var(--hive-radius-control);
  color: var(--hive-text);
  background: var(--hive-surface);
  font-size: calc(11px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.print-cart-continue {
  color: var(--hive-on-accent);
  border-color: var(--hive-accent);
  background-color: var(--hive-accent);
  background-image: var(--ai-gold-gradient);
}

.print-cart-dropzone {
  min-height: 132px;
  padding: var(--hive-space-6);
  border-color: var(--hive-line-strong);
  border-radius: var(--hive-radius-card);
  color: var(--hive-text);
  background: var(--hive-surface-2);
}

.print-cart-dropzone:hover,
.print-cart-dropzone:focus-visible,
.print-cart-dropzone.is-drag-active {
  border-color: var(--hive-accent);
  background: var(--hive-accent-tint);
}

.print-cart-drop-icon {
  color: var(--hive-accent-strong);
}

.print-cart-preview,
.print-cart-quote,
.print-cart-file {
  border-color: var(--hive-line);
  border-radius: var(--hive-radius-card);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
}

.print-cart-preview-stage {
  border-bottom-color: var(--hive-line);
  background: var(--hive-surface-2);
}

.print-cart-file-icon {
  border-color: color-mix(in srgb, var(--hive-accent) 35%, var(--hive-line));
  border-radius: var(--hive-radius-input);
  color: var(--hive-accent-strong);
  background: var(--hive-accent-tint);
}

.print-cart-field {
  color: var(--hive-text-2);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 500;
}

.print-cart-field select {
  min-height: 38px;
  border-color: var(--hive-line-strong);
  border-radius: var(--hive-radius-input);
  color: var(--hive-text);
  background: var(--hive-surface);
}

.print-cart-quote-tabs {
  min-height: 38px;
  padding: 0 var(--hive-space-1);
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-input);
  background: var(--hive-surface-2);
}

.print-cart-quote-tab {
  min-height: 36px;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: var(--hive-text-2);
  background: transparent;
}

.print-cart-quote-tab.is-active {
  color: var(--hive-text);
  border-bottom-color: var(--hive-accent);
  background: transparent;
}

.print-cart-quote.is-selected {
  border-color: var(--hive-accent);
  background: linear-gradient(145deg, var(--hive-accent-tint), var(--hive-surface) 58%);
}

.print-cart-quote-chip {
  min-height: 24px;
  padding: 0 var(--hive-space-2);
  border-radius: var(--hive-radius-pill);
  color: var(--hive-text-2);
  background: var(--hive-surface-3);
}

.print-cart-footer {
  gap: var(--hive-space-2);
  padding: var(--hive-space-3) var(--hive-space-4);
  border-top-color: var(--hive-line);
  background: var(--hive-surface);
}

/* Favorites product rows and Seller promotion controls. */
.favorites-body,
.advertising-body {
  padding: var(--hive-space-3);
}

.favorites-list,
.advertising-objects {
  display: grid;
  gap: var(--hive-space-2);
}

.favorites-row,
.advertising-object-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--hive-space-3);
  min-height: 60px;
  padding: var(--hive-space-2) var(--hive-space-3);
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-card);
  color: var(--hive-text);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
}

.favorites-row:hover,
.advertising-object-row:hover {
  border-color: var(--hive-line-strong);
  background: var(--hive-surface-2);
}

.favorites-row-star,
.advertising-object-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-input);
  color: var(--hive-accent-strong);
  background: var(--hive-accent-tint);
}

.favorites-row-star svg,
.advertising-object-icon svg {
  width: 17px;
  height: 17px;
}

.favorites-row-info,
.advertising-object-info {
  gap: var(--hive-space-1);
}

.favorites-row-info strong,
.advertising-object-info strong {
  color: var(--hive-text);
  font-size: calc(12px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.favorites-row-info small,
.advertising-object-info small {
  color: var(--hive-text-2);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 400;
}

.favorites-row-actions {
  gap: var(--hive-space-1);
}

.favorites-row-actions button,
.advertising-object-row button {
  width: 30px;
  height: 30px;
  border-color: var(--hive-line);
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-2);
  background: var(--hive-surface-2);
}

.favorites-row-actions button:hover,
.favorites-row-actions button:focus-visible,
.advertising-object-row button:hover,
.advertising-object-row button:focus-visible {
  color: var(--hive-accent-strong);
  border-color: color-mix(in srgb, var(--hive-accent) 42%, var(--hive-line));
  background: var(--hive-accent-tint);
}

.favorites-row-actions [data-favorite-action="cart"] {
  color: var(--hive-on-accent);
  border-color: var(--hive-accent);
  background-color: var(--hive-accent);
  background-image: var(--ai-gold-gradient);
}

.favorites-empty,
.advertising-empty {
  color: var(--hive-text-2);
  font-size: calc(11px * var(--ui-font-scale, 1));
  font-weight: 400;
}

.advertising-body {
  gap: var(--hive-space-4);
  padding: var(--hive-space-4);
}

.advertising-section {
  gap: var(--hive-space-2);
}

.advertising-section h3 {
  color: var(--hive-text-3);
  font-family: var(--hive-font-mono);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 500;
  letter-spacing: 0.08em;
}

.advertising-status-copy,
.advertising-budget-readout {
  color: var(--hive-text-2);
  font-family: var(--hive-font-mono);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 500;
}

.advertising-status-copy.is-live {
  color: var(--hive-positive);
}

.advertising-budget {
  accent-color: var(--hive-accent);
}

.advertising-chips {
  gap: var(--hive-space-2);
}

.advertising-chip {
  height: 32px;
  padding: 0 var(--hive-space-3);
  border-color: var(--hive-line-strong);
  border-radius: var(--hive-radius-pill);
  color: var(--hive-text-2);
  background: var(--hive-surface);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 500;
}

.advertising-chip:hover,
.advertising-chip:focus-visible {
  color: var(--hive-accent-strong);
  border-color: var(--hive-accent);
}

.advertising-chip.is-active {
  color: var(--hive-accent-strong);
  border-color: var(--hive-accent);
  background: var(--hive-accent-tint);
}

.advertising-switch {
  width: 44px;
  height: 24px;
}

.advertising-switch-track {
  border-color: var(--hive-line-strong);
  background: var(--hive-surface-3);
}

.advertising-switch-track::after {
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
}

.advertising-switch input:checked + .advertising-switch-track {
  border-color: var(--hive-accent);
  background: var(--hive-accent);
}

.advertising-switch input:checked + .advertising-switch-track::after {
  transform: translateX(20px);
}

.advertising-summary {
  padding: var(--hive-space-3) var(--hive-space-4);
  border-top-color: var(--hive-line);
  color: var(--hive-text-2);
  background: var(--hive-surface-2);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 500;
}

/* Sign-in surface. */
.profile-auth-overlay,
body[data-ui-style-preset] .profile-auth-overlay {
  --profile-auth-backdrop: rgba(12, 12, 12, 0.42);
  --profile-auth-card-bg: var(--hive-surface);
  --profile-auth-card-border: var(--hive-line);
  --profile-auth-text: var(--hive-text);
  --profile-auth-strong: var(--hive-text);
  --profile-auth-muted: var(--hive-text-2);
  --profile-auth-soft: var(--hive-surface-2);
  --profile-auth-soft-hover: var(--hive-surface-3);
  --profile-auth-input-bg: var(--hive-surface);
  --profile-auth-input-text: var(--hive-text);
  --profile-auth-input-placeholder: var(--hive-text-3);
  --profile-auth-rule: var(--hive-line);
  background: var(--profile-auth-backdrop);
  backdrop-filter: blur(10px);
}

body.theme-dark .profile-auth-overlay,
body.theme-dark[data-ui-style-preset] .profile-auth-overlay {
  --profile-auth-backdrop: rgba(0, 0, 0, 0.66);
  --profile-auth-card-bg: var(--hive-surface);
  --profile-auth-card-border: var(--hive-line);
  --profile-auth-text: var(--hive-text);
  --profile-auth-strong: var(--hive-text);
  --profile-auth-muted: var(--hive-text-2);
  --profile-auth-soft: var(--hive-surface-2);
  --profile-auth-soft-hover: var(--hive-surface-3);
  --profile-auth-input-bg: var(--hive-surface);
  --profile-auth-input-text: var(--hive-text);
  --profile-auth-input-placeholder: var(--hive-text-3);
  --profile-auth-rule: var(--hive-line);
}

.profile-auth-card {
  width: min(420px, calc(100vw - 32px));
  max-height: min(960px, calc(100dvh - 32px));
  padding: var(--hive-space-8);
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-panel);
  color: var(--hive-text);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-3);
  font-family: var(--hive-font-sans);
}

body .profile-auth-overlay .profile-auth-close {
  top: var(--hive-space-4);
  right: var(--hive-space-4);
  width: 30px;
  height: 30px;
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-2);
  background: var(--hive-surface-2);
}

body .profile-auth-overlay .profile-auth-close:hover,
body .profile-auth-overlay .profile-auth-close:focus-visible {
  color: var(--hive-accent-strong);
  border-color: color-mix(in srgb, var(--hive-accent) 45%, var(--hive-line));
  background: var(--hive-accent-tint);
}

.profile-auth-brand {
  margin: 0 0 var(--hive-space-3);
}

/* Sizing for the wordmark wherever it stands alone. In the welcome heading it
   is inline type instead, and side-panels.css sizes it off the heading. */
.profile-auth-brand-image {
  width: 142px;
  max-width: calc(100% - 64px);
}

.profile-auth-hive-mark {
  width: 40px;
  height: 40px;
}

.profile-auth-heading {
  display: grid;
  gap: var(--hive-space-1);
  margin-bottom: var(--hive-space-6);
  text-align: center;
}

.profile-auth-heading h2 {
  margin: 0;
  color: var(--hive-text);
  font-size: calc(21px * var(--ui-font-scale, 1));
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

body .profile-auth-overlay .profile-auth-copy {
  margin: 0;
  color: var(--hive-text-2);
  font-size: calc(12px * var(--ui-font-scale, 1));
  font-weight: 400;
  line-height: 1.4;
}

body .profile-auth-overlay .profile-auth-mode {
  height: 40px;
  margin-bottom: var(--hive-space-4);
  padding: 0 var(--hive-space-1);
  gap: var(--hive-space-1);
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-input);
  background: var(--hive-surface-2);
}

body .profile-auth-overlay .profile-auth-mode-button {
  height: 38px;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  color: var(--hive-text-2);
  background: transparent;
  box-shadow: none;
  font-size: calc(12px * var(--ui-font-scale, 1));
  font-weight: 500;
}

/* The active treatment is NOT set here — the scoped segmented-control block
   further down this file repeats this selector at equal specificity and so
   wins. Search "profile-auth-mode-button.is-active" and edit the LAST one. */
body .profile-auth-overlay .profile-auth-mode-button.is-active {
  color: var(--hive-text);
  border-bottom-color: var(--hive-accent);
  background: transparent;
  box-shadow: none;
  font-weight: 600;
}

.profile-auth-providers {
  gap: var(--hive-space-2);
}

body .profile-auth-overlay .profile-auth-provider {
  grid-template-columns: 24px minmax(0, 1fr) 24px;
  min-height: 38px;
  padding: 0 var(--hive-space-3);
  border: 1px solid var(--hive-line-strong);
  border-radius: var(--hive-radius-input);
  color: var(--hive-text);
  background: var(--hive-surface);
  font-size: calc(12px * var(--ui-font-scale, 1));
  font-weight: 500;
  box-shadow: var(--hive-shadow-1);
}

body .profile-auth-overlay .profile-auth-provider:hover,
body .profile-auth-overlay .profile-auth-provider:focus-visible {
  color: var(--hive-accent-strong);
  border-color: var(--hive-accent);
  background: var(--hive-accent-tint);
}

.profile-auth-provider-icon {
  color: var(--hive-text);
}

body .profile-auth-overlay .profile-auth-divider {
  gap: var(--hive-space-3);
  margin: var(--hive-space-4) 0;
  color: var(--hive-text-3);
  font-size: calc(10px * var(--ui-font-scale, 1));
}

.profile-auth-divider::before,
.profile-auth-divider::after {
  background: var(--hive-line);
}

.profile-auth-form {
  gap: var(--hive-space-3);
}

body .profile-auth-overlay .profile-auth-field {
  gap: var(--hive-space-2);
  color: var(--hive-text-2);
  font-size: calc(11px * var(--ui-font-scale, 1));
  font-weight: 500;
}

body .profile-auth-overlay .profile-auth-field input {
  height: 38px;
  padding: 0 var(--hive-space-3);
  border: 1px solid var(--hive-line-strong);
  border-radius: var(--hive-radius-input);
  color: var(--hive-text);
  background: var(--hive-surface);
  font-size: calc(12px * var(--ui-font-scale, 1));
}

body .profile-auth-overlay .profile-auth-field input::placeholder {
  color: var(--hive-text-3);
}

body .profile-auth-overlay .profile-auth-field input:focus {
  border-color: var(--hive-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hive-accent) 18%, transparent);
}

.profile-auth-options {
  gap: var(--hive-space-3);
}

body .profile-auth-overlay .profile-auth-remember {
  gap: var(--hive-space-2);
  color: var(--hive-text-2);
  font-size: calc(11px * var(--ui-font-scale, 1));
  font-weight: 500;
}

body .profile-auth-overlay .profile-auth-remember input {
  accent-color: var(--hive-accent);
}

body .profile-auth-overlay .profile-auth-link {
  color: var(--hive-accent-strong);
  font-size: calc(11px * var(--ui-font-scale, 1));
  font-weight: 600;
}

body .profile-auth-overlay .profile-auth-submit {
  height: 36px;
  margin-top: var(--hive-space-1);
  border: 1px solid var(--hive-accent);
  border-radius: var(--hive-radius-control);
  color: var(--hive-on-accent);
  background-color: var(--hive-accent);
  background-image: var(--ai-gold-gradient);
  box-shadow: var(--hive-shadow-1);
  font-size: calc(12px * var(--ui-font-scale, 1));
  font-weight: 600;
}

body .profile-auth-overlay .profile-auth-submit:hover,
body .profile-auth-overlay .profile-auth-submit:focus-visible {
  color: var(--hive-on-accent);
  background-color: var(--hive-accent-strong);
  background-image: var(--ai-gold-gradient);
}

body .profile-auth-overlay .profile-auth-status,
body .profile-auth-overlay .profile-auth-footnote {
  color: var(--hive-text-3);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 400;
}

body .profile-auth-overlay .profile-auth-status.is-error {
  color: var(--hive-negative);
}

body .profile-auth-overlay .profile-auth-status.is-success {
  color: var(--hive-positive);
}

@media (max-width: 560px) {
  .profile-auth-card {
    padding: var(--hive-space-6);
  }
}

/* Alert-rule tray. It remains scoped inside the existing command surface. */
.command-alert-tray {
  --surface: var(--hive-surface);
  --surface-muted: var(--hive-surface-2);
  --border: var(--hive-line);
  --text: var(--hive-text);
  --text-muted: var(--hive-text-2);
  --accent: var(--hive-accent);
  gap: var(--hive-space-1);
  padding: 0 0 var(--hive-space-1);
  color: var(--hive-text);
  font-family: var(--hive-font-sans);
}

.command-alert-tray-head {
  min-height: 28px;
  gap: var(--hive-space-2);
  color: var(--hive-text);
  font-size: calc(12px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.command-alert-title {
  display: inline-flex;
  align-items: center;
  gap: var(--hive-space-2);
  min-width: 0;
}

.command-alert-title svg {
  width: 15px;
  height: 15px;
  color: var(--hive-accent-strong);
}

.command-alert-new {
  display: inline-flex;
  align-items: center;
  gap: var(--hive-space-1);
  min-height: 28px;
  margin-left: auto;
  padding: 0 var(--hive-space-2);
  border: 1px solid var(--hive-line-strong);
  border-radius: var(--hive-radius-control);
  color: var(--hive-text);
  background: var(--hive-surface);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 600;
  box-shadow: var(--hive-shadow-1);
}

.command-alert-new:hover,
.command-alert-new:focus-visible {
  color: var(--hive-accent-strong);
  border-color: var(--hive-accent);
  background: var(--hive-accent-tint);
}

body .command-alert-tray .command-alert-close {
  width: 28px;
  height: 28px;
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-2);
  background: var(--hive-surface-2);
}

body .command-alert-tray .command-alert-close:hover,
body .command-alert-tray .command-alert-close:focus-visible {
  color: var(--hive-accent-strong);
  border-color: var(--hive-accent);
  background: var(--hive-accent-tint);
}

.command-alert-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--hive-space-1);
  overflow: hidden;
}

body .command-alert-tray .command-alert-row {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 44px;
  grid-template-rows: 12px 18px;
  align-items: center;
  column-gap: var(--hive-space-2);
  row-gap: 0;
  min-width: 0;
  height: 36px;
  padding: 2px var(--hive-space-2);
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-input);
  color: var(--hive-text);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
}

body .command-alert-tray .command-alert-row:hover,
body .command-alert-tray .command-alert-row:focus-visible {
  color: var(--hive-text);
  border-color: var(--hive-line-strong);
  background: var(--hive-surface-2);
}

body .command-alert-tray .command-alert-row[aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--hive-accent) 35%, var(--hive-line));
}

.command-alert-icon {
  grid-column: 1;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-2);
  background: var(--hive-surface-2);
}

.command-alert-icon svg {
  width: 13px;
  height: 13px;
}

.command-alert-name {
  grid-column: 2;
  grid-row: 1;
  overflow: hidden;
  color: var(--hive-text);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 600;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body .command-alert-tray .command-alert-meta {
  grid-column: 2;
  grid-row: 2;
  justify-self: start;
  padding: 0;
  color: var(--hive-text-3);
  background: transparent;
  font-family: var(--hive-font-mono);
  font-size: calc(8px * var(--ui-font-scale, 1));
  font-weight: 400;
  line-height: 1;
}

.command-alert-switch {
  position: relative;
  grid-column: 3;
  grid-row: 1 / 3;
  width: 44px;
  height: 24px;
  border: 1px solid var(--hive-line-strong);
  border-radius: var(--hive-radius-pill);
  background: var(--hive-surface-3);
  transition: background-color 120ms ease, border-color 120ms ease;
}

.command-alert-switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
  transition: transform 120ms ease;
}

.command-alert-row[aria-pressed="true"] .command-alert-switch {
  border-color: var(--hive-accent);
  background: var(--hive-accent);
}

.command-alert-row[aria-pressed="true"] .command-alert-switch::after {
  transform: translateX(20px);
}

/* Notifications are deliberately always dark for legibility over any view. */
.xbox-toast:not(.is-marketplace-gold) {
  --hive-surface: #0b0b0b;
  --hive-surface-2: #151515;
  --hive-surface-3: #202020;
  --hive-line: #2f2f2f;
  --hive-line-strong: #575757;
  --hive-text: #eef1f5;
  --hive-text-2: #9aa4b2;
  --hive-text-3: #6b7480;
  --hive-accent: #f4b942;
  --hive-accent-strong: #f4b942;
  --hive-accent-tint: rgba(244, 185, 66, 0.16);
  align-items: center;
  gap: var(--hive-space-3);
  width: min(360px, calc(100vw - var(--right-panel-width, 45px) - 32px));
  max-width: 100%;
  min-height: 64px;
  padding: var(--hive-space-3);
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-card);
  color: var(--hive-text);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-2);
  font-family: var(--hive-font-sans);
}

.xbox-toast:not(.is-marketplace-gold).is-actionable:hover {
  border-color: color-mix(in srgb, var(--hive-accent) 46%, var(--hive-line));
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-2);
}

.xbox-toast:not(.is-marketplace-gold) .xbox-toast-badge {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid color-mix(in srgb, var(--hive-accent) 42%, var(--hive-line));
  border-radius: var(--hive-radius-card);
  color: var(--hive-accent);
  background: var(--hive-accent-tint);
  box-shadow: none;
  overflow: hidden;
}

.xbox-toast:not(.is-marketplace-gold) .xbox-toast-badge-glyph {
  color: var(--hive-accent);
}

.xbox-toast:not(.is-marketplace-gold) .xbox-toast-badge-glyph svg {
  width: 18px;
  height: 18px;
}


.xbox-toast:not(.is-marketplace-gold) .xbox-toast-text {
  gap: 2px;
}

.xbox-toast:not(.is-marketplace-gold) .xbox-toast-eyebrow {
  color: var(--hive-accent);
  font-family: var(--hive-font-mono);
  font-size: calc(9px * var(--ui-font-scale, 1));
  font-weight: 500;
  letter-spacing: 0.1em;
}

.xbox-toast:not(.is-marketplace-gold) .xbox-toast-title {
  color: var(--hive-text);
  font-size: calc(13px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.xbox-toast:not(.is-marketplace-gold) .xbox-toast-message {
  color: var(--hive-text-2);
  font-size: calc(11px * var(--ui-font-scale, 1));
}

.xbox-toast:not(.is-marketplace-gold) .xbox-toast-close {
  width: 28px;
  height: 28px;
  margin: 0;
  border: 1px solid transparent;
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-3);
  background: transparent;
}

.xbox-toast:not(.is-marketplace-gold) .xbox-toast-close:hover,
.xbox-toast:not(.is-marketplace-gold) .xbox-toast-close:focus-visible {
  color: var(--hive-text);
  border-color: var(--hive-line);
  background: var(--hive-surface-2);
}

.xbox-toast:not(.is-marketplace-gold) .xbox-toast-close svg {
  width: 14px;
  height: 14px;
}

@media (max-width: 620px) {
  .command-alert-list {
    grid-template-columns: minmax(0, 1fr);
    overflow-y: auto;
  }

  .favorites-drawer,
  .advertising-drawer {
    right: max(6px, var(--right-panel-width, 45px));
    width: min(360px, calc(100vw - var(--right-panel-width, 45px) - 12px));
  }
}

/* Theme presets cannot replace Hive tokens inside these opted-in drawers. */
body.theme-dark .print-cart-drawer,
body.theme-dark .print-cart-upload-overlay,
body[data-ui-style-preset] .print-cart-drawer,
body[data-ui-style-preset] .print-cart-upload-overlay {
  --cart-surface: var(--hive-surface);
  --cart-surface-raised: var(--hive-surface);
  --cart-surface-sunken: var(--hive-surface-2);
  --cart-border: var(--hive-line);
  --cart-border-strong: var(--hive-line-strong);
  --cart-text: var(--hive-text);
  --cart-muted: var(--hive-text-2);
  --cart-accent: var(--hive-accent);
  --cart-accent-soft: var(--hive-accent-tint);
  --cart-on-accent: var(--hive-on-accent);
  --cart-rating: var(--hive-accent-strong);
  --cart-success: var(--hive-positive);
}

body[data-ui-style-preset] .favorites-drawer,
body[data-ui-style-preset] .advertising-drawer {
  --surface: var(--hive-surface);
  --surface-muted: var(--hive-surface-2);
  --border: var(--hive-line);
  --border-strong: var(--hive-line-strong);
  --text: var(--hive-text);
  --text-muted: var(--hive-text-2);
  --accent: var(--hive-accent);
  color: var(--hive-text);
  border-color: var(--hive-line);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-3);
}


/* Shared Hive component primitives and cross-panel adoption.
   These stay opt-in to Seller and commerce/account overlays so scene views are untouched. */
:where(
  .seller-view,
  .print-cart-drawer,
  .print-cart-upload-overlay,
  .favorites-drawer,
  .advertising-drawer,
  .hive-account-menu,
  .profile-auth-overlay,
  .account-plan-overlay,
  .account-plan-dialog,
  .profile-auth-card,
  .command-alert-tray,
  .xbox-toast:not(.is-marketplace-gold)
) {
  --hive-positive-strong: #1f7a4a;
  --hive-negative-strong: #c13438;
  --hive-info-strong: #c97d0e;
  --hive-control-height-sm: 30px;
  --hive-control-height: 36px;
  --hive-control-height-lg: 42px;
  --hive-chip-height: 32px;
  --hive-status-height: 24px;
}

body.theme-dark :where(
  .seller-view,
  .print-cart-drawer,
  .print-cart-upload-overlay,
  .favorites-drawer,
  .advertising-drawer,
  .hive-account-menu,
  .profile-auth-overlay,
  .account-plan-overlay,
  .account-plan-dialog,
  .profile-auth-card,
  .command-alert-tray,
  .xbox-toast:not(.is-marketplace-gold)
) {
  --hive-positive-strong: #4ecb86;
  --hive-negative-strong: #ff7075;
  --hive-info-strong: #ffd166;
}

.hive-button,
.seller-view .seller-header-action,
.seller-view .seller-workspace-action,
.seller-view .seller-metric-dialog-primary,
.seller-view .seller-metric-dialog-secondary-button,
.seller-view .seller-metric-dialog-danger,
.print-cart-drawer .print-cart-replace,
.print-cart-drawer .print-cart-view-button,
.print-cart-drawer .print-cart-compare,
.print-cart-drawer .print-cart-continue,
.profile-auth-overlay .profile-auth-provider,
.profile-auth-overlay .profile-auth-submit,
.command-alert-tray .command-alert-new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: var(--hive-control-height);
  min-height: var(--hive-control-height);
  padding: 0 15px;
  border: 1px solid var(--hive-line-strong);
  border-radius: var(--hive-radius-control);
  color: var(--hive-text);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
  font-family: var(--hive-font-sans);
  font-size: calc(13px * var(--ui-font-scale, 1));
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: color 120ms ease, border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

.hive-button :where(svg, i),
.seller-view :where(.seller-header-action, .seller-workspace-action, .seller-metric-dialog-primary, .seller-metric-dialog-secondary-button, .seller-metric-dialog-danger) svg,
.print-cart-drawer :where(.print-cart-replace, .print-cart-view-button, .print-cart-compare, .print-cart-continue) svg,
.profile-auth-overlay :where(.profile-auth-provider, .profile-auth-submit) svg,
.command-alert-tray .command-alert-new svg {
  width: 16px;
  height: 16px;
  stroke-width: 2;
}

.hive-button:hover,
.hive-button:focus-visible,
.seller-view :where(.seller-header-action, .seller-workspace-action, .seller-metric-dialog-secondary-button):hover,
.seller-view :where(.seller-header-action, .seller-workspace-action, .seller-metric-dialog-secondary-button):focus-visible,
.print-cart-drawer :where(.print-cart-replace, .print-cart-view-button, .print-cart-compare):hover,
.print-cart-drawer :where(.print-cart-replace, .print-cart-view-button, .print-cart-compare):focus-visible,
.profile-auth-overlay .profile-auth-provider:hover,
.profile-auth-overlay .profile-auth-provider:focus-visible {
  color: var(--hive-accent-strong);
  border-color: var(--hive-accent);
  background: var(--hive-accent-tint);
}

.hive-button--primary,
.seller-view .seller-header-action.is-primary,
.seller-view .seller-metric-dialog-primary,
.print-cart-drawer .print-cart-continue,
.profile-auth-overlay .profile-auth-submit,
.command-alert-tray .command-alert-new {
  color: var(--hive-on-accent);
  border-color: var(--hive-accent);
  background-color: var(--hive-accent);
  background-image: var(--ai-gold-gradient);
}

.hive-button--primary:hover,
.hive-button--primary:focus-visible,
.seller-view .seller-header-action.is-primary:hover,
.seller-view .seller-header-action.is-primary:focus-visible,
.seller-view .seller-metric-dialog-primary:hover,
.seller-view .seller-metric-dialog-primary:focus-visible,
.print-cart-drawer .print-cart-continue:hover,
.print-cart-drawer .print-cart-continue:focus-visible,
.profile-auth-overlay .profile-auth-submit:hover,
.profile-auth-overlay .profile-auth-submit:focus-visible,
.command-alert-tray .command-alert-new:hover,
.command-alert-tray .command-alert-new:focus-visible {
  color: var(--hive-on-accent);
  border-color: var(--hive-accent-strong);
  background-color: var(--hive-accent-strong);
  background-image: var(--ai-gold-gradient);
}

.hive-button--ghost,
.seller-view .seller-metric-dialog-secondary-button.is-ghost {
  padding: 0 13px;
  border-color: transparent;
  color: var(--hive-text-2);
  background: transparent;
  box-shadow: none;
}

.hive-button--danger,
.seller-view .seller-metric-dialog-danger {
  color: #ffffff;
  border-color: var(--hive-negative);
  background: var(--hive-negative);
}

.hive-button--danger:hover,
.hive-button--danger:focus-visible,
.seller-view .seller-metric-dialog-danger:hover,
.seller-view .seller-metric-dialog-danger:focus-visible {
  color: #ffffff;
  border-color: var(--hive-negative-strong);
  background: var(--hive-negative-strong);
}

.hive-button:focus-visible,
.seller-view :is(.seller-header-action, .seller-workspace-action, .seller-metric-dialog-primary, .seller-metric-dialog-secondary-button, .seller-metric-dialog-danger):focus-visible,
.print-cart-drawer :is(.print-cart-replace, .print-cart-view-button, .print-cart-compare, .print-cart-continue):focus-visible,
.profile-auth-overlay :is(.profile-auth-provider, .profile-auth-submit):focus-visible,
.command-alert-tray .command-alert-new:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px var(--hive-accent-tint);
}

.hive-button:disabled,
.seller-view :is(.seller-header-action, .seller-workspace-action, .seller-metric-dialog-primary, .seller-metric-dialog-secondary-button, .seller-metric-dialog-danger):disabled,
.print-cart-drawer :is(.print-cart-replace, .print-cart-view-button, .print-cart-compare, .print-cart-continue):disabled,
.profile-auth-overlay :is(.profile-auth-provider, .profile-auth-submit):disabled,
.command-alert-tray .command-alert-new:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.hive-button--small {
  height: var(--hive-control-height-sm);
  min-height: var(--hive-control-height-sm);
  padding: 0 12px;
  font-size: calc(12px * var(--ui-font-scale, 1));
}

.hive-button--large {
  height: var(--hive-control-height-lg);
  min-height: var(--hive-control-height-lg);
  padding: 0 18px;
  font-size: calc(14px * var(--ui-font-scale, 1));
}

.hive-icon-button {
  display: inline-grid;
  place-items: center;
  width: var(--hive-control-height);
  height: var(--hive-control-height);
  padding: 0;
  border: 1px solid var(--hive-line-strong);
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-2);
  background: var(--hive-surface);
}

.hive-icon-button :where(svg, i) {
  width: 17px;
  height: 17px;
  stroke-width: 1.75;
}

/* Workspace tabs use the same quiet strip and amber active edge as the reference kit. */
.seller-view .seller-workspace-tabs {
  min-height: 40px;
  padding: 0 6px;
  gap: 2px;
}

.seller-view .seller-workspace-tab {
  height: 38px;
  padding: 0 15px;
  font-size: calc(13px * var(--ui-font-scale, 1));
}

/* Filter chips remain pill-shaped; compact statuses use the separate six-pixel radius badge. */
.hive-chip,
.advertising-drawer .advertising-locations .advertising-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: var(--hive-chip-height);
  min-height: var(--hive-chip-height);
  padding: 0 14px;
  border: 1px solid var(--hive-line-strong);
  border-radius: var(--hive-radius-pill);
  color: var(--hive-text-2);
  background: var(--hive-surface);
  font-family: var(--hive-font-sans);
  font-size: calc(12.5px * var(--ui-font-scale, 1));
  font-weight: 500;
}

.hive-chip.is-active,
.advertising-drawer .advertising-locations .advertising-chip.is-active {
  color: var(--hive-accent-strong);
  border-color: var(--hive-accent);
  background: var(--hive-accent-tint);
  font-weight: 600;
}

.hive-status,
.seller-view .seller-status-pill,
.seller-view .seller-campaign-state,
.seller-view .seller-operation-status,
.print-cart-drawer .print-cart-quote-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--hive-status-height);
  padding: 0 10px;
  border: 0;
  border-radius: 6px;
  font-family: var(--hive-font-sans);
  font-size: calc(11.5px * var(--ui-font-scale, 1));
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

.seller-view .seller-status-pill::before {
  display: none;
}

.seller-view .seller-status-pill.is-active,
.seller-view .seller-status-pill.is-delivered,
.seller-view .seller-operation-status.is-resolved {
  color: var(--hive-positive-strong);
  background: color-mix(in srgb, var(--hive-positive) 14%, transparent);
}

.seller-view .seller-status-pill.is-active::before {
  display: block;
}

.seller-view .seller-status-pill.is-printing {
  color: var(--hive-accent-strong);
  background: var(--hive-accent-tint);
}

.seller-view .seller-status-pill.is-shipped {
  color: var(--hive-positive-strong);
  background: color-mix(in srgb, var(--hive-positive) 14%, transparent);
}

.seller-view .seller-status-pill.is-queued,
.seller-view .seller-status-pill.is-idle,
.seller-view .seller-operation-status.is-draft {
  color: var(--hive-text-2);
  background: var(--hive-surface-3);
}

.seller-view .seller-status-pill.is-out,
.seller-view .seller-status-pill.is-maintenance,
.seller-view .seller-operation-status.is-attention {
  color: var(--hive-negative-strong);
  background: color-mix(in srgb, var(--hive-negative) 12%, transparent);
}

body.theme-dark .seller-view .seller-status-pill.is-printing {
  color: var(--hive-accent-strong);
  background: var(--hive-accent-tint);
}

body.theme-dark .seller-view .seller-status-pill:is(.is-active, .is-delivered, .is-shipped) {
  color: var(--hive-positive-strong);
  background: color-mix(in srgb, var(--hive-positive) 14%, transparent);
}

body.theme-dark .seller-view .seller-status-pill:is(.is-out, .is-maintenance) {
  color: var(--hive-negative-strong);
  background: color-mix(in srgb, var(--hive-negative) 12%, transparent);
}

.seller-view .seller-campaign-state.is-live {
  color: var(--hive-positive-strong);
  background: color-mix(in srgb, var(--hive-positive) 14%, transparent);
}

.seller-view .seller-campaign-state.is-live::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--hive-positive);
}

.seller-view .seller-operation-status:is(.is-scheduled, .is-waiting) {
  color: var(--hive-accent-strong);
  background: var(--hive-accent-tint);
}

.seller-view .seller-plan-badge,
.seller-view .seller-offline-badge {
  min-height: 20px;
  padding: 0 8px;
  border-radius: var(--hive-radius-control);
  font-family: var(--hive-font-sans);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 700;
  letter-spacing: 0.02em;
}

.seller-view .seller-premium-badge {
  min-height: 24px;
  padding: 0 10px;
  border: 0;
  border-radius: 6px;
  color: var(--hive-on-accent);
  background: var(--hive-accent);
  font-family: var(--hive-font-sans);
  font-size: calc(11.5px * var(--ui-font-scale, 1));
  font-weight: 700;
  letter-spacing: 0;
  backdrop-filter: none;
}

.seller-view .seller-listing-advertise {
  height: var(--hive-control-height-sm);
  min-height: var(--hive-control-height-sm);
  padding: 0 12px;
  border: 1px solid var(--hive-line-strong);
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-2);
  background: var(--hive-surface);
  font-size: calc(12px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.seller-view .seller-listing-advertise.is-active {
  color: var(--hive-positive-strong);
  border-color: color-mix(in srgb, var(--hive-positive) 48%, var(--hive-line));
  background: color-mix(in srgb, var(--hive-positive) 14%, transparent);
}

.seller-view .seller-campaign-toggle-track::after {
  width: 20px;
  height: 20px;
}

.seller-view .seller-campaign-toggle input:checked + .seller-campaign-toggle-track::after {
  transform: translateX(20px);
}

/* Order rows consume the reference list-row dimensions instead of card-sized spacing. */
.seller-view .seller-order-row {
  grid-template-columns: 40px minmax(0, 1fr) auto minmax(64px, auto) 17px;
  gap: 14px;
  min-height: 64px;
  padding: 12px 6px;
}

.seller-view .seller-order-thumb {
  width: 40px;
  height: 40px;
}

.seller-view .seller-order-meta {
  font-size: calc(11px * var(--ui-font-scale, 1));
}

.seller-view .seller-order-total {
  width: 64px;
  font-size: calc(13px * var(--ui-font-scale, 1));
}

.seller-view .seller-order-chevron,
.seller-view .seller-order-chevron svg {
  width: 17px;
  height: 17px;
}

/* Favorites and Promote share the lighter reference drawer chrome. */
.favorites-drawer,
.advertising-drawer {
  width: min(392px, calc(100vw - var(--right-panel-width, 45px) - 24px));
  overflow: hidden;
  box-shadow: var(--hive-shadow-2);
}

.favorites-header,
.advertising-header {
  grid-template-columns: 17px minmax(0, 1fr) auto 26px;
  gap: 9px;
  min-height: 58px;
  padding: 15px 16px;
}

.favorites-header-icon,
.advertising-header-icon {
  width: 17px;
  height: 17px;
  border: 0;
  border-radius: 0;
  color: var(--hive-accent-strong);
  background: transparent;
}

.favorites-header-icon svg,
.advertising-header-icon svg {
  width: 17px;
  height: 17px;
  stroke-width: 1.9;
}

.favorites-heading h2,
.advertising-heading h2 {
  font-size: calc(14px * var(--ui-font-scale, 1));
}

.favorites-badge {
  min-width: 0;
  height: 20px;
  padding: 0 3px;
  border: 0;
  border-radius: 0;
  color: var(--hive-text-3);
  background: transparent;
  font-family: var(--hive-font-mono);
  font-size: calc(11px * var(--ui-font-scale, 1));
  font-weight: 400;
}

.advertising-live-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  height: 20px;
  padding: 0 8px;
  border: 0;
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-3);
  background: var(--hive-surface-2);
  font-family: var(--hive-font-sans);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 700;
  text-transform: uppercase;
}

.advertising-live-badge.is-live {
  color: var(--hive-positive-strong);
  border: 0;
  background: color-mix(in srgb, var(--hive-positive) 14%, transparent);
}

.advertising-live-badge.is-live::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--hive-positive);
}

.favorites-close,
.advertising-close {
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: var(--hive-radius-input);
  color: var(--hive-text-3);
  background: transparent;
}

.favorites-close:hover,
.favorites-close:focus-visible,
.advertising-close:hover,
.advertising-close:focus-visible {
  color: var(--hive-text);
  border: 0;
  background: var(--hive-surface-2);
}

.favorites-close:focus-visible,
.advertising-close:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px var(--hive-accent-tint);
}

.favorites-body {
  padding: 6px 8px;
}

.favorites-list {
  gap: 0;
}

.favorites-row {
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 60px;
  padding: 10px 8px;
  border: 0;
  border-bottom: 1px solid var(--hive-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.favorites-row:last-child {
  border-bottom: 0;
}

.favorites-row:hover {
  border-color: var(--hive-line);
  background: var(--hive-surface-2);
}

.favorites-row-star {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: var(--hive-radius-input);
  color: var(--hive-text-3);
  background: repeating-linear-gradient(
    135deg,
    var(--hive-surface-2) 0,
    var(--hive-surface-2) 8px,
    var(--hive-surface-3) 8px,
    var(--hive-surface-3) 16px
  );
}

.favorites-row-info strong {
  font-size: calc(12.5px * var(--ui-font-scale, 1));
}

.favorites-row-info small {
  font-size: calc(10.5px * var(--ui-font-scale, 1));
}

.favorites-row-actions button,
.advertising-object-row button {
  width: 28px;
  height: 28px;
  border-radius: 6px;
}

.favorites-row-actions [data-favorite-action="cart"] {
  color: var(--hive-on-accent);
  border-color: var(--hive-accent);
  background-color: var(--hive-accent);
  background-image: var(--ai-gold-gradient);
}

.favorites-row-actions [data-favorite-action="remove"]:hover,
.favorites-row-actions [data-favorite-action="remove"]:focus-visible,
.advertising-object-row button:hover,
.advertising-object-row button:focus-visible {
  color: var(--hive-negative-strong);
  border-color: color-mix(in srgb, var(--hive-negative) 48%, var(--hive-line));
  background: color-mix(in srgb, var(--hive-negative) 12%, transparent);
}

.advertising-body {
  gap: 15px;
  padding: 15px 16px;
}

.advertising-section {
  gap: 8px;
}

.advertising-section h3 {
  color: var(--hive-text-3);
  font-family: var(--hive-font-sans);
  font-size: calc(11px * var(--ui-font-scale, 1));
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.advertising-status-copy,
.advertising-budget-readout {
  font-size: calc(12px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.advertising-switch-track::after {
  width: 20px;
  height: 20px;
}

.advertising-switch input:checked + .advertising-switch-track::after {
  transform: translateX(20px);
}

.advertising-budget {
  width: 100%;
  height: 16px;
  margin: 0;
  appearance: none;
  background: transparent;
}

.advertising-budget::-webkit-slider-runnable-track {
  height: 5px;
  border-radius: 3px;
  background: var(--hive-surface-3);
}

.advertising-budget::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  margin-top: -5.5px;
  appearance: none;
  border: 2px solid var(--hive-accent);
  border-radius: 50%;
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
}

.advertising-budget::-moz-range-track {
  height: 5px;
  border: 0;
  border-radius: 3px;
  background: var(--hive-surface-3);
}

.advertising-budget::-moz-range-progress {
  height: 5px;
  border-radius: 3px;
  background: var(--hive-accent);
}

.advertising-budget::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 2px solid var(--hive-accent);
  border-radius: 50%;
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
}

/* Frequency is segmented; locations remain independent filter pills. */
.hive-segmented,
.advertising-drawer .advertising-frequencies,
.print-cart-drawer .print-cart-quote-tabs,
.profile-auth-overlay .profile-auth-mode {
  display: inline-flex;
  align-items: center;
  width: max-content;
  min-height: 34px;
  padding: 3px;
  gap: 0;
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-input);
  background: var(--hive-surface-2);
}

.hive-segmented-option,
.advertising-drawer .advertising-frequencies .advertising-chip,
.print-cart-drawer .print-cart-quote-tab,
.profile-auth-overlay .profile-auth-mode-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  min-height: 26px;
  padding: 0 12px;
  border: 0;
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-3);
  background: transparent;
  box-shadow: none;
  font-family: var(--hive-font-sans);
  font-size: calc(11.5px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.hive-segmented-option.is-active,
.hive-segmented-option[aria-selected="true"],
.advertising-drawer .advertising-frequencies .advertising-chip.is-active,
.print-cart-drawer .print-cart-quote-tab.is-active,
.profile-auth-overlay .profile-auth-mode-button.is-active {
  color: var(--hive-text);
  border: 0;
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
}

.advertising-drawer .advertising-frequencies .advertising-chip:hover,
.advertising-drawer .advertising-frequencies .advertising-chip:focus-visible {
  color: var(--hive-text);
  border: 0;
}

.advertising-summary {
  margin: 0 16px 16px;
  padding: 11px 13px;
  border: 0;
  border-radius: var(--hive-radius-input);
  color: var(--hive-text-2);
  background: var(--hive-surface-2);
  font-family: var(--hive-font-sans);
  font-size: calc(10.5px * var(--ui-font-scale, 1));
  font-weight: 500;
}

/* Print Cart consumes the standard control and segmented-tab geometry. */
.print-cart-drawer .print-cart-quote-tabs {
  width: 100%;
  min-height: 38px;
}

.print-cart-drawer .print-cart-quote-tabs[hidden] {
  display: none;
}

.print-cart-drawer .print-cart-quote-tab {
  flex: 1;
  height: 30px;
  min-height: 30px;
}

.print-cart-drawer .print-cart-quote-chip {
  color: var(--hive-text-2);
  background: var(--hive-surface-3);
}

.print-cart-drawer .print-cart-quote-chip.is-available {
  color: var(--hive-positive-strong);
  background: color-mix(in srgb, var(--hive-positive) 14%, transparent);
}

/* Sign-in uses the same raised segmented control and button scale. */
.profile-auth-overlay .profile-auth-mode {
  width: 100%;
  height: 40px;
  min-height: 40px;
  margin-bottom: var(--hive-space-4);
}

.profile-auth-overlay .profile-auth-mode-button {
  flex: 1;
  height: 32px;
  min-height: 32px;
}

.profile-auth-overlay .profile-auth-provider,
.profile-auth-overlay .profile-auth-submit {
  height: 40px;
  min-height: 40px;
  border-radius: var(--hive-radius-control);
  font-size: calc(12.5px * var(--ui-font-scale, 1));
}

body .profile-auth-overlay .profile-auth-close {
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: var(--hive-radius-input);
  color: var(--hive-text-3);
  background: transparent;
}

body .profile-auth-overlay .profile-auth-close:hover,
body .profile-auth-overlay .profile-auth-close:focus-visible {
  color: var(--hive-text);
  border: 0;
  background: var(--hive-surface-2);
}

/* Alert buttons, category chips, and switches reuse the same semantic pieces. */
.command-alert-tray .command-alert-new {
  height: 28px;
  min-height: 28px;
  padding: 0 11px;
  font-size: calc(12px * var(--ui-font-scale, 1));
}

body .command-alert-tray .command-alert-meta {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-3);
  background: var(--hive-surface-2);
  font-family: var(--hive-font-sans);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 600;
}

.command-alert-switch {
  width: 38px;
  height: 20px;
}

.command-alert-switch::after {
  width: 16px;
  height: 16px;
  top: 1px;
  left: 1px;
}

.command-alert-row[aria-pressed="true"] .command-alert-switch::after {
  transform: translateX(18px);
}

body .command-alert-tray .command-alert-row-context {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  height: auto;
  min-height: 48px;
  padding: 7px 9px;
}

.command-alert-row-context .command-alert-name,
body .command-alert-tray .command-alert-row-context .command-alert-meta {
  grid-column: 1;
}

/* Non-marketplace notifications expose semantic status tones. */
.xbox-toast:not(.is-marketplace-gold) {
  min-height: 58px;
}

.xbox-toast:not(.is-marketplace-gold) .xbox-toast-badge {
  width: 34px;
  height: 34px;
  border-radius: 9px;
}

.xbox-toast:not(.is-marketplace-gold).is-success .xbox-toast-badge {
  color: var(--hive-positive-strong);
  border-color: color-mix(in srgb, var(--hive-positive) 38%, var(--hive-line));
  background: color-mix(in srgb, var(--hive-positive) 16%, transparent);
}

.xbox-toast:not(.is-marketplace-gold).is-error .xbox-toast-badge {
  color: var(--hive-negative-strong);
  border-color: color-mix(in srgb, var(--hive-negative) 38%, var(--hive-line));
  background: color-mix(in srgb, var(--hive-negative) 14%, transparent);
}

.xbox-toast:not(.is-marketplace-gold).is-info .xbox-toast-badge {
  color: var(--hive-info-strong);
  border-color: color-mix(in srgb, var(--hive-info) 38%, var(--hive-line));
  background: color-mix(in srgb, var(--hive-info) 14%, transparent);
}

.xbox-toast:not(.is-marketplace-gold).is-warning .xbox-toast-badge {
  color: var(--hive-accent-strong);
  border-color: color-mix(in srgb, var(--hive-accent) 42%, var(--hive-line));
  background: var(--hive-accent-tint);
}

@media (max-width: 620px) {
  .favorites-drawer,
  .advertising-drawer {
    width: min(392px, calc(100vw - var(--right-panel-width, 45px) - 12px));
  }
}

/* Match the reference control geometry even when the Overview's legacy
   selector wins the normal shared-button cascade. */
body .seller-view .seller-view-shell[data-workspace-tab="overview"] .seller-overview-header-action {
  height: var(--hive-control-height);
  min-height: var(--hive-control-height);
  padding: 0 15px;
  border-color: var(--hive-line-strong);
  color: var(--hive-text);
  background: var(--hive-surface);
  box-shadow: var(--hive-shadow-1);
  font-size: calc(13px * var(--ui-font-scale, 1));
}

body .seller-view .seller-view-shell[data-workspace-tab="overview"] .seller-overview-header-action svg {
  width: 16px;
  height: 16px;
}

body .seller-view .seller-view-shell[data-workspace-tab="overview"] .seller-overview-header-action:hover,
body .seller-view .seller-view-shell[data-workspace-tab="overview"] .seller-overview-header-action:focus-visible {
  color: var(--hive-accent-strong);
  border-color: var(--hive-accent);
  background: var(--hive-accent-tint);
}

body .seller-view .seller-view-shell[data-workspace-tab="overview"] .seller-overview-header-action.is-primary {
  color: var(--hive-on-accent);
  border-color: var(--hive-accent);
  background-color: var(--hive-accent);
  background-image: var(--ai-gold-gradient);
}

body .seller-view .seller-view-shell[data-workspace-tab="overview"] .seller-overview-header-action.is-primary:hover,
body .seller-view .seller-view-shell[data-workspace-tab="overview"] .seller-overview-header-action.is-primary:focus-visible {
  color: var(--hive-on-accent);
  border-color: var(--hive-accent-strong);
  background-color: var(--hive-accent-strong);
  background-image: var(--ai-gold-gradient);
}

/* Owner styles use class-only selectors for every advertising chip. These
   scoped rules keep filter pills and segmented options visually distinct. */
body .advertising-drawer .advertising-locations .advertising-chip.is-active {
  color: var(--hive-accent-strong);
  border-color: var(--hive-accent);
  background: var(--hive-accent-tint);
}

body .advertising-drawer .advertising-frequencies .advertising-chip {
  color: var(--hive-text-3);
}

body .advertising-drawer .advertising-frequencies .advertising-chip.is-active,
body .advertising-drawer .advertising-frequencies .advertising-chip:hover,
body .advertising-drawer .advertising-frequencies .advertising-chip:focus-visible {
  color: var(--hive-text);
}

/* The Seller summary has legacy compact-badge selectors with unusually
   high specificity. Keep its plan label compact, but restore the shared Hive
   dimensions for plan and operational status variants. */
body .seller-view .seller-view-shell[data-workspace-tab="overview"] .seller-overview-plan-row > .seller-plan-badge {
  min-height: 20px;
  padding: 0 8px;
  border: 0;
  border-radius: var(--hive-radius-control);
  color: var(--hive-accent-strong);
  background: var(--hive-accent-tint);
  font-family: var(--hive-font-sans);
  font-size: calc(10px * var(--ui-font-scale, 1));
  font-weight: 700;
  line-height: 1;
}

body .seller-view .seller-view-shell[data-workspace-tab="overview"] :where(
  .seller-overview-printer-row,
  .seller-overview-order-row
) .seller-status-pill {
  min-height: var(--hive-status-height);
  padding: 0 10px;
  gap: 6px;
  border-radius: 6px;
  font-family: var(--hive-font-sans);
  font-size: calc(11.5px * var(--ui-font-scale, 1));
  font-weight: 600;
  line-height: 1;
}

/* Sign-in owner rules include a body qualifier, so the shared component
   contract repeats that scope to retain the raised segmented treatment. */
body .profile-auth-overlay .profile-auth-mode {
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 3px;
  gap: 0;
  border: 1px solid var(--hive-line);
  border-radius: var(--hive-radius-input);
  background: var(--hive-surface-2);
}

body .profile-auth-overlay .profile-auth-mode-button {
  height: 32px;
  min-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: var(--hive-radius-control);
  color: var(--hive-text-3);
  background: transparent;
  box-shadow: none;
  font-size: calc(11.5px * var(--ui-font-scale, 1));
  font-weight: 600;
}

/* Whichever mode is active reads GOLD, in the same accent the submit button at
   the foot of the panel carries — so the panel states which of the two things
   it is about to do. A white fill on the near-white strip left the pair almost
   indistinguishable. This is the LAST rule for this selector in this file and
   therefore the one that wins; the earlier one near .profile-auth-mode is
   dead. Scoped to profile-auth so the advertising and Print Cart segmented
   controls keep the neutral raised treatment. */
body .profile-auth-overlay .profile-auth-mode-button.is-active {
  color: var(--hive-on-accent);
  border: 0;
  background-color: var(--hive-accent);
  background-image: var(--ai-gold-gradient);
  box-shadow: var(--hive-shadow-1);
}

body .profile-auth-overlay .profile-auth-provider,
body .profile-auth-overlay .profile-auth-submit {
  height: 40px;
  min-height: 40px;
  border-radius: var(--hive-radius-control);
  font-size: calc(12.5px * var(--ui-font-scale, 1));
}

/* The classic Seller header was the last button group retaining its earlier
   12px compact text rule. */
.seller-view .seller-header-actions .seller-header-action {
  height: var(--hive-control-height);
  min-height: var(--hive-control-height);
  padding: 0 15px;
  font-size: calc(13px * var(--ui-font-scale, 1));
}

body.theme-dark .seller-view .seller-campaign-state.is-live,
body.theme-dark .seller-view .seller-listing-advertise.is-active {
  color: var(--hive-positive-strong);
}