/* Status icons - Online/Offline, Enabled/Disabled */
[data-icon^="cv-status-"].clickable:hover:before,
[data-icon^="cv-status-"][data-info]:hover:before { scale:1.1; }
[data-icon^="cv-status-"]:before { 
    content:' ';
    box-sizing:border-box;
    width:1em; min-width:1em; max-width:1em;
    height:1em; min-height:1em; max-height:1em;
    aspect-ratio:1/1;
    margin-right:0.5em;
    border-radius:1em;
    border-width:0.2em;
    border-style:solid;
    background-color:var(--background-color);
    border-color:var(--border-color);
}

[data-icon^="cv-status-"][data-icon*="-disabled"]:before { 
    --border-color:var(--cavelo-grey);
}
[data-icon^="cv-status-"][data-icon*="-online"]:before { 
    --background-color:var(--low-60);
    --border-color:var(--low-100);
}
[data-icon^="cv-status-"][data-icon*="-offline"]:before { 
    --background-color:var(--cv-accent-red-light);
    --border-color:var(--cv-accent-red-medium);
}
[data-icon^="cv-status-"][data-icon*="-disabled"]:before { 
    background-color:var(--background-color, var(--cavelo-platinum));
    --border-color:var(--cavelo-grey);
}




/* *[data-icon]:not(.hidden):not(.remain-hidden):not(.hide-empty:empty):before { 
    position:relative;
    display:inline;
    height:100% !important; 
    justify-content:flex-start !important;
    align-items:flex-start !important; 
    vertical-align:top !important; 
    flex-direction:column;
} */

/* *[data-icon]:not(.hidden):not(.remain-hidden):not(.hide-empty:empty) {  */
    /* align-items:flex-start !important;  */
/* } */
