/* =============================================
   Action Buttons — ícones quadrados (tabelas)
   ============================================= */

.action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.70);
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

.action-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.13);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.25);
}

.action-btn:disabled {
  opacity: 0.20;
  cursor: not-allowed;
  pointer-events: none;
}

/* ---- Variantes coloridas — sempre visíveis, não só no hover ---- */

.action-btn--green:not(:disabled) {
  color: #4ade80;
  border-color: rgba(74, 222, 128, 0.45);
  background: rgba(74, 222, 128, 0.14);
}
.action-btn--green:hover:not(:disabled) {
  background: rgba(74, 222, 128, 0.24);
  border-color: rgba(74, 222, 128, 0.65);
  color: #86efac;
}

.action-btn--yellow:not(:disabled) {
  color: #fbbf24;
  border-color: rgba(251, 191, 36, 0.45);
  background: rgba(251, 191, 36, 0.13);
}
.action-btn--yellow:hover:not(:disabled) {
  background: rgba(251, 191, 36, 0.23);
  border-color: rgba(251, 191, 36, 0.65);
  color: #fcd34d;
}

.action-btn--blue:not(:disabled) {
  color: #60a5fa;
  border-color: rgba(96, 165, 250, 0.45);
  background: rgba(96, 165, 250, 0.13);
}
.action-btn--blue:hover:not(:disabled) {
  background: rgba(96, 165, 250, 0.23);
  border-color: rgba(96, 165, 250, 0.65);
  color: #93c5fd;
}

.action-btn--purple:not(:disabled) {
  color: var(--purple-light, #a78bfa);
  border-color: rgba(139, 92, 246, 0.45);
  background: rgba(139, 92, 246, 0.14);
}
.action-btn--purple:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.25);
  border-color: rgba(139, 92, 246, 0.65);
  color: #c4b5fd;
}

.action-btn--red:not(:disabled) {
  color: #f87171;
  border-color: rgba(248, 113, 113, 0.45);
  background: rgba(248, 113, 113, 0.13);
}
.action-btn--red:hover:not(:disabled) {
  background: rgba(248, 113, 113, 0.23);
  border-color: rgba(248, 113, 113, 0.65);
  color: #fca5a5;
}

.action-btn--mobile {
  width: 44px;
  height: 44px;
  border-radius: 10px;
}