.supplier-tag{display:inline-flex;max-width:100%;width:fit-content;border:1px solid #c8ddd9;background:#edf6f3;color:#22574c;border-radius:8px;padding:4px 8px;font-size:.72rem;line-height:1.4;margin:5px 0;overflow-wrap:anywhere}
#productosBody .supplier-tag{display:flex}.proc-picker{background:linear-gradient(135deg,#f0f5f8,#fafbfc);border:1px solid #dbe4ec;border-radius:16px;padding:16px;margin:16px 0}.proc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.proc-toolbar .field{flex:1;min-width:160px}.proc-results{max-height:240px;overflow:auto;overscroll-behavior:contain;margin:10px 0;scrollbar-width:thin}.proc-product{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;background:#fff;border:1px solid #e0e7ed;border-radius:10px;text-align:left;color:#142c42;cursor:pointer;margin:5px 0;font:inherit;transition:background .18s, border-color .18s}.proc-product:hover,.proc-product:focus-visible{background:#eaf3f6;border-color:#638397}.proc-product span:first-child{min-width:0;flex:1}.proc-product strong{overflow-wrap:anywhere}.proc-product small,.proc-plan-row small{display:block;color:#526879;font-size:.75rem;margin:4px 0}.proc-product span:last-child{text-align:right;font-size:.82rem;flex-shrink:0}.proc-total{text-align:right;font-size:1.1rem;font-weight:750;color:#142c42}.proc-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.proc-metric{padding:22px;border:1px solid #dce6ed;border-radius:18px;background:linear-gradient(145deg,#fff,#eef4f7)}.proc-metric strong{display:block;font-size:2rem;color:#13384a}.proc-metric span{font-size:.8rem;color:#516576}.proc-plan-row{display:grid;grid-template-columns:minmax(160px,2fr) repeat(3,minmax(80px,1fr)) auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #e0e6ed}.proc-plan-row[hidden]{display:none}.proc-receipts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px}.proc-receipts .cot-card{margin:0 0 18px}.proc-receipts progress{width:100%;height:9px;accent-color:#2a8774}.proc-history{padding:14px 0;border-bottom:1px solid #e1e7ed}.proc-history span{display:block;font-size:.8rem;color:#627384;margin-top:5px}.proc-history p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}#ocNuevoForm{padding:16px 0}#ordenModal .oc-items-table input{max-width:100%;min-width:0}#ordenModal .oc-items-table td:first-child{min-width:170px}#ordenModal [hidden]{display:none!important}.is-readonly [data-plan-order],.is-readonly [data-receive-order],.is-readonly #ocSaveBtn{display:none!important}
@media(max-width:760px){.proc-plan-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.proc-plan-row>div:first-child{grid-column:1/-1}.proc-plan-row>button{grid-column:1/-1}.proc-metrics{gap:8px}.proc-metric{padding:12px}.proc-metric strong{font-size:1.5rem}.proc-product{gap:8px;padding:10px}.proc-product span:last-child{max-width:100px}.proc-picker{padding:10px}#ordenModal .oc-items-wrap{overflow-x:auto;overscroll-behavior:contain}#ordenModal .oc-items-table{min-width:450px}.proc-toolbar>input{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.proc-product{transition:none}}
@media(max-width:600px){#ordenModal .oc-items-table{min-width:0;display:block;width:100%}#ordenModal .oc-items-table thead{display:none}#ordenModal .oc-items-table tbody{display:block}#ordenModal .oc-items-table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid #dce6ed;border-radius:12px;padding:12px;margin:10px 0;background:white}#ordenModal .oc-items-table td{display:block;min-width:0!important;border:0;padding:0}#ordenModal .oc-items-table td:first-child{grid-column:1/-1}#ordenModal .oc-items-table td:nth-child(2)::before{content:'Cantidad'}#ordenModal .oc-items-table td:nth-child(3)::before{content:'Costo unitario neto'}#ordenModal .oc-items-table td::before{font-size:.72rem;color:#526879;display:block;margin-bottom:5px}#ordenModal .oc-items-table input{width:100%}#ordenModal .oc-items-table td:last-child{grid-column:1/-1;justify-self:end}#ordenModal .oc-items-wrap{overflow:visible}}