/* assets/css/estilo.css - tema Igreja Batista Fogo e Avivamento */
* { box-sizing: border-box; }
body {
    font-family: Arial, Helvetica, sans-serif;
    background: #f4f3ef;
    margin: 0;
    color: #222;
}
.container {
    max-width: 1000px;
    margin: 30px auto;
    background: #fff;
    padding: 25px 30px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
h1 { color: #a8841a; margin-top: 0; }
table { width: 100%; border-collapse: collapse; margin-top: 15px; }
th, td { padding: 10px; border-bottom: 1px solid #e0e0e0; text-align: left; }
th { background: #1a1a1a; color: #d4af37; }
tr:hover { background: #fbf7ea; }
form label { display: block; margin-top: 12px; font-weight: bold; font-size: 0.9em; }
input, select { width: 100%; padding: 8px; margin-top: 4px; border: 1px solid #ccc; border-radius: 4px; }
fieldset { border: 1px solid #ddd; border-radius: 6px; margin-top: 15px; padding: 10px 15px; }
button, .btn-novo {
    background: #a8841a; color: #fff; border: none; padding: 10px 18px;
    border-radius: 5px; cursor: pointer; margin-top: 18px; text-decoration: none; display: inline-block;
}
button:hover, .btn-novo:hover { background: #8a6c14; }
.erro { color: #c0392b; font-weight: bold; }
.form-busca, .form-filtro { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.login-box { max-width: 360px; margin-top: 60px; text-align: center; }
.cartao-destaque { background: #1a1a1a; color: #d4af37; padding: 20px; border-radius: 8px; text-align: center; margin-bottom: 25px; }
.valor-grande { font-size: 2.2em; font-weight: bold; margin: 5px 0 0; color: #fff; }
.graficos { display: flex; gap: 30px; flex-wrap: wrap; }
.grafico-box { flex: 1; min-width: 300px; }
.logo-topo { display: block; margin: 0 auto 10px; height: 70px; }
.cabecalho-sistema { text-align: center; margin-bottom: 20px; }
.cabecalho-sistema h1 { font-size: 1.3em; margin: 5px 0 0; letter-spacing: 1px; }
.cabecalho-sistema p { margin: 0; color: #777; font-size: 0.85em; letter-spacing: 2px; }