/* ════════════════════════════════════════════════════════════════
   Tela de login (HANDOFF › 1. Login). Overlay full-screen sobre o
   shell. Mecanismo de auth = v1; aqui é só o visual do redesign.
   Zero cor hardcoded — tudo por token; respeita claro/escuro.
   ════════════════════════════════════════════════════════════════ */
.ic-login {
  position: fixed; inset: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: center;
  padding: 24px; background: var(--ic-color-bg);
  animation: var(--ic-anim-fadeUp);
}
.ic-login-inner { width: min(400px, 100%); display: flex; flex-direction: column; align-items: center; }

/* Logo: ponto + anel, wordmark, subtítulo */
.ic-login-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.ic-login-dot {
  width: 11px; height: 11px; border-radius: 50%;
  background: var(--ic-color-brand);
  box-shadow: 0 0 0 5px var(--ic-color-tint);
}
.ic-login-word { font-size: 24px; font-weight: var(--ic-font-weight-semibold); color: var(--ic-color-ink); letter-spacing: -0.01em; }
.ic-login-word em { color: var(--ic-color-emerald); font-style: normal; }
.ic-login-sub { font-size: var(--ic-font-size-sm); color: var(--ic-color-muted); margin-bottom: 28px; text-align: center; }

/* Cartão */
.ic-login-card {
  width: 100%; padding: 28px;
  background: var(--ic-color-card); border: 1px solid var(--ic-color-border);
  border-radius: var(--ic-radius-card); box-shadow: var(--ic-shadow-login);
}
.ic-login-field { margin-bottom: 16px; }
.ic-login-label {
  display: block; margin-bottom: 6px;
  font-size: var(--ic-font-size-caption); font-weight: var(--ic-font-weight-semibold);
  text-transform: uppercase; letter-spacing: var(--ic-tracking-tight); color: var(--ic-color-muted);
}
.ic-login-input {
  width: 100%; padding: 13px 14px;
  border: 1.5px solid var(--ic-color-border); border-radius: var(--ic-radius-input);
  background: var(--ic-color-bg); color: var(--ic-color-ink);
  font-family: inherit; font-size: var(--ic-font-size-input);
}
.ic-login-input::placeholder { color: var(--ic-color-axis); }
.ic-login-input:focus { outline: none; border-color: var(--ic-color-emerald); }

.ic-login-error {
  min-height: 18px; margin-bottom: 12px; text-align: center;
  font-size: var(--ic-font-size-caption); color: var(--ic-color-red);
}
.ic-login-btn {
  width: 100%; padding: 15px; cursor: pointer;
  border: none; border-radius: var(--ic-radius-input);
  background: var(--ic-color-brand); color: var(--ic-color-on-brand);
  font-family: inherit; font-size: 14.5px; font-weight: var(--ic-font-weight-semibold);
}
.ic-login-btn:hover { filter: brightness(1.06); }
.ic-login-btn:disabled { background: var(--ic-color-disabled); cursor: default; filter: none; }

.ic-login-adv-wrap { text-align: center; margin-top: 16px; }
.ic-login-adv {
  background: none; border: none; cursor: pointer; padding: 4px;
  font-family: inherit; font-size: var(--ic-font-size-caption-lg);
  color: var(--ic-color-muted); text-decoration: underline;
}

/* Modal de URL do Worker (reusa .ic-mm-* / .ic-dm-foot / .ic-btn). */
.ic-adv-note { font-size: var(--ic-font-size-caption); color: var(--ic-color-body); line-height: 1.5; margin-bottom: 4px; }