/* Billing & Reporting page (br-*). Reuses dc-* from documentation.css; loaded on billing-report.html only. */
.br-card li .ic{color:#2e9e6b}
.br-strip{grid-template-columns:repeat(6,1fr)}
.br-strip div{padding:1.1rem .8rem}
.br-strip .ic{width:1.9rem;height:1.9rem}
.br-adv-grid{grid-template-columns:repeat(4,1fr)}
.br-adv-grid li{padding:1.5rem .8rem}
.br-adv-grid .ic{width:3rem;height:3rem}
.br-cases{display:grid;grid-template-columns:repeat(8,1fr);gap:.7rem;list-style:none;margin:0;padding:0}
.br-cases li{border-radius:12px;padding:1.1rem .5rem;text-align:center;background:linear-gradient(180deg,#eef6fd,#e4eefb);box-shadow:0 6px 18px rgba(20,32,91,.07)}
.br-cases li:nth-child(even){background:linear-gradient(180deg,#eaf7f3,#dff1ec)}
.br-cases .ic{width:2.3rem;height:2.3rem;color:var(--hv-teal);margin-bottom:.4rem}
.br-cases h3{margin:0;font-size:.85rem;line-height:1.3;color:var(--hv-navy)}
.br-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2.5rem;align-items:center}
.br-stats{background:linear-gradient(120deg,#0d1b3e,#0e5b8f);color:#fff;border-radius:16px;padding:1.6rem 1.4rem 1.2rem;box-shadow:0 14px 34px rgba(13,27,62,.25)}
.br-stats h2{margin:0 0 1.1rem;text-align:center;font-size:1.45rem;color:#fff}
.br-stats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.br-stats li{text-align:center;padding:0 .5rem}
.br-stats li+li{border-left:1px solid rgba(255,255,255,.25)}
.br-stats .ic{width:2.2rem;height:2.2rem;color:#5fe0ff}
.br-stats b{display:block;font-size:1.3rem;line-height:1.2;white-space:nowrap}
.br-stats span{display:block;font-size:.8rem;line-height:1.35;opacity:.9}
.br-stats li,.br-impact>div,.br-cases li{min-width:0}
.br-stats p{margin:1rem 0 0;font-size:.75rem;opacity:.9;text-align:center}
.br-why h2{margin:0 0 1rem;font-size:1.7rem;line-height:1.2;color:var(--hv-navy)}
.br-why ul{list-style:none;margin:0;padding:0}
.br-why li{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;font-size:1rem;color:var(--hv-ink)}
.br-why li .ic{width:1.3rem;height:1.3rem;color:#2e9e6b;flex:none}
@media (max-width:1100px){.br-strip{grid-template-columns:repeat(2,1fr)}.br-adv-grid{grid-template-columns:repeat(2,1fr)}.br-cases{grid-template-columns:repeat(4,1fr)}.br-bottom{grid-template-columns:1fr}}
@media (max-width:560px){.br-strip,.br-adv-grid{grid-template-columns:1fr}.br-cases{grid-template-columns:repeat(2,1fr)}.br-stats ul{grid-template-columns:repeat(2,1fr);row-gap:1rem}.br-stats li:nth-child(3){border-left:0}}
.br-impact{grid-template-columns:repeat(6,1fr);gap:.4rem}
.br-impact .ic{width:2rem;height:2rem}
.br-impact span{font-size:.8rem;overflow-wrap:normal;word-break:normal}
@media (max-width:1100px){.br-impact{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.br-impact{grid-template-columns:1fr}}
.br-reports{display:grid;grid-template-columns:repeat(9,1fr);gap:.5rem;list-style:none;margin:0;padding:0}
.br-reports li{border-radius:12px;padding:1rem .4rem;text-align:center;background:linear-gradient(180deg,#eef6fd,#e4eefb);box-shadow:0 6px 18px rgba(20,32,91,.07)}
.br-reports li:nth-child(even){background:linear-gradient(180deg,#eaf7f3,#dff1ec)}
.br-reports .ic{width:2.1rem;height:2.1rem;color:var(--hv-teal);margin-bottom:.35rem}
.br-reports h3{margin:0;font-size:.78rem;line-height:1.3;color:var(--hv-navy)}
@media (max-width:1100px){.br-reports{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.br-reports{grid-template-columns:repeat(2,1fr)}}