resolvido os conflitos de merge nos arquivos

src/pages/DoctorTable.jsx

@@ -10,10 +10,9 @@ function TableDoctor() {
   const [medicos, setMedicos] = useState([]);
   const [search, setSearch] = useState("");
   const [filtroEspecialidade, setFiltroEspecialidade] = useState("Todos");
-  // REMOVIDO: const [filtroVIP, setFiltroVIP] = useState(false);
   const [filtroAniversariante, setFiltroAniversariante] = useState(false);
 
-  // Estados para filtros avançados
+
   const [showFiltrosAvancados, setShowFiltrosAvancados] = useState(false);
   const [filtroCidade, setFiltroCidade] = useState("");
   const [filtroEstado, setFiltroEstado] = useState("");
@@ -22,11 +21,24 @@ function TableDoctor() {
   const [dataInicial, setDataInicial] = useState("");
   const [dataFinal, setDataFinal] = useState("");
 
-  // estados do modal
+
   const [showDeleteModal, setShowDeleteModal] = useState(false);
   const [selectedDoctorId, setSelectedDoctorId] = useState(null);
 
-  // Função para excluir médicos
+  const limparFiltros = () => {
+    setSearch("");
+    setFiltroEspecialidade("Todos");
+    setFiltroAniversariante(false);
+    setShowFiltrosAvancados(false);
+    setFiltroCidade("");
+    setFiltroEstado("");
+    setIdadeMinima("");
+    setIdadeMaxima("");
+    setDataInicial("");
+    setDataFinal("");
+  };
+
+
   const deleteDoctor = async (id) => {
     const authHeader = getAuthorizationHeader()
     console.log(id, 'teu id')
@@ -51,7 +63,7 @@ function TableDoctor() {
     }
   };
 
-  // Função para verificar se hoje é aniversário
+
   const ehAniversariante = (dataNascimento) => {
     if (!dataNascimento) return false;
     const hoje = new Date();
@@ -63,7 +75,7 @@ function TableDoctor() {
     );
   };
 
-  // Função para calcular idade a partir da data de nascimento
+
   const calcularIdade = (dataNascimento) => {
     if (!dataNascimento) return 0;
     const hoje = new Date();
@@ -77,30 +89,6 @@ function TableDoctor() {
     return idade;
   };
 
-<<<<<<< HEAD
-  // Função para limpar todos os filtros
-  const limparFiltros = () => {
-    setSearch("");
-    setFiltroEspecialidade("Todos");
-    // REMOVIDO: setFiltroVIP(false);
-    setFiltroAniversariante(false);
-    setShowFiltrosAvancados(false); // Adicionado para fechar os avançados
-    setFiltroCidade("");
-    setFiltroEstado("");
-    setIdadeMinima("");
-    setIdadeMaxima("");
-    setDataInicial("");
-    setDataFinal("");
-  };
-=======
-  fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/doctors", requestOptions)
-    .then(response => response.json())
-    .then(result => {setMedicos(result); console.log(result)})
-    .catch(error => console.log('error', error));
-  }, []);
->>>>>>> main
-
-  // Buscar médicos da API
   useEffect(() => {
     const authHeader = getAuthorizationHeader()
     console.log(authHeader, 'aqui autorização')
@@ -120,53 +108,44 @@ function TableDoctor() {
       .catch(error => console.log('error', error));
   }, [isAuthenticated, getAuthorizationHeader]);
 
-  // ✨ FILTRO CORRIGIDO - Baseado na estrutura real dos dados
+
   const medicosFiltrados = Array.isArray(medicos) ? medicos.filter((medico) => {
-    // Filtro por nome OU CPF - usando campos reais da API
     const buscaNome = medico.full_name?.toLowerCase().includes(search.toLowerCase());
     const buscaCPF = medico.cpf?.toLowerCase().includes(search.toLowerCase());
     const buscaEmail = medico.email?.toLowerCase().includes(search.toLowerCase());
     const passaBusca = search === "" || buscaNome || buscaCPF || buscaEmail;
 
-    // Filtro por especialidade - ajustando para campo real
+
     const passaEspecialidade = filtroEspecialidade === "Todos" || medico.specialty === filtroEspecialidade;
 
-    // REMOVIDO: Filtro VIP - Não é mais utilizado
-    // const passaVIP = filtroVIP ? medico.vip === true : true; 
-
-    // Filtro aniversariante
     const passaAniversario = filtroAniversariante
       ? ehAniversariante(medico.birth_date)
       : true;
 
-    // Filtros avançados - ajustando para campos reais
     const passaCidade = filtroCidade ?
       medico.city?.toLowerCase().includes(filtroCidade.toLowerCase()) : true;
 
     const passaEstado = filtroEstado ?
       medico.state?.toLowerCase().includes(filtroEstado.toLowerCase()) : true;
 
-    // Filtro por idade - usando birth_date
     const idade = calcularIdade(medico.birth_date);
     const passaIdadeMinima = idadeMinima ? idade >= parseInt(idadeMinima) : true;
     const passaIdadeMaxima = idadeMaxima ? idade <= parseInt(idadeMaxima) : true;
 
-    // Filtro por data de cadastro - usando created_at ou similar
+
     const passaDataInicial = dataInicial ?
       medico.created_at && new Date(medico.created_at) >= new Date(dataInicial) : true;
 
     const passaDataFinal = dataFinal ?
       medico.created_at && new Date(medico.created_at) <= new Date(dataFinal) : true;
 
-    // Combinação de todos os filtros (passaVIP removido)
+
     const resultado = passaBusca && passaEspecialidade && passaAniversario &&
       passaCidade && passaEstado && passaIdadeMinima && passaIdadeMaxima &&
       passaDataInicial && passaDataFinal;
 
     return resultado;
   }) : [];
-
-  // Contador de médicos filtrados
   useEffect(() => {
     console.log(` Médicos totais: ${medicos.length}, Filtrados: ${medicosFiltrados.length}`);
   }, [medicos, medicosFiltrados, search]);
@@ -190,14 +169,13 @@ function TableDoctor() {
               </div>
 
               <div className="card-body">
-                {/* Seção de Filtros */}
+
                 <div className="card p-3 mb-3 table-doctor-filters">
                   <h5 className="mb-3">
                     <i className="bi bi-funnel-fill me-2 text-primary"></i>{" "}
                     Filtros
                   </h5>
 
-                  {/* Busca por nome OU CPF ou email */}
                   <div className="mb-3">
                     <input
                       type="text"
@@ -211,7 +189,7 @@ function TableDoctor() {
                     </small>
                   </div>
 
-                  {/* Filtros Básicos - LADO A LADO */}
+
                   <div className="filtros-basicos">
                     <select
                       className="form-select filter-especialidade"
@@ -235,14 +213,6 @@ function TableDoctor() {
                     </select>
 
                     <div className="filter-buttons-container">
-                      {/* REMOVIDO: Botão VIP
-                      <button
-                        className={`btn filter-btn ${filtroVIP ? "btn-primary" : "btn-outline-primary"
-                          }`}
-                        onClick={() => setFiltroVIP(!filtroVIP)}
-                      >
-                        <i className="bi bi-award me-1"></i> VIP
-                      </button> */}
 
                       <button
                         className={`btn filter-btn ${filtroAniversariante
@@ -256,8 +226,7 @@ function TableDoctor() {
                     </div>
                   </div>
 
-                  {/* Botão para mostrar/ocultar filtros avançados */}
+                  <div className="d-flex justify-content-between align-items-center mt-3">
-                  <div className="d-flex justify-content-between align-items-center mt-3"> {/* Adicionado mt-3 para separar do anterior */}
                     <button
                       className="btn btn-link p-0 text-decoration-none"
                       onClick={() => setShowFiltrosAvancados(!showFiltrosAvancados)}
@@ -274,13 +243,13 @@ function TableDoctor() {
                     </button>
                   </div>
 
-                  {/* Filtros Avançados */}
+
                   {showFiltrosAvancados && (
                     <div className="mt-3 p-3 border rounded advanced-filters">
                       <h6 className="mb-3">Filtros Avançados</h6>
 
                       <div className="row g-3">
-                        {/* Localização */}
+
                         <div className="col-md-6">
                           <label className="form-label fw-bold">Cidade</label>
                           <input
@@ -302,7 +271,6 @@ function TableDoctor() {
                           />
                         </div>
 
-                        {/* Intervalo de Idade */}
                         <div className="col-md-6">
                           <label className="form-label fw-bold">Idade mínima</label>
                           <input
@@ -352,7 +320,7 @@ function TableDoctor() {
                   )}
                 </div>
 
-                {/* Informações dos filtros ativos */}
+
                 {(search || filtroEspecialidade !== "Todos" || filtroAniversariante || // filtroVIP removido
                   filtroCidade || filtroEstado || idadeMinima || idadeMaxima || dataInicial || dataFinal) && (
                     <div className="alert alert-info mb-3 filters-active">
@@ -360,7 +328,7 @@ function TableDoctor() {
                       <div className="mt-1">
                         {search && <span className="badge bg-primary me-2">Busca: "{search}"</span>}
                         {filtroEspecialidade !== "Todos" && <span className="badge bg-primary me-2">Especialidade: {filtroEspecialidade}</span>}
-                        {/* REMOVIDO: {filtroVIP && <span className="badge bg-primary me-2">VIP</span>} */}
+
                         {filtroAniversariante && <span className="badge bg-primary me-2">Aniversariantes</span>}
                         {filtroCidade && <span className="badge bg-primary me-2">Cidade: {filtroCidade}</span>}
                         {filtroEstado && <span className="badge bg-primary me-2">Estado: {filtroEstado}</span>}
@@ -372,14 +340,14 @@ function TableDoctor() {
                     </div>
                   )}
 
-                {/* Contador de resultados */}
+
                 <div className="mb-3">
                   <span className="badge results-badge">
                     {medicosFiltrados.length} de {medicos.length} médicos encontrados
                   </span>
                 </div>
 
-                {/* Tabela de Médicos */}
+
                 <div className="table-responsive">
                   <table className="table table-striped table-hover table-doctor-table">
                     <thead>
@@ -403,12 +371,7 @@ function TableDoctor() {
                                     <i className="bi bi-gift"></i>
                                   </span>
                                 )}
-                                {/* REMOVIDO: Badge VIP
+
-                                {medico.vip && (
-                                  <span className="badge vip-badge ms-2" title="Médico VIP">
-                                    VIP
-                                  </span>
-                                )} */}
                               </div>
                             </td>
                             <td>{medico.cpf}</td>
@@ -461,7 +424,6 @@ function TableDoctor() {
         </section>
       </div>
 
-      {/* Modal de confirmação */}
       {showDeleteModal && (
         <div
           className="modal fade show delete-modal"

src/pages/PatientCadastroManager.jsx

@@ -155,11 +155,7 @@ function PatientCadastroManager({ setCurrentPage }) {
         message: 'O cadastro do paciente foi realizado com sucesso.'
       });
       setShowModal(true);
-<<<<<<< HEAD
 
-=======
-      
->>>>>>> main
       setTimeout(() => {
         setShowModal(false);
         navigate('/secretaria/pacientes');

src/pages/TablePaciente.jsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
 import { Link } from "react-router-dom";
 import API_KEY from "../components/utils/apiKeys";
 import { useAuth } from "../components/utils/AuthProvider";
-import "./style/TablePaciente.css"; // Import do CSS
+import "./style/TablePaciente.css"; 
 
 function TablePaciente({ setCurrentPage, setPatientID }) {
 
@@ -13,8 +13,6 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
   const [filtroConvenio, setFiltroConvenio] = useState("Todos");
   const [filtroVIP, setFiltroVIP] = useState(false);
   const [filtroAniversariante, setFiltroAniversariante] = useState(false);
-
-  // Estados para filtros avançados
   const [showFiltrosAvancados, setShowFiltrosAvancados] = useState(false);
   const [filtroCidade, setFiltroCidade] = useState("");
   const [filtroEstado, setFiltroEstado] = useState("");
@@ -23,7 +21,6 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
   const [dataInicial, setDataInicial] = useState("");
   const [dataFinal, setDataFinal] = useState("");
 
-  // estados do modal
   const [showDeleteModal, setShowDeleteModal] = useState(false);
   const [selectedPatientId, setSelectedPatientId] = useState(null);
 
@@ -77,7 +74,6 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
     }
   };
 
-  // função de exclusão atualizada
   const deletePatient = async (id) => {
 
     const authHeader = getAuthorizationHeader()
@@ -103,16 +99,11 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
     }
   };
 
-  // Requisição inicial para buscar pacientes
   useEffect(() => {
 
     const authHeader = getAuthorizationHeader()
 
-<<<<<<< HEAD
     console.log(authHeader, 'aqui autorização')
-=======
-      console.log(authHeader)
->>>>>>> main
 
     var myHeaders = new Headers();
     myHeaders.append("apikey", API_KEY);
@@ -123,20 +114,12 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
       redirect: 'follow'
     };
 
-<<<<<<< HEAD
     fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/patients", requestOptions)
       .then(response => response.json())
       .then(result => setPacientes(result))
       .catch(error => console.log('error', error));
-=======
-  fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/patients", requestOptions)
-    .then(response => response.json())
-    .then(result => {setPacientes(result); console.log(result)})
-    .catch(error => console.log('error', error));
->>>>>>> main
   }, [isAuthenticated, getAuthorizationHeader]);
 
-  // Função para verificar se hoje é aniversário do paciente
   const ehAniversariante = (dataNascimento) => {
     if (!dataNascimento) return false;
     const hoje = new Date();
@@ -148,7 +131,6 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
     );
   };
 
-  // Função para calcular idade a partir da data de nascimento
   const calcularIdade = (dataNascimento) => {
     if (!dataNascimento) return 0;
     const hoje = new Date();
@@ -162,7 +144,6 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
     return idade;
   };
 
-  // Função para limpar todos os filtros
   const limparFiltros = () => {
     setSearch("");
     setFiltroConvenio("Todos");
@@ -176,42 +157,40 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
     setDataFinal("");
   };
 
-  //  FILTRO CORRIGIDO - Baseado na estrutura real dos dados
   const pacientesFiltrados = Array.isArray(pacientes) ? pacientes.filter((paciente) => {
-    // Filtro por nome OU CPF - usando campos reais da API
+   
     const buscaNome = paciente.full_name?.toLowerCase().includes(search.toLowerCase());
     const buscaCPF = paciente.cpf?.toLowerCase().includes(search.toLowerCase());
     const passaBusca = search === "" || buscaNome || buscaCPF;
 
-    // Filtro por convênio - ajustando para campo real
+
     const passaConvenio = filtroConvenio === "Todos" || paciente.insurance_plan === filtroConvenio;
 
-    // Outros filtros
     const passaVIP = filtroVIP ? paciente.vip === true : true;
     const passaAniversario = filtroAniversariante
       ? ehAniversariante(paciente.birth_date)
       : true;
 
-    // Filtros avançados - ajustando para campos reais
+  
     const passaCidade = filtroCidade ?
       paciente.city?.toLowerCase().includes(filtroCidade.toLowerCase()) : true;
 
     const passaEstado = filtroEstado ?
       paciente.state?.toLowerCase().includes(filtroEstado.toLowerCase()) : true;
 
-    // Filtro por idade - usando birth_date
+   
     const idade = calcularIdade(paciente.birth_date);
     const passaIdadeMinima = idadeMinima ? idade >= parseInt(idadeMinima) : true;
     const passaIdadeMaxima = idadeMaxima ? idade <= parseInt(idadeMaxima) : true;
 
-    // Filtro por data do último atendimento - usando last_appointment
+ 
     const passaDataInicial = dataInicial ?
       paciente.last_appointment && new Date(paciente.last_appointment) >= new Date(dataInicial) : true;
 
     const passaDataFinal = dataFinal ?
       paciente.last_appointment && new Date(paciente.last_appointment) <= new Date(dataFinal) : true;
 
-    // Combinação: (Nome OU CPF) E Convênio E outros filtros
+
     const resultado = passaBusca && passaConvenio && passaVIP && passaAniversario &&
       passaCidade && passaEstado && passaIdadeMinima && passaIdadeMaxima &&
       passaDataInicial && passaDataFinal;
@@ -219,9 +198,8 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
     return resultado;
   }) : [];
 
-  // Contador de pacientes filtrados
   useEffect(() => {
-    console.log(`📈 Pacientes totais: ${pacientes.length}, Filtrados: ${pacientesFiltrados.length}`);
+    console.log(` Pacientes totais: ${pacientes.length}, Filtrados: ${pacientesFiltrados.length}`);
   }, [pacientes, pacientesFiltrados, search]);
 
   return (
@@ -243,14 +221,12 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
               </div>
 
               <div className="card-body">
-                {/* Seção de Filtros */}
                 <div className="card p-3 mb-3 table-paciente-filters">
                   <h5 className="mb-3">
                     <i className="bi bi-funnel-fill me-2 text-primary"></i>{" "}
                     Filtros
                   </h5>
 
-                  {/* Busca por nome ou CPF */}
                   <div className="mb-3">
                     <input
                       type="text"
@@ -264,13 +240,12 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
                     </small>
                   </div>
 
-                  {/* Filtros Básicos */}
                   <div className="d-flex flex-wrap align-items-center gap-2 mb-3">
                     <select
                       className="form-select compact-select"
                       value={filtroConvenio}
                       onChange={(e) => setFiltroConvenio(e.target.value)}
-                      style={{ minWidth: "150px", maxWidth: "200px" }} // Diminuído
+                      style={{ minWidth: "150px", maxWidth: "200px" }} 
                     >
                       <option value="Todos">Todos os Convênios</option>
                       <option value="Bradesco Saúde">Bradesco Saúde</option>
@@ -279,24 +254,22 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
                     </select>
 
                     <button
-                      className={`btn btn-sm ${filtroVIP ? "btn-primary" : "btn-outline-primary"}`} // Adicionado btn-sm
+                      className={`btn btn-sm ${filtroVIP ? "btn-primary" : "btn-outline-primary"}`} 
-                      onClick={() => setFiltroVIP(!filtroVIP)}
+                      style={{ padding: "0.25rem 0.5rem" }} 
-                      style={{ padding: "0.25rem 0.5rem" }} // Padding reduzido
                     >
                       <i className="bi bi-award me-1"></i> VIP
                     </button>
 
                     <button
                       className={`btn btn-sm ${filtroAniversariante ? "btn-primary" : "btn-outline-primary"
-                        }`} // Adicionado btn-sm
+                        }`}
                       onClick={() => setFiltroAniversariante(!filtroAniversariante)}
-                      style={{ padding: "0.25rem 0.5rem" }} // Padding reduzido
+                      style={{ padding: "0.25rem 0.5rem" }} 
                     >
                       <i className="bi bi-calendar me-1"></i> Aniversariantes
                     </button>
                   </div>
 
-                  {/* Botão para mostrar/ocultar filtros avançados */}
                   <div className="d-flex justify-content-between align-items-center">
                     <button
                       className="btn btn-link p-0 text-decoration-none"
@@ -314,13 +287,11 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
                     </button>
                   </div>
 
-                  {/* Filtros Avançados */}
                   {showFiltrosAvancados && (
                     <div className="mt-3 p-3 border rounded advanced-filters">
                       <h6 className="mb-3">Filtros Avançados</h6>
 
                       <div className="row g-3">
-                        {/* Localização */}
                         <div className="col-md-6">
                           <label className="form-label fw-bold">Cidade</label>
                           <input
@@ -342,7 +313,6 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
                           />
                         </div>
 
-                        {/* Intervalo de Idade */}
                         <div className="col-md-6">
                           <label className="form-label fw-bold">Idade mínima</label>
                           <input
@@ -368,7 +338,6 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
                           />
                         </div>
 
-                        {/* Data do Último Atendimento */}
                         <div className="col-md-6">
                           <label className="form-label fw-bold">Data inicial</label>
                           <input
@@ -392,7 +361,6 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
                   )}
                 </div>
 
-                {/* Informações dos filtros ativos */}
                 {(search || filtroConvenio !== "Todos" || filtroVIP || filtroAniversariante ||
                   filtroCidade || filtroEstado || idadeMinima || idadeMaxima || dataInicial || dataFinal) && (
                     <div className="alert alert-info mb-3 filters-active">
@@ -412,14 +380,12 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
                     </div>
                   )}
 
-                {/* Contador de resultados */}
                 <div className="mb-3">
                   <span className="badge results-badge">
                     {pacientesFiltrados.length} de {pacientes.length} pacientes encontrados
                   </span>
                 </div>
 
-                {/* Tabela de Pacientes */}
                 <div className="table-responsive">
                   <table className="table table-striped table-hover table-paciente-table">
                     <thead>
@@ -502,7 +468,6 @@ function TablePaciente({ setCurrentPage, setPatientID }) {
         </section>
       </div>
 
-      {/* Modal de confirmação */}
       {showDeleteModal && (
         <div
           className="modal fade show delete-modal"

src/pages/style/TableDoctor.css

@@ -1,4 +1,4 @@
-/* TableDoctor.css */
+
 .table-doctor-container {
   line-height: 2.5;
 }
@@ -58,7 +58,7 @@
   font-weight: 500;
 }
 
-/* REMOVIDO: .vip-badge */
+
 
 .results-badge {
   background-color: #1e3a8a;
@@ -75,7 +75,7 @@
   font-size: 0.75em;
 }
 
-/* Botões de ação */
+
 .btn-view {
   background-color: #E6F2FF !important;
   color: #004085 !important;
@@ -115,7 +115,7 @@
   border-color: #ED969E;
 }
 
-/* Filtros avançados */
+
 .advanced-filters {
   border: 1px solid #dee2e6;
   border-radius: 0.375rem;
@@ -132,7 +132,7 @@
   font-size: 0.875rem;
 }
 
-/* Modal */
+
 .delete-modal .modal-header {
   background-color: rgba(220, 53, 69, 0.1);
   border-bottom: 1px solid rgba(220, 53, 69, 0.2);
@@ -143,7 +143,7 @@
   font-weight: 600;
 }
 
-/* Controles de tamanho para filtros */
+
 .filter-especialidade {
   min-width: 180px !important;
   max-width: 200px;
@@ -160,7 +160,7 @@
   padding: 0.375rem 0.75rem;
 }
 
-/* Ajustes específicos para os filtros básicos */
+
 .filtros-basicos {
   display: flex;
   flex-wrap: wrap;
@@ -168,7 +168,7 @@
   gap: 0.75rem;
 }
 
-/* Responsividade */
+
 @media (max-width: 768px) {
   .table-doctor-table {
     font-size: 0.875rem;
@@ -207,7 +207,7 @@
   }
 }
 
-/* Estados vazios */
+
 .empty-state {
   padding: 2rem;
   text-align: center;
@@ -219,13 +219,12 @@
   padding: 2rem !important;
 }
 
-/* Alertas de filtros ativos */
 .filters-active .badge {
   font-size: 0.75em;
   padding: 0.4em 0.65em;
 }
 
-/* Animações suaves */
+
 .table-doctor-table tbody tr {
   transition: background-color 0.15s ease-in-out;
 }

src/pages/style/TablePaciente.css

@@ -1,4 +1,4 @@
-/* TablePaciente.css */
+
 .table-paciente-container {
   line-height: 2.5;
 }
@@ -49,7 +49,7 @@
   background-color: rgba(0, 0, 0, 0.025);
 }
 
-/* Badges */
+
 .insurance-badge {
   background-color: #6c757d !important;
   color: white !important;
@@ -81,7 +81,7 @@
   font-size: 0.75em;
 }
 
-/* Botões de ação */
+
 .btn-view {
   background-color: #E6F2FF !important;
   color: #004085 !important;
@@ -121,7 +121,7 @@
   border-color: #ED969E;
 }
 
-/* Filtros avançados */
+
 .advanced-filters {
   border: 1px solid #dee2e6;
   border-radius: 0.375rem;
@@ -138,7 +138,6 @@
   font-size: 0.875rem;
 }
 
-/* Modal */
 .delete-modal .modal-header {
   background-color: rgba(220, 53, 69, 0.1);
   border-bottom: 1px solid rgba(220, 53, 69, 0.2);
@@ -149,7 +148,7 @@
   font-weight: 600;
 }
 
-/* Estados vazios */
+
 .empty-state {
   padding: 2rem;
   text-align: center;
@@ -161,13 +160,12 @@
   padding: 2rem !important;
 }
 
-/* Alertas de filtros ativos */
 .filters-active .badge {
   font-size: 0.75em;
   padding: 0.4em 0.65em;
 }
 
-/* Animações suaves */
+
 .table-paciente-table tbody tr {
   transition: background-color 0.15s ease-in-out;
 }
@@ -178,7 +176,7 @@
   transition: all 0.15s ease-in-out;
 }
 
-/* Responsividade */
+
 @media (max-width: 768px) {
   .table-paciente-table {
     font-size: 0.875rem;
@@ -214,7 +212,7 @@
   .patient-badges {
     margin-left: 0 !important;
   }
-}/* Estilos para componentes compactos */
+}
 .compact-select {
   font-size: 1.0rem;
   padding: 0.45rem 0.5rem;
@@ -224,13 +222,12 @@
   font-size: 0.875rem;
 }
 
-/* Ajuste adicional para os botões de filtro */
 .table-paciente-filters .btn-sm {
   font-size: 0.8rem;
   white-space: nowrap;
 }
 
-/* Garantir que os botões fiquem alinhados */
+
 .table-paciente-filters .d-flex {
   align-items: center;
   gap: 8px;