/* BI-only visual treatment for the shared IGBSSaaS / Odoo component system. */
.bi-reference-visual{width:100%;padding:clamp(16px,2vw,26px);border:1px solid rgba(31,42,58,.12);background:linear-gradient(145deg,#fff 0%,#f5f6fa 100%);box-shadow:0 26px 64px rgba(20,30,48,.13);position:relative;overflow:hidden}
.bi-reference-visual:before{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-110px;border-radius:50%;background:rgba(241,90,36,.10);filter:blur(40px);pointer-events:none}
.bi-reference-visual__head,.bi-reference-visual__foot,.bi-reference-visual__chart>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}
.bi-reference-visual__head{font-size:9px;letter-spacing:.12em;color:#6d7684}.bi-reference-visual__head i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#f15a24}
.bi-reference-visual__kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 12px;position:relative;z-index:1}.bi-reference-visual__kpis>div{padding:13px;background:#fff;border:1px solid #e9ebef;min-width:0}.bi-reference-visual__kpis small,.bi-reference-visual__kpis em{display:block;color:#818a97;font-size:9px;font-style:normal}.bi-reference-visual__kpis b{display:block;margin:7px 0 4px;color:#202b3a;font-size:clamp(19px,2vw,28px);letter-spacing:-.06em}.bi-reference-visual__kpis em{color:#43836a}
.bi-reference-visual__chart{padding:14px;background:#fff;border:1px solid #e9ebef;position:relative;z-index:1}.bi-reference-visual__chart>div:first-child b{font-size:11px;color:#293444}.bi-reference-visual__chart>div:first-child span{font-size:9px;color:#969eaa}.bi-reference-visual__chart svg{display:block;width:100%;height:150px;margin-top:8px;overflow:visible}.bi-reference-visual__chart svg path:first-child{fill:none;stroke:#e8ebf0;stroke-dasharray:3 5}.bi-reference-area{fill:rgba(241,90,36,.10)}.bi-reference-line{fill:none;stroke:#f15a24;stroke-width:3;stroke-linecap:round}.bi-reference-months{display:flex;justify-content:space-between;color:#9ba3ae;font-size:8px;letter-spacing:.08em}.bi-reference-visual__foot{margin-top:13px;color:#737d8b;font-size:8px;letter-spacing:.1em;flex-wrap:wrap}.bi-reference-visual__foot b{color:#f15a24}
@media(max-width:600px){.bi-reference-visual{padding:12px}.bi-reference-visual__kpis{gap:5px}.bi-reference-visual__kpis>div{padding:9px 7px}.bi-reference-visual__kpis small{font-size:8px}.bi-reference-visual__kpis em{font-size:7px}.bi-reference-visual__chart{padding:10px}.bi-reference-visual__chart svg{height:105px}}