/* styles.css */

body {
  font-family: sans-serif;
  background-color: #f3f4f6; /* cor base leve do Tailwind */
  color: #1f2937; /* cinza escuro */
}

input:focus {
  outline: none;
  border-color: #2563eb; /* azul Tailwind */
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.3);
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

button:hover:disabled {
  background-color: #9ca3af !important;
}

table th, table td {
  text-align: left;
  vertical-align: middle;
}

h1, h2 {
  color: #111827;
}

select, input {
  transition: border 0.2s, box-shadow 0.2s;
}


@media (prefers-reduced-motion: no-preference) {
  .temporario-texto {
    animation: move-bg 12s linear infinite;
  }
  @keyframes move-bg {
    to {
      background-position: var(--bg-size) 0;
    }
  }
}

/* ///////////////////////////////// ADMIN STYLES ///////////////////////////////// *
/* admin */
.rodape {
  margin-top: 10px;
  text-align: center;
}


/* muda o fundo quando o mouse é posicionando em cima do nome do aluno (a) e da linha do dia da semana */
.destaque-mouse:hover {
  background-color: #ffffff;
  border-radius: 10px;
}

tr:not(:has(th)) {
    border-left: 3px solid transparent;
}

tr:not(:has(th)):hover {
    background-color: #e9e9ea81;
    border-left-color: blue;
}

/* define a cor da checkbox  */
.status-checkbox {
  accent-color: green;
}

/* contador de alunos */
.contador_de_alunos {
  display: flex; 
  justify-content: end;
  text-align: center;
}
.contador_de_alunos p {
  border-radius: 3px;
  border: dotted 2px silver;
  padding: 3px 6px;
  background-color: #ffffff;
}

.contador_de_alunos strong {
  font-size: 20px;
}

/* largura do input de texto de pesquisa */
.larguraInput {
  width: 400px;
}

/* icone de copiar nome do aluno */
.copy {
  width: 15px;
  height: 15px; 
  opacity: 25%;
  transition: opacity 0.2s;
   
}
.spa:hover .copy {
  opacity: 100%;
}