.provider-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px}
.provider-list{padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;align-self:start}
.provider-list>.label{padding:5px 7px 10px}
.provider-item{display:grid;width:100%;gap:3px;padding:12px;text-align:left;color:var(--ink);border:0;border-radius:6px;background:transparent}
.provider-item:hover{background:#f1f5f9}
.provider-item.active{color:#fff;background:var(--teal)}
.provider-item strong{font-size:12px}
.provider-item span{font-size:10px;opacity:.8}
.provider-form{max-width:680px}
.provider-form .field{margin-top:16px}
.server-status{display:inline-flex;align-items:center;gap:7px;color:#64748b;font-size:11px;font-weight:700}
.server-status-dot{width:8px;height:8px;border-radius:50%;background:#dc2626;box-shadow:0 0 0 3px #dc262633}
.server-status.connected .server-status-dot,.vpc-status.connected .server-status-dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}
.vpc-status{display:flex;align-items:center;gap:8px;color:#64748b;font-size:11px;font-weight:700}.vpc-status.connected{color:#166534}.vpc-status.disconnected{color:#991b1b}
.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.diagnostic-grid span{display:grid;gap:2px;color:#64748b;font-size:10px}.diagnostic-grid b{color:#0f172a;font-size:11px}.diagnostic-refresh{margin-top:12px}
.system-alerts{display:grid;gap:6px;margin-top:12px}.system-alerts div{padding:7px 8px;color:#92400e;background:#fef3c7;border-radius:4px;font-size:10px}
.mid-providers{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0 0 17px}
.mid-provider-item{display:flex;align-items:flex-start;gap:6px}
.provider-toggle{padding:4px 7px;color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:4px;font-size:10px}
.provider-toggle.active{color:#166534;background:#dcfce7;border-color:#86efac}
.provider-credentials{min-width:260px;padding:4px 7px;border:1px solid #d7e4e1;border-radius:6px;background:#f8fffe;font-size:10px}
.provider-credentials summary{cursor:pointer;color:#0f766e;font-weight:700}
.provider-credential-fields{display:grid;gap:8px;padding:9px 2px 3px}
.provider-credential-fields .field{margin:0;font-size:10px}
.provider-credential-fields .input{margin-top:3px;font-size:11px}
.provider-credential-fields .local-note{margin:0}
.merchant-provider-mid{display:grid;gap:6px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfefd}
.merchant-provider-mid h3,.merchant-provider-mid p{margin:0}
.merchant-provider-mid .provider-credentials{width:100%;box-sizing:border-box}
@media(max-width:850px){.provider-layout{grid-template-columns:1fr}.server-status{white-space:nowrap}}