.mgr309-kpis{padding:12px;display:grid;gap:14px}.mgr309-kpi{min-width:0;border-bottom:1px solid #e2e6ef;padding-bottom:12px}.mgr309-kpi:last-child{border:0}.mgr309-kpi header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:none!important;padding:0!important;color:#202a40!important}.mgr309-kpi header strong{font-size:15px}.mgr309-kpi header b{font-size:16px;color:#3158d8}.mgr309-kpi-values{display:flex;justify-content:space-between;gap:12px;margin:7px 0;color:#62718b;font-size:12px}.mgr309-kpi-values b{color:#24334f;margin-left:5px;font-variant-numeric:tabular-nums}.mgr309-track{height:7px;background:#e9edf5;border-radius:10px;overflow:hidden}.mgr309-track i{display:block;height:100%;background:#3158d8;border-radius:10px}.mgr309-no-value{margin:4px 0 0;color:#788396;font-size:11px}.mgr307-comment-fields .mgr309-employee,.mgr307-comment-fields .mgr309-opinion{grid-column:1/-1}.mgr309-employee{padding:10px 12px;background:#f4f6fa;border-left:3px solid #ccd5e7;min-width:0}.mgr309-employee h4{font-size:12px;color:#62718b;margin:0 0 6px}.mgr309-employee p{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#27334a}.mgr309-opinion textarea{min-height:84px}.mgr309-kpi-values span{white-space:normal}.mgr307-comments .mgr307-comment-fields{align-items:start}

.mgr309-source-note{font-size:11px;line-height:1.5;color:#62718b;padding:8px 12px;margin:0;background:#f6f8fc}

/* Group related report metrics by week and month. */
html body #modal#modal#modal .mgr310-goals[hidden]{display:none!important}
html body #modal#modal#modal .mgr310-goals .mgr307-table{background:#f8f9fc!important}
html body #modal#modal#modal .mgr310-goals .mgr307-table thead{display:none!important}
@media(max-width:700px){
 html body #modal#modal#modal .mgr310-periods[data-mgr310-columns="3"]>.mgr307-table-wrap tbody tr{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 html body #modal#modal#modal .mgr310-periods[data-mgr310-columns="3"]>.mgr307-table-wrap td:last-child{grid-column:auto!important}
 html body #modal#modal#modal .mgr310-periods[data-mgr310-columns="3"]>.mgr307-table-wrap td{font-size:13px!important;padding:7px 6px!important}
 html body #modal#modal#modal .mgr310-periods[data-mgr310-columns="3"]>.mgr307-table-wrap td::before{font-size:11px!important;line-height:17px!important}
 html body #modal#modal#modal .mgr310-goals .mgr307-table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Responsibility-specific HQ KPI and compact target reference. */
html body #modal#modal#modal details.mgr311-bonus{padding:0!important}
html body #modal#modal#modal .mgr311-bonus>summary{display:flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:9px 12px!important;list-style:none!important;cursor:pointer!important}
html body #modal#modal#modal .mgr311-bonus>summary strong{font-size:13px!important;line-height:20px!important;color:#23395f!important}
html body #modal#modal#modal .mgr311-bonus>summary span{font-size:11px!important;line-height:18px!important;color:#637189!important;margin-left:auto!important;white-space:nowrap!important}
html body #modal#modal#modal .mgr311-bonus>summary::after{content:'＋';color:#3158d8;font-size:16px;line-height:20px}
html body #modal#modal#modal .mgr311-bonus[open]>summary::after{content:'−'}
html body #modal#modal#modal .mgr311-bonus-body{padding:0 12px 10px!important;border-top:1px solid #dce3f3!important}
html body #modal#modal#modal .mgr311-bonus-body>p{font-size:11px!important;line-height:18px!important;color:#637189!important;margin:8px 0 0!important}
html body #modal#modal#modal details.mgr311-kpi{padding-bottom:0!important}
html body #modal#modal#modal details.mgr311-kpi[open]{padding-bottom:10px!important}
html body #modal#modal#modal .mgr311-kpi>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;list-style:none!important;cursor:pointer!important;counter-increment:managerSection306;background:#1e2129!important;color:white!important;min-height:44px!important;padding:9px 12px!important}
html body #modal#modal#modal .mgr311-kpi>summary h3{display:flex!important;align-items:baseline!important;gap:9px!important;color:white!important;-webkit-text-fill-color:white!important;font-size:15px!important;line-height:23px!important;margin:0!important}
html body #modal#modal#modal .mgr311-kpi>summary h3::before{content:counter(managerSection306,decimal-leading-zero);font-size:20px!important;font-weight:800!important;color:white!important;-webkit-text-fill-color:white!important}
html body #modal#modal#modal .mgr311-kpi>summary::after{content:'＋';font-size:17px;line-height:23px;color:white}
html body #modal#modal#modal .mgr311-kpi[open]>summary::after{content:'−'}
html body #modal#modal#modal .mgr311-bonus>summary::-webkit-details-marker,html body #modal#modal#modal .mgr311-kpi>summary::-webkit-details-marker{display:none}