.inventory-panel h2{margin-bottom:5px}.inventory-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 8px}.inventory-summary>div,.inventory-summary>button{border:1px solid #dce4f0;background:#fff;border-radius:12px;padding:16px;text-align:left;font:inherit;color:#182841}.inventory-summary>button{cursor:pointer}.inventory-summary>button:hover{border-color:#2448dc;background:#f4f7ff}.inventory-summary strong{display:block;font-size:26px}.inventory-summary span{display:block;font-size:13px;color:#50617b;margin-top:4px}.inventory-footnote{font-size:12px;color:#65738a}.inventory-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 14px}.inventory-tabs span{background:#eaf0f8;padding:2px 7px;border-radius:20px;margin-left:4px}.inventory-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.inventory-filters label{margin:0;min-width:130px;flex:1}.inventory-filters label:first-child{flex:2;min-width:220px}.inventory-filters input,.inventory-filters select{width:100%;margin-bottom:0}.inventory-items{display:grid;gap:12px}.inventory-item{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(180px,1fr) minmax(170px,.8fr);gap:20px;align-items:start;padding:20px;background:#fff;border:1px solid #dce4f0;border-radius:14px}.inventory-item.paused{border-left:4px solid #d39a20;background:#fffdf7}.inventory-item.archived{border-left:4px solid #8895a7;background:#f4f6f9}.inventory-product{display:flex;gap:12px;min-width:0}.inventory-product img{width:68px;height:76px;object-fit:cover;border-radius:8px}.inventory-product>div{min-width:0}.inventory-product strong{display:block;overflow-wrap:anywhere}.inventory-product small{display:block;color:#556780;margin:6px 0}.inventory-badge{display:inline-block;font-size:11px;font-weight:700;border-radius:5px;padding:4px 7px;margin:3px 5px 0 0}.inventory-badge.active{background:#e5f5ec;color:#21653e}.inventory-badge.paused,.inventory-badge.low{background:#fff0ce;color:#825300}.inventory-badge.archived{background:#e3e8ef;color:#4d5a6d}.inventory-badge.zero{background:#fde9e7;color:#a32f24}.inventory-stock>strong{display:block;font-size:23px}.inventory-stock>strong small{font-size:12px;font-weight:400;display:block;color:#53647d}.inventory-stock>span{display:block;font-size:12px;margin:8px 0;color:#53647d}.inventory-stock summary{font-size:13px;cursor:pointer;color:#2448dc}.inventory-stock ul{padding:0;list-style:none;max-height:230px;overflow:auto}.inventory-stock li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e5eaf3;padding:7px 0;font-size:13px}.inventory-stock .zero{color:#a32f24}.inventory-stock .low{color:#825300}.inventory-actions{display:flex;flex-wrap:wrap;gap:7px}.inventory-guide{margin-top:24px;padding:16px;border:1px solid #dce4f0;border-radius:12px;background:#fff}.inventory-guide summary{cursor:pointer;font-weight:600}.inventory-guide p{font-size:14px}.inventory-dialog{width:min(620px,94vw);max-height:90dvh}.inventory-adjust-rows{margin-bottom:16px}.inventory-adjust-rows label{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eaf3;padding:12px 0}.inventory-adjust-rows small{display:block;color:#5a6b84;font-weight:400;margin-top:4px}.inventory-adjust-rows input{width:110px;margin:0}.inventory-history{border-bottom:1px solid #e4eaf3;padding:12px 0}.inventory-history p{margin:5px 0}.inventory-history small{display:block}.inventory-dialog details{margin-top:20px}@media(max-width:1100px){.inventory-item{grid-template-columns:1fr 1fr}.inventory-actions{grid-column:1/-1}}@media(max-width:600px){.inventory-summary{grid-template-columns:1fr 1fr;gap:8px}.inventory-summary>div,.inventory-summary>button{padding:12px}.inventory-summary strong{font-size:23px}.inventory-item{grid-template-columns:1fr;padding:15px;gap:15px}.inventory-stock>strong small{display:inline;margin-left:6px}.inventory-filters label:first-child{min-width:100%;flex:1}.inventory-filters label{min-width:42%}.inventory-tabs{gap:6px}.inventory-tabs .choice-chip{font-size:13px;padding:8px}.inventory-actions .button{min-height:40px}.inventory-dialog{padding:18px}.inventory-adjust-rows input{width:90px}.inventory-panel>.sectionline{align-items:start;gap:12px}}
