/*
 * ALBARON OPTIONS V32C
 * AI BOT NAVIGATION
 * Presentation only.
 */

.portal-nav-button.ai-bot-button {
    color:
        #8fb8ff !important;

    border-color:
        rgba(76, 141, 255, .34) !important;

    background:
        rgba(76, 141, 255, .08) !important;
}

.portal-nav-button.ai-bot-button:hover {
    color:
        #b7d0ff !important;

    border-color:
        rgba(76, 141, 255, .58) !important;

    background:
        rgba(76, 141, 255, .13) !important;

    box-shadow:
        0 10px 28px
        rgba(0, 0, 0, .28),
        0 0 18px
        rgba(76, 141, 255, .10) !important;
}

/*
 * Desktop keeps current layout.
 * Mobile shows the three project/account buttons
 * in one balanced row.
 */

@media (max-width: 760px) {

    .portal-nav-actions {
        display: grid !important;

        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            ) !important;

        width: 100% !important;

        gap: 7px !important;
    }

    .portal-nav-actions .portal-nav-button {
        display: inline-flex !important;

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

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

        padding:
            0
            8px !important;

        font-size:
            11.5px !important;

        white-space:
            nowrap !important;
    }
}

@media (max-width: 390px) {

    .portal-nav-actions {
        gap:
            5px !important;
    }

    .portal-nav-actions .portal-nav-button {
        padding:
            0
            5px !important;

        font-size:
            10.5px !important;
    }
}