/* Shared login card (renderLoginCard, cosmos-net.js) — app overlay styling.
   login.html carries its own copy of these rules; keep the two in visual sync. */
.cosmos-login-card { display: flex; flex-direction: column; gap: 12px; }
.clc-title { font-size: 18px; font-weight: 600; color: #e6e9f0; }
.clc-sub { font-size: 13px; color: #8a93a6; }
.clc-user, .clc-pw {
  width: 100%; padding: 12px 14px; font-size: 15px;
  background: #0b0e14; color: #e6e9f0;
  border: 1px solid #2a3245; border-radius: 8px;
}
.clc-user:focus, .clc-pw:focus { outline: none; border-color: #4c8dff; }
.clc-go {
  width: 100%; padding: 12px; font-size: 15px; font-weight: 600;
  background: #2f6fed; color: #fff; border: none; border-radius: 8px; cursor: pointer;
}
.clc-go:hover { background: #2860cf; }
.clc-go:disabled { opacity: 0.6; cursor: wait; }
.clc-msg { font-size: 13px; display: none; }