
/* ——————————————————————————————————————————————————————————
*/

/* parent —— (header, shadowforce)
*/

.sidebar_live_dashboard {
    width        : 100%;

    margin-top   : 8px;
    padding      : 0;
    row-gap      : 0;
    column-gap   : 0;

}


/* ordem dos divs */
.sidebar_live_dashboard.order_0 { order: 0; }
.sidebar_live_dashboard.order_1 { order: 1; }



/* ——————————————————————————————————————————————————————————
*/

/* um shadowforce na sidebar */

.shadowforce.live_sidebar {

    width:  100% !important;

    opacity:    1;
    visibility  : visible;

    transition  : opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;

    /* emulando g-0 */
    margin-right: 0;
    margin-left : 0;
    row-gap     : 0;
    column-gap  : 0;
    padding     : 0;

    border-bottom : 2px solid darkgray;

}

.shadowforce.live_sidebar.gone {
    opacity     : 0;
    visibility  : hidden;
}


/* ——————————————————————————————————————————————————————————
*/


/* header — container de [label, Select] */
.sidebar_dash_header {

    display         : flex;
    justify-content : center;
    visibility      : visible;

    margin-bottom   : 8px;

}


.sidebar_dash_header.gone {
    visibility: hidden;
}


/* ——————————————————————————————————————————————————————————
*/

/* o component Select */
.sidebar_dash_header_dropdown {
    margin-top:  0;
}


/* ——————————————————————————————————————————————————————————
*/

/* label antes do Select */
.sidebar_dash_header_label {

    white-space     : pre;       /* mostrar espaços do children, em vez de ignorar */
    font-weight     : bold;
    font-size       : small;
    color           : white;
    margin-right    : 20px;
}



/* ——————————————————————————————————————————————————————————
*/


/* para alterar o tamanho do input:  */
/* min-height: valor  (ver inspect component, class m_8fb7ebe7 */

.dmc_sidebar_input {
    background-color    : var(--gray_background);
    font-weight         : bold;
    color               : black;

    min-height      : 1.5em;
    height          : 1.5em;

}


