/* =============================================================
   Sistema de Coleta de Dados Epidemiológicos
   Tema minimalista: apenas PRETO e BRANCO, sem gradientes.
   ============================================================= */

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f3ecdd; /* bege suave, confortável para os olhos */
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

/* ---------- Navbar ---------- */
.navbar-saude {
    background-color: #f3ecdd;
    border-bottom: 1px solid #000;
}
.navbar-saude .navbar-brand,
.navbar-saude .nav-link {
    color: #000;
}
.navbar-saude .nav-link.disabled {
    color: #666;
}
.navbar-saude .nav-link:hover,
.navbar-saude .nav-link.active {
    text-decoration: underline;
}

/* ---------- Cabeçalho de página ---------- */
.page-header {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 0;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    box-shadow: none;
}
.page-header h1 {
    font-size: 1.4rem;
    margin: 0;
    font-weight: 700;
}
.page-header p {
    margin: .35rem 0 0;
    color: #333;
}

/* ---------- Cartões ---------- */
.card {
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
}
.card-header,
.card-header.bg-azul,
.card-header.bg-verde {
    border-radius: 0 !important;
    font-weight: 700;
    background-color: #fff !important;
    color: #000 !important;
    border-bottom: 2px solid #000;
}

/* ---------- Formulário ---------- */
.form-label {
    font-weight: 700;
    color: #000;
}
.required::after {
    content: " *";
}
.form-control,
.form-select {
    border-radius: 0;
    border-color: #000;
}
.form-control:focus,
.form-select:focus {
    border-color: #000;
    box-shadow: none;
}

/* Bloco de campos dinâmicos (status positiva) */
#camposPositiva {
    border: 1px solid #000;
    background: #e9e0cd;
    border-radius: 0;
    padding: 1rem 1.25rem;
    margin-top: .5rem;
}
#camposPositiva h6 {
    color: #000 !important;
}

/* ---------- Botões ---------- */
.btn {
    border-radius: 0;
}
.btn-saude,
.btn-success,
.btn-danger,
.btn-primary {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    font-weight: 700;
}
.btn-saude:hover,
.btn-success:hover,
.btn-danger:hover,
.btn-primary:hover {
    background-color: #000;
    color: #fff;
}
.btn-outline-primary,
.btn-outline-secondary {
    color: #000;
    border-color: #000;
    background-color: #fff;
}
.btn-outline-primary:hover,
.btn-outline-secondary:hover {
    background-color: #000;
    color: #fff;
}

/* ---------- Tabela ---------- */
.table thead th {
    background-color: #fff;
    color: #000;
    border-bottom: 2px solid #000;
    white-space: nowrap;
    vertical-align: middle;
}
.table tbody tr:hover {
    background-color: #f5f5f5;
}

/* ---------- Badges de status ---------- */
.badge-positiva {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}
.badge-negativa {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

/* ---------- Cartões de estatística (admin) ---------- */
.stat-card,
.stat-azul,
.stat-verde,
.stat-vermelho {
    border: 1px solid #000;
    border-radius: 0;
    background: #fff;
    color: #000;
    padding: 1rem 1.25rem;
}
.stat-card .stat-num { font-size: 1.8rem; font-weight: 700; line-height: 1; }
.stat-card .stat-lbl { color: #333; font-size: .85rem; }

/* ---------- Alertas (preto e branco) ---------- */
.alert {
    border-radius: 0;
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
}

/* ---------- Utilitários de cor sobrescritos ---------- */
.text-success,
.text-danger { color: #000 !important; }

/* ---------- Footer ---------- */
.footer-saude {
    background-color: #f3ecdd;
    border-top: 1px solid #000;
    color: #000;
}

/* ---------- Responsividade ---------- */
@media (max-width: 576px) {
    .page-header h1 { font-size: 1.2rem; }
    .stat-card .stat-num { font-size: 1.5rem; }
}