.info-icon{width:22px;height:22px;border:1px solid #b9ccd2;border-radius:50%;display:grid;place-items:center;color:#0c7c86;background:#f4fbfb;font:800 10px Manrope;cursor:help;flex:0 0 auto}.metric-card .info-icon{width:20px;height:20px}.explainable{cursor:help}.plain-legend{margin:5px 0 0;color:#6d8189;font-size:10px}.executive-chart{margin-top:18px}.chart-wrap.large{height:310px}.ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:17px}.ranking-panel{min-height:330px}.hbar-wrap{position:relative;height:280px;overflow-y:auto;overflow-x:hidden}.hbar-chart{width:100%;min-height:260px}.matrix-panel{margin-top:17px}.heat-table{min-width:1050px}.heat-table .service-name{max-width:300px;font-weight:700;color:#354f59}.heat-cell{text-align:center;background:rgba(12,124,134,calc(.06 + var(--heat)*.7));color:#173b43;font-weight:700;border:2px solid white;padding:9px 7px}.hover-modal{position:fixed;z-index:200;width:min(310px,calc(100vw - 30px));background:#0b2c3a;color:#e8f3f5;padding:14px 16px;border-radius:9px;box-shadow:0 14px 38px rgba(5,25,34,.3);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);transition:opacity .12s,transform .12s}.hover-modal.show{opacity:1;visibility:visible;transform:none}.hover-modal b{display:block;color:#67d2d2;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.hover-modal p{font-size:11px;line-height:1.55;margin:5px 0 0}.secondary-grid:empty{display:none}
@media(max-width:1000px){.ranking-grid{grid-template-columns:1fr}.mapping-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.chart-wrap.large{height:250px}.ranking-panel{min-height:290px}.hbar-wrap{height:240px}}