/* ==========================================================
   GS CENTRAL — CARDS RECOLHÍVEIS DA MINHA CONTA
   ========================================================== */

@media screen and (max-width: 780px) {

    /*
     * Card fechado: pequeno e compacto.
     */
    body .gs-account-company-card-two.gs-account-card-collapsible {
        display: block !important;

        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        border-radius: 13px !important;
    }

    /*
     * Ao abrir, o card ocupa a largura das duas colunas.
     */
    body .gs-account-company-card-two.gs-account-card-expanded {
        grid-column: 1 / -1 !important;
    }

    /*
     * Parte sempre visível.
     */
    body .gs-account-card-summary {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            34px !important;

        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;

        gap: 6px !important;

        margin: 0 !important;

        padding:
            9px !important;

        box-sizing: border-box !important;
    }

    /*
     * Nome do sistema ou segmento.
     */
    body .gs-account-card-summary-title {
        display: -webkit-box !important;

        min-width: 0 !important;

        margin: 0 !important;

        overflow: hidden !important;

        color: #ffffff !important;

        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;

        text-align: left !important;

        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    /*
     * Seta de abrir e fechar.
     */
    body .gs-account-card-toggle {
        display: grid !important;
        place-items: center !important;

        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(55, 204, 241, 0.34) !important;

        border-radius: 9px !important;

        background:
            rgba(15, 42, 60, 0.88) !important;

        color: #38d5f5 !important;

        font-size: 18px !important;
        font-weight: 900 !important;
        line-height: 1 !important;

        cursor: pointer !important;

        transition:
            transform 0.18s ease,
            background 0.18s ease !important;

        -webkit-tap-highlight-color:
            transparent !important;
    }

    body .gs-account-card-expanded
    .gs-account-card-toggle {
        transform: rotate(180deg) !important;

        background:
            rgba(28, 104, 132, 0.55) !important;
    }

    /*
     * Botão Abrir empresa fica sempre visível.
     */
    body .gs-account-card-summary-open {
        grid-column: 1 / -1 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        min-height: 34px !important;
        height: auto !important;

        margin:
            1px
            0
            0 !important;

        padding:
            6px
            7px !important;

        border-radius: 9px !important;

        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 1.1 !important;

        text-align: center !important;
        white-space: normal !important;

        box-sizing: border-box !important;
    }

    body .gs-account-card-summary-open * {
        font-size: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }

    /*
     * Informações detalhadas ficam escondidas.
     */
    body .gs-account-card-collapse-details {
        display: none !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        padding:
            9px !important;

        border-top:
            1px solid
            rgba(70, 118, 145, 0.28) !important;

        box-sizing: border-box !important;
    }

    /*
     * Exibe as informações ao tocar na seta.
     */
    body .gs-account-card-expanded
    .gs-account-card-collapse-details {
        display: block !important;
    }

    /*
     * Remove espaços exagerados dentro do conteúdo aberto.
     */
    body .gs-account-card-collapse-details > :first-child {
        margin-top: 0 !important;
    }

    body .gs-account-card-collapse-details > :last-child {
        margin-bottom: 0 !important;
    }

    /*
     * O botão que foi movido não deixa espaço vazio
     * no antigo contêiner de ações.
     */
    body .gs-account-card-collapse-details
    [class*="actions"]:empty,

    body .gs-account-card-collapse-details
    [class*="buttons"]:empty {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media screen and (max-width: 390px) {

    body .gs-account-card-summary {
        padding: 8px !important;

        gap: 5px !important;
    }

    body .gs-account-card-summary-title {
        font-size: 11px !important;
    }

    body .gs-account-card-summary-open {
        min-height: 32px !important;

        font-size: 9.5px !important;
    }

    body .gs-account-card-toggle {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;

        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
    }

    body .gs-account-card-collapse-details {
        padding: 8px !important;
    }
}