/* A focused stock view: quantities only become editable after Sửa tồn. */
#dialog:has(#inventory-panel){width:min(1000px,calc(100vw - 28px))}
#inventory-panel{min-width:0}
.inventory-loading,.inventory-empty{padding:24px 10px;text-align:center;color:var(--muted);font-size:13px}
.inventory-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.inventory-heading h3{font-size:20px;line-height:1.35}
.inventory-heading p{font-size:12px;color:#6d8191;line-height:1.6;margin-top:4px}
.inventory-summary{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:7px 14px;font-size:12px;color:#668093;padding-top:4px}
.inventory-summary>span{white-space:nowrap}.inventory-summary strong{color:#284e6b;font-size:15px;margin-right:3px}
.inventory-search-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.inventory-search{position:relative;display:block;width:min(420px,100%);font-size:13px}
.inventory-search>.icon{position:absolute;left:12px;top:11px;width:17px;height:17px;color:#7c93a6;pointer-events:none}
.inventory-search input{padding-left:37px;min-height:39px;background:#f8fafc}
.inventory-search-row>.hint{white-space:nowrap}
.inventory-table-wrap{border:1px solid #dce6ef;border-radius:8px;max-height:min(430px,48dvh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.inventory-table{width:100%;border-collapse:collapse;table-layout:auto}
.inventory-table th{position:sticky;top:0;z-index:1;background:#f1f6fa;color:#597386;font-size:11px;font-weight:600;text-align:left;padding:9px 12px;border-bottom:1px solid #dce6ef;white-space:nowrap}
.inventory-table td{padding:10px 12px;vertical-align:middle;border-bottom:1px solid #e9eef3;font-size:12px;min-width:0}
.inventory-table tr:last-child td{border-bottom:0}
.inventory-table td:first-child{width:48%;overflow-wrap:anywhere}
.inventory-table td:first-child>strong{display:block;font-size:13px;line-height:1.4;color:#244966}
.inventory-table td:first-child>small{display:block;color:#8093a2;font-size:10px;margin-top:3px;overflow-wrap:anywhere}
.inventory-table td:last-child{width:1%;white-space:nowrap;text-align:right}
.inventory-table .stock-badge{white-space:normal;text-align:left;justify-content:flex-start;line-height:1.5;font-size:11px}
.inventory-table .stock-badge.is-out{background:#202830;color:#fff;border-color:#202830}
.inventory-table .inventory-out{background:#fafbfc}
.inventory-table .inventory-editing{background:#edf6fe}
.inventory-pending{display:block;font-size:10px;line-height:1.55;color:#8a691f;margin-top:5px;overflow-wrap:anywhere}
.inventory-edit-row td{padding:0!important;white-space:normal!important;text-align:left!important;background:#f6faff}
.inventory-row-form{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(160px,1fr) auto;align-items:start;gap:12px;padding:15px}
.inventory-stock-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;border:0;margin:0;padding:0}
.inventory-stock-options legend{font-size:11px;font-weight:600;color:#577083;margin-bottom:10px;padding:0}
.inventory-stock-options label{display:inline-flex;flex-direction:row;align-items:center;gap:5px;font-size:12px;font-weight:400;cursor:pointer}
.inventory-stock-options input{width:15px;height:15px;margin:0;accent-color:var(--blue)}
.inventory-quantity-label{min-width:0;font-size:11px;color:#577083}
.inventory-quantity-entry{display:flex;align-items:center;border:1px solid #cbdae7;border-radius:6px;background:#fff;overflow:hidden}
.inventory-quantity-entry input{min-width:0;border:0;border-radius:0;background:transparent;padding:8px 10px;font-size:14px;font-weight:600;min-height:35px;font-variant-numeric:tabular-nums}
.inventory-quantity-entry input:disabled{background:#eef3f7;color:#8da0ae}
.inventory-quantity-entry>span{font-size:12px;padding:7px 10px;color:#6d8292;white-space:nowrap;flex-shrink:0}
.inventory-quantity-label .hint{font-size:10px;font-weight:400;line-height:1.5}
.inventory-row-actions{display:flex;gap:6px;align-items:center;padding-top:23px}
.inventory-row-actions .button{min-height:35px}
.inventory-row-error{grid-column:1/-1;color:#b43b36;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.inventory-row-error:empty{display:none}
.inventory-rapid{margin-top:17px;border:1px solid #dce6ef;border-radius:8px;overflow:hidden}
.inventory-rapid>summary{display:flex;align-items:center;gap:8px;padding:12px 14px;list-style:none;cursor:pointer;font-size:13px;color:#376484;background:#f5f9fc;font-weight:600}
.inventory-rapid>summary::-webkit-details-marker{display:none}
.inventory-rapid>summary>.icon{width:16px;height:16px}
.inventory-rapid>summary>span{margin-left:auto;font-size:11px;font-weight:400;color:#879aa8}
.inventory-rapid>summary::after{content:'+';font-size:17px;font-weight:400;line-height:1}
.inventory-rapid[open]>summary::after{content:'−'}
.inventory-rapid-body{padding:14px}
.inventory-rapid-body>label{font-size:12px;margin-bottom:7px}
#inventory-rapid-text{min-height:88px;max-height:260px;resize:vertical;font-size:13px;line-height:1.65}
#inventory-rapid-text::placeholder{color:#9aa9b5;opacity:.8;font-weight:400}
#inventory-rapid-help{font-size:11px;line-height:1.6;margin:7px 0 12px}
.inventory-preview-list{border:1px solid #e1e9f0;border-radius:6px;overflow:auto;max-height:280px;margin:9px 0;scrollbar-width:thin}
.inventory-preview-line{display:flex;align-items:flex-start;gap:9px;padding:10px;border-top:1px solid #e7eef4;background:#fff}
.inventory-preview-line:first-child{border-top:0}
.inventory-line-number{display:inline-flex;align-items:center;justify-content:center;width:21px;min-width:21px;height:21px;border-radius:50%;font-size:10px;background:#edf4fa;color:#7990a2;margin-top:1px}
.inventory-preview-line>div{min-width:0;flex:1;overflow-wrap:anywhere}
.inventory-preview-line strong{display:block;font-size:12px;line-height:1.4;color:#335b78}
.inventory-preview-change{display:flex;align-items:center;flex-wrap:wrap;gap:3px 7px;font-size:11px;color:#7c8f9e;margin:4px 0}
.inventory-preview-change .icon{width:12px;height:12px;transform:rotate(-90deg)}
.inventory-preview-change b{color:#2f6288;font-weight:600}
.inventory-preview-line small{display:block;font-size:10px;color:#6d8292;line-height:1.55;margin-top:3px}
.inventory-preview-line.has-error{background:#fff9f5}.inventory-preview-line.has-error small{color:#a45c3c}
.inventory-preview-line.is-done{background:#f4faf6}.inventory-preview-line.is-done small{color:#367b55}
#inventory-preview-note{font-size:11px;margin:8px 0}
.inventory-rapid-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px}
.inventory-rapid-actions>.button{min-height:35px}
.inventory-report:empty{display:none}
.inventory-report{font-size:12px;line-height:1.6;background:#f1faf4;border:1px solid #d6e9dc;border-radius:6px;padding:10px 12px;margin-top:12px;color:#37664b;overflow-wrap:anywhere}
.inventory-report.has-error{color:#8f603c;background:#fff8ef;border-color:#eedabd}
.inventory-report ul{margin:6px 0 0;padding-left:18px}
@media(max-width:700px){
 .inventory-heading{flex-direction:column;gap:8px}.inventory-heading h3{font-size:18px}
 .inventory-summary{justify-content:flex-start;padding-top:0;gap:12px}
 .inventory-search-row{gap:8px}.inventory-search-row>.hint{font-size:10px}
 .inventory-table th,.inventory-table td{padding:8px}
 .inventory-table td:first-child{width:42%}.inventory-table td:first-child>strong{font-size:12px}
 .inventory-table .button{font-size:10px;padding:5px 7px;gap:4px}.inventory-table .button>.icon{display:none}
 .inventory-row-form{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}
 .inventory-stock-options legend{margin-bottom:7px}
 .inventory-stock-options{gap:16px}.inventory-row-actions{padding-top:0;justify-content:flex-end}
 .inventory-table .inventory-row-actions .button{font-size:12px;padding:6px 12px}
 .inventory-rapid>summary>span{display:none}.inventory-rapid>summary::after{margin-left:auto}
 .inventory-rapid-body{padding:11px}
}
@media(max-width:420px){
 .inventory-table-wrap{max-height:40dvh}
 .inventory-table th,.inventory-table td{padding:7px 6px}
 .inventory-table .stock-badge{font-size:10px;padding:2px 5px}
 .inventory-table td:first-child>small{font-size:9px}
 .inventory-search-row>.hint{display:none}
}