/* Selected warm reference. DESIGN_VARIANCE 6 / MOTION_INTENSITY 3 / VISUAL_DENSITY 6.
 * Native forms, modal focus, business controllers and responsive captions remain intact. */
html { scroll-padding-top: 80px; }
body { font-size: 14px; -webkit-font-smoothing: antialiased; }
.view-actions { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin: 12px 0; padding: 0; }
.view-actions button { min-height: 36px; }
#stores-view .store-workspace { margin-top: 16px; }
.image-zoom { display: block; width: 48px; height: 48px; min-height: 0; padding: 0; overflow: hidden; border: 1px solid var(--color-rule); border-radius: 4px; background: var(--color-surface); cursor: zoom-in; }
.image-zoom:disabled { opacity: 1; cursor: default; }
.image-zoom .product-image,.product-table .image-zoom .product-image { display: block; width: 100%; height: 100%; padding: 3px; border: 0; border-radius: 0; object-fit: contain; background: var(--color-surface); }
.product-table .image-zoom { width: 64px; height: 64px; }
#offer-image .image-zoom { width: min(184px,100%); height: auto; aspect-ratio: 1; }
#offer-image .image-zoom .product-image { width: 100%; height: 100%; aspect-ratio: 1; }
#image-dialog { width: min(860px,calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 16px; }
#image-dialog[open] { display: grid; grid-template-rows: auto minmax(0,1fr); gap: 16px; }
#image-dialog .dialog-head { margin: 0; padding: 0; }
#image-preview-title { font-size: 18px; margin: 0; overflow-wrap: anywhere; }
#image-preview { display: block; width: 100%; height: min(65dvh,680px); min-height: 0; object-fit: contain; }
@media (min-width: 769px) and (max-height: 740px) { #offer-image .image-zoom { width: min(100px,100%); } }
button,input,select { font-size: 13px; }
button { transition: background-color 140ms, border-color 140ms, transform 140ms; }
button.primary { color: var(--color-accent-ink); }
button.primary:hover:not(:disabled) { background: var(--color-accent); filter: brightness(.92); border-color: var(--color-accent); }
button.text-button { background: transparent; border-color: transparent; }
button.text-button:hover:not(:disabled) { background: var(--color-soft); }
:focus-visible { outline-color: var(--color-focus); }
.shell { display: block; }
.sidebar { position: static; z-index: 20; width: auto; height: auto; border-right: 0; border-bottom: 1px solid var(--color-rule); padding: 0 max(28px,calc((100vw - 1440px)/2)); background: var(--color-surface); display: flex; flex-direction: row; align-items: center; gap: 38px; min-height: 80px; }
.brand { flex-shrink: 0; gap: 12px; font-size: 14px; }
.brand br { display: none; }
.brand strong { display: block; margin: 2px 0 0; font-size: 12px; font-weight: 500; color: var(--color-muted); }
.brand-mark { display: grid; place-items: center; width: 42px; height: 42px; background: var(--color-ink); color: var(--color-surface); border-radius: 10px; font: 800 24px/1 'Manrope',sans-serif; letter-spacing: -1.8px; }
.sidebar-caption,.sidebar-foot,.workspace-nav .nav-group { display: none; }
.workspace-nav { display: flex; flex-wrap: nowrap; align-self: stretch; align-items: stretch; gap: 2px; margin: 0; }
.workspace-nav button { display: flex; align-items: center; gap: 8px; position: relative; border: 0; border-radius: 0; padding: 0 16px; color: var(--color-muted); background: transparent; font-size: 13px; }
.workspace-nav button span { display: inline-flex; float: none; }
.workspace-nav button[aria-current='page'] { color: var(--color-ink); background: transparent; border: 0; }
.workspace-nav button[aria-current='page']::after { content: ''; position: absolute; height: 3px; bottom: 0; left: 16px; right: 16px; background: var(--color-accent); }
.appearance-toggle { margin-left: auto; flex-shrink: 0; background: transparent; border-color: var(--color-control); min-height: 36px; padding: 6px 10px; font-size: 12px; }
.shell>main { width: min(1440px,100%); margin: auto; padding: 0 28px; }
.topbar { top: 0; min-height: 58px; margin: 0 -28px; padding: 8px 28px; background: var(--color-paper); z-index: 15; }
.topbar .workspace-context label { display: flex; align-items: center; font-size: 12px; font-weight: 500; color: var(--color-muted); }
#store-picker { width: min(260px,50vw); min-height: 36px; padding: 5px 32px 5px 10px; font-weight: 700; background: var(--color-surface); }
.account-menu { font-size: 12px; }
.account-menu button { min-height: 36px; font-size: 12px; }
.section-head { margin: 32px 0 24px; align-items: center; }
#workspace .section-head h1 { margin: 0 0 10px; font-size: 32px; font-weight: 750; letter-spacing: -.04em; }
#workspace .section-head p { margin: 0; font-size: 13px; }
#workspace .workbench-heading h1 { font-size: clamp(28px,3.1vw,42px); line-height: 1.3; }
.workbench-heading .workbench-caption { color: var(--color-muted); font-size: 12px; margin: 0 0 10px; }
.quota-panel { border: 1px solid var(--color-rule); background: var(--color-surface); border-radius: 6px; padding: 0; margin-bottom: 16px; }
.quota-panel>summary { padding: 12px 18px; font-size: 12px; background: transparent; }
.quota-panel>summary strong { font-size: 13px; }
.quota-panel .allocation-strip { margin: 0; padding: 12px 18px 8px; border: 0; background: transparent; grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr); gap: 30px; }
.allocation-heading { font-size: 12px; }
#budget-value { font-size: 26px; letter-spacing: -1px; }
.interval-counts { gap: 8px; }
.interval-counts>div { border-color: var(--color-rule); background: var(--color-paper); padding: 8px; border-radius: 4px; }
.interval-counts strong { font-size: 18px; }
.quota-panel .small,.quota-panel .execution-note { font-size: 11px; }
.quota-panel .interval-overview { min-height: 164px; }
#budget-detail,#store-total { min-height: 18px; }
.quota-panel>.execution-note,.quota-panel>.allocation-help { margin: 8px 18px 12px; }
#own-store-policy { font-size: 11px; margin: 0 0 10px; }
.workflow-line { margin: 10px 0 16px; }
.workflow-line .small,.setup-steps { font-size: 11px; }
.bidding-layout { display: grid; grid-template-columns: minmax(0,1fr) 318px; align-items: start; gap: 24px; }
.bidding-queue { min-width: 0; }
#workspace .toolbar { grid-template-columns: minmax(160px,1.35fr) repeat(3,minmax(90px,.8fr)) auto; margin: 0 0 16px; gap: 10px; padding: 0; border: 0; background: transparent; align-items: end; }
.toolbar label,.bulk-toolbar label,.catalog-toolbar label,.history-toolbar label,.silent-toolbar label { gap: 6px; font-size: 11px; }
.toolbar input,.toolbar select { min-height: 40px; font-size: 12px; padding: 7px 9px; }
.toolbar button { min-height: 40px; padding: 8px 12px; font-size: 12px; }
.bulk-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px; margin: 0; border: 1px solid var(--color-rule); border-radius: 6px; background: var(--color-surface); }
.bulk-toolbar button { font-size: 11px; min-height: 34px; padding: 6px 9px; }
.bulk-toolbar input[type='checkbox'] { width: 16px; height: 16px; min-height: 16px; }
.bulk-toolbar .checkbox-label,.bulk-toolbar .small { font-size: 11px; }
.bulk-bound-control { gap: 5px; }
.percent-control { min-height: 34px; }
.percent-control input { width: 50px; min-height: 32px; font-size: 12px; }
.bulk-toolbar select { min-height: 34px; max-width: 180px; font-size: 11px; padding: 6px 8px; }
.bulk-toolbar .page-size { margin-left: auto; }
.list-meta { margin: 14px 0; }
.list-meta .small { font-size: 11px; }
.bidding-queue>.table-wrap { overflow: visible; border: 0; padding: 0; background: transparent; }
.product-table { display: block; width: 100%; min-width: 0; table-layout: auto; border: 0; background: transparent; }
.product-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.product-table tbody { display: grid; gap: 12px; }
.product-table tbody tr { display: grid; grid-template-columns: 18px 64px minmax(120px,1fr) minmax(110px,.8fr) minmax(160px,1fr); grid-template-areas: 'choose image identity identity status' 'choose image current market bounds' '. . mode updated action'; gap: 12px 16px; padding: 18px; border: 1px solid var(--color-rule); border-radius: 6px; background: var(--color-surface); position: relative; }
.product-table tbody tr:hover { background: var(--color-surface); border-color: var(--color-control); }
.product-table tbody tr[data-focused='true'] { border-left: 3px solid var(--color-accent); padding-left: 16px; }
.product-table td { display: block; padding: 0; margin: 0; width: auto; min-width: 0 !important; max-width: none; border: 0; text-align: left; }
.product-table td:nth-child(1) { grid-area: choose; align-self: start; padding-top: 5px; }
.product-table td:nth-child(2) { grid-area: image; }
.product-table td:nth-child(3) { grid-area: identity; }
.product-table td:nth-child(4) { grid-area: current; font-size: 21px; font-weight: 750; line-height: 1.5; }
.product-table td:nth-child(5) { grid-area: market; font-size: 20px; font-weight: 650; }
.product-table td:nth-child(6) { grid-area: bounds; }
.product-table td:nth-child(7) { grid-area: mode; }
.product-table td:nth-child(8) { grid-area: updated; align-self: center; font-size: 10px; color: var(--color-muted); }
.product-table td:nth-child(9) { grid-area: status; text-align: right; }
.product-table td:nth-child(10) { grid-area: action; display: flex; flex-wrap: wrap; align-items: start; gap: 6px; justify-content: flex-end; }
.product-table td:nth-child(4)::before,.product-table td:nth-child(5)::before { display: block; content: attr(data-label); font-size: 11px; font-weight: 500; color: var(--color-muted); margin-bottom: 3px; }
.product-table .product-image { width: 64px; height: 74px; object-fit: contain; border: 0; border-radius: 4px; background: var(--color-soft); }
.product-table .identity-cell { width: auto; min-width: 0; max-width: none; }
.product-table .title-button { white-space: normal; text-align: left; display: block; padding: 0; min-height: 0; font-size: 14px; font-weight: 750; line-height: 1.65; color: var(--color-ink); overflow-wrap: anywhere; }
.product-table .product-meta { font-size: 10px; font-weight: 400; line-height: 1.6; margin-top: 4px; white-space: normal; overflow-wrap: anywhere; }
.product-table .status-label { margin: 0 0 4px; font-size: 10px; padding: 3px 6px; border-radius: 4px; }
.bounds-inputs { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.product-table .bounds-inputs label { font-size: 10px; }
.product-table td.price-bounds input { width: 100%; font-size: 13px; min-height: 34px; padding: 6px 8px; }
.product-table td:nth-child(7) select { width: 100%; min-height: 34px; padding: 6px; font-size: 11px; }
.product-table td:nth-child(10) button { padding: 6px 8px; font-size: 11px; min-height: 34px; }
.product-table td:nth-child(10) .compact-button { border-color: var(--color-control); background: var(--color-surface); }
.quick-inspector { position: sticky; top: 78px; border: 1px solid var(--color-rule); background: var(--color-surface); border-radius: 6px; padding: 22px; }
.inspector-heading { display: flex; gap: 12px; justify-content: space-between; align-items: center; margin-bottom: 22px; }
.inspector-heading h2 { margin: 0; font-size: 14px; }
.inspector-heading .small { font-size: 10px; color: var(--color-muted); }
#inspector-title { font-size: 17px; line-height: 1.65; margin-bottom: 8px; overflow-wrap: anywhere; }
#inspector-identity { color: var(--color-muted); font-size: 10px; overflow-wrap: anywhere; margin-bottom: 24px; }
.inspector-prices { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 12px; margin: 0 0 24px; }
.inspector-prices div:first-child { grid-column: 1/-1; }
.inspector-prices dt { color: var(--color-muted); font-size: 11px; margin-bottom: 6px; }
.inspector-prices dd { margin: 0; font-size: 18px; font-weight: 750; font-variant-numeric: tabular-nums; }
.inspector-prices div:first-child dd { font-size: 34px; letter-spacing: -1.5px; }
.inspector-note { border-top: 1px solid var(--color-rule); padding-top: 18px; margin-bottom: 20px; }
.inspector-note p { font-size: 11px; color: var(--color-muted); margin: 0 0 8px; }
.inspector-note strong { display: block; color: var(--color-ink); font-size: 12px; line-height: 1.8; }
#inspector-settings { width: 100%; }
.inspector-help { font-size: 11px; color: var(--color-muted); line-height: 1.9; margin: 16px 0 0; }
.auth-layout { gap: 80px; padding: 70px 0; }
.auth-intro h1 { font-size: clamp(36px,4.8vw,64px); letter-spacing: -.06em; }
.auth-panel,.connect-form,.store-row { background: var(--color-surface); border-color: var(--color-rule); border-radius: 6px; }
.store-row h3,.connect-form h2 { font-size: 20px; }
.catalog-toolbar,.history-toolbar,.silent-toolbar { background: transparent; padding: 0; border: 0; }
.table-wrap { background: var(--color-surface); border: 1px solid var(--color-rule); border-radius: 6px; }
dialog { background: var(--color-surface); color: var(--color-ink); border-color: var(--color-rule); border-radius: 8px; box-shadow: 0 18px 70px #24262225; }
dialog::backdrop { background: var(--color-overlay); }
.offer-header,.offer-summary,.offer-content { background: var(--color-surface); }
.offer-header h2 { font-size: 21px; }
.detail-section h3 { font-size: 15px; }
.offer-content .participation-section { background: var(--color-paper); border-color: var(--color-rule); border-radius: 6px; }
.pagination { font-size: 12px; margin-top: 20px; }
footer { margin-top: 36px; padding-block: 20px; font-size: 11px; }
@media (max-width: 1200px) {
  .product-table .image-zoom { width: 54px; height: 54px; }
  .sidebar { gap: 20px; padding-inline: 20px; }
  .workspace-nav button { padding-inline: 12px; }
  .shell>main { padding-inline: 20px; }
  .topbar { margin-inline: -20px; padding-inline: 20px; }
  .bidding-layout { grid-template-columns: minmax(0,1fr) 280px; gap: 16px; }
  #workspace .toolbar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-table tbody tr { grid-template-columns: 16px 54px minmax(0,1fr) minmax(0,1fr); grid-template-areas: 'choose image identity identity' '. image status status' '. . current market' '. . bounds mode' '. . updated action'; padding: 16px; gap: 10px 12px; }
  .product-table td:nth-child(9) { text-align: left; }
  .product-table .product-image { width: 54px; height: 64px; }
}
@media (max-width: 1020px) {
  .bidding-layout { grid-template-columns: minmax(0,1fr); }
  .quick-inspector { position: static; display: none; }
  .sidebar { flex-wrap: wrap; gap: 10px; padding-top: 14px; min-height: 114px; align-content: start; }
  .workspace-nav { order: 3; flex-basis: 100%; height: 48px; justify-content: space-between; }
  .workspace-nav button { padding-inline: 10px; font-size: 12px; }
  .product-table tbody tr { grid-template-columns: 18px 64px minmax(110px,1fr) minmax(100px,.8fr) minmax(140px,1fr); grid-template-areas: 'choose image identity identity status' 'choose image current market bounds' '. . mode updated action'; }
  .product-table td:nth-child(9) { text-align: right; }
}
@media (max-width: 768px) {
  .product-table .image-zoom { width: 48px; height: 48px; }
  #offer-image .image-zoom { width: 80px; height: 80px; }
  #image-dialog { padding: 12px; }
  .sidebar { position: static; width: 100%; padding: 12px 16px 0; min-height: 102px; gap: 12px; }
  .brand { font-size: 12px; }
  .brand strong { font-size: 10px; }
  .brand-mark { width: 34px; height: 34px; font-size: 22px; }
  .appearance-toggle { min-height: 34px; font-size: 11px; }
  .workspace-nav { gap: 0; height: 44px; margin: 0; width: 100%; min-width: 0; }
  .workspace-nav button { min-width: 0; flex: 1; min-height: 44px; padding: 0 4px; font-size: 11px; gap: 0; justify-content: center; }
  .workspace-nav button [data-icon] { display: none; }
  .workspace-nav button[aria-current='page']::after { left: 6px; right: 6px; }
  .shell>main { padding: 0 16px; }
  .topbar { top: 0; min-height: 52px; margin: 0 -16px; padding: 8px 16px; flex-wrap: nowrap; gap: 10px; }
  .topbar .workspace-context { flex: 1 1 auto; }
  .topbar .workspace-context label { flex-direction: row; font-size: 0; gap: 0; }
  .topbar .account-menu { flex: 0 1 auto; gap: 6px; justify-content: flex-end; }
  #account-name { display: none; }
  #store-picker { width: min(180px,55vw); font-size: 12px; }
  .account-menu button { padding-inline: 6px; font-size: 11px; }
  .section-head { margin: 24px 0 18px; gap: 14px; }
  #workspace .section-head h1 { font-size: 27px; }
  #workspace .workbench-heading h1 { font-size: 28px; }
  .section-head p { font-size: 12px; }
  .section-head>button { font-size: 11px; padding: 8px 10px; align-self: start; }
  .quota-panel .allocation-strip { grid-template-columns: minmax(0,1fr); padding: 12px; gap: 18px; }
  .quota-panel>summary { padding: 12px; gap: 6px; }
  .quota-panel>summary span { font-size: 10px; }
  .interval-counts { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .quota-panel .interval-overview { min-height: 248px; }
  #elastic-counts { min-height: 46px; }
  #workspace .toolbar { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .toolbar .search-field { grid-column: 1/-1; }
  .toolbar>button { justify-self: stretch; }
  .bulk-toolbar { gap: 10px 8px; padding: 10px; }
  .bulk-toolbar .page-size { margin-left: 0; }
  .product-table tbody tr { grid-template-columns: 18px 48px minmax(0,1fr); grid-template-areas: 'choose image identity' '. status status' '. current current' '. market market' '. bounds bounds' '. mode mode' '. updated updated' '. action action'; padding: 14px; gap: 10px; }
  .product-table tbody tr[data-focused='true'] { padding-left: 12px; }
  .product-table td:nth-child(9) { text-align: left; }
  .product-table td:nth-child(10) { justify-content: flex-start; padding-top: 4px; }
  .product-table td:nth-child(4),.product-table td:nth-child(5) { display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; font-size: 21px; }
  .product-table td:nth-child(5) .product-meta { flex-basis: 100%; }
  .product-table td:nth-child(7)::before { content: attr(data-label); display: block; font-size: 11px; color: var(--color-muted); margin-bottom: 6px; }
  .product-table .product-image { width: 48px; height: 54px; }
  .product-table .title-button { font-size: 13px; }
  .product-table .bounds-inputs label { font-size: 11px; }
  .product-table td.price-bounds input,.product-table td:nth-child(7) select { min-height: 40px; }
  .auth-layout { padding-block: 34px; gap: 32px; }
  .auth-intro h1 { font-size: 38px; }
  .table-wrap { padding: 0 12px; }
  .bidding-queue>.table-wrap { padding: 0; }
  .list-meta { flex-wrap: wrap; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }

/* Shared select surface. Native controls retain form values and business events. */
.select-control { display: inline-flex; position: relative; width: 100%; min-width: 0; max-width: 100%; vertical-align: middle; }
.select-control .select-control-native { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; clip-path: inset(50%); overflow: hidden; opacity: 0; pointer-events: none; }
.select-control>.select-trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; min-height: 42px; padding: 9px 12px; color: var(--color-ink); background: var(--color-surface); border: 1px solid var(--color-control); border-radius: 6px; font: inherit; font-size: 13px; font-weight: 500; text-align: left; white-space: normal; }
.select-trigger::after { content: ''; flex: 0 0 7px; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.select-trigger[aria-expanded='true'] { border-color: var(--color-accent); box-shadow: 0 0 0 2px var(--color-accent-soft); }
.select-trigger[aria-expanded='true']::after { transform: translateY(2px) rotate(225deg); }
.select-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.select-trigger:disabled { opacity: .55; cursor: not-allowed; }
.select-trigger[aria-invalid='true'] { border-color: var(--color-error); }
.select-control-store { width: min(260px,50vw); }
.select-control-store>.select-trigger { min-height: 36px; padding: 5px 10px; font-weight: 700; }
.toolbar .select-control>.select-trigger { min-height: 40px; padding: 7px 9px; font-size: 12px; }
.bulk-toolbar .select-control { width: auto; }
.bulk-toolbar .select-control>.select-trigger { min-height: 34px; padding: 6px 8px; font-size: 11px; }
.bulk-toolbar .select-control-bulk-mode { width: 128px; }
.bulk-toolbar .page-size .select-control { width: 72px; flex: 0 0 72px; }
.product-table td:nth-child(7) .select-control>.select-trigger { min-height: 34px; padding: 6px 8px; font-size: 11px; }
.detail-heading>.select-control { width: 106px; }
.detail-heading>.select-control>.select-trigger { min-height: 32px; padding: 4px 8px; font-size: 12px; }
.sync-cadence .select-control { width: auto; min-width: 130px; }
.select-options { position: fixed; inset: auto; z-index: 1200; margin: 0; padding: 5px; width: max-content; max-width: min(420px,calc(100vw - 16px)); max-height: 340px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; border: 1px solid var(--color-rule); border-radius: 8px; background: var(--color-surface); color: var(--color-ink); box-shadow: 0 8px 28px #00000024; font: 500 12px/1.6 var(--font-body); }
.select-options::backdrop { background: transparent; pointer-events: none; }
.select-option { position: relative; padding: 8px 30px 8px 10px; border-radius: 4px; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.select-option:hover:not([aria-disabled='true']),.select-option.is-active { background: var(--color-soft); }
.select-option[aria-selected='true'] { background: var(--color-accent-soft); color: var(--color-accent); font-weight: 700; }
.select-option[aria-selected='true']::after { content: '✓'; position: absolute; right: 10px; top: 8px; }
.select-option[aria-disabled='true'] { color: var(--color-muted); opacity: .55; cursor: not-allowed; }
.select-option-group { padding: 7px 10px 3px; color: var(--color-muted); font-size: 11px; }
@media (max-width: 768px) {
  .select-control-store { width: min(180px,55vw); }
  .select-control-store>.select-trigger { font-size: 12px; }
  .select-control>.select-trigger,.product-table td:nth-child(7) .select-control>.select-trigger { min-height: 40px; }
  .bulk-toolbar .select-control-bulk-mode { width: min(100%,220px); }
  .select-option { padding-block: 10px; }
}