/*
 * SGA - Padrão global de botões operacionais
 * Superfície grafite, borda laranja e realce discreto no hover.
 * Não altera botões semânticos de sucesso, alerta, perigo ou indicadores.
 */
:root {
  --sga-button-bg: #20232b;
  --sga-button-bg-hover: rgba(249, 115, 22, .14);
  --sga-button-border: rgba(249, 115, 22, .38);
  --sga-button-border-hover: rgba(249, 115, 22, .62);
  --sga-button-text: #fed7aa;
  --sga-button-text-hover: #ffedd5;
}

html body .btn.primary,
html body .cadastros-page .btn.primary,
html body .btn-primary,
html body .btn-info,
html body .sga-btn.primary,
html body .audit-btn.primary,
html body .wa-btn.primary,
html body button[type="submit"].primary,
html body .wa-reply .wa-btn.primary,
html body .drive-btn-primary,
html body .pol-btn-primary,
html body .kb-btn.primary,
html body .kb-actions .kb-btn.primary,
html body .ticket-action-primary,
html body .exec-btn.primary,
html body .history-btn.primary,
html body .tv-mini-btn.primary,
html body .sga-btn-primary,
html body .audit-calendar-actions button.apply,
html body .sga-calendar-actions #calApply,
html body .remote-access-button,
html body .remote-connect,
html body .agent-action-icon.download,
html body .hd-action-icon.primary,
html body .popup-preview button,
html body .wa-detail-card .wa-action-open-ticket,
html body .wa-device-connect {
  background: var(--sga-button-bg) !important;
  border: 1px solid var(--sga-button-border) !important;
  color: var(--sga-button-text) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .22) !important;
  text-shadow: none !important;
}

html body .btn.primary:not(:disabled):hover,
html body .cadastros-page .btn.primary:not(:disabled):hover,
html body .btn-primary:not(:disabled):hover,
html body .btn-info:not(:disabled):hover,
html body .sga-btn.primary:not(:disabled):hover,
html body .audit-btn.primary:not(:disabled):hover,
html body .wa-btn.primary:not(:disabled):hover,
html body button[type="submit"].primary:not(:disabled):hover,
html body .wa-reply .wa-btn.primary:not(:disabled):hover,
html body .drive-btn-primary:not(:disabled):hover,
html body .pol-btn-primary:not(:disabled):hover,
html body .kb-btn.primary:not(:disabled):hover,
html body .kb-actions .kb-btn.primary:not(:disabled):hover,
html body .ticket-action-primary:hover,
html body .exec-btn.primary:hover,
html body .history-btn.primary:hover,
html body .tv-mini-btn.primary:hover,
html body .sga-btn-primary:hover,
html body .audit-calendar-actions button.apply:hover,
html body .sga-calendar-actions #calApply:hover,
html body .remote-access-button:hover,
html body .remote-connect:hover,
html body .agent-action-icon.download:hover,
html body .hd-action-icon.primary:hover,
html body .popup-preview button:hover,
html body .wa-detail-card .wa-action-open-ticket:hover,
html body .wa-device-connect:hover {
  background: var(--sga-button-bg-hover) !important;
  border-color: var(--sga-button-border-hover) !important;
  color: var(--sga-button-text-hover) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .26) !important;
  filter: none !important;
}

html body .btn.primary:focus-visible,
html body .cadastros-page .btn.primary:focus-visible,
html body .btn-primary:focus-visible,
html body .btn-info:focus-visible,
html body .sga-btn.primary:focus-visible,
html body .audit-btn.primary:focus-visible,
html body .wa-btn.primary:focus-visible,
html body .drive-btn-primary:focus-visible,
html body .pol-btn-primary:focus-visible,
html body .sga-btn-primary:focus-visible {
  outline: 2px solid rgba(249, 115, 22, .72) !important;
  outline-offset: 2px !important;
}

html body .btn.primary:disabled,
html body .btn-primary:disabled,
html body .wa-btn.primary:disabled,
html body .drive-btn-primary:disabled,
html body .pol-btn-primary:disabled,
html body .sga-btn-primary:disabled {
  background: #24262c !important;
  border-color: rgba(120, 113, 108, .24) !important;
  color: #777d87 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}