.supplier-quote { display: block; }
.supplier-quote__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 820px) { .supplier-quote__grid { grid-template-columns: 1fr; } }
.supplier-quote__block { padding: 20px; background: var(--surface-card); border: 1px solid var(--border); border-radius: var(--radius-card); }
.supplier-quote__block h2 { font-size: var(--fs-16); color: var(--text-main); margin-bottom: 12px; }
.quote-cost { width: 100%; border-collapse: collapse; }
.quote-cost td { padding: 8px 10px; border-bottom: 1px solid var(--border); font-size: var(--fs-14); }
.quote-cost td.num { text-align: right; color: var(--text-main); }
.quote-cost__total td { font-weight: 600; border-top: 2px solid var(--border-strong); border-bottom: none; }
.quote-check { list-style: none; padding: 0; display: grid; gap: 8px; }
.quote-check__row { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: var(--radius-control); background: var(--surface-sunken); font-size: var(--fs-14); }
.quote-check__mark { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--success-soft); color: var(--success-ink); font-size: var(--fs-12); }
.quote-check__row--missing { background: var(--alert-soft); }
.quote-check__row--missing .quote-check__mark { background: var(--alert); color: #fff; }
.quote-check__missing-warn { padding: 10px 14px; background: var(--alert-soft); color: var(--alert-ink); border-radius: var(--radius-control); margin-bottom: 12px; font-size: var(--fs-14); }
.quote-check__ok { padding: 10px 14px; background: var(--success-soft); color: var(--success-ink); border-radius: var(--radius-control); margin-bottom: 12px; font-size: var(--fs-14); }