.material-picker{display:flex;flex-direction:column;min-width:0;gap:.5rem;font-weight:normal;width:100%;text-align:start}
.material-picker>select[hidden]{display:none!important}
/* Results occupy their own space so they cannot cover a quantity or the next row. */
.material-search-control{display:flex;position:relative;min-width:0;width:100%}
.material-picker .material-search-control>input{width:100%;min-width:0;height:46px;padding-inline-end:48px;border-radius:9px;background:#fff}
.material-search-control>input::-webkit-search-cancel-button{display:none}
.material-search-control>input:focus{outline:3px solid #208b7b26;outline-offset:1px;border-color:#287f75}
.material-picker .material-clear{position:absolute;inset-inline-end:6px;top:6px;width:34px;height:34px;padding:0;border:0;border-radius:6px;font-size:23px;line-height:1;color:#496b70;background:transparent}
.material-picker .material-clear:hover{background:#e7f1ed;color:#155a51}
.material-picker .material-clear:focus-visible{outline:2px solid #287f75;outline-offset:1px}
.material-results{position:static;width:100%;max-height:19rem;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:white;border:1px solid #b7cdca;border-radius:10px;box-shadow:0 4px 12px #002d3910}
.material-picker [hidden]{display:none!important}
.material-picker .material-result{display:flex;flex-direction:column;gap:5px;width:100%;border:0;border-block-end:1px solid #e4eeeb;border-radius:0;text-align:start;padding:12px 14px;white-space:normal;background:#fff;color:var(--ink);box-shadow:inset 3px 0 transparent}
.material-picker .material-result:last-child{border-block-end:0}
.material-picker .material-result:hover{background:#f1f7f5}
.material-picker .material-result[aria-selected=true]{background:#e2f2ec;box-shadow:inset 3px 0 #267a6c}
.material-result-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-width:0}
.material-code{font-family:ui-monospace,Consolas,monospace;font-size:14px;font-weight:700;letter-spacing:.03em;color:#124c46;overflow-wrap:anywhere}
.material-unit{font-size:12px;color:#526f72;background:#f0f5f3;border-radius:5px;padding:2px 7px;white-space:normal}
.material-name{display:block;line-height:1.55;overflow-wrap:anywhere;min-width:0}
.material-name-ar{font-size:15px;font-weight:600;text-align:start}
.material-name-en{font-size:13px;color:#526f72;text-align:start}
.material-wo{color:#526f72;font-size:12px}
.material-selected{display:flex;flex-direction:column;gap:4px;background:#f0f7f4;border:1px solid #c8ded5;border-inline-start:3px solid #317d6d;border-radius:8px;padding:10px 12px}
.material-search-hint{font-size:12px;line-height:1.5;color:#657c87;white-space:normal}
.material-search-hint:empty{display:none}
.form-grid .material-field{grid-column:1/-1;min-width:0}
dialog .form-grid:has(.material-picker){align-items:start;gap:16px}
dialog .form-grid:has(.material-picker)>.wide{grid-column:1/-1}
dialog .form-grid:has(.material-picker) input:not([type=checkbox]):not([type=file]),dialog .form-grid:has(.material-picker) select{height:46px}
dialog .form-grid:has(.material-picker) .field{gap:7px;line-height:1.5}
.batch-line:has(.material-picker),.movement-line:has(.material-picker){grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px}
.batch-line:has(.material-picker)>.remove-row{grid-column:2;grid-row:2;align-self:end;min-height:46px}
.batch-line:has(.material-picker)>.line-specific{grid-row:3}
.batch-line:has(.material-picker)>.field:not(.material-field){max-width:260px;width:100%}
.inventory-entry-row>.material-picker{grid-column:1/-1}
.inventory-entry-row:has(.material-picker){grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;align-items:start}
.filters>.material-picker{flex:1 1 260px;align-self:start;max-width:100%}
.opening-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(60px,.5fr) minmax(110px,1fr) auto;gap:14px;padding:16px;border:1px solid #d9e3e6;border-radius:10px;align-items:start;background:#fafcfb}
.opening-row>button{align-self:end;min-height:46px}
.opening-row>.field:not(.material-field)>span{min-height:46px;display:flex;align-items:center;overflow-wrap:anywhere}
.opening-row .opening-material-info{grid-column:1/-1;margin:0;color:#526e77}
.opening-lines{overflow:visible;display:grid;gap:14px}
.opening-preview{margin-block:1rem}
.review-selection{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-block:1rem}
.review-selection input[type=checkbox],.audit-select{width:1.2rem;height:1.2rem;vertical-align:middle}
@media(max-width:850px){.opening-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.opening-row>button{min-width:0;white-space:normal}.material-results{max-height:16rem}.material-result-meta{gap:6px}}
@media(max-width:480px){.material-picker .material-result{padding:10px}.opening-row,.batch-line:has(.material-picker){padding:12px}.form-footer{flex-wrap:wrap}.material-name-ar{font-size:14px}}