/* PRUEBA VISUAL D – lenguaje del hardware Climetra (solo copia sandbox) */
@font-face{font-family:"Tektur";src:url("/client/static/core/fonts/tektur-latin-wght-normal.woff2") format("woff2"),url("https://fonts.gstatic.com/s/tektur/v6/XoH62YHtS7q969kXCjzlV0aSkS_o8OacszucvA.woff2") format("woff2");font-weight:400 900;font-display:swap;}
:root{--bg:#121214;--s1:#1a1a1d;--s2:#212125;--edge:#3a3b3f;--grey:#8a8d90;--pur:#7b2fd6;--pur2:#a274ff;--txt:#ecebef;--mut:#8f9196;
 --ok:#4fd88a;--warn:#ffb03a;--bad:#ff5f52;--c:12px;--cs:7px;
 --layers:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);}
html,body{background:var(--bg)!important;color:var(--txt)!important;}
body{background-image:none!important;position:relative;z-index:0;}
body::before{content:"";position:fixed;inset:0;background:url("/client/static/core/voronoi.svg") 0 0/520px;opacity:.06;z-index:-1;pointer-events:none;}
/* chaflán con borde real: el elemento es el "borde" y ::before es el relleno, ambos recortados en octógono */
.cm-banner,.top,.card,details.fol,.mc,.m,.open,.cm-actions button,.seg{
 --k:var(--c);position:relative;isolation:isolate;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;
 background:var(--edge)!important;
 clip-path:polygon(var(--k) 0,calc(100% - var(--k)) 0,100% var(--k),100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,var(--k) 100%,0 calc(100% - var(--k)),0 var(--k));}
.cm-banner::before,.top::before,.card::before,details.fol::before,.mc::before,.m::before,.open::before,.cm-actions button::before,.seg::before{
 content:"";position:absolute;inset:1px;z-index:-1;background:var(--layers),var(--fill,var(--s1));
 clip-path:polygon(calc(var(--k) - .4px) 0,calc(100% - var(--k) + .4px) 0,100% calc(var(--k) - .4px),100% calc(100% - var(--k) + .4px),calc(100% - var(--k) + .4px) 100%,calc(var(--k) - .4px) 100%,0 calc(100% - var(--k) + .4px),0 calc(var(--k) - .4px));}
.m,.mc,.open,.cm-actions button,.seg{--k:var(--cs);--fill:var(--s2);}
.open,.cm-actions button{--fill:var(--s1);}
.open{background:var(--pur)!important;color:var(--pur2)!important;}
.mc.ok{background:color-mix(in srgb,var(--ok) 40%,var(--edge))!important;}
.mc.warn{background:color-mix(in srgb,var(--warn) 55%,var(--edge))!important;}
.mc.bad{background:color-mix(in srgb,var(--bad) 60%,var(--edge))!important;}
/* costillas/clips en los bordes laterales de las tarjetas grandes */
.card::after,.top::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
 background:linear-gradient(var(--grey),var(--grey)) left 0 top 28%/3px 18px no-repeat,linear-gradient(var(--grey),var(--grey)) left 0 bottom 28%/3px 18px no-repeat,
            linear-gradient(var(--grey),var(--grey)) right 0 top 28%/3px 18px no-repeat,linear-gradient(var(--grey),var(--grey)) right 0 bottom 28%/3px 18px no-repeat;opacity:.55;}
/* encabezado: placa con Voronoi + 3 ranuras */
.cm-banner{--fill:linear-gradient(rgba(26,26,29,.86),rgba(26,26,29,.86)),url("/client/static/core/voronoi.svg") 0 0/260px;}
.cm-banner::after{content:"";position:absolute;right:16px;bottom:5px;width:46px;height:9px;pointer-events:none;
 background:repeating-linear-gradient(180deg,var(--grey) 0 1.5px,transparent 1.5px 3.5px);opacity:.6;}
.cm-brand img{animation:none!important;filter:brightness(.6) contrast(1.1) drop-shadow(-1px -1px 0 rgba(255,255,255,.28)) drop-shadow(1.5px 1.5px 0 rgba(0,0,0,.9))!important;}
.cm-section h2{display:flex;align-items:center;gap:10px;font-family:"Tektur"!important;color:var(--grey)!important;letter-spacing:.2em!important;font-weight:600!important;}
.cm-section h2::before{content:"";width:22px;height:9px;background:repeating-linear-gradient(180deg,var(--pur2) 0 1.5px,transparent 1.5px 3.5px);}
.cm-section h2::after{content:"";flex:1;height:1px;background:var(--edge);}
.ttl::before{content:"";display:inline-block;width:18px;height:9px;margin-right:8px;vertical-align:middle;background:repeating-linear-gradient(180deg,var(--pur2) 0 1.5px,transparent 1.5px 3.5px);}
.name,.ttl,.lead .v,.co2big .v{font-family:"Tektur",system-ui,sans-serif!important;}
.name,.ttl{text-transform:uppercase;letter-spacing:.04em!important;font-weight:700!important;}
.k,.id,.small,.ago,.footer,.u{color:var(--mut)!important;}
.v{color:var(--txt)!important;}
.pill,.st{border-radius:6px!important;}
.pill.live.ok::before{animation:none!important;box-shadow:none!important;}
.pill.ok,.st.ok{color:var(--ok)!important;border-color:color-mix(in srgb,var(--ok) 50%,transparent)!important;background:color-mix(in srgb,var(--ok) 8%,transparent)!important;}
.pill.warn,.st.warn{color:var(--warn)!important;border-color:color-mix(in srgb,var(--warn) 55%,transparent)!important;background:color-mix(in srgb,var(--warn) 8%,transparent)!important;}
.pill.bad,.st.bad{color:var(--bad)!important;border-color:color-mix(in srgb,var(--bad) 55%,transparent)!important;background:color-mix(in srgb,var(--bad) 9%,transparent)!important;}
.pill.info,.pill.mut{color:var(--grey)!important;border-color:var(--edge)!important;background:transparent!important;}
.pill.plan{color:#fff!important;border-color:var(--pur)!important;background:var(--pur)!important;}
.seg{background:var(--edge)!important;} .seg button.on{background:var(--pur)!important;color:#fff!important;}
a,.alt-tag a{color:var(--pur2)!important;border-color:var(--pur2)!important;}
.bar{border-radius:0!important;background:#2b2c30!important;}
.bar .z{border-radius:0!important;background:color-mix(in srgb,var(--ok) 32%,transparent)!important;}
.bar .m{background:var(--txt)!important;clip-path:none!important;border-radius:0!important;}
.bar .m::before{display:none!important;}
.spk polyline{stroke:var(--pur2)!important;}
.spk circle{fill:var(--pur2)!important;}
.lead .spk rect{fill:rgba(162,116,255,.07)!important;}
.mtr[data-trend="up"],.tr.up{color:#e8c07a!important;} .mtr[data-trend="down"],.tr.down{color:#b3b4b7!important;}