/* MAS Customer RFQ workspace · v1.15.0 */
.customer-body .rfq-customer-form{gap:10px}
.customer-body .rfq-progress{position:sticky;top:8px;z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:4px;padding:5px;border:1px solid #d8e0e2;border-radius:9px;background:rgba(255,255,255,.97);box-shadow:0 4px 14px rgba(17,24,39,.06)}
.customer-body .rfq-progress button{min-height:36px;padding:4px 8px;display:flex;align-items:center;justify-content:flex-start;gap:7px;border:0;border-radius:6px;background:transparent;color:#536168;font:600 12px/1.2 Arial,sans-serif;cursor:pointer}
.customer-body .rfq-progress button b{width:23px;height:23px;display:grid;place-items:center;border:1px solid #cbd5d8;border-radius:50%;background:#fff;color:#68767c;font-size:10px}
.customer-body .rfq-progress button.is-active{background:#eef6f5;color:#111}.customer-body .rfq-progress button.is-active b{border-color:var(--primary);background:var(--primary);color:#fff}.customer-body .rfq-progress button.is-complete b::after{content:'✓';font-size:11px}.customer-body .rfq-progress button.is-complete b{font-size:0;border-color:#2d7a62;background:#edf8f3;color:#23654f}
.customer-body .rfq-draft-status{padding-inline:8px;color:#6c787d;font-size:10.5px;white-space:nowrap}
.customer-body .rfq-stage{scroll-margin-top:64px}
.customer-body .field-error{min-height:0;margin:0;color:#a13434;font-size:10.5px;line-height:1.3}.customer-body .field-error:empty{display:none}.customer-body :is(input,select,textarea).is-invalid{border-color:#b64646!important;box-shadow:0 0 0 2px rgba(182,70,70,.10)!important}
.customer-body .rfq-items-table{overflow:hidden;border:1px solid #d8e0e2;border-radius:8px;background:#fff}
.customer-body .rfq-items-head{display:grid;grid-template-columns:38px minmax(170px,1.65fr) minmax(88px,.82fr) minmax(84px,.8fr) minmax(82px,.72fr) minmax(92px,.82fr) minmax(78px,.7fr) minmax(140px,1.3fr) 100px;align-items:center;min-height:36px;border-bottom:1px solid #d8e0e2;background:#f4f6f6;color:#405057;font-size:11px;font-weight:700}
.customer-body .rfq-items-head span{padding:0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-body .rfq-items-table:not(.has-specification-column) .rfq-col-specification{display:none}
.customer-body .rfq-items-table.has-specification-column .rfq-items-head{grid-template-columns:38px minmax(160px,1.55fr) minmax(82px,.78fr) minmax(80px,.76fr) minmax(145px,1.28fr) minmax(78px,.7fr) minmax(88px,.78fr) minmax(74px,.66fr) minmax(130px,1.18fr) 100px}
.customer-body .items-stack{gap:0}
.customer-body .rfq-item-row{display:grid!important;grid-template-columns:38px minmax(0,1fr) 100px!important;gap:0!important;padding:0!important;border:0!important;border-bottom:1px solid #e3e8e9!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;align-items:stretch}
.customer-body .rfq-item-row:nth-child(even){background:#fafbfb!important}.customer-body .rfq-item-row:last-child{border-bottom:0!important}
.customer-body .rfq-item-row .item-number{min-height:42px;padding:5px 3px!important;display:grid;place-items:center;border:0!important;border-inline-end:1px solid #e3e8e9!important}.customer-body .rfq-item-row .item-number span{display:none}.customer-body .rfq-item-row .item-number strong{font-size:11px!important;color:#69767b}
.customer-body .rfq-item-row .product-grid{display:grid!important;grid-template-columns:minmax(170px,1.65fr) minmax(88px,.82fr) minmax(84px,.8fr) minmax(82px,.72fr) minmax(92px,.82fr) minmax(78px,.7fr) minmax(140px,1.3fr)!important;grid-template-areas:none!important;gap:0!important;padding:0!important;align-items:stretch}
.customer-body .rfq-items-table.has-specification-column .rfq-item-row .product-grid{grid-template-columns:minmax(160px,1.55fr) minmax(82px,.78fr) minmax(80px,.76fr) minmax(145px,1.28fr) minmax(78px,.7fr) minmax(88px,.78fr) minmax(74px,.66fr) minmax(130px,1.18fr)!important}
.customer-body .rfq-item-row .product-grid>.field{min-width:0;padding:4px 5px;border-inline-end:1px solid #edf0f1;display:flex;justify-content:center;gap:2px}.customer-body .rfq-item-row .product-grid>.field>span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.customer-body .rfq-item-row .item-specification-field[hidden]{display:none!important}
/* Desktop column contract: fields never auto-shift when specification is hidden. */
@media(min-width:1101px){
  .customer-body .rfq-item-row .item-type-field{grid-column:1!important}
  .customer-body .rfq-item-row .item-diameter-field{grid-column:2!important}
  .customer-body .rfq-item-row .item-pressure-field{grid-column:3!important}
  .customer-body .rfq-item-row .item-thickness-field{grid-column:4!important}
  .customer-body .rfq-item-row .item-quantity-field{grid-column:5!important}
  .customer-body .rfq-item-row .item-unit-field{grid-column:6!important}
  .customer-body .rfq-item-row .item-notes-field{grid-column:7!important}
  .customer-body .rfq-items-table.has-specification-column .rfq-item-row .item-specification-field{grid-column:4!important}
  .customer-body .rfq-items-table.has-specification-column .rfq-item-row .item-thickness-field{grid-column:5!important}
  .customer-body .rfq-items-table.has-specification-column .rfq-item-row .item-quantity-field{grid-column:6!important}
  .customer-body .rfq-items-table.has-specification-column .rfq-item-row .item-unit-field{grid-column:7!important}
  .customer-body .rfq-items-table.has-specification-column .rfq-item-row .item-notes-field{grid-column:8!important}
}
.customer-body .rfq-item-row .product-grid :is(input,select,output){width:100%;height:34px;min-height:34px;padding:5px 7px;border-radius:5px;font-size:12px!important}.customer-body .rfq-item-row .field.read-only output{display:flex;align-items:center;background:#f1f4f4;color:#4f5b60}.customer-body .rfq-item-row .product-grid small.specification-state{font-size:9px;line-height:1.15}
.customer-body .rfq-item-row .rfq-item-actions{padding:4px;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:3px}.customer-body .rfq-item-row .rfq-item-actions .button{min-width:0;min-height:32px;padding:3px 5px;font-size:10px}.customer-body .rfq-item-row .rfq-item-actions .text-danger{color:#9c3434}
.customer-body .customer-summary-wrap{margin-top:8px}.customer-body .compact-summary{max-width:360px!important;margin-inline-start:auto!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;border:1px solid #d8e0e2!important;background:#fff!important}.customer-body .compact-summary>div{min-height:46px;padding:7px 10px;border-inline-end:1px solid #e3e8e9}.customer-body .compact-summary>div:last-child{border-inline-end:0}.customer-body .compact-summary span{font-size:10px!important;color:#69767b!important}.customer-body .compact-summary strong{font-size:14px!important;color:#111!important}
.customer-body .rfq-final-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;align-items:start}.customer-body .rfq-notes-field textarea{min-height:150px}
.customer-body .rfq-attachments{display:grid;gap:8px}.customer-body .rfq-attachments-head strong{display:block;font-size:12px}.customer-body .rfq-attachments-head span{display:block;margin-top:2px;color:#69767b;font-size:10.5px}.customer-body .rfq-file-drop{min-height:104px;padding:14px;display:grid;place-items:center;text-align:center;border:1px dashed #aebdc1;border-radius:7px;background:#f8fafa;cursor:pointer}.customer-body .rfq-file-drop:hover{border-color:var(--primary);background:#f3f8f7}.customer-body .rfq-file-drop input{position:absolute;width:1px;height:1px;opacity:0}.customer-body .rfq-file-drop span{font-size:12px;font-weight:700}.customer-body .rfq-file-drop small{margin-top:3px;color:#6d797e;font-size:10px}
.customer-body .rfq-file-list{display:grid;gap:4px}.customer-body .rfq-file-list>div{min-height:30px;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e0e6e8;border-radius:5px;background:#fff;font-size:10.5px}.customer-body .rfq-file-list small{color:#6d797e}
.customer-body .rfq-existing-attachments{display:grid;gap:5px;padding-top:4px}.customer-body .rfq-existing-attachments>strong{font-size:11px}.customer-body .rfq-existing-attachments label{min-height:32px;padding:5px 8px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid #e2e7e8;border-radius:5px;background:#fff;font-size:10.5px}.customer-body .rfq-existing-attachments em{font-style:normal;color:#8d4a4a;font-size:9.5px}
.customer-body .rfq-submit-bar{position:sticky;bottom:8px;z-index:18;margin-top:2px;padding:8px 10px!important;border:1px solid #cfdadc!important;border-radius:9px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 7px 24px rgba(17,24,39,.10)!important}.customer-body .rfq-submit-summary{display:grid;gap:2px}.customer-body .rfq-submit-summary strong{font-size:12px}.customer-body .rfq-submit-summary span{color:#657278;font-size:10.5px}.customer-body .rfq-submit-summary b{color:#111}
.customer-body .rfq-review-dialog{width:min(860px,calc(100vw - 28px));max-height:min(84vh,760px);padding:0;border:1px solid #ced8da;border-radius:10px;background:#fff;color:#111;box-shadow:0 20px 70px rgba(18,35,40,.22)}.customer-body .rfq-review-dialog::backdrop{background:rgba(11,29,34,.52)}.customer-body .rfq-review-dialog-head{min-height:58px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e0e6e7}.customer-body .rfq-review-dialog-head span{color:#6b777c;font-size:9.5px}.customer-body .rfq-review-dialog-head h2{margin:2px 0 0;font-size:16px}.customer-body .rfq-dialog-close{width:34px;height:34px;border:1px solid #d9e1e3;border-radius:6px;background:#fff;font-size:20px;cursor:pointer}.customer-body .rfq-review-dialog-body{max-height:calc(84vh - 122px);padding:12px 14px;display:grid;gap:12px;overflow:auto}.customer-body .rfq-review-dialog-body section{border:1px solid #e0e5e7;border-radius:7px;overflow:hidden}.customer-body .rfq-review-dialog-body h3{margin:0;padding:7px 9px;border-bottom:1px solid #e3e8e9;background:#f7f9f9;font-size:11.5px}.customer-body .rfq-review-kv{display:grid;grid-template-columns:1fr 1fr}.customer-body .rfq-review-kv>div{padding:7px 9px;border-bottom:1px solid #edf0f1}.customer-body .rfq-review-kv span{display:block;color:#6d797e;font-size:9.5px}.customer-body .rfq-review-kv strong{display:block;margin-top:2px;font-size:11px}.customer-body .rfq-review-items{display:grid}.customer-body .rfq-review-item{min-height:42px;padding:5px 8px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #edf0f1}.customer-body .rfq-review-item:last-child{border-bottom:0}.customer-body .rfq-review-item>b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eef3f3;font-size:9px}.customer-body .rfq-review-item span{display:grid;gap:2px}.customer-body .rfq-review-item strong{font-size:11px}.customer-body .rfq-review-item small{color:#6b777d;font-size:9.5px}.customer-body .rfq-review-item em{font-style:normal;font-weight:700;font-size:10.5px;white-space:nowrap}.customer-body .rfq-review-meta{padding:8px 9px;font-size:10.5px}.customer-body .rfq-review-meta p{margin:0 0 6px;white-space:pre-wrap}.customer-body .rfq-review-dialog-actions{padding:9px 14px;display:flex;justify-content:flex-end;gap:6px;border-top:1px solid #e0e6e7}
.customer-body .rfq-success{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.customer-body .rfq-success-number{display:flex;align-items:center;gap:7px}.customer-body .rfq-success-actions{display:flex;gap:5px}.customer-body .rfq-success-actions .button{white-space:nowrap}
html[dir="ltr"] .customer-body .rfq-item-row .item-number{border-inline-end:1px solid #e3e8e9!important}
@media(max-width:1100px){.customer-body .rfq-items-head{display:none}.customer-body .rfq-item-row{grid-template-columns:42px minmax(0,1fr) 88px!important}.customer-body .rfq-item-row .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:7px!important}.customer-body .rfq-item-row .product-grid>.field{padding:0;border:0}.customer-body .rfq-item-row .product-grid>.field>span{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;font-size:10px!important}.customer-body .rfq-item-row .item-type-field,.customer-body .rfq-item-row .item-specification-field,.customer-body .rfq-item-row .item-notes-field{grid-column:span 2}.customer-body .rfq-item-row .rfq-item-actions{grid-template-columns:1fr}.customer-body .rfq-final-grid{grid-template-columns:1fr 1fr}.customer-body .rfq-progress{grid-template-columns:repeat(3,1fr)}.customer-body .rfq-draft-status{grid-column:1/-1;text-align:center}}
/* Mobile requested-pipes workspace · v1.15.8
   Mobile uses real horizontal form rows: label | control.
   This intentionally replaces the previous mobile grid/flex-pair layout. */
@media(max-width:700px){
  .customer-body .rfq-progress{top:4px;padding:4px}
  .customer-body .rfq-progress button{min-height:38px;justify-content:center;padding:3px}
  .customer-body .rfq-progress button span{display:none}
  .customer-body .rfq-draft-status{font-size:9.5px}
  .customer-body .rfq-draft-status:empty{display:none!important}

  .customer-body .customer-items-card{
    --rfq-mobile-control:42px;
    padding:10px!important;
  }

  /* Section header */
  .customer-body .customer-items-card .section-heading.with-action{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
    grid-template-areas:"step title action"!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 10px!important;
    padding:0 0 10px!important;
    border-bottom:1px solid #e1e7e8!important;
  }
  .customer-body .customer-items-card .section-heading.with-action>span{
    position:static!important;
    grid-area:step!important;
    width:34px!important;
    height:34px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:6px!important;
    font-size:11px!important;
    font-weight:800!important;
  }
  .customer-body .customer-items-card .section-heading.with-action>div{
    grid-area:title!important;
    min-width:0!important;
    padding:0!important;
  }
  .customer-body .customer-items-card .section-heading.with-action h2{
    margin:0!important;
    color:#182226!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .customer-body .customer-items-card #add-item{
    grid-area:action!important;
    width:auto!important;
    min-width:96px!important;
    min-height:36px!important;
    padding:0 10px!important;
    margin:0!important;
    border:1px solid #cdd8da!important;
    border-radius:6px!important;
    background:#fff!important;
    color:var(--primary)!important;
    font-size:11px!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }

  .customer-body .rfq-items-table{
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .customer-body .items-stack{display:grid!important;gap:10px!important}
  .customer-body .rfq-item-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"number actions" "fields fields"!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #d4dee0!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  /* Item header */
  .customer-body .rfq-item-row .item-number{
    grid-area:number!important;
    min-height:42px!important;
    padding:6px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    border:0!important;
    border-bottom:1px solid #e1e7e8!important;
    background:#f7f9f9!important;
  }
  .customer-body .rfq-item-row .item-number span{
    display:block!important;
    color:#67747a!important;
    font-size:11px!important;
    font-weight:600!important;
  }
  .customer-body .rfq-item-row .item-number strong{
    min-width:30px!important;
    height:28px!important;
    padding:0 6px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:6px!important;
    background:#edf7f6!important;
    color:#182226!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  .customer-body .rfq-item-row .rfq-item-actions{
    grid-area:actions!important;
    min-height:42px!important;
    padding:5px 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    border-bottom:1px solid #e1e7e8!important;
    background:#f7f9f9!important;
  }
  .customer-body .rfq-item-row .rfq-item-actions .button{
    width:auto!important;
    min-width:50px!important;
    min-height:32px!important;
    padding:0 8px!important;
    border:1px solid #d3dcde!important;
    border-radius:5px!important;
    background:#fff!important;
    font-size:10.5px!important;
    font-weight:700!important;
  }
  .customer-body .rfq-item-row .rfq-item-actions .text-danger{
    border-color:#ead8d8!important;
    color:#913b3b!important;
  }

  /* Real form rows: one field per row, label aligned with its control. */
  .customer-body .rfq-item-row .product-grid{
    grid-area:fields!important;
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    padding:4px 10px 7px!important;
    background:#fff!important;
  }
  .customer-body .rfq-item-row .product-grid>.field{
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    margin:0!important;
    padding:7px 0!important;
    border:0!important;
    border-bottom:1px solid #edf1f2!important;
    display:grid!important;
    grid-template-columns:minmax(104px,32%) minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:4px!important;
  }
  .customer-body .rfq-item-row .product-grid>.field:last-of-type{border-bottom:0!important}
  .customer-body .rfq-item-row .product-grid>.field[hidden],
  .customer-body .rfq-item-row .item-specification-field[hidden]{display:none!important}

  /* Deterministic order regardless of desktop table rules. */
  .customer-body .rfq-item-row .item-type-field{order:10!important}
  .customer-body .rfq-item-row .item-diameter-field{order:20!important}
  .customer-body .rfq-item-row .item-pressure-field{order:30!important}
  .customer-body .rfq-item-row .item-specification-field{order:40!important}
  .customer-body .rfq-item-row .item-thickness-field{order:50!important}
  .customer-body .rfq-item-row .item-unit-field{order:60!important}
  .customer-body .rfq-item-row .item-quantity-field{order:70!important}
  .customer-body .rfq-item-row .item-notes-field{order:80!important}
  .customer-body .rfq-item-row .product-grid>input[type="hidden"]{order:90!important}

  .customer-body .rfq-item-row .product-grid>.field>span{
    position:static!important;
    grid-column:1!important;
    grid-row:1!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    clip:auto!important;
    white-space:normal!important;
    color:#344247!important;
    font-size:11.5px!important;
    font-weight:700!important;
    line-height:1.35!important;
    text-align:start!important;
  }
  .customer-body .rfq-item-row .product-grid>.field>span b{
    margin-inline-start:2px!important;
    color:#9a3434!important;
  }
  .customer-body .rfq-item-row .product-grid :is(input,select,output){
    grid-column:2!important;
    grid-row:1!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:var(--rfq-mobile-control)!important;
    min-height:var(--rfq-mobile-control)!important;
    margin:0!important;
    padding:7px 10px!important;
    border:1px solid #cbd6d8!important;
    border-radius:6px!important;
    background:#fff!important;
    color:#111!important;
    font-family:Arial,sans-serif!important;
    font-size:16px!important;
    line-height:1.2!important;
  }
  .customer-body .rfq-item-row .product-grid select{
    appearance:none!important;
    -webkit-appearance:none!important;
    padding-inline-start:34px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23576469' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:left 10px center!important;
    background-size:16px 16px!important;
  }
  html[dir="ltr"] .customer-body .rfq-item-row .product-grid select{
    padding-inline-start:10px!important;
    padding-inline-end:34px!important;
    background-position:right 10px center!important;
  }
  .customer-body .rfq-item-row .product-grid select:disabled{
    background-color:#f5f7f7!important;
    color:#8a9599!important;
  }
  .customer-body .rfq-item-row .product-grid :is(input,select):focus{
    border-color:var(--primary)!important;
    outline:0!important;
    box-shadow:0 0 0 2px rgba(23,79,87,.10)!important;
  }
  .customer-body .rfq-item-row .field.read-only output{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    background:#f3f6f6!important;
    color:#445157!important;
    font-size:14px!important;
    font-weight:700!important;
    text-align:start!important;
  }
  .customer-body .rfq-item-row .item-quantity-field input{
    direction:ltr!important;
    text-align:right!important;
    font-weight:700!important;
  }
  .customer-body .rfq-item-row .item-notes-field input{font-size:15px!important}
  .customer-body .rfq-item-row .product-grid small.specification-state,
  .customer-body .rfq-item-row .field-error{
    grid-column:2!important;
    grid-row:auto!important;
    display:block!important;
    min-height:0!important;
    margin:0!important;
    color:#6b787d!important;
    font-size:10px!important;
    line-height:1.25!important;
  }
  .customer-body .rfq-item-row .field-error{color:#a13434!important}
  .customer-body .rfq-item-row .product-grid small.specification-state:empty,
  .customer-body .rfq-item-row .field-error:empty{display:none!important}

  .customer-body .customer-summary-wrap{margin-top:10px!important}
  .customer-body .compact-summary{
    max-width:none!important;
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border:1px solid #d6dfe1!important;
    border-radius:8px!important;
    overflow:hidden!important;
    background:#f8fafa!important;
  }
  .customer-body .compact-summary>div{
    min-height:48px!important;
    padding:7px 10px!important;
    display:grid!important;
    align-content:center!important;
    gap:2px!important;
    background:transparent!important;
  }
  .customer-body .compact-summary>div+div{border-inline-start:1px solid #dfe6e7!important}
  .customer-body .compact-summary span{color:#69767b!important;font-size:10px!important}
  .customer-body .compact-summary strong{color:#182226!important;font-size:15px!important;font-weight:800!important}

  .customer-body .rfq-final-grid{grid-template-columns:1fr}
  .customer-body .rfq-submit-bar{bottom:4px;align-items:stretch;flex-direction:column}
  .customer-body .rfq-submit-bar .button{width:100%;min-height:48px}
  .customer-body .rfq-review-kv{grid-template-columns:1fr}
  .customer-body .rfq-review-dialog-actions{display:grid;grid-template-columns:1fr 1fr}
  .customer-body .rfq-success{grid-template-columns:auto minmax(0,1fr)}
  .customer-body .rfq-success-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}
}

@media(max-width:380px){
  .customer-body .customer-items-card{padding:8px!important}
  .customer-body .customer-items-card .section-heading.with-action{grid-template-columns:30px minmax(0,1fr) auto!important;gap:6px!important}
  .customer-body .customer-items-card .section-heading.with-action>span{width:30px!important;height:30px!important;font-size:9.5px!important}
  .customer-body .customer-items-card .section-heading.with-action h2{font-size:13.5px!important}
  .customer-body .customer-items-card #add-item{min-width:82px!important;min-height:34px!important;padding-inline:8px!important;font-size:10px!important}
  .customer-body .rfq-item-row .product-grid{padding-inline:8px!important}
  .customer-body .rfq-item-row .product-grid>.field{grid-template-columns:minmax(96px,34%) minmax(0,1fr)!important;column-gap:8px!important}
  .customer-body .rfq-item-row .product-grid :is(input,select,output){font-size:15px!important}
  .customer-body .rfq-item-row .rfq-item-actions .button{min-width:46px!important;padding-inline:6px!important}
  .customer-body .rfq-existing-attachments label{grid-template-columns:auto minmax(0,1fr)}
  .customer-body .rfq-existing-attachments em{grid-column:2}
  .customer-body .rfq-success-actions{grid-template-columns:1fr}
}

@media(max-width:340px){
  .customer-body .customer-items-card .section-heading.with-action{
    grid-template-columns:30px minmax(0,1fr)!important;
    grid-template-areas:"step title" "action action"!important;
  }
  .customer-body .customer-items-card #add-item{width:100%!important;min-height:36px!important}
  .customer-body .rfq-item-row .product-grid>.field{grid-template-columns:90px minmax(0,1fr)!important}
}
/* Managed hero image formatting */
.customer-body .quote-hero-with-slider{min-height:var(--slider-height-desktop,360px)}
.customer-body .customer-photo-slide{transition-duration:var(--slider-fade,1050ms)!important}
.customer-body .customer-photo-slide img{object-fit:var(--slide-fit,cover)!important;object-position:var(--slide-focus-x,50%) var(--slide-focus-y,50%)!important;transform:scale(var(--slide-zoom,1))!important;transform-origin:var(--slide-focus-x,50%) var(--slide-focus-y,50%);background:#173d43}
.customer-body .customer-photo-slider-shade{background:rgb(7 31 38 / var(--slider-overlay,.58))!important}
@media(max-width:920px){.customer-body .quote-hero-with-slider{min-height:var(--slider-height-tablet,320px)}}
@media(max-width:620px){.customer-body .quote-hero-with-slider{min-height:var(--slider-height-mobile,270px)}.customer-body .customer-photo-slide img{object-position:var(--slide-mobile-focus-x,var(--slide-focus-x,50%)) var(--slide-mobile-focus-y,var(--slide-focus-y,50%))!important;transform-origin:var(--slide-mobile-focus-x,var(--slide-focus-x,50%)) var(--slide-mobile-focus-y,var(--slide-focus-y,50%))}}
.customer-body .rfq-file-drop.is-dragover{border-color:var(--primary);background:#eaf5f3;box-shadow:inset 0 0 0 1px var(--primary)}.customer-body .rfq-file-list>div{grid-template-columns:minmax(0,1fr) auto auto}.customer-body .rfq-file-list>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-body .rfq-file-list button{width:26px;height:26px;border:1px solid #d9e1e3;border-radius:4px;background:#fff;color:#913838;font:700 16px/1 Arial;cursor:pointer}

/* ==========================================================================
   Customer RFQ hero integration · v1.15.2
   The public hero now honours Appearance + Slider settings instead of
   hard-coding height, logo size, logo box, typography or alignment.
   ========================================================================== */
.customer-body .quote-hero{padding:0!important}
.customer-body .quote-hero-with-slider{
  min-height:var(--slider-height-desktop,var(--hero-min-height,330px))!important;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
}
.customer-body .quote-hero-with-slider>.customer-photo-slider{grid-column:1;grid-row:1/-1}
.customer-body .quote-hero-with-slider>.customer-hero-utility{grid-column:1;grid-row:1;position:relative;z-index:5}
.customer-body .quote-hero-with-slider>.customer-hero-main{grid-column:1;grid-row:2;position:relative;z-index:3}

.customer-body .customer-hero-utility{
  min-height:52px;
  padding-block:8px;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.customer-body .customer-hero-portal-link{
  grid-column:1;
  justify-self:start;
  min-height:34px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.44);
  border-radius:5px;
  background:rgba(9,35,41,.38);
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}
.customer-body .customer-hero-portal-link:hover,.customer-body .customer-hero-portal-link:focus-visible{background:rgba(9,35,41,.64);border-color:rgba(255,255,255,.78);color:#fff}
.customer-body .customer-hero-language{
  grid-column:2;
  justify-self:var(--hero-language-align,end);
  margin:0!important;
  padding:2px!important;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:5px!important;
  background:rgba(9,35,41,.38)!important;
}
.customer-body .customer-hero-language a{min-width:46px!important;min-height:29px!important;padding:0 8px!important;border-radius:3px!important;color:rgba(255,255,255,.84)!important;font-size:10.5px!important}
.customer-body .customer-hero-language:only-child{grid-column:1/-1}
.customer-body .customer-hero-language a.active{background:#fff!important;color:#15383e!important}

.customer-body .customer-hero-main{
  width:min(1180px,calc(100% - 32px));
  max-width:1180px;
  min-height:0;
  padding-block:clamp(18px,calc(var(--hero-padding,58px) * .62),42px);
  display:grid;
  grid-template-columns:minmax(0,var(--hero-content-width,900px));
  align-items:var(--hero-vertical-align,center);
  align-content:var(--hero-vertical-align,center);
}
.customer-body .customer-hero-content{min-width:0;width:100%;max-width:var(--hero-content-width,900px)}
.customer-body .customer-hero-logo-wrap{
  width:100%;
  margin-bottom:var(--customer-logo-gap,16px);
  display:flex;
  justify-content:var(--customer-logo-align,start);
}
.customer-body .customer-hero-logo{
  width:min(var(--customer-logo-width,150px),100%);
  height:var(--customer-logo-height,78px);
  padding:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:var(--customer-logo-radius,14px);
  background:transparent;
  box-shadow:none;
}
.customer-body .customer-hero-logo.has-box{
  padding:var(--customer-logo-padding,8px);
  border-color:var(--customer-logo-border,#dce7e9);
  background:var(--customer-logo-bg,#fff);
}
.customer-body .customer-hero-logo img{display:block;width:100%;height:100%;object-fit:contain}
.customer-body .customer-hero-logo.is-inverted img{filter:brightness(0) invert(1)}
.customer-body .customer-hero-content .eyebrow{display:block;margin:0 0 8px;color:rgba(255,255,255,.84);text-align:var(--hero-eyebrow-align,start);font-size:10.5px;font-weight:700;letter-spacing:.02em}
.customer-body .customer-hero-content h1{margin:0 0 10px!important;max-width:100%;line-height:1.1!important;letter-spacing:-.015em!important}
.customer-body .customer-hero-content h1 .hero-title-main{display:block;text-align:var(--hero-title-start-align,start);font-size:var(--hero-title-size,43px)!important}
.customer-body .customer-hero-content h1 em{display:block;margin-top:var(--hero-title-gap,3px);text-align:var(--hero-emphasis-align,start);font-size:var(--hero-emphasis-size,43px)!important}
.customer-body .customer-hero-content p{max-width:min(100%,760px);margin:0!important;color:rgba(255,255,255,.86)!important;text-align:var(--hero-description-align,start);font-size:var(--hero-description-size,13px)!important;line-height:1.65!important}
.customer-body .customer-hero-cta{margin-top:14px!important;min-height:38px!important;padding-inline:16px!important;border-radius:5px!important}
.customer-body .form-wrap{position:relative;z-index:6;margin-top:-18px!important;padding-bottom:36px}
.customer-body .rfq-progress{border-radius:7px;box-shadow:0 3px 10px rgba(17,24,39,.05)}
.customer-body .section-heading>div>p:empty{display:none}
.customer-body .section-heading.with-action{align-items:center}
.customer-body .rfq-attachments{padding-top:0}
.customer-body .rfq-file-drop{min-height:92px}

@media(max-width:920px){
  .customer-body .quote-hero-with-slider{min-height:var(--slider-height-tablet,320px)!important}
  .customer-body .customer-hero-main{padding-block:clamp(16px,calc(var(--hero-padding,58px) * .5),32px)}
}
@media(max-width:620px){
  .customer-body .quote-hero-with-slider{min-height:var(--slider-height-mobile,270px)!important}
  .customer-body .customer-hero-utility{min-height:50px;padding-block:6px;gap:6px}
  .customer-body .customer-hero-portal-link{min-height:32px;padding-inline:9px;font-size:10px}
  .customer-body .customer-hero-language a{min-width:39px!important;min-height:27px!important;padding-inline:6px!important;font-size:9.5px!important}
  .customer-body .customer-hero-main{width:calc(100% - 28px);padding-block:16px 28px}
  .customer-body .customer-hero-logo{width:min(var(--customer-logo-width,150px),72vw);height:min(var(--customer-logo-height,78px),30vw)}
  .customer-body .customer-hero-content .eyebrow{margin-bottom:6px;font-size:9.5px}
  .customer-body .customer-hero-content h1{margin-bottom:7px!important}
  .customer-body .customer-hero-content h1 .hero-title-main{font-size:min(var(--hero-title-size,43px),30px)!important}
  .customer-body .customer-hero-content h1 em{font-size:min(var(--hero-emphasis-size,43px),30px)!important}
  .customer-body .customer-hero-content p{font-size:min(var(--hero-description-size,13px),12px)!important;line-height:1.55!important}
  .customer-body .customer-hero-cta{min-height:38px!important;margin-top:10px!important}
  .customer-body .form-wrap{margin-top:-12px!important}
}
@media(max-width:420px){
  .customer-body .customer-hero-portal-link{padding-inline:7px;font-size:9.5px}
  .customer-body .customer-hero-language a{min-width:34px!important;padding-inline:4px!important}
}