/* ComponentERP beta, T2794 B11 Inventory lots (WH-1..WH-10): styles for ce-inventory.js. */
.inv-actions{display:inline-flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.record-section h2:has(.inv-actions){display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.inv-facts{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.inv-facts p{overflow-wrap:anywhere}
.inv-sep{color:var(--muted);padding:0 2px}
.inv-h3{font-size:14px;margin:18px 0 8px}
.inv-loading{margin:0 0 12px}
.inv-neg{color:light-dark(#b42318,#ff8a80);font-weight:600}
.inv-tabfoot{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:10px 0}
.inv-tabtable td,.inv-tabtable th{white-space:nowrap}
.inv-dlg-head{margin:0 0 12px;font-size:15px}
.inv-qp{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.inv-qp .grid{grid-template-columns:1fr}
.inv-pn-ok{flex-direction:row;align-items:center;gap:8px;margin:4px 0 10px;color:light-dark(#b42318,#ff8a80)}
.inv-pb{max-width:420px}
.inv-tree{margin-top:14px;max-height:50vh;overflow:auto;border:1px solid var(--line);border-radius:6px;padding:8px 10px}
.inv-tree ul{list-style:none;margin:0;padding-left:18px}
.inv-tree>ul{padding-left:0}
.inv-loc{display:flex;align-items:center;gap:10px;padding:3px 4px;border-radius:4px}
.inv-loc:hover{background:var(--stripe)}
.inv-loc.is-current{font-weight:600;background:var(--group)}
.inv-loc button{margin-left:auto}
.inv-images{display:flex;flex-wrap:wrap;gap:12px}
.inv-img{display:flex;flex-direction:column;align-items:center;gap:6px;width:150px;padding:8px;border:1px solid var(--line);border-radius:6px}
.inv-img img{max-width:132px;max-height:110px;object-fit:contain}
.inv-img-ph{font-size:40px;line-height:1;opacity:.5}
/* T2827: page content follows the width #content has (container "main", base.css), not the viewport; the @media copy keeps dialogs/menus outside #content on the viewport */
@container main (max-width:736px){
 .inv-qp{grid-template-columns:1fr}
 .inv-actions{margin-left:0}
 .inv-facts{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}
@media (max-width:760px){.inv-qp:where(:not(#content *)){grid-template-columns:1fr}.inv-actions:where(:not(#content *)){margin-left:0}.inv-facts:where(:not(#content *)){grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}
.inv-lots,.inv-pb{min-width:0}
.tablewrap:has(>.inv-lots){min-height:0;max-height:none}
.inv-actions button{font-size:13px;min-height:30px;padding:5px 10px}
.cei-rowhead{font-weight:600}
.mini-table+.inv-facts{margin-top:12px}
.tablewrap:has(>.inv-pb){max-width:420px;min-height:0}