/*
  Final scoped product layer.
  No global layout rewrite.
*/

#mobileLogout{
    display:none;
}


#page-chief select,
#page-askai select{
    max-width:100%;
}


#page-chief option,
#page-askai option{
    white-space:normal;
}


#page-home .metric-card,
#page-home .panel,
#page-home .integration-card-058{
    border:1px solid var(--border);
    background:var(--surface);
}


#page-home .integration-grid-058{
    display:grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(
                230px,
                1fr
            )
        );
    gap:10px;
}


#page-chief .chief-stats-060{
    display:grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(
                140px,
                1fr
            )
        );
    gap:8px;
}


#page-chief .chief-layout-060{
    min-width:0;
}


#page-chief .chief-chat-060,
#page-chief .chief-sidebar-060{
    min-width:0;
}


@media(max-width:700px){

    #page-home .integration-grid-058{
        grid-template-columns:1fr;
    }
}

@media(max-width:430px){
    /* Help remains available in the navigation drawer. Give the current
       page title enough room instead of truncating even short titles. */
    .topbar .help-icon,
    .topbar .help-button-058{
        display:none !important;
    }

    .topbar #dtThemeButton082,
    .topbar #pageSubtitle,
    .topbar #usernameTop,
    .topbar #logout{
        display:none !important;
    }

    #mobileLogout{
        display:block;
        margin-bottom:12px;
    }

    .topbar #pageTitle{
        max-width:none !important;
        font-size:14px !important;
    }
}