/* ====================================================
   CORES OFICIAIS DA CAMPANHA MARCOS ROGÉRIO 22
   Azul Escuro: #123c90 | Azul Médio: #0055a7 | Azul Claro: #008ee0 | Azul Suave: #b6defa
   Verde Bandeira: #007e2d | Verde Claro: #4ea21d
   Laranja Ouro: #eea41b | Amarelo Oficial: #fcd700 | Amarelo Claro: #ffeb00
==================================================== */

:root {
  --camp-blue-deep: #123c90;
  --camp-blue: #0055a7;
  --camp-blue-light: #008ee0;
  --camp-blue-soft: #b6defa;
  --camp-green-deep: #007e2d;
  --camp-green: #4ea21d;
  --camp-orange: #eea41b;
  --camp-yellow: #fcd700;
  --camp-yellow-bright: #ffeb00;
}

/* Gradiente Oficial da Campanha para Header e Destaques */
.bg-campaign-gradient {
  background: linear-gradient(135deg, #123c90 0%, #0055a7 55%, #007e2d 100%);
}

.bg-campaign-header {
  background: linear-gradient(90deg, #123c90 0%, #0055a7 60%, #007e2d 100%);
}

.bg-campaign-blue {
  background-color: #0055a7 !important;
}
.hover\:bg-campaign-blue-dark:hover {
  background-color: #123c90 !important;
}

.bg-campaign-green {
  background-color: #007e2d !important;
}
.hover\:bg-campaign-green-dark:hover {
  background-color: #006022 !important;
}

.text-campaign-blue {
  color: #0055a7 !important;
}
.text-campaign-blue-deep {
  color: #123c90 !important;
}
.text-campaign-green {
  color: #007e2d !important;
}
.text-campaign-yellow {
  color: #fcd700 !important;
}

/* Botão de Checkbox grande à esquerda para toque fácil com o dedão no ônibus */
.check-touch-btn {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.check-touch-btn:active {
  transform: scale(0.92);
}

.check-touch-btn.unchecked {
  background-color: #f8fafc;
  border: 2px solid #cbd5e1;
  color: transparent;
}

/* Verde Oficial Marcos Rogério 22 quando presente */
.check-touch-btn.checked {
  background: linear-gradient(135deg, #007e2d 0%, #4ea21d 100%);
  border: 2px solid #007e2d;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(0, 126, 45, 0.45);
}

/* Efeito ao marcar o card do trabalhador */
.worker-card {
  transition: border-color 0.2s, background-color 0.2s, transform 0.1s;
}

.worker-card.is-present {
  border-color: #86efac;
  background-color: #f0fdf4;
}

.worker-card:active {
  background-color: #f8fafc;
}

/* Indicador de Status de Conexão */
.offline-badge {
  color: #eea41b !important;
}

/* Estilização da Barra de Rolagem */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}