/* Zehlador — tema Clean Light + acento azul (#2563eb)
   Sobrescreve seletores do AdminLTE 3 / Bootstrap 4. Carregado globalmente
   pelo master.blade.php, depois do CSS do AdminLTE. */
:root {
  --zh-primary: #2563eb;
  --zh-primary-d: #1d4ed8;
  --zh-primary-l: rgba(37, 99, 235, .15);
  --zh-border: #eef2f7;
  --zh-bg: #f8fafc;
  --zh-muted: #94a3b8;
}

/* Fundo geral claro */
body,
.content-wrapper {
  background-color: var(--zh-bg);
}

/* Cards */
.card {
  border: 1px solid var(--zh-border);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}
.card-header {
  background: #fff;
  border-bottom: 1px solid var(--zh-border);
  border-radius: 10px 10px 0 0;
}
.card-footer {
  background: #fcfdfe;
  border-top: 1px solid var(--zh-border);
}

/* Botões */
.btn {
  border-radius: 7px;
  font-weight: 600;
}
.btn-primary,
.btn-success {
  background-color: var(--zh-primary);
  border-color: var(--zh-primary);
}
.btn-primary:hover,
.btn-success:hover,
.btn-primary:focus,
.btn-success:focus {
  background-color: var(--zh-primary-d);
  border-color: var(--zh-primary-d);
}

/* Formulários */
label {
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #64748b;
}
.form-control {
  border-radius: 7px;
  border-color: #e2e8f0;
}
.form-control:focus {
  border-color: var(--zh-primary);
  box-shadow: 0 0 0 3px var(--zh-primary-l);
}

/* Tabelas / DataTables */
.table thead th {
  text-transform: uppercase;
  font-size: .7rem;
  letter-spacing: .4px;
  font-weight: 600;
  color: var(--zh-muted);
  border-bottom: 1px solid var(--zh-border);
}
.table td {
  border-top: 1px solid #f1f5f9;
  vertical-align: middle;
}
.table-hover tbody tr:hover {
  background-color: #f8fafc;
}

/* Badges em pílula */
.badge {
  border-radius: 20px;
  padding: .35em .7em;
  font-weight: 600;
}

/* Sidebar clara: item ativo azul */
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--zh-primary);
  color: #fff;
}

/* SweetAlert2 restilizado para o azul do tema */
.swal2-popup {
  border-radius: 12px;
}
.swal2-styled.swal2-confirm {
  background-color: var(--zh-primary) !important;
  border-radius: 7px !important;
}
.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px var(--zh-primary-l) !important;
}