/* Shared button spinner — used by login.html and dashboard.html */
@keyframes btn-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.login-submit.is-loading,
.login-btn.is-loading { color: transparent !important; }

.login-submit.is-loading::after,
.login-btn.is-loading::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 16px; height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid rgba(255,255,255,0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: btn-spin 0.65s linear infinite;
}