/* ==========================================================
   MOBILE BUTTON BASE STYLES (mbtn- prefix)
   ========================================================== */

.x-button.mbtn-btnCmd,
.x-button.mbtn-btnCmdNew,
.x-button.mbtn-btnCmdView,
.x-button.mbtn-btnCmdEdit,
.x-button.mbtn-btnCmdDelete,
.x-button.mbtn-btnCmdCancel,
.x-button.mbtn-btnCmdSave,
.x-button.mbtn-btn-secondary,
.x-button.mbtn-btn-success {
    /* Dimensioni & Spazi */
    border: none !important;
    border-radius: 4px !important;
    padding: 0 14px !important;
    box-shadow: none !important;
    
    /* Layout */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease-in-out !important;
}

/* Tipografia e Icone per tutti i pulsanti mbtn- */
.x-button[class*="mbtn-"] .x-text-el,
.x-button[class*="mbtn-"] .x-icon-el {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-shadow: none !important;
}

/* Spaziatura specifica per l'icona */
.x-button[class*="mbtn-"] .x-icon-el {
    margin-right: 8px !important;
}

/* ==========================================================
   MOBILE BUTTON COLORS (Mappatura 1:1)
   ========================================================== */

/* NUOVO (Blue) */
.x-button.mbtn-btnCmdNew {
    background-color: #2196F3 !important;
}

/* VISUALIZZA (Lighter Blue) */
.x-button.mbtn-btnCmdView {
    background-color: #42A5F5 !important;
}

/* MODIFICA (Amber/Yellow) */
.x-button.mbtn-btnCmdEdit {
    background-color: #FFB300 !important;
}

/* ELIMINA (Red) */
.x-button.mbtn-btnCmdDelete {
    background-color: #FF4D4D !important;
}

/* ANNULLA / SECONDARY (Gray) */
.x-button.mbtn-btnCmdCancel,
.x-button.mbtn-btn-secondary {
    background-color: #6c757d !important;
}

/* SALVA / SUCCESS (Green) */
.x-button.mbtn-btnCmdSave,
.x-button.mbtn-btn-success {
    background-color: #28a745 !important;
}

/* ==========================================================
   INTERACTIONS & EFFECTS
   ========================================================== */

/* HOVER (Sollevamento e Scurimento) */
.x-button[class*="mbtn-"].x-hovered {
    transform: translateY(-1px) !important;
    filter: brightness(0.9) !important;
}

/* PRESSED (Tocco/Click - Si abbassa e scurisce di più) */
.x-button[class*="mbtn-"].x-pressing,
.x-button[class*="mbtn-"].x-pressed {
    transform: scale(0.97) !important;
    filter: brightness(0.8) !important;
    transition: all 0.1s ease-in-out !important;
}

/* DISABLED (Meno saturo, nessun effetto) */
.x-button[class*="mbtn-"].x-disabled {
    filter: grayscale(10%) brightness(0.85) !important;
    opacity: 0.6 !important;
    transform: none !important;
}

/* ==========================================================
   FIX PER FRAMEWORK (Reset degli sfondi interni)
   ========================================================== */

.x-button[class*="mbtn-"] .x-inner-el,
.x-button[class*="mbtn-"] .x-body-el {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
}