/* ============================================================
   buttons.css — TwinPulse shared button styles
   Incluso in tutte le pagine come override dei bottoni base.
   ============================================================ */

.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 22px !important;
  background: linear-gradient(135deg, #1f6feb 0%, #388bfd 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  text-decoration: none;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  font-family: 'Inter', sans-serif;
  cursor: pointer;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 12px rgba(31, 111, 235, 0.35) !important;
  white-space: nowrap;
  letter-spacing: 0.01em;
}

.btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 20px rgba(56, 139, 253, 0.5) !important;
  background: linear-gradient(135deg, #388bfd 0%, #58a6ff 100%) !important;
}

.btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 6px rgba(31, 111, 235, 0.3) !important;
}

.btn:disabled,
.btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

/* Outline (azioni secondarie) */
.btn-outline {
  background: transparent !important;
  border: 1px solid rgba(88, 166, 255, 0.45) !important;
  color: #58a6ff !important;
  box-shadow: none !important;
}

.btn-outline:hover {
  background: rgba(88, 166, 255, 0.08) !important;
  border-color: #58a6ff !important;
  box-shadow: 0 2px 12px rgba(88, 166, 255, 0.18) !important;
  color: #79b8ff !important;
}

/* Verde (Nuovo Immobile, Salva) */
.btn-green {
  background: linear-gradient(135deg, #196c2e 0%, #238636 100%) !important;
  box-shadow: 0 2px 12px rgba(35, 134, 54, 0.35) !important;
}

.btn-green:hover {
  background: linear-gradient(135deg, #238636 0%, #2ea043 100%) !important;
  box-shadow: 0 4px 20px rgba(46, 160, 67, 0.45) !important;
}

/* Rosso (Elimina, azioni distruttive) */
.btn-danger {
  background: linear-gradient(135deg, #6e1b1b 0%, #b91c1c 100%) !important;
  box-shadow: 0 2px 12px rgba(185, 28, 28, 0.35) !important;
}

.btn-danger:hover {
  background: linear-gradient(135deg, #b91c1c 0%, #ef4444 100%) !important;
  box-shadow: 0 4px 20px rgba(239, 68, 68, 0.45) !important;
}

/* Grigio/neutro (Annulla, Chiudi) */
.btn-secondary {
  background: linear-gradient(135deg, #21262d 0%, #30363d 100%) !important;
  color: #8b949e !important;
  box-shadow: 0 1px 6px rgba(0,0,0,0.3) !important;
}

.btn-secondary:hover {
  background: linear-gradient(135deg, #30363d 0%, #3d444b 100%) !important;
  color: #e6edf3 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.4) !important;
}