.purchase-stock-state{display:flex;align-items:flex-start;flex-direction:column;gap:7px;min-width:125px;font-size:13px;line-height:1.4}
.purchase-stock-state .stock-received{color:#126b56;font-weight:700}
.purchase-stock-state .stock-pending{color:#855000;font-weight:700}
#root .app-shell .purchase-stock-state .add-purchase-stock{min-height:32px;padding:6px 10px;border:1px solid #167775!important;background:#edf9f7!important;color:#145d5b!important;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:none!important}
.purchase-stock-state .form-error{max-width:230px;white-space:normal}
.purchase-modal [aria-label="Search supplier"]{margin-bottom:7px;min-height:40px}
.purchase-modal .send-products-toggle small{max-width:480px;line-height:1.55;font-size:13px}
.purchase-modal .send-products-toggle{gap:12px}
#root .app-shell .modal-backdrop:has(>.purchase-modal){align-items:start}
#root .app-shell form.purchase-modal{height:calc(100vh - 24px);height:calc(100dvh - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);scroll-behavior:auto!important;scroll-padding-block:18px 100px;overflow-anchor:none}
#root .app-shell .catalogue-field{position:relative}
#root .app-shell .catalogue-options{position:absolute;left:0;right:0;top:100%;z-index:40;max-height:min(240px,35vh);max-height:min(240px,35dvh);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
@media(max-width:600px){.purchase-modal .send-products-toggle small{font-size:12px}.purchase-stock-state{min-width:115px}}