/* Bueno: azul-marinho nos fundos e destaques; estados financeiros preservados. */
.login-shell {
  background: radial-gradient(ellipse at 15% 8%, #224a78 0, transparent 52%),
    radial-gradient(ellipse at 90% 90%, #12365a 0, transparent 48%),
    linear-gradient(145deg, #102b4d 0%, #081a32 55%, #040c1b 100%);
}
.app-shell {
  background: radial-gradient(circle at 72% -12%, rgba(46, 88, 139, .12), transparent 34%),
    linear-gradient(180deg, #f4f7fc, #eaf0f8);
}
.sidebar {
  background: radial-gradient(circle at 50% 0%, rgba(68, 118, 176, .22), transparent 40%),
    linear-gradient(180deg, #15385f, #081a32 64%, #050e20);
  box-shadow: 0 22px 48px #07192e35;
}
.primary-button, .login-submit, .auth-switch button.active,
.hero-login-panel .auth-switch button.active,
.brand-mark, .brand-mark.small, .grid-tile.accent, .card-preview {
  background: linear-gradient(135deg, #244f80, #102d51 55%, #07182e);
  color: #fff;
  box-shadow: 0 12px 28px #102d5133;
}
.auth-switch { background: #edf2f9; border-color: #d8e2ef; }
.hero-login-panel .auth-switch button:not(.active) { color: #173b63; }
.hero-login-panel label, .hero-login-panel .eyebrow,
.hero-login-panel .login-copy { color: #29496c; }
.hero-login-panel .input-wrap { border-color: #d5dfeb; background: #f8fafd; }
.hero-login-panel .input-wrap svg { color: #335c88; }
.hero-login-panel .input-wrap:focus-within {
  border-color: #315f94; box-shadow: 0 0 0 3px #315f941a;
}