/* MobilizaPro HML — RC1.1.17-T1b */
#page-dashboard .mpg-kpis{grid-template-columns:repeat(4,minmax(0,1fr));}
#page-dashboard .mpg-kpi-explain{cursor:pointer;position:relative;transition:border-color .15s ease,transform .15s ease,background .15s ease}
#page-dashboard .mpg-kpi-explain:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.45)}
#page-dashboard .mpg-kpi-explain:focus{outline:2px solid rgba(96,165,250,.65);outline-offset:2px}
#page-dashboard .mpg-kpi-copy em{margin-top:7px;display:flex;align-items:center;gap:4px;color:#7fb4f5;font-size:9px;font-style:normal;font-weight:800}
#page-dashboard .mpg-kpi-copy em .material-symbols-outlined{font-size:13px}
.mpgm-backdrop{position:fixed;inset:0;z-index:99999;background:rgba(2,8,23,.76);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}
.mpgm-modal{position:relative;width:min(560px,100%);border:1px solid rgba(96,165,250,.32);border-radius:20px;background:linear-gradient(160deg,#122038,#091525);box-shadow:0 28px 80px rgba(0,0,0,.48);padding:26px;color:#eef6ff}
.mpgm-modal h3{font-family:Outfit,Inter,sans-serif;font-size:24px;font-weight:900;margin:13px 0 8px}.mpgm-modal p{font-size:13px;line-height:1.65;color:#b7c8df}.mpgm-modal small{display:block;margin-top:14px;color:#7187a6;font-size:10px;line-height:1.45}
.mpgm-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(96,165,250,.24);border-radius:999px;background:rgba(37,99,235,.1);color:#8fc2ff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.mpgm-badge .material-symbols-outlined{font-size:15px}
.mpgm-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(148,163,184,.18);background:#0b1729;color:#a9bad0;display:grid;place-items:center;cursor:pointer}.mpgm-close:hover{color:#fff;border-color:rgba(96,165,250,.45)}
.mpgm-formula{margin-top:18px;padding:14px 15px;border:1px solid rgba(45,212,191,.24);border-radius:13px;background:rgba(20,184,166,.07);color:#bfeee7;font-size:12px;line-height:1.55}.mpgm-formula b{color:#fff;font-size:17px}
.mpgm-bars{min-height:330px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:end;padding-top:15px}.mpgm-stage{text-align:center;min-width:0}.mpgm-barbox{height:235px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.mpgm-barbox b{font-size:13px;color:#fff}.mpgm-barbox i{display:block;width:min(58px,70%);min-height:18px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#38bdf8,#2563eb);box-shadow:0 10px 25px rgba(37,99,235,.22)}.mpgm-stage strong{display:block;margin-top:10px;color:#dbeafe;font-size:10px;line-height:1.35;min-height:42px}.mpgm-stage small{display:block;margin-top:5px;color:#7890af;font-size:9px;line-height:1.3}.mpgm-stage-total{padding-left:14px;border-left:1px solid rgba(45,212,191,.22)}.mpgm-stage-total .mpgm-barbox b{font-size:15px;color:#ccfbf1}.mpgm-stage-total .mpgm-barbox i{background:linear-gradient(180deg,#2dd4bf,#0f766e);box-shadow:0 10px 25px rgba(20,184,166,.24)}.mpgm-stage-total strong{color:#99f6e4;font-weight:900}.mpgm-warning{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:6px;color:#fbbf24;font-size:10px}.mpgm-warning .material-symbols-outlined{font-size:16px}
#page-dashboard #mpbi-kpi-section .mpbi-kpi{cursor:pointer}
@media(max-width:1250px){#page-dashboard .mpg-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mpgm-bars{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:720px){#page-dashboard .mpg-kpis{grid-template-columns:1fr}.mpgm-bars{grid-template-columns:1fr 1fr}.mpgm-modal{padding:22px 18px}.mpgm-stage strong{min-height:0}}