.no-select {
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Edge antigo */
    user-select: none;         /* padrão */
}

input, textarea, select {
    user-select: text !important;
}

.navbar,
.card-header,
.badge,
.clock,
.linha-data {
    user-select: none;
}


body {
  background: #f3f3f3;
  font-family: 'Segoe UI', sans-serif;
}

.titulo {
  background-color: #005c99;
  color: white;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 20px;
}

.venda-card {
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

@media (max-width: 768px) {
  .top-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .top-bar .btn {
    width: 100%;
  }
  .btn-warning {
    width: 100%;
  }
}

@media print {
  .top-bar, .btn, .text-end a {
    display: none !important;
  }
}


/* =========================
   AÇÕES – PAINEL DEV
   ========================= */

/* Coluna de ações centralizada e estável */
td .d-flex {
  justify-content: center;
}

/* Botões de ação mais profissionais */
td .btn {
  border-radius: 8px;
  font-weight: 500;
  padding: 4px 10px;
  white-space: nowrap;
}

/* Ícones alinhados com texto */
td .btn span {
  line-height: 1;
}

/* Evita quebra feia no mobile */
@media (max-width: 576px) {
  td .btn {
    padding: 6px;
    font-size: 0.9rem;
  }
}

/* =========================
   STATUS VISUAL (opcional)
   ========================= */

/* Empresa ativa */
.btn-outline-success {
  border-width: 2px;
}

/* Empresa desativada */
.btn-outline-warning {
  border-width: 2px;
}

/* Botão excluir mais sério */
.btn-danger {
  border-width: 2px;
}

/* =========================
   TABELA MAIS LIMPA
   ========================= */

.table th {
  background-color: #f8f9fa;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
}

.table td {
  vertical-align: middle;
}

/* Nome da empresa em destaque */
.table td.fw-semibold {
  font-size: 0.95rem;
}

/* =========================
   UX / MICRO-INTERAÇÕES
   ========================= */

.btn:hover {
  transform: translateY(-1px);
  transition: all 0.15s ease-in-out;
}

.btn:active {
  transform: scale(0.98);
}

/* =========================
   PADRONIZA BOTÕES DE AÇÃO
   ========================= */

/* Container dos botões */
td .d-flex {
  justify-content: center;
  align-items: center;
}

/* Todos os botões de ação com mesmo tamanho */
td .btn.btn-sm {
  min-width: 110px;      /* largura fixa elegante */
  justify-content: center;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  border-radius: 8px;
}

/* Mobile: reduz um pouco */
@media (max-width: 576px) {
  td .btn.btn-sm {
    min-width: 44px;   /* só ícone */
    padding: 6px;
  }
}