/* Compact supplier-offer rows (seller card). One line per offer; details open under it. No horizontal page scroll at 390 px. */
.ofr-list { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--border, #e3e7ee); border-radius: 12px; overflow: hidden; background: var(--card, #fff) }
.ofr-hd, .ofr-line { display: grid; grid-template-columns: minmax(96px, 1.2fr) 78px 78px 68px minmax(120px, 1fr) 132px 188px; gap: 4px 10px; align-items: center; padding: 8px 10px }
.ofr-hd { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted, #6b7482); background: var(--neutral, #f3f5f8) }
.ofr { border-top: 1px solid var(--border, #e3e7ee); min-width: 0 }
.ofr.chosen { background: var(--accent-soft, #eef8f2) }
.ofr-sup { display: flex; flex-wrap: wrap; gap: 2px 6px; align-items: baseline; min-width: 0 } .ofr-sup b { overflow-wrap: anywhere }
.ofr-sup .muted { font-size: 12px; flex-basis: 100% }
.ofr-n { white-space: nowrap; font-size: 14px }
.ofr-t { display: flex; flex-direction: column; font-size: 11.5px; color: var(--soft, #5b6472); line-height: 1.3; min-width: 0 }
.ofr-s { min-width: 0 } .ofr-s .badge { white-space: normal; max-width: 100%; box-sizing: border-box }
.ofr-a { display: flex; gap: 6px; align-items: center; justify-content: flex-end }
.ofr-act { min-height: 34px; padding: 4px 10px; font-size: 13px; white-space: nowrap; flex: 1 1 auto }
.ofr-toggle { min-height: 34px; min-width: 34px; padding: 0 8px; background: transparent; border: 1px solid var(--border, #e3e7ee); border-radius: 8px; cursor: pointer }
.ofr-body { padding: 4px 10px 12px; display: flex; flex-direction: column; gap: 10px; background: var(--neutral, #f7f8fa) }
.ofr-body[hidden], .ofr-formbox[hidden] { display: none }
.ofr-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 18px }
.ofr-kv { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; padding: 2px 0; border-bottom: 1px dotted var(--border, #e3e7ee) } .ofr-kv span:last-child { text-align: right; overflow-wrap: anywhere }
.ofr-ask { display: flex; flex-direction: column; gap: 6px }
.ofr-msg { font-size: 13px; padding: 8px 10px; background: var(--card, #fff); border: 1px solid var(--border, #e3e7ee); border-radius: 8px; overflow-wrap: anywhere }
.ofr-actions { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center }
.ofr-way, .ofr-small { display: inline-flex; align-items: center; min-height: 32px; padding: 3px 10px; font-size: 13px; font-weight: 700; border: 1px solid var(--border-strong, #cfd6e0); border-radius: 8px; background: var(--card, #fff); color: var(--text, #1b2330); text-decoration: none; cursor: pointer }
.ofr-out { font-size: 12px; color: var(--soft, #5b6472) }
.ofr-hint { margin: 0; font-size: 12px }
.ofr-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px }
.ofr-f { display: flex; flex-direction: column; gap: 2px; font-size: 12px; min-width: 0 } .ofr-f input { min-height: 34px; width: 100%; box-sizing: border-box }
.ofr-form .ofr-actions { grid-column: 1 / -1 }
.ofr-copy { position: fixed; left: -9999px; top: 0 }
@media (max-width: 760px) {
  .ofr-hd { display: none }
  .ofr-line { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-areas: "sup sup sup" "n1 n2 n3" "t t t" "s a a"; padding: 8px 10px; align-items: center }
  .ofr-sup { grid-area: sup } .ofr-a { grid-area: a }
  .ofr-line > .ofr-n:nth-child(2) { grid-area: n1 } .ofr-line > .ofr-n:nth-child(3) { grid-area: n2 } .ofr-line > .ofr-n:nth-child(4) { grid-area: n3 }
  .ofr-t { grid-area: t; flex-direction: row; flex-wrap: wrap; gap: 2px 12px } .ofr-s { grid-area: s }
  .ofr-n::before { content: attr(data-l); display: block; font-size: 11px; color: var(--muted, #6b7482); font-weight: 400 }
  .ofr-cols, .ofr-form { grid-template-columns: minmax(0, 1fr) }
}