.good { background:#dcfce7; color:#166534; border:1px solid #86efac; }
.ml-connect { display:flex; align-items:center; justify-content:space-between; gap:20px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px 22px; margin:10px 0 18px; }
.ml-connect h2 { margin:0 0 8px; }
.ml-connect p { margin:0 0 5px; }
.ml-connect small { color:var(--muted); }
.status-dot { display:inline-block; width:11px; height:11px; border-radius:50%; background:#ef4444; margin-right:7px; }
.status-dot.ok { background:#16a34a; }
.connect-button, .secondary, .disabled-button { display:inline-block; border:0; border-radius:11px; padding:12px 16px; font-weight:800; white-space:nowrap; }
.connect-button { background:var(--blue); color:#fff; }
.secondary { background:#e5e7eb; color:var(--ink); cursor:pointer; }
.disabled-button { background:#e5e7eb; color:#64748b; }
@media(max-width:420px) { .ml-connect { align-items:flex-start; flex-direction:column; } }