.warehouse-page{min-height:0;padding:24px 28px 28px}
.warehouse-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.warehouse-heading h1{margin:0 0 5px;font-size:26px;line-height:1.25;color:#172740}
.warehouse-heading p{margin:0;color:#8794a5;font-size:12px}
.warehouse-total{flex:none;align-self:center;padding:7px 12px;border-radius:9px;background:#eaf7f1;color:#168668;font-size:12px;font-weight:700}
.warehouse-command{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.warehouse-command>button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:8px 14px;border:1px solid #dce6ee;border-radius:9px;background:#f6f9fc;color:#35506b;font-size:12px;font-weight:750}
.warehouse-command>button:hover{background:#eaf4f6}
.warehouse-command>button:focus-visible,.warehouse-row-actions button:focus-visible,.warehouse-dialog button:focus-visible{outline:3px solid #49c5a8;outline-offset:2px}
.warehouse-command .warehouse-add,.warehouse-dialog .warehouse-add{border-color:#079875;background:#08a67f;color:#fff;box-shadow:0 5px 13px rgba(8,166,127,.16)}
.warehouse-command .warehouse-add:hover,.warehouse-dialog .warehouse-add:hover{background:#078e6e;color:#fff}
.warehouse-command .warehouse-add span{font-size:18px;line-height:1}
.warehouse-command .warehouse-sort.selected{border-color:#a6d4c8;background:#eaf8f3;color:#087b61}
.warehouse-command-divider{width:1px;height:27px;background:#dce6ef}
.warehouse-qty-total{display:flex;align-items:center;gap:10px;margin-inline-start:auto;padding:6px 12px;border:1px solid #dce7ef;border-radius:9px;background:#f6fafc;color:#61758b;font-size:12px;font-weight:700}
.warehouse-qty-total strong{font-size:20px;line-height:1;color:#1a344d;font-variant-numeric:tabular-nums}
.warehouse-tools{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:15px;border:1px solid #e3eaf1;border-radius:13px;background:#f9fbfd}
.warehouse-tools label{display:grid;gap:5px;color:#68798c;font-size:11px;font-weight:700}
.warehouse-search{flex:1 1 310px;position:relative}
.warehouse-group-select{flex:1 1 240px}
.warehouse-search>span{position:absolute;inset-inline-start:12px;bottom:7px;color:#7d93a4;font-size:22px;line-height:1}
.warehouse-tools input,.warehouse-tools select{height:40px;border:1px solid #dce5ed;border-radius:8px;background:#fff;color:#21354b;font-size:12px;outline:0}
.warehouse-tools input{width:100%;padding:0 38px 0 12px}
html[dir=rtl] .warehouse-tools input{padding:0 38px 0 12px}
.warehouse-tools select{min-width:150px;padding:0 10px}
.warehouse-tools input:focus,.warehouse-tools select:focus{border-color:#23ac8c;box-shadow:0 0 0 3px rgba(35,172,140,.13)}
.warehouse-tools button,.warehouse-pager button{height:40px;padding:0 14px;border:1px solid #dce5ed;border-radius:8px;background:#fff;color:#28506b;font-size:12px;font-weight:700}
.warehouse-tools button:hover,.warehouse-pager button:not(:disabled):hover{background:#ecf8f4;border-color:#addacc}
.warehouse-tools button:focus-visible,.warehouse-pager button:focus-visible{outline:3px solid #49c5a8;outline-offset:2px}
.warehouse-result-line{margin:17px 0 9px;color:#5f7185;font-size:12px;font-weight:700}
.warehouse-code-note{margin:0 0 9px;color:#9a6b27;font-size:11px}
.warehouse-table-wrap{margin:0;max-height:none;overflow-x:auto;overflow-y:visible}
.warehouse-table{min-width:1000px;font-size:12px}
.warehouse-table th{padding:13px 14px;background:#f3f7fa;color:#607287}
.warehouse-table td{padding:12px 14px;max-width:none;white-space:normal;overflow:visible;text-overflow:clip}
.warehouse-table td:first-child{min-width:280px;font-weight:600;color:#1d344e}
.warehouse-table .warehouse-code{white-space:nowrap;text-align:start;font-variant-numeric:tabular-nums;color:#4d6279}
.warehouse-table td:nth-child(2),.warehouse-table td:nth-child(3),.warehouse-table td:nth-child(4),.warehouse-table td:nth-child(5){font-variant-numeric:tabular-nums;white-space:nowrap}
.warehouse-table th:nth-child(4){background:#eaf8f3;color:#168465}
.warehouse-row-actions{display:flex;align-items:center;gap:4px}
.warehouse-row-actions button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:#f1f5f8;color:#54708b;font-size:16px}
.warehouse-row-actions button:hover{background:#e4f3ee;color:#087d65}
.warehouse-row-actions button[data-action=delete]:hover{background:#fff0f1;color:#c04451}
.warehouse-table .warehouse-empty{text-align:center;padding:32px;color:#8595a5;font-weight:500}
.warehouse-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;color:#6d7f91;font-size:12px}
.warehouse-pager>div{display:flex;gap:8px}
.warehouse-pager button:disabled{cursor:default;opacity:.45}
.warehouse-local-note{margin:14px 0 0;color:#8795a3;font-size:11px}
.warehouse-dialog{width:min(580px,calc(100vw - 28px));max-height:90vh;padding:0;border:1px solid #dce7ef;border-radius:15px;background:#fff;color:#193149;box-shadow:0 24px 65px rgba(12,37,62,.24)}
.warehouse-dialog::backdrop{background:rgba(12,31,52,.48)}
.warehouse-dialog form{padding:23px}
.warehouse-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.warehouse-dialog-head h2{margin:0;font-size:21px}
.warehouse-dialog-head button{width:30px;height:30px;border-radius:7px;background:#f1f5f8;color:#65798c;font-size:20px}
.warehouse-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.warehouse-form-grid label{display:grid;gap:6px;color:#5d7187;font-size:12px;font-weight:700}
.warehouse-form-grid label:first-child{grid-column:1/-1}
.warehouse-form-grid input{width:100%;height:42px;padding:8px 10px;border:1px solid #dce5ee;border-radius:8px;background:#fff;color:#193149;font-size:13px;outline:0}
.warehouse-form-grid input:focus{border-color:#2bb493;box-shadow:0 0 0 3px rgba(43,180,147,.14)}
.warehouse-form-grid input[readonly]{background:#f7f9fb}
.warehouse-form-grid input[name=code]{direction:ltr;text-align:left}
.warehouse-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.warehouse-dialog-actions button{min-height:39px;padding:8px 15px;border:1px solid #dce5ee;border-radius:8px;background:#f5f8fa;color:#35506b;font-size:12px;font-weight:700}
@media(max-width:700px){.warehouse-page{padding:18px 14px}.warehouse-heading{flex-wrap:wrap;gap:8px;margin-bottom:15px}.warehouse-heading h1{font-size:23px}.warehouse-total{align-self:flex-start}.warehouse-tools{padding:11px}.warehouse-tools label{flex:1 1 135px}.warehouse-search{flex-basis:100%!important}.warehouse-tools select{width:100%;min-width:0}.warehouse-table td:first-child{min-width:230px}}
@media(max-width:700px){.warehouse-command{gap:7px}.warehouse-command>button{padding:7px 10px}.warehouse-command-divider{display:none}.warehouse-qty-total{order:3;width:100%;justify-content:space-between}.warehouse-form-grid{grid-template-columns:1fr}.warehouse-form-grid label:first-child{grid-column:auto}}
@media(max-width:600px){.warehouse-table-wrap{border:0;overflow:visible}.warehouse-table{display:block;min-width:0}.warehouse-table thead{display:none}.warehouse-table tbody{display:grid;gap:10px}.warehouse-table tr{display:grid;gap:7px;padding:12px;border:1px solid #e2e9ef;border-radius:11px;background:#fff}.warehouse-table td,.warehouse-table td:first-child{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;padding:0;border:0;font-size:11px;text-align:start;overflow-wrap:anywhere}.warehouse-table td:first-child{padding-bottom:8px;border-bottom:1px solid #edf1f4;font-size:12px;font-weight:700}.warehouse-table td:before{content:attr(data-label);flex:none;color:#8795a3;font-size:10px;font-weight:600}.warehouse-table td:first-child:before{display:none}.warehouse-table .warehouse-code{white-space:normal}.warehouse-table .warehouse-empty{justify-content:center;padding:15px}.warehouse-table .warehouse-empty:before{display:none}}
@media(max-width:600px){.warehouse-table td:nth-child(2),.warehouse-table td:nth-child(3),.warehouse-table td:nth-child(4),.warehouse-table td:nth-child(5){white-space:normal}.warehouse-row-actions{justify-content:flex-end}}