/* ===== TEMA D (lenguaje del hardware Climetra) – SOLO PRUEBA VISUAL full-D. Generado por scripts/make-theme-d.py ===== */
@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{--d-bg:#121214;--d-s1:#1a1a1d;--d-s2:#212125;--d-edge:#3a3b3f;--d-grey:#8a8d90;--d-pur:#7b2fd6;--d-pur2:#a274ff;--d-txt:#ecebef;--d-mut:#8f9196;--d-ok:#4fd88a;--d-warn:#ffb03a;--d-bad:#ff5f52;
 --bg:var(--d-bg);--bg2:var(--d-bg);--card:var(--d-s1);--surface:var(--d-s1);--line:var(--d-edge);--border:var(--d-edge);--brd:var(--d-edge);
 --txt:var(--d-txt);--text:var(--d-txt);--mut:var(--d-mut);--muted:var(--d-mut);--ok:var(--d-ok);--warn:var(--d-warn);--bad:var(--d-bad);--err:var(--d-bad);--info:#b0b4b7;--glow1:transparent;--glow2:transparent;}
html,body{background:var(--d-bg)!important;color:var(--d-txt);}
body{background-image:none!important;}
body::before{content:"";position:fixed;inset:0;background:url("/client/static/core/voronoi.svg") 0 0/520px;opacity:.05;z-index:-1;pointer-events:none;}
*{text-shadow:none!important;backdrop-filter:none!important;}
*:not(input):not(textarea):not(select):not([class*="toggle"]):not([class*="switch"]){box-shadow:none!important;}
/* manchas de brillo borrosas decorativas */
.c2p-mcard::after,.c2p-pcell-glow,[class*="-glow"]{display:none!important;}
.box,.ec,.autoslot,.c2p-panel,.c2p-sum-card,.c2p-topbar,.cfg-card,.cfg-noti-shell,.l-form,.n-card,.n-summary-box,.vpd-card,.vpd-hero,.ci-module-card,.ci-catalog-head,section.card,.card,.cm-banner,.top,details.fol,.dev-header{border-radius:0!important;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)!important;background-color:var(--d-s1)!important;background-image:linear-gradient(135deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(225deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(315deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(45deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(var(--d-grey),var(--d-grey)),linear-gradient(var(--d-grey),var(--d-grey)),linear-gradient(var(--d-grey),var(--d-grey)),linear-gradient(var(--d-grey),var(--d-grey))!important;background-position:left top,right top,right bottom,left bottom,left 0 top 28%,right 0 top 28%,left 0 bottom 28%,right 0 bottom 28%!important;background-size:12px 12px,12px 12px,12px 12px,12px 12px,3px 16px,3px 16px,3px 16px,3px 16px!important;background-repeat:no-repeat!important;}
.c2p-mcard,.c2p-meas-status,.co2h-kpi,.co2h-verdict,.l-item,.n-item,.n-rule,.vpd-kpi,.vpd-mini,.mc,.m,.btn,.c2p-btn,.c2p-pcell,.l-btn,.vpd-tab,.co2h-picker-btn,.cfg-name-btn,.open,.shell-btn,.c2p-seg,.seg,input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select,.vpd-select{border-radius:0!important;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)!important;background-color:var(--d-s2)!important;background-image:linear-gradient(135deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(225deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(315deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(45deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px))!important;background-position:left top,right top,right bottom,left bottom!important;background-size:7px 7px,7px 7px,7px 7px,7px 7px!important;background-repeat:no-repeat!important;}
.btn.primary,.c2p-btn.primary{background-color:var(--d-pur)!important;border-color:var(--d-pur)!important;color:#fff!important;}
.dev-header,.c2p-topbar,.box.top,.cm-banner,.top{background-image:linear-gradient(135deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(225deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(315deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(45deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),repeating-linear-gradient(180deg,var(--d-grey) 0 1.5px,transparent 1.5px 3.5px)!important;background-position:left top,right top,right bottom,left bottom,right 18px bottom 6px!important;background-size:12px 12px,12px 12px,12px 12px,12px 12px,40px 9px!important;background-repeat:no-repeat!important;}
img[src*="logo"]{animation:none!important;filter:brightness(.62) 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;}
h1,h2,h3,.ttl,.dev-title,.name,.cm-section h2{font-family:"Tektur",system-ui,sans-serif!important;letter-spacing:.03em;}
.pill,[class*="-pill"],.st,.badge,[class*="chip"],[class*="-state"]{border-radius:6px!important;}
.bottom-nav{background:var(--d-s1)!important;border-top:1px solid var(--d-edge)!important;}
.nav-btn.active,.nav-btn.active *{color:var(--d-pur2)!important;}
.mtr[data-trend="up"],.tr.up{color:#e8c07a!important;} .mtr[data-trend="down"],.tr.down{color:#b0b4b7!important;}
.spk polyline{stroke:var(--d-pur2)!important;}

/* Live: palito de margen (.mk). Antes era .m y heredaba chaflán grafito de las celdas. */
.bar{background:#2a2b2f!important;background-image:none!important;clip-path:none!important;border-radius:0!important;overflow:visible!important;height:2px!important;}
.bar .z,.bar .zo,.bar .zw,.bar .zc{background-image:none!important;clip-path:none!important;border-radius:0!important;}
.bar .zo{background:color-mix(in srgb,var(--d-ok) 28%,#2a2b2f)!important;}
.bar .zw{background:color-mix(in srgb,var(--d-warn) 22%,#2a2b2f)!important;}
.bar .zc{background:color-mix(in srgb,var(--d-bad) 20%,#2a2b2f)!important;}
.bar .mk,.bar .m{
  clip-path:none!important;background-image:none!important;border-radius:0!important;
  background-color:var(--d-pur2)!important;width:2px!important;height:12px!important;top:-5px!important;
  outline:none;
}
.bar.ok .mk,.bar.ok .m{background-color:var(--d-ok)!important;}
.bar.warn .mk,.bar.warn .m{background-color:var(--d-warn)!important;}
.bar.bad .mk,.bar.bad .m{background-color:var(--d-bad)!important;}

/* Live: no pintar toda la caja. Estado = pastilla + barra; borde apenas teñido */
.mc.ok,.mc.warn,.mc.bad{background-color:var(--d-s2)!important;}
.mc.ok{outline:1px solid color-mix(in srgb,var(--d-ok) 38%,transparent)!important;outline-offset:-1px;}
.mc.warn{outline:1px solid color-mix(in srgb,var(--d-warn) 42%,transparent)!important;outline-offset:-1px;}
.mc.bad{outline:1px solid color-mix(in srgb,var(--d-bad) 48%,transparent)!important;outline-offset:-1px;}
.st{clip-path:none!important;background-image:none!important;}
.st.ok{color:var(--d-ok)!important;border-color:color-mix(in srgb,var(--d-ok) 50%,transparent)!important;background:color-mix(in srgb,var(--d-ok) 12%,transparent)!important;}
.st.warn{color:var(--d-warn)!important;border-color:color-mix(in srgb,var(--d-warn) 55%,transparent)!important;background:color-mix(in srgb,var(--d-warn) 12%,transparent)!important;}
.st.bad{color:var(--d-bad)!important;border-color:color-mix(in srgb,var(--d-bad) 55%,transparent)!important;background:color-mix(in srgb,var(--d-bad) 14%,transparent)!important;}

/* selección y plan = morado de marca */
.seg button.on,.c2p-seg .active,.c2p-seg button.on,.c2p-seg [aria-pressed="true"]{background:var(--d-pur)!important;color:#fff!important;}
.pill.plan{color:#fff!important;border-color:var(--d-pur)!important;background:var(--d-pur)!important;}

/* v2: botón Intelligence = morado de marca, sin degradado ni brillo */
.ci-btn.enter,.ci-btn.analyze{background:var(--d-pur)!important;border-color:var(--d-pur)!important;color:#fff!important;}
.ci-btn.enter::after,.ci-btn.analyze::after{display:none!important;}

/* Historial: botones de series = mismo chaflán / grafito / morado que el resto D */
.co2h-series-btn,
.vpd-series button,
.th2-series-inline .th2-btn{
  border-radius:0!important;
  border-color:var(--d-edge)!important;
  clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)!important;
  background-color:var(--d-s2)!important;
  background-image:linear-gradient(135deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(225deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(315deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(45deg,transparent calc(50% - .2px),var(--d-edge) calc(50% - .2px) calc(50% + 1px),transparent calc(50% + 1px))!important;
  background-position:left top,right top,right bottom,left bottom!important;
  background-size:7px 7px,7px 7px,7px 7px,7px 7px!important;
  background-repeat:no-repeat!important;
  color:var(--d-mut)!important;
  font-family:"Tektur",system-ui,sans-serif!important;
  letter-spacing:.03em!important;
}
.co2h-series-btn.active,
.vpd-series button.active,
.th2-series-inline .th2-btn.active{
  background-color:var(--d-pur)!important;
  color:#fff!important;
  border-color:var(--d-pur)!important;
}

/* Historial: gráfico opaco; fila de series transparente */
.vpd-chart,.co2h-chart-wrap{
  background:#1c1c1e!important;
  background-image:none!important;
}
.vpd-series,.co2h-series-panel{
  background:transparent!important;
  background-image:none!important;
}