body { margin: 0; font: 15px/1.45 system-ui, sans-serif; color: #1c2430; background: #f4f6f8; }
.teste { background: #b45309; color: #fff; text-align: center; padding: 4px; font-size: 13px; }
header { background: #1f3a5f; color: #fff; padding: 10px 24px; display: flex; gap: 24px; align-items: center; }
nav { display: flex; gap: 18px; align-items: center; flex: 1; }
nav a { color: #fff; }
nav form { margin-left: auto; display: flex; gap: 10px; align-items: center; }
main { max-width: 1100px; margin: 0 auto; padding: 8px 24px 48px; }
h1 { font-size: 22px; } h2 { font-size: 17px; margin-top: 28px; }
table { border-collapse: collapse; width: 100%; background: #fff; }
th, td { border: 1px solid #d5dbe1; padding: 6px 9px; text-align: left; vertical-align: top; }
th { background: #e9edf1; }
form label { display: block; margin: 12px 0; max-width: 520px; }
input, select { display: block; width: 100%; padding: 7px; box-sizing: border-box; font: inherit; }
button, .botao { background: #1f3a5f; color: #fff; border: 0; padding: 8px 14px; font: inherit; cursor: pointer;
  text-decoration: none; display: inline-block; border-radius: 3px; }
nav button { background: #3d5a80; }
form.linha { display: flex; gap: 12px; align-items: center; margin: 8px 0; }
small { color: #5b6673; display: block; }
.erro { color: #b42318; } .ok { color: #1a7f37; }
.aviso { background: #fdecea; border: 1px solid #f0b4ad; color: #8a1c13; padding: 10px 12px; margin: 12px 0; }
.msg { background: #e6f0fa; border: 1px solid #b6d0ea; padding: 8px 12px; }