.supplier-view-banner {
  position: sticky;
  top: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 14px 24px;
  color: #53370b;
  background: #fff3d6;
  border-bottom: 2px solid #d5a348;
}
.supplier-view-banner p { margin: 4px 0 0; font-size: .9rem; }
.supplier-view-banner .btn { margin: 0; width: auto; }
.supplier-view-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--border);
}
.supplier-view-row p { margin: 5px 0; overflow-wrap: anywhere; }
.supplier-view-row .btn { width: auto; flex-shrink: 0; }
.supplier-view-history { overflow-x: auto; }
.supplier-view-history table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.supplier-view-history th, .supplier-view-history td { padding: 10px; text-align: left; border-bottom: 1px solid var(--border); }
.supplier-view-readonly :disabled { cursor: not-allowed; }
@media (max-width: 600px) {
  .supplier-view-row { align-items: flex-start; flex-direction: column; }
  .supplier-view-banner { padding: 12px 16px; }
}