/* =========================
   BOTONES ESTÁNDAR DEL SISTEMA
========================= */

.btn-app {
    border: none;
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 0.70rem;
    font-weight: 600;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
    line-height: 1.2;
    min-height: 10px;
}

    .btn-app:hover {
        transform: translateY(-1px);
        text-decoration: none;
    }

    .btn-app:disabled {
        opacity: 0.65;
        cursor: not-allowed;
        transform: none;
    }

/* =========================
   NUEVO REGISTRO
========================= */

.btn-app-nuevoregistro {
    background-color: #28a745;
    color: #fff;
}

    .btn-app-nuevoregistro:hover {
        background-color: #218838;
        color: #fff;
    }

/* =========================
   GUARDAR
========================= */

.btn-app-guardar {
    background-color: #0f7a2f;
    color: #fff;
}

    .btn-app-guardar:hover {
        background-color: #0b5c24;
        color: #fff;
    }

/* =========================
   CONFIRMAR
========================= */

.btn-app-confirmar {
    background-color: #0f7a2f;
    color: #fff;
}

    .btn-app-confirmar:hover {
        background-color: #0b5c24;
        color: #fff;
    }

/* =========================
   ELIMINAR / ANULAR
========================= */

.btn-app-eliminar,
.btn-app-anular {
    background-color: #dc3545;
    color: #fff;
}

    .btn-app-eliminar:hover,
    .btn-app-anular:hover {
        background-color: #bb2d3b;
        color: #fff;
    }

/* =========================
   EDITAR
========================= */

.btn-app-editar {
    background-color: #ffc107;
    color: #212529;
}

    .btn-app-editar:hover {
        background-color: #e0a800;
        color: #212529;
    }

/* =========================
   VER / DETALLE
========================= */

.btn-app-ver {
    background-color: #17a2b8;
    color: #fff;
}

    .btn-app-ver:hover {
        background-color: #138496;
        color: #fff;
    }

/* =========================
   BUSCAR / FILTRAR
========================= */

.btn-app-buscar {
    background-color: #6f42c1;
    color: #fff;
}

    .btn-app-buscar:hover {
        background-color: #5a32a3;
        color: #fff;
    }

/* =========================
   SECUNDARIO / VOLVER
========================= */

.btn-app-secundario {
    background-color: #6c757d;
    color: #fff;
}

    .btn-app-secundario:hover {
        background-color: #5c636a;
        color: #fff;
    }

/* =========================
   BOTONES PEQUEÑOS TABLAS
========================= */

.btn-app-sm {
    padding: 3px 6px;
    font-size: 0.70rem;
    min-height: 10px;
}

.btn-app i {
    font-size: 0.95rem;
}

.btn-app:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/* =========================
   CONFIGURAR
========================= */

.btn-app-configurar {
    background-color: #3b5bdb;
    color: #fff;
}

    .btn-app-configurar:hover {
        background-color: #2f4cc0;
        color: #fff;
    }

/* =========================
   AGREGAR
========================= */

.btn-app-agregar {
    background-color: #fd7e14;
    color: #fff;
}

    .btn-app-agregar:hover {
        background-color: #e66a00;
        color: #fff;
    }

/* =========================
   BOTONES EXTRA PEQUEÑOS
========================= */
.btn-app-xs {
    padding: 2px 6px;
    font-size: 0.70rem;
    min-height: 22px;
}


/* =========================
   BOTONES CALCULAR
========================= */
.btn-app-calcular {
    background-color: #0d6efd;
    color: #fff;
}

    .btn-app-calcular:hover {
        background-color: #0b5ed7;
        color: #fff;
    }

/* =========================
   BOTONES DOCUMENTOS
========================= */
.btn-app-documento {
    background-color: #0d6efd;
    color: #fff;
}

    .btn-app-documento:hover {
        background-color: #0b5ed7;
        color: #fff;
    }



/* =========================
   BOTONES IMPRMIR
========================= */
.btn-app-imprimir {
    background-color: black;
    color: #fff;
}

    .btn-app-imprimir:hover {
        background-color: black;
        color: #fff;
    }

/*BOTON TICKET DISABLED*/
.btn-ticket-disabled {
    opacity: 0.35 !important;
    cursor: not-allowed !important;
    filter: grayscale(100%);
    box-shadow: none !important;
}

    .btn-ticket-disabled:hover {
        opacity: 0.35 !important;
    }


/*Entrar LOGIN*/
.btn-app-login {
    background: linear-gradient(180deg, #198754 0%, #0f6b3a 100%);
    color: #fff;
    border-radius: 6px;
    min-height: 34px;
    font-size: .82rem;
    box-shadow: 0 2px 6px rgba(15, 107, 58, .25);
}

    .btn-app-login:hover {
        background: linear-gradient(180deg, #157347 0%, #0b5c32 100%);
        color: #fff;
    }