/* ============================================================
   Fan Selector - Estilos das Abas de Graficos e Botoes de Acao
   ============================================================ */

/* Abas: definidas em assets/css/tabs.css (Sub-fase 1.5c) */

/* ── Botoes de acao flutuantes (ponto de operacao) ───────── */
.page-action-buttons {
  position: fixed;
  bottom: 24px;
  right: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: var(--z-page-actions);
}

/* `.action-btn` / `.action-btn--secondary`: REMOVIDOS na faxina de herança PSM
   (ago/2026). O container `.page-action-buttons` continua montado, mas com
   `children=[]` desde a 7.1 (`pages/ponto_operacao.py::_botoes_flutuantes`) — o
   botão de Unidades foi para o sidebar e nenhum FAB voltou. As regras ficaram sem
   alvo possível. Se algum FAB voltar ao container, reescrever a partir das
   variantes de `assets/css/buttons.css`. */

/* AG-Grid: migrado para assets/css/aggrid.css (Sub-fase 1.6a) */

/* ── Formulario labels modernos ──────────────────────────── */
.form-label-modern {
  display: block;
  margin-bottom: 4px;
}

/* ── Responsividade pagina principal ─────────────────────── */
@media (max-width: 768px) {
  .page-action-buttons {
    bottom: 16px;
    right: 16px;
  }

  .react-tabs__tab {
    font-size: 11px !important;
    padding: 6px 10px !important;
  }
}

/* ── Espaço de segurança abaixo dos FABs (mobile/tablet) ─── */
/* Os FABs são fixed bottom-right; sem este padding o último card
   da página fica parcialmente oculto atrás deles ao rolar até o fim. */
@media (max-width: 991.98px) {
  .page-ponto-operacao {
    padding-bottom: 120px;
  }
}