/*
 * Correcto WMS - Workflow
 * Page owner: workflow.html
 * Source of truth for Workflow-specific presentation.
 * Migrated from legacy responsive.css.
 */

/* PHASE 4D.8B - migrated #detail rules */
/* Correcto WMS 18.0.8 — Workflow light surfaces + compact mobile KPI grid */
html[data-theme="light"] body:has(#detail) .panel,
html[data-theme="light"] body:has(#detail) .order,
html[data-theme="light"] body:has(#detail) .info-table,
html[data-theme="light"] body:has(#detail) .info-cell,
html[data-theme="light"] body:has(#detail) .product-row,
html[data-theme="light"] body:has(#detail) .metric,
html[data-theme="light"] body:has(#detail) .scanbox,
html[data-theme="light"] body:has(#detail) .finish-panel{
  background:#fff!important;
  color:#090d14!important;
  border-color:#cbd5e1!important;
  box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
}

html[data-theme="light"] body:has(#detail) .info-cell,
html[data-theme="light"] body:has(#detail) .product-row,
html[data-theme="light"] body:has(#detail) .metric{
  background:#f7f9fc!important;
}

html[data-theme="light"] body:has(#detail) :where(h1,h2,h3,b,strong,.product-name,.qty,.order){color:#090d14!important}

html[data-theme="light"] body:has(#detail) :where(.muted,.product-meta,.info-cell p,.scanbox p,.metric span,.order small){color:#4b5563!important}

html[data-theme="light"] body:has(#detail) .info-cell span,
html[data-theme="light"] body:has(#detail) .eyebrow{color:#1d4ed8!important}

html[data-theme="light"] body:has(#detail) .product-photo{background:#fff!important;border-color:#cbd5e1!important}

html[data-theme="light"] body:has(#detail) .scanbox{border:2px solid #2563eb!important}

html[data-theme="light"] body:has(#detail) .status{color:#063044!important;background:#cffafe!important}

html[data-theme="light"] body:has(#detail) .stock-ok{color:#166534!important}

html[data-theme="light"] body:has(#detail) .stock-low{color:#b91c1c!important}

html[data-theme="light"] body:has(#detail) .qty{border-color:#cbd5e1!important}

html[data-theme="dark"] body:has(#detail) .product-row-v18 .mobile-data-label,
html[data-theme="dark"] body:has(#detail) .product-row-v18 .qty span{color:#94a3b8}

@media (min-width:761px) and (max-width:1180px) {
body:has(#detail) .product-row-v1806{
    grid-template-columns:96px minmax(135px,.6fr) minmax(230px,1.5fr)!important;
    grid-template-rows:auto auto auto!important;
  }
body:has(#detail) .product-row-v1806 .product-photo-only{grid-column:1!important;grid-row:1 / span 3!important;width:96px!important;height:96px!important}
body:has(#detail) .product-row-v1806 .sku-card{grid-column:2!important;grid-row:1!important}
body:has(#detail) .product-row-v1806 .name-card{grid-column:3!important;grid-row:1!important}
body:has(#detail) .product-row-v1806 .barcode-card{grid-column:2!important;grid-row:2!important}
body:has(#detail) .product-row-v1806 .location-card{grid-column:3!important;grid-row:2!important}
body:has(#detail) .product-row-v1806 .stock-card{grid-column:2!important;grid-row:3!important}
body:has(#detail) .product-row-v1806 .quantity-card{grid-column:3!important;grid-row:3!important}
}

@media (max-width:760px) {
body:has(#detail) .items-section .section-title{
    align-items:center!important;
    text-align:center!important;
  }
body:has(#detail) .items-section .section-title>div{width:100%}
body:has(#detail) .items-section .section-title .muted{width:100%;text-align:center}
body:has(#detail) .product-row-v1806{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
    padding:14px!important;
  }
body:has(#detail) .product-row-v1806 .product-photo-only{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    height:190px!important;
    min-height:190px!important;
    border-radius:16px!important;
    display:grid!important;
    place-items:center!important;
    background:var(--wms-surface,#fff)!important;
  }
body:has(#detail) .product-row-v1806 .product-photo-only img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:12px!important;
  }
body:has(#detail) .product-row-v1806 .product-data-card{
    grid-column:1!important;
    width:100%!important;
    padding:14px 15px!important;
  }
body:has(#detail) .product-row-v1806 .name-card>b{font-size:19px!important}
body:has(#detail) .product-row-v1806 .barcode-card>b{font-size:16px!important;font-weight:700!important}
body:has(#detail) .product-row-v1806 .quantity-card{display:flex!important}
}

@media (min-width:1181px) and (max-width:1450px) {
body:has(#detail) .product-row-v1806{
    grid-template-columns:104px minmax(112px,.55fr) minmax(0,1.5fr) minmax(140px,.72fr)!important;
    gap:10px!important;
    padding:12px!important;
  }
body:has(#detail) .product-row-v1806 .product-photo-only{
    width:104px!important;
    height:104px!important;
  }
body:has(#detail) .product-row-v1806 .product-data-card{
    padding:12px 13px!important;
  }
}

/* 19.8.28 — packing quantity + scanner UX */
body:has(#detail) .product-row-v1806 .quantity-card{position:relative;overflow:hidden!important;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(37,99,235,.03))!important;border-color:rgba(59,130,246,.55)!important}

body:has(#detail) .product-row-v1806 .quantity-card>span{color:#60a5fa!important}