/* Sistema Tratorvel – visual básico: fundo branco, fonte Calibri, azul da marca. */
:root {
  --fundo: #ffffff;
  --texto: #1e2328;
  --suave: #5e6670;
  --borda: #e2e5e1;
  --marca: #034485;
  --marca-hover: #042f5e;
  --marca-suave: #e7eef7;
  --erro: #b42318;
  --erro-fundo: #fdecea;
  --ok: #1c6b3d;
  --ok-fundo: #eaf6ee;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font-family: Calibri, Carlito, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.45;
}

.pagina {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}

.cartao {
  width: 100%;
  max-width: 400px;
  text-align: center;
}

.logo {
  display: block;
  width: 220px;
  max-width: 70%;
  height: auto;
  margin: 0 auto 28px;
}

h1 {
  font-size: 1.45rem;
  font-weight: 700;
  margin: 0 0 6px;
}

.subtitulo {
  color: var(--suave);
  margin: 0 0 28px;
}

/* Botão "Entrar com Google" */
.btn-google {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  padding: 12px 18px;
  border: 1px solid #c9cec8;
  border-radius: 8px;
  background: #fff;
  color: var(--texto);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s, border-color .15s;
}
.btn-google:hover { background: #f5f6f4; border-color: #aab0a9; }
.btn-google:disabled { opacity: .6; cursor: wait; }
.btn-google svg { width: 20px; height: 20px; flex: none; }

.btn {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 8px;
  border: 1px solid var(--marca);
  background: var(--marca);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.btn:hover { background: var(--marca-hover); border-color: var(--marca-hover); }
.btn:disabled { opacity: .6; cursor: wait; }
.btn.secundario { background: #fff; color: var(--marca); }
.btn.secundario:hover { background: var(--marca-suave); }

.aviso {
  margin-top: 20px;
  padding: 14px 16px;
  border-radius: 8px;
  text-align: left;
}
.aviso.erro { background: var(--erro-fundo); color: var(--erro); }
.aviso.ok { background: var(--ok-fundo); color: var(--ok); }
.aviso p { margin: 0 0 6px; }
.aviso p:last-child { margin-bottom: 0; }

.rodape {
  margin-top: 36px;
  color: var(--suave);
  font-size: .85rem;
}

/* Tela provisória depois do login */
.dados {
  margin: 20px 0 24px;
  padding: 0;
  list-style: none;
  text-align: left;
  border: 1px solid var(--borda);
  border-radius: 10px;
}
.dados li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--borda);
}
.dados li:last-child { border-bottom: 0; }
.dados .rotulo { color: var(--suave); }
.dados .valor { font-weight: 700; text-align: right; word-break: break-word; }

.acoes { display: flex; flex-direction: column; gap: 10px; }

.escondido { display: none !important; }