/* Visual comum do portal Transportadora e de todos os módulos. */
:root {
  --mel: #F2B830; --mel-escuro: #c98f0a; --tinta: #1b1a17; --papel: #fbf8f1;
  --cartao: #ffffff; --linha: #e4ddcc; --suave: #6f6a5e;
  --ok: #2f7d4f; --corr: #2c6cb0; --rev: #b3541e; --fundo: #f3efe4;
  --mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --tinta: #f1ece0; --papel: #1f1d19; --cartao: #282620; --linha: #3d3a31;
    --suave: #a8a293; --fundo: #171612; --ok: #6cc38f; --corr: #7fb1e8; --rev: #eb8f5c;
  }
}
*, *::before, *::after { box-sizing: inherit; }
html { height: 100%; }
body {
  margin: 0; min-height: 100%; background: var(--fundo); color: var(--tinta);
  font: 16px/1.5 "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
}
main { max-width: 920px; margin: 0 auto; padding: 32px 20px 64px; }
a { color: inherit; }

.topo { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; }
.topo img { width: 44px; height: 44px; flex: none; }
.topo h1 { font-size: 1.55rem; margin: 0; letter-spacing: -0.01em; }
.topo p { margin: 2px 0 0; color: var(--suave); font-size: .95rem; }
.topo .direita { margin-left: auto; font-size: .9rem; color: var(--suave); text-decoration: none; }
.topo .direita:hover { color: var(--tinta); }
.voltar { display: inline-block; margin-bottom: 14px; font-size: .9rem; color: var(--suave);
  text-decoration: none; }
.voltar:hover { color: var(--tinta); }

button, .botao {
  font: inherit; font-weight: 600; border: 0; border-radius: 6px; padding: 10px 18px;
  cursor: pointer; text-decoration: none; display: inline-block;
}
.primario { background: var(--mel); color: #111; }
.secundario { background: transparent; color: var(--tinta); border: 1.5px solid var(--linha); }
input[type=password], input[type=text] {
  font: inherit; padding: 10px 12px; border: 1.5px solid var(--linha); border-radius: 6px;
  background: var(--cartao); color: var(--tinta);
}
.erro { color: var(--rev); font-weight: 600; }