
/* Modelo 2: ranking com barras legíveis e rosca proporcional aos dados. */
.mp98-cat-insights{display:grid;grid-template-columns:minmax(105px,42%) minmax(0,1fr);gap:14px;align-items:center;padding:12px 0 3px}
.mp98-cat-insights .mp92-ring{width:min(160px,100%);height:auto;aspect-ratio:1;border-radius:50%;margin:auto}
.mp98-cat-insights .mp92-ring:before{inset:24%}
.mp98-cat-insights .mp92-ring small{font-size:10px;max-width:86px}
.mp98-cat-legend{min-width:0;display:flex;flex-direction:column;gap:10px}
.mp98-cat-row{display:grid;grid-template-columns:minmax(76px,1.1fr) minmax(25px,1fr) 20px 42px;align-items:center;gap:7px;font-size:11px;border-bottom:1px solid color-mix(in srgb,var(--t-line) 65%,transparent);padding-bottom:7px;color:var(--t-text)}
.mp98-cat-label{display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.mp98-cat-label i{width:9px;height:9px;flex:0 0 9px;border-radius:50%}
.mp98-cat-bar{height:8px;border-radius:8px;background:color-mix(in srgb,var(--t-text) 12%,transparent);overflow:hidden}
.mp98-cat-bar span{display:block;height:100%;border-radius:8px;transition:width .2s}
.mp98-cat-row b,.mp98-cat-row small{text-align:right;font-variant-numeric:tabular-nums}
.mp98-cat-row small{font-size:10px;color:var(--t-muted)}
.mp98-kpi{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--mp98-kpi-color) 56%,var(--t-line))!important;background:linear-gradient(125deg,color-mix(in srgb,var(--mp98-kpi-color) 15%,var(--t-surface)),var(--t-surface) 85%)!important;min-height:104px}
.mp98-kpi .mp92-kpi-icon{color:var(--mp98-kpi-color)!important;background:color-mix(in srgb,var(--mp98-kpi-color) 18%,transparent)!important}
.mp98-kpi:after{content:'';position:absolute;right:-18px;bottom:-33px;width:115px;height:80px;border:2px solid color-mix(in srgb,var(--mp98-kpi-color) 32%,transparent);border-radius:60% 30% 0 0;pointer-events:none}
.mp98-kpi-0{--mp98-kpi-color:#e9ad2f}.mp98-kpi-1{--mp98-kpi-color:#ef526b}.mp98-kpi-2{--mp98-kpi-color:#4495ed}.mp98-kpi-3{--mp98-kpi-color:#32bb89}.mp98-kpi-4{--mp98-kpi-color:#e89d46}
/* Home: compact weekly commitment summary instead of last-login telemetry. */
#content .mp-home-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:15px!important}
#content .mp98-home-agenda{padding:17px!important;border-radius:15px!important;box-shadow:0 8px 25px #00000013!important}
.mp98-home-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--t-line);padding-bottom:14px;margin-bottom:7px}
.mp98-home-title-icon{display:grid;place-items:center;height:40px;width:40px;flex:0 0 40px;border-radius:11px;background:color-mix(in srgb,var(--mp84-icon,#d8a635) 15%,transparent);color:var(--mp84-icon,#d8a635);font-size:24px}
#content .mp98-home-title h3{margin:0 0 4px!important;font-size:15px!important;font-weight:800!important;color:var(--t-text)!important}
.mp98-home-title p{font-size:11px;color:var(--t-muted);margin:0}.mp98-home-count{margin-left:auto;font-size:24px;font-weight:850;color:var(--t-text)}
.mp98-home-items{display:flex;flex-direction:column;gap:2px}.mp98-home-item{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--t-line)}
.mp98-home-date{padding:8px 6px;text-align:center;flex:0 0 59px;background:color-mix(in srgb,var(--mp84-icon,#d8a635) 13%,var(--t-surface));border-radius:9px;font-size:10px;font-weight:800;color:var(--t-text);text-transform:uppercase}
.mp98-home-detail{min-width:0;display:flex;flex-direction:column;gap:4px}.mp98-home-detail strong{font-size:12px;color:var(--t-text);overflow-wrap:anywhere}.mp98-home-detail small{font-size:10px;color:var(--t-muted)}
.mp98-home-muted{font-size:12px;color:var(--t-muted);line-height:1.6;margin:14px 0}
.mp98-home-link{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:10px 12px;width:100%;border:1px solid var(--t-line);border-radius:9px;color:var(--t-text);background:var(--t-surface2);font-weight:750;text-align:left;cursor:pointer}.mp98-home-link:hover{filter:brightness(1.12)}
/* 60 -> 72px, preserving full circular framing and shifting image toward face. */
html .top .account #avatarButton.avatar-button{width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;min-height:72px!important;max-height:72px!important;flex:0 0 72px!important;border-radius:50%!important;overflow:hidden!important}
html .top .account #avatarButton #avatarImage{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 16%!important;border-radius:50%!important;transform:none!important}
html .top .account{min-height:72px!important}
@media(max-width:1350px){#content .mp-home-layout{grid-template-columns:minmax(0,1fr) 270px!important}.mp98-cat-insights{grid-template-columns:1fr}.mp98-cat-legend{padding:0 8px}}
@media(max-width:1040px){#content .mp-home-layout{grid-template-columns:1fr!important}#content .mp-home-side{order:0}#content .mp98-home-agenda{max-width:none}}
@media(max-width:700px){html .top .account #avatarButton.avatar-button{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;max-width:62px!important;max-height:62px!important;flex:0 0 62px!important}}
