#view-integrations{max-width:1600px;margin:auto}
#view-integrations [hidden]{display:none!important}
.supplier-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}
.supplier-heading h2{margin:0 0 10px}.supplier-heading p{max-width:780px;line-height:1.6}.supplier-heading>button{flex-shrink:0}
.supplier-summary{padding:16px 20px;border:1px solid #33404d;border-radius:12px;background:#101d29;color:#d4e4ef;margin-bottom:20px;font-weight:700}
.supplier-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,280px);gap:16px;margin-bottom:24px}
.supplier-toolbar label,.supplier-form-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px}
#view-integrations input:not([type=checkbox]),#view-integrations select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #3d4a56;border-radius:8px;background:#101a24;color:#eff5fa;font:inherit}
#view-integrations input[readonly]{color:#abc0d0}
.supplier-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}
.supplier-tile{display:flex;flex-direction:column;gap:16px;padding:22px;border:1px solid #334453;border-radius:14px;background:#101b26;color:#e8f0f6;min-width:0}
.supplier-tile-head{display:flex;align-items:center;gap:12px}.supplier-tile-head h3{font-size:17px;margin:0 0 6px;overflow-wrap:anywhere}.supplier-tile small{font-size:11px;color:#a6b8c6}
.supplier-monogram{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#203547;color:#64cbff;font-size:17px;font-weight:800}
.supplier-tile p{margin:0;color:#b7c7d4;font-size:13px;line-height:1.6}.supplier-tile>button{margin-top:auto;min-height:44px}
.supplier-status{align-self:flex-start;padding:6px 10px;border-radius:7px;background:#3a3020;color:#ffd78d;font-size:11px;font-weight:700}
.supplier-status.is-ready{background:#173447;color:#7ad6ff}.supplier-status[data-status=CONNECTED]{background:#163d31;color:#97ebc8}
.supplier-status[data-status=TEST_FAILED]{background:#482830;color:#ffb6c2}
.supplier-editor{margin-bottom:26px;padding:24px!important;scroll-margin-top:22px}
.supplier-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.supplier-notice,.supplier-message{padding:14px 18px;border:1px solid #385063;border-radius:8px;background:#172e40;color:#c9e6fc;line-height:1.5}
.supplier-message{margin-bottom:20px}.supplier-credentials-note,.supplier-test-status,.supplier-footnote{font-size:12px;color:#a9bdcd;line-height:1.65}
.supplier-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.supplier-actions button{min-height:44px}
.supplier-form-message{min-height:20px;line-height:1.5}.supplier-form-message.is-error,.supplier-message.is-error{color:#ffb5be}
.supplier-form .switch{display:flex;gap:10px;margin:16px 0;align-items:center}.supplier-footnote{margin-top:26px}
@media(max-width:700px){.supplier-heading{flex-direction:column;gap:12px}.supplier-toolbar,.supplier-form-grid{grid-template-columns:1fr}.supplier-editor{padding:16px!important}.supplier-actions button{width:100%}}