/* editorial.css — o acabamento do Painel Combine (repo CombineGR/dashboard) nas telas de dados do inbox, o relatório e o
   funil (.repwrap): papel com grão atrás dos cards e o fio coral no card do número herói. Carrega depois do brand.css;
   o movimento está no editorial.js. Os cards próprios do relatório (.rpcard, seções .inv e .white) ficam como estão. */

/* o grão é ruído SVG com a transparência embutida: escuro no tema claro, claro no escuro */
:root{--grao:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
:root[data-theme="dark"]{--grao:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
.boardov .repwrap{background-image:var(--grao)}

.boardov .statcard:not(.rpcard):has(.statval.hero){position:relative;overflow:hidden;background-image:linear-gradient(160deg,color-mix(in srgb,var(--coral) 8%,var(--panel)),var(--panel) 62%)}
.boardov .statcard:not(.rpcard):has(.statval.hero)::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--coral)}