:root { --preto: #141414; --dourado: #D4AF37; --fundo: #f2f1ee; --borda: #dcdcdc; --suave: #5a5a5a; --vermelho: #b23b3b; --verde: #3b7a4e; }
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif; background: var(--fundo); color: var(--preto); }
.topo-seg { background: var(--preto); color: var(--dourado); padding: 14px 16px; font-weight: 700; letter-spacing: .04em; }
.topo-seg span { color: #fff; font-weight: 400; }
main { max-width: 1100px; margin: 0 auto; padding: 16px; }
section { background: #fff; border: 1px solid var(--borda); border-top: 3px solid var(--dourado); border-radius: 8px; padding: 14px 16px; margin-bottom: 16px; overflow-x: auto; }
h2 { font-size: 1.05rem; margin: 0 0 .6em; }
.suave { color: var(--suave); font-size: .86rem; line-height: 1.5; }
table { width: 100%; border-collapse: collapse; font-size: .85rem; }
th { text-align: left; color: var(--suave); font-weight: 600; border-bottom: 2px solid var(--borda); padding: 6px; white-space: nowrap; }
td { border-bottom: 1px solid #eee; padding: 6px; vertical-align: top; }
button { font: inherit; font-size: .8rem; padding: 4px 10px; border-radius: 5px; border: 1px solid var(--borda); background: #eeece7; cursor: pointer; }
button.perigo { border-color: var(--vermelho); color: var(--vermelho); background: #fff; }
button:hover { border-color: var(--preto); }
.cartoes { display: flex; flex-wrap: wrap; gap: 10px; }
.cartao { flex: 1 1 200px; border: 1px solid var(--borda); border-radius: 6px; padding: 10px; font-size: .88rem; }
.cartao strong { display: block; font-size: 1rem; margin-bottom: 2px; }
.ok { color: var(--verde); }
.ruim { color: var(--vermelho); }
.filtros { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-bottom: 10px; font-size: .86rem; }
.alerta { background: #fbeaea; border: 1px solid var(--vermelho); color: var(--vermelho); padding: 10px; border-radius: 6px; margin-bottom: 12px; }
tr.alerta-linha td:nth-child(2) { color: var(--vermelho); font-weight: 600; }