/* Estilos das telas de monitoramento (portados dos <style> inline do legado, agora com tokens). */

h1 {
    font-size: var(--fonte-titulo);
}

/* Estados de criticidade */
.problem { background-color: var(--cor-problem); }
.warning { background-color: var(--cor-warning); }
.safe { background-color: var(--cor-safe); }
.future { background-color: var(--cor-future); }

/* Campo oculto (legado: .ip-field) */
.ip-field { display: none; }

/* Painel arrastável (jQuery UI draggable) */
.draggable { border-style: solid; }

#title { width: 220px; }

table td { border: 1px groove var(--cor-borda-td); }
table th { border: 2px ridge var(--cor-borda-th); }

/* Layout do painel Engemix */
.float-container {
    float: left;
    padding: var(--esp-1);
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

#select-filter {
    clear: left;
    position: relative;
    top: -65px;
    margin-bottom: -120px;
}

/* Mensagem de erro (login/otp) */
.erro { color: var(--cor-problem); }