/* Tino Financeiro — login preview only. Visual overrides; authentication untouched. */
:root {
  --login-ink: #183152;
  --login-muted: #687a93;
  --login-blue: #5d82e4;
  --login-gold: #c9962f;
  --login-paper: #f7f9fc;
}

html, body {
  background: var(--login-paper) !important;
  color: var(--login-ink) !important;
}

.page {
  background: var(--login-paper) !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr) !important;
}

.left {
  background: linear-gradient(145deg, #fbfcff, #eef4ff) !important;
}

.top .logo {
  max-height: 38px !important;
}

.back { color: #59708d !important; }

.loginbox { padding: 40px 0 34px !important; }

.ey {
  color: var(--login-gold) !important;
  letter-spacing: .12em !important;
}

.loginbox h1 { color: var(--login-ink) !important; }
.loginbox h1 span { color: var(--login-blue) !important; }
.sub { color: var(--login-muted) !important; }

.field label { color: #4f6582 !important; }

.field input {
  border-color: #d7e1ef !important;
  background: #fff !important;
  color: var(--login-ink) !important;
}

.field input:focus {
  border-color: var(--login-blue) !important;
  box-shadow: 0 0 0 4px rgba(93, 130, 228, .13) !important;
}

.show { color: #5f7290 !important; }
.forgot { color: #4a70b8 !important; }

.submit {
  background: var(--login-blue) !important;
  box-shadow: 0 14px 28px rgba(93, 130, 228, .22) !important;
  color: #fff !important;
}

.tino-accessmap a {
  color: #2e4767 !important;
  border-color: #d7e1ef !important;
  background: #fff !important;
}

.tino-accessmap .tam-on {
  border-color: #9fb9ec !important;
  background: #edf3ff !important;
  box-shadow: 0 0 0 3px rgba(93, 130, 228, .10) !important;
}

.products .product {
  background: #fff !important;
  border-color: #e1e8f2 !important;
}

.products .product:hover { border-color: #b8caf0 !important; }
.product .ic { background: #edf3ff !important; }
.note { color: #7889a0 !important; }

.right {
  background: linear-gradient(145deg, #eaf1ff, #f5f8fd) !important;
  color: var(--login-ink) !important;
  border-left: 1px solid #e2eaf5;
}

.pitch .k { color: var(--login-gold) !important; }
.pitch h2 { color: var(--login-ink) !important; }
.pitch p { color: #687a93 !important; }

.points .pt {
  background: rgba(255, 255, 255, .78) !important;
  border-color: #dce5f1 !important;
}

.pt b { color: #1f395d !important; }
.pt span { color: #71839b !important; }
.points .pt:before { background: var(--login-gold) !important; }

@media (max-width: 880px) {
  .left { background: linear-gradient(145deg, #fbfcff, #eef4ff) !important; }
  .page { background: var(--login-paper) !important; }
  .right { display: none; }
}