.tabelamensal { 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 */ .tabelamensal th, .tabelamensal td { padding: 9px; text-align: left; border: 1px solid #e0e0e0; } /* Cabeçalho */ .tabelamensal thead th { background-color: #0078d7; color: white; font-weight: 600; border-bottom: 2px solid #0078d7; /* borda inferior mais forte no cabeçalho */ } /* Remover bordas laterais do cabeçalho (se quiser) */ .tabelamensal thead th:first-child { border-left: none; } .tabelamensal thead th:last-child { border-right: none; } /* Linhas pares do corpo */ .tabelamensal tbody tr:nth-child(even) { background-color: #e7e7e7a6; } /* Hover nas linhas */ .tabelamensal tbody tr:hover { background-color: #f1f1f1; } /* Card dentro da tabela */ .tabelamensal .cardconsulta { border-radius: 10px; color: black; height: 80px; width: 100%; padding: 12px; } /* Ajuste para a classe .diadia, se for usada */ .diadia { margin-top: 20px; border-collapse: collapse; width: 100%; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgb(255, 255, 255); border: 10px solid #ffffffc5; background-color: rgb(253, 253, 253); } .tabelamensal { 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 */ } .tabelamensal th, .tabelamensal td { padding: 9px; text-align: left; border: 1px solid #e0e0e0; } .tabelamensal th { background-color: #0078d7; color: #ffffff; font-weight: 600; border-bottom: 2px solid #005a9e; /* borda inferior mais forte no cabeçalho */ } .tabelamensal td { background-color: #f7f7f7; } .tabelamensal td:hover { background-color: #f1f1f1; } /* Estilo geral do card de consulta */ .tabelamensal .cardconsulta { border-radius: 8px; background-color: #fff; padding: 6px; margin: 4px 0; font-size: 0.9rem; font-weight: 500; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border-left: 5px solid transparent; /* espaço da borda colorida */ } .usuario-azul { background-color: #E3F2FD; border-left: 4px solid #2196F3; padding: 4px 8px; margin-bottom: 5px; border-radius: 4px; } .usuario-verde { background-color: #E8F5E9; border-left: 4px solid #4CAF50; padding: 4px 8px; margin-bottom: 5px; border-radius: 4px; } .usuario-roxo { background-color: #F3E5F5; border-left: 4px solid #9C27B0; padding: 4px 8px; margin-bottom: 5px; border-radius: 4px; } .usuario-laranja { background-color: #FFF3E0; border-left: 4px solid #FF9800; padding: 4px 8px; margin-bottom: 5px; border-radius: 4px; } .usuario-default { background-color: #FAFAFA; border-left: 4px solid #BDBDBD; padding: 4px 8px; margin-bottom: 5px; border-radius: 4px; } .cards-que-faltam{ color: #005a9e; font-weight: bold; font-size: larger; } html[data-bs-theme="dark"] .tabelamensal { border: 4px solid #333; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-color: #232323; } html[data-bs-theme="dark"] .tabelamensal th, html[data-bs-theme="dark"] .tabelamensal thead th { background-color: #222e3c; color: #aee2ff; border-bottom: 2px solid #333; } html[data-bs-theme="dark"] .tabelamensal td { background-color: #232323; color: #e0e0e0; border: 1px solid #333; } html[data-bs-theme="dark"] .tabelamensal tbody tr:nth-child(even) { background-color: #232a34; } html[data-bs-theme="dark"] .tabelamensal tbody tr:hover, html[data-bs-theme="dark"] .tabelamensal td:hover { background-color: #2c3642 !important; } html[data-bs-theme="dark"] .tabelamensal .cardconsulta { background-color: #232323; color: #e0e0e0; box-shadow: 0 1px 3px rgba(0,0,0,0.3); border-left: 5px solid #333; } html[data-bs-theme="dark"] .usuario-azul { background-color: #1565c0; border-left: 4px solid #2196F3; color: #e3f2fd; } html[data-bs-theme="dark"] .usuario-verde { background-color: #388e3c; border-left: 4px solid #4CAF50; color: #e8f5e9; } html[data-bs-theme="dark"] .usuario-roxo { background-color: #6a1b9a; border-left: 4px solid #9C27B0; color: #f3e5f5; } html[data-bs-theme="dark"] .usuario-laranja { background-color: #f57c00; border-left: 4px solid #FF9800; color: #fff3e0; } html[data-bs-theme="dark"] .usuario-default { background-color: #424242; border-left: 4px solid #BDBDBD; color: #fafafa; } html[data-bs-theme="dark"] .cards-que-faltam { color: #90caf9; } .cabecalho-tabela{ color: white; background-color: #005a9e; } .container-botons{ margin-left: 5rem; }