.tabelasemanal { width: 100%; border-collapse: collapse; margin: 2rem 0; border-radius: 10px; overflow: hidden; /* mantém o arredondado */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border: 4px solid #4a90e2; /* borda azul, altere para a cor desejada */ } /* Células da tabela */ .tabelasemanal th, .tabelasemanal td { padding: 9px; text-align: left; border: 1px solid #e0e0e0; } /* Estilo aplicado APENAS às células do cabeçalho da tabela */ .tabelasemanal thead th, .tabelasemanal thead td { background-color: #0078d7; color: #ffffff; font-weight: 600; text-align: center; border-bottom: 2px solid #005a9e; } /* Remover bordas laterais do cabeçalho (se quiser) */ .tabelasemanal thead th:first-child { border-left: none; } .tabelasemanal thead th:last-child { border-right: none; } /* Linhas pares do corpo */ .tabelasemanal tbody tr:nth-child(even) { background-color: #e7e7e7a6; } /* Hover nas linhas */ .tabelasemanal tbody tr:hover { background-color: #f1f1f1; } /* Card dentro da tabela */ .tabelasemanal .cardconsulta { border-radius: 10px; color: black; height: 80px; width: 100%; padding: 12px; } /* Ajuste para a classe .calendario, se for usada */ .tabelasemanal tr:nth-child(even) { background-color: #e7e7e7a6 !important; margin-left: 10px !important; } .tabelasemanal tr:nth-child(odd) { background-color: #ffffff !important; } .tabelasemanal tr:hover { background-color: #f1f1f1 !important; } /* tr{ width: 1000px; }*/ html[data-bs-theme="dark"] .tabelasemanal { border: 4px solid #333; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-color: #232323 !important; } html[data-bs-theme="dark"] .tabelasemanal th, html[data-bs-theme="dark"] .tabelasemanal td { border: 1px solid #333; color: #e0e0e0; background-color: #232323; } html[data-bs-theme="dark"] .tabelasemanal thead th, html[data-bs-theme="dark"] .tabelasemanal thead td { background-color: #222e3c; color: #aee2ff; border-bottom: 2px solid #333; } html[data-bs-theme="dark"] .tabelasemanal tbody tr:nth-child(even) { background-color: #232a34 } html[data-bs-theme="dark"] .tabelasemanal tbody tr:nth-child(odd) { background-color: #232323 } html[data-bs-theme="dark"] .tabelasemanal tbody tr:hover, html[data-bs-theme="dark"] .tabelasemanal tbody tr:hover td { background-color: #2c3642 !important; } html[data-bs-theme="dark"] .tabelasemanal .cardconsulta { background-color: #232323; color: #e0e0e0; box-shadow: 0 1px 3px rgba(0,0,0,0.3); border-left: 5px solid #333; }