/* SIBA OCP: shared editor in Compras and project details. */
@layer pirela-workspace {
#appView #supplierOrderModule.siba-ocp-editor {
  --ocp-ink:var(--ws-ink,#263449); --ocp-muted:var(--ws-muted,#66758a);
  --ocp-line:var(--ws-line,#dfe6ef); --ocp-surface:var(--ws-canvas,#fff);
  --ocp-soft:var(--ws-soft,#f5f7fb); --ocp-blue:var(--ws-blue,#006fd6);
  display:grid!important;gap:20px!important;min-width:0!important;padding:20px!important;
  border:1px solid var(--ocp-line)!important;border-radius:16px!important;
  background:var(--ocp-surface)!important;color:var(--ocp-ink)!important;box-shadow:none!important;
}
#appView #supplierOrderModule :is(h3,h4,p){margin:0!important}
#appView #supplierOrderModule :is(h3,h4)::before {display:none!important}
#appView #supplierOrderModule .supplier-order-module-heading {
  display:flex!important;align-items:center!important;gap:12px!important;min-height:0!important;
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
#appView #supplierOrderModule :is(.supplier-order-module-heading,.supplier-order-picker-heading)>span,
#appView #supplierOrderModule :is(.ocp-section-icon,.project-documents-icon) {
  display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;
  border-radius:11px!important;background:var(--ws-selected,#eaf3ff)!important;color:var(--ocp-blue)!important;font-size:20px!important;
}
#appView #supplierOrderModule .supplier-order-module-heading small {font-size:11px!important;letter-spacing:.04em!important;color:var(--ocp-muted)!important}
#appView #supplierOrderModule .supplier-order-module-heading h3 {font-size:20px!important;line-height:1.4!important;color:var(--ocp-ink)!important}
#appView #supplierOrderModule .supplier-order-budget-summary {
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px 18px!important;
  border:1px solid var(--ocp-line)!important;border-radius:12px!important;background:var(--ocp-soft)!important;
}
#appView #supplierOrderModule .supplier-order-budget-summary>div {display:flex!important;align-items:center!important;gap:12px!important}
#appView #supplierOrderModule .supplier-order-budget-summary>div:last-child {display:block!important;text-align:right!important}
#appView #supplierOrderModule .supplier-order-budget-summary small {display:block!important;font-size:12px!important;color:var(--ocp-muted)!important}
#appView #supplierOrderModule .supplier-order-budget-summary strong {display:block!important;margin-top:5px!important;font-size:18px!important;font-weight:650!important}
#appView #supplierOrderModule .supplier-order-budget-summary>div:last-child strong {color:var(--ocp-blue)!important;font-size:23px!important}
#appView #supplierOrderModule .supplier-order-payment-scheme {
  display:grid!important;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr)!important;align-items:end!important;
  gap:20px!important;padding:16px 18px!important;border:1px solid var(--ocp-line)!important;border-radius:12px!important;background:var(--ocp-surface)!important;
}
#appView #supplierOrderModule .supplier-order-payment-scheme label {display:grid!important;gap:8px!important;min-width:0!important}
#appView #supplierOrderModule .supplier-order-payment-scheme p {padding-bottom:10px!important;font-size:13px!important;line-height:1.6!important;color:var(--ocp-muted)!important}
#appView #supplierOrderModule label>span,
#appView #supplierOrderModule :is(.ocp-row-total,.ocp-row-payment)>span {
  display:block!important;font-size:12px!important;line-height:1.4!important;font-weight:550!important;
  text-transform:none!important;letter-spacing:0!important;color:var(--ocp-muted)!important;
}
#appView #supplierOrderModule :is(select,input:not([type=checkbox]):not([type=file]),textarea) {
  box-sizing:border-box!important;min-width:0!important;width:100%!important;min-height:44px!important;
  border:1px solid var(--ws-control,#b9c4d4)!important;border-radius:8px!important;padding:10px 12px!important;
  background:var(--ocp-surface)!important;color:var(--ocp-ink)!important;font:inherit!important;font-size:13px!important;
  line-height:1.4!important;box-shadow:none!important;
}
#appView #supplierOrderModule select {appearance:auto!important;cursor:pointer!important;padding-right:28px!important}
#appView #supplierOrderModule :is(input,textarea,select):focus-visible {outline:2px solid var(--ocp-blue)!important;outline-offset:2px!important}
#appView #supplierOrderModule textarea {resize:vertical!important;min-height:64px!important}
#appView #supplierOrderModule :is(.project-documents-panel,.ocp-supplier-documents) {
  margin:0!important;padding:0!important;border:1px solid var(--ocp-line)!important;border-radius:12px!important;
  background:var(--ocp-surface)!important;box-shadow:none!important;overflow:hidden!important;
}
#appView #supplierOrderModule .budget-documents-heading {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
  padding:16px 18px!important;border-bottom:1px solid var(--ocp-line)!important;background:var(--ocp-surface)!important;
}
#appView #supplierOrderModule .budget-documents-heading h3 {font-size:15px!important;line-height:1.4!important;font-weight:650!important;color:var(--ocp-ink)!important}
#appView #supplierOrderModule :is(.ocp-count,.project-documents-count) {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;
  padding:5px 10px!important;margin-left:auto!important;border:1px solid var(--ocp-line)!important;border-radius:20px!important;
  background:var(--ocp-soft)!important;color:var(--ocp-muted)!important;font-size:12px!important;font-weight:500!important;white-space:nowrap!important;
}
#appView #supplierOrderModule .project-document-row {
  display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;
  padding:14px 18px!important;border-top:0!important;border-bottom:1px solid var(--ocp-line)!important;background:transparent!important;
}
#appView #supplierOrderModule .project-document-row:last-child {border-bottom:0!important}
#appView #supplierOrderModule .project-document-file-icon {display:grid!important;place-items:center!important;width:36px!important;height:42px!important;color:var(--ocp-blue)!important;background:var(--ocp-soft)!important;border-radius:8px!important;font-size:20px!important}
#appView #supplierOrderModule .project-document-main {display:grid!important;gap:4px!important;min-width:0!important}
#appView #supplierOrderModule .project-document-main small {font-size:11px!important;color:var(--ocp-muted)!important}
#appView #supplierOrderModule :is(.project-document-main strong,.project-document-main a,.ocp-file-name a) {font-size:13px!important;font-weight:550!important;line-height:1.5!important;overflow-wrap:anywhere!important;text-decoration:none!important;color:var(--ocp-ink)!important}
#appView #supplierOrderModule .project-documents-empty {display:flex!important;gap:12px!important;align-items:center!important;padding:18px!important;font-size:13px!important;color:var(--ocp-muted)!important}
#appView #supplierOrderModule .supplier-order-picker {
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,1fr) auto!important;align-items:end!important;
  gap:16px!important;padding:18px!important;border:1px solid var(--ocp-line)!important;border-radius:12px!important;background:var(--ocp-surface)!important;
}
#appView #supplierOrderModule .supplier-order-picker-heading {display:flex!important;align-items:center!important;gap:12px!important;align-self:center!important}
#appView #supplierOrderModule .supplier-order-picker-heading small {font-size:11px!important;color:var(--ocp-muted)!important}
#appView #supplierOrderModule .supplier-order-picker-heading h4 {font-size:14px!important;line-height:1.4!important;color:var(--ocp-ink)!important}
#appView #supplierOrderModule .supplier-order-picker>label {display:grid!important;gap:8px!important;margin:0!important;min-width:0!important}
#appView #supplierOrderModule .supplier-order-picker>button {min-height:44px!important;margin:0!important;font-size:12px!important;padding:10px 14px!important}
#appView #supplierOrderModule .client-quote-parts-list {grid-column:1/-1!important;min-width:0!important;max-height:300px!important;overflow:auto!important;display:grid!important;gap:8px!important}
#appView #supplierOrderModule .client-quote-part {display:grid!important;grid-template-columns:20px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px!important;border:1px solid var(--ocp-line)!important;border-radius:8px!important;background:var(--ocp-soft)!important;font-size:13px!important}
#appView #supplierOrderModule .client-quote-part input {width:17px!important;height:17px!important}
#appView #supplierOrderModule .client-quote-part>span {font-size:13px!important;line-height:1.5!important;color:var(--ocp-ink)!important}
#appView #supplierOrderModule .client-quote-part strong {font-size:13px!important;font-weight:600!important}
#appView #supplierOrderModule .client-quote-empty {padding:14px 16px!important;margin:0!important;border:1px dashed var(--ocp-line)!important;border-radius:9px!important;background:var(--ocp-soft)!important;font-size:13px!important;line-height:1.6!important;color:var(--ocp-muted)!important}
#appView #supplierOrderModule .supplier-order-table {overflow:visible!important;min-width:0!important;border:0!important;border-radius:0!important;background:transparent!important}
#appView #supplierOrderModule .ocp-section-heading {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 0 12px!important}
#appView #supplierOrderModule .ocp-section-heading span {display:block!important;font-size:11px!important;color:var(--ocp-muted)!important;margin-bottom:4px!important}
#appView #supplierOrderModule .ocp-section-heading h4 {font-size:16px!important;font-weight:650!important;color:var(--ocp-ink)!important}
#appView #supplierOrderModule #supplierOrderRows {display:grid!important;gap:12px!important;min-width:0!important}
#appView #supplierOrderModule .supplier-order-row {
  display:grid!important;min-width:0!important;margin:0!important;padding:18px!important;gap:16px 18px!important;
  grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,.7fr) minmax(0,1fr) 34px!important;
  grid-template-areas:"provider provider description description description remove" "quantity price total percent payment remove"!important;
  border:1px solid var(--ocp-line)!important;border-radius:12px!important;background:var(--ocp-surface)!important;align-items:start!important;
}
#appView #supplierOrderModule .supplier-order-row label {display:grid!important;gap:8px!important;margin:0!important;min-width:0!important}
#appView #supplierOrderModule .ocp-row-provider {grid-area:provider!important}
#appView #supplierOrderModule .ocp-row-description {grid-area:description!important}
#appView #supplierOrderModule .ocp-row-quantity {grid-area:quantity!important}
#appView #supplierOrderModule .ocp-row-price {grid-area:price!important}
#appView #supplierOrderModule .ocp-row-total {grid-area:total!important}
#appView #supplierOrderModule .ocp-row-percent {grid-area:percent!important}
#appView #supplierOrderModule .ocp-row-payment {grid-area:payment!important}
#appView #supplierOrderModule :is(.ocp-row-total,.ocp-row-payment) {display:grid!important;gap:8px!important;min-width:0!important}
#appView #supplierOrderModule :is(.ocp-row-total,.ocp-row-payment) b {display:flex!important;align-items:center!important;min-height:44px!important;padding:0!important;font-size:17px!important;font-weight:650!important;line-height:1.4!important;overflow-wrap:anywhere!important;font-variant-numeric:tabular-nums!important}
#appView #supplierOrderModule .ocp-row-payment b {color:var(--ocp-blue)!important}
#appView #supplierOrderModule .remove-supplier-order-row {grid-area:remove!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-height:0!important;margin:21px 0 0!important;padding:0!important;border:1px solid var(--ocp-line)!important;border-radius:8px!important;background:var(--ocp-surface)!important;color:var(--ws-red,#c83851)!important;font-size:18px!important;cursor:pointer!important}
#appView #supplierOrderModule .client-quote-total-row {
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(275px,.6fr)!important;grid-template-areas:"actions totals" "percentage totals"!important;
  align-items:center!important;gap:18px 24px!important;margin:0!important;padding:18px!important;border:1px solid var(--ocp-line)!important;
  border-radius:12px!important;background:var(--ocp-soft)!important;
}
#appView #supplierOrderModule .client-quote-actions {grid-area:actions!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important}
#appView #supplierOrderModule button:is(.small-button,.success-button,.ghost-button),
#appView #supplierOrderModule .view-file-button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  width:auto!important;max-width:100%!important;min-height:40px!important;padding:9px 13px!important;margin:0!important;border:1px solid var(--ocp-line)!important;
  border-radius:8px!important;background:var(--ocp-surface)!important;color:var(--ocp-ink)!important;font-size:12px!important;font-weight:550!important;line-height:1.4!important;box-shadow:none!important;white-space:normal!important;
}
#appView #supplierOrderModule [data-supplier-order-action=save-version],
#appView #supplierOrderModule #supplierOrderFileForm button[type=submit] {background:var(--ocp-blue)!important;border-color:var(--ocp-blue)!important;color:#fff!important}
#appView #supplierOrderModule [data-supplier-order-action=save-draft] {color:var(--ocp-blue)!important;border-color:var(--ocp-blue)!important}
#appView #supplierOrderModule button:hover {filter:brightness(.97)}
#appView #supplierOrderModule button:disabled {opacity:.5!important;cursor:not-allowed!important}
#appView #supplierOrderModule .supplier-order-general-percent {grid-area:percentage!important;display:flex!important;align-items:end!important;justify-content:flex-start!important;gap:10px!important;margin:0!important;min-width:0!important}
#appView #supplierOrderModule .supplier-order-general-percent label {display:grid!important;gap:8px!important;width:130px!important;margin:0!important}
#appView #supplierOrderModule .supplier-order-total-stack {grid-area:totals!important;display:grid!important;gap:10px!important;justify-items:stretch!important;min-width:0!important}
#appView #supplierOrderModule .supplier-order-total-stack .client-quote-total {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-width:0!important;margin:0!important;padding:13px 15px!important;border:1px solid var(--ocp-line)!important;border-radius:10px!important;background:var(--ocp-surface)!important;font-size:12px!important;color:var(--ocp-muted)!important}
#appView #supplierOrderModule .supplier-order-total-stack strong {font-size:19px!important;font-weight:650!important;color:var(--ocp-ink)!important;white-space:nowrap!important}
#appView #supplierOrderModule .supplier-order-total-stack .client-quote-total:last-child {border-color:var(--ws-blue,#006fd6)!important}
#appView #supplierOrderModule .supplier-order-total-stack .client-quote-total:last-child strong {color:var(--ocp-blue)!important}
#appView #supplierOrderModule .supplier-order-retention {padding:16px!important;border:1px solid var(--ocp-line)!important;border-radius:10px!important;background:var(--ocp-soft)!important}
#appView #supplierOrderModule .supplier-order-retention label {display:grid!important;gap:8px!important;max-width:260px!important}
#appView #supplierOrderModule .supplier-order-file-form {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:end!important;margin:0!important;padding:18px!important;border:0!important;background:transparent!important}
#appView #supplierOrderModule .ocp-file-picker {display:grid!important;gap:8px!important;min-width:0!important}
#appView #supplierOrderModule .ocp-file-picker input {width:100%!important;min-width:0!important;min-height:44px!important;padding:6px!important;border:1px dashed var(--ws-control,#b9c4d4)!important;border-radius:8px!important;background:var(--ocp-soft)!important;color:var(--ocp-muted)!important;font-size:12px!important;box-sizing:border-box!important}
#appView #supplierOrderModule .ocp-file-picker input::file-selector-button {padding:8px 10px;margin-right:10px;border:0;border-radius:6px;background:var(--ocp-surface);color:var(--ocp-blue);font:inherit;font-weight:600;cursor:pointer}
#appView #supplierOrderModule .budget-documents-head,
#appView #supplierOrderModule .budget-documents-row {display:grid!important;grid-template-columns:minmax(150px,.65fr) minmax(0,1.5fr) auto!important;gap:16px!important;align-items:center!important;min-width:0!important;padding:13px 18px!important;border:0!important;border-top:1px solid var(--ocp-line)!important;background:transparent!important}
#appView #supplierOrderModule .budget-documents-head {background:var(--ocp-soft)!important;font-size:11px!important;letter-spacing:.02em!important;color:var(--ocp-muted)!important}
#appView #supplierOrderModule .ocp-file-type {display:flex!important;align-items:center!important;gap:9px!important;font-size:12px!important;color:var(--ocp-muted)!important}
#appView #supplierOrderModule .document-actions {display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
#appView #supplierOrderModule .ocp-empty-documents {display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:26px 18px!important;color:var(--ocp-muted)!important;font-size:13px!important}
#appView #supplierOrderModule .ocp-empty-documents i {font-size:24px!important;color:var(--ocp-blue)!important}
#appView #supplierOrderModule .ocp-history {min-width:0!important;border:1px solid var(--ocp-line)!important;border-radius:10px!important;background:var(--ocp-surface)!important;overflow:hidden!important}
#appView #supplierOrderModule .ocp-history summary {display:flex!important;align-items:center!important;gap:10px!important;padding:15px 18px!important;color:var(--ocp-ink)!important;font-size:13px!important;font-weight:550!important;cursor:pointer!important;list-style:none!important}
#appView #supplierOrderModule .ocp-history summary::-webkit-details-marker {display:none}
#appView #supplierOrderModule .ocp-history-arrow {margin-left:auto!important;font-size:18px!important;color:var(--ocp-muted)!important;transition:transform .15s}
#appView #supplierOrderModule .ocp-history[open] .ocp-history-arrow {transform:rotate(180deg)}
#appView #supplierOrderModule .ocp-history:not([open])>.client-quote-history {display:none!important}
#appView #supplierOrderModule .ocp-history>.client-quote-history {margin:0!important;padding:0 16px 16px!important;border:0!important}
@media(max-width:1100px){
  #appView #supplierOrderModule .supplier-order-row {grid-template-columns:repeat(2,minmax(0,1fr)) 34px!important;grid-template-areas:"provider provider remove" "description description remove" "quantity price ." "total percent ." "payment payment ."!important}
  #appView #supplierOrderModule .supplier-order-picker {grid-template-columns:minmax(0,1fr) auto!important}
  #appView #supplierOrderModule .supplier-order-picker-heading {grid-column:1/-1!important}
  #appView #supplierOrderModule .client-quote-total-row {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"totals" "actions" "percentage"!important}
  #appView #supplierOrderModule .supplier-order-total-stack {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #appView #supplierOrderModule .supplier-order-total-stack .client-quote-total {display:grid!important;gap:8px!important}
}
@media(max-width:900px){
  #appView #supplierOrderModule .supplier-order-row {grid-template-columns:repeat(2,minmax(0,1fr)) 34px!important;grid-template-areas:"provider provider remove" "description description remove" "quantity price ." "total percent ." "payment payment ."!important}
  #appView #supplierOrderModule .supplier-order-payment-scheme {grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  #appView #supplierOrderModule .supplier-order-payment-scheme p {padding:0!important}
}
@media(max-width:600px){
  #appView #supplierOrderModule.siba-ocp-editor {padding:14px!important;gap:16px!important}
  #appView #supplierOrderModule .supplier-order-module-heading h3 {font-size:18px!important}
  #appView #supplierOrderModule .supplier-order-budget-summary {align-items:flex-start!important;padding:14px!important;flex-wrap:wrap!important}
  #appView #supplierOrderModule .supplier-order-budget-summary>div:last-child {width:100%!important;text-align:left!important}
  #appView #supplierOrderModule .supplier-order-picker {grid-template-columns:minmax(0,1fr)!important;padding:14px!important}
  #appView #supplierOrderModule .supplier-order-picker>button {justify-self:stretch!important}
  #appView #supplierOrderModule .supplier-order-row {padding:14px!important;gap:14px 12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"provider provider" "description description" "quantity price" "total percent" "payment remove"!important}
  #appView #supplierOrderModule .remove-supplier-order-row {justify-self:end!important;margin-top:22px!important}
  #appView #supplierOrderModule .supplier-order-total-stack {grid-template-columns:minmax(0,1fr)!important}
  #appView #supplierOrderModule .client-quote-actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  #appView #supplierOrderModule .client-quote-actions button {width:100%!important}
  #appView #supplierOrderModule .supplier-order-general-percent {flex-wrap:wrap!important}
  #appView #supplierOrderModule .supplier-order-file-form {grid-template-columns:minmax(0,1fr)!important;padding:14px!important}
  #appView #supplierOrderModule .supplier-order-file-form button {justify-self:stretch!important}
  #appView #supplierOrderModule .budget-documents-head {display:none!important}
  #appView #supplierOrderModule .budget-documents-row {grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:14px!important}
  #appView #supplierOrderModule .document-actions {justify-content:flex-start!important}
  #appView #supplierOrderModule .project-document-row {grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;padding:14px!important}
  #appView #supplierOrderModule .project-document-row .document-actions {grid-column:2!important}
}
@media(prefers-reduced-motion:reduce){#appView #supplierOrderModule .ocp-history-arrow {transition:none!important}}
}
@layer pirela-workspace {
#appView #supplierOrderModule .supplier-order-requisition{display:flex!important;align-items:end!important;gap:12px!important;flex-wrap:wrap!important;border:1px solid #dbe4ee!important;background:#f7f9fc!important;border-radius:12px!important;padding:16px!important;margin-bottom:16px!important}
#appView #supplierOrderModule .supplier-order-requisition label{display:grid!important;gap:8px!important;flex:1 1 340px!important;min-width:0!important;font-size:13px!important}
#appView #supplierOrderModule .supplier-order-requisition select{width:100%!important;min-width:0!important;max-width:100%!important}
#appView #supplierOrderModule .supplier-order-requisition p{flex-basis:100%!important;margin:0!important;font-size:12px!important;line-height:1.5!important;color:#63748b!important}
}
@layer pirela-workspace {
#appView #supplierOrderModule [hidden]{display:none!important}
#appView #supplierOrderModule .supplier-order-capture{padding:20px!important;border:1px solid #dbe4ee!important;border-radius:14px!important;background:#fff!important;margin:16px 0!important}
#appView #supplierOrderModule .ocp-capture-fields{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;align-items:end!important}
#appView #supplierOrderModule .ocp-capture-fields label{display:grid!important;gap:8px!important;font-size:12px!important;min-width:0!important}
#appView #supplierOrderModule .ocp-capture-provider{grid-column:span 3!important}
#appView #supplierOrderModule .ocp-capture-description{grid-column:span 3!important}
#appView #supplierOrderModule .ocp-capture-fields button{grid-column:span 3!important;min-height:42px!important}
#appView #supplierOrderModule .ocp-capture-fields :is(input,select){width:100%!important;min-width:0!important;max-width:100%!important;min-height:42px!important;border-radius:8px!important;padding:10px!important;box-sizing:border-box!important}
#appView #supplierOrderModule #supplierOrderCaptureHint{font-size:12px!important;line-height:1.5!important;color:#63748b!important;margin:12px 0 0!important}
#appView #supplierOrderModule [data-ocp-capture-error]{font-size:12px!important;color:#b42318!important;margin:10px 0 0!important}
#appView #supplierOrderModule .ocp-provider-summary{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:10px!important;margin:14px 0!important}
#appView #supplierOrderModule .ocp-provider-summary article{display:grid!important;gap:6px!important;padding:14px!important;border:1px solid #dbe4ee!important;border-radius:10px!important;background:#f7f9fc!important;font-size:12px!important}
#appView #supplierOrderModule .ocp-provider-summary article strong{overflow-wrap:anywhere!important}
#appView #supplierOrderModule .ocp-provider-summary article span{color:#63748b!important}
#appView #supplierOrderModule .supplier-order-row{grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-areas:"provider provider provider provider provider description description description description description description remove" "unit unit quantity quantity price price total total percent percent payment payment"!important}
#appView #supplierOrderModule .ocp-row-unit{grid-area:unit!important}
#appView #supplierOrderModule .supplier-order-standalone-options{display:flex!important;gap:20px!important;align-items:center!important;flex-wrap:wrap!important;margin:16px 0!important}
#appView #supplierOrderModule .supplier-order-standalone-options label{display:grid!important;gap:8px!important;font-size:12px!important}
@media(max-width:760px){
#appView #supplierOrderModule .ocp-capture-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#appView #supplierOrderModule .ocp-capture-provider,#appView #supplierOrderModule .ocp-capture-description,#appView #supplierOrderModule .ocp-capture-fields button{grid-column:1/-1!important}
#appView #supplierOrderModule .supplier-order-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"provider provider" "description description" "unit quantity" "price total" "percent payment" "remove remove"!important}
}
}