/* Importa estilos base para consistência */
@import url('style.css');

.modal {display: none; position: fixed; z-index: 999;left: 0; top: 0; width: 100%; height: 100%;overflow: auto; background-color: rgba(0, 0, 0, 0.5);align-items: flex-start; justify-content: center;padding-top: 100px;}
.modal-content {background-color: #fff; padding: 20px; border-radius: 8px;width: 90%; max-width: 600px;box-shadow: 0 5px 15px rgba(0,0,0,0.3);display: flex; flex-direction: column; gap: 15px;}
.modal-content label { display: flex; flex-direction: column; font-weight: bold; }
.modal-content input,.modal-content select,.modal-content textarea {font-size: 14px; border: 1px solid #ddd; border-radius: 6px; padding: 10px; margin-top: 5px;background-color: #fdfdfd;box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);transition: border-color 0.2s, box-shadow 0.2s;}
.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus {border-color: #86b7fe; outline: 0;box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);}
.close { align-self: flex-end; font-size: 28px; cursor: pointer; color: #aaa; }

/* Layout Principal */
#containerPrincipal {display: flex;gap: 20px;height: calc(100vh - 80px);padding: 20px;box-sizing: border-box;border-radius: 6px;}
.lista-pacientes-container {flex: 0 0 300px;display: flex;flex-direction: column;gap: 15px;height: 100%;border-radius: 6px;}
.filtro-container { position: relative; }
.filtro-container .fa-search { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #aaa; }
#inputFiltro { width: 100%; padding: 10px 15px 10px 40px; border-radius: 6px; border: 1px solid #ddd; font-size: 14px; box-sizing: border-box; }

/* Lista de Cards de Pacientes */
#cardsContainerCadastros {flex-grow: 1;overflow-y: auto;padding-right: 10px;}
.card {background-color: #fff;font-size: 12px;padding: 10px;border-radius: 8px;border: 1px solid #e0e0e0;margin-bottom: 8px;}
.card.status-ativo { border-left: 5px solid teal; }
.card.status-inativo { border-left: 5px solid #a0a0a0; opacity: 0.8; }
.card-buttons { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 8px; }
.card button { padding: 4px 8px; font-size: 11px; background-color: #007bff; }
#btnDel { background-color: #dc3545; }

/* Coluna da Direita (Evolução) */
#containerEvolucao {flex: 1;background-color: #fff;border-radius: 8px;border: 1px solid #e0e0e0;padding: 20px;overflow-y: auto;height: 100%;}
.evolution-card {border: none;box-shadow: none;border-radius: 0;padding: 15px 0;margin-bottom: 15px;border-bottom: 1px solid #eee;}
.evolution-card:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.card.selecionado { background-color: #eef5ff; }

/* Scrollbars */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 6px; }

/* Estilos de Impressão */
@media print {
  body { background-color: #fff !important; margin: 0; padding: 0; }
  .header-card, .lista-pacientes-container, .print-button { display: none !important; }
  #containerPrincipal { flex-direction: column !important; width: 100% !important; height: auto !important; margin: 0; padding: 0; }
  #containerEvolucao { width: 100% !important; height: auto !important; margin: 0; padding: 20px; box-shadow: none !important; border: none !important; }
  #containerEvolucao .card.evolution-card {background-color: #fff !important;width: 90%;border: 1px solid #eee !important;box-shadow: none !important;padding: 15px !important;margin-bottom: 10px !important;page-break-inside: avoid;}
  #containerEvolucao .evolution-card p {white-space: pre-wrap;word-wrap: break-word;overflow-wrap: break-word;}}