/* DEEC Studio · panel administrativo: dot grid ESTRATÉGICO del fondo. No es una textura: es un único acento localizado, pequeño y de baja intensidad, en la parte superior derecha del lienzo (.main::before): el 60 % del
   ancho y hasta 530 px de alto (en móvil todo el ancho y 380 px), detrás del encabezado, los buscadores y las tablas; más denso junto a la esquina y desvaneciéndose de forma gradual (máscara radial) hacia los límites de la zona.
   Va detrás del contenido y sin capturar el cursor; el resto del fondo queda liso. Las tarjetas (incluidos los indicadores KPI) NO llevan puntos: son opacas y quedan por encima. Es la ÚNICA excepción a «sin degradados ni
   máscaras» del panel (ver el test «sin fades»): vive solo en este archivo y solo en este pseudo-elemento. El color sale de los tokens del tema (siempre sólido, mezcla del fondo con el acento); en alto contraste e impresión se oculta. */
.main{position:relative;isolation:isolate}
.main::before{content:"";position:absolute;top:0;right:0;z-index:-1;width:60%;height:min(530px,100%);pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--bg2) 66%,var(--acc)) 1.1px,transparent 1.7px) 0 0/20px 20px;-webkit-mask-image:radial-gradient(ellipse 125% 125% at 100% 0%,#000 0%,rgba(0,0,0,.7) 38%,transparent 100%);mask-image:radial-gradient(ellipse 125% 125% at 100% 0%,#000 0%,rgba(0,0,0,.7) 38%,transparent 100%)}
@media (max-width:900px){.main::before{width:100%;height:min(380px,100%);background-size:16px 16px}}
html[data-pal=contraste] .main::before{display:none}
@media print{.main::before{display:none}}