/* Tema padrao: carvao e cinza, com cor reservada para estados e severidades. */
:root{
  color-scheme:dark;
  --ink:#e5e7eb;
  --muted:#a3a6ad;
  --teal:#c3c7cf;
  --mint:#b9bec8;
  --line:#303238;
  --bg:#131416;
  --dark:#18191c;
  --red:#dfa0a8;
  --amber:#ccb48e;
}
body{background:var(--bg);color:var(--ink)}
a:hover{color:#fff}
.sidebar{color:#b0b3bb;border-right:1px solid #292b30}
.brand{color:#f0f1f3!important}
.brand small{color:#a8abb3}
.environment{color:#bfc2c9;background:#232529;border-color:#35383e}
.environment>span{background:#a9afb9}
.nav-caption{color:#92969f}
.sidebar nav>a>span{color:#969ba5}
.sidebar nav>a.selected,.sidebar nav>a:hover{color:#f0f1f4;background:#2b2e34}
.sidebar nav>a.selected>span{color:#d9dde5}
.sidebar-bottom{border-color:#303238}
.sidebar-bottom strong{color:#eceef1}
.sidebar-bottom small{color:#9da1aa}
.avatar{background:#30333a;color:#d9dce3}
.logout,.password-link{color:#aeb3bd}
.logout:hover,.password-link:hover{color:#fff}
.sidebar-version{color:#92969f}
.topbar{background:#191a1d}
.breadcrumb{color:#a3a6af}
.breadcrumb>span{color:#71757f}
.breadcrumb strong{color:#d1d4db}
.company-picker summary{color:#d5d8de;background:#222428}
.company-picker>div{background:#222428;box-shadow:0 12px 30px #00000040}
.company-picker a:hover{color:#fff;background:#30333a}
.periods{background:#1b1d20}
.periods>a{color:#a5a9b3}
.periods>a.chosen{background:#353840;color:#f2f3f5}
.data-line{color:#a0a4ad}
.live-dot{background:#9bb9aa}
.kpi,.card{background:#1c1e22;box-shadow:0 2px 7px #0000000d}
.kpi{border-top-color:#3a3d44}
.kpi>div{color:#b0b4be}
.kpi>div>span{color:#bdc2cc;background:#2a2d33}
.green{color:#a5c2b0}
.red,.number-critical{color:#dfa0a8}
.chart-legend{color:#a7acb5}
.chart-legend>i{background:#a7adb9}
.bar-chart{background-image:repeating-linear-gradient(to top,transparent 0,transparent 39px,#34363d 40px,transparent 41px)}
.bar{background:linear-gradient(#a8aeba,#737c8a)}
.bar:hover{background:#d0d4dc}
.bar span{color:#e6e9ee}
.bar-column small{color:#9fa4ae}
.severity-list>div{border-color:#303238}
.severity-list span{color:#b5b9c2}
.critical{background:#cf929e}
.high{background:#c4a184}
.medium{background:#c4b58c}
.low{background:#96b1a2}
.footnote{color:#9ea3ad}
th{background:#24262b;color:#b8bdc6}
td{color:#c2c6cf;border-color:#303238}
tbody tr:hover{background:#24272d}
td small{color:#a1a6b0}
.asset-name{color:#e1e4e9}
.status{background:#303238;color:#b9bdc6}
.status.online{background:#293831;color:#b1c8ba}
.text-link{color:#c8cdd6}
.rule-list>div{border-color:#303238}
.rule-list span{color:#b6bbc5}
.rule-list strong{background:#2b2e34;color:#d7dbe2}
footer{color:#9da2ac}
.button{background:#cbd0d8;color:#17191d;border-color:#cbd0d8}
.button:hover{background:#e5e8ed;color:#111316;border-color:#e5e8ed}
.secondary-button{background:#2a2d33;color:#cbd0d9;border-color:#41454e}
.secondary-button:hover{background:#383c44;color:#f0f2f5;border-color:#565c67}
.notice{background:#272b31;color:#c1c7d1;border-color:#3b414b}
.notice.error{background:#36282d;border-color:#5a3d46;color:#e3b0ba}
.notice.success{background:#28342e;border-color:#3f5447;color:#b4ccbc}
.muted{color:#a0a5af}
.form-card label{color:#c3c8d1}
.form-card .helptext,.form-card ul{color:#a2a8b3}
input,select,textarea{background:#16181c;color:#e0e4eb;border-color:#454a55}
input::placeholder,textarea::placeholder{color:#9ca3b0;opacity:1}
input:focus,select:focus,textarea:focus{border-color:#a7aeba;outline:2px solid #bec7d329}
input[type=checkbox]{accent-color:#c0c7d2}
.pill{background:#2e323a;color:#c3cbd7}
.pill.amber{background:#2d3036;color:#bfc5cf;border:1px solid #454a54}
.critical-bg{background:#3d2b33;color:#e0a9b6}
.high-bg{background:#3b3028;color:#d6b69b}
.medium-bg{background:#373429;color:#d2c39d}
.low-bg{background:#29372f;color:#aac5b3}
.table-note{color:#a0a7b2}
.empty{color:#a8aeb9}
.login-story{background:#191b1f;color:#e5e7eb}
.login-story:after{border-color:#a3aab91a;box-shadow:0 0 0 70px #bdc4d007,0 0 0 140px #bdc4d004}
.login-copy .eyebrow{color:#afb7c5}
.login-copy h1 em{color:#c1c8d5}
.login-copy>p{color:#a9b0bd}
.login-grid{color:#b8beca}
.login-grid span{color:#9ca5b5}
.login-story>small{color:#9ca4b2}
.login-form{background:#131519}
.login-box form label{color:#bbc3d0}
.login-note>span{color:#a5aebb}
.login-note p{color:#a4adbb}
::selection{background:#5a626f;color:#fff}
@media(forced-colors:active){.button,.status,.badge{border:1px solid ButtonText}}