/* C2 — Sign-in box attention state (pairs with signin-visible.js). */
.tac-signin-attention {
  outline: 3px solid #c8102e;
  outline-offset: 4px;
  border-radius: 10px;
  animation: tac-signin-pulse 0.65s ease-in-out 4;
}

@keyframes tac-signin-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(200, 16, 46, 0.0); }
  50%      { box-shadow: 0 0 0 10px rgba(200, 16, 46, 0.18); }
}

/* The sign-in box must never render as a sliver: give it a real, readable size. */
#tac-signin, .tac-signin, #login-box, .login-box {
  max-width: 420px;
  width: calc(100vw - 32px);
  margin-inline: auto;
  padding: 20px;
  background: #ffffff;
  color: #14213d;
}