consertando algumas coisas

src/PagesPaciente/ConsultasPaciente.jsx

@@ -243,31 +243,26 @@ const Agendamento = ({ setDictInfo }) => {
   style={{ display: 'flex', gap: '10px', marginBottom: '20px' }}
 >
   <button
-          className="btn-adicionar-consulta"
+    className="btn btn-primary btn-consulta-paciente"
     onClick={() => {
       setPageConsulta(true);
       setFiladeEspera(false);
     }}
-          style={{ backgroundColor: PageNovaConsulta ? '#1d4ed8' : undefined }}
   >
     <i className="bi bi-plus-circle"></i> Solicitar Agendamento
   </button>
   <button
-          className="btn-adicionar-consulta"
+    className="btn btn-primary btn-consulta-paciente"
     onClick={() => {
       setFiladeEspera(!FiladeEspera);
       setPageConsulta(false);
     }}
-          style={{
-            backgroundColor:
-              FiladeEspera && !PageNovaConsulta ? '#1d4ed8' : undefined,
-          }}
   >
-          <i className="bi bi-list-task me-1"></i> Fila de Espera (
-          {filaEsperaData.length})
+    <i className="bi bi-list-task me-1"></i> Fila de Espera ({filaEsperaData.length})
   </button>
 </div>
 
+
       {!PageNovaConsulta ? (
         <div className="atendimento-eprocura">
           <section className="calendario-ou-filaespera">

src/pages/style/Agendamento.css

@@ -327,3 +327,93 @@ table {
     white-space: nowrap; 
 }
 }
+.container-btns-agenda-fila_esepera {
+  display: flex;
+  justify-content: space-between; /* abas à esquerda, botões à direita */
+  align-items: center;
+  gap: 16px;              /* opcional: espaço entre os blocos */
+  width: 100%;
+}
+
+/* garante que os botões fiquem em linha */
+.btns-gerenciamento-e-consulta {
+  display: flex;
+  gap: 8px;
+}
+
+/* em telas muito pequenas, pode empilhar verticalmente */
+@media (max-width: 768px) {
+  .container-btns-agenda-fila_esepera {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .btns-gerenciamento-e-consulta {
+    justify-content: flex-start; /* ou center se preferir */
+    flex-wrap: wrap;
+  }
+}
+/* barra de abas + botões */
+.container-btns-agenda-fila_esepera {
+  margin-bottom: 0;   /* cola com a linha de baixo */
+}
+
+/* dá só um respiro pequeno entre as abas e o conteúdo,
+   mas igual para Agenda e Fila de espera */
+.calendario-ou-filaespera {
+  margin-top: 4px;    /* aumenta um pouquinho, não 20px */
+  padding-top: 0;
+}
+
+/* se o título "Fila de Espera" estiver mais distante,
+   aproxima só o conteúdo dessa área também */
+.page-content.table-paciente-container {
+  margin-top: 4px;
+}
+/* 1) container das abas + botões: encostado no topo */
+.container-btns-agenda-fila_esepera {
+  margin-bottom: 0;
+}
+
+/* 2) sempre cria um espaçamento logo DEPOIS das abas,
+      antes de qualquer conteúdo (Agenda ou Fila) */
+.container-btns-agenda-fila_esepera + .calendario-ou-filaespera {
+  margin-top: 8px;      /* aumenta ou diminui aqui */
+  padding-top: 0;
+}
+
+/* 3) garante que o primeiro filho da section não roube/colapse margens */
+.calendario-ou-filaespera > *:first-child {
+  margin-top: 0 !important;
+}
+/* mesmos blocos azuis e quadrados */
+.btn-consulta-paciente {
+  display: inline-flex;
+  align-items: center;       /* alinha ícone + texto verticalmente */
+  justify-content: center;
+  gap: 6px;                  /* espaço entre ícone e texto */
+  padding: 10px 22px;        /* altura/largura parecidas com os azuis */
+  border-radius: 6px;        /* se os outros forem 6px, mantém igual */
+  font-weight: 500;
+  border: none;
+}
+
+/* garante mesma cor dos blocos da secretaria */
+.btn-consulta-paciente.btn-primary {
+  background-color: #1d4ed8;   /* azul escuro do primeiro bloco */
+}
+
+/* se quiser hover igual */
+.btn-consulta-paciente.btn-primary:hover {
+  background-color: #1437a3;
+}
+.btn-consulta-paciente {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 10px 22px;
+  border-radius: 6px;
+  font-weight: 500;
+  border: none;
+}