/* Commercial workflow surfaces */
.supplier-quote-list{display:grid;gap:10px}
.supplier-quote-card{padding:0 13px 13px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fff,#fbfcfd)}
.supplier-quote-card .quote-row{border-top:0}
.supplier-quote-lines{display:grid;gap:5px;padding:9px 0;border-top:1px dashed #dce5eb}
.supplier-quote-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;font-size:11px}
.supplier-quote-line span{color:var(--navy);font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.supplier-quote-line small{color:var(--muted);font-size:9px}
.supplier-quote-line strong{color:var(--navy);font-size:11px;white-space:nowrap}
.delivery-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:9px;border-top:1px solid var(--line)}
.delivery-summary small{color:var(--muted);font-size:9px}
.delivery-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#edf5fc;color:#27698f;font-size:9px;font-weight:900;white-space:nowrap}
.delivery-badge:before{content:'●';font-size:7px}
.delivery-badge.delivered{background:#fff4df;color:#98701b}
.delivery-badge.received{background:var(--green-soft);color:var(--green)}
.delivery-badge.cancelled{background:#fff0ed;color:#c65c4d}
.delivery-receive-button{margin-top:10px}
.payment-state{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;padding:14px;border:1px solid #dce8ef;border-radius:13px;background:#f8fcfe}
.payment-state>div:first-child strong,.payment-state>div:first-child small{display:block}
.payment-state>div:first-child strong{color:var(--navy);font-size:15px;margin:4px 0}
.payment-state>div:first-child small{color:var(--muted);font-size:10px}
.payment-state.captured{border-color:#cce8d8;background:#f6fcf8}
.payment-state.failed,.payment-state.refunded{border-color:#f1d1ca;background:#fffaf8}
.payment-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.delivery-control{margin-top:17px;padding:16px;border-radius:14px;background:#f8fafc;border:1px solid var(--line)}
.delivery-control .section-heading{margin-bottom:12px}
.delivery-actions{align-items:center;flex-wrap:wrap}
.timeline-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.timeline-mini>div{display:grid;gap:3px;padding:9px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.timeline-mini strong{color:var(--navy);font-size:10px}
.timeline-mini small{color:var(--muted);font-size:9px;line-height:1.35}
.supplier-quote-card .status-pill{margin-top:5px}
@media(max-width:700px){
  .supplier-quote-card{padding:0 10px 11px}
  .supplier-quote-line{grid-template-columns:1fr auto;gap:3px 8px}
  .supplier-quote-line small{grid-column:1}
  .supplier-quote-line strong{grid-column:2;grid-row:1 / span 2}
  .payment-state{display:block}
  .payment-actions{justify-content:flex-start;margin-top:10px}
  .payment-actions .btn{flex:1;min-height:43px}
  .delivery-control .form-grid{grid-template-columns:1fr}
  .delivery-actions .btn{flex:1;min-height:43px}
  .timeline-mini{grid-template-columns:1fr}
  .supplier-quote-card .quote-row{align-items:flex-start;display:block}
  .supplier-quote-card .quote-price{text-align:left;margin:8px 0 0 42px}
  .supplier-quote-card .quote-price .btn{width:100%}
}
.quote-review-modal{max-width:680px}.quote-review-total{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:18px;margin:18px 0;background:linear-gradient(135deg,#e7f0ec,#f3ead8);border:1px solid #d7dccc;border-radius:16px}.quote-review-total span{font-size:12px;color:var(--muted)}.quote-review-total strong{font-size:28px;color:var(--hh-palm,#075e54)}.quote-review-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:18px}.quote-review-breakdown div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.quote-review-breakdown span,.quote-review-breakdown strong{display:block}.quote-review-breakdown span{font-size:11px;color:var(--muted)}.quote-review-breakdown strong{margin-top:5px;font-size:14px}.quote-review-section{border-top:1px solid var(--line);padding:15px 0}.quote-review-section p{margin:6px 0 0;color:var(--muted);font-size:13px;white-space:pre-wrap}.quote-review-materials{display:grid;gap:7px;margin-top:9px}.quote-review-materials div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;background:#fafbf6;border-radius:10px}.quote-review-materials span{font-size:13px}.quote-review-materials small{font-size:11px;color:var(--muted)}.quote-review-materials strong{font-size:12px}.quote-ack{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px;padding:13px;margin:9px 0 14px;border:1px solid #d7dccc;border-radius:12px;background:#f8faf6;font-size:12px!important;color:var(--ink)!important;font-weight:600!important}.quote-ack input{margin-top:3px;accent-color:var(--hh-palm,#075e54)}.booking-confirmation-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:16px 0 0;padding:15px 17px;border:1px solid #d7dccc;border-radius:15px;background:linear-gradient(135deg,#f8fbf6,#fff8ef)}.booking-confirmation-panel strong,.booking-confirmation-panel small{display:block}.booking-confirmation-panel strong{margin-top:4px;font-size:14px;color:var(--ink)}.booking-confirmation-panel small{margin-top:4px;color:var(--muted);font-size:11px}.booking-confirmation-panel .btn{flex:none}@media(max-width:650px){.quote-review-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-review-materials div{grid-template-columns:minmax(0,1fr) auto}.quote-review-materials small{grid-column:1/-1;grid-row:2}.booking-confirmation-panel .btn{width:100%}}
