.modal-card:has(#supplyWarehouseMapping){background:#fff;color:#172536;max-width:850px}
#supplyWarehouseMapping{background:#fff;color:#172536;overflow-wrap:anywhere}
#supplyWarehouseMapping label{display:block;margin:14px 0;font-weight:600}
#supplyWarehouseMapping input,#supplyWarehouseMapping select{display:block;width:100%;max-width:100%;margin-top:6px;min-height:44px;background:#fff;color:#172536;border:1px solid #9caabd;border-radius:8px;padding:9px;box-sizing:border-box}
#supplyWarehouseMapping .supply-card{background:#f7f9fc;color:#172536;border:1px solid #d8e0ea;padding:14px;margin:12px 0;border-radius:12px}
#supplyWarehouseMapping .btn{min-height:44px;white-space:normal}
#supplyWarehouseMapping .btn.ghost{background:#fff;color:#243b53;border:1px solid #9caabd}
#supplyWarehouseMapping .btn.primary{background:#234fad;color:#fff}
#supplyWarehouseMapping .supply-actions{display:flex;flex-wrap:wrap;gap:8px}
#supplyWarehouseMapping :focus-visible{outline:3px solid #245dcc;outline-offset:3px}
@media(max-width:420px){#supplyWarehouseMapping .supply-actions{display:grid}#supplyWarehouseMapping .btn{width:100%}}