/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* ==========================================================================
   Ajustes mobile - aparencia "app premium" (Astra SSH)
   ========================================================================== */
@media (max-width: 767.98px) {
    /* Botoes em formato pilula, com area de toque confortavel */
    .btn {
        border-radius: 999px;
        min-height: 46px;
        padding: 0.65rem 1.4rem;
        font-weight: 600;
        letter-spacing: 0.2px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        transition: transform .15s ease, box-shadow .15s ease;
    }
    .btn:active { transform: scale(.97); }
    .btn-sm { min-height: 38px; padding: 0.4rem 1rem; }

    /* Profundidade nos botoes coloridos (vale para qualquer cor do tema) */
    .btn-primary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-dark {
        background-image: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 55%);
        border: 0;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .28);
    }

    /* Botoes de acao dentro de cards: largura total e centralizados */
    .card .btn:not(.btn-sm):not(.btn-icon):not(.dropdown-toggle) {
        width: 100%;
        margin: 0.2rem 0;
    }
    .input-group .btn,
    .btn-group .btn,
    .dropdown-menu .btn {
        width: auto;
        margin: 0;
        box-shadow: none;
    }
    /* Botoes acoplados a inputs acompanham a altura do campo */
    .input-group .btn {
        height: calc(1.4em + 0.94rem + 3.7px);
        min-height: 0;
        margin: 0 !important;
        padding: 0 0.8rem;
        font-size: 1rem;
        line-height: 1.4;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0 0.25rem 0.25rem 0;
    }
    .input-group > .input-group-prepend > .btn { border-radius: .25rem 0 0 .25rem; }

    /* Linhas de acao alinhadas a direita: centralizar no mobile */
    .d-flex.justify-content-end { flex-wrap: wrap; }
    .d-flex.justify-content-end:has(> .btn),
    .d-flex.justify-content-end:has(> .btn-group) {
        justify-content: center !important;
        gap: .5rem;
    }

    /* Botoes soltos dentro de modais: empilhados e largura total */
    .modal-body > .btn {
        display: flex;
        width: 100%;
        margin: .35rem 0;
    }
    .modal-footer { justify-content: center; }

    /* Cartoes com cantos mais suaves */
    .card { border-radius: 14px; }
    .card-body { padding: 1.25rem; }

    /* QR Code do PIX */
    .qr_code { border-radius: 12px; }

    /* Rolagem horizontal mais suave em tabelas */
    .table-responsive { -webkit-overflow-scrolling: touch; }
}