/* ==========================================================================
   ICONE PER BOTTONI - SPV
   ========================================================================== */

/*
=============================================================================
    COLORI TAILWIND DISPONIBILI NEL PROGETTO
=============================================================================

GRAYS (Neutri):
- bg-gray-50    - Sfondi chiari
- bg-gray-100   - Sfondo principale body
- bg-gray-200   - Sfondi secondari  
- bg-gray-500   - Testi/elementi medi
- bg-gray-900   - Header mobile scuro

BLU (Primario):
- bg-blue-50    - Sfondi molto chiari
- bg-blue-100   - Badge/stati chiari
- bg-blue-500   - Pulsanti primari, Dettagli
- bg-blue-600   - Header, pulsanti hover
- bg-blue-700   - Hover più scuri
- text-blue-500 - Testi primari
- text-blue-600 - Testi secondari
- hover:bg-blue-50 - Hover sfondi chiari

VERDE (Success/Action):
- bg-green-50   - Sfondi success chiari
- bg-green-100  - Badge success
- bg-green-500  - Notifiche success
- bg-green-600  - Header dashboard, pulsanti principali
- bg-green-700  - Hover più scuri
- text-green-600 - Prezzi, stati positivi

ROSSO (Danger/Delete):
- bg-red-50     - Sfondi danger chiari
- bg-red-100    - Badge danger
- bg-red-500    - Pulsanti cancellazione, danger
- bg-red-600    - Logout, hover danger
- bg-red-700    - Hover più scuri
- text-red-500  - Testi danger

VIOLA (Admin):
- bg-purple-100 - Badge admin
- bg-purple-500 - Badge sconto admin
- bg-purple-600 - Pulsanti admin
- bg-purple-700 - Hover admin
- text-purple-800 - Testi admin

ARANCIONE (Warning/Modifica):
- bg-orange-50  - Sfondi warning
- bg-orange-100 - Badge warning
- bg-orange-200 - Hover arancione chiaro
- bg-orange-400 - Stati calendario
- bg-orange-500 - Warning generale
- bg-orange-600 - Pulsanti modifica
- text-orange-600 - Testi warning

CIANO (Messages):
- bg-cyan-50    - Sfondi messaggi
- bg-cyan-100   - Badge messaggi
- bg-cyan-500   - Pulsanti messaggi
- bg-cyan-600   - Hover messaggi
- text-cyan-200 - Testi header mobile

/* DEFINIZIONE COLORI MANCANTI - aggiunti per compatibilità */
.bg-orange-400 { background-color: #fb923c !important; }
.bg-orange-500 { background-color: #f97316 !important; }
.bg-orange-600 { background-color: #ea580c !important; }
.bg-cyan-500 { background-color: #06b6d4 !important; }
.bg-cyan-600 { background-color: #0891b2 !important; }
.bg-cyan-700 { background-color: #0e7490 !important; }

/* Hover states per colori mancanti */
.bg-orange-400:hover { background-color: #f97316 !important; }
.bg-orange-500:hover { background-color: #ea580c !important; }
.bg-orange-600:hover { background-color: #dc2626 !important; }
.bg-cyan-500:hover { background-color: #0891b2 !important; }
.bg-cyan-600:hover { background-color: #0e7490 !important; }
.bg-cyan-700:hover { background-color: #155e75 !important; }

/*=============================================================================

SMERALDO (Payment):
- bg-emerald-50 - Sfondi payment
- bg-emerald-100 - Badge payment
- text-emerald-700 - Testi payment
- text-emerald-800 - Testi payment scuri

GIALLO (Warning):
- bg-yellow-100 - Badge warning
- bg-yellow-400 - Stati calendario
- bg-yellow-500 - Warning generale
- text-yellow-600 - Testi warning

=============================================================================
    PATTERN DI UTILIZZO CONSIGLIATI
=============================================================================

PULSANTI AZIONE:
- Primari:     bg-blue-500 hover:bg-blue-600
- Success:     bg-green-100 text-green-800 px-2 py-1 rounded text-xs
- Danger:      bg-red-500 hover:bg-red-600
- Admin:       bg-purple-600 hover:bg-purple-700
- Modifica:    bg-orange-600 hover:bg-orange-700

BADGE/STATI:
- Success:     bg-green-100 text-green-800
- Warning:     bg-yellow-100 text-yellow-800
- Danger:      bg-red-100 text-red-800
- Info:        bg-blue-100 text-blue-800
- Admin:       bg-purple-100 text-purple-800

SFONDI:
- Principale:  bg-gray-100
- Card:        bg-white
- Header:      bg-green-600 (dashboard), gradienti (altre pagine)

=============================================================================
*/

/* Classi per icone specifiche */
.icon-view::before { content: '👁️ '; margin-right: 0.5rem; }
.icon-edit::before { content: '✏️ '; margin-right: 0.5rem; }
.icon-delete::before { content: '🗑️ '; margin-right: 0.5rem; }
.icon-add::before { content: '➕ '; margin-right: 0.5rem; }
.icon-save::before { content: '💾 '; margin-right: 0.5rem; }
.icon-cancel::before { content: '❌ '; margin-right: 0.5rem; }
.icon-search::before { content: '🔍 '; margin-right: 0.5rem; }
.icon-filter::before { content: '🔽 '; margin-right: 0.5rem; }
.icon-download::before { content: '📥 '; margin-right: 0.5rem; }
.icon-upload::before { content: '📤 '; margin-right: 0.5rem; }
.icon-back::before { content: '⬅️ '; margin-right: 0.5rem; }
.icon-next::before { content: '➡️ '; margin-right: 0.5rem; }
.icon-close::before { content: '✕ '; margin-right: 0.5rem; }
.icon-menu::before { content: '☰ '; margin-right: 0.5rem; }
.icon-home::before { content: '🏠 '; margin-right: 0.5rem; }
.icon-user::before { content: '👤 '; margin-right: 0.5rem; }
.icon-admin::before { content: '👑 '; margin-right: 0.5rem; }
.icon-logout::before { content: '🚪 '; margin-right: 0.5rem; }
.icon-message::before { content: '✉️ '; margin-right: 0.5rem; }
.icon-messages::before { content: '📬 '; margin-right: 0.5rem; }
.icon-apartment::before { content: '🏠 '; margin-right: 0.5rem; }
.icon-info::before { content: 'ℹ️ '; margin-right: 0.5rem; }
.icon-contact::before { content: '📞 '; margin-right: 0.5rem; }
.icon-success::before { content: '✅ '; margin-right: 0.5rem; }
.icon-warning::before { content: '⚠️ '; margin-right: 0.5rem; }
.icon-error::before { content: '❌ '; margin-right: 0.5rem; }
.icon-loading::before { content: '⏳ '; margin-right: 0.5rem; }
.icon-pending::before { content: '⏳ '; margin-right: 0.5rem; }
.icon-confirmed::before { content: '✅ '; margin-right: 0.5rem; }
.icon-cancelled::before { content: '❌ '; margin-right: 0.5rem; }
.icon-send::before { content: '📤 '; margin-right: 0.5rem; }
.icon-booking::before { content: '📋 '; margin-right: 0.5rem; }
.icon-users::before { content: '👥 '; margin-right: 0.5rem; }
.icon-settings::before { content: '⚙️ '; margin-right: 0.5rem; }
.icon-announcement::before { content: '📢 '; margin-right: 0.5rem; }
.icon-chart::before { content: '📊 '; margin-right: 0.5rem; }
.icon-tag::before { content: '🏷️ '; margin-right: 0.5rem; }
.icon-calendar::before { content: '📅 '; margin-right: 0.5rem; }
.icon-time::before { content: '⏰ '; margin-right: 0.5rem; }
.icon-check::before { content: '✓ '; margin-right: 0.5rem; }
.icon-cross::before { content: '✗ '; margin-right: 0.5rem; }
.icon-approve::before { content: '✓ '; margin-right: 0.5rem; }
.icon-reject::before { content: '✗ '; margin-right: 0.5rem; }
.icon-login::before { content: '🔐 '; margin-right: 0.5rem; }
.icon-signup::before { content: '📝 '; margin-right: 0.5rem; }
.icon-password::before { content: '🔑 '; margin-right: 0.5rem; }
.icon-lock::before { content: '🔒 '; margin-right: 0.5rem; }
.icon-unlock::before { content: '🔓 '; margin-right: 0.5rem; }
.icon-folder::before { content: '📁 '; margin-right: 0.5rem; }
.icon-image::before { content: '🖼️ '; margin-right: 0.5rem; }
.icon-camera::before { content: '📷 '; margin-right: 0.5rem; }
.icon-mail::before { content: '📧 '; margin-right: 0.5rem; }
.icon-phone::before { content: '📞 '; margin-right: 0.5rem; }
.icon-location::before { content: '📍 '; margin-right: 0.5rem; }
.icon-star::before { content: '⭐ '; margin-right: 0.5rem; }
.icon-heart::before { content: '❤️ '; margin-right: 0.5rem; }
.icon-refresh::before { content: '🔄 '; margin-right: 0.5rem; }
.icon-print::before { content: '🖨️ '; margin-right: 0.5rem; }
.icon-share::before { content: '📤 '; margin-right: 0.5rem; }
.icon-link::before { content: '🔗 '; margin-right: 0.5rem; }
.icon-help::before { content: '❓ '; margin-right: 0.5rem; }
.icon-info-circle::before { content: 'ℹ️ '; margin-right: 0.5rem; }