.main-bg {
    background-image: url('../images/main-bg.svg');
    background-size: cover;
    background-position: center center;
    color: var(--white-color)
}

.white-bg { 
    background: var(--white-color);
    color: var(--primary-color);
}

.main-content {
    max-width: 120rem;
    margin: 0 auto;
    padding: 10rem var(--gap);
}

.section {
    min-height: 20vh;

}

.menu-spacing {
    height: 65px;
}

.bg-colaborador {
    background-image: url("../images/bg-colaboradores.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px;
    border-radius: 10px;
}




.admin-card {
  border: 0;
  border-radius: 0.75rem;
  transition: transform .15s ease, box-shadow .15s ease;
  box-shadow: 0 6px 14px rgba(18, 24, 34, 0.06);
}
.admin-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(18, 24, 34, 0.12);
}
.icon-wrapper {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 0.6rem;
  background: rgba(0,0,0,0.03);
}
.card-title {
  font-weight: 600;
}


/*
.logout-button {
  background-color: #457ad0;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 18px; 
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
*/

/* 
.logout-button:hover {
  background-color: #c82333;
}


.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
} 

.dropdown-menu {
  display: none;
}


 */


 /* Permitir quebra de texto nas células */
.table td, 
.table th {
    white-space: normal;
    word-break: break-word;
}

/* Ajustar a coluna de Data especificamente */
.table td:last-child, 
.table th:last-child {
    white-space: nowrap;   /* mantém a data em uma única linha */
    text-align: center;    /* centraliza o conteúdo */
    width: 1%;             /* força a coluna a ser compacta */
}