/* Products & Inventory. Approved candidate products-inventory-20260907-014947-0d3ed2.
   Shared feature sections and KIT-v1 atoms; only composition geometry is page-specific. */
.pmm-products-inventory .pi-hero h1 { max-width: 760px; }
.pmm-products-inventory .pi-hero h3 { max-width: 650px; }
/* Geometry regenerated from the canonical sequencer after measuring focused cards. */
@media (min-width: 1200px) {
/* pmm sequencer · seed products-inventory-edges-420 */
/* sp01 · cornerA · bottom · card left · depth 9.7% · width 73% · h 0.73 */
.pmm-products-inventory .pmm-ui .cmp-sp01 .cmp-field { left:36.7%; right:0; bottom:27.7%; top:0; } .pmm-products-inventory .pmm-ui .cmp-sp01 .cmp-field img { object-position:100% 50%; }
.pmm-products-inventory .pmm-ui .cmp-sp01 .cmp-anchor { left:0; bottom:0; width:73%; transform:none; }
/* Forecast now uses the scene-free proof card below, per Frost’s review. */
/* sp03 · cornerA · top · card left · depth 12% · width 75.1% · h 0.8 */
.pmm-products-inventory .pmm-ui .cmp-sp03 .cmp-field { left:36.9%; right:0; top:30%; bottom:0; } .pmm-products-inventory .pmm-ui .cmp-sp03 .cmp-field img { object-position:100% 50%; }
.pmm-products-inventory .pmm-ui .cmp-sp03 .cmp-anchor { left:0; top:0; width:75.1%; transform:none; }
.pmm-products-inventory .pmm-ui .cmp-sp04 .cmp-anchor-b { right:4%; top:0; width:52%; }
/* sp04 · twin · card right · depth 8.2% · width 66.1% · h 0.474 */
.pmm-products-inventory .pmm-ui .cmp-sp04 .cmp-field { left:0; right:0; top:8.2%; bottom:8.2%; } .pmm-products-inventory .pmm-ui .cmp-sp04 .cmp-field img { object-position:0% 50%; }
.pmm-products-inventory .pmm-ui .cmp-sp04 .cmp-anchor { right:0; bottom:0; width:66.1%; transform:none; }
/* sp05 · edge · card left · depth 14.4% · width 75.2% · h 0.8 */
.pmm-products-inventory .pmm-ui .cmp-sp05 .cmp-field { left:20.4%; right:0; top:0; bottom:0; } .pmm-products-inventory .pmm-ui .cmp-sp05 .cmp-field img { object-position:100% 50%; }
.pmm-products-inventory .pmm-ui .cmp-sp05 .cmp-anchor { left:0; top:7.7%; width:75.2%; transform:none; }
/* sp06 · cornerA · bottom · card right · depth 10.6% · width 70.3% · h 0.745 */
.pmm-products-inventory .pmm-ui .cmp-sp06 .cmp-field { right:40.3%; left:0; bottom:28.6%; top:0; } .pmm-products-inventory .pmm-ui .cmp-sp06 .cmp-field img { object-position:0% 50%; }
.pmm-products-inventory .pmm-ui .cmp-sp06 .cmp-anchor { right:0; bottom:0; width:70.3%; transform:none; }
/* Historical sequencer record (sp02 superseded by scene-free forecast): [{"id":"sp01","shape":"cornerA","orientation":"left-bottom","depth":9.7,"width":73,"h":0.73},{"id":"sp02","shape":"edge","orientation":"right","depth":15.8,"width":75,"h":0.81},{"id":"sp03","shape":"cornerA","orientation":"left-top","depth":12,"width":75.1,"h":0.8},{"id":"sp04","shape":"twin","orientation":"right","depth":8.2,"width":66.1,"h":0.474},{"id":"sp05","shape":"edge","orientation":"left","depth":14.4,"width":75.2,"h":0.8},{"id":"sp06","shape":"cornerA","orientation":"right-bottom","depth":10.6,"width":70.3,"h":0.745}] */
}


.pmm-products-inventory .ui-entity { display: flex; align-items: center; gap: 10px; }
.pmm-products-inventory .ui-row--wrap { flex-wrap: wrap; }
.pmm-products-inventory .cmp-sp03 .ui-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.pmm-products-inventory .pi-insight-route { margin-top: 8px; }
/* Twin cards share their x-edges, height and clear gap. */
@media (min-width: 1200px) {
 .pmm-products-inventory .cmp-sp04 .cmp-canvas { display: grid; grid-template-columns: 33.9% 66.1%; grid-template-rows: repeat(2,minmax(0,1fr)); gap: 20px 0; }
 .pmm-products-inventory .pmm-ui .cmp-sp04 .cmp-anchor { position: relative; inset: auto; grid-column: 2; width: auto; }
 .pmm-products-inventory .pmm-ui .cmp-sp04 .cmp-field { right: 8%; }
}
@media (max-width: 1199px) {
 .pmm-products-inventory .cmp .cmp-canvas { aspect-ratio: auto; display: flex; flex-direction: column; }
 .pmm-products-inventory .cmp .cmp-field { position: relative; inset: auto; width: 100%; height: 160px; flex: none; }
 .pmm-products-inventory .cmp .cmp-field img { object-position: center; }
 .pmm-products-inventory .cmp .cmp-anchor { position: relative; inset: auto; width: auto; margin: -40px 12px 0; z-index: 2; }
 .pmm-products-inventory .cmp-sp04 .cmp-anchor:not(.cmp-anchor-b) { margin-top: 18px; }
 .pmm-products-inventory .ui-line, .pmm-products-inventory .ui-head, .pmm-products-inventory .ui-prow { flex-wrap: wrap; row-gap: 6px; }
 .pmm-products-inventory .ui-line > .ui-grow, .pmm-products-inventory .ui-head > .ui-grow, .pmm-products-inventory .ui-prow > .ui-grow { flex: 1 1 145px; }
 .pmm-products-inventory .pi-mobile-hide { display: none; }
}


.pmm-products-inventory .pi-stock-quantities { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }

/* Forecast: focused Admin view with a collapsed icon rail, without a Scene layer. */
.pmm-products-inventory .pi-admin-proof {
  width: 100%;
  color: var(--ui-ink);
  background: var(--ui-card);
  border: 1px solid #dce1e8;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgb(15 23 42 / 6%), 0 20px 48px -16px rgb(15 23 42 / 16%);
  font-size: var(--cui-primary);
  line-height: 1.5;
}
/* Chrome follows admin-web Sidebar / AppFrame and its light theme tokens. */
.pmm-products-inventory .pi-admin-shell { display: grid; grid-template-columns: 60px minmax(0, 1fr); }
.pmm-products-inventory .pi-admin-sidebar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 16px 10px;
  background: hsl(213 30% 95%);
  border-right: 1px solid #dce1e8;
  border-radius: 15px 0 0 15px;
}
.pmm-products-inventory .pi-admin-logo { display: block; width: 32px; height: 32px; flex: none; }
.pmm-products-inventory .pi-admin-nav { display: flex; flex-direction: column; gap: 6px; }
.pmm-products-inventory .pi-admin-nav-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 8px; color: #6b7280; }
.pmm-products-inventory .pi-admin-nav-icon svg { width: 20px; height: 20px; stroke-width: 1.75; }
.pmm-products-inventory .pi-admin-nav-icon--active { color: #1f2937; background: hsl(220 34% 91%); }
.pmm-products-inventory .pi-admin-nav-icon--active svg { stroke-width: 2.5; }
.pmm-products-inventory .pi-admin-settings { margin-top: auto; }
.pmm-products-inventory .pi-admin-main { min-width: 0; padding: 0 20px 16px; background: #f8fafc; border-radius: 0 15px 15px 0; }
.pmm-products-inventory .pi-admin-proof .ui-head { padding: 16px 4px; border-bottom: 0; }
.pmm-products-inventory .pi-forecast-table { background: var(--ui-card); border: 1px solid var(--ui-line); border-radius: 12px; }
.pmm-products-inventory .pi-forecast-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(0, .85fr) minmax(0, 1fr);
  column-gap: 20px;
  align-items: center;
  padding: 20px;
}
.pmm-products-inventory .pi-forecast-grid > :not(:first-child) { text-align: right; }
.pmm-products-inventory .pi-forecast-columns { padding-block: 10px; }
.pmm-products-inventory .pi-forecast-row { min-height: 44px; padding-block: 10px; border-top: 1px solid var(--ui-line2); }
.pmm-products-inventory .pi-forecast-metric { display: flex; flex-direction: column; gap: 4px; }
.pmm-products-inventory .pi-forecast-mobile-label { display: none; }
@media (max-width: 639px) {
  .pmm-products-inventory .pi-admin-shell { grid-template-columns: 48px minmax(0, 1fr); }
  .pmm-products-inventory .pi-admin-sidebar { padding-inline: 6px; }
  .pmm-products-inventory .pi-admin-main { padding: 0 12px 12px; }
  .pmm-products-inventory .pi-admin-proof .ui-head { padding: 16px 4px; }
  .pmm-products-inventory .pi-forecast-columns { display: none; }
  .pmm-products-inventory .pi-forecast-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; padding: 10px 18px; }
  .pmm-products-inventory .pi-forecast-product { grid-column: 1 / -1; }
  .pmm-products-inventory .pi-forecast-grid > :not(:first-child) { text-align: left; }
  .pmm-products-inventory .pi-forecast-mobile-label { display: block; }
}

/* Channel identities use the same full-color artwork as Admin's picker. */
.pmm-products-inventory .cmp-sp06 .ui-chan img { width: 24px; height: 24px; flex: none; object-fit: contain; border-radius: 6px; }

/* Product setup, variants and bulk editing use the approved focused Admin frame.
   Native fields reflow at their final reading size; no scaled full-screen UI. */
.pmm-products-inventory .pi-product-proof .ui-head { flex-wrap: wrap; }
.pmm-products-inventory .pi-product-proof .ui-head > .ui-title { flex: 1 1 160px; }
.pmm-products-inventory .pi-editor-card { background: var(--ui-card); border: 1px solid var(--ui-line); border-radius: 12px; }
.pmm-products-inventory .pi-proof-details .pi-editor-card { padding: 18px; display: grid; gap: 18px; }
.pmm-products-inventory .pi-product-basics { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 18px; align-items: start; }
.pmm-products-inventory .pi-product-photo { width: 100px; aspect-ratio: 1; object-fit: cover; border-radius: 10px; }
.pmm-products-inventory .pi-product-fields { display: grid; gap: 14px; }
.pmm-products-inventory .pi-editor-field { display: grid; gap: 6px; }
.pmm-products-inventory .pi-input { display: block; border: 1px solid var(--ui-ctl); border-radius: 6px; padding: 8px 10px; background: var(--ui-card); overflow-wrap: anywhere; }
.pmm-products-inventory .pi-variant-options { padding: 14px 16px; display: grid; gap: 14px; grid-template-columns: 1fr 2fr; margin-bottom: 12px; }
.pmm-products-inventory .pi-variant-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1fr); gap: 12px; align-items: center; padding: 10px 14px; }
.pmm-products-inventory .pi-proof-columns { padding-block: 10px; }
.pmm-products-inventory .pi-proof-row { border-top: 1px solid var(--ui-line2); }
.pmm-products-inventory .pi-proof-metric { display: grid; gap: 4px; }
.pmm-products-inventory .pi-proof-mobile-label { display: none; }
.pmm-products-inventory .pi-bulk-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding-bottom: 14px; }
.pmm-products-inventory .pi-bulk-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1.1fr) minmax(0,1fr); gap: 12px; align-items: center; padding: 10px 14px; }
.pmm-products-inventory .pi-bulk-footer { display: flex; justify-content: flex-end; padding-top: 14px; }
.pmm-products-inventory .pi-publish-options { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.pmm-products-inventory .pi-radio { display: block; width: 14px; height: 14px; border: 1px solid var(--ui-ctl); border-radius: 50%; flex: none; }
.pmm-products-inventory .pi-radio--selected { border: 4px solid var(--ui-brand); }
@media (max-width: 639px) {
  .pmm-products-inventory .pi-product-basics { grid-template-columns: 1fr; gap: 14px; }
  .pmm-products-inventory .pi-product-photo { width: 84px; }
  .pmm-products-inventory .pi-proof-details .pi-editor-card { padding: 14px; gap: 14px; }
  .pmm-products-inventory .pi-variant-options { grid-template-columns: 1fr; }
  .pmm-products-inventory .pi-variant-grid, .pmm-products-inventory .pi-bulk-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 14px; padding: 12px 14px; }
  .pmm-products-inventory .pi-proof-columns { display: none; }
  .pmm-products-inventory .pi-proof-product { grid-column: 1 / -1; }
  .pmm-products-inventory .pi-proof-mobile-label { display: block; }
}