/* Fase 4C: detalhe administrativo do Inventário, no padrão das Fases 4A/4B. */
@media screen{
  #app #content .inventory-detail-view{color:var(--wms-text);min-width:0}
  #app #content .inventory-detail-view .inv-topline{margin-bottom:14px}
  #app #content .inventory-detail-view .inv-header{padding:18px 20px;margin-bottom:12px;border:1px solid var(--wms-border);border-radius:var(--wms-radius-lg);background:var(--wms-surface-subtle);box-shadow:var(--wms-shadow-sm)}
  #app #content .inventory-detail-view .inv-eyebrow{color:var(--wms-text-secondary);font-size:10px;font-weight:800;letter-spacing:.1em}
  #app #content .inventory-detail-view .inv-heading h2{margin:3px 0 5px;color:var(--wms-brand-dark);font-size:clamp(24px,2vw,32px);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
  #app #content .inventory-detail-view .inv-title{margin:0 0 12px;color:var(--wms-text);font-size:14px;font-weight:650}
  #app #content .inventory-detail-view .inv-meta{padding-top:10px;border-top:1px solid var(--wms-border);gap:7px 24px;color:var(--wms-text-secondary);font-size:12px}
  #app #content .inventory-detail-view .inv-meta b{color:var(--wms-brand-dark);font-variant-numeric:tabular-nums}
  #app #content .inventory-detail-view .inv-note{border-top-color:var(--wms-border);color:var(--wms-text-secondary)}
  #app #content .inventory-detail-view .inv-summary{gap:10px;margin-bottom:14px}
  #app #content .inventory-detail-view .inv-kpi{display:grid;gap:6px;min-height:106px;padding:13px 16px;border-color:var(--wms-border);border-radius:var(--wms-radius-lg);box-shadow:var(--wms-shadow-sm)}
  #app #content .inventory-detail-view .inv-kpi .wms-kpi__label{color:var(--wms-text-secondary);font-size:10px;font-weight:750;letter-spacing:.04em}
  #app #content .inventory-detail-view .inv-kpi .wms-kpi__value{color:var(--wms-brand-dark);font-size:29px;font-weight:780;line-height:1.08}
  #app #content .inventory-detail-view .inv-kpi .wms-kpi__value small{font-size:15px;font-weight:600}
  #app #content .inventory-detail-view .inv-kpi .wms-kpi__context{color:var(--wms-text-secondary);font-size:11px}
  #app #content .inventory-detail-view .inv-section{margin-bottom:12px;padding:0;border-color:var(--wms-border);border-radius:var(--wms-radius-lg);box-shadow:var(--wms-shadow-sm)}
  #app #content .inventory-detail-view .inv-section-head{padding:14px 17px}
  #app #content .inventory-detail-view .inv-section h3,#app #content .inventory-detail-view .inv-admin-review h3{color:var(--wms-brand-dark);font-size:15px}
  #app #content .inventory-detail-view .inv-section-head p{color:var(--wms-text-secondary)}
  #app #content .inventory-detail-view .inv-table-scroll{overflow-x:auto;border:0;border-radius:0}
  #app #content .inventory-detail-view .wms-table{font-variant-numeric:tabular-nums}
  #app #content .inventory-detail-view .wms-table thead th{padding:10px 13px;background:var(--wms-surface-subtle);color:var(--wms-text-secondary);border-bottom-color:var(--wms-border)}
  #app #content .inventory-detail-view .wms-table tbody td,#app #content .inventory-detail-view .wms-table tbody th{padding:10px 13px;border-bottom-color:var(--wms-border)}
  #app #content .inventory-detail-view .wms-table tbody tr:nth-child(even){background:transparent}
  #app #content .inventory-detail-view .wms-table tbody tr:hover{background:var(--wms-surface-subtle)}
  #app #content .inventory-detail-view .inv-position{color:var(--wms-brand-dark);font-weight:750;font-variant-numeric:tabular-nums}
  #app #content .inventory-detail-view .inv-round{color:var(--wms-text);background:var(--wms-surface-subtle);border-color:var(--wms-border);font-variant-numeric:tabular-nums}
  #app #content .inventory-detail-view .inv-badge{border-radius:999px;font-size:11px;font-weight:700}
  #app #content .inventory-detail-view .inv-empty{padding:20px 12px;color:var(--wms-text-secondary)}
  #app #content .inventory-detail-view .inv-empty strong{color:var(--wms-brand-dark)}
  #app #content .inventory-detail-view .wms-button{min-height:32px;padding:7px 11px;border-radius:var(--wms-radius-sm);font-size:11px;white-space:nowrap}
  #app #content .inventory-detail-view .wms-button--outline{border-color:var(--wms-border-strong);background:var(--wms-surface);color:var(--wms-brand-dark)}
  #app #content .inventory-detail-view .wms-button--outline:hover{background:var(--wms-brand-light);border-color:var(--wms-brand)}
  #app #content .inventory-detail-view .wms-button--primary{border-color:var(--wms-brand);background:var(--wms-brand);color:#fff}
  #app #content .inventory-detail-view .wms-button--danger{border-color:var(--wms-danger);background:var(--wms-danger);color:#fff}
  #app #content .inventory-detail-view .wms-button:focus-visible{outline:2px solid var(--wms-brand);outline-offset:2px}
  #app #content .inventory-detail-view .inv-admin-review{padding:0;border:1px solid var(--wms-border);border-left:3px solid var(--wms-brand);border-radius:var(--wms-radius-lg);background:var(--wms-surface);box-shadow:var(--wms-shadow-sm)}
  #app #content .inventory-detail-view .inv-admin-review[hidden]{display:none}
  #app #content .inventory-detail-view .inv-admin-review .inv-section-head{border-bottom:1px solid var(--wms-border)}
  #app #content .inventory-detail-view .inv-admin-body{display:grid;gap:12px;padding:14px 17px}
  #app #content .inventory-detail-view .inv-admin-block{min-width:0;padding:12px;border:1px solid var(--wms-border);border-radius:var(--wms-radius);background:var(--wms-surface-subtle)}
  #app #content .inventory-detail-view .inv-admin-block h4{margin:0 0 10px;color:var(--wms-brand-dark);font-size:11px;letter-spacing:.04em}
  #app #content .inventory-detail-view .inv-admin-block p{margin:8px 0;color:var(--wms-text);font-size:12px;line-height:1.5}
  #app #content .inventory-detail-view .inv-admin-block details{overflow:hidden;border-color:var(--wms-border);border-radius:var(--wms-radius)}
  #app #content .inventory-detail-view .inv-admin-block details summary{color:var(--wms-brand-dark);font-size:12px}
  #app #content .inventory-detail-view .inv-admin-block details summary:focus-visible{outline:2px solid var(--wms-brand);outline-offset:-2px}
  #app #content .inventory-detail-view .inv-admin-block .inv-table-scroll{max-width:100%;border:1px solid var(--wms-border);border-radius:var(--wms-radius)}
  #app #content .inventory-detail-view .inv-admin-block table{min-width:820px}
}
@media screen and (max-width:1100px){
  #app #content .inventory-detail-view .inv-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app #content .inventory-detail-view .inv-heading{flex-wrap:wrap}
}
@media screen and (max-width:700px){
  #app #content .inventory-detail-view .inv-summary{grid-template-columns:1fr}
  #app #content .inventory-detail-view .inv-topline{align-items:flex-start;flex-direction:column}
  #app #content .inventory-detail-view .inv-section-head{align-items:flex-start;flex-direction:column}
}
