/* Пакет Т.1 · раскладка «Обзора» раздела «Товары» (компоненты — workspace_kit.css, ws-*). */
#v-products-ws .ws-head { display: flex; justify-content: space-between; gap: 16px; }
#v-products-ws h1 { margin: 0; }
#v-products-ws h2 { margin: 0; font-size: 14px; font-weight: 650; }
#v-products-ws .pw-slice, #v-products-ws .pw-note { margin-top: 4px; color: var(--text-muted); font-size: 11px; }
#v-products-ws .pw-search { min-width: 200px; padding: 6px 9px; border: 1px solid rgba(148,163,184,.25); border-radius: 9px; background: rgba(9,20,35,.9); color: inherit; font: inherit; font-size: 12px; }
#v-products-ws .pw-io { padding: 6px 11px; border: 1px solid rgba(148,163,184,.2); border-radius: 9px; background: rgba(5,15,28,.78); color: var(--text-muted); font: inherit; font-size: 11.5px; }
#v-products-ws .ws-tabs [aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
#v-products-ws .pw-kpis { grid-template-columns: repeat(4, minmax(0,1fr)); }
#v-products-ws .pw-row { display: grid; gap: 12px; margin-bottom: 12px; }
#v-products-ws .pw-row-2 { grid-template-columns: minmax(0,2fr) minmax(0,1fr); }
#v-products-ws .pw-view { margin: 0 0 0 auto; }
#v-products-ws .pw-scroll { overflow-x: auto; }
#v-products-ws .pw-sku { border: 0; background: transparent; color: var(--ads-cyan); padding: 0; font: inherit; cursor: pointer; text-align: left; }
#v-products-ws tr[data-pw-sku]:hover td { background: rgba(35,215,230,.05); }
#v-products-ws .pw-ring-layout { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
#v-products-ws .pw-ring { position: relative; width: 132px; height: 132px; border-radius: 50%; flex: 0 0 auto; }
#v-products-ws .pw-ring span { position: absolute; inset: 18px; border-radius: 50%; background: #06101f; display: grid; place-content: center; text-align: center; }
#v-products-ws .pw-ring small { color: var(--text-muted); font-size: 11px; }
#v-products-ws .pw-ring b { font-size: 20px; }
#v-products-ws .pw-legend { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 12px; flex: 1 1 160px; }
#v-products-ws .pw-legend li { display: grid; grid-template-columns: 10px 1fr auto auto; gap: 8px; align-items: center; }
#v-products-ws .pw-legend i { width: 10px; height: 10px; border-radius: 50%; }
#v-products-ws .pw-legend small { color: var(--text-muted); min-width: 40px; text-align: right; }
#v-products-ws .pw-scatter { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#v-products-ws .pw-zone { display: grid; gap: 3px; padding: 10px; border: 1px solid rgba(148,163,184,.14); border-radius: 10px; background: rgba(5,15,28,.6); }
#v-products-ws .pw-zone span { font-size: 18px; font-weight: 700; }
#v-products-ws .pw-zone small { color: var(--text-muted); font-size: 10.5px; }
#v-products-ws .pw-zone[data-zone="leaders"] b { color: #34d399; }
#v-products-ws .pw-zone[data-zone="stars"] b { color: var(--ads-cyan); }
#v-products-ws .pw-zone[data-zone="workhorses"] b { color: #93c5fd; }
#v-products-ws .pw-zone[data-zone="weak"] b { color: var(--ads-red); }
/* Т.2 · «Каталог»: фильтры-сигналы, таблица, быстрый просмотр справа */
#v-products-ws .pw-filters [role="tab"] b { margin-left: 4px; font-variant-numeric: tabular-nums; }
#v-products-ws .pw-catalog tbody tr { cursor: pointer; }
#v-products-ws .pw-catalog tbody tr:hover td { background: rgba(35,215,230,.05); }
#v-products-ws .pw-catalog tbody tr[aria-selected="true"] td { background: rgba(16,185,129,.12); }
#v-products-ws .pw-sig { display: inline-block; padding: 1px 7px; border-radius: 999px; font-size: 10.5px; white-space: nowrap;
  background: rgba(148,163,184,.12); color: var(--text-muted); }
#v-products-ws .pw-sig[data-tone="bad"] { background: rgba(255,91,114,.12); color: var(--ads-red); }
#v-products-ws .pw-sig[data-tone="ok"] { background: rgba(16,185,129,.14); color: var(--green); }
#v-products-ws .pw-bad { color: var(--ads-red); }
#v-products-ws .pw-good { color: #34d399; }
#v-products-ws .pw-dim { color: var(--text-muted); font-size: 10px; }
#v-products-ws .pw-quick-title { margin-bottom: 8px; font-size: 13px; }
#v-products-ws .pw-quick { margin-bottom: 10px; }
#v-products-ws .pw-quick td:first-child { color: var(--text-muted); }
#v-products-ws .pw-quick-sig { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 10px; }
#v-products-ws .pw-open { width: 100%; padding: 8px 12px; border: 1px solid rgba(16,185,129,.55); border-radius: 9px;
  background: rgba(16,185,129,.18); color: #e7edf6; font: inherit; font-size: 12px; cursor: pointer; }
/* Т.3 · «Себестоимость и параметры» */
#v-products-ws .pw-costs td { vertical-align: top; }
#v-products-ws .pw-hint { display: inline-block; padding: 0 6px; border-radius: 999px; border: 1px solid rgba(245,173,41,.5);
  color: var(--ads-amber); font-size: 10px; cursor: help; }
/* Т.4 · карточка товара внутри раздела */
#v-products-ws .pw-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
#v-products-ws .pw-card-head h2 { font-size: 18px; }
#v-products-ws .pw-back { padding: 6px 11px; border: 1px solid rgba(148,163,184,.2); border-radius: 9px; background: rgba(5,15,28,.78);
  color: var(--text-muted); font: inherit; font-size: 12px; cursor: pointer; }
#v-products-ws .pw-card .pw-open { margin-top: 10px; }
@media (max-width: 1100px) { #v-products-ws .pw-row-2 { grid-template-columns: 1fr; } }
@media (max-width: 700px) { #v-products-ws .pw-kpis { grid-template-columns: 1fr 1fr; } #v-products-ws .ws-head { flex-direction: column; } }

/* DESIGN · approved tovary_final layout; page theme mirrors Ads without changing it. */
body:has(#v-products-ws.view.active) { background: radial-gradient(circle at 58% 30%, #06233d 0%, #020b19 42%, #010715 100%) fixed !important; }
body:has(#v-products-ws.view.active) .shell-sidebar,
body:has(#v-products-ws.view.active) .shell-topbar,
body:has(#v-products-ws.view.active) .shell-mobnav { border-color: #12314b !important; }
body:has(#v-products-ws.view.active) .shell-sidebar { background: linear-gradient(180deg,#041323 0%,#010715 100%) !important; }
body:has(#v-products-ws.view.active) .shell-topbar,
body:has(#v-products-ws.view.active) .shell-mobnav { background: #041020 !important; }
body:has(#v-products-ws.view.active) .shell-brand,
body:has(#v-products-ws.view.active) .shell-top-chip { color: #e7edf6 !important; background: #041020 !important; border-color: #0b2942 !important; }
#v-products-ws { --text: #e7edf6; --text-muted: #94a3b8; --green: #34d399; color: #e7edf6; }
#v-products-ws .ws-head { margin-bottom: 22px; align-items: center; }
#v-products-ws h1 { font-size: 30px; color: #e7edf6; letter-spacing: -.025em; }
#v-products-ws h2 { font-size: 16px; color: #e7edf6; }
#v-products-ws .ws-head-side { flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
#v-products-ws .pw-search { width: 280px; height: 40px; }
#v-products-ws .pw-io { height: 40px; }
#v-products-ws .pw-readonly { color: var(--ads-cyan); border: 1px solid #164252; padding: 5px 8px; border-radius: 6px; font-size: 10px; letter-spacing: .08em; }
#v-products-ws .pw-kpis { gap: 14px; margin-bottom: 22px; }
#v-products-ws .ws-kpi { position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 18px 20px; min-height: 138px; gap: 8px; border-radius: 14px; }
#v-products-ws .ws-kpi > span:first-of-type { display: block; min-height: 0; font-size: 13px; padding-right: 44px; }
#v-products-ws .ws-kpi > b { font-size: 28px; }
#v-products-ws .ws-kpi-ico { position: absolute; top: 18px; right: 18px; width: 42px; height: 42px; font-size: 22px; }
#v-products-ws .ws-kpi-cmp { min-height: 0; font-size: 11px; }
#v-products-ws .ws-kpi-cmp small { display: none; }
#v-products-ws .pw-navigation { display: flex; gap: 18px; align-items: center; margin-bottom: 20px; flex-wrap: wrap; }
#v-products-ws .pw-navigation .ws-tabs { margin: 0; }
#v-products-ws .pw-regions { padding: 4px; border: 1px solid #17314a; border-radius: 12px; background: #071525; }
#v-products-ws .pw-regions button { border-color: transparent; }
#v-products-ws .ws-tabs [role="tab"] { font-size: 13px; padding: 9px 13px; }
#v-products-ws .ws-panel { padding: 20px; border-radius: 14px; }
#v-products-ws .ws-panel-head { margin-bottom: 18px; gap: 8px; flex-wrap: wrap; }
#v-products-ws .pw-row { gap: 16px; margin-bottom: 18px; }
#v-products-ws .pw-row-equal { grid-template-columns: repeat(2,minmax(0,1fr)); }
#v-products-ws .pw-side { display: grid; gap: 16px; align-content: start; }
#v-products-ws .pw-ring-layout { flex-wrap: nowrap; gap: 18px; }
#v-products-ws .pw-ring { width: 130px; height: 130px; }
#v-products-ws .pw-ring span { background: #061222; }
#v-products-ws .pw-legend { gap: 14px; font-size: 12px; }
#v-products-ws .pw-legend li { grid-template-columns: 8px 1fr auto auto; gap: 6px; }
#v-products-ws .pw-attention-list { display: grid; }
#v-products-ws .pw-attention-list button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 14px 0; background: none; border: 0; border-bottom: 1px solid #15253b; color: #bcc9da; text-align: left; font: inherit; font-size: 13px; cursor: pointer; }
#v-products-ws .pw-attention-list i { width: 8px; height: 8px; border-radius: 50%; background: var(--ads-red); flex: 0 0 auto; }
#v-products-ws .pw-attention-list button:nth-child(3) i, #v-products-ws .pw-attention-list button:nth-child(4) i { background: var(--ads-amber); }
#v-products-ws .pw-attention-list button:last-child i { background: #79aaff; }
#v-products-ws .pw-attention-list b { margin-left: auto; padding: 2px 7px; background: #172b44; border-radius: 5px; }
#v-products-ws .pw-attention-list button:hover { color: var(--ads-cyan); }
#v-products-ws .ws-table { font-size: 13px; }
#v-products-ws .ws-table th { padding: 8px 6px 12px; font-size: 10px; text-transform: uppercase; letter-spacing: .035em; }
#v-products-ws .ws-table td { padding: 13px 6px; }
#v-products-ws .pw-product { display: flex; align-items: center; gap: 10px; text-align: left; min-width: 140px; }
#v-products-ws .pw-product strong { display: block; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 600; color: #e7edf6; }
#v-products-ws .pw-product small { display: block; color: var(--text-muted); margin-top: 4px; font-size: 11px; }
#v-products-ws .pw-thumb { display: grid; place-content: center; width: 34px; height: 38px; background: #15243c; border-radius: 7px; color: #5f7899; flex: 0 0 auto; }
#v-products-ws .pw-text-link { border: 0; background: none; padding: 18px 0 0; color: var(--ads-cyan); font: inherit; font-size: 13px; cursor: pointer; }
#v-products-ws .pw-view [role="tab"] { font-size: 10px; padding: 5px 7px; }
#v-products-ws .pw-chart { position: relative; padding-left: 25px; }
#v-products-ws .pw-scatter { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 0; height: 440px; border: 1px solid #193047; border-radius: 12px; background: #051321; overflow: hidden; }
#v-products-ws .pw-zone { display: flex; flex-direction: column; padding: 16px; border: 0; background: none; border-radius: 0; pointer-events: none; }
#v-products-ws .pw-zone:nth-child(odd) { border-right: 1px dashed #25364c; }
#v-products-ws .pw-zone:nth-child(-n+2) { border-bottom: 1px dashed #25364c; }
#v-products-ws .pw-zone:nth-child(even) { text-align: right; }
#v-products-ws .pw-zone:nth-child(n+3) { justify-content: flex-end; }
#v-products-ws .pw-zone b { font-size: 15px; }
#v-products-ws .pw-zone small { font-size: 11px; }
#v-products-ws .pw-dot { position: absolute; width: 10px; height: 10px; margin: 0 0 -5px -5px; padding: 0; border: 1px solid #061222; border-radius: 50%; background: #64dfb8; cursor: pointer; box-shadow: 0 0 10px #64dfb822; }
#v-products-ws .pw-dot[data-zone="weak"] { background: var(--ads-red); }
#v-products-ws .pw-dot[data-zone="workhorses"] { background: #79aaff; }
#v-products-ws .pw-dot:hover, #v-products-ws .pw-dot:focus-visible { outline: 3px solid #e7edf6; z-index: 2; }
#v-products-ws .pw-axis-y { position: absolute; left: 0; top: 50%; writing-mode: vertical-rl; transform: translateY(-50%) rotate(180deg); font-size: 11px; color: var(--text-muted); }
#v-products-ws .pw-axis-x { display: flex; justify-content: space-between; padding-top: 10px; color: var(--text-muted); font-size: 11px; }
#v-products-ws .pw-changes .ws-table td { white-space: normal; font-size: 12px; }
#v-products-ws .pw-note { line-height: 1.5; margin-top: 12px; }
@media (max-width: 1300px) { #v-products-ws .pw-ring-layout { flex-wrap: wrap; } #v-products-ws .ws-head { align-items: flex-start; } }
@media (max-width: 900px) { #v-products-ws .pw-row-equal { grid-template-columns: 1fr; } #v-products-ws .pw-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) { #v-products-ws .ws-head-side { justify-content: flex-start; } #v-products-ws .pw-search { width: 100%; min-width: 0; } #v-products-ws .ws-kpi { padding: 14px; } #v-products-ws .ws-kpi-ico { width: 26px; height: 26px; right: 10px; } #v-products-ws .pw-scatter { height: 330px; } #v-products-ws .pw-zone { padding: 10px; } #v-products-ws .pw-zone b { font-size: 12px; } }

#v-products-ws .ws-kpi > span:first-of-type { align-self: flex-start; }
#v-products-ws .pw-top .pw-product strong { max-width: 140px; }

#v-products-ws .pw-changes td:first-child { width: 30%; }
#v-products-ws .pw-changes .pw-dim { display: block; margin-top: 4px; }
#v-products-ws .pw-changes td:nth-child(2) { color: #9fced0; }

#v-products-ws select.pw-view { background: #09192b; color: #bcc9da; border: 1px solid #203750; border-radius: 8px; font: inherit; font-size: 12px; padding: 8px; }
html:has(#v-products-ws.view.active) { background: #010715; }
#v-products-ws .pw-attention-list button { padding: 10px 0; }
#v-products-ws .pw-changes td:nth-child(3) { white-space: nowrap; }
#v-products-ws .pw-scatter { height: 400px; }

/* DESIGN · Catalog */
#v-products-ws .pw-catalog-layout { grid-template-columns: minmax(0,2.05fr) minmax(300px,1fr); }
#v-products-ws .pw-catalog-layout > .ws-panel { min-height: 690px; }
#v-products-ws .pw-catalog .pw-dim { display: block; margin-top: 5px; }
#v-products-ws .pw-catalog .pw-sig { white-space: normal; max-width: 130px; line-height: 1.4; }
#v-products-ws .pw-quick h3, #v-products-ws h3 { font-size: 11px; color: var(--text-muted); text-transform: uppercase; margin: 20px 0 12px; letter-spacing: .04em; }
#v-products-ws .pw-alert { border: 1px solid #1b334a; background: #091929; padding: 14px; border-radius: 10px; margin-top: 16px; font-size: 13px; line-height: 1.6; }
#v-products-ws .pw-alert[data-tone="bad"] { background: #291923; border-color: #5a2938; color: #ffb5c4; }
#v-products-ws .pw-alert h3 { margin: 0 0 8px; }
#v-products-ws .pw-mini-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 20px 0; }
#v-products-ws .pw-mini { padding: 12px; border-radius: 10px; background: #081828; display: flex; flex-direction: column; gap: 10px; }
#v-products-ws .pw-mini small { color: var(--text-muted); font-size: 11px; }
#v-products-ws .pw-mini b { font-size: 18px; }
#v-products-ws .pw-ladder > div { display: flex; align-items: center; gap: 10px; min-height: 42px; border-bottom: 1px solid #14253a; font-size: 12px; }
#v-products-ws .pw-ladder > div > span:first-child { flex: 1; color: var(--text-muted); }
#v-products-ws .pw-card-actions { display: flex; gap: 8px; margin-top: 28px; }
#v-products-ws .pw-card-actions .pw-open { flex: 1; }
#v-products-ws .pw-quick > .pw-product strong { max-width: none; white-space: normal; }
@media(max-width:1100px) { #v-products-ws .pw-catalog-layout { grid-template-columns: 1fr; } #v-products-ws .pw-catalog-layout > .ws-panel { min-height: 0; } }

/* DESIGN · Costs */
#v-products-ws .pw-cost-info { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid #29455e; border-radius: 12px; background: #0b2030; margin-bottom: 20px; font-size: 13px; line-height: 1.6; }
#v-products-ws .pw-cost-info > div { flex: 1; }
#v-products-ws .pw-cost-info small { display: block; color: var(--text-muted); }
#v-products-ws .pw-cost-info button { width: auto; max-width: 150px; }
#v-products-ws button:disabled { cursor: not-allowed; opacity: .65; }
#v-products-ws .pw-costs td { white-space: normal; text-align: left; vertical-align: middle; }
#v-products-ws .pw-costs th { text-align: left; }
#v-products-ws .pw-costs small { display: block; margin-top: 5px; }
#v-products-ws .pw-costs .pw-cost-value { display: block; padding: 10px 12px; min-width: 85px; border: 1px solid #273950; border-radius: 8px; background: #091624; }
#v-products-ws .pw-costs .pw-product strong { max-width: 185px; white-space: normal; }
#v-products-ws .pw-fact { margin-top: 5px; font-size: 11px; color: var(--text-muted); }
#v-products-ws section.pw-costs { min-height: 650px; }
@media(max-width:700px) { #v-products-ws .pw-cost-info { flex-wrap: wrap; } #v-products-ws .pw-cost-info > div { flex-basis: 100%; } }

#v-products-ws .pw-target-pair { display: flex; align-items: flex-start; gap: 5px; }
#v-products-ws .pw-target-pair small { max-width: 90px; }

/* DESIGN · SKU economics and shared card header */
#v-products-ws .pw-breadcrumb { font-size: 12px; color: var(--text-muted); margin-bottom: 24px; }
#v-products-ws .pw-breadcrumb button { background: none; border: 0; color: var(--ads-cyan); font: inherit; padding: 0; cursor: pointer; }
#v-products-ws .pw-card-head { gap: 18px; margin-bottom: 20px; flex-wrap: wrap; }
#v-products-ws .pw-card-head > .pw-thumb { width: 72px; height: 72px; font-size: 30px; }
#v-products-ws .pw-card-head h1 { font-size: 26px; }
#v-products-ws .pw-decision { display: flex; gap: 18px; align-items: center; padding: 18px 20px; border: 1px solid #29455e; background: #0b2030; border-radius: 12px; margin-bottom: 24px; font-size: 13px; line-height: 1.6; }
#v-products-ws .pw-decision > b { color: #9ee5ef; min-width: 100px; }
#v-products-ws .pw-decision > span { flex: 1; }
#v-products-ws .pw-decision small { display: block; color: var(--text-muted); font-size: 11px; }
#v-products-ws .pw-decision strong { display: block; color: var(--green); font-size: 18px; }
#v-products-ws .pw-card > .ws-tabs { margin-bottom: 22px; }
#v-products-ws .pw-card-economics { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr) minmax(0,.8fr); gap: 16px; }
#v-products-ws .pw-card-economics > .ws-panel { min-height: 660px; }
#v-products-ws .pw-price-lines > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; border-bottom: 1px solid #18293f; font-size: 13px; }
#v-products-ws .pw-price-lines small { display: block; margin-top: 4px; font-size: 11px; color: var(--text-muted); }
#v-products-ws .pw-price-lines > div:last-child b { color: var(--green); font-size: 20px; }
#v-products-ws .pw-card-metrics { display: flex; flex-direction: column; gap: 16px; }
#v-products-ws .pw-card-metrics .pw-mini { border: 1px solid #193248; padding: 20px; min-height: 90px; }
#v-products-ws .pw-card-metrics .pw-mini > b { font-size: 25px; }
#v-products-ws .pw-pnl-details { margin-top: 24px; font-size: 12px; color: var(--text-muted); }
#v-products-ws .pw-pnl-details summary { cursor: pointer; }
@media(max-width:1100px) { #v-products-ws .pw-card-economics { grid-template-columns: 1fr; } #v-products-ws .pw-card-economics > .ws-panel { min-height: 0; } #v-products-ws .pw-card-metrics { display: grid; grid-template-columns: 1fr 1fr; } }
@media(max-width:700px) { #v-products-ws .pw-decision { flex-wrap: wrap; } #v-products-ws .pw-decision > span { flex-basis: 100%; } }

#v-products-ws .pw-price-bar { display: none; height: 8px; width: 70px; border-radius: 5px; background: #14253d; flex: 0 0 auto; }
#v-products-ws .pw-card-ladder .pw-price-bar { display: block; }
#v-products-ws .pw-price-bar > i { display: block; height: 100%; border-radius: inherit; background: #1e887d; }
#v-products-ws .pw-card-ladder .pw-ladder > div { flex-wrap: wrap; padding: 10px 0; }

/* DESIGN · SKU stock */
#v-products-ws .pw-stock-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 20px; }
#v-products-ws .pw-stock-kpis .pw-mini { border: 1px solid #1a334a; padding: 18px; }
#v-products-ws .pw-stock-kpis b { font-size: 25px; }
#v-products-ws .pw-stock-columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 20px 0; }
#v-products-ws .pw-stock-columns > section { min-height: 240px; }
#v-products-ws .pw-stock-columns .pw-alert { margin-top: 10px; }
#v-products-ws .pw-timeline { position: relative; height: 100px; margin: 18px 15px; }
#v-products-ws .pw-timeline-track { position: absolute; left: 4%; right: 4%; height: 10px; top: 48px; background: #18434b; border-radius: 8px; }
#v-products-ws .pw-milestone { position: absolute; top: 0; width: 1px; height: 60px; }
#v-products-ws .pw-milestone span { position: absolute; display: block; width: 180px; transform: translateX(-50%); font-size: 12px; text-align: center; color: var(--text-muted); }
#v-products-ws .pw-milestone:first-of-type span { transform: none; text-align: left; }
#v-products-ws .pw-milestone[data-tone="stockout"] span { color: var(--ads-red); }
#v-products-ws .pw-milestone[data-tone="supply"] span { color: var(--green); }
#v-products-ws .pw-milestone i { position: absolute; top: 46px; left: -6px; width: 14px; height: 14px; border-radius: 50%; background: #73cabc; }
#v-products-ws .pw-milestone[data-tone="stockout"] i { background: var(--ads-red); }
#v-products-ws .pw-stock-bars { display: flex; align-items: flex-end; gap: 16px; height: 90px; }
#v-products-ws .pw-stock-bars > div { display: flex; flex: 1; align-items: center; flex-direction: column; justify-content: flex-end; gap: 8px; }
#v-products-ws .pw-stock-bars span { display: block; width: 70%; max-width: 60px; background: #1d766c; border-radius: 5px 5px 0 0; }
#v-products-ws .pw-stock-bars small { color: var(--text-muted); font-size: 10px; }
#v-products-ws .pw-card-timeline .pw-text-link { padding: 0; margin-left: auto; }
@media(max-width:1000px) { #v-products-ws .pw-stock-columns { grid-template-columns: 1fr; } #v-products-ws .pw-stock-kpis { grid-template-columns: 1fr 1fr; } }
/* Keep timeline labels inside the card at either end. */
#v-products-ws .pw-milestone:last-child span { left:auto; right:0; transform:none; text-align:right; min-width:170px; }
#v-products-ws .pw-milestone[data-tone="now"] span { left:0; transform:none; text-align:left; }

#v-products-ws .pw-card-ads-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:16px; }
#v-products-ws .pw-card-side { display:grid; gap:16px; }
#v-products-ws .pw-funnel-line { display:flex; gap:12px; align-items:center; min-height:40px; font-size:13px; }
#v-products-ws .pw-funnel-line span { width:145px; }
#v-products-ws .pw-funnel-line i { flex:1; height:8px; border-radius:5px; background:rgba(110,145,177,.12); }
#v-products-ws .pw-funnel-line b { width:35px; text-align:right; }
@media(max-width:1000px) { #v-products-ws .pw-card-ads-layout { grid-template-columns:minmax(0,1fr); } }

#v-products-ws .pw-history-legend { display:flex; gap:20px; justify-content:flex-end; font-size:12px; }
#v-products-ws .pw-history-legend span:nth-child(1) { color:#6fa2ff; }
#v-products-ws .pw-history-legend span:nth-child(2) { color:var(--ads-amber); }
#v-products-ws .pw-history-legend span:nth-child(3) { color:var(--green); }
#v-products-ws .pw-history-empty { min-height:200px; display:grid; place-items:center; border-bottom:1px solid var(--border); }
#v-products-ws .pw-history-empty .pw-state { width:100%; }
#v-products-ws .pw-history-axis { display:flex; justify-content:space-between; font-size:12px; color:var(--text-muted); padding-top:10px; }
#v-products-ws [data-pw-module="card-events"] { margin-top:16px; min-height:250px; }
@media(max-width:600px) {
  #v-products-ws .pw-regions { flex-wrap:wrap; max-width:100%; }
  #v-products-ws .pw-regions button { white-space:normal; }
}

#v-products-ws .pw-table-wrap { max-width:100%; overflow-x:auto; }