/* ============================================
   CM Serviços - Painel (customização, assets locais)
   Usado junto com Bootstrap e Bootstrap Icons
   ============================================ */

/* Ajustes do header do painel */
.painel-header .navbar-brand,
.painel-header .dropdown-toggle,
.painel-header .painel-nav .btn-link {
  color: rgba(255, 255, 255, 0.9) !important;
}
.painel-header .painel-nav .btn-link:hover {
  color: #fff !important;
}
.painel-header .dropdown-menu {
  margin-top: 0.25rem;
}
.painel-header .container-fluid {
  min-height: 3.5rem;
}

/* Conteúdo principal */
.painel .conteudo {
  padding: 1.5rem 0;
}

/* Tabela responsiva com scroll horizontal em mobile */
.tabela-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
}
.tabela-wrapper .table {
  min-width: 600px;
}

/* Botões de ação em lista */
.acoes .btn {
  white-space: nowrap;
}

/* Formulários: largura máxima em telas grandes */
@media (min-width: 768px) {
  .form-grupo .form-control,
  .form-grupo .form-select {
    max-width: 320px;
  }
}

/* Modais do painel */
.modal-content {
  border: none;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.modal-header .modal-title {
  font-weight: 600;
}
.modal-body .form-label {
  font-weight: 500;
  color: #374151;
}
.acoes .btn-editar-usuario,
.acoes .btn-editar-tipo,
.acoes .btn-editar-instalador {
  margin-right: 0.25rem;
}

/* Padrão visual: botão primário do painel */
.btn-dark {
  background-color: #0f172a;
  border-color: #0f172a;
}
.btn-dark:hover {
  background-color: #1e293b;
  border-color: #1e293b;
}

/* Thumb de logo na tabela */
.logo-thumb {
  width: 40px;
  height: 40px;
  object-fit: contain;
  background: #fff;
}

/* Modal Agendar instalação – cabeçalho do serviço */
.agendar-cabecalho {
  background-color: #cfe2ff;
}
.agendar-label {
  color: #0d6efd;
  font-size: 0.8rem;
  margin-bottom: 0.15rem;
}