.supplier-banner { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 28px; background:linear-gradient(110deg,#edf3fa,#fff); border:1px solid #d6e0eb; border-radius:12px; margin-bottom:24px; }
.supplier-banner h2 { margin:8px 0; font-size:24px; }
.supplier-banner p,.supplier-form p,.supplier-review p,.supplier-guide p { color:#627188; line-height:1.6; }
.supplier-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; align-items:start; }
.supplier-form { overflow:hidden; }
.supplier-form fieldset { border:0; padding:0; margin:0; min-width:0; }
.supplier-form section { padding:28px; border-bottom:1px solid #e7ecf2; }
.supplier-form h2,.supplier-review h2 { font-size:18px; margin:8px 0 16px; }
.supplier-form label,.supplier-review label { display:flex; flex-direction:column; gap:8px; color:#46556c; font-size:12px; font-weight:600; }
.supplier-form input,.supplier-form select,.supplier-form textarea,.supplier-review textarea,.supplier-filters input,.supplier-filters select { width:100%; min-height:40px; border:1px solid #ccd6e3; border-radius:6px; padding:10px 12px; background:white; color:#182c46; font:inherit; }
.supplier-form input:disabled,.supplier-form select:disabled,.supplier-form textarea:disabled { background:#f5f7fa; color:#5f6f85; }
.supplier-form .form-grid { gap:20px; margin-bottom:18px; }
.form-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.supplier-form .check-label,.supplier-review .check-label { flex-direction:row; align-items:flex-start; gap:10px; line-height:1.6; }
.supplier-form input[type=checkbox],.supplier-review input[type=checkbox] { width:16px; min-height:16px; flex-shrink:0; margin-top:2px; }
.supplier-save { padding:20px 28px; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:12px; background:#fafbfd; }
.supplier-save .form-error { flex-basis:100%; }
.supplier-save span { margin-right:auto; font-size:12px; color:#6b7b90; }
.supplier-guide { display:grid; gap:18px; }
.supplier-guide .panel { padding:22px; }
.supplier-guide h3 { margin:6px 0 16px; font-size:16px; }
.supplier-guide ol { padding-left:20px; font-size:13px; color:#4a5d75; line-height:1.7; }
.supplier-guide li { margin-bottom:14px; padding-left:4px; }
.supplier-guide small,.field-help { color:#738198; font-size:12px; line-height:1.6; }
.supplier-review { padding:28px; margin-top:24px; }
.supplier-review .check-label { margin-top:20px; }
.supplier-filters { display:flex; gap:12px; padding:16px 24px; background:#fafbfd; border-block:1px solid #e5ebf2; }
.supplier-filters input { max-width:340px; }.supplier-filters select { max-width:220px; }
.supplier-pagination { display:flex; justify-content:flex-end; align-items:center; gap:18px; padding:16px 24px; font-size:12px; color:#617188; }
.commercial-terms { grid-template-columns:repeat(7,minmax(110px,1fr)); }
@media(min-width:651px) { .commercial-table td:nth-child(11),.commercial-table th:nth-child(11) { position:sticky; right:24px; z-index:1; background:#f4f9f7; border-left:1px solid #dce6e3; }.commercial-table td:last-child,.commercial-table th:last-child { position:sticky; right:0; min-width:24px; width:24px; padding:3px; background:#f4f9f7; }.commercial-table th:nth-child(11) { z-index:2; } }
.supplier-onboarding { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 24px; margin-bottom:24px; border:1px solid #cddcee; background:#f0f6fe; border-radius:10px; }
.supplier-onboarding p { margin:6px 0 0; font-size:13px; color:#596e88; }
@media(max-width:1200px) { .supplier-layout { grid-template-columns:minmax(0,1fr); }.supplier-guide { grid-template-columns:repeat(3,1fr); }.commercial-terms { grid-template-columns:repeat(4,minmax(110px,1fr)); } }
@media(max-width:720px) { .supplier-guide,.form-grid.three { grid-template-columns:1fr; }.supplier-form section,.supplier-review { padding:20px; }.supplier-filters { flex-wrap:wrap; }.supplier-filters input,.supplier-filters select { max-width:none; }.supplier-banner { align-items:flex-start; padding:20px; }.supplier-save { padding:16px; }.commercial-terms { grid-template-columns:repeat(2,minmax(0,1fr)); }.supplier-onboarding { align-items:flex-start; flex-direction:column; } }